www.chitteringcommunications.com.au
Open in
urlscan Pro
35.203.143.82
Public Scan
URL:
http://www.chitteringcommunications.com.au/wp-content/themes/blade/css/elements.css?ver=2.8.7
Submission: On February 09 via api from US — Scanned from US
Submission: On February 09 via api from US — Scanned from US
Form analysis 0 forms found in the DOM
Text Content
/* =========================================================================== */
/* General
/* Title
/* Typed Text
/* Media Box
/* Message Box
/* Divider
/* Buttons
/* Slogan
/* Single Icon
/* Icon Box
/* Social Share
/* Image Sizes ( square - landscape - portrait )
/* Isotope
/* Isotope Filters
/* Gallery
/* Portfolio
/* Call Out
/* Quote
/* Advanced Promo
/* Socials
/* Team
/* DropCap
/* Pricing Tables
/* Pie Charts
/* Progress Bars
/* Counters
/* Carousel & Sliders
/* Testimonial
/* Owl Carousel
/* Vc Tabs
/* Vc Accordion
/* Single Image
/* Image Text
/* Sticky Post
/* Large Blog
/* Small Blog
/* Columns Blog
/* Carousel Blog
/* Post Link & Quote Format
/* Post Custom Audio Format
/* Post Quote Format
/* Blog with Shadow
/* Blog Style 2
/* Slider & Carousel Navigations
/* Countdown
/* Widgets
/* - Menu Widgets Arrow
/* - Menu Widget
/* - Page Widget
/* - Archive Widget
/* - Categories Widget
/* - Meta Widget
/* - Recent Comments Widget
/* - Recent Post Widget
/* - RSS Widget
/* - Calendar Widget
/* - Tag Cloud
/* - Latest News (Greatives)
/* - Latest Comments (Greatives)
/* - Latest Portfolio (Greatives)
/* - Contact Info (Greatives)
/* - Instagram (Greatives)
/* =========================================================================== */
/* General
============================================================================= */
.grve-element {
margin-bottom: 30px;
position: relative;
z-index: 3;
}
.grve-element:last-child {
margin-bottom: 0px;
}
/* Title
============================================================================= */
.grve-title > span {
display: inline-block;
}
.grve-title-line {
width: 50px;
height: 3px;
display: block;
clear: both;
margin-top: 18px;
background-color: #000;
}
.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;
}
/* Typed Text
============================================================================= */
.grve-typed-text .grve-animated-text {
height: 1em;
display: inline-block;
vertical-align: top;
}
/* Media Box
============================================================================= */
.grve-box .grve-media {
margin-bottom: 20px;
position: relative;
}
.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 p + .grve-read-more {
margin-top: 20px;
}
/* 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: 15px;
}
.grve-message p {
margin-bottom: 0;
font-size: 0.9em;
min-height: 40px;
}
.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;
}
/* Divider
============================================================================= */
hr {
margin-bottom: 30px;
display: block;
border: none;
border-top: 1px solid;
}
.grve-hr.grve-element {
margin-bottom: 0;
display: block;
border: none;
}
/* Line Divider */
.grve-hr .grve-line-divider {
border-top: 1px solid;
}
/* Dashed Divider */
.grve-hr .grve-dashed-line-divider {
border-top: 1px dashed;
}
/* Double Line */
.grve-hr .grve-double-line-divider {
height: 5px;
border-top: 1px solid;
border-bottom: 1px solid;
}
/* Double Line */
.grve-hr .grve-top-line-divider {
height: auto;
border-bottom: 1px solid;
text-align: right;
}
.grve-hr .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-hr .grve-divider-backtotop:after {
content: "\f106";
font-family: FontAwesome;
margin-left: 5px;
position: relative;
top: -1px;
}
/* Buttons
============================================================================= */
a.grve-btn,
#grve-theme-wrapper button:not(.grve-custom-btn),
#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) {
display: inline-block;
padding: 1.154em 1.538em;
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, border-color .5s ease;
-moz-transition : color .5s ease, background-color .5s ease, border-color .5s ease;
-o-transition : color .5s ease, background-color .5s ease, border-color .5s ease;
-ms-transition : color .5s ease, background-color .5s ease, border-color .5s ease;
transition : color .5s ease, background-color .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%;
}
/* Extra Small Size */
.grve-btn.grve-btn-extrasmall {
padding: 0.556em 1.667em;
}
/* Small Size */
.grve-btn.grve-btn-small {
padding:0.818em 1.636em;
}
/* Large Size */
.grve-btn.grve-btn-large {
padding: 1.125em 1.500em;
}
/* Extra Large Size */
.grve-btn.grve-btn-extralarge {
padding: 1.538em 2.308em;
}
/* 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: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;
}
#grve-theme-wrapper .grve-fullwidth-btn.grve-btn {
margin: 0;
padding: 0 1.538em;
line-height: 60px;
}
#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;
}
@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;
}
}
/* Slogan
============================================================================= */
.grve-slogan .grve-slogan-title {
margin-bottom: 18px;
}
.grve-slogan p {
margin-bottom: 28px;
}
.grve-slogan p:last-child {
margin-bottom: 0;
}
/* 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;
}
/* 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;
}
/* Small Icons With Out Shape */
.grve-single-icon.grve-small .grve-no-shape.grve-wrapper-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 {
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 {
font-size: 72px;
}
/* Large Icons With Shape */
.grve-single-icon.grve-large.grve-with-shape .grve-wrapper-icon {
font-size: 40px;
}
.grve-single-icon .grve-wrapper-icon i:before {
line-height: inherit;
display: inline-block;
vertical-align: top;
}
/* 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 .grve-box-content {
position: relative;
}
.grve-box-icon .grve-wrapper-icon {
border: 1px solid transparent;
display: inline-block;
}
.grve-box-icon .grve-wrapper-icon.grve-outline {
border: 1px solid;
}
.grve-wrapper-icon i {
line-height: inherit;
}
.grve-box-icon a,
.grve-box-icon a:hover {
display: inline-block;
clear: both;
color: inherit;
}
/* Align Left */
.grve-box-icon.grve-align-left .grve-wrapper-icon,
.grve-box-icon.grve-align-left .grve-image-icon {
position: relative;
top: 2px;
float: left;
margin-right: 0.469em;
}
.grve-box-icon.grve-align-left.grve-with-shape .grve-wrapper-icon {
margin-right: 0.750em;
}
/* Align Right */
.grve-box-icon.grve-align-right .grve-wrapper-icon,
.grve-box-icon.grve-align-right .grve-image-icon {
position: relative;
top: 2px;
float: right;
margin-left: 0.469em;
}
.grve-box-icon.grve-align-left.grve-with-shape .grve-wrapper-icon {
margin-left: 0.750em;
}
.grve-box-icon.grve-align-left .grve-box-content,
.grve-box-icon.grve-align-right .grve-box-content {
overflow: hidden;
}
/* Tablet Portrait */
@media only screen and (max-width: 1023px) {
.grve-box-icon.grve-align-left.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-align-left .grve-wrapper-icon,
.grve-box-icon.grve-align-left .grve-image-icon,
.grve-box-icon.grve-align-right.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-align-right .grve-wrapper-icon,
.grve-box-icon.grve-align-right .grve-image-icon {
float: none;
margin: 0;
margin-bottom: 0.600em;
}
.grve-box-icon.grve-align-left .grve-wrapper-icon,
.grve-box-icon.grve-align-right .grve-wrapper-icon {
margin: 0;
margin-bottom: 0.250em;
}
}
/* Align Center */
.grve-box-icon.grve-with-shape.grve-align-center .grve-wrapper-icon,
.grve-box-icon.grve-align-center .grve-image-icon {
margin-bottom: 20px;
position: relative;
}
.grve-box-icon.grve-align-center .grve-wrapper-icon {
margin-bottom: 20px;
position: relative;
}
/* Icons With Shape */
.grve-box-icon.grve-with-shape .grve-wrapper-icon {
width: 2.500em;
height: 2.500em;
line-height: 2.500em;
display: inline-block;
text-align: center;
}
/* Icons With Out Shape */
.grve-box-icon .grve-no-shape.grve-wrapper-icon {
width: 1.000em;
height: 1.000em;
line-height: 1.000em;
display: inline-block;
}
/* Icons With Image */
.grve-box-icon.grve-align-center img {
height: 2.500em;
width: auto;
}
.grve-box-icon.grve-align-left img,
.grve-box-icon.grve-align-right img {
width: 1.000em;
height: auto;
}
/* Extra Small Icons With Out Shape */
.grve-box-icon.grve-extra-small .grve-no-shape.grve-wrapper-icon,
.grve-box-icon.grve-extra-small.grve-align-left .grve-image-icon,
.grve-box-icon.grve-extra-small.grve-align-right .grve-image-icon {
font-size: 24px;
}
/* Extra Small Icons With Shape */
.grve-box-icon.grve-extra-small.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-extra-small.grve-align-center .grve-image-icon {
font-size: 16px;
}
/* Small Icons With Out Shape */
.grve-box-icon.grve-small .grve-no-shape.grve-wrapper-icon,
.grve-box-icon.grve-small.grve-align-left .grve-image-icon,
.grve-box-icon.grve-small.grve-align-right .grve-image-icon {
font-size: 32px;
}
/* Small Icons With Shape */
.grve-box-icon.grve-small.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-small.grve-align-center .grve-image-icon {
font-size: 24px;
}
/* Medium Icons With Out Shape */
.grve-box-icon.grve-medium .grve-no-shape.grve-wrapper-icon,
.grve-box-icon.grve-medium.grve-align-left .grve-image-icon,
.grve-box-icon.grve-medium.grve-align-right .grve-image-icon {
font-size: 48px;
}
/* Medium Icons With Shape */
.grve-box-icon.grve-medium.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-medium.grve-align-center .grve-image-icon {
font-size: 32px;
}
/* Large Icons With Out Shape */
.grve-box-icon.grve-large .grve-no-shape.grve-wrapper-icon,
.grve-box-icon.grve-large.grve-align-left .grve-image-icon,
.grve-box-icon.grve-large.grve-align-right .grve-image-icon {
font-size: 72px;
}
/* Large Icons With Shape */
.grve-box-icon.grve-large.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-large.grve-align-center .grve-image-icon {
font-size: 40px;
}
.grve-box-icon .grve-wrapper-icon i:before {
line-height: inherit;
display: inline-block;
vertical-align: top;
margin-top: -2px;
}
/* Advanced Hover */
.grve-box-icon.grve-advanced-hover {
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.grve-box-icon.grve-advanced-hover.grve-icon-box-active,
.grve-box-icon.grve-advanced-hover.grve-icon-box-active p {
visibility: visible;
-webkit-transition: padding 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.8s;
transition: padding 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.8s;
}
.grve-box-icon.grve-advanced-hover p {
opacity: 0;
}
.grve-box-icon.grve-advanced-hover.hover,
.grve-box-icon.grve-advanced-hover.hover p {
padding-top: 0px !important;
opacity: 1;
}
/* 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;
-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 With Out Shape */
.grve-element.grve-social ul li a.grve-no-shape.grve-small {
font-size: 32px;
}
/* Small Icons With Shape */
.grve-element.grve-social ul li a.grve-with-shape.grve-small {
font-size: 24px;
}
/* Medium Icons With Out Shape */
.grve-element.grve-social ul li a.grve-no-shape.grve-medium {
font-size: 48px;
}
/* Medium Icons With Shape */
.grve-element.grve-social ul li a.grve-with-shape.grve-medium {
font-size: 32px;
}
/* Large Icons With Out Shape */
.grve-element.grve-social ul li a.grve-no-shape.grve-large {
font-size: 72px;
}
/* Large Icons With Shape */
.grve-element.grve-social ul li a.grve-with-shape.grve-large {
font-size: 40px;
}
.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;
}
/* Image Sizes ( square - landscape - portrait )
============================================================================= */
.grve-image-square img {
width: 100%;
height: auto;
max-width: none;
}
.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-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-section.grve-fullwidth .grve-isotope {
overflow: hidden;
}
.grve-isotope-container {
opacity: 0;
overflow: hidden;
}
.grve-isotope.grve-with-gap .grve-isotope-container {
margin-left: -20px;
margin-right: -20px;
}
.grve-section[data-section-type="fullwidth-element"] .grve-isotope.grve-with-gap .grve-isotope-container {
margin-left: 20px;
margin-right: 20px;
}
.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 Isotpe */
.grve-isotope-item-inner.grve-fadeIn,
.grve-isotope-item-inner.grve-fadeInUp,
.grve-isotope-item-inner.grve-fadeInDown,
.grve-isotope-item-inner.grve-fadeInLeft,
.grve-isotope-item-inner.grve-fadeInRight,
.grve-isotope-item-inner.grve-zoomIn {
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-fadeIn,
html.ie9 .grve-isotope-item-inner.grve-fadeInUp,
html.ie9 .grve-isotope-item-inner.grve-fadeInDown,
html.ie9 .grve-isotope-item-inner.grve-fadeInLeft,
html.ie9 .grve-isotope-item-inner.grve-fadeInRight,
html.ie9 .grve-isotope-item-inner.grve-zoomIn {
opacity: 1;
}
/* Isotope Filters
============================================================================= */
.grve-filter {
margin-bottom: 40px;
}
.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;
opacity: 0.5;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
transition : all .3s;
}
.grve-filter ul li:hover,
.grve-filter ul li.selected {
opacity: 1;
}
.grve-section.grve-fullwidth .grve-isotope:not(.grve-with-gap) .grve-filter {
padding-left: 40px;
padding-right: 40px;
}
/* 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;
}
/* Portfolio
============================================================================= */
.grve-portfolio-item > a {
position: relative;
display: block;
-webkit-backface-visibility : hidden;
-moz-backface-visibility : hidden;
-ms-backface-visibility : hidden;
}
.grve-portfolio-item figure .grve-title {
margin-bottom: 3px;
line-height: 1.4;
}
.grve-portfolio-item figure .grve-caption {
margin-bottom: 0;
font-size: 14px;
}
.grve-portfolio-item figure .grve-like-counter {
position: absolute;
left: 20px;
top: 20px;
z-index: 3;
}
.grve-portfolio-item figure .grve-like-counter i {
margin-right: 2px;
padding: 2px;
}
/* Style 1 & 3 */
.grve-portfolio-item figure.grve-hover-style-1 figcaption,
.grve-portfolio-item figure.grve-hover-style-3 figcaption {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 20px;
z-index: 3;
}
.grve-portfolio-item figure.grve-hover-style-1 .grve-portfolio-content,
.grve-portfolio-item figure.grve-hover-style-3 .grve-portfolio-content {
position: absolute;
left: 20px;
bottom: 20px;
}
.grve-portfolio-item figure.grve-hover-style-1 .grve-title:last-child,
.grve-portfolio-item figure.grve-hover-style-3 .grve-title:last-child {
margin-bottom: 0;
}
/* Style 2 */
.grve-portfolio-item figure.grve-hover-style-2 .grve-portfolio-content {
text-align: center;
margin-top: 30px;
}
.grve-portfolio-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-portfolio-item figure.grve-hover-style-2 .grve-title:last-child {
margin-bottom: 0;
}
/* Style 4 & 5 */
.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter,
.grve-portfolio-item figure.grve-hover-style-5 .grve-like-counter {
position: relative;
display: inline-block;
left: auto;
top: 0;
z-index: 3;
margin-bottom: 15px;
}
.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter i,
.grve-portfolio-item figure.grve-hover-style-5 .grve-like-counter i {
font-size: 30px;
margin: 0;
}
.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter span,
.grve-portfolio-item figure.grve-hover-style-5 .grve-like-counter span {
position: absolute;
left: 80%;
bottom: 0;
}
.grve-portfolio-item figure.grve-hover-style-4 figcaption,
.grve-portfolio-item figure.grve-hover-style-5 figcaption {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 40px;
z-index: 3;
}
.grve-portfolio-item figure.grve-hover-style-4 .grve-portfolio-content,
.grve-portfolio-item figure.grve-hover-style-5 .grve-portfolio-content {
position: absolute;
top: 50%;
left: 20px;
right: 20px;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.grve-portfolio-item figure.grve-hover-style-4 .grve-title:last-child,
.grve-portfolio-item figure.grve-hover-style-5 .grve-title:last-child {
margin-bottom: 0;
}
/* Animation Hover Style 1 */
.grve-portfolio-item figure.grve-hover-style-1 .grve-like-counter {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(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-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-like-counter {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-ms-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.grve-portfolio-item figure.grve-hover-style-1 .grve-title,
.grve-portfolio-item figure.grve-hover-style-1 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-1 .grve-portfolio-btn {
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-portfolio-item figure.grve-hover-style-1.hover .grve-title,
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-portfolio-btn {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-portfolio-btn {
opacity: 0.7;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-ms-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-portfolio-btn:hover {
opacity: 1;
}
/* Animation Hover Style 3 */
.grve-portfolio-item figure.grve-hover-style-3 .grve-like-counter {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition : -webkit-transform .3s;
-moz-transition : -moz-transform .3s;
-ms-transition : -ms-transform .3s;
-o-transition : -o-transform .3s;
transition : transform .3s;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.grve-portfolio-item figure.grve-hover-style-3.hover .grve-like-counter {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-ms-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.grve-portfolio-item figure.grve-hover-style-3 .grve-title,
.grve-portfolio-item figure.grve-hover-style-3 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-3 .grve-portfolio-btn {
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-portfolio-item figure.grve-hover-style-3.hover .grve-title,
.grve-portfolio-item figure.grve-hover-style-3.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-3.hover .grve-portfolio-btn {
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.grve-portfolio-item figure.grve-hover-style-3 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-3 .grve-portfolio-btn {
opacity: 0.7;
}
.grve-portfolio-item figure.grve-hover-style-3 .grve-portfolio-btn:hover {
opacity: 1;
}
/* Animation Hover Style 4 */
.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition : -webkit-transform .5s;
-moz-transition : -moz-transform .5s;
-ms-transition : -ms-transform .5s;
-o-transition : -o-transform .5s;
transition : transform .5s;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-like-counter {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-ms-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.grve-portfolio-item figure.grve-hover-style-4 .grve-title,
.grve-portfolio-item figure.grve-hover-style-4 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-4 .grve-portfolio-btn {
opacity: 0;
-webkit-transition : -webkit-transform .5s, opacity .5s;
-moz-transition : -moz-transform .5s, opacity .5s;
-ms-transition : -ms-transform .5s, opacity .5s;
-o-transition : -o-transform .5s, opacity .5s;
transition : transform .5s, opacity .5s;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-title,
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-portfolio-btn {
opacity: 1;
}
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-portfolio-btn {
opacity: 0.7;
}
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-portfolio-btn:hover {
opacity: 1;
}
/* Animation Hover Style 5 */
.grve-portfolio-item figure.grve-hover-style-5 .grve-like-counter {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition : -webkit-transform .5s;
-moz-transition : -moz-transform .5s;
-ms-transition : -ms-transform .5s;
-o-transition : -o-transform .5s;
transition : transform .5s;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.grve-portfolio-item figure.grve-hover-style-5.hover .grve-like-counter {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.grve-portfolio-item figure.grve-hover-style-5 .grve-title,
.grve-portfolio-item figure.grve-hover-style-5 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-5 .grve-portfolio-btn {
opacity: 1;
-webkit-transition : -webkit-transform .5s, opacity .5s;
-moz-transition : -moz-transform .5s, opacity .5s;
-ms-transition : -ms-transform .5s, opacity .5s;
-o-transition : -o-transform .5s, opacity .5s;
transition : transform .5s, opacity .5s;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.grve-portfolio-item figure.grve-hover-style-5.hover .grve-title,
.grve-portfolio-item figure.grve-hover-style-5.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-5.hover .grve-portfolio-btn {
opacity: 0;
}
/* Portfolio Bg Overview */
.grve-bg-overview.grve-portfolio-item figure.grve-hover-style-4 .grve-title,
.grve-bg-overview.grve-portfolio-item figure.grve-hover-style-5.hover .grve-title {
opacity: 1;
}
.grve-bg-overview.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter,
.grve-bg-overview.grve-portfolio-item figure.grve-hover-style-5.hover .grve-like-counter {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* 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;
}
/* Quote
============================================================================= */
blockquote {
margin-bottom: 30px;
padding-left: 1.154em;
position: relative;
}
blockquote:before {
content: '';
position: absolute;
width: 4px;
height: 100%;
top: 0;
left: 0;
background-color: #000000;
}
/* 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 .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.grve-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-media {
position: relative;
}
.grve-team .grve-media img {
position: static;
}
.grve-team.grve-style-1 .grve-media {
margin-bottom: 28px;
}
.grve-team .grve-media a {
display: block;
}
.grve-team .grve-team-name {
margin-bottom: 0;
display: inline-block;
vertical-align: top;
-webkit-transition: all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
transition : all .3s;
}
.grve-team p {
margin-top: 24px;
}
.grve-team .grve-team-description + .grve-team-social {
margin-top: 24px;
}
.grve-team .grve-team-social ul {
margin: 0;
}
/* Style 2 */
.grve-team.grve-style-2 figure {
position: relative;
}
.grve-team.grve-style-2 figcaption {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
padding: 0 15px;
}
.grve-team.grve-style-2 .grve-team-content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.grve-team.grve-style-2 .grve-team-identity {
opacity: 0;
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-o-transform: translateY(-200%);
transform: translateY(-200%);
}
.grve-team.grve-style-2 .grve-team-identity,
.grve-team.grve-style-2 .grve-team-name,
.grve-team.grve-style-2 .grve-team-social {
opacity: 0;
-webkit-transition: all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
transition : all .3s;
}
.grve-team.grve-style-2 .grve-team-social {
opacity: 0;
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
-ms-transform: translateY(200%);
-o-transform: translateY(200%);
transform: translateY(200%);
}
.grve-team.grve-style-2 .hover .grve-team-identity,
.grve-team.grve-style-2 .hover .grve-team-name,
.grve-team.grve-style-2 .hover .grve-team-social {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.grve-team.grve-style-2 .hover .grve-team-identity {
-webkit-transition-delay : .3s;
-moz-transition-delay : .3s;
-ms-transition-delay : .3s;
-o-transition-delay : .3s;
transition-delay : .3s;
}
.grve-team.grve-style-2 .hover .grve-team-social {
-webkit-transition-delay : .5s;
-moz-transition-delay : .5s;
-ms-transition-delay : .5s;
-o-transition-delay : .5s;
transition-delay : .5s;
}
/* DropCap
============================================================================= */
.grve-dropcap.grve-element span {
float: left;
font-size: 55px;
line-height: 1em;
padding: 0px 18px 0px 0px;
margin-bottom: 0;
}
.grve-dropcap span.grve-style-2 {
font-size: 40px;
line-height: 50px;
width: 50px;
height: 50px;
text-align: center;
margin-right: 10px;
padding: 0;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
}
/* Pricing Tables
============================================================================= */
/* Style 1 */
.grve-pricing-table.grve-style-1 {
text-align: center;
border: 1px solid rgba(0,0,0,0.09);
overflow: hidden;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
}
.grve-pricing-table.grve-style-1 ul {
list-style: none;
margin: 0;
}
.grve-pricing-table.grve-style-1 ul li {
padding: 20px 10px;
border-bottom: 1px solid rgba(0,0,0,0.09);
}
.grve-pricing-table.grve-style-1 ul li:nth-child(2n+0) {
background: #FBFBFB;
}
.grve-pricing-table.grve-style-1 .grve-pricing-title {
margin: 0px;
padding: 0.729em 10px;
position: relative;
}
.grve-pricing-table.grve-style-1 .grve-pricing-title:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-color: #ffffff;
width: 100%;
height: 100%;
opacity: 0.12;
}
#grve-main-content .grve-pricing-table.grve-style-1 .grve-price,
#grve-main-content .grve-pricing-table.grve-style-1 .grve-pricing-title {
color: #ffffff;
}
.grve-pricing-table.grve-style-1 .grve-price {
padding: 35px 10px;
margin: 0;
border-top: 1px solid rgba(255,255,255,0.4);
}
.grve-pricing-table.grve-style-1 .grve-btn {
margin: 30px 0px;
}
/* Style 2 */
.grve-pricing-table.grve-style-2 {
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
padding: 40px;
text-align: center;
background-color: #ffffff;
}
.grve-pricing-table.grve-style-2 .grve-pricing-title {
margin-bottom: 5px;
}
.grve-pricing-table.grve-style-2 .grve-pricing-content {
margin-top: 40px;
margin-bottom: 40px;
}
.grve-pricing-table.grve-style-2 .grve-price {
margin-bottom: 0;
}
.grve-pricing-table.grve-style-2 .grve-pricing-content span {
font-size: 0.415em;
opacity: 0.5;
}
.grve-pricing-table.grve-style-2 ul {
list-style: none;
margin: 0 0 40px 0;
}
.grve-pricing-table.grve-style-2 a.grve-btn {
width: 100%;
}
/* 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-large {
font-size: 72px;
line-height: 72px;
}
.grve-counter .grve-counter-icon i.grve-medium {
font-size: 48px;
line-height: 48px;
}
.grve-counter .grve-counter-icon i.grve-small {
font-size: 32px;
line-height: 32px;
}
.grve-counter .grve-counter-item {
margin-bottom: 6px;
}
.grve-counter .grve-counter-item.grve-large {
font-size: 60px;
line-height: 70px;
}
.grve-counter .grve-counter-item.grve-medium {
font-size: 48px;
line-height: 56px;
}
.grve-counter .grve-counter-item.grve-small {
font-size: 36px;
line-height: 48px;
}
/* Carousel & Sliders
============================================================================= */
.grve-carousel-wrapper,
.grve-slider-wrapper {
position: relative;
z-index: 3;
}
.grve-slider {
overflow: hidden;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.grve-slider img {
width: 100%;
display: block;
}
.grve-slider .grve-slider-item .grve-graphic img {
height: auto;
line-height: 0;
max-width: 100%;
width: auto;
}
.grve-slider .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.grve-slider .owl-wrapper {
position: relative;
}
.grve-slider .owl-wrapper-outer {
position: relative;
width: 100%;
z-index: 1;
}
.grve-slider .owl-wrapper-outer.autoHeight {
-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;
}
.grve-slider .owl-item {
float: left;
}
/* Carousel */
.grve-carousel.grve-carousel-element,
.grve-flexible-carousel.grve-carousel-element {
overflow: hidden;
visibility: hidden;
}
.grve-carousel.grve-carousel-element .owl-item,
.grve-flexible-carousel.grve-carousel-element .owl-item {
float: left;
}
/* Carousel with Gap */
.grve-carousel-wrapper.grve-with-gap .grve-carousel.grve-carousel-element,
.grve-carousel-wrapper.grve-with-gap .grve-flexible-carousel.grve-carousel-element {
margin-left: -15px;
margin-right: -15px;
}
.grve-carousel-wrapper.grve-with-gap .grve-carousel.grve-carousel-element .owl-item,
.grve-carousel-wrapper.grve-with-gap .grve-flexible-carousel.grve-carousel-element .owl-item {
padding-left: 15px;
padding-right: 15px;
}
.grve-section.grve-fullwidth .grve-carousel-wrapper.grve-with-gap .grve-carousel.grve-carousel-element,
.grve-section.grve-fullwidth .grve-carousel-wrapper.grve-with-gap .grve-flexible-carousel.grve-carousel-element {
margin-left: 15px;
margin-right: 15px;
}
.grve-slider .owl-wrapper,
.grve-slider .owl-item,
.grve-carousel-element .owl-wrapper,
.grve-carousel-element .owl-item {
-webkit-backface-visibility : hidden;
-moz-backface-visibility : hidden;
-ms-backface-visibility : hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
position: relative;
overflow: hidden;
}
/* Testimonial
============================================================================= */
.grve-testimonial .owl-item {
float: left;
}
.grve-testimonial {
overflow: hidden;
visibility: hidden;
}
.grve-testimonial-element {
display: inline-block;
width: 100%;
}
.grve-testimonial-element p {
margin-bottom: 20px;
}
.grve-testimonial-element .grve-container {
padding-left: 0;
padding-right: 0;
}
/* Thumb */
.grve-testimonial-thumb img {
width: 100px;
margin-bottom: 30px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
/* Testimonial Style 2 */
.grve-testimonial-grid.grve-with-shadow .grve-testimonial-element.grve-style-2 {
padding: 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-testimonial-grid .grve-isotope-container {
padding-top: 3px;
}
.grve-testimonial-element.grve-style-2 .grve-testimonial-author {
display: table;
width: 100%;
padding-top: 24px;
}
.grve-testimonial-element.grve-style-2 .grve-testimonial-thumb {
display: table-cell;
width: 40px;
}
.grve-testimonial-element.grve-style-2 .grve-testimonial-thumb img {
width: 40px;
margin-bottom: 0;
display: block;
}
.grve-testimonial-element.grve-style-2 .grve-testimonial-name {
display: table-cell;
vertical-align: middle;
}
.grve-testimonial-element.grve-style-2 .grve-testimonial-thumb + .grve-testimonial-name {
padding-left: 15px;
}
/* Thumb Animation on isotope */
.grve-isotope-item-inner .grve-testimonial-element.grve-style-2 .grve-testimonial-thumb {
opacity: 0;
-webkit-transform : scale(0);
-moz-transform : scale(0);
-o-transform : scale(0);
transform : scale(0);
-webkit-transition : -webkit-transform .3s ease, opacity .8s;
-moz-transition : -moz-transform .3s ease, opacity .8s;
-ms-transition : -ms-transform .3s ease, opacity .8s;
-o-transition : -o-transform .3s ease, opacity .8s;
transition : transform .3s ease, opacity .8s;
}
.grve-isotope-item-inner.grve-animated .grve-testimonial-element.grve-style-2 .grve-testimonial-thumb {
opacity: 1;
-webkit-transform : scale(1.0);
-moz-transform : scale(1.0);
-o-transform : scale(1.0);
transform : scale(1.0);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
/* Author name Animation on isotope */
.grve-isotope-item-inner .grve-testimonial-element.grve-style-2 .grve-testimonial-name {
opacity: 0;
-webkit-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-o-transform: translate(0, 15px);
transform: translate(0, 15px);
-webkit-transition : -webkit-transform .3s ease, opacity .8s;
-moz-transition : -moz-transform .3s ease, opacity .8s;
-ms-transition : -ms-transform .3s ease, opacity .8s;
-o-transition : -o-transform .3s ease, opacity .8s;
transition : transform .3s ease, opacity .8s;
}
.grve-isotope-item-inner.grve-animated .grve-testimonial-element.grve-style-2 .grve-testimonial-name {
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);
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
/* Styling Pagination*/
div.owl-pagination {
position: relative;
z-index: 2;
display: inline-block;
vertical-align: middle;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.grve-carousel .owl-controls .owl-page,
.grve-testimonial .owl-controls .owl-page,
.grve-flexible-carousel .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.grve-carousel .owl-controls .owl-page span,
.grve-testimonial .owl-controls .owl-page span,
.grve-flexible-carousel .owl-controls .owl-page span {
display: block;
opacity: 0.3;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
transition : all .3s;
}
.grve-carousel .owl-controls .owl-page span,
.grve-testimonial .owl-controls .owl-page span,
.grve-flexible-carousel .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0 8px;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.grve-carousel .owl-controls .owl-page span,
.grve-testimonial .owl-controls .owl-page span,
.grve-flexible-carousel .owl-controls .owl-page span {
background-color: #000000;
border: 5px solid;
}
.grve-carousel-pagination-2 .grve-carousel .owl-controls .owl-page span,
.grve-carousel-pagination-2.grve-testimonial .owl-controls .owl-page span,
.grve-carousel-pagination-2 .grve-flexible-carousel .owl-controls .owl-page span {
width: 20px;
height: 2px;
margin: 5px 7px;
-webkit-border-radius: 0%;
border-radius: 0%;
}
.grve-carousel-pagination-2 .grve-carousel .owl-controls .owl-page span,
.grve-carousel-pagination-2.grve-testimonial .owl-controls .owl-page span,
.grve-carousel-pagination-2 .grve-flexible-carousel .owl-controls .owl-page span {
border: 1px solid;
}
.grve-carousel .owl-controls .owl-page.active span,
.grve-carousel .owl-controls.clickable .owl-page:hover span,
.grve-testimonial .owl-controls .owl-page.active span,
.grve-testimonial .owl-controls.clickable .owl-page:hover span,
.grve-flexible-carousel .owl-controls .owl-page.active span,
.grve-flexible-carousel .owl-controls.clickable .owl-page:hover span {
opacity: 1;
background-color: transparent !important;
border: 1px solid;
}
.grve-carousel .owl-controls,
.grve-flexible-carousel .owl-controls {
text-align: center;
line-height: 80px;
}
/* Owl Carousel
============================================================================= */
/* mouse grab icon */
.grabbing {
cursor:url(../images/graphics/grabbing.png) 8 8, move;
}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes 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 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 backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
/* Vc Tabs
============================================================================= */
#grve-main-content .vc_tta.vc_general .vc_tta-tab > a {
border: none;
}
#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: -2px;
display: block;
}
.vc_tta-tabs-position-top .vc_tta-tabs-list {
border-bottom: 1px solid;
}
#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;
}
.vc_tta.vc_general .vc_tta-panel-title > a {
padding: 18px 20px;
}
/* Single Image
============================================================================= */
.grve-image img {
opacity: 0;
}
img.grve-full-image {
width: 100%;
}
.grve-image {
overflow: hidden;
}
.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;
}
/* Video Link */
.grve-media a.grve-video-popup {
display:block;
}
.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%;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
transition : all .3s;
}
a:hover .grve-icon-video {
background-color: rgba(0,0,0,0.7);
}
/* Image with Caption */
.grve-element.grve-image figure .grve-title {
margin-bottom: 3px;
}
.grve-element.grve-image figure .grve-caption {
margin-bottom: 0;
font-size: 14px;
}
.grve-element.grve-image .grve-hover-style-1 figcaption,
.grve-element.grve-image .grve-hover-style-3 figcaption {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 20px;
z-index: 3;
text-align: left;
}
.grve-element.grve-image .grve-hover-style-1 .grve-image-content,
.grve-element.grve-image .grve-hover-style-3 .grve-image-content {
position: absolute;
left: 20px;
bottom: 20px;
}
.grve-element.grve-image .grve-hover-style-2 .grve-image-content {
margin-top: 30px;
text-align: center;
}
.grve-element.grve-image .grve-title:last-child {
margin-bottom: 0;
}
/* Animation Hover Style 1 */
.grve-element.grve-image .grve-hover-style-1 figcaption .grve-title,
.grve-element.grve-image .grve-hover-style-1 figcaption .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-element.grve-image .grve-hover-style-1.hover figcaption .grve-title,
.grve-element.grve-image .grve-hover-style-1.hover figcaption .grve-caption {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.grve-element.grve-image .grve-hover-style-1.hover figcaption .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-element.grve-image .grve-hover-style-3 figcaption .grve-title,
.grve-element.grve-image .grve-hover-style-3 figcaption .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-element.grve-image .grve-hover-style-3 figcaption .grve-caption {
opacity: 0.7;
}
.grve-element.grve-image .grve-hover-style-3.hover figcaption .grve-title,
.grve-element.grve-image .grve-hover-style-3.hover figcaption .grve-caption {
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
/* Image Text
============================================================================= */
.grve-image-text {
visibility: hidden;
}
.grve-image-text img {
width: 100%;
}
.grve-image-text:before,
.grve-image-text:after {
display: table;
content: " ";
}
.grve-image-text:after {
clear: both;
}
.grve-image-text .grve-image,
.grve-image-text .grve-content {
width: 50%;
}
.grve-section.grve-fullwidth .grve-content {
padding-left: 8%;
padding-right: 8%;
}
.grve-image-text .grve-content.grve-position-right {
padding-left: 8%;
}
.grve-image-text .grve-content.grve-position-left {
padding-right: 8%;
}
.grve-image-text .grve-image img {
display: block;
}
@media only screen and (max-width: 767px) {
.grve-image-text .grve-image {
margin-bottom: 30px;
}
.grve-image-text .grve-image,
.grve-image-text .grve-content {
width: auto;
float: none;
text-align: left;
}
.grve-image-text .grve-content.grve-position-right {
padding-left: 0;
}
.grve-image-text .grve-content.grve-position-left {
padding-right: 0;
}
.grve-section.grve-fullwidth .grve-content {
padding-left: 30px;
padding-right: 30px;
}
.grve-flexible-carousel .grve-content {
margin-bottom: 30px;
}
.grve-image-text .grve-content {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
/* Sticky Post
============================================================================= */
.grve-blog-item.sticky {
padding: 15px;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
}
/* Large Blog
============================================================================= */
.grve-blog.grve-with-shadow .grve-isotope-container {
padding-top: 3px;
}
.grve-blog a.grve-read-more:hover {
color: inherit;
}
.grve-blog-large .grve-blog-item {
margin-bottom: 120px;
}
.grve-blog-large .grve-media {
margin-bottom: 60px;
}
.grve-blog-large .grve-post-title {
margin-bottom: 24px;
display: inline-block;
vertical-align: top;
}
.grve-post-title,
.grve-post-content .grve-title {
-webkit-transition : color .3s;
-moz-transition : color .3s;
-ms-transition : color .3s;
-o-transition : color .3s;
transition : color .3s;
}
.grve-blog-large .grve-post-content {
position: relative;
padding-left: 25%;
}
.grve-blog-large ul.grve-post-meta {
margin: 0;
list-style: none;
position: absolute;
top: 0;
left: 0;
width: 20%;
line-height: 1.4;
margin-bottom: 24px;
}
.grve-blog-large ul.grve-post-meta:after {
content: '';
border-left: 1px solid;
width: 1px;
height: 100%;
position: absolute;
opacity: 0.3;
top: 0;
right: 0;
}
.grve-blog-large ul.grve-post-meta li {
display: inline-block;
margin-right: 10px;
line-height: 1.8em;
}
.grve-blog ul.grve-post-meta a {
color: inherit;
}
.grve-blog-large ul.grve-post-meta li.grve-post-author,
.grve-blog-large ul.grve-post-meta li.grve-post-date {
display: block;
}
.grve-blog-large ul.grve-post-meta li.grve-post-author:after,
.grve-blog-large ul.grve-post-meta li.grve-post-date:after {
display: none;
}
.grve-blog .grve-like-counter i {
padding: 2px;
}
/* Small Blog
============================================================================= */
.grve-blog-small .grve-blog-item {
margin-bottom: 120px;
overflow: hidden;
}
.grve-blog-small .grve-media {
float: left;
width: 50%;
padding-right: 60px;
}
.grve-blog-small ul.grve-post-meta {
margin: 0 0 10px 0;
list-style: none;
}
.grve-blog-small ul.grve-post-meta li {
display: inline-block;
margin-right: 10px;
opacity: 0.5;
}
.grve-blog-small .grve-post-content {
padding: 15px 0;
padding-left: 50%;
overflow: hidden;
}
.grve-blog-small .grve-media + .grve-post-content {
padding-left: 0;
}
.grve-blog-small .grve-post-title {
margin-bottom: 24px;
display: inline-block;
vertical-align: top;
}
/* Columns Blog
============================================================================= */
.grve-blog-columns .grve-media {
margin-bottom: 34px;
}
.grve-blog-columns .grve-post-title {
margin-bottom: 24px;
line-height: 1.4;
display: inline-block;
vertical-align: top;
}
.grve-blog-columns .grve-post-meta {
margin: 0 0 10px 0;
list-style: none;
}
.grve-blog-columns ul.grve-post-meta li {
display: inline-block;
margin-right: 10px;
opacity: 0.5;
}
/* Carousel Blog
============================================================================= */
.grve-blog-carousel .grve-media {
margin-bottom: 24px;
}
.grve-blog-carousel .grve-post-title {
margin-bottom: 24px;
line-height: 1.4;
display: inline-block;
vertical-align: top;
}
.grve-blog-carousel .grve-post-meta {
margin: 0 0 10px 0;
list-style: none;
color: inherit;
}
.grve-blog-carousel .grve-post-meta li {
display: inline-block;
margin-right: 10px;
opacity: 0.5;
}
/* Post Link & Quote Format
============================================================================= */
.grve-blog .grve-label-post a {
display: block;
position: relative;
padding: 30px;
text-align: center;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
transition : all .3s;
}
.grve-blog .format-link a {
text-align: left;
}
.grve-blog .grve-label-post svg {
margin-bottom: 18px;
margin-top: 18px;
}
.grve-blog .grve-label-post a svg path,
.grve-blog .grve-label-post a:hover svg path {
fill: #ffffff;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
transition : all .3s;
}
.grve-blog .grve-label-post a.grve-bg-white svg path,
.grve-blog .grve-label-post a.grve-bg-hover-white:hover svg path {
fill: #000000;
}
.grve-blog .grve-blog-quote-text {
margin-top: 23px;
font-size: 1.2em;
}
.grve-blog .grve-blog-quote-text:before {
font-family: Georgia, serif;
content: open-quote;
font-size: 1.3em;
line-height: 0;
vertical-align: -0.05em;
margin-right: .2em;
}
.grve-blog .grve-blog-quote-text:after {
font-family: Georgia, serif;
content: close-quote;
font-size: 1.3em;
line-height: 0;
vertical-align: -0.05em;
margin-left: .1em;
}
.grve-blog .grve-blog-quote-text:first-of-type {
quotes: "\201C" "\201D";
}
/* Post Custom Audio Format
============================================================================= */
#grve-theme-wrapper .mejs-button button[type="button"] {
padding: 0;
margin: 7px 5px;
background-color: transparent !important;
border: none;
}
/* Blog with Shadow
============================================================================= */
.grve-blog.grve-with-shadow .grve-blog-item .grve-isotope-item-inner {
-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-blog.grve-with-shadow .grve-media {
margin-bottom: 0;
}
.grve-blog.grve-with-shadow .grve-post-content {
padding: 30px;
}
/* Blog Style 2
============================================================================= */
.grve-blog.grve-style-2 .grve-post-content p {
margin-bottom: 0;
}
.grve-blog.grve-style-2 .grve-post-content p + .grve-read-more {
margin-top: 20px;
display: inline-block;
}
.grve-blog.grve-style-2 .grve-post-meta-wrapper {
width: 100%;
display: table;
margin: 20px 0 0 0;
padding: 20px 0;
min-height: 50px;
}
.grve-blog.grve-with-shadow.grve-style-2 .grve-post-meta-wrapper {
margin: 20px 0 -30px 0;
}
.grve-blog.grve-style-2 .grve-post-meta {
display: table-cell;
vertical-align: middle;
margin: 0;
}
.grve-blog.grve-style-2 .grve-post-icon {
font-size: 10px;
width: 3.125em;
height: 3.125em;
display: table-cell;
vertical-align: middle;
position: relative;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.grve-blog.grve-style-2 .grve-post-icon + .grve-post-meta {
padding-left: 15px;
}
.grve-blog.grve-style-2 .grve-post-icon:after {
content: '\f040';
font-family: FontAwesome;
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
line-height: 3.125em;
text-align: center;
}
.grve-blog.grve-style-2 .format-gallery .grve-post-icon:after {
content: '\f03e';
}
.grve-blog.grve-style-2 .format-quote .grve-post-icon:after {
content: '\f10d';
}
.grve-blog.grve-style-2 .format-quote .grve-post-icon:after {
content: '\f10d';
}
.grve-blog.grve-style-2 .format-link .grve-post-icon:after {
content: '\f0c1';
}
.grve-blog.grve-style-2 .format-video .grve-post-icon:after {
content: '\f03d';
}
.grve-blog.grve-style-2 .format-audio .grve-post-icon:after {
content: '\f001';
}
/* Slider & Carousel Navigations
============================================================================= */
.grve-carousel-navigation .grve-carousel-buttons div {
position: absolute;
z-index: 3;
display: inline-block;
zoom: 1;
cursor: pointer;
*display: inline;/*IE7 life-saver */
}
/* Navigations */
.grve-carousel-navigation .grve-carousel-buttons div {
height: 1em;
line-height: 1em;
margin-top: -0.500em;
text-align: center;
top: 50%;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
transition : all .3s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility : hidden;
-ms-backface-visibility : hidden;
}
.grve-carousel-navigation .grve-carousel-buttons div i {
font-size: 1em;
}
/* Navigation Type 1 */
.grve-navigation-1 {
font-size: 64px;
}
.grve-element .grve-navigation-1 {
font-size: 24px;
}
.grve-navigation-1.grve-light .grve-carousel-buttons div {
color: #ffffff;
}
.grve-navigation-1.grve-default .grve-carousel-buttons div,
.grve-navigation-1.grve-dark .grve-carousel-buttons div {
color: #000000;
}
.grve-navigation-1 .grve-carousel-buttons .grve-carousel-prev {
left: 40px;
opacity: 0;
}
.grve-navigation-1 .grve-carousel-buttons .grve-carousel-next {
right: 40px;
opacity: 0;
}
.grve-carousel-wrapper:hover .grve-navigation-1 .grve-carousel-buttons .grve-carousel-prev {
left: 20px;
opacity: 1;
}
.grve-section:not(.grve-fullwidth) .grve-carousel-wrapper:hover .grve-navigation-1.grve-navigation-carousel .grve-carousel-buttons .grve-carousel-prev {
left: -2em;
opacity: 1;
}
.grve-carousel-wrapper:hover .grve-navigation-1 .grve-carousel-buttons .grve-carousel-next {
right: 20px;
opacity: 1;
}
.grve-section:not(.grve-fullwidth) .grve-carousel-wrapper:hover .grve-navigation-1.grve-navigation-carousel .grve-carousel-buttons .grve-carousel-next {
right: -2em;
opacity: 1;
}
/* Navigation Type 2 */
.grve-navigation-2 {
font-size: 24px;
}
.grve-navigation-2 .grve-carousel-buttons div {
padding: 0 0.300em;
width: 2em;
height: 2em;
line-height: 2em;
}
.grve-navigation-2.grve-light .grve-carousel-buttons div {
color: #000000;
background-color: rgba(255,255,255,0.9);
}
.grve-navigation-2.grve-default .grve-carousel-buttons div,
.grve-navigation-2.grve-dark .grve-carousel-buttons div {
color: #ffffff;
background-color: rgba(0,0,0,0.9);
}
.grve-navigation-2 .grve-carousel-buttons .grve-carousel-prev {
left: 0px;
opacity: 0;
}
.grve-navigation-2 .grve-carousel-buttons .grve-carousel-next {
right: 0px;
opacity: 0;
}
.grve-carousel-wrapper:hover .grve-navigation-2 .grve-carousel-buttons .grve-carousel-prev {
left: 20px;
opacity: 1;
}
.grve-carousel-wrapper:hover .grve-navigation-2 .grve-carousel-buttons .grve-carousel-next {
right: 20px;
opacity: 1;
}
/* Navigation Type 3 */
.grve-navigation-3 {
font-size: 24px;
}
.grve-navigation-3 .grve-carousel-buttons div {
width: 2em;
height: 2em;
line-height: 2em;
}
.grve-navigation-3.grve-light .grve-carousel-buttons div {
color: #000000;
background-color: rgba(255,255,255,0.9);
-webkit-border-radius: 50px;
border-radius: 50px;
}
.grve-navigation-3.grve-default .grve-carousel-buttons div,
.grve-navigation-3.grve-dark .grve-carousel-buttons div {
color: #ffffff;
background-color: rgba(0,0,0,0.9);
-webkit-border-radius: 50px;
border-radius: 50px;
}
.grve-navigation-3 .grve-carousel-buttons .grve-carousel-prev {
left: 20px;
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-ms-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
.grve-navigation-3 .grve-carousel-buttons .grve-carousel-next {
right: 20px;
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-ms-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
.grve-carousel-wrapper:hover .grve-navigation-3 .grve-carousel-buttons .grve-carousel-prev {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.grve-carousel-wrapper:hover .grve-navigation-3 .grve-carousel-buttons .grve-carousel-next {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* Navigation Type 4 */
.grve-navigation-4 {
font-size: 36px;
}
.grve-element .grve-navigation-4 {
font-size: 24px;
}
.grve-navigation-4 .grve-carousel-buttons div {
width: 1em;
}
.grve-navigation-4.grve-light .grve-carousel-buttons div {
color: #ffffff;
}
.grve-navigation-4.grve-default .grve-carousel-buttons div,
.grve-navigation-4.grve-dark .grve-carousel-buttons div {
color: #000000;
}
.grve-navigation-4 .grve-carousel-buttons .grve-carousel-prev {
left: 0;
opacity: 0;
}
.grve-navigation-4 .grve-carousel-buttons .grve-carousel-next {
right: 0;
opacity: 0;
}
.grve-carousel-wrapper:hover .grve-navigation-4 .grve-carousel-buttons .grve-carousel-prev {
left: 1em;
opacity: 1;
}
.grve-section:not(.grve-fullwidth) .grve-carousel-wrapper:hover .grve-navigation-4.grve-navigation-carousel .grve-carousel-buttons .grve-carousel-prev {
left: -1.5em;
opacity: 1;
}
.grve-carousel-wrapper:hover .grve-navigation-4 .grve-carousel-buttons .grve-carousel-next {
right: 1em;
opacity: 1;
}
.grve-section:not(.grve-fullwidth) .grve-carousel-wrapper:hover .grve-navigation-4.grve-navigation-carousel .grve-carousel-buttons .grve-carousel-next {
right: -1.5em;
opacity: 1;
}
/* Fullwidth Carousel */
.grve-fullwidth .grve-carousel-wrapper:hover .grve-carousel-buttons .grve-carousel-prev {
left: 2em;
}
.grve-fullwidth .grve-carousel-wrapper:hover .grve-carousel-buttons .grve-carousel-next {
right: 2em;
}
/* Tablet Nav Size */
@media only screen and (max-width: 1200px) {
/* Navigation Type 1 */
.grve-navigation-1 {
font-size: 36px;
}
/* Navigation Type 2 */
.grve-navigation-2 {
font-size: 16px;
}
/* Navigation Type 3 */
.grve-navigation-3 {
font-size: 16px;
}
/* Navigation Type 4 */
.grve-navigation-4 {
font-size: 24px;
}
}
/* 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;
}
/* Widgets
============================================================================= */
.widget,
.widgets {
margin-bottom: 3.077em;
}
.grve-widget-title {
margin-bottom: 1.500em;
}
.widget:last-child,
.widgets:last-child {
margin-bottom: 0;
}
/* Tablet (landscape) ----------- */
@media only screen and (max-width: 1200px) {
#grve-footer .widget:last-child,
#grve-footer .widgets:last-child {
margin-bottom: 3.077em;
}
}
/* - Menu Widgets Arrow
========================================================================= */
.widget li a .grve-arrow {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
margin-top: 1px;
display: inline-block;
line-height: inherit;
text-align: right;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.widget li a .grve-arrow:after,
.widget li a .grve-arrow:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition : all .3s ease .3s;
-moz-transition : all .3s ease .3s;
-ms-transition : all .3s ease .3s;
-o-transition : all .3s ease .3s;
transition : all .3s ease .3s;
background-color: #333333;
}
.widget li a .grve-arrow:after {
width: 9px;
height: 1px;
margin-left: -5px;
margin-top: -1px;
}
.widget li a .grve-arrow:before {
width: 1px;
height: 9px;
margin-left: -1px;
margin-top: -5px;
}
.widget li.open > a .grve-arrow:after,
.widget li.open > a .grve-arrow:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* - Menu Widget
========================================================================= */
.widget.widget_nav_menu ul {
margin: 0;
list-style: none;
}
.widget.widget_nav_menu li a {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.widget.widget_nav_menu li:last-child a {
border: none;
}
.widget.widget_nav_menu ul li {
position: relative;
}
.widget.widget_nav_menu ul li ul {
display: none;
}
.widget.widget_nav_menu ul li a {
display: block;
position: relative;
}
.widget.widget_nav_menu ul li.menu-item-has-children a {
padding-right: 40px;
}
.widget.widget_nav_menu ul li ul li a {
padding-left: 30px;
}
/* - Page Widget
========================================================================= */
.widget.widget_pages ul {
margin: 0;
list-style: none;
}
.widget.widget_pages li a {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.widget.widget_pages ul li {
position: relative;
}
.widget.widget_pages ul li ul {
display: none;
}
.widget.widget_pages ul li a {
display: block;
position: relative;
}
.widget.widget_pages ul li.page_item_has_children a {
padding-right: 40px;
}
.widget.widget_pages ul li ul li a {
padding-left: 30px;
}
/* - Archive Widget
========================================================================= */
.widget.widget_archive ul {
margin: 0;
list-style: none;
}
.widget.widget_archive li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.widget.widget_archive li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget.widget_archive ul li {
text-align: right;
}
.widget.widget_archive ul li a {
float: left;
}
/* - Categories Widget
========================================================================= */
.widget.widget_categories ul {
margin: 0;
list-style: none;
}
.widget.widget_categories li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.widget.widget_categories li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget.widget_categories ul li {
text-align: right;
}
.widget.widget_categories ul li a {
float: left;
}
/* - Meta Widget
========================================================================= */
.widget.widget_meta ul {
margin: 0;
list-style: none;
}
.widget.widget_meta li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.widget.widget_meta li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
/* - Recent Comments Widget
========================================================================= */
.widget.widget_recent_comments ul {
margin: 0;
list-style: none;
}
.widget.widget_recent_comments li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.widget.widget_recent_comments li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
/* - Recent Post Widget
========================================================================= */
.widget.widget_recent_entries ul {
margin: 0;
list-style: none;
}
.widget.widget_recent_entries li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.widget.widget_recent_entries li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
/* - RSS Widget
========================================================================= */
.widget.widget_rss ul {
margin: 0;
list-style: none;
}
.widget.widget_rss li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.widget.widget_rss li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget.widget_rss li .rss-date {
display: block;
line-height: 1.2;
opacity: 0.5;
margin-bottom: 0.769em;
}
.widget.widget_rss li cite {
display: block;
line-height: 1.2;
opacity: 0.5;
margin-top: 0.769em;
}
/* - Calendar Widget
========================================================================= */
.widget.widget_calendar {
position: relative;
}
.widget.widget_calendar table {
width: 100%;
border-collapse:collapse;
}
.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 {
padding: 10px 0;
}
/* - Tag Cloud
========================================================================= */
.grve-widget.widget_tag_cloud a {
display: inline-block;
margin-right: 0.769em;
font-size: inherit !important;
-webkit-transition : color .3s;
-moz-transition : color .3s;
-ms-transition : color .3s;
-o-transition : color .3s;
transition : color .3s;
}
.grve-widget.widget_tag_cloud a:before {
content: '#';
margin-right: 0.154em;
opacity: 0.7;
}
/* - Latest News (Greatives)
========================================================================= */
.grve-widget.grve-latest-news ul {
margin: 0;
list-style: none;
}
.grve-widget.grve-latest-news li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.grve-widget.grve-latest-news li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.grve-widget.grve-latest-news li .grve-post-thumb {
float: left;
width: 40px;
height: 40px;
margin-right: 0.769em;
}
.grve-widget.grve-latest-news li a.grve-title {
line-height: 1.2;
margin-bottom: 3px;
display: block;
}
.grve-widget.grve-latest-news li img {
-webkit-border-radius: 3px;
border-radius: 3px;
}
.grve-widget.grve-latest-news li .grve-news-content {
overflow: hidden;
}
.grve-widget.grve-latest-news .grve-latest-news-date {
line-height: 1.2;
opacity: 0.5;
}
.grve-widget.grve-latest-news li .grve-bg-wrapper .grve-bg-image {
border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
position: absolute;
}
.grve-widget.grve-latest-news ul li img {
display: none;
}
/* - Latest Comments (Greatives)
========================================================================= */
.grve-widget.grve-comments ul {
margin: 0;
list-style: none;
}
.grve-widget.grve-comments li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
overflow: hidden;
}
.grve-widget.grve-comments li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.grve-widget.grve-comments li .avatar {
float: left;
width: 40px;
height: 40px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.grve-widget.grve-comments li .grve-comment-content {
overflow: hidden;
padding-left: 0.769em;
}
.grve-widget.grve-comments li a.grve-author {
line-height: 1.2;
margin-bottom: 3px;
display: block;
}
.grve-widget.grve-comments .grve-comment-date {
line-height: 1.2;
opacity: 0.5;
}
/* - Latest Portfolio (Greatives)
========================================================================= */
.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%;
}
.grve-widget.grve-latest-portfolio ul li a {
display: block;
padding: 0.231em;
}
.grve-widget.grve-latest-portfolio ul li img {
-webkit-border-radius: 3px;
border-radius: 3px;
}
.grve-widget.grve-latest-portfolio li .grve-bg-wrapper .grve-bg-image {
border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
position: absolute;
}
.grve-widget.grve-latest-portfolio ul li img {
display: none;
}
/* - Contact Info (Greatives)
========================================================================= */
.grve-widget.grve-contact-info ul {
margin: 0;
list-style: none;
}
.grve-widget.grve-contact-info li {
margin-bottom: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
}
.grve-widget.grve-contact-info li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.grve-widget.grve-contact-info li:before {
font-family: FontAwesome;
margin-right: 0.769em;
float: left;
}
.grve-widget.grve-contact-info li i {
float: left;
line-height: inherit;
}
.grve-widget.grve-contact-info li .grve-info-content {
overflow: hidden;
padding-left: 0.769em;
}
/* - Instagram
========================================================================= */
.grve-widget.grve-instagram-feed ul {
margin: 0;
list-style: none;
margin: -0.231em;
position: relative;
}
.grve-widget.grve-instagram-feed ul:before,
.grve-widget.grve-instagram-feed ul:after {
display: table;
content: " ";
}
.grve-widget.grve-instagram-feed ul:after {
clear: both;
}
.grve-widget.grve-instagram-feed ul li {
float: left;
width: 25%;
max-width: 100px;
}
.grve-widget.grve-instagram-feed ul li a {
display: block;
padding: 0.231em;
}
.grve-widget.grve-instagram-feed ul li img {
-webkit-border-radius: 3px;
border-radius: 3px;
}