mirror of
https://github.com/lubuntu-team/lubuntu.me.git
synced 2025-02-23 00:01:07 +00:00
3909 lines
101 KiB
CSS
3909 lines
101 KiB
CSS
/*
|
|
General Styles : Essential Addons for Elementor Lite;
|
|
*/
|
|
|
|
.clearfix::before,
|
|
.clearfix::after {
|
|
content: " ";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
/* Common Styles for slider elements */
|
|
|
|
.eael-testimonial-slider .slick-prev,
|
|
.eael-testimonial-slider .slick-next,
|
|
.eael-team-slider .slick-prev,
|
|
.eael-team-slider .slick-next,
|
|
.eael-logo-carousel .slick-prev,
|
|
.eael-logo-carousel .slick-next,
|
|
.eael-post-carousel .slick-prev,
|
|
.eael-post-carousel .slick-next,
|
|
.eael-product-carousel .slick-prev,
|
|
.eael-product-carousel .slick-next {
|
|
border-radius: 3px;
|
|
height: 30px;
|
|
position: absolute;
|
|
text-shadow: none;
|
|
top: calc(50% - 15px);
|
|
width: 30px;
|
|
}
|
|
.eael-testimonial-slider .slick-prev::before,
|
|
.eael-testimonial-slider .slick-next::before,
|
|
.eael-logo-carousel .slick-prev::before,
|
|
.eael-logo-carousel .slick-next::before,
|
|
.eael-team-slider .slick-prev::before,
|
|
.eael-team-slider .slick-next::before,
|
|
.eael-post-carousel .slick-prev::before,
|
|
.eael-post-carousel .slick-next::before,
|
|
.eael-product-carousel .slick-prev::before,
|
|
.eael-product-carousel .slick-next::before {
|
|
font-family: "FontAwesome";
|
|
font-size: 20px;
|
|
opacity: 0.75;
|
|
text-align: center;
|
|
}
|
|
.eael-testimonial-slider .slick-prev:hover::before,
|
|
.eael-testimonial-slider .slick-next:hover::before,
|
|
.eael-logo-carousel .slick-prev:hover::before,
|
|
.eael-logo-carousel .slick-next:hover::before,
|
|
.eael-team-slider .slick-prev:hover::before,
|
|
.eael-team-slider .slick-next:hover::before,
|
|
.eael-post-carousel .slick-prev:hover::before,
|
|
.eael-post-carousel .slick-next:hover::before,
|
|
.eael-product-carousel .slick-prev:hover::before,
|
|
.eael-product-carousel .slick-next:hover::before {
|
|
opacity: 1;
|
|
}
|
|
.eael-testimonial-slider .slick-prev::before,
|
|
.eael-logo-carousel .slick-prev::before,
|
|
.eael-team-slider .slick-prev::before,
|
|
.eael-post-carousel .slick-prev::before,
|
|
.eael-product-carousel .slick-prev::before {
|
|
content: "\f104";
|
|
padding-right: 3px;
|
|
}
|
|
.eael-testimonial-slider .slick-next::before,
|
|
.eael-logo-carousel .slick-next::before,
|
|
.eael-team-slider .slick-next::before,
|
|
.eael-post-carousel .slick-next::before,
|
|
.eael-product-carousel .slick-next::before {
|
|
content: "\f105";
|
|
padding-left: 4px;
|
|
}
|
|
.eael-testimonial-slider .slick-dots li button::before,
|
|
.eael-logo-carousel .slick-dots li button::before,
|
|
.eael-team-slider .slick-dots li button::before,
|
|
.eael-post-carousel .slick-dots li button::before,
|
|
.eael-product-carousel .slick-dots li button::before {
|
|
font-size: 12px;
|
|
opacity: 0.5;
|
|
}
|
|
.eael-testimonial-slider .slick-dots li.slick-active button::before,
|
|
.eael-logo-carousel .slick-dots li.slick-active button::before,
|
|
.eael-team-slider .slick-dots li.slick-active button::before,
|
|
.eael-post-carousel .slick-dots li.slick-active button::before,
|
|
.eael-product-carousel .slick-dots li.slick-active button::before {
|
|
font-size: 18px;
|
|
opacity: 1;
|
|
}
|
|
.eael-testimonial-slider .slick-prev,
|
|
.eael-team-slider .slick-prev,
|
|
.eael-logo-carousel .slick-prev,
|
|
.eael-post-carousel .slick-prev,
|
|
.eael-product-carousel .slick-prev {
|
|
left: -50px;
|
|
}
|
|
.eael-testimonial-slider .slick-next,
|
|
.eael-team-slider .slick-next,
|
|
.eael-logo-carousel .slick-next,
|
|
.eael-post-carousel .slick-next,
|
|
.eael-product-carousel .slick-next {
|
|
right: -50px;
|
|
}
|
|
.eael-testimonial-slider.nav-top-left .slick-prev,
|
|
.eael-team-slider.nav-top-left .slick-prev,
|
|
.eael-logo-carousel.nav-top-left .slick-prev,
|
|
.eael-post-carousel.nav-top-left .slick-prev,
|
|
.eael-product-carousel.nav-top-left .slick-prev {
|
|
left: 10px;
|
|
top: 20px;
|
|
}
|
|
.eael-testimonial-slider.nav-top-left .slick-next,
|
|
.eael-team-slider.nav-top-left .slick-next,
|
|
.eael-logo-carousel.nav-top-left .slick-next,
|
|
.eael-post-carousel.nav-top-left .slick-next,
|
|
.eael-product-carousel.nav-top-left .slick-next {
|
|
left: 45px;
|
|
top: 20px;
|
|
}
|
|
.eael-testimonial-slider.nav-top-right .slick-prev,
|
|
.eael-team-slider.nav-top-right .slick-prev,
|
|
.eael-logo-carousel.nav-top-right .slick-prev,
|
|
.eael-post-carousel.nav-top-right .slick-prev,
|
|
.eael-product-carousel.nav-top-right .slick-prev {
|
|
left: auto;
|
|
right: 45px;
|
|
top: 20px;
|
|
}
|
|
.eael-testimonial-slider.nav-top-right .slick-next,
|
|
.eael-team-slider.nav-top-right .slick-next,
|
|
.eael-logo-carousel.nav-top-right .slick-next,
|
|
.eael-post-carousel.nav-top-right .slick-next,
|
|
.eael-product-carousel.nav-top-right .slick-next {
|
|
left: auto;
|
|
right: 10px;
|
|
top: 20px;
|
|
}
|
|
.eael-testimonial-slider.nav-top-left,
|
|
.eael-testimonial-slider.nav-top-right,
|
|
.eael-team-slider.nav-top-left,
|
|
.eael-team-slider.nav-top-right,
|
|
.eael-logo-carousel.nav-top-left,
|
|
.eael-logo-carousel.nav-top-right,
|
|
.eael-post-carousel.nav-top-left,
|
|
.eael-post-carousel.nav-top-right,
|
|
.eael-product-carousel.nav-top-left,
|
|
.eael-product-carousel.nav-top-right {
|
|
padding-top: 40px;
|
|
}
|
|
.eael-testimonial-slider .slick-dots,
|
|
.eael-team-slider .slick-dots,
|
|
.eael-logo-carousel .slick-dots,
|
|
.eael-post-carousel .slick-dots,
|
|
.eael-product-carousel .slick-dots {
|
|
bottom: -40px;
|
|
}
|
|
.eael-testimonial-slider .slick-dotted.slick-slider,
|
|
.eael-team-slider .slick-dotted.slick-slider,
|
|
.eael-logo-carousel .slick-dotted.slick-slider,
|
|
.eael-post-carousel .slick-dotted.slick-slider,
|
|
.eael-product-carousel .slick-dotted.slick-slider {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
/**
|
|
* Fancy Text Style
|
|
*/
|
|
.eael-fancy-text-strings {
|
|
display: inline-block;
|
|
}
|
|
.morphext>.animated {
|
|
display: inline-block;
|
|
}
|
|
.typed-cursor {
|
|
opacity: 1;
|
|
-webkit-animation: blink_cursor 0.7s infinite;
|
|
-moz-animation: blink_cursor 0.7s infinite;
|
|
animation: blink_cursor 0.7s infinite;
|
|
}
|
|
@keyframes blink_cursor {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes blink_cursor {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-moz-keyframes blink_cursor {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
/* Style 2 */
|
|
.eael-fancy-text-container.style-2 {
|
|
font-size: 24px;
|
|
}
|
|
.eael-fancy-text-container.style-2 .eael-fancy-text-strings {
|
|
background: #ff5544;
|
|
color: #fff;
|
|
padding: 10px 25px;
|
|
}
|
|
|
|
/**
|
|
* Creative Button styles
|
|
*/
|
|
.eael-creative-button-align-center {
|
|
text-align: center;
|
|
}
|
|
.eael-creative-button-align-center .eael-creative-button {
|
|
float: none;
|
|
display: inline-block;
|
|
}
|
|
.eael-creative-button-align-left .eael-creative-button {
|
|
float: left;
|
|
}
|
|
.eael-creative-button-align-right .eael-creative-button {
|
|
float: right;
|
|
}
|
|
.eael-creative-button-align-justify .eael-creative-button {
|
|
display: block;
|
|
float: none;
|
|
}
|
|
.eael-creative-button {
|
|
float: left;
|
|
min-width: 150px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
z-index: 1;
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.eael-creative-button:focus {
|
|
outline: none;
|
|
}
|
|
.eael-creative-button>span {
|
|
vertical-align: middle;
|
|
}
|
|
.eael-creative-button {
|
|
border-radius: 2px;
|
|
padding: 20px 30px;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
}
|
|
/* Individual eael-creative-button styles */
|
|
/* Winona */
|
|
|
|
.eael-creative-button--winona {
|
|
overflow: hidden;
|
|
padding: 0!important;
|
|
-webkit-transition: border-color 0.3s, background-color 0.3s;
|
|
transition: border-color 0.3s, background-color 0.3s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.eael-creative-button--winona::after {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 25%, 0);
|
|
transform: translate3d(0, 25%, 0);
|
|
}
|
|
.eael-creative-button--winona>span {
|
|
display: block;
|
|
}
|
|
.eael-creative-button--winona::after,
|
|
.eael-creative-button--winona>span {
|
|
padding: 1em 2em;
|
|
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
|
|
transition: transform 0.3s, opacity 0.3s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.eael-creative-button--winona:hover::after {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.eael-creative-button--winona:hover>span {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -25%, 0);
|
|
transform: translate3d(0, -25%, 0);
|
|
}
|
|
/* Ujarak */
|
|
|
|
.eael-creative-button--ujarak {
|
|
-webkit-transition: border-color 0.4s, color 0.4s;
|
|
transition: border-color 0.4s, color 0.4s;
|
|
}
|
|
.eael-creative-button--ujarak::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.7, 1, 1);
|
|
transform: scale3d(0.7, 1, 1);
|
|
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
|
|
transition: transform 0.4s, opacity 0.4s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.eael-creative-button--ujarak,
|
|
.eael-creative-button--ujarak::before {
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.eael-creative-button--ujarak:hover::before {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
/* Wayra */
|
|
|
|
.eael-creative-button--wayra {
|
|
overflow: hidden;
|
|
-webkit-transition: border-color 0.3s, color 0.3s;
|
|
transition: border-color 0.3s, color 0.3s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.eael-creative-button--wayra::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 150%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
|
|
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
|
|
-webkit-transform-origin: 0% 100%;
|
|
transform-origin: 0% 100%;
|
|
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
|
|
transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
|
|
}
|
|
.eael-creative-button--wayra:hover::before {
|
|
opacity: 1;
|
|
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
transform: rotate3d(0, 0, 1, 0deg);
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
/* Tamaya */
|
|
|
|
.eael-creative-button--tamaya {
|
|
overflow: hidden;
|
|
}
|
|
.eael-creative-button--tamaya::before,
|
|
.eael-creative-button--tamaya::after {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 50%;
|
|
left: 0;
|
|
overflow: hidden;
|
|
-webkit-transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.eael-creative-button--tamaya::before {
|
|
top: 0;
|
|
padding: 20px 30px;
|
|
}
|
|
.eael-creative-button--tamaya::after {
|
|
bottom: 0;
|
|
line-height: 0;
|
|
}
|
|
.eael-creative-button--tamaya:hover::after {
|
|
bottom: -1px;
|
|
}
|
|
.eael-creative-button--tamaya>span {
|
|
display: block;
|
|
-webkit-transform: scale3d(0.2, 0.2, 1);
|
|
transform: scale3d(0.2, 0.2, 1);
|
|
opacity: 0;
|
|
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
|
|
transition: transform 0.3s, opacity 0.3s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
|
|
}
|
|
.eael-creative-button--tamaya:hover::before {
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
.eael-creative-button--tamaya:hover::after {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
.eael-creative-button--tamaya:hover>span {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
/* Rayen */
|
|
|
|
.eael-creative-button--rayen {
|
|
overflow: hidden;
|
|
padding: 0!important;
|
|
}
|
|
.eael-creative-button--rayen::before {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
.eael-creative-button--rayen>span {
|
|
display: block;
|
|
}
|
|
.eael-creative-button--rayen::before,
|
|
.eael-creative-button--rayen>span {
|
|
padding: 1em 2em;
|
|
-webkit-transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
|
|
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
|
|
}
|
|
.eael-creative-button--rayen:hover::before {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.eael-creative-button--rayen:hover>span {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
/**
|
|
* Countdown Styles
|
|
*/
|
|
|
|
/* General */
|
|
.eael-countdown-items {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: table;
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
.eael-countdown-items > li {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: table-cell;
|
|
position: relative;
|
|
}
|
|
|
|
.eael-countdown-item > div {
|
|
text-align: center;
|
|
padding: 20px;
|
|
}
|
|
.eael-countdown-label-block .eael-countdown-digits, .eael-countdown-label-block .eael-countdown-label {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.eael-countdown-digits {
|
|
font-size: 54px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.eael-countdown-label {
|
|
font-size: 18px;
|
|
line-height: 1;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.eael-countdown-show-separator .eael-countdown-digits::after {
|
|
content: ":";
|
|
position: absolute;
|
|
left: 98%;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.eael-countdown-item:last-child .eael-countdown-digits::after {
|
|
display: none;
|
|
}
|
|
/* Style 1 */
|
|
.eael-countdown-items.style-1 .eael-countdown-item > div {
|
|
background: #262625;
|
|
}
|
|
/* Post Timeline Styles */
|
|
|
|
.eael-post-timeline {
|
|
margin-bottom: 0;
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.eael-timeline-column {
|
|
width: 50%;
|
|
margin-left: 0;
|
|
float: left;
|
|
margin-top: 0 !important;
|
|
}
|
|
.eael-timeline-post {
|
|
position: relative;
|
|
}
|
|
.eael-timeline-post:after {
|
|
background-color: rgba(83, 85, 86, .2);
|
|
content: "";
|
|
width: 2px;
|
|
height: 245px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 70px;
|
|
}
|
|
.eael-timeline-post:nth-child(2n):after {
|
|
display: none;
|
|
}
|
|
.eael-timeline-bullet {
|
|
background-color: #9fa9af;
|
|
border: 5px solid #fff;
|
|
border-radius: 50%;
|
|
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
|
|
content: "";
|
|
height: 20px;
|
|
position: absolute;
|
|
right: -9px;
|
|
top: 60px;
|
|
width: 20px;
|
|
z-index: 3;
|
|
cursor: pointer;
|
|
}
|
|
.eael-timeline-post:nth-child(2n) .eael-timeline-bullet {
|
|
background-color: #9fa9af;
|
|
border: 5px solid #fff;
|
|
border-radius: 50%;
|
|
bottom: 36px;
|
|
content: "";
|
|
height: 20px;
|
|
left: -11px;
|
|
position: absolute;
|
|
top: 300px;
|
|
width: 20px;
|
|
z-index: 3;
|
|
}
|
|
.eael-timeline-post-inner {
|
|
background: linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
border: 8px solid #e5eaed;
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
|
|
float: right;
|
|
margin: 30px 40px 30px auto;
|
|
position: relative;
|
|
height: 320px;
|
|
width: calc(100% - 40px);
|
|
}
|
|
.eael-timeline-post:nth-child(even) .eael-timeline-post-inner {
|
|
float: left;
|
|
margin-left: 40px;
|
|
}
|
|
.eael-timeline-post-inner:after {
|
|
border-color: transparent transparent transparent #e5eaed;
|
|
border-style: solid;
|
|
border-width: 15px;
|
|
content: "";
|
|
height: 0;
|
|
position: absolute;
|
|
right: -36px;
|
|
top: 17px;
|
|
width: 0;
|
|
}
|
|
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner:after {
|
|
border-color: transparent #e5eaed transparent transparent;
|
|
border-style: solid;
|
|
border-width: 15px;
|
|
content: "";
|
|
height: 0;
|
|
left: -36px;
|
|
position: absolute;
|
|
top: 257px;
|
|
width: 0;
|
|
}
|
|
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after {
|
|
border-left-color: transparent !important;
|
|
}
|
|
.eael-timeline-post p {
|
|
margin: 1.6rem 0 0 0;
|
|
font-size: 0.9em;
|
|
line-height: 1.6em;
|
|
}
|
|
.eael-timeline-post-image {
|
|
background-size: cover;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
display: block;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
opacity: .6;
|
|
-webkit-transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.eael-timeline-post-title {
|
|
bottom: 40px;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.eael-timeline-post-title h2 {
|
|
color: #fff;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
line-height: 24px;
|
|
padding: 0 25px;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
}
|
|
.eael-timeline-post-excerpt {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
-webkit-transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.eael-timeline-post-excerpt p {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
padding: 25px;
|
|
}
|
|
.eael-timeline-post-inner:hover .eael-timeline-post-excerpt {
|
|
opacity: 1;
|
|
top: 10px;
|
|
}
|
|
.eael-timeline-post-inner:hover .eael-timeline-post-image {
|
|
opacity: .3;
|
|
}
|
|
.eael-timeline-post time {
|
|
opacity: 0;
|
|
background-color: rgba(0, 0, 0, .7);
|
|
color: #fff;
|
|
font-size: 10px;
|
|
border-radius: 20px;
|
|
position: absolute;
|
|
right: -97px;
|
|
width: 100px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
top: 50px;
|
|
z-index: 99;
|
|
-webkit-transition: all .5s;
|
|
-moz-transition: all .5s;
|
|
transition: all .5s;
|
|
}
|
|
.eael-timeline-post:nth-child(2n) time {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-radius: 20px;
|
|
color: #fff;
|
|
font-size: 10px;
|
|
height: 30px;
|
|
left: -99px;
|
|
line-height: 30px;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 290px;
|
|
width: 100px;
|
|
z-index: 99;
|
|
}
|
|
.eael-timeline-post time:before {
|
|
border-bottom: 5px solid rgba(0, 0, 0, 0.7);
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
content: "";
|
|
height: 0;
|
|
left: 45px;
|
|
position: absolute;
|
|
top: -5px;
|
|
width: 0;
|
|
}
|
|
.eael-timeline-post:hover time {
|
|
opacity: 1;
|
|
}
|
|
.eael-timeline-post::after {
|
|
height: 100%;
|
|
}
|
|
.eael-post-timeline .eael-timeline-post:nth-last-child(2)::after {
|
|
height: 245px;
|
|
}
|
|
.eael-post-timeline .eael-timeline-post:last-child::after {
|
|
display: none;
|
|
}
|
|
/* Responsive Style for Post Timeline */
|
|
|
|
@media only screen and (max-width: 1366px) {
|
|
.eael-timeline-post-title h2 {
|
|
font-size: 0.8em;
|
|
}
|
|
.eael-timeline-post-excerpt p {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1169px) {
|
|
.eael-timeline-post-inner {
|
|
height: 320px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 992px) {
|
|
.eael-post-timeline {
|
|
margin-left: 0;
|
|
}
|
|
.eael-timeline-bullet,
|
|
.eael-timeline-post:after,
|
|
.eael-timeline-post:before,
|
|
.eael-timeline-post-inner:after {
|
|
display: none;
|
|
}
|
|
.eael-timeline-post {
|
|
display: inline-block;
|
|
float: left !important;
|
|
width: 50% !important;
|
|
margin: 15px auto;
|
|
}
|
|
.eael-timeline-post-inner {
|
|
height: 320px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.eael-timeline-post-title {
|
|
bottom: 50px;
|
|
}
|
|
.eael-timeline-post-title h2 {
|
|
font-size: 0.8em;
|
|
line-height: 1.2em;
|
|
}
|
|
.eael-timeline-post .eael-timeline-post-inner {
|
|
margin: 0 10px auto 0;
|
|
width: 90%;
|
|
}
|
|
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
|
|
margin: 0 auto 0 10px;
|
|
width: 90%;
|
|
}
|
|
.eael-timeline-post-excerpt {
|
|
opacity: 0!important;
|
|
}
|
|
.eael-timeline-post-image {
|
|
opacity: .3;
|
|
}
|
|
.eael-timeline-post time,
|
|
.eael-timeline-post:nth-child(2n) time {
|
|
background-color: #fff;
|
|
border-radius: 0;
|
|
color: #444;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
left: 0;
|
|
opacity: 1;
|
|
padding-top: 3px;
|
|
top: 275px;
|
|
width: 100%;
|
|
}
|
|
time:before {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.eael-timeline-post {
|
|
display: block;
|
|
float: none !important;
|
|
margin: 20px auto;
|
|
width: 100% !important;
|
|
}
|
|
.eael-timeline-post .eael-timeline-post-inner,
|
|
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
|
|
display: block;
|
|
float: none;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 479px) {
|
|
.eael-timeline-post .eael-timeline-post-inner,
|
|
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
|
|
height: 250px;
|
|
margin: 0 auto;
|
|
width: 95%;
|
|
}
|
|
.eael-timeline-post time,
|
|
.eael-timeline-post:nth-child(2n) time {
|
|
top: 205px;
|
|
}
|
|
}
|
|
/* Team Members Styles */
|
|
|
|
.eael-team-item {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.team-avatar-rounded figure img {
|
|
border-radius: 50%;
|
|
height: auto;
|
|
}
|
|
.eael-team-image>figure {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.eael-team-image>figure img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.eael-team-item .eael-team-content {
|
|
padding: 10px;
|
|
}
|
|
.eael-team-item .eael-team-member-name {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
letter-spacing: 0.05em;
|
|
margin: 5px 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.eael-team-item .eael-team-member-position {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
letter-spacing: 0.05em;
|
|
margin: 5px 0 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
.eael-team-item .eael-team-content,
|
|
.eael-team-item .eael-team-content .eael-team-text {
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
}
|
|
.eael-team-content>ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.eael-team-content li {
|
|
display: inline-block;
|
|
list-style: outside none none;
|
|
margin-right: 10px;
|
|
text-align: center;
|
|
}
|
|
.eael-team-content li a {
|
|
font-size: 2.5rem;
|
|
}
|
|
.eael-team-align-left .eael-team-item .eael-team-member-name,
|
|
.eael-team-align-left .eael-team-item .eael-team-member-position,
|
|
.eael-team-align-left .eael-team-item .eael-team-text,
|
|
.eael-team-align-left .eael-team-item .eael-team-content p,
|
|
.eael-team-align-left .eael-team-item .eael-team-content ul,
|
|
.eael-team-align-left .eael-team-item .eael-team-content li {
|
|
text-align: left;
|
|
}
|
|
.eael-team-align-right .eael-team-item .eael-team-member-name,
|
|
.eael-team-align-right .eael-team-item .eael-team-member-position,
|
|
.eael-team-align-right .eael-team-item .eael-team-text,
|
|
.eael-team-align-right .eael-team-item .eael-team-content p,
|
|
.eael-team-align-right .eael-team-item .eael-team-content ul,
|
|
.eael-team-align-right .eael-team-item .eael-team-content li {
|
|
text-align: right;
|
|
}
|
|
.eael-team-align-centered .eael-team-item .eael-team-member-name,
|
|
.eael-team-align-centered .eael-team-item .eael-team-member-position,
|
|
.eael-team-align-centered .eael-team-item .eael-team-text,
|
|
.eael-team-align-centered .eael-team-item .eael-team-content p,
|
|
.eael-team-align-centered .eael-team-item .eael-team-content ul,
|
|
.eael-team-align-centered .eael-team-item .eael-team-content li {
|
|
text-align: center;
|
|
}
|
|
.eael-team-item.eael-team-members-overlay .eael-team-content {
|
|
bottom: 10px;
|
|
left: 10px;
|
|
margin-bottom: 0;
|
|
padding-top: 15%;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
-webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
}
|
|
.eael-team-item.eael-team-members-overlay:hover .eael-team-content {
|
|
opacity: 1;
|
|
}
|
|
.eael-team-member-social-link>a {
|
|
display: inline-block;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
}
|
|
.eael-team-member-social-link>a:focus {
|
|
outline: none;
|
|
}
|
|
/* Testimonials Styles */
|
|
|
|
.eael-testimonial-slider {
|
|
position: relative;
|
|
}
|
|
/* Default styles */
|
|
|
|
.eael-testimonial-image img {
|
|
max-width: 100%;
|
|
}
|
|
.eael-testimonial-image {
|
|
padding: 10px 10px 10px 20px;
|
|
}
|
|
.eael-testimonial-image>figure {
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
.testimonial-avatar-rounded figure img {
|
|
border-radius: 50%;
|
|
height: auto;
|
|
}
|
|
.eael-testimonial-content {
|
|
margin: 0;
|
|
padding: 10px 20px 50px;
|
|
}
|
|
.eael-testimonial-item>figure {
|
|
margin: 0 auto;
|
|
padding: 0 20px;
|
|
}
|
|
.eael-testimonial-item .center-text {
|
|
text-align: center;
|
|
}
|
|
.eael-testimonial-item .right-text {
|
|
text-align: right;
|
|
}
|
|
.eael-testimonial-item .left-text {
|
|
text-align: left;
|
|
}
|
|
.eael-testimonial-item .justify-text {
|
|
text-align: justify;
|
|
}
|
|
/* Default aligned */
|
|
|
|
.eael-testimonial-content .eael-testimonial-text {
|
|
font-size: 100%;
|
|
font-style: italic;
|
|
line-height: 1.5;
|
|
margin-bottom: 10px;
|
|
}
|
|
.eael-testimonial-content .eael-testimonial-user {
|
|
float: left;
|
|
font-family: inherit;
|
|
font-size: 105%;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
line-height: 1.5;
|
|
margin-bottom: 0;
|
|
margin-right: 5px;
|
|
}
|
|
.eael-testimonial-content .eael-testimonial-user-company {
|
|
float: left;
|
|
font-family: inherit;
|
|
font-size: 90%;
|
|
font-style: italic;
|
|
font-weight: lighter;
|
|
line-height: 1.75;
|
|
margin-bottom: 0;
|
|
margin-top: 1px;
|
|
}
|
|
.eael-testimonial-image {
|
|
position: relative;
|
|
}
|
|
.eael-testimonial-image .eael-testimonial-quote::after {
|
|
color: inherit!important;
|
|
content: "\f10e";
|
|
font-family: "FontAwesome";
|
|
font-size: 200%;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 10px;
|
|
}
|
|
/* Left align */
|
|
|
|
.eael-testimonial-align-left .eael-testimonial-content,
|
|
.eael-testimonial-align-left .eael-testimonial-user,
|
|
.eael-testimonial-align-left .eael-testimonial-user-company {
|
|
text-align: left;
|
|
}
|
|
.eael-testimonial-align-left .eael-testimonial-image {
|
|
float: left;
|
|
width: 30%;
|
|
}
|
|
.eael-testimonial-align-left .eael-testimonial-content {
|
|
float: left;
|
|
margin-top: 20px;
|
|
position: relative;
|
|
width: 70%;
|
|
}
|
|
.eael-testimonial-align-left .eael-testimonial-image .eael-testimonial-quote {
|
|
display: none;
|
|
}
|
|
.eael-testimonial-align-left .eael-testimonial-quote::before {
|
|
color: inherit;
|
|
content: "\f10e";
|
|
font-family: "FontAwesome";
|
|
font-size: 28px;
|
|
right: 20px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.eael-testimonial-align-left .eael-testimonial-text {
|
|
padding-right: 25px;
|
|
}
|
|
.eael-testimonial-align-left .eael-testimonial-content {
|
|
margin: 0;
|
|
padding: 10px 25px 30px 10px;
|
|
}
|
|
/* Center align */
|
|
|
|
.eael-testimonial-align-centered .eael-testimonial-content .eael-testimonial-text {
|
|
text-align: center;
|
|
}
|
|
.eael-testimonial-align-centered .eael-testimonial-user,
|
|
.eael-testimonial-align-centered .eael-testimonial-user-company {
|
|
float: none;
|
|
text-align: center;
|
|
}
|
|
.eael-testimonial-align-centered .eael-testimonial-image>figure img {
|
|
display: block;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
/* Right align */
|
|
|
|
.eael-testimonial-align-right .eael-testimonial-content,
|
|
.eael-testimonial-align-right .eael-testimonial-user,
|
|
.eael-testimonial-align-right .eael-testimonial-user-company {
|
|
text-align: right;
|
|
}
|
|
.eael-testimonial-align-right .eael-testimonial-image {
|
|
float: right;
|
|
width: 30%;
|
|
}
|
|
.eael-testimonial-align-right .eael-testimonial-content {
|
|
float: right;
|
|
margin-top: 20px;
|
|
position: relative;
|
|
width: 70%;
|
|
}
|
|
.eael-testimonial-align-right .eael-testimonial-image .eael-testimonial-quote {
|
|
display: none;
|
|
}
|
|
.eael-testimonial-align-right .eael-testimonial-quote::before {
|
|
color: inherit;
|
|
content: "\f10d";
|
|
font-family: "FontAwesome";
|
|
font-size: 28px;
|
|
left: 20px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.eael-testimonial-align-right .eael-testimonial-text {
|
|
padding-left: 30px;
|
|
}
|
|
.eael-testimonial-align-right .eael-testimonial-user,
|
|
.eael-testimonial-align-right .eael-testimonial-user-company {
|
|
float: none;
|
|
text-align: right;
|
|
}
|
|
.eael-testimonial-align-right .eael-testimonial-content {
|
|
padding: 10px 10px 30px 25px;
|
|
}
|
|
/* Product Styles */
|
|
|
|
.eael-product-carousel .woocommerce li.product {
|
|
background-color: #fff;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
.hide_rating .woocommerce .star-rating-container,
|
|
.hide_rating .woocommerce .star-rating {
|
|
display: none !important;
|
|
}
|
|
.eael-product-carousel .woocommerce ul.products li.product h3 {
|
|
padding: 0.5em;
|
|
}
|
|
.eael-product-carousel .woocommerce .products .star-rating {
|
|
display: block;
|
|
float: none;
|
|
margin: 10px auto;
|
|
}
|
|
body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-carousel .woocommerce li.product .button {
|
|
box-shadow: none;
|
|
display: block;
|
|
left: auto;
|
|
margin: 15px;
|
|
padding: 0.45em 0.5em 0.575em;
|
|
position: relative;
|
|
right: auto;
|
|
text-shadow: none;
|
|
top: auto;
|
|
}
|
|
/* Product Simple and Reveal Style */
|
|
|
|
.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-featured {
|
|
background-color: transparent;
|
|
border: medium none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
}
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap,
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
|
|
background-color: transparent;
|
|
bottom: auto;
|
|
box-shadow: none;
|
|
padding: 15px 0 0;
|
|
position: relative;
|
|
text-align: center;
|
|
top: auto;
|
|
}
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3,
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 {
|
|
font-size: 14px;
|
|
line-height: 1.2;
|
|
margin: 0 0 5px;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3 a,
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 a {
|
|
color: #272727;
|
|
font-weight: normal;
|
|
letter-spacing: 0.01rem;
|
|
text-transform: uppercase;
|
|
}
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .price>.amount,
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>.amount,
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>ins>.amount,
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>.amount,
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>ins>.amount {
|
|
color: #272727;
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
}
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap::before,
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap::before {
|
|
display: none;
|
|
}
|
|
.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button {
|
|
background-color: transparent;
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
color: #272727;
|
|
display: block;
|
|
font-size: 14px;
|
|
left: auto;
|
|
margin: 20px auto;
|
|
opacity: 1;
|
|
position: relative;
|
|
right: auto;
|
|
text-shadow: none;
|
|
top: auto;
|
|
width: 80%;
|
|
}
|
|
.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button:hover {
|
|
background-color: #e74c3c;
|
|
border: 1px solid #e74c3c;
|
|
color: #fff;
|
|
}
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container {
|
|
background-color: transparent;
|
|
left: auto;
|
|
opacity: 1;
|
|
position: relative;
|
|
right: auto;
|
|
top: 5px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 110px;
|
|
}
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating::before,
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating::before {
|
|
color: #f2b01e;
|
|
}
|
|
.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating span::before,
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before {
|
|
color: #f2b01e;
|
|
}
|
|
.eael-product-carousel:not(.eael-product-no-style) .onsale {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
display: block;
|
|
font-size: 14px;
|
|
height: 100px;
|
|
letter-spacing: 0;
|
|
line-height: 160px;
|
|
position: absolute;
|
|
text-align: center;
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
|
|
text-transform: uppercase;
|
|
transform: rotate(-45deg);
|
|
width: 200px;
|
|
z-index: 1;
|
|
}
|
|
.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .onsale {
|
|
left: -95px;
|
|
top: -45px;
|
|
}
|
|
.eael-product-carousel .woocommerce ul.products {
|
|
margin: 0 0 30px;
|
|
}
|
|
/* Product Reveal Styles */
|
|
|
|
.eael-product-carousel .woocommerce li.product {
|
|
background-color: #fff;
|
|
float: left;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
|
|
bottom: -63px;
|
|
margin-top: -63px;
|
|
position: relative;
|
|
top: auto;
|
|
-webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s
|
|
}
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap {
|
|
bottom: 0;
|
|
}
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap::before {
|
|
background-color: #fff;
|
|
display: block;
|
|
}
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container {
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
left: auto;
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
}
|
|
.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .star-rating-container {
|
|
opacity: 1;
|
|
}
|
|
/* Product Overlay Styles */
|
|
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
|
|
bottom: auto;
|
|
font-size: 14px;
|
|
left: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: calc(100% - 4em);
|
|
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
bottom: auto;
|
|
font-size: 14px;
|
|
left: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
top: calc(100% - 4em);
|
|
-webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap::before {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
content: "";
|
|
display: block;
|
|
height: 50em;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
|
z-index: 0;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before {
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header {
|
|
position: relative;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 {
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 1.5em;
|
|
text-overflow: ellipsis;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 a {
|
|
color: #fff;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .price>del,
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>del {
|
|
display: none;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>.amount,
|
|
.woocommerce li.product .entry-header .price>ins>.amount {
|
|
color: #fff;
|
|
font-size: 24px;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product .added_to_cart {
|
|
display: none;
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap {
|
|
top: calc(100% - 10.385em);
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before {
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .star-rating-container {
|
|
opacity: 1;
|
|
}
|
|
/* Contact Form 7 Styles */
|
|
|
|
.eael-contact-form-container input,
|
|
.eael-contact-form-container textarea {
|
|
height: auto;
|
|
padding: 10px;
|
|
}
|
|
.eael-contact-form-align-center .eael-contact-form-container,
|
|
.eael-contact-form-btn-align-center .eael-contact-form-container input.wpcf7-submit {
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
display: block;
|
|
float: none;
|
|
}
|
|
.eael-contact-form-align-left .eael-contact-form-container,
|
|
.eael-contact-form-btn-align-left .eael-contact-form-container input.wpcf7-submit {
|
|
float: left;
|
|
width: auto;
|
|
}
|
|
.eael-contact-form-align-right .eael-contact-form-container,
|
|
.eael-contact-form-btn-align-right .eael-contact-form-container input.wpcf7-submit {
|
|
float: right;
|
|
width: auto;
|
|
}
|
|
.eael-contact-form-container textarea,
|
|
.eael-contact-form-container input[type="text"],
|
|
.eael-contact-form-container input[type="password"],
|
|
.eael-contact-form-container input[type="datetime"],
|
|
.eael-contact-form-container input[type="datetime-local"],
|
|
.eael-contact-form-container input[type="date"],
|
|
.eael-contact-form-container input[type="month"],
|
|
.eael-contact-form-container input[type="time"],
|
|
.eael-contact-form-container input[type="week"],
|
|
.eael-contact-form-container input[type="number"],
|
|
.eael-contact-form-container input[type="email"],
|
|
.eael-contact-form-container input[type="url"],
|
|
.eael-contact-form-container input[type="search"],
|
|
.eael-contact-form-container input[type="tel"],
|
|
.eael-contact-form-container input[type="color"],
|
|
.eael-contact-form-container .uneditable-input {
|
|
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
}
|
|
.eael-contact-form-container .wpcf7-form::before,
|
|
.eael-contact-form-container .wpcf7-form::after {
|
|
content: " ";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
.eael-contact-form-container .wpcf7-response-output {
|
|
clear: both;
|
|
}
|
|
/* weForm Styles */
|
|
|
|
.eael-weform-container input,
|
|
.eael-weform-container textarea {
|
|
height: auto;
|
|
padding: 10px;
|
|
}
|
|
.eael-contact-form-align-center .eael-weform-container,
|
|
.eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
display: block;
|
|
float: none;
|
|
}
|
|
.eael-contact-form-align-left .eael-weform-container,
|
|
.eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
|
|
float: left;
|
|
width: auto;
|
|
}
|
|
.eael-contact-form-align-right .eael-weform-container,
|
|
.eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
|
|
float: right;
|
|
width: auto;
|
|
}
|
|
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"],
|
|
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"],
|
|
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"],
|
|
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"],
|
|
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"],
|
|
.eael-weform-container ul.wpuf-form li .wpuf-fields textarea {
|
|
max-width: 100%;
|
|
}
|
|
/* Ninja Form Styles */
|
|
|
|
.eael-ninja-container input, .eael-ninja-container textarea {
|
|
height: auto;
|
|
padding: 10px;
|
|
}
|
|
|
|
.eael-contact-form-align-center .eael-ninja-container, .eael-contact-form-btn-align-center .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
display: block;
|
|
float: none;
|
|
}
|
|
|
|
.eael-contact-form-align-left .eael-ninja-container, .eael-contact-form-btn-align-left .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
|
|
float: left;
|
|
width: auto;
|
|
}
|
|
|
|
.eael-contact-form-align-right .eael-ninja-container, .eael-contact-form-btn-align-right .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
|
|
float: right;
|
|
width: auto;
|
|
}
|
|
|
|
.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="text"], .eael-ninja-container .nf-field .nf-field-element input[type="password"], .eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="email"], .eael-ninja-container .nf-field .nf-field-element input[type="url"], .eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="number"], .eael-ninja-container .nf-field .nf-field-element textarea {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Post Grid Style */
|
|
|
|
.eael-grid-post {
|
|
float: left;
|
|
padding: 10px;
|
|
}
|
|
.eael-grid-post-holder {
|
|
border: 1px solid rgba(0, 0, 0, .1);
|
|
}
|
|
.eael-grid-post-holder-inner {
|
|
height: 100%;
|
|
}
|
|
.eael-entry-media {
|
|
position: relative;
|
|
}
|
|
.eael-entry-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 2;
|
|
opacity: 0;
|
|
-webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
|
|
transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
|
|
}
|
|
.eael-entry-overlay:hover {
|
|
opacity: 1;
|
|
}
|
|
.eael-entry-overlay>a {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 3;
|
|
}
|
|
.eael-entry-title {
|
|
margin: 10px 0 5px;
|
|
font-size: 1.2em;
|
|
}
|
|
.eael-entry-overlay i {
|
|
color: #fff;
|
|
width: 60px;
|
|
text-align: center;
|
|
line-height: 60px;
|
|
height: 60px;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -30px;
|
|
font-size: 32px;
|
|
top: 50%;
|
|
margin-top: -30px;
|
|
-webkit-perspective: 1000;
|
|
-moz-perspective: 1000;
|
|
-ms-perspective: 1000;
|
|
perspective: 1000;
|
|
opacity: 0;
|
|
-webkit-transform: translatex(-20px);
|
|
-moz-transform: translatex(-20px);
|
|
-ms-transform: translatex(-20px);
|
|
transform: translatex(-20px);
|
|
-webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
|
|
-moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
|
|
transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
|
|
}
|
|
.eael-entry-media:hover .eael-entry-overlay i {
|
|
-webkit-transform: translatex(0px);
|
|
-moz-transform: translatex(0px);
|
|
-ms-transform: translatex(0px);
|
|
transform: translatex(0px);
|
|
opacity: 1;
|
|
}
|
|
.eael-entry-thumbnail img {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
.eael-entry-footer {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
}
|
|
.eael-entry-footer .eael-author-avatar {
|
|
flex: 0 0 auto;
|
|
width: 50px;
|
|
}
|
|
.eael-entry-footer .eael-author-avatar .avatar {
|
|
border-radius: 50%;
|
|
}
|
|
.eael-post-grid .eael-entry-footer .eael-entry-meta {
|
|
padding-left: 8px;
|
|
}
|
|
.eael-entry-meta>div {
|
|
font-size: 12px;
|
|
line-height: 1.2;
|
|
padding-bottom: 5px;
|
|
}
|
|
.eael-grid-post-excerpt p {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
}
|
|
.eael-entry-meta .eael-entry-footer .eael-posted-by {
|
|
display: block;
|
|
}
|
|
.eael-grid-post .eael-entry-wrapper,
|
|
.eael-grid-post .eael-entry-footer {
|
|
padding: 15px;
|
|
}
|
|
.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on {
|
|
padding-left: 5px;
|
|
}
|
|
.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before {
|
|
content: '\f111';
|
|
font-family: FontAwesome;
|
|
color: inherit;
|
|
opacity: .4;
|
|
font-size: .8em;
|
|
padding-right: 7px;
|
|
}
|
|
/* Post Grid Column */
|
|
|
|
.eael-col-1 .eael-post-grid-column {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.eael-col-2 .eael-post-grid-column {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.eael-col-3 .eael-post-grid-column {
|
|
float: left;
|
|
width: 33.3333%;
|
|
}
|
|
.eael-col-4 .eael-post-grid-column {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
.eael-col-5 .eael-post-grid-column {
|
|
float: left;
|
|
width: 20%;
|
|
}
|
|
.eael-col-6 .eael-post-grid-column {
|
|
float: left;
|
|
width: 16.6666%;
|
|
}
|
|
/* Responsive Styles for Post Grid */
|
|
|
|
@media only screen and (max-width: 979px) {
|
|
.eael-col-1 .eael-post-grid-column,
|
|
.eael-col-2 .eael-post-grid-column,
|
|
.eael-col-3 .eael-post-grid-column,
|
|
.eael-col-4 .eael-post-grid-column,
|
|
.eael-col-5 .eael-post-grid-column,
|
|
.eael-col-6 .eael-post-grid-column {
|
|
width: 33.3333%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.eael-col-1 .eael-post-grid-column,
|
|
.eael-col-2 .eael-post-grid-column,
|
|
.eael-col-3 .eael-post-grid-column,
|
|
.eael-col-4 .eael-post-grid-column,
|
|
.eael-col-5 .eael-post-grid-column,
|
|
.eael-col-6 .eael-post-grid-column {
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 480px) {
|
|
.eael-col-1 .eael-post-grid-column,
|
|
.eael-col-2 .eael-post-grid-column,
|
|
.eael-col-3 .eael-post-grid-column,
|
|
.eael-col-4 .eael-post-grid-column,
|
|
.eael-col-5 .eael-post-grid-column,
|
|
.eael-col-6 .eael-post-grid-column {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
}
|
|
/* Load More Button */
|
|
.eael-load-more-button-wrap {
|
|
width: 100%;
|
|
display: block;
|
|
margin: 20px auto;
|
|
clear: both;
|
|
}
|
|
.eael-load-more-button {
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
margin: 0 auto;
|
|
display: block;
|
|
border: 0;
|
|
padding: 15px 30px;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
letter-spacing: .25em;
|
|
transition: all .5s;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.eael-load-more-button:hover {
|
|
background: #27bdbd;
|
|
}
|
|
|
|
.button--hide {
|
|
opacity: 0;
|
|
}
|
|
|
|
.button--loading {
|
|
padding-left: 50px!important;
|
|
}
|
|
|
|
.eael-load-more-button .button__loader {
|
|
float: left;
|
|
position: absolute;
|
|
left: -50px;
|
|
top: 10px;
|
|
transition: all .2s;
|
|
}
|
|
|
|
.button--loading .button__loader {
|
|
left: 15px;
|
|
}
|
|
|
|
.eael-btn-loader, .eael-btn-loader:after {
|
|
border-radius: 50%;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.eael-btn-loader {
|
|
font-size: 10px;
|
|
position: relative;
|
|
text-indent: -9999em;
|
|
border-top: 4px solid rgba(255, 255, 255, 0.2);
|
|
border-right: 4px solid rgba(255, 255, 255, 0.2);
|
|
border-bottom: 4px solid rgba(255, 255, 255, 0.2);
|
|
border-left: 4px solid #ffffff;
|
|
transform: translateZ(0);
|
|
animation: loaderSpin 1.1s infinite linear;
|
|
}
|
|
|
|
@keyframes loaderSpin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Infobox Style
|
|
*/
|
|
/* Image/Icon On Top */
|
|
.eael-infobox {}
|
|
.eael-infobox .infobox-icon {
|
|
width: 100%;
|
|
height: auto;
|
|
margin-bottom: 30px;
|
|
}
|
|
.eael-infobox .infobox-icon .infobox-icon-wrap {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
transition: .3s;
|
|
}
|
|
.eael-infobox .infobox-icon .infobox-icon-wrap i {
|
|
transition: .3s;
|
|
}
|
|
.eael-infobox:hover .infobox-icon .infobox-icon-wrap {
|
|
transform: scale(1.1);
|
|
}
|
|
.eael-infobox .infobox-content {}
|
|
.eael-infobox .infobox-content .title {}
|
|
|
|
/* For Content Alignment */
|
|
.eael-infobox-content-align-left .eael-infobox .infobox-icon,
|
|
.eael-infobox-content-align-left .eael-infobox .infobox-content {
|
|
text-align: left;
|
|
}
|
|
.eael-infobox-content-align-right .eael-infobox .infobox-icon,
|
|
.eael-infobox-content-align-right .eael-infobox .infobox-content {
|
|
text-align: right;
|
|
}
|
|
.eael-infobox-content-align-center .eael-infobox .infobox-icon,
|
|
.eael-infobox-content-align-center .eael-infobox .infobox-content {
|
|
text-align: center;
|
|
}
|
|
/* For icon background shape */
|
|
.eael-infobox-icon-bg-shape-none {}
|
|
.eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap,
|
|
.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap,
|
|
.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap {
|
|
background: #f2f2f2;
|
|
width: 90px;
|
|
height: 90px;
|
|
border: 2px solid #ededed;
|
|
text-align: center;
|
|
}
|
|
.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap {
|
|
border-radius: 15px;
|
|
}
|
|
.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap {
|
|
border-radius: 50%;
|
|
}
|
|
.eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap i,
|
|
.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap i,
|
|
.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap i {
|
|
margin-top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
/* For icon bg shape alignment */
|
|
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-square .infobox-icon,
|
|
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-radius .infobox-icon,
|
|
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-circle .infobox-icon {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-square .infobox-icon,
|
|
.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-radius .infobox-icon,
|
|
.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-circle .infobox-icon {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-square .infobox-icon,
|
|
.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-radius .infobox-icon,
|
|
.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-circle .infobox-icon {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
/* Image/Icon On Left */
|
|
.eael-infobox.icon-on-left {
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
.eael-infobox.icon-on-left .infobox-icon {
|
|
position: absolute;
|
|
width: 35px;
|
|
height: 100px;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 0;
|
|
}
|
|
.eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap {
|
|
background: none;
|
|
border: 0px;
|
|
text-align: left;
|
|
width: auto;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap i {
|
|
margin-top: 0px;
|
|
transform: translateY(0%);
|
|
}
|
|
.eael-infobox.icon-on-left .infobox-content {
|
|
padding-left: 50px;
|
|
}
|
|
.eael-infobox.icon-on-left .infobox-content .title {}
|
|
/* Image/Icon On Right */
|
|
.eael-infobox.icon-on-right {
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
.eael-infobox.icon-on-right .infobox-icon {
|
|
position: absolute;
|
|
width: 35px;
|
|
height: 100px;
|
|
top: 0px;
|
|
right: 0px;
|
|
z-index: 0;
|
|
text-align: right;
|
|
}
|
|
.eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap {
|
|
background: none;
|
|
border: 0px;
|
|
text-align: right;
|
|
width: auto;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap i {
|
|
margin-top: 0px;
|
|
transform: translateY(0%);
|
|
}
|
|
.eael-infobox.icon-on-right .infobox-content {
|
|
padding-right: 50px;
|
|
text-align: right;
|
|
}
|
|
.eael-infobox.icon-on-right .infobox-content .title {}
|
|
/* Imgae Circle On Top */
|
|
.eael-infobox-shape-circle .eael-infobox .infobox-icon img {
|
|
border-radius: 50%;
|
|
}
|
|
.eael-infobox-shape-radius .eael-infobox .infobox-icon img {
|
|
border-radius: 15px;
|
|
}
|
|
/**
|
|
* Flipbox Style
|
|
*/
|
|
|
|
.eael-elements-progression-flip-box-container {
|
|
position: relative;
|
|
height: 300px;
|
|
width: 100%;
|
|
}
|
|
.eael-elements-progression-flip-box-container a {
|
|
display: block;
|
|
}
|
|
.eael-elements-flip-box-vertical-align {
|
|
width: 100%;
|
|
}
|
|
.eael-elements-flip-box-padding {
|
|
padding: 0px 30px 5px 30px;
|
|
}
|
|
.eael-elements-flip-box-icon-image {
|
|
display: inline-block;
|
|
margin: 0 auto 0px auto;
|
|
line-height: 1;
|
|
}
|
|
.eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background {
|
|
background: #cccccc;
|
|
}
|
|
.eael_eleements_flip_front_icon_style_bordered {
|
|
border: 2px solid #ffffff;
|
|
}
|
|
.eael_flip_box_icon_border_round {
|
|
border-radius: 100px;
|
|
}
|
|
.eael_eleements_flip_front_icon_style_background,
|
|
.eael_eleements_flip_front_icon_style_bordered {
|
|
padding: 15px;
|
|
}
|
|
.eael-elements-flip-box-icon-image i {
|
|
font-size: 40px;
|
|
line-height: 40px;
|
|
width: 40px;
|
|
}
|
|
.eael-elements-slider-display-table {
|
|
width: 100%;
|
|
}
|
|
.eael-elements-flip-box-front-container {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 2;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #0e9dd2;
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
-webkit-display: flex;
|
|
display: flex;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
.eael-elements-flip-box-content,
|
|
h2.eael-elements-flip-box-heading {
|
|
color: #ffffff;
|
|
}
|
|
.eael-elements-flip-box-rear-container {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #444444;
|
|
color: #ffffff;
|
|
display: flex;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
/* Floating Button Styles */
|
|
|
|
.eael-elements-progression-button-floating-container {
|
|
position: fixed;
|
|
z-index: 100;
|
|
}
|
|
.eael-elements-progression-button-floating-container .eael-elements-button {
|
|
margin-top: 0px;
|
|
font-size: 14px;
|
|
position: relative;
|
|
padding: 14px 20px;
|
|
}
|
|
.eael-elements-button {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
background: #077bbe;
|
|
color: #ffffff;
|
|
line-height: 1;
|
|
padding: 16px 25px;
|
|
margin-top: 15px;
|
|
}
|
|
.eael-elements-button:hover {
|
|
background: #077bbe;
|
|
color: #ffffff;
|
|
}
|
|
/* CSS3 Transitions */
|
|
|
|
.eael-elements-progression-flip-box-container {
|
|
perspective: 1000px;
|
|
}
|
|
.eael-elements-flip-box-front-container,
|
|
.eael-elements-flip-box-rear-container {
|
|
transition-duration: 500ms;
|
|
transition-property: all;
|
|
transition-timing-function: ease;
|
|
}
|
|
.eael-elements-flip-box-flip-card {
|
|
width: 100%;
|
|
height: 100%;
|
|
transform-style: preserve-3d;
|
|
transition: all 500ms ease;
|
|
}
|
|
.eael-elements-flip-box-rear-container,
|
|
.eael-elements-flip-box-front-container {
|
|
-moz-backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
transform: rotateX(0deg);
|
|
transform: rotateY(0deg);
|
|
}
|
|
/* Flip */
|
|
|
|
.eael-animate-flip.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
|
|
.eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container {
|
|
transform: rotateX(180deg);
|
|
}
|
|
.eael-animate-flip.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
|
|
.eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container {
|
|
transform: rotateX(-180deg);
|
|
}
|
|
.eael-animate-flip.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
|
|
.eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container {
|
|
transform: rotateY(-180deg);
|
|
}
|
|
.eael-animate-flip.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
|
|
.eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container {
|
|
transform: rotateY(180deg);
|
|
}
|
|
/* Slide */
|
|
|
|
.eael-animate-push.eael-elements-progression-flip-box-container,
|
|
.eael-animate-slide.eael-elements-progression-flip-box-container {
|
|
overflow: hidden;
|
|
}
|
|
.eael-animate-push .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide .eael-elements-flip-box-rear-container {
|
|
z-index: 3;
|
|
}
|
|
.eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container {
|
|
top: 100%;
|
|
}
|
|
.eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
|
|
top: 0;
|
|
}
|
|
.eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container {
|
|
top: auto;
|
|
bottom: 100%;
|
|
}
|
|
.eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
|
|
top: auto;
|
|
bottom: 0;
|
|
}
|
|
.eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container {
|
|
left: 100%;
|
|
}
|
|
.eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
|
|
left: 0;
|
|
}
|
|
.eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container {
|
|
left: auto;
|
|
right: 100%;
|
|
}
|
|
.eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
|
|
.eael-animate-slide.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
/* Push + Slide Above */
|
|
|
|
.eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
|
|
top: -100%;
|
|
}
|
|
.eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
|
|
top: 100%;
|
|
}
|
|
.eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
|
|
left: -100%;
|
|
}
|
|
.eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
|
|
left: 100%;
|
|
}
|
|
/* Zoom In */
|
|
|
|
.eael-animate-zoom-in .eael-elements-flip-box-rear-container {
|
|
opacity: 0;
|
|
transform: scale(0.75);
|
|
z-index: 3;
|
|
}
|
|
.eael-animate-zoom-in.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
/* Zoom Out */
|
|
|
|
.eael-animate-zoom-out.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
|
|
opacity: 0;
|
|
transform: scale(0.75);
|
|
}
|
|
.eael-animate-fade.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
|
|
opacity: 0;
|
|
}
|
|
/* Builder Related Style */
|
|
|
|
.eael-flipbox-content-align-right .eael-elements-flip-box-padding {
|
|
text-align: right;
|
|
}
|
|
.eael-flipbox-content-align-left .eael-elements-flip-box-padding {
|
|
text-align: left;
|
|
}
|
|
.eael-flipbox-content-align-center .eael-elements-flip-box-padding {
|
|
text-align: center;
|
|
}
|
|
.eael-flipbox-img-circle .eael-elements-flip-box-icon-image img {
|
|
border-radius: 50%;
|
|
}
|
|
/**
|
|
* Call To Action
|
|
*/
|
|
|
|
.eael-call-to-action {
|
|
width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
padding: 30px;
|
|
font-size: 16px;
|
|
color: #4d4d4d;
|
|
font-weight: 400;
|
|
line-height: 27px;
|
|
margin: 0 auto;
|
|
}
|
|
.eael-call-to-action p {
|
|
margin-bottom: 10px;
|
|
}
|
|
.eael-call-to-action .title {
|
|
font-size: 36px;
|
|
font-weight: 600;
|
|
line-height: 36px;
|
|
margin-bottom: 10px;
|
|
text-transform: capitalize;
|
|
font-style: normal;
|
|
}
|
|
.eael-call-to-action.cta-center {
|
|
text-align: center;
|
|
}
|
|
.eael-call-to-action.cta-right {
|
|
text-align: right;
|
|
}
|
|
.eael-call-to-action.cta-left {
|
|
text-align: left;
|
|
}
|
|
.eael-call-to-action.bg-lite {
|
|
background: #f4f4f4;
|
|
}
|
|
.eael-call-to-action.bg-img {
|
|
background-image: url('../img/bg.jpg');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
position: relative;
|
|
z-index: 0;
|
|
color: rgba( 255, 255, 255, 0.7);
|
|
}
|
|
.eael-call-to-action.bg-img .icon {
|
|
color: #fff;
|
|
}
|
|
.eael-call-to-action.bg-img:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: -1;
|
|
background: rgba( 0, 0, 0, 0.8);
|
|
}
|
|
.eael-call-to-action.bg-img.bg-fixed {
|
|
background-attachment: fixed;
|
|
background-position: center center;
|
|
}
|
|
.eael-call-to-action.bg-img .title {
|
|
color: rgba( 255, 255, 255, 0.9);
|
|
}
|
|
/* Cta Flex */
|
|
|
|
.eael-call-to-action.cta-flex,
|
|
.eael-call-to-action.cta-icon-flex {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
}
|
|
/* Cta Icon Flex */
|
|
|
|
.eael-call-to-action.cta-icon-flex .icon {
|
|
flex-grow: 1;
|
|
font-size: 80px;
|
|
text-align: left;
|
|
line-height: 130px;
|
|
}
|
|
.eael-call-to-action.cta-icon-flex .action {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
padding-top: 22px;
|
|
flex-basis: 22%;
|
|
}
|
|
.eael-call-to-action.cta-icon-flex .content {
|
|
flex-grow: 1;
|
|
padding: 0px 30px;
|
|
}
|
|
/* Cta Flex */
|
|
|
|
.eael-call-to-action.cta-flex .content {
|
|
padding: 0px 15px;
|
|
flex-grow: 1;
|
|
}
|
|
.eael-call-to-action.cta-flex .action {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
padding-top: 25px;
|
|
flex-basis: 23%;
|
|
}
|
|
/* Cta Button */
|
|
|
|
.eael-call-to-action .cta-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 12px 30px;
|
|
background: #f9f9f9;
|
|
font-size: 16px;
|
|
text-decoration: none;
|
|
color: #4d4d4d;
|
|
-webkit-transition: .5s;
|
|
-ms-transition: .5s;
|
|
transition: .5s;
|
|
-webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
|
|
-ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
|
|
margin-right: 10px;
|
|
margin-top: 10px;
|
|
z-index: 0;
|
|
overflow: hidden;
|
|
}
|
|
.eael-call-to-action .cta-button:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
.eael-call-to-action .cta-button:focus {
|
|
outline: none;
|
|
}
|
|
/* Hover */
|
|
|
|
.eael-call-to-action .cta-button:hover {
|
|
color: #fff;
|
|
background: #3F51B5;
|
|
-webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
|
|
-ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* Cta Button effect 1 */
|
|
|
|
.eael-call-to-action .cta-button.effect-1:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #3F51B5;
|
|
top: 0px;
|
|
left: 0px;
|
|
transform: translateY(-100%);
|
|
-webkit-transform: translateY(-100%);
|
|
-ms-transform: translateY(-100%);
|
|
z-index: -1;
|
|
-webkit-transition: .5s;
|
|
-ms-transition: .5s;
|
|
transition: .5s;
|
|
color: #fff;
|
|
}
|
|
.eael-call-to-action .cta-button.effect-1:hover::after {
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
/* Cta Button effect 2 */
|
|
|
|
.eael-call-to-action .cta-button.effect-2:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #3F51B5;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: -1;
|
|
-webkit-transition: .5s;
|
|
-ms-transition: .5s;
|
|
transition: .5s;
|
|
color: #fff;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
}
|
|
.eael-call-to-action .cta-button.effect-2:hover::after {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
/* Media Queries */
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.eael-call-to-action.cta-flex,
|
|
.eael-call-to-action.cta-icon-flex {
|
|
flex-wrap: wrap;
|
|
}
|
|
.eael-call-to-action .title {
|
|
font-size: 28px;
|
|
line-height: 36px;
|
|
margin-top: 0px;
|
|
}
|
|
.eael-call-to-action.cta-icon-flex .icon {
|
|
flex-grow: 1;
|
|
font-size: 48px;
|
|
line-height: 90px;
|
|
text-align: center;
|
|
}
|
|
.eael-call-to-action.cta-flex .content,
|
|
.eael-call-to-action.cta-icon-flex .content {
|
|
flex-grow: 1;
|
|
text-align: center;
|
|
padding: 0px;
|
|
}
|
|
.eael-call-to-action.cta-flex .action,
|
|
.eael-call-to-action.cta-icon-flex .action {
|
|
text-align: center;
|
|
padding-top: 0px;
|
|
}
|
|
.eael-call-to-action .cta-button {
|
|
padding: 12px 25px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 360px) {
|
|
.eael-call-to-action {
|
|
font-size: 14px;
|
|
line-height: 26px;
|
|
}
|
|
.eael-call-to-action .cta-button {
|
|
padding: 4px 20px;
|
|
font-size: 12px;
|
|
}
|
|
.eael-call-to-action .title {
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
}
|
|
}
|
|
/**
|
|
* Dual Color Heading
|
|
*/
|
|
|
|
.eael-dual-header {
|
|
display: block;
|
|
margin-bottom: 50px;
|
|
}
|
|
.eael-dual-header .title,
|
|
.eael-dual-header .title span {
|
|
font-size: 36px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
line-height: 48px;
|
|
margin: 10px 0px;
|
|
}
|
|
.eael-dual-header .subtext {
|
|
font-size: 16px;
|
|
display: block;
|
|
}
|
|
.eael-dual-header i {
|
|
display: block;
|
|
padding: 0px;
|
|
margin: 20px 0px 10px 0px;
|
|
font-size: 36px;
|
|
}
|
|
.eael-dual-header .title span.lead {
|
|
color: #1abc9c;
|
|
}
|
|
/* Builder Related Css */
|
|
|
|
.eael-dual-header-content-align-center {
|
|
text-align: center;
|
|
}
|
|
.eael-dual-header-content-align-left {
|
|
text-align: left;
|
|
}
|
|
.eael-dual-header-content-align-right {
|
|
text-align: right;
|
|
}
|
|
/**
|
|
* Pricing Table
|
|
*/
|
|
|
|
.eael-pricing {
|
|
-webkit-display: flex;
|
|
display: flex;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
.eael-pricing .eael-pricing-item {
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
}
|
|
.eael-pricing .eael-pricing-button {
|
|
display: inline-block;
|
|
padding: 12px 25px;
|
|
background: #00C853;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
-webkit-transition: .3s;
|
|
transition: .3s;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
.eael-pricing .eael-pricing-button:hover {
|
|
background: #03b048;
|
|
}
|
|
.eael-pricing .eael-pricing-item ul {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
list-style: none;
|
|
}
|
|
.eael-pricing .eael-pricing-item ul li.disable-item {
|
|
text-decoration: line-through;
|
|
opacity: 0.5;
|
|
}
|
|
.eael-pricing .eael-pricing-item ul li span.li-icon {
|
|
color: #00C853;
|
|
margin-right: 6px;
|
|
}
|
|
.eael-pricing .eael-pricing-item ul li.disable-item span.li-icon {
|
|
color: #EF5350;
|
|
}
|
|
/* Pricing Table: Style 1 */
|
|
|
|
.eael-pricing.style-1 {
|
|
position: relative;
|
|
z-index: 0;
|
|
text-align: center;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item {
|
|
border: 1px solid rgba( 9, 9, 9, .1);
|
|
padding: 30px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-transition: .5s;
|
|
transition: .5s;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item:hover {
|
|
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
|
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item.featured {
|
|
position: relative;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item.featured:before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 3px;
|
|
background: #00C853;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
z-index: 1;
|
|
-webkit-border-radius: 5px 5px 0px 0px;
|
|
border-radius: 5px 5px 0px 0px;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .header {
|
|
display: block;
|
|
position: relative;
|
|
z-index: 0;
|
|
padding-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .header:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 140px;
|
|
height: 1px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
margin: 0 auto;
|
|
z-index: 1;
|
|
background: rgba( 9, 9, 9, .1);
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .header .title {
|
|
font-weight: 700;
|
|
line-height: 30px;
|
|
margin: 0px;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag {
|
|
position: relative;
|
|
z-index: 0;
|
|
padding: 15px 0px;
|
|
margin-bottom: 15px;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 140px;
|
|
height: 1px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
margin: 0 auto;
|
|
z-index: 1;
|
|
background: rgba( 9, 9, 9, .04);
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .price-tag {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 28px;
|
|
font-weight: 500;
|
|
line-height: 0px;
|
|
margin: 0px auto;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .price-tag:before {
|
|
content: "$";
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
color: #00C853;
|
|
top: -7px;
|
|
left: -12px;
|
|
z-index: 1;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .price-period {
|
|
color: #999;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .body {} .eael-pricing.style-1 .eael-pricing-item .body ul {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .body ul li {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 10px 0px;
|
|
font-size: 14px;
|
|
color: #6d6d6d;
|
|
border-bottom: 1px solid rgba( 9, 9, 9, .04);
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item .body ul li:last-child {
|
|
border: none;
|
|
}
|
|
.eael-pricing.style-1 .eael-pricing-item.featured-large {
|
|
padding: 60px 0px;
|
|
}
|
|
/* Pricing Table : Style 2 */
|
|
|
|
.eael-pricing.style-2 {
|
|
position: relative;
|
|
z-index: 0;
|
|
text-align: center;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item {
|
|
padding: 30px 0px;
|
|
border-radius: 5px;
|
|
margin: 0px;
|
|
border: 1px solid rgba( 9, 9, 9, .1);
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item.featured {
|
|
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
|
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon {} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 80px;
|
|
height: 80px;
|
|
background: #00c853;
|
|
border-radius: 50%;
|
|
/*border: 2px solid #00c853;*/
|
|
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
-webkit-transition: .5s;
|
|
transition: .5s;
|
|
overflow: hidden;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i {
|
|
font-size: 30px;
|
|
color: #fff;
|
|
line-height: 80px;
|
|
-webkit-transition: .5s;
|
|
transition: .5s;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon {
|
|
background: #43A047;
|
|
/*border: 2px solid #43A047;*/
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i {
|
|
color: #fff;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .header {
|
|
background: #C8E6C9;
|
|
padding: 25px 30px;
|
|
margin-bottom: 15px;
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item.featured .header:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
z-index: -1;
|
|
background: rgba(255, 255, 255, .4);
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .header .title {
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
line-height: 40px;
|
|
margin: 0px;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .header .subititle {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #6d6d6d;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
|
|
position: relative;
|
|
z-index: 0;
|
|
padding: 15px 0px;
|
|
margin-bottom: 15px;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 140px;
|
|
height: 1px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
margin: 0 auto;
|
|
z-index: 1;
|
|
background: rgba( 9, 9, 9, .04);
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .price-tag {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 28px;
|
|
font-weight: 500;
|
|
line-height: 0px;
|
|
margin: 0px auto;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .price-tag:before {
|
|
content: "$";
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
color: #00C853;
|
|
top: -7px;
|
|
left: -12px;
|
|
z-index: 1;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .price-period {
|
|
color: #999;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .body {} .eael-pricing.style-2 .eael-pricing-item .body ul {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .body ul li {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 10px 15px;
|
|
font-size: 14px;
|
|
color: #6d6d6d;
|
|
border-bottom: 1px solid rgba( 9, 9, 9, .04);
|
|
}
|
|
.eael-pricing.style-2 .eael-pricing-item .body ul li:last-child {
|
|
border: none;
|
|
}
|
|
/* Media Query */
|
|
|
|
@media only screen and ( min-width: 768px) and (max-width: 992px) {
|
|
.eael-pricing {
|
|
display: block;
|
|
}
|
|
.eael-pricing .eael-pricing-item,
|
|
.eael-pricing.style-2 .eael-pricing-item,
|
|
.eael-pricing.style-4 .eael-pricing-item {
|
|
width: 100%;
|
|
margin: 0 auto 30px auto;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 480px) {
|
|
.eael-pricing {
|
|
display: block;
|
|
}
|
|
.eael-pricing .eael-pricing-item {
|
|
width: 100%;
|
|
}
|
|
.eael-pricing .eael-pricing-item,
|
|
.eael-pricing.style-2 .eael-pricing-item,
|
|
.eael-pricing.style-4 .eael-pricing-item {
|
|
margin: 0 auto 30px auto;
|
|
}
|
|
}
|
|
/* Page Builder Related Style */
|
|
|
|
.eael-pricing-content-align-center .eael-pricing {
|
|
text-align: center;
|
|
}
|
|
.eael-pricing-content-align-left .eael-pricing {
|
|
text-align: left;
|
|
}
|
|
.eael-pricing-content-align-right .eael-pricing {
|
|
text-align: right;
|
|
}
|
|
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag {
|
|
padding-left: 45px;
|
|
}
|
|
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
|
|
left: 30px;
|
|
}
|
|
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
|
|
padding-right: 30px;
|
|
}
|
|
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header,
|
|
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
|
|
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer,
|
|
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header,
|
|
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header,
|
|
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
|
|
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer,
|
|
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header,
|
|
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer {
|
|
padding-right: 30px;
|
|
padding-left: 30px;
|
|
}
|
|
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li,
|
|
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li {
|
|
padding-left: 30px;
|
|
}
|
|
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li,
|
|
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li {
|
|
padding-right: 30px;
|
|
}
|
|
.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after {
|
|
-webkit-transform: translateX( -80%);
|
|
transform: translateX( -80%);
|
|
}
|
|
.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after {
|
|
-webkit-transform: translateX( 80%);
|
|
transform: translateX( 80%);
|
|
}
|
|
.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after,
|
|
.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after {
|
|
-webkit-transform: translateX( 0%);
|
|
transform: translateX( 0%);
|
|
}
|
|
.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after,
|
|
.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .header:after,
|
|
.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
|
|
.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
|
|
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after,
|
|
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
/* Button Alignment */
|
|
|
|
.eael-pricing-button-align-right .eael-pricing.style-1 .footer,
|
|
.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
|
|
.eael-pricing-button-align-right .eael-pricing.style-3 .footer,
|
|
.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
|
|
text-align: right;
|
|
}
|
|
.eael-pricing-button-align-center .eael-pricing.style-1 .footer,
|
|
.eael-pricing-button-align-center .eael-pricing.style-2 .footer,
|
|
.eael-pricing-button-align-center .eael-pricing.style-3 .footer,
|
|
.eael-pricing-button-align-center .eael-pricing.style-4 .footer {
|
|
text-align: center;
|
|
}
|
|
.eael-pricing-button-align-left .eael-pricing.style-1 .footer,
|
|
.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
|
|
.eael-pricing-button-align-left .eael-pricing.style-3 .footer,
|
|
.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
|
|
text-align: left;
|
|
}
|
|
.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
|
|
.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
|
|
padding-right: 30px;
|
|
}
|
|
.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
|
|
.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
|
|
padding-left: 30px;
|
|
}
|
|
/* Only In Pro */
|
|
|
|
.only-in-pro {
|
|
width: 100%;
|
|
-webkit-display: flex;
|
|
display: flex;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
padding: 15px;
|
|
min-width: 200px;
|
|
background: #EF5350;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.only-in-pro .title {
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
margin: 0px;
|
|
}
|
|
|
|
|
|
/**
|
|
* Caldera Contact Form Styler
|
|
*/
|
|
.eael-caldera-form-align-left,
|
|
.eael-caldera-form-btn-align-left {
|
|
text-align: left;
|
|
}
|
|
.eael-caldera-form-align-right,
|
|
.eael-caldera-form-btn-align-right {
|
|
text-align: right;
|
|
}
|
|
.eael-caldera-form-align-center,
|
|
.eael-caldera-form-btn-align-center {
|
|
text-align: center;
|
|
}
|
|
|
|
/**
|
|
* Social Feeds
|
|
*/
|
|
/* Twitter Feed Styles */
|
|
.eael-social-feed-container {}
|
|
.eael-social-feed-element.hidden {
|
|
background-color:red !important;
|
|
}
|
|
|
|
.eael-facebook-feed-wrapper::before, .eael-facebook-feed-wrapper::after,
|
|
.eael-facebook-feed-container::before, .eael-facebook-feed-container::after,
|
|
.eael-twitter-feed-wrapper::before, .eael-twitter-feed-wrapper::after,
|
|
.eael-twitter-feed-container::before, .eael-twitter-feed-container::after {
|
|
content: "";
|
|
clear: both;
|
|
}
|
|
.eael-facebook-feed-container:not(.masonry-view), .eael-twitter-feed-container:not(.masonry-view) {
|
|
height: auto!important;
|
|
}
|
|
|
|
.eael-social-feed-element .pull-left {
|
|
float:left;
|
|
margin-right: 10px;
|
|
}
|
|
.eael-social-feed-element .pull-right {
|
|
margin-left: 10px;
|
|
}
|
|
.eael-social-feed-element img {
|
|
width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
border: 0;
|
|
vertical-align: middle;
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
.eael-social-feed-element .attachment {
|
|
vertical-align: middle;
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
|
|
/* Link styles */
|
|
.eael-social-feed-element a {
|
|
color: #0088cc;
|
|
text-decoration: none;
|
|
}
|
|
.eael-social-feed-element a:focus {
|
|
outline: thin dotted #333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
.eael-social-feed-element a:hover,
|
|
.eael-social-feed-element a:active {
|
|
outline: 0;
|
|
color: #005580;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Text styles */
|
|
.eael-social-feed-element small {
|
|
font-size: 85%;
|
|
}
|
|
.eael-social-feed-element strong {
|
|
font-weight: bold;
|
|
}
|
|
.eael-social-feed-element em {
|
|
font-style: italic;
|
|
}
|
|
.eael-social-feed-element p {
|
|
margin: 0 0 10px;
|
|
}
|
|
.eael-social-feed-element .media-body > p{
|
|
margin-bottom:4px;
|
|
min-height:20px;
|
|
}
|
|
.eael-social-feed-element p.social-feed-text {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 5;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
/* Message styles */
|
|
.eael-social-feed-element,
|
|
.eael-social-feed-element .media-body {
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
*overflow: visible;
|
|
}
|
|
.eael-social-feed-element {
|
|
padding: 10px;
|
|
background: none;
|
|
}
|
|
.eael-social-feed-element .media-body .social-network-icon{
|
|
margin-top: -3px;
|
|
margin-right:5px;
|
|
width:16px;
|
|
}
|
|
.eael-social-feed-element .media-body div{
|
|
color:#666;
|
|
line-height: 20px;
|
|
clear: both;
|
|
}
|
|
.eael-social-feed-element:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.eael-social-feed-element .media-object {
|
|
display: block;
|
|
width:48px;
|
|
border-radius:50%;
|
|
}
|
|
.eael-social-feed-element .media-heading {
|
|
margin: 0 0 5px;
|
|
}
|
|
.eael-social-feed-element .media-list {
|
|
margin-left: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.eael-social-feed-element .muted {
|
|
color: #999;
|
|
}
|
|
.eael-social-feed-element a.muted:hover,
|
|
.eael-social-feed-element a.muted:focus {
|
|
color: #808080;
|
|
}
|
|
|
|
.eael-social-feed-element {
|
|
transition: 0.25s;
|
|
-webkit-backface-visibility: hidden;
|
|
margin:-1px;
|
|
margin-top:25px;
|
|
color: #333;
|
|
text-align:left;
|
|
font-size: 14px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
line-height: 16px;
|
|
}
|
|
.eael-social-feed-element .eael-content {
|
|
padding: 20px 15px 15px;
|
|
transition: .4s;
|
|
background: #fff;
|
|
}
|
|
.eael-social-feed-element:hover .eael-content {
|
|
box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
|
|
}
|
|
.eael-social-feed-element .social-network-icon {
|
|
opacity:0.7;
|
|
}
|
|
.eael-social-feed-element .author-title {
|
|
color: #444;
|
|
line-height: 1.5em;
|
|
font-weight: 500;
|
|
}
|
|
/* Icon Color */
|
|
.media-body .fa-twitter{
|
|
color: #1da1f2;
|
|
margin-right: 8px;
|
|
}
|
|
.media-body .fa-facebook {
|
|
color: #3b5998;
|
|
margin-right: 8px;
|
|
}
|
|
/* Read More Link */
|
|
.text-wrapper p .read-more-link {
|
|
margin-top: 9px;
|
|
display: block;
|
|
}
|
|
/* Navigation Links */
|
|
.eael-social-feed-wrapper .slick-prev, .eael-social-feed-element .slick-next {
|
|
background: #1da1f2;
|
|
}
|
|
/* Loading Loader */
|
|
.eael-social-feed-wrapper {
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.eael-loading-feed {
|
|
display: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0px;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
}
|
|
.eael-loading-feed.show-loading {
|
|
display: block;
|
|
/*background: #fff;*/
|
|
text-align: center;
|
|
z-index: 10;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: .5s;
|
|
}
|
|
.eael-loading-feed .loader {
|
|
border: 3px solid #f3f3f3;
|
|
border-radius: 50%;
|
|
border-top: 3px solid #3498db;
|
|
width: 30px;
|
|
height: 30px;
|
|
-webkit-animation: spin 2s linear infinite; /* Safari */
|
|
animation: spin 2s linear infinite;
|
|
margin: 0 auto;
|
|
}
|
|
/* Safari */
|
|
@-webkit-keyframes spin {
|
|
0% { -webkit-transform: rotate(0deg); }
|
|
100% { -webkit-transform: rotate(360deg); }
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(360deg); }
|
|
}
|
|
/*====================================================*/
|
|
|
|
/* List View */
|
|
.eael-social-feed-container.list-view .eael-social-feed-element {
|
|
margin: 15px;
|
|
border: 1px solid rgba( 0,0,0,0.1 );
|
|
background: none;
|
|
}
|
|
/* Carousel View */
|
|
.eael-social-feed-container.carousel-view {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.eael-social-feed-container.carousel-view .eael-social-feed-element.slick-slide {
|
|
flex-basis: 30%;
|
|
margin: 15px;
|
|
border: 1px solid rgba( 0,0,0,0.1 );
|
|
}
|
|
|
|
/* Masonry View */
|
|
.eael-twitter-feed-container.masonry-view .eael-social-feed-element,
|
|
.eael-facebook-feed-container.masonry-view .eael-social-feed-element {
|
|
width: 33.33%;
|
|
margin-top: 0px;
|
|
float: left;
|
|
}
|
|
.eael-social-feed-element .eael-content {
|
|
border: 1px solid rgba( 0,0,0,0.1 );
|
|
}
|
|
|
|
/* Editor Related Style */
|
|
.eael-social-feed-avatar-circle .eael-social-feed-element .media-object {
|
|
border-radius: 50%;
|
|
}
|
|
.eael-social-feed-avatar-square .eael-social-feed-element .media-object {
|
|
border-radius: 0%;
|
|
}
|
|
.eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date
|
|
.eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date {
|
|
text-align: left !important;
|
|
}
|
|
|
|
/* Media Query */
|
|
@media only screen and ( min-width: 768px ) and (max-width: 992px) {
|
|
|
|
.eael-twitter-feed-container.masonry-view .eael-social-feed-element,
|
|
.eael-facebook-feed-container.masonry-view .eael-social-feed-element {
|
|
width: 50% !important;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 480px) {
|
|
|
|
.eael-twitter-feed-container.masonry-view .eael-social-feed-element,
|
|
.eael-facebook-feed-container.masonry-view .eael-social-feed-element {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Data Table
|
|
*/
|
|
|
|
/* General Style */
|
|
.eael-data-table-wrap {}
|
|
.eael-data-table-wrap .eael-data-tables_wrapper {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.eael-data-table-wrap .eael-data-tables_filter,
|
|
.eael-data-table-wrap .eael-data-tables_length,
|
|
.eael-data-table-wrap .eael-data-tables_info,
|
|
.eael-data-table-wrap .eael-data-tables_paginate {
|
|
flex-grow: 1;
|
|
flex-basis: 50%;
|
|
}
|
|
.eael-data-table-wrap .eael-data-tables_filter,
|
|
.eael-data-table-wrap .eael-data-tables_paginate {
|
|
text-align: right;
|
|
}
|
|
.eael-data-table-wrap .eael-data-tables_length select {
|
|
width: auto;
|
|
max-width: 120px;
|
|
height: 40px;
|
|
border: 1px solid rgba( 0,0,0,0.09 );
|
|
outline: 0;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button {
|
|
padding: 10px 15px;
|
|
background: #f2f2f2;
|
|
margin-right: 2px;
|
|
cursor: pointer;
|
|
transition: all .3s;
|
|
}
|
|
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button:hover,
|
|
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.current {
|
|
color: #fff;
|
|
background: #4a4893;
|
|
}
|
|
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.previous {}
|
|
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.next {}
|
|
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.disabled {
|
|
cursor: no-drop;
|
|
background: #f2f2f2;
|
|
opacity: .5;
|
|
color: #888;
|
|
}
|
|
.eael-data-table-wrap .eael-data-tables_info,
|
|
.eael-data-table-wrap .eael-data-tables_length label,
|
|
.eael-data-table-wrap .eael-data-tables_filter label {
|
|
font-weight: 700;
|
|
}
|
|
.eael-data-table-wrap .eael-data-tables_filter label input[type="search"] {
|
|
height: 40px;
|
|
border: 1px solid rgba( 0,0,0,0.09 );
|
|
outline: 0;
|
|
padding: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
table.eael-data-table thead .sorting,
|
|
table.eael-data-table thead .sorting_desc,
|
|
table.eael-data-table thead .sorting_asc {
|
|
position: relative;
|
|
z-index: 0;
|
|
outline: 0;
|
|
cursor: pointer;
|
|
}
|
|
table.eael-data-table thead .sorting:after,
|
|
table.eael-data-table thead .sorting_desc:after,
|
|
table.eael-data-table thead .sorting_asc:after {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 10px;
|
|
font-family: 'FontAwesome';
|
|
color: #fff;
|
|
z-index: 1;
|
|
transform: translateY(-50%);
|
|
}
|
|
table.eael-data-table thead .sorting:after {
|
|
content: "\f0dc";
|
|
}
|
|
table.eael-data-table thead .headerSortDown:after {
|
|
content: "\f0dd";
|
|
}
|
|
table.eael-data-table thead .headerSortUp:after {
|
|
content: "\f0de";
|
|
}
|
|
.data-header-icon {
|
|
margin-right: 10px;
|
|
}
|
|
/* Table style */
|
|
.eael-data-table {
|
|
width: 100%;
|
|
height: auto;
|
|
border-collapse: collapse;
|
|
margin: 0px;
|
|
}
|
|
.eael-data-table thead {}
|
|
.eael-data-table thead tr {
|
|
text-align: left;
|
|
}
|
|
.eael-data-table thead tr th,
|
|
.eael-data-table thead tr th:first-child {
|
|
padding: 20px 15px;
|
|
background: #4a4893;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
font-family: 'Montserrat', sans-serif;
|
|
line-height: 1;
|
|
color: #fff;
|
|
border-right: 1px solid rgba( 0,0,0,.1 );
|
|
}
|
|
.eael-data-table thead tr th:last-child {
|
|
border: 0px;
|
|
}
|
|
.eael-data-table tbody {}
|
|
.eael-data-table tbody tr {
|
|
|
|
}
|
|
.eael-data-table tbody tr.even {
|
|
transition: background 0.4s ease-in-out;
|
|
}
|
|
.eael-data-table tbody tr.odd {
|
|
background: rgba( 242,242,242,0.5 );
|
|
transition: background 0.2s ease-in-out;
|
|
}
|
|
.eael-data-table tbody tr.even:hover,
|
|
.eael-data-table tbody tr.odd:hover {
|
|
background: rgba( 242,242,242,0.7 );
|
|
}
|
|
.eael-data-table tbody tr.even:last-child,
|
|
.eael-data-table tbody tr.odd:last-child {
|
|
border-bottom: 1px solid rgba( 0,0,0,0.09 );
|
|
}
|
|
.eael-data-table tbody tr td,
|
|
.eael-data-table tbody tr td:first-child {
|
|
padding: 20px 15px;
|
|
font-size: 14px;
|
|
font-family: 'Montserrat', sans-serif;
|
|
line-height: 1;
|
|
border-right: 1px solid rgba( 0,0,0,0.06 );
|
|
}
|
|
.eael-data-table tbody tr td:last-child {
|
|
border-right: 0px;
|
|
}
|
|
|
|
table.eael-data-table thead .sorting_disabled.sorting:after {
|
|
display: none;
|
|
}
|
|
/* Edidtor related */
|
|
.eael-hide-elements .eael-data-tables_info {
|
|
display: none;
|
|
}
|
|
.eael-dt-th-align-left .eael-data-table thead tr th,
|
|
.eael-dt-td-align-left .eael-data-table tbody tr td {
|
|
text-align: left;
|
|
}
|
|
.eael-dt-th-align-right .eael-data-table thead tr th,
|
|
.eael-dt-td-align-right .eael-data-table tbody tr td {
|
|
text-align: right;
|
|
padding-right: 30px;
|
|
}
|
|
.eael-dt-th-align-center .eael-data-table thead tr th,
|
|
.eael-dt-td-align-center .eael-data-table tbody tr td {
|
|
text-align: center;
|
|
}
|
|
.eael-data-table-th-img {
|
|
display: inline-block;
|
|
margin: 0px;
|
|
line-height: 1;
|
|
|
|
}
|
|
table.eael-data-table thead .sorting:after,
|
|
table.eael-data-table thead .sorting_desc:after,
|
|
table.eael-data-table thead .sorting_asc:after {
|
|
display: none;
|
|
}
|
|
/**
|
|
* Magnific Popup
|
|
*/
|
|
/* Magnific Popup CSS */
|
|
.mfp-bg {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1042;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
background: #0b0b0b;
|
|
opacity: 0.8; }
|
|
|
|
.mfp-wrap {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1043;
|
|
position: fixed;
|
|
outline: none !important;
|
|
-webkit-backface-visibility: hidden; }
|
|
|
|
.mfp-container {
|
|
text-align: center;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 0 8px;
|
|
box-sizing: border-box; }
|
|
|
|
.mfp-container:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle; }
|
|
|
|
.mfp-align-top .mfp-container:before {
|
|
display: none; }
|
|
|
|
.mfp-content {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
z-index: 1045; }
|
|
|
|
.mfp-inline-holder .mfp-content,
|
|
.mfp-ajax-holder .mfp-content {
|
|
width: 100%;
|
|
cursor: auto; }
|
|
|
|
.mfp-ajax-cur {
|
|
cursor: progress; }
|
|
|
|
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
|
cursor: -moz-zoom-out;
|
|
cursor: -webkit-zoom-out;
|
|
cursor: zoom-out; }
|
|
|
|
.mfp-zoom {
|
|
cursor: pointer;
|
|
cursor: -webkit-zoom-in;
|
|
cursor: -moz-zoom-in;
|
|
cursor: zoom-in; }
|
|
|
|
.mfp-auto-cursor .mfp-content {
|
|
cursor: auto; }
|
|
|
|
.mfp-close,
|
|
.mfp-arrow,
|
|
.mfp-preloader,
|
|
.mfp-counter {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none; }
|
|
|
|
.mfp-loading.mfp-figure {
|
|
display: none; }
|
|
|
|
.mfp-hide {
|
|
display: none !important; }
|
|
|
|
.mfp-preloader {
|
|
color: #CCC;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: auto;
|
|
text-align: center;
|
|
margin-top: -0.8em;
|
|
left: 8px;
|
|
right: 8px;
|
|
z-index: 1044; }
|
|
.mfp-preloader a {
|
|
color: #CCC; }
|
|
.mfp-preloader a:hover {
|
|
color: #FFF; }
|
|
|
|
.mfp-s-ready .mfp-preloader {
|
|
display: none; }
|
|
|
|
.mfp-s-error .mfp-content {
|
|
display: none; }
|
|
|
|
button.mfp-close,
|
|
button.mfp-arrow {
|
|
overflow: visible;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none;
|
|
display: block;
|
|
outline: none;
|
|
padding: 0;
|
|
z-index: 1046;
|
|
box-shadow: none;
|
|
touch-action: manipulation; }
|
|
|
|
button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0; }
|
|
|
|
.mfp-close {
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
opacity: 0.65;
|
|
padding: 0 0 18px 10px;
|
|
color: #FFF;
|
|
font-style: normal;
|
|
font-size: 28px;
|
|
font-family: Arial, Baskerville, monospace; }
|
|
.mfp-close:hover,
|
|
.mfp-close:focus {
|
|
opacity: 1; }
|
|
.mfp-close:active {
|
|
top: 1px; }
|
|
|
|
.mfp-close-btn-in .mfp-close {
|
|
color: #333; }
|
|
|
|
.mfp-image-holder .mfp-close,
|
|
.mfp-iframe-holder .mfp-close {
|
|
color: #FFF;
|
|
right: -6px;
|
|
text-align: right;
|
|
padding-right: 6px;
|
|
width: 100%; }
|
|
|
|
.mfp-counter {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
color: #CCC;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
white-space: nowrap; }
|
|
|
|
.mfp-arrow {
|
|
position: absolute;
|
|
opacity: 0.65;
|
|
margin: 0;
|
|
top: 50%;
|
|
margin-top: -55px;
|
|
padding: 0;
|
|
width: 90px;
|
|
height: 110px;
|
|
-webkit-tap-highlight-color: transparent; }
|
|
.mfp-arrow:active {
|
|
margin-top: -54px; }
|
|
.mfp-arrow:hover,
|
|
.mfp-arrow:focus {
|
|
opacity: 1; }
|
|
.mfp-arrow:before,
|
|
.mfp-arrow:after {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
margin-top: 35px;
|
|
margin-left: 35px;
|
|
border: medium inset transparent; }
|
|
.mfp-arrow:after {
|
|
border-top-width: 13px;
|
|
border-bottom-width: 13px;
|
|
top: 8px; }
|
|
.mfp-arrow:before {
|
|
border-top-width: 21px;
|
|
border-bottom-width: 21px;
|
|
opacity: 0.7; }
|
|
|
|
.mfp-arrow-left {
|
|
left: 0; }
|
|
.mfp-arrow-left:after {
|
|
border-right: 17px solid #FFF;
|
|
margin-left: 31px; }
|
|
.mfp-arrow-left:before {
|
|
margin-left: 25px;
|
|
border-right: 27px solid #3F3F3F; }
|
|
|
|
.mfp-arrow-right {
|
|
right: 0; }
|
|
.mfp-arrow-right:after {
|
|
border-left: 17px solid #FFF;
|
|
margin-left: 39px; }
|
|
.mfp-arrow-right:before {
|
|
border-left: 27px solid #3F3F3F; }
|
|
|
|
.mfp-iframe-holder {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px; }
|
|
.mfp-iframe-holder .mfp-content {
|
|
line-height: 0;
|
|
width: 100%;
|
|
max-width: 900px; }
|
|
.mfp-iframe-holder .mfp-close {
|
|
top: -40px; }
|
|
|
|
.mfp-iframe-scaler {
|
|
width: 100%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-top: 56.25%; }
|
|
.mfp-iframe-scaler iframe {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
background: #000; }
|
|
|
|
/* Main image in popup */
|
|
img.mfp-img {
|
|
width: auto;
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
line-height: 0;
|
|
box-sizing: border-box;
|
|
padding: 40px 0 40px;
|
|
margin: 0 auto; }
|
|
|
|
/* The shadow behind the image */
|
|
.mfp-figure {
|
|
line-height: 0; }
|
|
.mfp-figure:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 40px;
|
|
bottom: 40px;
|
|
display: block;
|
|
right: 0;
|
|
width: auto;
|
|
height: auto;
|
|
z-index: -1;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
background: #444; }
|
|
.mfp-figure small {
|
|
color: #BDBDBD;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 14px; }
|
|
.mfp-figure figure {
|
|
margin: 0; }
|
|
|
|
.mfp-bottom-bar {
|
|
margin-top: -36px;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
cursor: auto; }
|
|
|
|
.mfp-title {
|
|
text-align: left;
|
|
line-height: 18px;
|
|
color: #F3F3F3;
|
|
word-wrap: break-word;
|
|
padding-right: 36px; }
|
|
|
|
.mfp-image-holder .mfp-content {
|
|
max-width: 100%; }
|
|
|
|
.mfp-gallery .mfp-image-holder .mfp-figure {
|
|
cursor: pointer; }
|
|
|
|
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
|
/**
|
|
* Remove all paddings around the image on small screen
|
|
*/
|
|
.mfp-img-mobile .mfp-image-holder {
|
|
padding-left: 0;
|
|
padding-right: 0; }
|
|
.mfp-img-mobile img.mfp-img {
|
|
padding: 0; }
|
|
.mfp-img-mobile .mfp-figure:after {
|
|
top: 0;
|
|
bottom: 0; }
|
|
.mfp-img-mobile .mfp-figure small {
|
|
display: inline;
|
|
margin-left: 5px; }
|
|
.mfp-img-mobile .mfp-bottom-bar {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
bottom: 0;
|
|
margin: 0;
|
|
top: auto;
|
|
padding: 3px 5px;
|
|
position: fixed;
|
|
box-sizing: border-box; }
|
|
.mfp-img-mobile .mfp-bottom-bar:empty {
|
|
padding: 0; }
|
|
.mfp-img-mobile .mfp-counter {
|
|
right: 5px;
|
|
top: 3px; }
|
|
.mfp-img-mobile .mfp-close {
|
|
top: 0;
|
|
right: 0;
|
|
width: 35px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
position: fixed;
|
|
text-align: center;
|
|
padding: 0; } }
|
|
|
|
@media all and (max-width: 900px) {
|
|
.mfp-arrow {
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75); }
|
|
.mfp-arrow-left {
|
|
-webkit-transform-origin: 0;
|
|
transform-origin: 0; }
|
|
.mfp-arrow-right {
|
|
-webkit-transform-origin: 100%;
|
|
transform-origin: 100%; }
|
|
.mfp-container {
|
|
padding-left: 6px;
|
|
padding-right: 6px; }
|
|
}
|
|
|
|
.eael-filter-gallery-control {
|
|
width: 100%;
|
|
}
|
|
.eael-filter-gallery-control ul {
|
|
margin: 0px 0px 20px 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
.eael-filter-gallery-control {
|
|
display: flex;
|
|
flex-flow: 1 1 auto;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-flow: row wrap;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
.eael-filter-gallery-control ul li {
|
|
list-style: none;
|
|
font-size: 24px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
.eael-filter-gallery-control ul li a.control {
|
|
font-family: 'Montserrat', sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
padding: 10px 25px;
|
|
margin: 10px 6px;
|
|
}
|
|
.eael-filter-gallery-container {
|
|
text-align: justify;
|
|
font-size: 0.1px;
|
|
}
|
|
.eael-filter-gallery-container:after {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.eael-filter-gallery-container .item {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.eael-filter-gallery-container .item {
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
margin-bottom: 1rem;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.eael-filter-gallery-container:not(.eael-cards) .item:before {
|
|
content: '';
|
|
display: inline-block;
|
|
padding-top: 56.25%;
|
|
}
|
|
.eael-filter-gallery-container .item .caption {
|
|
position: absolute;
|
|
display: flex;
|
|
flex-flow: 1 1 100%;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 10;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
transition: transform .4s;
|
|
}
|
|
.eael-filter-gallery-container.eael-cards .item .caption {
|
|
display: none;
|
|
}
|
|
.eael-filter-gallery-container.eael-cards .item .item-img .caption {
|
|
position: absolute;
|
|
display: flex;
|
|
flex-flow: 1 1 100%;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 10;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
transition: transform .4s;
|
|
}
|
|
/* Caption Animation */
|
|
.eael-filter-gallery-container .item .caption.eael-zoom-in,
|
|
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-zoom-in {
|
|
transform: scale(0);
|
|
}
|
|
.eael-filter-gallery-container .item:hover .caption.eael-zoom-in,
|
|
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-zoom-in {
|
|
transform: scale(1);
|
|
}
|
|
.eael-filter-gallery-container .item .caption.eael-slide-left,
|
|
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-left {
|
|
transform: translateX(-100%);
|
|
}
|
|
.eael-filter-gallery-container .item:hover .caption.eael-slide-left,
|
|
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-left {
|
|
transform: translateX(0%);
|
|
}
|
|
.eael-filter-gallery-container .item .caption.eael-slide-right,
|
|
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-right {
|
|
transform: translateX(100%);
|
|
}
|
|
.eael-filter-gallery-container .item:hover .caption.eael-slide-right,
|
|
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-right {
|
|
transform: translateX(0%);
|
|
}
|
|
.eael-filter-gallery-container .item .caption.eael-slide-top,
|
|
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-top {
|
|
transform: translateY(-100%);
|
|
}
|
|
.eael-filter-gallery-container .item:hover .caption.eael-slide-top,
|
|
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-top {
|
|
transform: translateY(0%);
|
|
}
|
|
.eael-filter-gallery-container .item .caption.eael-slide-bottom,
|
|
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-bottom {
|
|
transform: translateY(100%);
|
|
}
|
|
.eael-filter-gallery-container .item:hover .caption.eael-slide-bottom,
|
|
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-bottom {
|
|
transform: translateY(0%);
|
|
}
|
|
/*-----------------------------------------------------------*/
|
|
.eael-filter-gallery-container .item .caption a {
|
|
display: inline-block;
|
|
width: 50px;
|
|
height: 50px;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
border-radius: 50%;
|
|
margin: 0 5px;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
transition: .3s;
|
|
}
|
|
.eael-filter-gallery-container .item .caption a:nth-child(1),
|
|
.eael-container .item .caption a:nth-child(2) {
|
|
transition: .6s;
|
|
opacity: 0;
|
|
}
|
|
.eael-filter-gallery-container .item .caption a:nth-child(1) {
|
|
transform: translateY(-100%);
|
|
}
|
|
.eael-filter-gallery-container .item .caption a:nth-child(2) {
|
|
transform: translateY(100%);
|
|
}
|
|
.eael-filter-gallery-container .item .caption:hover a:nth-child(1),
|
|
.eael-filter-gallery-container .item .caption:hover a:nth-child(2) {
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
.eael-filter-gallery-container .item .caption .eael-popup-link {
|
|
outline: 0;
|
|
}
|
|
|
|
/* Filter Gallery Card Style */
|
|
.eael-filter-gallery-container.eael-cards .item:before {
|
|
padding-top: 0px;
|
|
}
|
|
.eael-filter-gallery-container.eael-cards .item-img {
|
|
position: relative;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
height: 220px;
|
|
z-index: 0;
|
|
overflow: hidden;
|
|
}
|
|
.eael-filter-gallery-container.eael-cards .item-content {
|
|
padding: 15px;
|
|
}
|
|
.eael-filter-gallery-container.eael-cards .item-content .title,
|
|
.eael-filter-gallery-container.eael-cards .item-content .title a {
|
|
font-size: 18px;
|
|
line-height: 1;
|
|
margin-bottom: 0px;
|
|
transition: .3s;
|
|
}
|
|
.eael-filter-gallery-container.eael-cards .item-content p {
|
|
font-size: 14px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
/* Grid Breakpoints */
|
|
|
|
/* Mobile */
|
|
@media screen and (max-width: 480px) {
|
|
.eael-filter-gallery-container .item {
|
|
width: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
/* Landscape Mobile */
|
|
@media only screen and (min-width: 481px) and (max-width: 767px) {
|
|
.eael-filter-gallery-container .item {
|
|
width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
|
|
}
|
|
}
|
|
|
|
/* iPad */
|
|
@media only screen and (min-width: 768px) and (max-width:1024px) {
|
|
.eael-filter-gallery-container .item {
|
|
width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
|
|
}
|
|
}
|
|
@media screen and (min-width: 1025px) {
|
|
.eael-col-1 .item {
|
|
width: 100%;
|
|
}
|
|
.eael-col-2 .item {
|
|
width: calc(( 100% / 2 ) - 10px );
|
|
}
|
|
.eael-col-3 .item {
|
|
width: calc(( 100% / 3 ) - 10px );
|
|
}
|
|
.eael-col-4 .item {
|
|
width: calc(( 100% / 4 ) - 10px );
|
|
}
|
|
.eael-col-5 .item {
|
|
width: calc(( 100% / 5 ) - 10px );
|
|
}
|
|
.eael-tiles .item {
|
|
margin-bottom: 0px;
|
|
}
|
|
.eael-tiles.eael-col-1 .item {
|
|
width: 100%;
|
|
}
|
|
.eael-tiles.eael-col-2 .item {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.eael-tiles.eael-col-3 .item {
|
|
width: 33.33%;
|
|
float: left;
|
|
}
|
|
.eael-tiles.eael-col-4 .item {
|
|
width: 25%;
|
|
float: left;
|
|
}
|
|
.eael-tiles.eael-col-5 .item {
|
|
width: 20%;
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
/* Editor Specific Style */
|
|
.eael-fg-content-align-left .eael-cards .item .item-content {
|
|
text-align: left;
|
|
}
|
|
.eael-fg-content-align-center .eael-cards .item .item-content {
|
|
text-align: center;
|
|
}
|
|
.eael-fg-content-align-right .eael-cards .item .item-content {
|
|
text-align: right;
|
|
}
|
|
|
|
/* Magnific Gallery Fix */
|
|
.mfp-wrap ~ div.dialog-widget {
|
|
display: none!important;
|
|
} |