/* 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; }