PATH:
home
/
letacommog
/
laindinois
/
wp-content
/
plugins
/
essential-addons-elementor
/
assets
/
front-end
/
css
/
view
.eael-google-map.eael-google-map-marker canvas { width: 22px !important; height: 42px !important; } .eael-advanced-menu-container { background-color: #54595f; } @media screen and (max-width: 991px) { .eael-advanced-menu-container { min-height: 50px; overflow: auto; } } .eael-advanced-menu-container .eael-advanced-menu-toggle { position: absolute; top: 0; right: 0; min-height: 50px; padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 15px; background-color: #000000; color: #ffffff; border: none; -webkit-border-radius: 0; border-radius: 0; outline: none; display: block; border-color: #333; } @media screen and (min-width: 992px) { .eael-advanced-menu-container .eael-advanced-menu-toggle { display: none; } } .eael-advanced-menu-container .eael-advanced-menu-toggle-text { position: absolute; top: 0; left: 20px; font-size: 14px; line-height: 50px !important; letter-spacing: 0 !important; color: #ffffff; } @media screen and (min-width: 992px) { .eael-advanced-menu-container .eael-advanced-menu-toggle-text { display: none; } } .eael-advanced-menu-container .eael-advanced-menu { margin: 0; padding: 0; list-style: none; } .eael-advanced-menu-container .eael-advanced-menu:after { content: ""; display: table; clear: both; } .eael-advanced-menu-container .eael-advanced-menu a { text-decoration: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .eael-advanced-menu-container .eael-advanced-menu li a { font-size: 14px; font-weight: 400; line-height: 50px; text-align: center; color: #ffffff; padding-left: 20px; padding-right: 20px; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; } .eael-advanced-menu-container .eael-advanced-menu li ul { margin: 0; padding: 0; list-style: none; } .eael-advanced-menu-container .eael-advanced-menu li ul li a { font-size: 13px; font-weight: 400; line-height: 40px; text-align: left; color: #000; padding-left: 20px; padding-right: 20px; } .eael-advanced-menu-container .eael-advanced-menu li ul li:hover > a, .eael-advanced-menu-container .eael-advanced-menu li ul li.current-menu-item > a { color: #ee355f; background-color: #ffffff; } .eael-advanced-menu-container .eael-advanced-menu li:hover > a, .eael-advanced-menu-container .eael-advanced-menu li.current-menu-item > a { color: #ffffff; background-color: #ee355f; } .eael-advanced-menu-container .eael-advanced-menu .eael-advanced-menu-indicator { position: absolute; top: 0; right: 10px; width: 28px; height: 28px; display: block; border: 1px solid #ffffff80; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .eael-advanced-menu-container .eael-advanced-menu .eael-advanced-menu-indicator:before { display: block; font-weight: 900; line-height: 26px; color: #ffffff; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .eael-advanced-menu-container .eael-advanced-menu .eael-advanced-menu-indicator.eael-advanced-menu-indicator-open:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li { position: relative; float: left; display: inline-block; padding-top: 0; padding-bottom: 0; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a { display: inline-block; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a span { position: relative; margin-left: 5px; } @media screen and (max-width: 991px) { .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a span { display: none; } } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul { position: absolute; top: 100%; left: auto; width: 220px; visibility: hidden; opacity: 0; background-color: #ffffff; -webkit-box-shadow: 1px 1px 5px #0000001a; box-shadow: 1px 1px 5px #0000001a; z-index: 1; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li { position: relative; float: none; display: block; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li a { display: block; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li a span { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li:last-child > a { border-bottom-width: 0; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li ul { top: 0; left: 100%; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li:hover > ul { visibility: visible; opacity: 1; } @media screen and (min-width: 992px) { .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-fade li ul { -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-to-top li ul { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-to-top li:hover > ul { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-zoom-in li ul { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-zoom-in li:hover > ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-zoom-out li ul { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-zoom-out li:hover > ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal .eael-advanced-menu-indicator { display: none; } } @media screen and (max-width: 991px) { .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal { position: absolute; top: 50px; background-color: #54595f; width: 100%; z-index: 9; display: none; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li { float: none; display: block; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a { display: block; text-align: inherit; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul { position: relative; top: unset; left: unset; width: 100%; -webkit-box-shadow: none; box-shadow: none; visibility: visible; opacity: 1; display: none; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li { position: relative; display: block; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li .eael-advanced-menu-indicator { border: 1px solid #00000080; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li .eael-advanced-menu-indicator:before { color: #000000; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li ul { position: relative; width: 100%; top: unset; left: unset; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li ul li:last-child > a { border-bottom-width: 1px; } } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li { position: relative; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li a { display: block; text-align: left; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul { display: none; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li { position: relative; display: block; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li a { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li:last-child > a { border-bottom-width: 0; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li .eael-advanced-menu-indicator { border: 1px solid #00000080; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li .eael-advanced-menu-indicator:before { color: #000000; } .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li ul li:last-child > a { border-bottom-width: 1px; } @media screen and (min-width: 992px) { .eael-advanced-menu-container.eael-advanced-menu-align-center { text-align: center; } } @media screen and (min-width: 992px) { .eael-advanced-menu-container.eael-advanced-menu-align-center .eael-advanced-menu.eael-advanced-menu-horizontal { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } } @media screen and (max-width: 991px) { .eael-advanced-menu-container.eael-advanced-menu-align-center .eael-advanced-menu > li > a { text-align: center; } } @media screen and (min-width: 992px) { .eael-advanced-menu-container.eael-advanced-menu-align-right { text-align: right; } } @media screen and (min-width: 992px) { .eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-horizontal { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } } @media screen and (max-width: 991px) { .eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-horizontal > li > a { text-align: right; } } .eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-horizontal > li > .eael-advanced-menu-indicator { right: initial; left: 10px; } .eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-horizontal > li:last-child a { border-right: none; } .eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-vertical > li > a { text-align: right; } .eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-vertical > li > .eael-advanced-menu-indicator { right: initial; left: 10px; } .eael-advanced-menu-container.eael-advanced-menu-dropdown-align-center .eael-advanced-menu li ul li a { text-align: center; } .eael-advanced-menu-container.eael-advanced-menu-dropdown-align-right .eael-advanced-menu li ul li a { text-align: right; } .eael-advanced-menu-container.eael-advanced-menu-dropdown-align-right .eael-advanced-menu li ul li > .eael-advanced-menu-indicator { right: initial; left: 10px; } .eael-content-timeline-container { width: 100%; max-width: 980px; margin: 0 auto; } .eael-content-timeline-container::after { content: ""; display: table; clear: both; } .eael-content-timeline-container { position: relative; padding: 2em 0; margin-top: 0; margin-bottom: 0; z-index: 0; } .eael-content-timeline-container::before { content: ""; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #d7e4ed; z-index: -1; display: none; } .eael-content-timeline-block { position: relative; padding: 0 0 2em 0; z-index: 0; } .eael-content-timeline-line { position: absolute; top: 5px; left: 18px; height: 100%; width: 4px; z-index: -2; overflow: hidden; } .eael-content-timeline-line .eael-content-timeline-inner { position: static; width: 100%; top: 0; left: 0; margin: 0; height: 100%; width: 100%; } .eael-content-timeline-line { background: #d7e4ed; } .eael-content-timeline-line .eael-content-timeline-inner { z-index: -1; height: 0px; } .eael-content-timeline-block:last-child .eael-content-timeline-line, .eael-content-timeline-block:last-child .eael-content-timeline-line .eael-content-timeline-inner { display: none; } .eael-content-timeline-line .eael-content-timeline-inner { opacity: 0; } .eael-content-timeline-block.eael-highlight .eael-content-timeline-line .eael-content-timeline-inner { opacity: 1; } .eael-content-timeline-inner.eael-prev-highlighted { opacity: 1 !important; } .eael-content-timeline-inner.eael-highlighted { background: #3CCD94; opacity: 1; } .eael-content-timeline-inner.eael-muted { opacity: 0; } @media only screen and (min-width: 992px) { .eael-content-timeline-container { margin-top: 0; margin-bottom: 0; } .eael-content-timeline-line, .eael-content-timeline-line .eael-content-timeline-inner { left: 50%; } .content-timeline-layout-left.date-position-outside .eael-content-timeline-line, .content-timeline-layout-left.date-position-outside .eael-content-timeline-line .eael-content-timeline-inner { left: 75%; } .content-timeline-layout-left.date-position-outside .eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content .eael-date { text-align: right; } .date-position-inside.content-timeline-layout-left .eael-content-timeline-line, .date-position-inside.content-timeline-layout-left .eael-content-timeline-line .eael-content-timeline-inner { left: 100%; } .content-timeline-layout-right .eael-content-timeline-line, .content-timeline-layout-right .eael-content-timeline-line .eael-content-timeline-inner { left: 25%; } .date-position-inside.content-timeline-layout-right .eael-content-timeline-line, .date-position-inside.content-timeline-layout-right .eael-content-timeline-line .eael-content-timeline-inner { left: 0; } .date-position-inside.content-timeline-layout-right .eael-content-timeline-block .eael-content-timeline-content .eael-date { text-align: left; } } .eael-content-timeline-block:after { content: ""; display: table; clear: both; } .eael-content-timeline-block:first-child { margin-top: 0; } .eael-content-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 992px) { .eael-content-timeline-block { padding: 0 0 4em 0; } .eael-content-timeline-block:first-child { margin-top: 0; } .eael-content-timeline-block:last-child { margin-bottom: 0; } } .eael-content-timeline-img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 1; border: 6px solid #f9f9f9; -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1); } .eael-content-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .eael-content-timeline-img i { line-height: 1; margin-top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .eael-content-timeline-img.eael-content-timeline-bullet { width: 40px; height: 40px; margin-left: -20px; background-color: #3CCD94; } .eael-content-timeline-bullet { background-color: #3CCD94; } .eael-content-timeline-img.eael-picture { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: #f1f2f3; } .eael-content-timeline-block.eael-highlight .eael-content-timeline-img.eael-picture { background: #3CCD94; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media only screen and (min-width: 992px) { .eael-content-timeline-img { left: 50%; margin-left: -20px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .content-timeline-layout-left .eael-content-timeline-img { left: 75%; } .content-timeline-layout-right .eael-content-timeline-img { left: 25%; } .date-position-inside.content-timeline-layout-left .eael-content-timeline-img { left: 100% !important; } .date-position-inside.content-timeline-layout-right .eael-content-timeline-img { left: 0% !important; } .content-timeline-layout-right .eael-content-timeline-block:nth-child(odd) .eael-content-timeline-content::before { border-left: none; border-right: 7px solid; left: auto; right: 100%; } .cssanimations .eael-content-timeline-img.is-hidden { visibility: hidden; } .cssanimations .eael-content-timeline-img.bounce-in { visibility: visible; -webkit-animation: eael-bounce-1 0.6s; animation: eael-bounce-1 0.6s; } } @media only screen and (max-width: 991px) { .eael-content-timeline-block .eael-content-timeline-content::before { border-left: none; } .eael-content-timeline-img { margin-left: 0; } } @-webkit-keyframes eael-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @keyframes eael-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .eael-content-timeline-content { position: relative; margin-left: 60px; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 1em; } .eael-content-timeline-content:after { content: ""; display: table; clear: both; } .eael-content-timeline-content h2, .eael-content-timeline-content h2 a { color: #303e49; margin: 0; font-size: 100%; line-height: 1.5; font-weight: bold; } .eael-content-timeline-content .eael-read-more, .eael-content-timeline-content .eael-date { display: inline-block; } .eael-content-timeline-content p { margin: 1em 0; line-height: 1.6; } .eael-content-timeline-content .eael-read-more { float: right; display: inline-block; padding: 10px 25px; font-size: 0.85em; line-height: 1.5; color: #fff; background-color: #3CCD94; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 4px; border-radius: 4px; } .eael-content-timeline-content .eael-read-more:hover { background-color: #bac4cb; } .no-touch .eael-content-timeline-content .eael-read-more:hover { background-color: #bac4cb; } .eael-content-timeline-content .eael-date { float: left; padding: 0.8em 0; opacity: 0.7; } .eael-content-timeline-content::before { content: ""; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; } @media only screen and (min-width: 992px) { .eael-content-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; } .content-timeline-layout-left .eael-content-timeline-content, .content-timeline-layout-right .eael-content-timeline-content { width: 68%; } .date-position-inside.content-timeline-layout-left .eael-content-timeline-content { width: 93%; } .date-position-inside.content-timeline-layout-right .eael-content-timeline-content { width: 93%; } .eael-content-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #f1f2f3; } .eael-content-timeline-block:nth-child(odd) .eael-content-timeline-content::before { border-right: none; } .eael-content-timeline-content .eael-date { position: absolute; width: 100%; left: -webkit-calc(100% + 85px); left: calc(100% + 85px); top: 0; font-size: 1em; padding-left: 5px; text-align: left; } .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content { float: right; } .content-timeline-layout-right .eael-content-timeline-content { float: right; } .content-timeline-layout-left .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content { float: left; } .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #f1f2f3; border-left: none; } .eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content::before { border-left: none; } .content-timeline-layout-left .eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content::before { border-left: 7px solid; border-right: none; left: 100%; right: auto; } .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content .eael-read-more { float: left; } .eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content .eael-date { left: auto; right: -webkit-calc(100% + 85px); right: calc(100% + 85px); text-align: right; font-size: 1em; padding-right: 5px; } .content-timeline-layout-left .eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content .eael-date { left: -webkit-calc(100% + 85px); left: calc(100% + 85px); right: auto; text-align: left; } .content-timeline-layout-right .eael-content-timeline-content .eael-date { right: -webkit-calc(100% + 85px); right: calc(100% + 85px); left: auto; text-align: right; } .cssanimations .eael-content-timeline-content.is-hidden { visibility: hidden; } .cssanimations .eael-content-timeline-content.bounce-in { visibility: visible; -webkit-animation: eael-bounce-2 0.6s; animation: eael-bounce-2 0.6s; } .content-timeline-layout-left.date-position-outside .eael-content-timeline-content .eael-date, .content-timeline-layout-right.date-position-outside .eael-content-timeline-content .eael-date { width: 40%; } } @media only screen and (min-width: 992px) { /* inverse bounce effect on even content blocks */ .cssanimations .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content.bounce-in { -webkit-animation: eael-bounce-2-inverse 0.6s; animation: eael-bounce-2-inverse 0.6s; } } @-webkit-keyframes eael-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); } 100% { -webkit-transform: translateX(0); } } @keyframes eael-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes eael-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @keyframes eael-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .content-timeline-layout-left.date-position-inside .eael-content-timeline-content, .content-timeline-layout-right.date-position-inside .eael-content-timeline-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .content-timeline-layout-left.date-position-inside .eael-content-timeline-content .eael-date, .content-timeline-layout-right.date-position-inside .eael-content-timeline-content .eael-date { position: static; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .content-timeline-layout-left.date-position-inside .eael-content-timeline-content h2, .content-timeline-layout-right.date-position-inside .eael-content-timeline-content h2 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .content-timeline-layout-left.date-position-inside .eael-content-timeline-content p, .content-timeline-layout-right.date-position-inside .eael-content-timeline-content p { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .content-timeline-layout-left.date-position-inside .eael-content-timeline-content .eael-read-more, .content-timeline-layout-right.date-position-inside .eael-content-timeline-content .eael-read-more { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .content-timeline-layout-left.date-position-inside .eael-content-timeline-content ul, .content-timeline-layout-left.date-position-inside .eael-content-timeline-content ol, .content-timeline-layout-right.date-position-inside .eael-content-timeline-content ul, .content-timeline-layout-right.date-position-inside .eael-content-timeline-content ol { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-left: 20px; } .content-timeline-layout-left.date-position-outside .eael-content-timeline-content .eael-read-more, .content-timeline-layout-right.date-position-outside .eael-content-timeline-content .eael-read-more { float: left; } .content-timeline-layout-left.date-position-outside .eael-content-timeline-content .eael-date, .content-timeline-layout-right.date-position-outside .eael-content-timeline-content .eael-date { width: 25%; } .content-timeline-layout-left.date-position-outside .eael-content-timeline-content .eael-date { text-align: right; } .content-timeline-layout-right.date-position-outside .eael-content-timeline-content .eael-date { text-align: left; } /* Left layout responsive */ @media only screen and (max-width: 991px) { .content-timeline-layout-left .eael-content-timeline-content { margin-left: 0px; margin-right: 60px; } .content-timeline-layout-left .eael-content-timeline-content::before { border-left: 7px solid; border-right: none; right: auto; left: 100%; } .content-timeline-layout-left .eael-content-timeline-line { left: auto; right: 10px; } .content-timeline-layout-left .eael-content-timeline-img { left: auto; right: -8px; } .content-timeline-layout-left.date-position-outside .eael-content-timeline-content .eael-date, .content-timeline-layout-right.date-position-outside .eael-content-timeline-content .eael-date { width: 100%; text-align: left !important; } } .eael-counter { display: inline-block; } .eael-counter-icon-wrap, .eael-counter-icon, .eael-counter-icon-divider, .eael-counter-num-divider { display: inline-block; } .eael-counter-icon { line-height: 1; } .eael-counter-layout-3-number-wrap, .eael-counter-layout-3 .eael-icon-title-wrap, .eael-counter-layout-4-number-wrap, .eael-counter-layout-4 .eael-icon-title-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-counter-layout-5, .eael-counter-layout-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-counter-layout-6 .eael-counter-icon-wrap { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .eael-counter .eael-icon-title-wrap .eael-counter-title { display: inline-block; } /* Pipaluk */ .eael-creative-button--pipaluk { float: left; min-width: 150px; max-width: 250px; display: block; margin: 1em; padding: 1em 2em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; width: 240px; padding: 1.5em 3em; color: #fff; } .eael-creative-button--pipaluk.button--inverted { color: #7986cb; } .eael-creative-button--pipaluk::before, .eael-creative-button--pipaluk::after { content: ""; -webkit-border-radius: inherit; border-radius: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); } .eael-creative-button--pipaluk::before { border: 2px solid #7986cb; } .eael-creative-button--pipaluk.button--inverted::before { border-color: #fff; } .eael-creative-button--pipaluk::after { background: #7986cb; } .eael-creative-button--pipaluk.button--inverted::after { background: #fff; } .eael-creative-button--pipaluk:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .eael-creative-button--pipaluk::before, .eael-creative-button--pipaluk:hover::after { -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); } .eael-creative-button--pipaluk:hover::after { background-color: #3f51b5; } .eael-creative-button--pipaluk.button--inverted:hover::after { background-color: #fff; } /*--- Moema ---*/ .eael-creative-button--moema { -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .eael-creative-button--moema::before { content: ""; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; z-index: -1; opacity: 0.4; -webkit-transform: scale3d(0.8, 0.5, 1); transform: scale3d(0.8, 0.5, 1); } .eael-creative-button--moema:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; -o-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; -webkit-animation: anim-moema-1 0.3s forwards; animation: anim-moema-1 0.3s forwards; } .eael-creative-button--moema:hover::before { -webkit-animation: anim-moema-2 0.3s 0.3s forwards; animation: anim-moema-2 0.3s 0.3s forwards; } @-webkit-keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes anim-moema-2 { to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-moema-2 { to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /*--- Saqui ---*/ .eael-creative-button--saqui { overflow: hidden; -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in; -o-transition: background-color 0.3s ease-in, color 0.3s ease-in; transition: background-color 0.3s ease-in, color 0.3s ease-in; } .eael-creative-button--saqui::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: -25% 50%; -ms-transform-origin: -25% 50%; transform-origin: -25% 50%; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transition: -webkit-transform 0.3s ease-in; transition: -webkit-transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-creative-button--saqui:hover::after, .eael-creative-button--saqui:hover { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eael-creative-button--saqui:hover::after { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } /*--- Wapasha ---*/ .eael-creative-button--wapasha { -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .eael-creative-button--wapasha::before { border: 1px solid rgba(0, 0, 0, 0.5); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-border-radius: inherit; border-radius: inherit; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--wapasha:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /*--- Antiman ---*/ .eael-creative-button--antiman > span { padding-left: 0.35em; } .eael-creative-button--antiman::before, .eael-creative-button--antiman::after { content: ""; z-index: -1; -webkit-border-radius: inherit; border-radius: inherit; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--antiman::before { border: 1px solid rgba(0, 0, 0, 0.35); opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } .eael-creative-button--antiman:hover::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .eael-creative-button--antiman:hover::after { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } /*--- Shikoba ---*/ .eael-creative-button.eael-creative-button--shikoba { overflow: hidden; -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s, color 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s; } .eael-creative-button--shikoba > span { display: inline-block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--shikoba i { position: absolute; left: 15%; -webkit-transform: translate3d(-40px, 5em, 0); transform: translate3d(-40px, 5em, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--shikoba:hover i, .eael-creative-button--shikoba:hover > span { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } /*--- Isi ---*/ .eael-creative-button--wave { overflow: hidden; } .eael-creative-button--wave::before { content: ""; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); -o-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); } .eael-creative-button--wave .eael-creative-button__icon { vertical-align: middle; } .eael-creative-button--wave > span { vertical-align: middle; padding-left: 0.75em; } .eael-creative-button--wave:hover::before { -webkit-transform: scale3d(40, 40, 1); transform: scale3d(40, 40, 1); } /*--- Aylen ---*/ .eael-creative-button--aylen { overflow: hidden; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .eael-creative-button--aylen::before, .eael-creative-button--aylen::after { content: ""; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--aylen::before { opacity: 0.75; } .eael-creative-button--aylen:hover::before, .eael-creative-button--aylen:hover::after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .eael-creative-button--aylen:hover::after { -webkit-transition-delay: 0.175s; -o-transition-delay: 0.175s; transition-delay: 0.175s; } /*--- Nuka ---*/ .eael-creative-button--nuka { border: none !important; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-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--nuka::before, .eael-creative-button--nuka::after { content: ""; position: absolute; -webkit-border-radius: inherit; border-radius: inherit; z-index: -1; } .eael-creative-button--nuka::before { top: -4px; bottom: -4px; left: -4px; right: -4px; opacity: 0.2; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .eael-creative-button--nuka::after { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale3d(1.1, 1, 1); transform: scale3d(1.1, 1, 1); -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s; } .eael-creative-button--nuka::before, .eael-creative-button--nuka::after { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-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--nuka:hover::before { opacity: 1; } .eael-creative-button--nuka:hover::after, .eael-creative-button--nuka:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /*--- Quidel ---*/ /* Quidel */ .eael-creative-button--quidel { float: left; min-width: 150px; max-width: 250px; display: block; margin: 1em; padding: 1em 2em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; background: #7986cb; color: #7986cb; overflow: hidden; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--quidel.button--inverted { background: #fff; color: #fff; } .eael-creative-button--quidel::before, .eael-creative-button--quidel::after { content: ""; position: absolute; z-index: -1; -webkit-border-radius: inherit; border-radius: inherit; } .eael-creative-button--quidel::after { top: 2px; left: 2px; right: 2px; bottom: 2px; background: #fff; } .eael-creative-button--quidel.button--inverted::after { background: #37474f; } .eael-creative-button--quidel::before { background: #37474f; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--quidel.button--inverted::before { background: #7986cb; } .button--round-s.eael-creative-button--quidel::after { -webkit-border-radius: 3px; border-radius: 3px; } .button--round-m.eael-creative-button--quidel::after { -webkit-border-radius: 13px; border-radius: 13px; } .button--round-l.eael-creative-button--quidel::after { -webkit-border-radius: 40px; border-radius: 40px; } .eael-creative-button--quidel > span { padding-left: 0.35em; } .eael-creative-button--quidel:hover { color: #37474f; } .eael-creative-button--quidel.button--inverted:hover { color: #7986cb; } .eael-creative-button--quidel:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Shikoba */ .eael-creative-button--shikoba { padding: 1em 30px 1em 50px; overflow: hidden; background: #fff; color: #37474f; border-color: #37474f; -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s, color 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s; } .eael-creative-button--shikoba.button--inverted { color: #fff; background: #7986cb; } .eael-creative-button--shikoba span { display: inline-block; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--shikoba .button__icon { position: absolute; left: 20px; font-size: 18px; -webkit-transform: translate3d(-40px, 2.5em, 0); transform: translate3d(-40px, 2.5em, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-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--shikoba:hover .button__icon, .eael-creative-button--shikoba:hover span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eael-creative-button--shikoba:hover { background: #3f51b5; border-color: #3f51b5; color: #fff; } .eael-divider-wrap { font-size: 0; line-height: 0; } .eael-divider { text-align: center; } .eael-divider-left .divider-border-left { display: none; } .eael-divider-right .divider-border-right { display: none; } /*--- Horizontal ---*/ .horizontal { border: 0; border-color: #000; border-bottom-width: 4px; border-top-width: 0px; display: inline-block; width: 80px; height: 0; border-style: dashed; } /*--- Vertical ---*/ .vertical { border: 0; display: inline-block; border-left: 2px solid #000; height: 50px; } /*--- divider with Text ---*/ .divider-text-container { display: inline-block; max-width: 100%; } .divider-text-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .eael-divider-wrap.divider-direction-vertical .divider-text-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .eael-divider-wrap.divider-direction-vertical .divider-border { border: 1px solid; } .eael-divider-wrap.divider-direction-vertical .divider-border-left { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .eael-divider-wrap.divider-direction-vertical .eael-divider-content { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .eael-divider-wrap.divider-direction-vertical .divider-border-right { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .eael-divider-wrap.divider-direction-vertical .divider-text-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .eael-divider-text { font-size: 16px; line-height: 1.4; } .divider-border-wrap { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .divider-border { border: 0; height: 1px; border-top: 1px solid #000; display: block; width: 100%; } .eael-divider-content { display: inherit; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 20px; } .dynamic-gallery-item { float: left; width: 33.33%; } .dynamic-gallery-item-inner { margin-left: -webkit-calc(20px/2); margin-left: calc(20px/2); margin-right: -webkit-calc(20px/2); margin-right: calc(20px/2); margin-bottom: 20px; position: relative; overflow: hidden; } .dynamic-gallery-item .item-content > h2 { margin: 0; } .eael-load-more-button-wrap.dynamic-filter-gallery-loadmore { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dynamic-filter-gallery-loadmore .eael-load-more-button { margin: 0px; } .eael-filter-gallery-control ul li.control.active { -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .dynamic-gallery-thumbnail { width: 100%; height: 100%; } .eael-filter-gallery-container .dynamic-gallery-item .caption.media-only-caption { background-color: transparent !important; } /* ----- Card Style ------ */ .eael-filter-gallery-wrapper .eael-cards .dynamic-gallery-thumbnail, .eael-filter-gallery-container.grid.eael-hoverer .dynamic-gallery-item-inner { height: 300px; } .eael-filter-gallery-wrapper .eael-cards .dynamic-gallery-thumbnail > img, .eael-filter-gallery-container.grid.eael-hoverer .dynamic-gallery-thumbnail > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*-------- Hoverer Style ---------- */ .eael-filter-gallery-container .dynamic-gallery-thumbnail { position: relative; overflow: hidden; } .eael-filter-gallery-container .caption { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); } .eael-filter-gallery-container .caption .item-content { padding: 15px 15px 0px 15px; line-height: 1.5em; font-size: 14px; text-align: left; color: #ffffff; width: 100%; } .eael-filter-gallery-container .caption .item-content h2 { font-size: 20px; margin-bottom: 10px; } .eael-filter-gallery-container .caption .item-content h2 a { color: #ffffff; } .eael-filter-gallery-container .caption .buttons { width: 100%; padding: 0 15px; } .eael-filter-gallery-container .caption > a { position: absolute; height: 100%; width: 100%; } .eael-filter-gallery-container .dynamic-gallery-thumbnail .caption i { font-size: 18px; } /*-------- Hoverer buttons style ---------- */ .eael-filter-gallery-container .caption > a.popup-media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .eael-filter-gallery-container .caption > a.popup-media > i { height: 40px; width: 40px; line-height: 40px; color: #fff; background: #000; } .caption { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .eael-filter-gallery-container .caption .buttons a, .card-buttons > a { height: 40px; width: 40px; display: inline-block; text-align: center; margin: 0 5px; line-height: 40px; color: #fff; font-size: 18px; } .eael-filter-gallery-container .caption > a.popup-media > i, .eael-filter-gallery-container .caption .buttons a { -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } /* Card button styles */ .eael-filter-gallery-container.grid.eael-cards .card-buttons > a:first-child { margin-left: 0px; } .eael-filter-gallery-container.grid.eael-cards .card-buttons > a:last-child { margin-right: 0px; } a.popup-only-media.eael-magnific-link { position: absolute; height: 100%; width: 100%; display: block; z-index: 999999; left: 0; top: 0; } /* -------------------------------- */ /* Dynamic gallery hover styles /* -------------------------------- */ .eael-filter-gallery-container .dynamic-gallery-item-inner .caption { -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } /*fade in */ .eael-filter-gallery-container .dynamic-gallery-item-inner .caption.eael-fade-in { visibility: hidden; opacity: 0; } .eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-fade-in { visibility: visible; opacity: 1; } /*zoom in */ .eael-filter-gallery-container .caption.eael-zoom-in { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); visibility: hidden; opacity: 0; } .eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-zoom-in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } /*-------- slide in up ----------- */ .eael-filter-gallery-container .dynamic-gallery-item-inner .caption.eael-slide-up { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-slide-up { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } /* ---------- Dynamic gallery column ------------ */ /* Incomplete work to do a lot */ @media only screen and (min-width: 1025px) { /* For Desktop: */ .elementor-element.elementor-grid-1 { position: relative; } .elementor-element.elementor-grid-1 .dynamic-gallery-item { width: 100%; float: left; } .elementor-element.elementor-grid-2 { position: relative; } .elementor-element.elementor-grid-2 .dynamic-gallery-item { width: 50%; float: left; } .elementor-element.elementor-grid-2 .dynamic-gallery-item:nth-of-type(2n) { margin-right: 0 !important; } .elementor-element.elementor-grid-2 .dynamic-gallery-item:nth-of-type(2n+1) { clear: left; } .elementor-element.elementor-grid-3 { position: relative; } .elementor-element.elementor-grid-3 .dynamic-gallery-item { width: 33.3333%; float: left; } .elementor-element.elementor-grid-3 .dynamic-gallery-item:nth-of-type(3n) { margin-right: 0 !important; } .elementor-element.elementor-grid-3 .dynamic-gallery-item:nth-of-type(3n+1) { clear: left; } .elementor-element.elementor-grid-4 { position: relative; } .elementor-element.elementor-grid-4 .dynamic-gallery-item { width: 25%; float: left; } .elementor-element.elementor-grid-4 .dynamic-gallery-item:nth-of-type(4n) { margin-right: 0 !important; } .elementor-element.elementor-grid-4 .dynamic-gallery-item:nth-of-type(4n+1) { clear: left; } .elementor-element.elementor-grid-5 { position: relative; } .elementor-element.elementor-grid-5 .pp-logo-grid { margin-right: -5px; } .elementor-element.elementor-grid-5 .dynamic-gallery-item { width: 20%; float: left; } .elementor-element.elementor-grid-5 .dynamic-gallery-item:nth-of-type(5n) { margin-right: 0 !important; } .elementor-element.elementor-grid-5 .dynamic-gallery-item:nth-of-type(5n+1) { clear: left; } .elementor-element.elementor-grid-6 { position: relative; } .elementor-element.elementor-grid-6 .pp-logo-grid { margin-right: -6px; } .elementor-element.elementor-grid-6 .dynamic-gallery-item { width: 16.6667%; float: left; } .elementor-element.elementor-grid-6 .dynamic-gallery-item:nth-of-type(6n) { margin-right: 0 !important; } .elementor-element.elementor-grid-6 .dynamic-gallery-item:nth-of-type(6n+1) { clear: left; } } @media only screen and (max-width: 1024px) and (min-width: 766px) { /* For tablets: */ .elementor-element.elementor-grid-tablet-1 { position: relative; } .elementor-element.elementor-grid-tablet-1 .dynamic-gallery-item { width: 100%; float: left; } .elementor-element.elementor-grid-tablet-2 { position: relative; } .elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item { width: 50%; float: left; } .elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item:nth-of-type(2n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item:nth-of-type(2n+1) { clear: left; } .elementor-element.elementor-grid-tablet-3 { position: relative; } .elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item { width: 33.3333%; float: left; } .elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item:nth-of-type(3n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item:nth-of-type(3n+1) { clear: left; } .elementor-element.elementor-grid-tablet-4 { position: relative; } .elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item { width: 25%; float: left; } .elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item:nth-of-type(4n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item:nth-of-type(4n+1) { clear: left; } .elementor-element.elementor-grid-tablet-5 { position: relative; } .elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item { width: 20%; float: left; } .elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item:nth-of-type(5n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item:nth-of-type(5n+1) { clear: left; } .elementor-element.elementor-grid-tablet-6 { position: relative; } .elementor-element.elementor-grid-tablet-6 .pp-logo-grid { margin-right: -6px; } .elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item { width: 16.6667%; float: left; } .elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item:nth-of-type(6n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item:nth-of-type(6n+1) { clear: left; } } @media only screen and (max-width: 767px) { .elementor-element.elementor-grid-mobile-1 { position: relative; } .elementor-element.elementor-grid-mobile-1 .dynamic-gallery-item { width: 100%; float: left; } .elementor-element.elementor-grid-mobile-2 { position: relative; } .elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item { width: 50%; float: left; } .elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item:nth-of-type(2n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item:nth-of-type(2n+1) { clear: left; } .elementor-element.elementor-grid-mobile-3 { position: relative; } .elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item { width: 33.3333%; float: left; } .elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item:nth-of-type(3n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item:nth-of-type(3n+1) { clear: left; } .elementor-element.elementor-grid-mobile-4 { position: relative; } .elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item { width: 25%; float: left; } .elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item:nth-of-type(4n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item:nth-of-type(4n+1) { clear: left; } .elementor-element.elementor-grid-mobile-5 { position: relative; } .elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item { width: 20%; float: left; } .elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item:nth-of-type(5n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item:nth-of-type(5n+1) { clear: left; } .elementor-element.elementor-grid-mobile-6 { position: relative; } .elementor-element.elementor-grid-mobile-6 .pp-logo-grid { margin-right: -6px; } .elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item { width: 16.6667%; float: left; } .elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item:nth-of-type(6n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item:nth-of-type(6n+1) { clear: left; } } /* 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; } .eael-flip-carousel .flip-custom-nav { display: block; } .eael-image-hotspots { position: relative; } .eael-hot-spot-wrap { cursor: pointer; position: absolute; width: 14px; height: 14px; background: #000; -webkit-border-radius: 50%; border-radius: 50%; font-size: 14px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-hot-spot-image { position: relative; } .eael-hotspot-text { z-index: 5; } .eael-hot-spot-inner { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .eael-hot-spot-inner.hotspot-animation:before { content: ""; display: block; position: absolute; z-index: 0; pointer-events: none; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; left: 0; top: 0; } .eael-hot-spot-inner.hotspot-animation:hover:before { -webkit-animation: none; animation: none; } .eael-hot-spot-inner, .eael-hot-spot-inner:before { background-color: #000; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; height: 100%; position: absolute; width: 100%; } .eael-hotspot-icon { position: relative; } .eael-hotspot-icon-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; height: 100%; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; } .eael-single-tooltip p { margin: 0; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-box-shadow: inset 0 0 1px 1px transparent; box-shadow: inset 0 0 1px 1px transparent; } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-box-shadow: inset 0 0 1px 1px transparent; box-shadow: inset 0 0 1px 1px transparent; } } .tipso_content p:last-child { margin-bottom: 0; } /*--- Tipso Bubble Styles ---*/ .tipso_bubble, .tipso_bubble > .tipso_arrow { -webkit-box-sizing: border-box; box-sizing: border-box; } .tipso_bubble { position: absolute; text-align: center; -webkit-border-radius: 6px; border-radius: 6px; z-index: 9999; } .tipso_style { cursor: help; border-bottom: 1px dotted; } .tipso_title { -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .tipso_content { word-wrap: break-word; padding: 0.5em; } /*--- Tipso Bubble size classes - Similar to Foundation's syntax ---*/ .tipso_bubble.tiny { font-size: 0.6rem; } .tipso_bubble.small { font-size: 0.8rem; } .tipso_bubble.default { font-size: 1rem; } .tipso_bubble.large { font-size: 1.2rem; width: 100%; } /*--- Tipso Bubble Div ---*/ .tipso_bubble > .tipso_arrow { position: absolute; width: 0; height: 0; border: 8px solid; pointer-events: none; } .tipso_bubble.top > .tipso_arrow { border-top-color: #000; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; top: 100%; left: 50%; margin-left: -8px; } .tipso_bubble.bottom > .tipso_arrow { border-bottom-color: #000; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; bottom: 100%; left: 50%; margin-left: -8px; } .tipso_bubble.left > .tipso_arrow { border-left-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; top: 50%; left: 100%; margin-top: -8px; } .tipso_bubble.right > .tipso_arrow { border-right-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; top: 50%; right: 100%; margin-top: -8px; } .tipso_bubble .top_right_corner, .tipso_bubble.top_right_corner { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .tipso_bubble .bottom_right_corner, .tipso_bubble.bottom_right_corner { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .tipso_bubble .top_left_corner, .tipso_bubble.top_left_corner { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .tipso_bubble .bottom_left_corner, .tipso_bubble.bottom_left_corner { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .eael-image-hotspot-align-left .eael-hot-spot-image { margin: auto 0 0 0; } .eael-image-hotspot-align-centered .eael-hot-spot-image { margin: 0 auto; } .eael-image-hotspot-align-right .eael-hot-spot-image { margin: 0 0 0 auto; } .eael-hot-spot-image img { display: block; margin: auto; } .eael-image-scroller { position: relative; overflow: auto; line-height: 0; } .eael-image-scroller img { margin: 0; padding: 0; border: 0; -webkit-border-radius: 0; border-radius: 0; } .eael-image-scroller.eael-image-scroller-horizontal img { width: inherit; max-width: unset; max-height: 100%; } .eael-image-scroller.eael-image-scroller-vertical img { width: 100%; max-width: 100%; height: auto; } .eael-image-scroller.eael-image-scroller-hover { overflow: hidden; } .eael-image-scroller.eael-image-scroller-hover img { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .eael-img-comp-container { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; line-height: 0; margin: 0 auto; overflow: hidden; padding: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .eael-img-comp-container * { -webkit-box-sizing: inherit; box-sizing: inherit; } .eael-img-comp-container::after, .eael-img-comp-container::before { -webkit-box-sizing: inherit; box-sizing: inherit; } .eael-img-comp-container img, .eael-img-comp-container picture > img { max-width: none !important; } .eael-img-comp-container > img, .eael-img-comp-container > picture > img { display: block; width: 100%; } .eael-img-comp-container > div:first-child, picture .eael-img-comp-container > div { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 50%; } .cocoen-drag { background: #fff; bottom: 0; cursor: ew-resize; left: 50%; margin-left: -1px; position: absolute; top: 0; width: 2px; } .cocoen-drag::before { border: 3px solid #fff; content: ""; height: 30px; left: 50%; margin-left: -7px; margin-top: -18px; position: absolute; top: 50%; width: 14px; } .eael-instafeed { width: 100%; margin: auto; } .eael-instafeed .eael-instafeed-item { display: inline-block; line-height: 0; } .eael-instafeed .eael-instafeed-img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .eael-instafeed .eael-instafeed-item, .eael-instafeed .eael-instafeed-item-inner { position: relative; } .eael-instafeed .eael-instafeed-item .eael-instafeed-caption, .eael-instafeed .eael-instafeed-item-inner .eael-instafeed-caption { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } .eael-instafeed .eael-instafeed-item:hover .eael-instafeed-caption, .eael-instafeed .eael-instafeed-item-inner:hover .eael-instafeed-caption { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .elementor-widget-eael-instafeed .eael-load-more-button-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; } .elementor-widget-eael-instafeed .eael-load-more-button-wrap.no-pagination { display: none; } .eael-instafeed-overlay .eael-instafeed-caption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 12px; line-height: 1; } .eael-instafeed-overlay .eael-instafeed-caption .eael-instafeed-caption-inner { position: relative; } .eael-instafeed-overlay.eael-instafeed-overlay-simple .eael-instafeed-caption { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .eael-instafeed-overlay.eael-instafeed-overlay-simple .eael-instafeed-caption .eael-instafeed-caption-inner { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .eael-instafeed-overlay.eael-instafeed-overlay-simple .eael-instafeed-icon { margin-bottom: 20px; } .eael-instafeed-overlay.eael-instafeed-overlay-simple .eael-instafeed-icon i { font-size: 32px; } .eael-instafeed-overlay.eael-instafeed-overlay-simple .eael-instafeed-meta { margin-bottom: 0; } .eael-instafeed-overlay.eael-instafeed-overlay-simple .eael-instafeed-meta span { display: inline-block; margin: 0 10px; } .eael-instafeed-overlay.eael-instafeed-overlay-basic .eael-instafeed-caption { text-align: center; } .eael-instafeed-overlay.eael-instafeed-overlay-basic .eael-instafeed-caption .eael-instafeed-caption-inner { display: block; height: 100%; } .eael-instafeed-overlay.eael-instafeed-overlay-basic .eael-instafeed-caption-text { position: absolute; top: 15px; left: 15px; right: 15px; font-size: 16px; font-weight: 400; line-height: 1.3; margin-bottom: 0; } .eael-instafeed-overlay.eael-instafeed-overlay-basic .eael-instafeed-meta { position: absolute; bottom: 15px; left: 0; right: 0; margin-bottom: 0; } .eael-instafeed-overlay.eael-instafeed-overlay-basic .eael-instafeed-meta span { display: inline-block; margin: 0 10px; } .eael-instafeed-overlay.eael-instafeed-overlay-basic .eael-instafeed-meta span.eael-instafeed-post-time { display: block; margin-bottom: 8px; } .eael-instafeed-overlay.eael-instafeed-overlay-standard .eael-instafeed-caption .eael-instafeed-caption-inner { display: block; height: 100%; } .eael-instafeed-overlay.eael-instafeed-overlay-standard .eael-instafeed-icon { position: absolute; top: 15px; left: 15px; margin-bottom: 0; } .eael-instafeed-overlay.eael-instafeed-overlay-standard .eael-instafeed-icon i { font-size: 38px; } .eael-instafeed-overlay.eael-instafeed-overlay-standard .eael-instafeed-meta { position: absolute; bottom: 15px; left: 15px; right: 15px; margin-bottom: 0; } .eael-instafeed-overlay.eael-instafeed-overlay-standard .eael-instafeed-meta .eael-instafeed-caption-text { font-size: 15px; font-weight: 400; line-height: 1.3; margin-bottom: 12px; } .eael-instafeed-overlay.eael-instafeed-overlay-standard .eael-instafeed-meta span { display: inline-block; margin-right: 10px; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner { border: 1px solid #eeeeee; margin: 10px; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-header { padding: 8px 12px; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-header .eael-instafeed-item-user { float: left; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-header .eael-instafeed-item-user .eael-instafeed-avatar { float: left; display: inline-block; width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-header .eael-instafeed-item-user .eael-instafeed-username { float: left; display: inline-block; font-size: 14px; font-weight: 400; line-height: 32px; margin: 0; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-header .eael-instafeed-post-time { float: right; font-size: 11px; line-height: 32px; margin-right: 10px; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-header .eael-instafeed-icon { float: right; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-header .eael-instafeed-icon i { font-size: 32px; background: -webkit-linear-gradient(#f9ed41, #e7407b); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-content { position: relative; display: block; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-content .eael-instafeed-caption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-content .eael-instafeed-caption .eael-instafeed-caption-inner { display: block; height: 100%; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-content .eael-instafeed-caption-text { position: absolute; bottom: 15px; left: 15px; right: 15px; font-size: 15px; font-weight: 400; line-height: 1.3; margin-bottom: 0; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-footer { padding: 12px; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-footer span { display: inline-block; font-size: 13px; font-weight: 400; line-height: 30px; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-footer span.eael-instafeed-post-likes { margin-right: 10px; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-footer span.eael-instafeed-post-time { float: right; } .eael-instafeed-card .eael-instafeed-item .eael-instafeed-item-inner .eael-instafeed-item-footer .eael-instafeed-caption-text { font-size: 13px; font-weight: 400; line-height: 1.3; margin-top: 5px; margin-bottom: 0; } @media only screen and (min-width: 1025px) { /* For Desktop: */ .instafeed-gallery-eael-col-1 { position: relative; } .instafeed-gallery-eael-col-1 .eael-instafeed-item { width: 100%; float: left; } .instafeed-gallery-eael-col-2 { position: relative; } .instafeed-gallery-eael-col-2 .eael-instafeed-item { width: 50%; float: left; } .instafeed-gallery-eael-col-2 .eael-instafeed-item:nth-of-type(2n) { margin-right: 0 !important; } .instafeed-gallery-eael-col-2 .eael-instafeed-item:nth-of-type(2n+1) { clear: left; } .instafeed-gallery-eael-col-3 { position: relative; } .instafeed-gallery-eael-col-3 .eael-instafeed-item { width: 33.3333%; float: left; } .instafeed-gallery-eael-col-3 .eael-instafeed-item:nth-of-type(3n) { margin-right: 0 !important; } .instafeed-gallery-eael-col-3 .eael-instafeed-item:nth-of-type(3n+1) { clear: left; } .instafeed-gallery-eael-col-4 { position: relative; } .instafeed-gallery-eael-col-4 .eael-instafeed-item { width: 25%; float: left; } .instafeed-gallery-eael-col-4 .eael-instafeed-item:nth-of-type(4n) { margin-right: 0 !important; } .instafeed-gallery-eael-col-4 .eael-instafeed-item:nth-of-type(4n+1) { clear: left; } .instafeed-gallery-eael-col-5 { position: relative; } .instafeed-gallery-eael-col-5 .pp-logo-grid { margin-right: -5px; } .instafeed-gallery-eael-col-5 .eael-instafeed-item { width: 20%; float: left; } .instafeed-gallery-eael-col-5 .eael-instafeed-item:nth-of-type(5n) { margin-right: 0 !important; } .instafeed-gallery-eael-col-5 .eael-instafeed-item:nth-of-type(5n+1) { clear: left; } .instafeed-gallery-eael-col-6 { position: relative; } .instafeed-gallery-eael-col-6 .pp-logo-grid { margin-right: -6px; } .instafeed-gallery-eael-col-6 .eael-instafeed-item { width: 16%; float: left; } .instafeed-gallery-eael-col-6 .eael-instafeed-item:nth-of-type(6n) { margin-right: 0 !important; } .instafeed-gallery-eael-col-6 .eael-instafeed-item:nth-of-type(6n+1) { clear: left; } } @media only screen and (max-width: 1024px) and (min-width: 766px) { /* For tablets: */ .instafeed-gallery-tablet-eael-col-1 { position: relative; } .instafeed-gallery-tablet-eael-col-1 .eael-instafeed-item { width: 100%; float: left; } .instafeed-gallery-tablet-eael-col-2 { position: relative; } .instafeed-gallery-tablet-eael-col-2 .eael-instafeed-item { width: 50%; float: left; } .instafeed-gallery-tablet-eael-col-2 .eael-instafeed-item:nth-of-type(2n) { margin-right: 0 !important; } .instafeed-gallery-tablet-eael-col-2 .eael-instafeed-item:nth-of-type(2n+1) { clear: left; } .instafeed-gallery-tablet-eael-col-3 { position: relative; } .instafeed-gallery-tablet-eael-col-3 .eael-instafeed-item { width: 33.3333%; float: left; } .instafeed-gallery-tablet-eael-col-3 .eael-instafeed-item:nth-of-type(3n) { margin-right: 0 !important; } .instafeed-gallery-tablet-eael-col-3 .eael-instafeed-item:nth-of-type(3n+1) { clear: left; } .instafeed-gallery-tablet-eael-col-4 { position: relative; } .instafeed-gallery-tablet-eael-col-4 .eael-instafeed-item { width: 25%; float: left; } .instafeed-gallery-tablet-eael-col-4 .eael-instafeed-item:nth-of-type(4n) { margin-right: 0 !important; } .instafeed-gallery-tablet-eael-col-4 .eael-instafeed-item:nth-of-type(4n+1) { clear: left; } .instafeed-gallery-tablet-eael-col-5 { position: relative; } .instafeed-gallery-tablet-eael-col-5 .eael-instafeed-item { width: 20%; float: left; } .instafeed-gallery-tablet-eael-col-5 .eael-instafeed-item:nth-of-type(5n) { margin-right: 0 !important; } .instafeed-gallery-tablet-eael-col-5 .eael-instafeed-item:nth-of-type(5n+1) { clear: left; } .instafeed-gallery-tablet-eael-col-6 { position: relative; } .instafeed-gallery-tablet-eael-col-6 .pp-logo-grid { margin-right: -6px; } .instafeed-gallery-tablet-eael-col-6 .eael-instafeed-item { width: 16%; float: left; } .instafeed-gallery-tablet-eael-col-6 .eael-instafeed-item:nth-of-type(6n) { margin-right: 0 !important; } .instafeed-gallery-tablet-eael-col-6 .eael-instafeed-item:nth-of-type(6n+1) { clear: left; } } @media only screen and (max-width: 767px) { .instafeed-gallery-mobile-eael-col-1 { position: relative; } .instafeed-gallery-mobile-eael-col-1 .eael-instafeed-item { width: 100%; float: left; } .instafeed-gallery-mobile-eael-col-2 { position: relative; } .instafeed-gallery-mobile-eael-col-2 .eael-instafeed-item { width: 50%; float: left; } .instafeed-gallery-mobile-eael-col-2 .eael-instafeed-item:nth-of-type(2n) { margin-right: 0 !important; } .instafeed-gallery-mobile-eael-col-2 .eael-instafeed-item:nth-of-type(2n+1) { clear: left; } .instafeed-gallery-mobile-eael-col-3 { position: relative; } .instafeed-gallery-mobile-eael-col-3 .eael-instafeed-item { width: 33.3333%; float: left; } .instafeed-gallery-mobile-eael-col-3 .eael-instafeed-item:nth-of-type(3n) { margin-right: 0 !important; } .instafeed-gallery-mobile-eael-col-3 .eael-instafeed-item:nth-of-type(3n+1) { clear: left; } .instafeed-gallery-mobile-eael-col-4 { position: relative; } .instafeed-gallery-mobile-eael-col-4 .eael-instafeed-item { width: 25%; float: left; } .instafeed-gallery-mobile-eael-col-4 .eael-instafeed-item:nth-of-type(4n) { margin-right: 0 !important; } .instafeed-gallery-mobile-eael-col-4 .eael-instafeed-item:nth-of-type(4n+1) { clear: left; } .instafeed-gallery-mobile-eael-col-5 { position: relative; } .instafeed-gallery-mobile-eael-col-5 .eael-instafeed-item { width: 20%; float: left; } .instafeed-gallery-mobile-eael-col-5 .eael-instafeed-item:nth-of-type(5n) { margin-right: 0 !important; } .instafeed-gallery-mobile-eael-col-5 .eael-instafeed-item:nth-of-type(5n+1) { clear: left; } .instafeed-gallery-mobile-eael-col-6 { position: relative; } .instafeed-gallery-mobile-eael-col-6 .pp-logo-grid { margin-right: -6px; } .instafeed-gallery-mobile-eael-col-6 .eael-instafeed-item { width: 16%; float: left; } .instafeed-gallery-mobile-eael-col-6 .eael-instafeed-item:nth-of-type(6n) { margin-right: 0 !important; } .instafeed-gallery-mobile-eael-col-6 .eael-instafeed-item:nth-of-type(6n+1) { clear: left; } } .eael-interactive-promo { list-style: outside none none; margin: 0 auto; max-width: 100%; position: relative; text-align: center; } /* Common style */ .eael-interactive-promo figure { position: relative; overflow: hidden; margin: 10px 0; width: 100%; text-align: center; cursor: pointer; background-color: #3085a3; } .eael-interactive-promo figure img { position: relative; display: block; max-width: 100%; opacity: 0.8; } .eael-interactive-promo figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .eael-interactive-promo figure figcaption h2 { font-size: 1.25em; } .eael-interactive-promo figure figcaption::before, .eael-interactive-promo figure figcaption::after { pointer-events: none; } .eael-interactive-promo figure figcaption, .eael-interactive-promo figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .eael-interactive-promo figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .elementor-editor-active .eael-interactive-promo figure figcaption > a { z-index: 1; } .eael-interactive-promo figure h2 { font-weight: bolder; } .eael-interactive-promo figure h2 span { font-weight: 800; } .eael-interactive-promo figure h2, .eael-interactive-promo figure p, .eael-interactive-promo figure ul, .eael-interactive-promo figure ol { margin: 0; } .eael-interactive-promo figure p, .eael-interactive-promo figure ul, .eael-interactive-promo figure ol { letter-spacing: 1px; font-size: 62.5%; } /*--- Lily ---*/ figure.effect-lily img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } figure.effect-lily figcaption { text-align: left; } figure.effect-lily figcaption > div { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%; } figure.effect-lily h2, figure.effect-lily p, figure.effect-lily ul, figure.effect-lily ol { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } figure.effect-lily h2 { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-lily p, figure.effect-lily ul, figure.effect-lily ol { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, -webkit-transform 0.35s; -o-transition: opacity 0.2s, transform 0.35s; transition: opacity 0.2s, transform 0.35s; transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-lily:hover img, figure.effect-lily:hover p, figure.effect-lily:hover ul, figure.effect-lily:hover ol { opacity: 1; } figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p, figure.effect-lily:hover ul, figure.effect-lily:hover ol { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-lily:hover p, figure.effect-lily:hover ul, figure.effect-lily:hover ol { -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; } /*--- Sadie ---*/ figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 76, 97, 0)), color-stop(75%, rgba(72, 76, 97, 0.8))); background: -o-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); content: ""; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } figure.effect-sadie h2 { position: absolute; top: 50%; left: 0; width: 100%; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; -webkit-transition: color 0.35s, -webkit-transform 0.35s; transition: color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } figure.effect-sadie figcaption::before, figure.effect-sadie p, figure.effect-sadie ul, figure.effect-sadie ol { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-sadie p, figure.effect-sadie ul, figure.effect-sadie ol { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } figure.effect-sadie:hover h2 { color: #fff; -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); } figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p, figure.effect-sadie:hover ul, figure.effect-sadie:hover ol { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*--- Layla ---*/ figure.effect-layla { background-color: #18a367; } figure.effect-layla img { height: auto; max-width: -webkit-calc(100% + 30px); max-width: calc(100% + 30px); width: -webkit-calc(100% + 30px); width: calc(100% + 30px); } figure.effect-layla figcaption { padding: 3em; } figure.effect-layla figcaption::before, figure.effect-layla figcaption::after { position: absolute; content: ""; opacity: 0; } figure.effect-layla figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } figure.effect-layla figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } figure.effect-layla h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-layla p, figure.effect-layla ul, figure.effect-layla ol { padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } figure.effect-layla img, figure.effect-layla h2 { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(-30px, 0, 0); } figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p, figure.effect-layla ul, figure.effect-layla ol { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover ul, figure.effect-layla:hover ol { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img, figure.effect-layla:hover ul, figure.effect-layla:hover ol { -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } /*--- Oscar ---*/ figure.effect-oscar { background: -o-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); } figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-oscar figcaption { padding: 3em; background-color: rgba(58, 52, 42, 0.7); -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ""; } figure.effect-oscar h2 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } figure.effect-oscar figcaption::before, figure.effect-oscar p, figure.effect-oscar ul, figure.effect-oscar ol { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p, figure.effect-oscar:hover ul, figure.effect-oscar:hover ol { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58, 52, 42, 0); } figure.effect-oscar:hover img { opacity: 0.4; } /*--- Marley ---*/ figure.effect-marley figcaption { text-align: right; } figure.effect-marley h2, figure.effect-marley p, figure.effect-marley ul, figure.effect-marley ol { position: absolute; right: 30px; left: 30px; padding: 10px 0; } figure.effect-marley p, figure.effect-marley ul, figure.effect-marley ol { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } figure.effect-marley h2 { top: 30px; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } figure.effect-marley:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-marley h2::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background-color: #fff; content: ""; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } figure.effect-marley h2::after, figure.effect-marley p, figure.effect-marley ul, figure.effect-marley ol { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-marley:hover h2::after, figure.effect-marley:hover p, figure.effect-marley:hover ul, figure.effect-marley:hover ol { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*--- Ruby ---*/ figure.effect-ruby { background-color: #17819c; } figure.effect-ruby img { opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } figure.effect-ruby:hover img { opacity: 0.5; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-ruby h2 { margin-top: 5%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } figure.effect-ruby p, figure.effect-ruby ul, figure.effect-ruby ol { margin: 1em 0 0; padding: 3em; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0) scale(1.1); transform: translate3d(0, 20px, 0) scale(1.1); } figure.effect-ruby:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-ruby:hover p, figure.effect-ruby:hover ul, figure.effect-ruby:hover ol { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /*--- Roxy ---*/ figure.effect-roxy { background: -o-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); } figure.effect-roxy img { max-width: none; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-20px, 0, 0); } figure.effect-roxy figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ""; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } figure.effect-roxy figcaption { padding: 3em; text-align: left; } figure.effect-roxy h2 { padding: 30% 0 10px 0; } figure.effect-roxy p, figure.effect-roxy ul, figure.effect-roxy ol { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p, figure.effect-roxy:hover ul, figure.effect-roxy:hover ol { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*--- Bubba ---*/ figure.effect-bubba { background: #9e5406; } figure.effect-bubba img { opacity: 0.7; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-bubba:hover img { opacity: 0.4; } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ""; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } figure.effect-bubba h2 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } figure.effect-bubba p, figure.effect-bubba ul, figure.effect-bubba ol { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-bubba:hover h2, figure.effect-bubba:hover p, figure.effect-bubba:hover ul, figure.effect-bubba:hover ol { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*--- Romeo ---*/ figure.effect-romeo { -webkit-perspective: 1000px; perspective: 1000px; } figure.effect-romeo img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 0, 300px); transform: translate3d(0, 0, 300px); } figure.effect-romeo:hover img { opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ""; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } figure.effect-romeo:hover figcaption::before { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } figure.effect-romeo:hover figcaption::after { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); } figure.effect-romeo h2, figure.effect-romeo p, figure.effect-romeo ul, figure.effect-romeo ol { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-romeo h2 { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); } figure.effect-romeo p, figure.effect-romeo ul, figure.effect-romeo ol { padding: 0.25em 2em; -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0); transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0); } figure.effect-romeo:hover h2 { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); } figure.effect-romeo:hover p, figure.effect-romeo:hover ul, figure.effect-romeo:hover ol { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); } /*--- Sarah ---*/ figure.effect-sarah { background: #42b078; } figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-sarah:hover img { opacity: 0.4; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-sarah figcaption { text-align: left; } figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; } figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ""; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-sarah p, figure.effect-sarah ul, figure.effect-sarah ol { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } figure.effect-sarah:hover p, figure.effect-sarah:hover ul, figure.effect-sarah:hover ol { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*--- Chico ---*/ figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-chico figcaption { padding: 3em; } figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ""; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } figure.effect-chico figcaption::before, figure.effect-chico p, figure.effect-chico ul, figure.effect-chico ol { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-chico h2 { padding: 20% 0 20px 0; } figure.effect-chico p, figure.effect-chico ul, figure.effect-chico ol { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p, figure.effect-chico:hover ul, figure.effect-chico:hover ol { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*--- Milo ---*/ figure.effect-milo { background: #2e5d5a; } figure.effect-milo img { max-width: none; width: -webkit-calc(100% + 60px); width: 100%; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-30px, 0, 0) scale(1.12); transform: translate3d(-30px, 0, 0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-milo:hover img { opacity: 0.5; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } figure.effect-milo h2 { position: absolute; right: 0; bottom: 0; padding: 1em 1.2em; } figure.effect-milo p, figure.effect-milo ul, figure.effect-milo ol { padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } figure.effect-milo:hover p, figure.effect-milo:hover ul, figure.effect-milo:hover ol { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*--- Apollo ---*/ figure.effect-apollo { background: #3498db; } figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ""; -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; -o-transition: transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); } figure.effect-apollo p, figure.effect-apollo ul, figure.effect-apollo ol { position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-apollo h2 { text-align: left; } figure.effect-apollo:hover img { opacity: 0.6; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); } figure.effect-apollo:hover p, figure.effect-apollo:hover ul, figure.effect-apollo:hover ol { opacity: 1; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } /*--- Jazz ---*/ figure.effect-jazz { background: -o-linear-gradient(135deg, #f3cf3f 0%, #f33f58 100%); background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); } figure.effect-jazz img { opacity: 0.9; } figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p, figure.effect-jazz ul, figure.effect-jazz ol { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ""; opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-jazz h2, figure.effect-jazz p, figure.effect-jazz ul, figure.effect-jazz ol { opacity: 1; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } figure.effect-jazz h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-jazz p, figure.effect-jazz ul, figure.effect-jazz ol { padding: 0.5em 2em; text-transform: none; font-size: 0.85em; opacity: 0; } figure.effect-jazz:hover img { opacity: 0.7; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); } figure.effect-jazz:hover h2, figure.effect-jazz:hover p, figure.effect-jazz:hover ul, figure.effect-jazz:hover ol { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /*--- Ming ---*/ figure.effect-ming { background: #030c17; } figure.effect-ming img { opacity: 0.9; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-ming figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2); content: ""; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } figure.effect-ming h2 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-ming p, figure.effect-ming ul, figure.effect-ming ol { padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } figure.effect-ming:hover h2 { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p, figure.effect-ming:hover ul, figure.effect-ming:hover ol { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } figure.effect-ming:hover figcaption { background-color: rgba(58, 52, 42, 0); } figure.effect-ming:hover img { opacity: 0.4; } /*---------------------------------------------------*/ /* 07. Responsive Styles for Interactive Promo /*---------------------------------------------------*/ @media only screen and (max-width: 480px) { .eael-interactive-promo figure figcaption h2 { font-size: 0.8em; } .eael-interactive-promo figure p, .eael-interactive-promo figure ul, .eael-interactive-promo figure ol { font-size: 50%; } .eael-interactive-promo figure figcaption { padding: 10px 40px !important; } .eael-interactive-promo figure.effect-bubba figcaption { padding: 0 10px !important; } .eael-interactive-promo figure.effect-bubba h2 { padding-top: 50px; } .eael-interactive-promo figure.effect-romeo p, .eael-interactive-promo figure.effect-romeo ul, .eael-interactive-promo figure.effect-romeo ol { top: 50px; } .eael-interactive-promo figure.effect-romeo:hover p, .eael-interactive-promo figure.effect-romeo:hover ul, .eael-interactive-promo figure.effect-romeo:hover ol { top: 65px; } .eael-interactive-promo figure.effect-lily figcaption > div { height: 80%; } } .eael-learndash-wrapper.eael-3d-hover { -webkit-perspective: 5000px; perspective: 5000px; } .eael-learndash-wrapper .eael-learn-dash-course .eael-learn-dash-course-inner { background: #fff; -webkit-box-shadow: 0px 10px 120px rgba(116, 83, 198, 0.15); box-shadow: 0px 10px 120px rgba(116, 83, 198, 0.15); margin: 15px; -webkit-border-radius: 10px; border-radius: 10px; } .eael-learndash-wrapper .eael-learn-dash-course .eael-learn-dash-course-inner .eael-learn-dash-course-header { padding: 15px 35px 10px; text-align: center; } .eael-learndash-wrapper .eael-learn-dash-course .eael-learn-dash-course-inner .course-tag { color: #7453c6; display: inline-block; font-weight: 500; background: rgba(108, 98, 255, 0.2); padding: 8px 18px 8px; line-height: 1; -webkit-border-radius: 50px; border-radius: 50px; font-size: 12px; text-transform: capitalize; margin-right: 10px; margin-bottom: 5px; } .eael-learndash-wrapper .eael-learn-dash-course .eael-learn-dash-course-inner .course-tag:last-child { margin-right: 0px; } .eael-learndash-wrapper .eael-learn-dash-course .eael-learn-dash-course-inner .eael-learn-dash-course-thumbnail { display: block; position: relative; } .eael-learndash-wrapper .eael-learn-dash-course .eael-learn-dash-course-inner .eael-learn-dash-course-thumbnail img { width: 100%; -webkit-border-radius: 10px; border-radius: 10px; } .eael-learndash-wrapper .eael-learn-dash-course .eael-learn-deash-course-content-card { text-align: center; padding: 0 36px 20px; } .eael-learndash-wrapper .eael-learn-dash-course .course-card-title { font-size: 18px; font-weight: 600; line-height: 30px; padding-top: 20px; margin-bottom: 18px; } .eael-learndash-wrapper .eael-learn-dash-course .course-card-title a { color: #485771; } .eael-learndash-wrapper .eael-learn-dash-course .eael-course-button { margin-top: 15px; color: #fff; background: #7453c6; display: inline-block; padding: 12px 30px; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0px 10px 15px -5px rgba(116, 83, 198, 0.4); box-shadow: 0px 10px 15px -5px rgba(116, 83, 198, 0.4); } .eael-learndash-wrapper .eael-learn-dash-course .layout-button-wrap { text-align: center; } .eael-learndash-wrapper.layout__1 .eael-learn-dash-course-inner { margin-bottom: 45px; } .eael-learndash-wrapper.layout__1 .eael-learn-deash-course-content-card { position: relative; } .eael-learndash-wrapper.layout__1 .course-button-wrap { text-align: center; position: relative; top: 47px; margin-top: -47px; } .eael-learndash-wrapper.layout__1 .course-button-wrap .eael-course-button { margin-top: 0; } .eael-learndash-wrapper.layout__1 a.eael-learn-dash-course-thumbnail { position: relative; } .eael-learndash-wrapper.layout__1 .price-ticker-tag { position: absolute; left: 0; bottom: 15px; width: 24%; height: 42px; background: rgba(255, 255, 255, 0.9); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 25px; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; font-weight: 600; color: #7453c6; font-size: 16px; } .eael-learndash-wrapper.layout__1 .eael-learn-dash-author-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .eael-learndash-wrapper.layout__1 .eael-learn-dash-author-meta .author-image { -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-right: 15px; } .eael-learndash-wrapper.layout__1 .eael-learn-dash-author-meta .author-desc { text-align: left; } .eael-learndash-wrapper.layout__1 .eael-learn-dash-author-meta .author-desc h5 { font-size: 14px; margin: 0; text-transform: uppercase; font-weight: 500; } .eael-learndash-wrapper.layout__1 .eael-learn-dash-author-meta .author-desc h5 a { color: #475671; } .eael-learndash-wrapper.layout__1 .eael-learn-dash-author-meta .author-desc p { margin: 0; font-size: 13px; color: #7484a1; font-weight: 500; } .eael-learndash-wrapper.layout__1 .eael-learn-dash-course-short-desc { margin-bottom: 20px; } .eael-learndash-wrapper.layout__1 .eael-learn-deash-course-content-card { text-align: left; } .eael-learndash-wrapper.layout__2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .eael-learndash-wrapper.layout__2 .eael-course-button { margin-top: 20px; } .eael-learndash-wrapper.layout__2 .course-card-title { margin-bottom: 6px; } .eael-learndash-wrapper.default .card-price, .eael-learndash-wrapper.layout__3 .card-price { position: absolute; right: 20px; top: 20px; height: 50px; width: 50px; background: #7453c6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; font-size: small; } .eael-learndash-wrapper.layout__3 .eael-course-layout-3.card-style .eael-learn-dash-course-inner { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-transition: -webkit-box-shadow 0.5s; transition: -webkit-box-shadow 0.5s; -o-transition: box-shadow 0.5s; transition: box-shadow 0.5s; transition: box-shadow 0.5s, -webkit-box-shadow 0.5s; -webkit-border-radius: 0px; border-radius: 0px; position: relative; } .eael-learndash-wrapper.layout__3 a.card-thumb { display: block; background: #000; position: relative; overflow: hidden; } .eael-learndash-wrapper.layout__3 a.card-thumb img { width: 100%; opacity: 1; display: block; } .eael-learndash-wrapper.layout__3 .card-body { position: relative; -webkit-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; padding: 15px 30px 24px; overflow: hidden; } .eael-learndash-wrapper.layout__3 .eael-learn-dash-course-short-desc { line-height: 27px; } .eael-learndash-wrapper.layout__3 .eael-learn-dash-course-meta-card span.enrolled-count { margin-left: 0; } .eael-learndash-wrapper.layout__3 .eael-learn-dash-course-meta-card > span { color: #4b5981; font-size: small; } .eael-learndash-wrapper.layout__3 .eael-learn-dash-course-meta-card span.enrolled-count { margin-right: 10px; } .eael-learndash-wrapper.layout__3 .course-card-title { padding-top: 0; margin-bottom: 14px; } .eael-learndash-wrapper.layout__3 .eael-course-button { margin-top: 15px; } .eael-learndash-wrapper.default .eael-learn-dash-course.eael-course-default-layout .eael-learn-deash-course-content-card { text-align: left; } .eael-learndash-wrapper.default .eael-learn-dash-course.eael-course-default-layout .eael-learn-dash-course-header { padding: 15px 0px 5px; } .eael-learn-dash-course .learndash-wrapper.learndash-widget .ld-progress { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; margin-bottom: 0; } .eael-learn-dash-course .learndash-wrapper.learndash-widget .ld-progress .ld-progress-percentage { color: #7453c6; margin: 0; } .eael-learn-dash-course .learndash-wrapper.learndash-widget .ld-progress .ld-progress-bar-percentage { background: #7453c6; } .eael-learn-dash-course .learndash-wrapper.learndash-widget .ld-progress .ld-progress-steps { display: none; } .eael-learndash-wrapper .learndash-wrapper .ld-progress.ld-progress-inline { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .card-footer { padding: 10px 15px; border-top: 1px solid #e5e5f5ef; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .card-footer > a, .card-footer > span { margin: 0; padding: 5px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 5px; border-radius: 5px; color: #9253c6; border: 2px solid rgba(108, 98, 255, 0.4); font-weight: 600; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .course-price:hover, .course-card-cat:hover { color: #ffffff; } .card-footer > a:hover, .card-footer > span:hover { background: #9253c6; } .card-footer a i { margin-right: 5px; } a.eael-course-card-button:hover, a.eael-course-card-button:hover i { color: #ffffff; } .eael-learn-dash-course-meta-card span { color: #7453c6; font-size: 16px; } .eael-learn-dash-course-meta-card span.price { font-size: 24px; font-weight: 600; position: relative; top: 3px; } .eael-learn-dash-course-meta-card span.enrolled-count { margin: 0 25px; } .eael-learn-dash-course-meta-card span i { margin-right: 8px; } .eael-learn-dash-course-short-desc { font-size: 15px; line-height: 26px; color: #7484a1; margin-top: 5px; } .eael-learn-dash-course-short-desc p { margin: 0px; } .price-tikcer-position-left-top .eael-learndash-wrapper.layout__1 .price-ticker-tag { left: 0; right: auto; bottom: auto; top: 15px; } .price-tikcer-position-right-bottom .eael-learndash-wrapper.layout__1 .price-ticker-tag { left: auto; right: 0; bottom: 15px; top: auto; margin-right: 0 !important; -webkit-border-radius: 50px 0px 0px 50px; border-radius: 50px 0px 0px 50px; } .price-tikcer-position-right-top .eael-learndash-wrapper.layout__1 .price-ticker-tag { left: auto; right: 0; bottom: auto; top: 15px; margin-right: 0 !important; -webkit-border-radius: 50px 0px 0px 50px; border-radius: 50px 0px 0px 50px; } .course-author-meta-inline { font-size: 14px; } .eael-learn-dash-course-inner .course-author-meta-inline img { height: 25px; width: 25px; -webkit-border-radius: 50%; border-radius: 50%; } .eael-learn-dash-course-inner .course-author-meta-inline span { font-size: 14px; color: #929aae; margin: 0 2px 0 2px; } .eael-learn-dash-course-inner .course-author-meta-inline > a { color: #4b5981; font-weight: 500; text-transform: capitalize; } .eael-learn-dash-course.eael-course-default-layout .card-footer { padding: 15px 0 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; } .eael-learndash-wrapper.layout__1 .learndash-wrapper .ld-progress.ld-progress-inline { margin-top: 0; margin-bottom: 15px; } .course-steps-label-yes .eael-learn-dash-course .learndash-wrapper.learndash-widget .ld-progress .ld-progress-steps { display: block; margin-left: 15px; } /*--- Gallery Column CSS ---*/ @media only screen and (min-width: 1025px) { /* For Desktop: */ .elementor-element.elementor-grid-1 { position: relative; } .elementor-element.elementor-grid-1 .eael-learn-dash-course { width: 100%; float: left; } .elementor-element.elementor-grid-2 { position: relative; } .elementor-element.elementor-grid-2 .eael-learn-dash-course { width: 50%; float: left; } .elementor-element.elementor-grid-2 .eael-learn-dash-course:nth-of-type(2n) { margin-right: 0 !important; } .elementor-element.elementor-grid-2 .eael-learn-dash-course:nth-of-type(2n+1) { clear: left; } .elementor-element.elementor-grid-3 { position: relative; } .elementor-element.elementor-grid-3 .eael-learn-dash-course { width: 33.3333%; float: left; } .elementor-element.elementor-grid-3 .eael-learn-dash-course:nth-of-type(3n) { margin-right: 0 !important; } .elementor-element.elementor-grid-3 .eael-learn-dash-course:nth-of-type(3n+1) { clear: left; } .elementor-element.elementor-grid-4 { position: relative; } .elementor-element.elementor-grid-4 .eael-learn-dash-course { width: 25%; float: left; } .elementor-element.elementor-grid-4 .eael-learn-dash-course:nth-of-type(4n) { margin-right: 0 !important; } .elementor-element.elementor-grid-4 .eael-learn-dash-course:nth-of-type(4n+1) { clear: left; } .elementor-element.elementor-grid-5 { position: relative; } .elementor-element.elementor-grid-5 .pp-logo-grid { margin-right: -5px; } .elementor-element.elementor-grid-5 .eael-learn-dash-course { width: 20%; float: left; } .elementor-element.elementor-grid-5 .eael-learn-dash-course:nth-of-type(5n) { margin-right: 0 !important; } .elementor-element.elementor-grid-5 .eael-learn-dash-course:nth-of-type(5n+1) { clear: left; } .elementor-element.elementor-grid-6 { position: relative; } .elementor-element.elementor-grid-6 .pp-logo-grid { margin-right: -6px; } .elementor-element.elementor-grid-6 .eael-learn-dash-course { width: 16.6667%; float: left; } .elementor-element.elementor-grid-6 .eael-learn-dash-course:nth-of-type(6n) { margin-right: 0 !important; } .elementor-element.elementor-grid-6 .eael-learn-dash-course:nth-of-type(6n+1) { clear: left; } } @media only screen and (max-width: 1024px) and (min-width: 766px) { /* For tablets: */ .elementor-element.elementor-grid-tablet-1 { position: relative; } .elementor-element.elementor-grid-tablet-1 .eael-learn-dash-course { width: 100%; float: left; } .elementor-element.elementor-grid-tablet-2 { position: relative; } .elementor-element.elementor-grid-tablet-2 .eael-learn-dash-course { width: 50%; float: left; } .elementor-element.elementor-grid-tablet-2 .eael-learn-dash-course:nth-of-type(2n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-2 .eael-learn-dash-course:nth-of-type(2n+1) { clear: left; } .elementor-element.elementor-grid-tablet-3 { position: relative; } .elementor-element.elementor-grid-tablet-3 .eael-learn-dash-course { width: 33.3333%; float: left; } .elementor-element.elementor-grid-tablet-3 .eael-learn-dash-course:nth-of-type(3n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-3 .eael-learn-dash-course:nth-of-type(3n+1) { clear: left; } .elementor-element.elementor-grid-tablet-4 { position: relative; } .elementor-element.elementor-grid-tablet-4 .eael-learn-dash-course { width: 25%; float: left; } .elementor-element.elementor-grid-tablet-4 .eael-learn-dash-course:nth-of-type(4n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-4 .eael-learn-dash-course:nth-of-type(4n+1) { clear: left; } .elementor-element.elementor-grid-tablet-5 { position: relative; } .elementor-element.elementor-grid-tablet-5 .eael-learn-dash-course { width: 20%; float: left; } .elementor-element.elementor-grid-tablet-5 .eael-learn-dash-course:nth-of-type(5n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-5 .eael-learn-dash-course:nth-of-type(5n+1) { clear: left; } .elementor-element.elementor-grid-tablet-6 { position: relative; } .elementor-element.elementor-grid-tablet-6 .pp-logo-grid { margin-right: -6px; } .elementor-element.elementor-grid-tablet-6 .eael-learn-dash-course { width: 16.6667%; float: left; } .elementor-element.elementor-grid-tablet-6 .eael-learn-dash-course:nth-of-type(6n) { margin-right: 0 !important; } .elementor-element.elementor-grid-tablet-6 .eael-learn-dash-course:nth-of-type(6n+1) { clear: left; } } @media only screen and (max-width: 767px) { .elementor-element.elementor-grid-mobile-1 { position: relative; } .elementor-element.elementor-grid-mobile-1 .eael-learn-dash-course { width: 100%; float: left; } .elementor-element.elementor-grid-mobile-2 { position: relative; } .elementor-element.elementor-grid-mobile-2 .eael-learn-dash-course { width: 50%; float: left; } .elementor-element.elementor-grid-mobile-2 .eael-learn-dash-course:nth-of-type(2n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-2 .eael-learn-dash-course:nth-of-type(2n+1) { clear: left; } .elementor-element.elementor-grid-mobile-3 { position: relative; } .elementor-element.elementor-grid-mobile-3 .eael-learn-dash-course { width: 33.3333%; float: left; } .elementor-element.elementor-grid-mobile-3 .eael-learn-dash-course:nth-of-type(3n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-3 .eael-learn-dash-course:nth-of-type(3n+1) { clear: left; } .elementor-element.elementor-grid-mobile-4 { position: relative; } .elementor-element.elementor-grid-mobile-4 .eael-learn-dash-course { width: 25%; float: left; } .elementor-element.elementor-grid-mobile-4 .eael-learn-dash-course:nth-of-type(4n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-4 .eael-learn-dash-course:nth-of-type(4n+1) { clear: left; } .elementor-element.elementor-grid-mobile-5 { position: relative; } .elementor-element.elementor-grid-mobile-5 .eael-learn-dash-course { width: 20%; float: left; } .elementor-element.elementor-grid-mobile-5 .eael-learn-dash-course:nth-of-type(5n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-5 .eael-learn-dash-course:nth-of-type(5n+1) { clear: left; } .elementor-element.elementor-grid-mobile-6 { position: relative; } .elementor-element.elementor-grid-mobile-6 .pp-logo-grid { margin-right: -6px; } .elementor-element.elementor-grid-mobile-6 .eael-learn-dash-course { width: 16.6667%; float: left; } .elementor-element.elementor-grid-mobile-6 .eael-learn-dash-course:nth-of-type(6n) { margin-right: 0 !important; } .elementor-element.elementor-grid-mobile-6 .eael-learn-dash-course:nth-of-type(6n+1) { clear: left; } } .eael-modal-popup-button, .eael-lightbox-btn > i, .eael-lightbox-btn > img { cursor: pointer; } button.mfp-close { background: transparent; } .eael-lightbox-modal-window, .eael-lightbox-popup-window { position: relative; display: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px auto; } .eael-lightbox-popup-standard .mfp-iframe-holder .mfp-content { max-width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1400px) { .eael-lightbox-modal-window, .eael-lightbox-popup-window { max-width: 1200px; } } /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { .eael-lightbox-modal-window, .eael-lightbox-popup-window { max-width: 900px; } } /* Mobile Layout: 320px. */ @media only screen and (max-width: 767px) { .eael-lightbox-modal-window, .eael-lightbox-popup-window { max-width: 300px; } } /* Wide Mobile Layout: 480px. */ @media only screen and (min-width: 480px) and (max-width: 767px) { .eael-lightbox-modal-window, .eael-lightbox-popup-window { max-width: 400px; } } .eael-lightbox-popup-window.lightbox_type_content, .eael-lightbox-popup-window.lightbox_type_custom_html { background-color: #fff; padding: 15px; } .eael-lightbox-popup-window.lightbox_type_image { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .eael-lightbox-title { margin: 0px; } .eael-lightbox-popup-window.lightbox_type_image .eael-lightbox-container { text-align: center; line-height: 0; max-height: 100vh; } .eael-lightbox-popup-window.lightbox_type_image .eael-lightbox-container img { max-height: 100vh; } .eael-lightbox-modal-window button.mfp-close { text-align: center; line-height: 1; padding: 0; height: auto; width: auto; opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .open-pop-up-button-icon-left { margin-right: 5px; } .open-pop-up-button-icon-right { margin-left: 5px; } .mfp-content .eael-lightbox-modal-window { display: block; } .mfp-content .eael-lightbox-popup-window { display: block; } .mfp-bg.eael-lightbox-no-overlay, .mfp-bg, .mfp-bg.eael-lightbox-no-overlay + .mfp-wrap { background: none; } .eael-lightbox-popup-window .mfp-close { -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; width: auto; } .modal-popup-window-inner { position: relative; } .eael-lightbox-popup-window .mfp-iframe-scaler iframe { -webkit-box-shadow: none; box-shadow: none; } .mfp-zoom-in .eael-lightbox-popup-window { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .eael-lightbox-popup-window { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-removing .eael-lightbox-popup-window { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .mfp-zoom-out .eael-lightbox-popup-window { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .mfp-zoom-out.mfp-bg { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-out.mfp-ready .eael-lightbox-popup-window { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-out.mfp-removing .eael-lightbox-popup-window { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } .mfp-move-from-top .mfp-content { vertical-align: middle; } .mfp-move-from-top .eael-lightbox-popup-window { opacity: 0; position: absolute; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; top: 0; left: 50%; -webkit-transform: translate(-50%, -80%); -ms-transform: translate(-50%, -80%); transform: translate(-50%, -80%); } .mfp-move-from-top.mfp-bg { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .mfp-move-from-top.mfp-ready .eael-lightbox-popup-window { opacity: 1; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mfp-move-from-top.mfp-removing .eael-lightbox-popup-window { top: 0; -webkit-transform: translate(-50%, -80%); -ms-transform: translate(-50%, -80%); transform: translate(-50%, -80%); opacity: 0; } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; } .mfp-3d-unfold .mfp-content { -webkit-perspective: 2000px; perspective: 2000px; } .mfp-3d-unfold .eael-lightbox-popup-window { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-60deg); transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .eael-lightbox-popup-window { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .mfp-3d-unfold.mfp-removing .eael-lightbox-popup-window { -webkit-transform: rotateY(60deg); transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; } .mfp-move-right .eael-lightbox-popup-window { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } .mfp-move-right.mfp-bg { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mfp-move-right.mfp-ready .eael-lightbox-popup-window { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .mfp-move-right.mfp-removing .eael-lightbox-popup-window { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } .mfp-move-right.mfp-removing.mfp-bg { opacity: 0; } .mfp-move-left .eael-lightbox-popup-window { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } .mfp-move-left.mfp-bg { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mfp-move-left.mfp-ready .eael-lightbox-popup-window { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .mfp-move-left.mfp-removing .eael-lightbox-popup-window { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } .mfp-move-left.mfp-removing.mfp-bg { opacity: 0; } .mfp-newspaper .eael-lightbox-popup-window { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mfp-newspaper.mfp-ready .eael-lightbox-popup-window { opacity: 1; -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-removing .eael-lightbox-popup-window { -webkit-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); opacity: 0; } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; } .eael-lightbox-button-svg-icon { width: 18px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { text-align: center; padding-right: 0px; } .mfp-close:hover { text-decoration: none; } button.mfp-close:not(.toggle) { background: transparent; } .eael-logo-carousel.grayscale-normal img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .eael-logo-carousel.grayscale-normal .swiper-slide:hover img { -webkit-filter: none; filter: none; } .eael-logo-carousel.grayscale-hover .swiper-slide:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .eael-logo-carousel.swiper-container .swiper-slide { text-align: center; } .eael-logo-carousel.swiper-container .swiper-slide img { width: auto; } .eael-logo-carousel .eael-logo-carousel-title a { color: inherit; } /* ----------------- Pagination CSS ----------------- */ .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .eael-logo-carousel-wrap.swiper-container-wrap-dots-outside .swiper-pagination { position: static; } .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet { background: #ccc; margin: 0 4px; opacity: 1; height: 8px; width: 8px; } .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet-active { background: #000; } .eael-logo-carousel-wrap .eael-lc-logo { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .eael-logo-carousel-wrap .swiper-button-next, .eael-logo-carousel-wrap .swiper-button-prev { background-image: none; outline: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .eael-form-fields-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .eael-field-group { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .eael-field-group .eael-mailchimp-input { max-width: 100%; -webkit-box-shadow: none; box-shadow: none; } .eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block .eael-mailchimp-submit-btn { display: block; width: 100%; text-align: center; margin-left: auto; margin-right: auto; } /*--- Inline style ---*/ @media only screen and (min-width: 768px) { .eael-mailchimp-inline .eael-form-fields-wrapper { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media only screen and (max-width: 767px) { .eael-mailchimp-inline .eael-field-group.eael-mailchimp-submit-btn { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; margin-top: 10px; } } .eael-mailchimp-inline .eael-field-group { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .eael-mailchimp-inline .eael-mailchimp-input { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; margin-right: 5px; } .eael-mailchimp-wrap.eael-mailchimp-inline .eael-mailchimp-subscribe { margin: 0; width: 100%; } .eael-form-fields-wrapper.eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .eael-mailchimp-inline .eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block .eael-mailchimp-submit-btn { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } /*--- Stacked style ---*/ .eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group { width: 100%; margin-bottom: 10px; } .eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group label { display: block; width: 100%; } .eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group .eael-mailchimp-input { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } .eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group.eael-mailchimp-submit-btn { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .eael-mailchimp-wrap .eael-mailchimp-subscribe { margin: 10px 0; width: 100%; } .eael-field-group label { display: block; } .eael-mailchimp-message { display: none; } .eael-mailchimp-message p { margin: 0; } .eael-mailchimp-message-text-center .eael-mailchimp-message { text-align: center; } .eael-mailchimp-message-text-left .eael-mailchimp-message { text-align: left; } .eael-mailchimp-message-text-right .eael-mailchimp-message { text-align: right; } .eael-mailchimp-message-text-justify .eael-mailchimp-message { text-align: justify; } .eael-offcanvas-content { position: fixed; top: 0; left: 0; z-index: 100; visibility: hidden; width: 300px; height: 100%; overflow-y: auto; background: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .eael-offcanvas-content.eael-offcanvas-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .eael-offcanvas-content-slide .eael-offcanvas-container { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .eael-offcanvas-content-slide.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eael-offcanvas-content .eael-offcanvas-close { position: relative; cursor: pointer; float: right; top: 20px; right: 20px; line-height: 1; z-index: 1; font-style: normal; font-family: Helvetica, Arial, sans-serif; font-weight: 100; font-size: 24px; } html.eael-offcanvas-content-widget body { height: 100%; } .eael-offcanvas-toggle { cursor: pointer; } .eael-offcanvas-container { position: relative; left: 0; z-index: 99; height: 100%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .eael-offcanvas-container:after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } .eael-offcanvas-content-open .eael-offcanvas-container:after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 100001; } .eael-offcanvas-content.eael-offcanvas-content-right { left: auto; right: 0; } .eael-offcanvas-content .eael-offcanvas-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; float: left; width: 100%; height: 60px; } .eael-offcanvas-content .eael-offcanvas-header .eael-offcanvas-title { padding-left: 20px; } .eael-offcanvas-content .eael-offcanvas-close { position: relative; cursor: pointer; float: right; top: 20px; right: 20px; line-height: 1; z-index: 1; font-style: normal; font-family: Helvetica, Arial, sans-serif; font-weight: 100; font-size: 24px; margin-left: 15px; } .eael-offcanvas-content .eael-offcanvas-body { float: left; padding-left: 20px; padding-right: 20px; width: 100%; } .eael-offcanvas-toggle-wrap .eael-offcanvas-toggle { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .eael-offcanvas-icon-before .eael-offcanvas-toggle-icon { margin-right: 5px; } .eael-offcanvas-icon-after .eael-offcanvas-toggle-icon { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: 5px; } .eael-offcanvas-content.eael-offcanvas-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .eael-offcanvas-content.eael-offcanvas-slide.eael-offcanvas-content-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .eael-offcanvas-content.eael-offcanvas-reveal { z-index: 1; } .eael-offcanvas-content-slide.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eael-offcanvas-content-left.eael-offcanvas-push { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .eael-offcanvas-content-left.eael-offcanvas-push.eael-offcanvas-content-visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eael-offcanvas-content-right.eael-offcanvas-push { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .eael-offcanvas-content-right.eael-offcanvas-push.eael-offcanvas-content-visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eael-offcanvas-content-push.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .eael-offcanvas-content-open.eael-offcanvas-content-left .eael-offcanvas-container { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .eael-offcanvas-content-open.eael-offcanvas-content-right .eael-offcanvas-container { -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); } .eael-offcanvas-content-reveal .eael-offcanvas-container { background: #fff; overflow: hidden; } .eael-offcanvas-content-reveal.eael-offcanvas-content-open { position: relative; } .eael-offcanvas-content-reveal.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .eael-offcanvas-content-left.eael-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .eael-offcanvas-content-right.eael-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } .eael-offcanvas-content-slide-along .eael-offcanvas-container { background: #fff; overflow: hidden; } .eael-offcanvas-content-slide-along.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eael-offcanvas-custom-widget ul { padding: 0 0 0 30px; } .eael-offcanvas-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-one-page-nav-container { position: fixed; margin-right: 20px; right: 0; z-index: 999; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); } .nav-align-top .eael-one-page-nav-container, .nav-align-bottom .eael-one-page-nav-container { left: 50%; right: auto; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); } .nav-align-top .eael-one-page-nav-container { top: 0; margin-top: 20px; } .nav-align-bottom .eael-one-page-nav-container { bottom: 0; margin-bottom: 20px; top: auto; } .nav-align-left .eael-one-page-nav-container { left: 0; margin-left: 20px; right: auto; } .eael-one-page-nav-container .eael-one-page-nav { font-size: 0; line-height: 0; } .eael-one-page-nav-container .eael-one-page-nav, .eael-one-page-nav-container .eael-one-page-nav-item { list-style: none; margin: 0; padding: 0; } .nav-align-top .eael-one-page-nav-item, .nav-align-bottom .eael-one-page-nav-item { display: inline-block; vertical-align: top; margin-right: 10px; } .nav-align-top .eael-one-page-nav-item:last-child, .nav-align-bottom .eael-one-page-nav-item:last-child { margin-right: 0 !important; } .eael-one-page-nav-item { margin-bottom: 10px; position: relative; line-height: 1; text-align: center; } .eael-one-page-nav-item:last-child { margin-bottom: 0 !important; } .eael-one-page-nav-item:hover .eael-nav-dot-tooltip { visibility: visible; opacity: 1; } .eael-one-page-nav-item a:focus { outline: none; } .eael-one-page-nav-item .eael-nav-dot { display: block; } .eael-nav-dot-tooltip { color: #000; font-size: 14px; line-height: 1.3; opacity: 0; position: absolute; width: 200px; visibility: hidden; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; } .eael-nav-dot-tooltip.eael-tooltip-arrow:after { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid; position: absolute; right: -5px; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .nav-align-top .eael-nav-dot-tooltip, .nav-align-bottom .eael-nav-dot-tooltip { text-align: center; left: -95px; } .nav-align-top .eael-nav-dot-tooltip.eael-tooltip-arrow:after, .nav-align-bottom .eael-nav-dot-tooltip.eael-tooltip-arrow:after { border-bottom: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; content: ""; top: -10px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); right: auto; } .nav-align-top .eael-nav-dot-tooltip { top: 30px; -ms-transform: translateY(15px) translateX(0); transform: translateY(15px) translateX(0); -webkit-transform: translateY(15px) translateX(0); } .nav-align-top .eael-one-page-nav-item:hover .eael-nav-dot-tooltip { -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform: translateY(0) translateX(0); } .nav-align-bottom .eael-nav-dot-tooltip { bottom: 30px; -ms-transform: translateY(-15px) translateX(0); transform: translateY(-15px) translateX(0); -webkit-transform: translateY(-15px) translateX(0); } .nav-align-bottom .eael-nav-dot-tooltip.eael-tooltip-arrow:after { border-top: 5px solid; border-bottom: 5px solid transparent; bottom: -10px; top: auto; } .nav-align-bottom .eael-one-page-nav-item:hover .eael-nav-dot-tooltip { -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform: translateY(0) translateX(0); } .nav-align-right .eael-nav-dot-tooltip { right: 40px; text-align: right; top: 50%; -ms-transform: translateY(-50%) translateX(-15px); transform: translateY(-50%) translateX(-15px); -webkit-transform: translateY(-50%) translateX(-15px); } .nav-align-right .eael-one-page-nav-item:hover .eael-nav-dot-tooltip { opacity: 1; -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); -webkit-transform: translateY(-50%) translateX(0); } .nav-align-left .eael-nav-dot-tooltip { left: 40px; top: 50%; text-align: left; -ms-transform: translateY(-50%) translateX(15px); transform: translateY(-50%) translateX(15px); -webkit-transform: translateY(-50%) translateX(15px); } .nav-align-left .eael-nav-dot-tooltip.eael-tooltip-arrow:after { border-right: 5px solid; border-left: 5px solid transparent; left: -10px; right: auto; } .nav-align-left .eael-one-page-nav-item:hover .eael-nav-dot-tooltip { opacity: 1; -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); -webkit-transform: translateY(-50%) translateX(0); } .eael-nav-dot-tooltip-content { background: #000; color: #fff; display: inline-block; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .eael-nav-dot { color: #000; display: block; font-size: 10px; line-height: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition: color 0.3s ease, border 0.3s ease; -o-transition: color 0.3s ease, border 0.3s ease; transition: color 0.3s ease, border 0.3s ease; } .eael-nav-dot-wrap { display: block; -webkit-transition: all 0.3s ease, border 0.3s ease; -o-transition: all 0.3s ease, border 0.3s ease; transition: all 0.3s ease, border 0.3s ease; } .admin-bar .nav-align-top .eael-one-page-nav-container { top: 32px; } /* ----------------------------- */ /* Post Block Overlay Style /* ----------------------------- */ .post-block-style-overlay .eael-entry-wrapper { -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } /* SlideUp */ .post-block-style-overlay .eael-entry-wrapper.slide-up { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .post-block-style-overlay .eael-entry-media { overflow: hidden; } .post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.slide-up { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* Fade In */ .post-block-style-overlay .eael-entry-wrapper.fade-in { visibility: hidden; opacity: 0; } .post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.fade-in { visibility: visible; opacity: 1; } /* Zoom In */ .post-block-style-overlay .eael-entry-wrapper.zoom-in { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); visibility: hidden; opacity: 0; } .post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.zoom-in { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .post-block-style-overlay .eael-entry-wrapper.none { display: none; } @charset "UTF-8"; /*----------------------*/ /* 22. Post Block /*----------------------*/ .eael-post-block-grid { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 1170px; margin: 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .eael-post-block-item { overflow: hidden; margin: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3); box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3); -webkit-box-flex: 1; -webkit-flex: 1 1 30%; -ms-flex: 1 1 30%; flex: 1 1 30%; } .eael-post-block-item-holder { height: 100%; width: 100%; } .eael-post-block-item-holder-inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 100%; } .eael-post-block-item .eael-entry-thumbnail { background-color: #f0f0f0; position: relative; height: 160px; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .eael-post-block-item .eael-entry-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .eael-post-block .eael-entry-wrapper { padding: 15px; } .eael-post-block .eael-entry-title { font-size: 1em; margin: 5px 0 0; } .eael-post-block .eael-entry-header .eael-entry-meta .eael-posted-by { display: inline-block; } .eael-post-block .eael-entry-meta { line-height: 1; } .eael-entry-meta > span { font-size: 12px; line-height: 1.2; padding-bottom: 5px; } .eael-post-block .eael-entry-header .eael-entry-meta span:first-child { padding-right: 5px; } .eael-post-block .eael-entry-header .eael-entry-meta span.eael-posted-on::before { content: ""; font-family: "Font Awesome 5 Free"; color: inherit; opacity: 0.4; font-size: 0.8em; padding-right: 7px; } .eael-entry-footer .eael-author-avatar { padding-right: 8px; } .eael-post-block .eael-entry-footer { padding: 0 15px 15px; } .post-block-style-overlay.eael-post-block .eael-entry-footer { padding: 10px 15px 15px 0; } @media only screen and (min-width: 768px) { .eael-post-block-grid .eael-post-block-item:nth-child(1), .eael-post-block-grid .eael-post-block-item:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } .eael-post-block-grid .eael-post-block-item:nth-child(6), .eael-post-block-grid .eael-post-block-item:nth-child(7), .eael-post-block-grid .eael-post-block-item:nth-child(14), .eael-post-block-grid .eael-post-block-item:nth-child(15), .eael-post-block-grid .eael-post-block-item:nth-child(22), .eael-post-block-grid .eael-post-block-item:nth-child(23) { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } } @media only screen and (max-width: 480px) { .eael-post-block-item { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } } .eael-entry-media:hover .eael-entry-overlay.zoom-in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } .eael-entry-media:hover .eael-entry-overlay.fade-in { visibility: visible; opacity: 1; } .eael-entry-media:hover .eael-entry-overlay.slide-up { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .eael-post-block-item-holder .eael-entry-media { overflow: hidden; } .eael-entry-overlay.none { background: none !important; } .eael-entry-overlay.none > i { display: none; } /*---------------------------------*/ /* 24. Post block overlay preset /*---------------------------------*/ .eael-post-block.post-block-style-overlay .eael-entry-thumbnail { height: 300px; } .eael-post-block.post-block-style-overlay .eael-post-block-item-holder-inner { position: relative; } .eael-post-block.post-block-style-overlay .eael-entry-wrapper { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .eael-post-block .eael-entry-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eael-post-carousel.grayscale-normal img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .eael-post-carousel.grayscale-normal .swiper-slide:hover img { -webkit-filter: none; filter: none; } .eael-post-carousel.grayscale-hover .swiper-slide:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .eael-post-carousel.swiper-container .swiper-slide { text-align: center; } .eael-post-carousel .eael-grid-post-holder { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .eael-post-carousel .eael-entry-thumbnail > img, .swiper-container-wrap .eael-post-carousel .swiper-slide img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .eael-post-carousel .eael-entry-medianone { position: relative; } .eael-post-carousel .eael-entry-content { padding: 0 15px; } .eael-entry-thumbnail { position: relative; } .eael-entry-thumbnail a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .eael-post-carousel .eael-post-carousel-title a { color: inherit; } .eael-author-avatar > a { display: block; } .eael-entry-footer { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eael-entry-footer > div { display: inline-block; float: left; } .post_carousel_meta_alignment-right .eael-entry-meta { text-align: right; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .post_carousel_meta_alignment-center .eael-entry-meta { text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .post_carousel_meta_alignment-right .eael-entry-footer > div { float: right; } .post_carousel_meta_alignment-right .eael-entry-footer { display: block; } .post_carousel_meta_alignment-right .eael-entry-footer .eael-entry-meta { text-align: right; padding-left: 0; padding-right: 15px; } .post_carousel_meta_alignment-center .eael-entry-footer > div { float: none; display: block; } .post_carousel_meta_alignment-center .eael-entry-footer { margin: 0 auto 15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .swiper-container.eael-post-carousel.show-read-more-button .eael-post-elements-readmore-btn { display: inline-block; } .eael-post-carousel-wrap .swiper-button-prev i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .eael-entry-media:hover .eael-entry-overlay.zoom-in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } .eael-entry-media:hover .eael-entry-overlay.fade-in { visibility: visible; opacity: 1; } .eael-entry-media:hover .eael-entry-overlay.slide-up { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .eael-post-block-item-holder .eael-entry-media { overflow: hidden; } .eael-entry-overlay.none { background: none !important; } .eael-post-carousel-wrap .eael-logo-carousel-wrap .swiper-button-prev i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .eael-logo-carousel-wrap.swiper-container-wrap-dots-outside .swiper-pagination { position: static; } .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet { background: #ccc; margin: 0 4px; opacity: 1; height: 8px; width: 8px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet-active { background: #000; } .eael-logo-carousel-wrap.swiper-container-wrap .swiper-button-next, .eael-logo-carousel-wrap.swiper-container-wrap .swiper-button-prev { background-image: none; outline: none; } .eael-post-grid-container .eael-post-grid.eael-post-carousel .eael-grid-post { width: 100%; } .post-carousel-categories { position: absolute; left: 0; top: 0; z-index: 11; width: 100%; margin: 0; padding: 15px; text-align: left; } .post-carousel-categories li { display: inline-block; text-transform: capitalize; margin-right: 5px; position: relative; } .post-carousel-categories li:after { content: ","; color: #ffffff; } .post-carousel-categories li:last-child:after { display: none; } .post-carousel-categories li a { color: #fff; } .eael-post-carousel-wrap .eael-entry-content-btn { margin-top: 15px; } .eael-post-carousel-style-three .eael-entry-content { padding: 0 15px 15px 15px; } .eael-post-carousel-style-three .eael-meta-posted-on { min-width: 60px; height: 50px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); text-align: center; font-size: 16px; line-height: 18px; padding: 5px; margin-top: 5px; } .eael-post-carousel-style-three .eael-meta-posted-on span { display: block; } .eael-post-carousel-style-two .eael-entry-content { padding: 0 15px; } .eael-post-carousel-style-two .eael-entry-footer-two { padding: 15px; } .eael-post-carousel-style-two .eael-entry-meta { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .eael-post-carousel-style-two .eael-entry-meta .eael-meta-posted-on { padding: 0; font-size: 12px; margin-right: 15px; color: #929292; } .eael-post-carousel-style-two .eael-entry-meta .eael-meta-posted-on i { margin-right: 7px; } .eael-post-carousel-style-two .eael-entry-meta .post-meta-categories { list-style: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin: 0; } .eael-post-carousel-style-two .eael-entry-meta .post-meta-categories li { font-size: 12px; margin-right: 7px; color: #929292; } .eael-post-carousel-style-two .eael-entry-meta .post-meta-categories li a { color: #929292; } .eael-post-carousel-style-two .eael-entry-meta .post-meta-categories li:last-child { margin-right: 0; } .eael-post-list-container { position: relative; overflow: hidden; z-index: 0; } .eael-post-list-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-border-radius: 0px; border-radius: 0px; border-bottom: 2px solid #e23a47; } .eael-post-list-header .header-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eael-post-list-header .header-title .title { margin: 0px; font-size: 15px; font-weight: 500; color: #424242; display: inline-block; background-color: #e23a47; color: #fff; padding: 0px 25px; text-transform: uppercase; } .eael-post-list-header .post-categories { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .eael-post-list-header .post-categories a { font-size: 13px; font-weight: 600; line-height: 1; display: inline-block; padding: 6px 10px; margin: 0 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .eael-post-list-header .post-categories a:focus { outline: 0; } .eael-post-list-wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; z-index: 0; padding: 0px 0px 10px 0px; } .eael-post-list-featured-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding-right: 15px; margin: 10px 0; } .eael-post-list-featured-inner { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-color: #9ba4bc; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 0; -webkit-animation: eael-fade-in 0.5s linear; animation: eael-fade-in 0.5s linear; } .eael-post-list-featured-inner:after { content: ""; position: absolute; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.9))); background: -o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)); top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.7; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .eael-post-list-featured-inner:hover::after { opacity: 1; } .eael-post-list-featured-inner .featured-content { width: 100%; padding: 15px; line-height: 1.5; } .eael-post-list-featured-inner .featured-content .meta { font-size: 13px; font-weight: 500; color: #fff; line-height: 1.4; } .eael-post-list-featured-inner .featured-content .meta span { display: inline-block; margin-right: 10px; } .eael-post-list-featured-inner .featured-content .meta span i { margin-right: 4px; font-size: 12px; } .eael-post-list-featured-inner .featured-content .meta span a { color: #fff; } .eael-post-list-featured-inner .featured-content .meta span a:hover { color: #9ba4bc; } .eael-post-list-featured-inner .featured-content .eael-post-list-title, .eael-post-list-featured-inner .featured-content .eael-post-list-title a { font-size: 18px; line-height: 1.5; color: #fff; margin: 8px 0px 0px 0px; } .eael-post-list-featured-inner .featured-content .eael-post-list-title a:hover { color: #9ba4bc; } .eael-post-list-posts-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin: 10px 0; } .eael-post-list-thumbnail { max-width: 30%; -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; overflow: hidden; margin-right: 15px; } .eael-empty-thumbnail { background-color: #f9f9f9; } .eael-post-list-content .meta { font-size: 12px; line-height: 1; margin: 5px 0; } .eael-post-list-content .eael-post-list-title, .eael-post-list-content .eael-post-list-title a { font-size: 14px; line-height: 1.4; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .eael-post-list-content p { margin-top: 8px; font-size: 13px; line-height: 1.5; } .post-list-pagination .btn-prev-post, .post-list-pagination .btn-next-post { background: transparent; border: 1px solid #dcdcdc; -webkit-border-radius: 0px; border-radius: 0px; color: rgba(0, 0, 0, 0.8); font-size: 14px; line-height: 1; font-weight: 500; } .post-list-pagination .btn-prev-post:focus, .post-list-pagination .btn-next-post:focus { outline: 0; background: transparent; } .post-list-pagination .btn-prev-post:disabled, .post-list-pagination .btn-next-post:disabled, .post-list-pagination .btn-prev-post:disabled:hover, .post-list-pagination .btn-next-post:disabled:hover { cursor: no-drop; opacity: 0.5; } .eael-post-list-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 10px 8px 0; -webkit-animation: eael-slide-in-up 0.5s linear; animation: eael-slide-in-up 0.5s linear; } .eael-post-list-col-1 .eael-post-list-post { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .eael-post-list-col-2 .eael-post-list-post { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .eael-post-list-col-3 .eael-post-list-post { -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%; } /*--- Animations ---*/ @-webkit-keyframes eael-fade-in { 0% { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 100% { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } } @keyframes eael-fade-in { 0% { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 100% { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } } @-webkit-keyframes eael-slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(-5%); transform: translateY(-5%); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes eael-slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(-5%); transform: translateY(-5%); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes eael-slide-in-left { 0% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes eael-slide-in-left { 0% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @media only screen and (max-width: 767px) { .eael-post-list-featured-wrap { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding: 0; } .eael-post-list-col-1 .eael-post-list-post, .eael-post-list-col-2 .eael-post-list-post, .eael-post-list-col-3 .eael-post-list-post { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } } .eael-post-list-container.layout-advanced { overflow: unset; } .eael-post-list-container.layout-advanced .eael-post-list-wrap { padding: 0; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap { margin: 0; } .eael-post-list-container.layout-advanced .eael-empty-thumbnail { background-color: transparent; } .eael-post-list-container.layout-advanced .eael-post-list-header { margin-bottom: 75px; -webkit-box-shadow: 0 10px 35px 8px rgba(0, 9, 78, 0.1); box-shadow: 0 10px 35px 8px rgba(0, 9, 78, 0.1); -webkit-border-radius: 8px; border-radius: 8px; background: #ffffff; border: 0px solid; } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-header { padding: 25px 0px; display: block; } } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-categories { margin-bottom: 15px; display: block; text-align: center; } } .eael-post-list-container.layout-advanced .eael-post-list-header .post-categories a { -webkit-border-radius: 8px; border-radius: 8px; text-transform: capitalize; color: #040054; padding: 28px; } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-categories a { display: block; width: 60%; margin: 0 auto !important; } } .eael-post-list-container.layout-advanced .eael-post-list-header .post-categories a.active { background: #543bc2; color: #fff !important; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form { position: relative; } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form { border: 1px solid #d7d7d7; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 10px; } } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form { width: 470px; text-align: right; padding: 12px 40px; } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form { padding: 0px 30px 0px 0px; } } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form input { border: 0px solid; padding: 5px 5px 5px 12px; width: 90%; border-left: 1px solid #d7d7d7; -webkit-border-radius: 0; border-radius: 0; outline: 0 !important; } @media (max-width: 1024px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form input { border: 0px solid; } } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form input { padding: 15px; } } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form input::-webkit-input-placeholder { color: #d7d7d7; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form input::-moz-placeholder { color: #d7d7d7; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form input:-ms-input-placeholder { color: #d7d7d7; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form input::-ms-input-placeholder { color: #d7d7d7; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form input::placeholder { color: #d7d7d7; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form i.fa-search { color: #5347c1; font-size: 18px; } @media (max-width: 1024px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form form { width: 289px; } } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper { background: #fff; border: 1px solid #eee; position: absolute; left: auto; z-index: 99; padding: 15px 15px 15px 25px; width: 412px; right: 0; top: 112%; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -webkit-box-shadow: 0 5px 10px 0px rgba(0, 9, 78, 0.1); box-shadow: 0 5px 10px 0px rgba(0, 9, 78, 0.1); display: none; } @media (max-width: 1024px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper { right: 11px; top: 100%; } } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper { width: 360px; left: 50%; margin-left: -180px; } } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper .ajax-search-result-post { margin-bottom: 15px; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper .ajax-search-result-post:last-child { margin-bottom: 0px; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper .ajax-search-result-post h6, .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper .ajax-search-result-post p { margin: 0px; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper .ajax-search-result-post h6 { text-transform: unset; line-height: 1; margin-bottom: 5px; font-weight: 600; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper .ajax-search-result-post h6 a { color: #040054; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper .ajax-search-result-post h6 a:hover { color: #5347c1; } .eael-post-list-container.layout-advanced .eael-post-list-header .post-list-ajax-search-form .result-posts-wrapper .ajax-search-result-post .search-result-content { font-size: 12px; line-height: 2em; color: #707070; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px; } @media (max-width: 1024px) { .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap { grid-template-columns: 1fr; } } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap { grid-template-columns: 1fr; } } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-post-inner { padding: 0px 15px 0px 15px; position: relative; z-index: 1; margin-bottom: 30px; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-post-inner:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; content: ""; background: #f8f8fe; z-index: -1; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post.eael-empty-thumbnail .eael-post-list-post-inner { width: 100%; padding-top: 10px; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post.eael-empty-thumbnail .eael-post-list-post-inner:after { height: 100%; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post:hover .eael-post-list-post-inner:after { -webkit-box-shadow: 0px 8px 25px 0 rgba(0, 6, 55, 0.1); box-shadow: 0px 8px 25px 0 rgba(0, 6, 55, 0.1); } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post:hover .eael-post-list-content .boxed-meta .meta-categories .meta-cats-wrap { -webkit-box-shadow: none; box-shadow: none; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-thumbnail { max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-right: 0px; margin-bottom: 40px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; position: relative; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-thumbnail > a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } @media (max-width: 1024px) { .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-thumbnail img { width: 100%; } } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-thumbnail.eael-empty-thumbnail { display: none; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content { padding: 0px 10px 25px 15px; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .eael-post-list-title { margin-bottom: 15px; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta > div { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta > div { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .meta-categories { text-align: right; -webkit-transition: all ease-in-out 500ms; -o-transition: all ease-in-out 500ms; transition: all ease-in-out 500ms; } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .meta-categories { text-align: left; } } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .meta-categories .meta-cats-wrap { display: inline-block; background: #fff; padding: 12px 20px; line-height: 1; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; text-transform: capitalize; font-weight: 400; -webkit-box-shadow: 0 0px 18px 5px rgba(0, 9, 78, 0.1); box-shadow: 0 0px 18px 5px rgba(0, 9, 78, 0.1); -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin: 15px; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .meta-categories .meta-cats-wrap a { color: #707070; position: relative; padding-right: 7px; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .meta-categories .meta-cats-wrap a::after { position: absolute; left: -7px; content: ", "; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .meta-categories .meta-cats-wrap a:first-child:after { content: ""; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .author-meta { margin-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .author-meta .avatar.photo { height: 100%; } @media (max-width: 767px) { .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .author-meta { padding-left: 15px; } } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .author-meta .author-photo { height: 40px; -webkit-flex-basis: 40px; -ms-flex-preferred-size: 40px; flex-basis: 40px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-right: 15px; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .author-meta .author-info { margin: 0; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .author-meta .author-info h5 { margin: 0; line-height: 1; font-size: 14px; color: #040054; font-weight: 400; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-content .boxed-meta .author-meta .author-info p { font-size: 13px; color: #707070; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post.eael-empty-thumbnail .eael-post-list-post-inner { border: 1px solid #eee; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post.eael-empty-thumbnail .eael-post-list-post-inner:after { background: none; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post.eael-empty-thumbnail:hover .eael-post-list-post-inner { border-color: transparent; } .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post.eael-empty-thumbnail:hover .eael-post-list-post-inner .boxed-meta .meta-categories .meta-cats-wrap { -webkit-box-shadow: none; box-shadow: none; } .eael-post-list-col-1 .eael-post-list-container.layout-advanced .eael-post-list-wrap .eael-post-list-posts-wrap { grid-template-columns: 1fr; } .eael-post-list-col-1 .eael-post-list-container.layout-advanced .eael-post-list-wrap .eael-post-list-posts-wrap .eael-post-list-content { background: none; } .eael-post-list-col-2 .eael-post-list-container.layout-advanced .eael-post-list-wrap .eael-post-list-posts-wrap { grid-template-columns: 1fr 1fr; } @media (max-width: 1024px) { .eael-post-list-col-2 .eael-post-list-container.layout-advanced .eael-post-list-wrap .eael-post-list-posts-wrap { grid-template-columns: 1fr; } } @media (max-width: 767px) { .eael-post-list-col-2 .eael-post-list-container.layout-advanced .eael-post-list-wrap .eael-post-list-posts-wrap { grid-template-columns: 1fr; } } .eael-restaurant-menu .eael-restaurant-menu-item-wrap { margin-bottom: 10px; position: relative; } .eael-restaurant-menu .eael-restaurant-menu-item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eael-restaurant-menu .eael-restaurant-menu-image { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 10px; } .eael-restaurant-menu .eael-restaurant-menu-content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .eael-restaurant-menu .eael-restaurant-menu-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; } .eael-restaurant-menu .eael-restaurant-menu-title { display: inline-block; margin: 0; } .eael-restaurant-menu .eael-restaurant-menu-title a { color: inherit; } .eael-restaurant-menu-style-1 .eael-restaurant-menu-price { float: right; } .eael-restaurant-menu-style-3 .eael-restaurant-menu-image { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .eael-restaurant-menu-style-4 .eael-restaurant-menu-item, .eael-restaurant-menu-style-4 .eael-restaurant-menu-header { display: block; } .eael-restaurant-menu-style-4 .eael-restaurant-menu-image { display: inline-block; } .eael-restaurant-menu-style-1 .eael-price-title-connector { border-bottom: 1px dashed #000; height: 1px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: 0 20px; } .eael-restaurant-menu-style-eael .eael-restaurant-menu-item { min-height: 150px; position: relative; } .eael-restaurant-menu-style-eael .eael-restaurant-menu-price { bottom: 0; padding: 10px; position: absolute; right: 0; z-index: 1; } .eael-restaurant-menu-style-eael .eael-restaurant-menu-price:after { border-color: transparent #B83D11; border-style: solid; border-width: 110px 130px 0 0; bottom: 0; content: ""; position: absolute; right: 0; z-index: -1; } .eael-restaurant-menu-divider-wrap { font-size: 0; line-height: 0; } .eael-restaurant-menu-divider { display: inline-block; } /*--- Pricing Table: Style 3 ---*/ .eael-pricing.style-3 .eael-pricing-item { background: #262c37; padding: 30px; color: #fff; } .eael-pricing.style-3 .eael-pricing-item.featured { position: relative; z-index: 0; } .eael-pricing.style-3 .eael-pricing-item.ribbon-1:before { content: ""; position: absolute; width: 100%; height: 3px; background: #e25a77; 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-3 .eael-pricing-item.ribbon-2:before { content: "Featured"; position: absolute; width: auto; background: #e25a77; color: #fff; top: 35px; right: -15px; z-index: 10; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px 10px; } .eael-pricing.style-3 .eael-pricing-item.ribbon-2:after { content: ""; position: absolute; top: 20px; right: -15px; width: 0; height: 0; border-bottom: 15px solid #bf4a63; border-right: 15px solid transparent; z-index: 9; opacity: 0.9; } .eael-pricing.style-3 .eael-pricing-item.ribbon-3:before { content: "Featured"; position: absolute; width: auto; background: #e25a77; color: #fff; top: 15px; right: 15px; z-index: 10; font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 5px 15px; } .eael-pricing.style-3 .eael-pricing-item .header { position: relative; padding-bottom: 15px; margin-bottom: 15px; z-index: 0; overflow: hidden; } .eael-pricing.style-3 .eael-pricing-item .header:after { position: absolute; content: ""; width: 100%; height: 1px; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; z-index: 1; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform: scaleX(0.4); -ms-transform: scaleX(0.4); transform: scaleX(0.4); background: #e25a77; } .eael-pricing.style-3 .eael-pricing-item:hover .header:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .eael-pricing.style-3 .eael-pricing-item .header .title { font-family: "Raleway", sans-serif; font-size: 28px; font-weight: 400; line-height: 40px; margin: 0px; } .eael-pricing.style-3 .eael-pricing-item .header .subtitle { font-size: 14px; color: rgba(255, 255, 255, 0.5); } .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag { margin-bottom: 30px; } .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-tag { position: relative; display: inline-block; font-size: 36px; font-weight: 700; line-height: 0px; padding-left: 12px; z-index: 0; } .eael-pricing.style-3 .eael-pricing-item .price-tag .price-currency { font-size: 24px; font-weight: 700; } .eael-pricing.style-3 .eael-pricing-item .body ul { margin-bottom: 30px; } .eael-pricing.style-3 .eael-pricing-item .body ul li { display: block; width: 100%; height: auto; padding: 10px 0px; font-size: 14px; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(9, 9, 9, 0.04); } .eael-pricing.style-3 .eael-pricing-item .body ul li:last-child { border: none; } .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag.on-top { margin-top: 15px; margin-bottom: 15px; } /*--- Pricing Table : Style 4 ---*/ .eael-pricing.style-4 { position: relative; z-index: 0; text-align: center; padding: 0px; } .eael-pricing.style-4 .eael-pricing-item { padding: 0px 0px 30px 0px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .eael-pricing.style-4 .eael-pricing-item.ribbon-1: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-4 .eael-pricing-item.ribbon-2:before { content: "Featured"; position: absolute; width: auto; background: #00c853; color: #fff; top: 35px; right: -15px; z-index: 10; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px 10px; } .eael-pricing.style-4 .eael-pricing-item.ribbon-2:after { content: ""; position: absolute; top: 20px; right: -15px; width: 0; height: 0; border-bottom: 15px solid #00c853; border-right: 15px solid transparent; z-index: 9; opacity: 0.9; } .eael-pricing.style-4 .eael-pricing-item.ribbon-3:before { content: "Featured"; position: absolute; width: auto; background: #00c853; color: #fff; top: 15px; right: 15px; z-index: 10; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 5px 15px; } .eael-pricing.style-4 .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-4 .eael-pricing-item .header { background: #c8e6c9; padding: 25px 0px; margin-bottom: 15px; position: relative; z-index: 0; } .eael-pricing.style-4 .eael-pricing-item .header .title { font-size: 28px; font-weight: 700; line-height: 40px; margin: 0px; } .eael-pricing.style-4 .eael-pricing-item .header .subititle { font-size: 14px; font-weight: 600; color: #6d6d6d; } .eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag { position: relative; z-index: 0; padding: 15px 0px; margin-bottom: 15px; } .eael-pricing.style-4 .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-4 .eael-pricing-item .price-tag .price-currency { font-size: 24px; font-weight: 700; } .eael-pricing.style-4 .eael-pricing-item .price-period { color: #999; } .eael-pricing.style-4 .eael-pricing-item .body ul { display: block; width: 100%; margin-bottom: 15px; } .eael-pricing.style-4 .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, 0.04); } .eael-pricing.style-4 .eael-pricing-item .body ul li:last-child { border: none; } .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image { position: relative; -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: 100%; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 15px; } .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); z-index: -1; } .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag { padding: 0px; margin: 0px; } .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag { font-size: 48px; font-weight: 700; line-height: 0px; margin-bottom: 0px; } .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag:before { font-size: 24px; top: -20px; left: -18px; } .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-period { font-size: 13px; font-weight: 600; } /*--- Pricing Table : Style 5 ---*/ .eael-pricing.style-5 { position: relative; z-index: 0; text-align: center; padding: 0px; } .eael-pricing.style-5 .eael-pricing-item { padding: 0px 0px 30px 0px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0px; border: 1px solid rgba(9, 9, 9, 0.1); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image.ribbon-1:before, .eael-pricing.style-5 .eael-pricing-item.ribbon-1: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-5 .eael-pricing-item .eael-pricing-image.ribbon-2:before, .eael-pricing.style-5 .eael-pricing-item.ribbon-2:before { content: "Featured"; position: absolute; width: auto; background: #00c853; color: #fff; top: 35px; right: -15px; z-index: 10; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px 10px; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image.ribbon-2:after, .eael-pricing.style-5 .eael-pricing-item.ribbon-2:after { content: ""; position: absolute; top: 20px; right: -15px; width: 0; height: 0; border-bottom: 15px solid #00c853; border-right: 15px solid transparent; z-index: 9; opacity: 0.9; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image.ribbon-3:before, .eael-pricing.style-5 .eael-pricing-item.ribbon-3:before { content: "Featured"; position: absolute; width: auto; background: #00c853; color: #fff; top: 15px; right: 15px; z-index: 10; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 5px 15px; } .eael-pricing.style-5 .eael-pricing-item .header { padding: 25px 0px; position: relative; margin-bottom: 0; z-index: 0; } .eael-pricing.style-5 .eael-pricing-item .header .title { font-size: 28px; font-weight: 700; line-height: 40px; margin: 0px; } .eael-pricing.style-5 .eael-pricing-item .header .title.inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .eael-pricing.style-5 .eael-pricing-item .header .subtitle { display: block; font-size: 14px; font-weight: 600; color: #6d6d6d; } .eael-pricing.style-5 .eael-pricing-item > .eael-pricing-image { background: #c8e6c9; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-tag { position: relative; z-index: 0; padding: 15px 0px; margin-bottom: 15px; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-tag .price-tag { position: relative; display: inline-block; font-size: 28px; font-weight: 500; line-height: 0px; margin: 0px auto; color: #333; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-tag .price-tag .price-currency { font-size: 24px; font-weight: 700; color: #333; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-tag .price-period { color: #333; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon.inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { display: inline-block; position: relative; width: 80px; height: 80px; color: #fff; background: #00c853; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .eael-pricing.style-5 .eael-pricing-item .body ul { display: block; width: 100%; margin-bottom: 15px; } .eael-pricing.style-5 .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, 0.04); } .eael-pricing.style-5 .eael-pricing-item .body ul li:last-child { border: none; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image { position: relative; -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: 100%; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 15px; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image .eael-pricing-tag { padding: 0px; margin: 0px; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag { font-size: 48px; font-weight: 700; line-height: 0px; margin-bottom: 0px; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag:before { font-size: 24px; top: -20px; left: -18px; } .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-period { font-size: 13px; font-weight: 600; } .eael-pricing.style-5 .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-content-align-left .eael-pricing.style-5 .body, .eael-pricing-content-align-left .eael-pricing.style-5 .header { text-align: left; } .eael-pricing-content-align-left .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-left .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .eael-pricing-content-align-center .eael-pricing.style-5 .body, .eael-pricing-content-align-center .eael-pricing.style-5 .header { text-align: center; } .eael-pricing-content-align-center .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-center .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-pricing-content-align-right .eael-pricing.style-5 .body, .eael-pricing-content-align-right .eael-pricing.style-5 .header { text-align: right; } .eael-pricing-content-align-right .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-right .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .eael-pricing-button-align-left .eael-pricing.style-5 .footer { text-align: left; } .eael-pricing-button-align-center .eael-pricing.style-5 .footer { text-align: center; } .eael-pricing-button-align-right .eael-pricing.style-5 .footer { text-align: right; } @media all and (min-width: 768px) and (max-width: 1140px) { .eael-pricing-content-align-tablet-left .eael-pricing.style-5 .body, .eael-pricing-content-align-tablet-left .eael-pricing.style-5 .header { text-align: left; } .eael-pricing-content-align-tablet-left .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-tablet-left .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .eael-pricing-content-align-tablet-center .eael-pricing.style-5 .body, .eael-pricing-content-align-tablet-center .eael-pricing.style-5 .header { text-align: center; } .eael-pricing-content-align-tablet-center .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-tablet-center .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-pricing-content-align-tablet-right .eael-pricing.style-5 .body, .eael-pricing-content-align-tablet-right .eael-pricing.style-5 .header { text-align: right; } .eael-pricing-content-align-tablet-right .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-tablet-right .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .eael-pricing-button-align-tablet-left .eael-pricing.style-5 .footer { text-align: left; } .eael-pricing-button-align-tablet-center .eael-pricing.style-5 .footer { text-align: center; } .eael-pricing-button-align-tablet-right .eael-pricing.style-5 .footer { text-align: right; } } @media all and (max-width: 767px) { .eael-pricing-content-align-mobile-left .eael-pricing.style-5 .body, .eael-pricing-content-align-mobile-left .eael-pricing.style-5 .header { text-align: left; } .eael-pricing-content-align-mobile-left .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-mobile-left .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .eael-pricing-content-align-mobile-center .eael-pricing.style-5 .body, .eael-pricing-content-align-mobile-center .eael-pricing.style-5 .header { text-align: center; } .eael-pricing-content-align-mobile-center .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-mobile-center .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-pricing-content-align-mobile-right .eael-pricing.style-5 .body, .eael-pricing-content-align-mobile-right .eael-pricing.style-5 .header { text-align: right; } .eael-pricing-content-align-mobile-right .eael-pricing.style-5 .eael-pricing-item .eael-pricing-image, .eael-pricing-content-align-mobile-right .eael-pricing.style-5 .eael-pricing-item .eael-pricing-icon .icon { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .eael-pricing-button-align-mobile-left .eael-pricing.style-5 .footer { text-align: left; } .eael-pricing-button-align-mobile-center .eael-pricing.style-5 .footer { text-align: center; } .eael-pricing-button-align-mobile-right .eael-pricing.style-5 .footer { text-align: right; } } /*--- 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; } } /* ---- Pricing Table Tooltip ----*/ div.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow { position: absolute; top: 50%; } div.tooltipster-sidetip.tooltipster-top div.tooltipster-box { margin-bottom: 0px !important; } div.tooltipster-sidetip.tooltipster-bottom div.tooltipster-box { margin-top: 0px !important; } .tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { top: auto; bottom: -8px; } div.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { top: -8px; bottom: auto; } /*------------------------------*/ /* 56. Progress Bar /*------------------------------*/ @-webkit-keyframes animateRainbow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes animateRainbow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .eael-progressbar-line-rainbow .eael-progressbar-line-fill { background: -webkit-gradient(linear, right top, left top, from(#9400d3), color-stop(#4b0082), color-stop(#0000ff), color-stop(#00ff00), color-stop(#ffff00), color-stop(#ff7f00), to(#ff0000)); background: -o-linear-gradient(right, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000); background: linear-gradient(270deg, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000); background-size: 500% 500%; -webkit-animation: animateRainbow 5s ease infinite; animation: animateRainbow 5s ease infinite; } .eael-progressbar-circle-fill .eael-progressbar-circle-half { background-color: #000000; } .eael-progressbar-half-circle-fill .eael-progressbar-circle-half { background-color: #000000; } .eael-progressbar-box { width: 100%; height: 200px; border: 1px solid #eeeeee; margin: 0 auto; } .eael-progressbar-box .eael-progressbar-box-inner-content { display: block; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 9; } .eael-progressbar-box .eael-progressbar-count-wrap { font-size: 28px; font-weight: 700; } .eael-progressbar-box .eael-progressbar-title { font-size: 16px; font-weight: 400; } .eael-progressbar-box-fill { position: absolute; bottom: 0; left: 0; right: 0; height: 0; background-color: #000000; -webkit-transition: height 1500ms linear; -o-transition: height 1500ms linear; transition: height 1500ms linear; } .eael-password-protected-content-fields > form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .eael-password-protected-content-fields .eael-password { padding: 10px 20px; -webkit-border-radius: 0; border-radius: 0; font-size: 1em; line-height: 1em; } .eael-password-protected-content-fields .eael-submit { text-transform: uppercase; padding: 10px 20px; border: 1px solid #333; -webkit-border-radius: 0; border-radius: 0; font-size: 1em; line-height: 1em; } .eael-protected-content-message { padding: 10px; } .protected-content-error-msg { color: #f00; } .elementor-element.eael-prallax-multi { overflow: hidden; } .elementor-element .eael-parallax-layer { position: absolute; display: block; width: 100%; height: 100%; background-repeat: no-repeat; overflow: hidden; pointer-events: none; } .elementor-section.eael-particles-section .elementor-container { z-index: 1; } .elementor-section.eael-particles-section > canvas { position: absolute; top: 0; } .eael-particles-section { position: relative; z-index: 1; } canvas.particles-js-canvas-el { position: absolute; left: 0; top: 0; z-index: -1; } @media (max-width: 767px) { [data-particle-mobile-disabled=true] canvas.particles-js-canvas-el { display: none; } } .swiper-container-wrap .swiper-slide .eael-social-feed-element img { width: 100%; } /*--- Twitter Feed Styles ---*/ .eael-social-feed-element.hidden { background-color: red !important; } .eael-twitter-feed-wrapper::before, .eael-twitter-feed-wrapper::after, .eael-twitter-feed-container::before, .eael-twitter-feed-container::after { content: ""; clear: both; } .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%; 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; -o-text-overflow: ellipsis; 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: 0; 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; -webkit-border-radius: 50%; 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 { -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; 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; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: #fff; } .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; text-align: center; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .eael-loading-feed .loader { border: 3px solid #f3f3f3; -webkit-border-radius: 50%; 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% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); 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-element { margin: 0px; } /*--- Masonry View ---*/ .eael-twitter-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 { -webkit-border-radius: 50%; border-radius: 50%; } .eael-social-feed-avatar-square .eael-social-feed-element .media-object { -webkit-border-radius: 0%; 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 { width: 50% !important; } } @media only screen and (max-width: 480px) { .eael-twitter-feed-container.masonry-view .eael-social-feed-element { width: 100% !important; } } /*--- Style for static product ---*/ .eael-static-product { position: relative; overflow: hidden; display: block; margin: 0 auto; } .eael-static-product .eael-static-product-media { position: relative; } .eael-static-product .eael-static-product-media img { width: 100%; display: block; } .eael-static-product .eael-static-product-media a.eael-static-product-live-demo-btn { color: #fff; } .eael-static-product .eael-static-product-price-and-reviews { margin-bottom: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .eael-static-product .eael-static-product-price-and-reviews .eael-static-product-price { font-size: 24px; font-weight: 600; color: #303133; } .eael-static-product .eael-static-product-price-and-reviews .eael-static-product-reviews { font-size: 13px; font-weight: 400; color: #485771; } .eael-static-product .eael-static-product-thumb-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.75); } .eael-static-product .eael-static-product-thumb-overlay a.eael-static-product-add-to-cart { padding: 5px 10px; line-height: 18px; margin: 0 0 0 5px; font-size: 14px; font-weight: 500; } .eael-static-product .eael-static-product-thumb-overlay:hover { opacity: 1; } .eael-static-product .eael-static-product-details { padding: 10px 20px 30px; margin: 0; } .eael-static-product .eael-static-product-details > h2 { font-size: 1.2em; margin: 0; padding: 0.5em 0; } .eael-static-product .eael-static-product-details > p { margin: 0 0 1.5em; font-size: 14px; } .eael-static-product .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-add-to-cart, .eael-static-product .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-btn { padding: 10px 20px; font-size: 14px; -o-transition: color 0.5s ease; transition: color 0.5s ease; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; } .eael-static-product .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-add-to-cart, .eael-static-product .eael-static-product-details .eael-static-product-btn-wrap .eael-static-product-btn { display: inline-block; } .eael-static-product .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-add-to-cart .eael-static-product-btn-inner, .eael-static-product .eael-static-product-details .eael-static-product-btn-wrap .eael-static-product-btn .eael-static-product-btn-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay { width: auto; height: auto; background-color: rgba(255, 255, 255, 0.75); } .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay .eael-static-product-details { background: none !important; } .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay .eael-static-product-details .eael-static-product-btn-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-live-demo-btn, .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-btn, .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-add-to-cart { padding: 5px 7px; margin: 3px; font-size: 14px; line-height: 21px; font-weight: 500; background-color: #646464; color: #fff; } .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-live-demo-btn span, .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-btn span, .eael-static-product--style-three .eael-static-product-media .eael-static-product-thumb-overlay .eael-static-product-details .eael-static-product-btn-wrap a.eael-static-product-add-to-cart span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-tm-wrapper { position: relative; } .eael-tm-wrapper .eael-tm-social-links { list-style: none; margin: 0; padding: 0; } .eael-tm-wrapper .eael-tm-social-links .eael-tm-social-icon { -webkit-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } .eael-tm-wrapper .eael-tm-social-links li { list-style: none; margin: 0; padding: 0; } .eael-tm-wrapper .eael-tm-social-links li a { -webkit-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } .eael-tm-wrapper .eael-tm-title-divider-wrap { font-size: 0; line-height: 1; } .eael-tm-wrapper li, .eael-tm-wrapper .eael-tm-social-icon, .eael-tm-wrapper .eael-tm-divider { display: inline-block; } .eael-tm-wrapper .eael-tm:hover .eael-tm-overlay-content-wrap { opacity: 1; visibility: visible; } .eael-tm-wrapper .eael-tm-image { display: inline-block; position: relative; } .eael-tm-content-normal { position: relative; z-index: 1; padding: 10px 0; } .eael-tm-overlay-content-wrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } .eael-tm-overlay-content-wrap:before { background-color: #000; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; } .eael-tm-overlay-content-wrap .eael-tm-content { padding: 20px; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .eael-tm-social-icon-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .eael-tm-carousel { position: relative; } .eael-tm-name { margin-top: 0; } .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-button-prev i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .eael-tm-carousel-dots-outside .swiper-pagination { position: static; } .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-slide, .eael-team-member-carousel-wrap.swiper-container .swiper-slide { text-align: center; } .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-slide img, .eael-team-member-carousel-wrap.swiper-container .swiper-slide img { width: auto; } .eael-team-member-carousel-wrap.swiper-container-wrap-dots-outside .swiper-pagination, .eael-team-member-carousel-wrap.swiper-container-dots-outside .swiper-pagination { position: static; } .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-button-next, .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-button-prev, .eael-team-member-carousel-wrap.swiper-container .swiper-button-next, .eael-team-member-carousel-wrap.swiper-container .swiper-button-prev { background: transparent; font-size: 20px; height: auto; line-height: 1; margin: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; } .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-button-next .fa, .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-button-prev .fa, .eael-team-member-carousel-wrap.swiper-container .swiper-button-next .fa, .eael-team-member-carousel-wrap.swiper-container .swiper-button-prev .fa { vertical-align: top; } .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .eael-team-member-carousel-wrap.swiper-container-wrap-dots-outside .swiper-pagination { position: static; } .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet { background: #ccc; margin: 0 4px; opacity: 1; height: 8px; width: 8px; } .eael-team-member-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet-active { background: #000; } .eael-team-member-carousel-wrap.swiper-container-3d .swiper-slide { -o-transition-property: all; transition-property: all; -webkit-transition-property: all; } /* Centered Style */ .eael-team-item.eael-team-members-centered .eael-team-content { text-align: center; } /* Circle Style */ .eael-team-item.eael-team-members-circle .eael-team-image { text-align: center; } .eael-team-item.eael-team-members-circle figure img { width: 150px; height: 150px; -webkit-border-radius: 50%; border-radius: 50%; } .eael-team-item.eael-team-members-circle .eael-team-content { text-align: center; } /* social icon thumbnail right */ .eael-team-item.eael-team-members-social-right .eael-team-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eael-team-item.eael-team-members-social-right .eael-team-image .eael-team-member-social-profiles { list-style: none; display: inline-block; margin: 0; padding: 15px 10px; } @charset "UTF-8"; .elementor-widget-eael-testimonial-slider { /*--- Default styles ---*/ /*--- Default Style ---*/ /*--- Left align ---*/ /*--- Center align ---*/ /*--- Right align ---*/ /** * Thumbnail Aliginment */ /** * General Style For Floating Thumbnail, meta name and rating */ /** * Layout: Content Top Icon Title inline */ /** * Layout: Content Bottom Icon Title inline */ /** * Slider Button For all layout */ } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider { position: relative; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider .swiper-container-3d .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .elementor-widget-eael-testimonial-slider .testimonial-star-rating { padding: 0; margin: 0; } .elementor-widget-eael-testimonial-slider .testimonial-star-rating li { list-style: none; display: inline-block; } .elementor-widget-eael-testimonial-slider .testimonial-star-rating li i { color: #d8d8d8; } .elementor-widget-eael-testimonial-slider .rating-five .testimonial-star-rating li i { color: #f2b01e; } .elementor-widget-eael-testimonial-slider .rating-one .testimonial-star-rating li:first-child i { color: #f2b01e; } .elementor-widget-eael-testimonial-slider .rating-two .testimonial-star-rating li:nth-child(1) i, .elementor-widget-eael-testimonial-slider .rating-two .testimonial-star-rating li:nth-child(2) i { color: #f2b01e; } .elementor-widget-eael-testimonial-slider .rating-three .testimonial-star-rating li:nth-child(1) i, .elementor-widget-eael-testimonial-slider .rating-three .testimonial-star-rating li:nth-child(2) i, .elementor-widget-eael-testimonial-slider .rating-three .testimonial-star-rating li:nth-child(3) i { color: #f2b01e; } .elementor-widget-eael-testimonial-slider .rating-four .testimonial-star-rating li:nth-child(1) i, .elementor-widget-eael-testimonial-slider .rating-four .testimonial-star-rating li:nth-child(2) i, .elementor-widget-eael-testimonial-slider .rating-four .testimonial-star-rating li:nth-child(3) i, .elementor-widget-eael-testimonial-slider .rating-four .testimonial-star-rating li:nth-child(4) i { color: #f2b01e; } .elementor-widget-eael-testimonial-slider .eael-testimonial-image img { max-width: 100%; } .elementor-widget-eael-testimonial-slider .eael-testimonial-image { padding: 10px 0px 0px 0px; } .elementor-widget-eael-testimonial-slider .eael-testimonial-image > figure { display: block; margin: 0; } .elementor-widget-eael-testimonial-slider .testimonial-avatar-rounded figure img { -webkit-border-radius: 50%; border-radius: 50%; height: auto; } .elementor-widget-eael-testimonial-slider .eael-testimonial-content { margin: 0; padding: 10px; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item > figure { margin: 0 auto; padding: 0 20px; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item .center-text { text-align: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item .right-text { text-align: right; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item .left-text { text-align: left; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item .justify-text { text-align: justify; } .elementor-widget-eael-testimonial-slider .eael-testimonial-content .eael-testimonial-text { font-size: 100%; font-style: italic; line-height: 1.5; margin-top: 0px; margin-bottom: 10px; word-wrap: break-word; } .elementor-widget-eael-testimonial-slider .eael-testimonial-content .eael-testimonial-user { display: inline-block; font-family: inherit; font-size: 105%; font-style: italic; font-weight: normal; line-height: 1.5; margin-top: 0; margin-bottom: 0; margin-right: 5px; } .elementor-widget-eael-testimonial-slider .eael-testimonial-content .eael-testimonial-user-company { display: inline-block; font-family: inherit; font-size: 90%; font-style: italic; font-weight: lighter; line-height: 1.75; margin-bottom: 0; margin-top: 1px; } .elementor-widget-eael-testimonial-slider .eael-testimonial-image { position: relative; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item .eael-testimonial-quote::after { color: inherit !important; content: ""; font-family: "Font Awesome 5 Free"; font-size: 200%; font-weight: 900; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure img, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure img, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure img, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure img, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure img, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure img { margin: 0; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure { text-align: right; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure { text-align: left; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.default-style .eael-testimonial-align-right .default-style-testimonial-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.classic-style .eael-testimonial-align-right .testimonial-classic-style-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-right .middle-style-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-text { text-align: right; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.default-style .eael-testimonial-align-center .default-style-testimonial-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.classic-style .eael-testimonial-align-center .testimonial-classic-style-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-center .middle-style-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-center .eael-testimonial-text { text-align: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.default-style .eael-testimonial-align-left .default-style-testimonial-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.classic-style .eael-testimonial-align-left .testimonial-classic-style-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-left .middle-style-content, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-text { text-align: left; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.icon-img-left-content .eael-testimonial-text > p, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.icon-img-right-content .eael-testimonial-text > p { margin: 0px; } .elementor-widget-eael-testimonial-slider .icon-img-left-content .eael-testimonial-image { float: left; width: 30%; } .elementor-widget-eael-testimonial-slider .icon-img-left-content .eael-testimonial-content { float: left; width: 70%; } .elementor-widget-eael-testimonial-slider .icon-img-left-content .eael-testimonial-align-left .eael-testimonial-content { text-align: left; } .elementor-widget-eael-testimonial-slider .icon-img-left-content .eael-testimonial-align-center .eael-testimonial-content { text-align: center; } .elementor-widget-eael-testimonial-slider .icon-img-left-content .eael-testimonial-align-right .eael-testimonial-content { text-align: right; } .elementor-widget-eael-testimonial-slider .icon-img-left-content.eael-testimonial-item { overflow: hidden; position: relative; } .elementor-widget-eael-testimonial-slider .icon-img-left-content .eael-testimonial-quote { position: absolute; right: 0; } .elementor-widget-eael-testimonial-slider .icon-img-left-content .eael-testimonial-text { margin-top: 0; } .elementor-widget-eael-testimonial-slider .eael-testimonial-align-center .eael-testimonial-user, .elementor-widget-eael-testimonial-slider .eael-testimonial-align-center .eael-testimonial-user-company { float: none; text-align: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-image, .elementor-widget-eael-testimonial-slider .eael-testimonial-align-center .eael-testimonial-image, .elementor-widget-eael-testimonial-slider .eael-testimonial-align-center .testimonial-inline-style { margin: 0 auto; } .elementor-widget-eael-testimonial-slider .eael-testimonial-align-center .eael-testimonial-image { display: block; } .elementor-widget-eael-testimonial-slider .eael-testimonial-align-right .eael-testimonial-image, .elementor-widget-eael-testimonial-slider .eael-testimonial-align-right .testimonial-inline-style { margin: 0 0 0 auto; } .elementor-widget-eael-testimonial-slider .eael-testimonial-align-center .eael-testimonial-image, .elementor-widget-eael-testimonial-slider .eael-testimonial-align-center .testimonial-inline-style { margin: 0 auto; } .elementor-widget-eael-testimonial-slider .eael-testimonial-align-left .eael-testimonial-image, .elementor-widget-eael-testimonial-slider .eael-testimonial-align-left .testimonial-inline-style { margin: 0 auto 0 0; } .elementor-widget-eael-testimonial-slider .icon-img-right-content .eael-testimonial-image { float: right; width: 30%; } .elementor-widget-eael-testimonial-slider .icon-img-right-content .eael-testimonial-content { float: left; width: 70%; } .elementor-widget-eael-testimonial-slider .icon-img-right-content .eael-testimonial-align-left .eael-testimonial-content { text-align: left; } .elementor-widget-eael-testimonial-slider .icon-img-right-content .eael-testimonial-align-right .eael-testimonial-content { text-align: right; } .elementor-widget-eael-testimonial-slider .icon-img-right-content .eael-testimonial-align-center .eael-testimonial-content { text-align: center; } .elementor-widget-eael-testimonial-slider .icon-img-right-content.eael-testimonial-item { overflow: hidden; position: relative; } .elementor-widget-eael-testimonial-slider .icon-img-right-content .eael-testimonial-quote { position: absolute; } .elementor-widget-eael-testimonial-slider .icon-img-right-content .eael-testimonial-text { margin-top: 0; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item { position: relative; } .elementor-widget-eael-testimonial-slider .classic-style.testimonial-alignment-center .eael-testimonial-image, .elementor-widget-eael-testimonial-slider .default-style.testimonial-alignment-center .eael-testimonial-image { text-align: center; } .elementor-widget-eael-testimonial-slider .classic-style.testimonial-alignment-right .eael-testimonial-image, .elementor-widget-eael-testimonial-slider .default-style.testimonial-alignment-right .eael-testimonial-image { text-align: right; } .elementor-widget-eael-testimonial-slider .classic-style.testimonial-alignment-center .eael-testimonial-image > figure, .elementor-widget-eael-testimonial-slider .default-style.testimonial-alignment-center .eael-testimonial-image > figure { text-align: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-center .eael-testimonial-content { text-align: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-left .eael-testimonial-content { text-align: left; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-right .eael-testimonial-content { text-align: right; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-center .eael-testimonial-content { text-align: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-left .eael-testimonial-content { text-align: left; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-right .eael-testimonial-content { text-align: right; } .elementor-widget-eael-testimonial-slider span.eael-testimonial-quote { position: absolute; right: 10px; top: 10px; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item.left .eael-testimonial-image { text-align: left; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item.center .eael-testimonial-image { text-align: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-item.right .eael-testimonial-image { text-align: right; } .elementor-widget-eael-testimonial-slider .eael-testimonial-inline-bio .eael-testimonial-image { float: left; } .elementor-widget-eael-testimonial-slider .eael-testimonial-inline-bio .bio-text { padding-top: 10px; } .elementor-widget-eael-testimonial-slider .eael-testimonial-content.eael-testimonial-inline-bio { overflow: hidden; margin-bottom: 0; padding-bottom: 0; } .elementor-widget-eael-testimonial-slider .eael-testimonial-inline-bio .testimonial-star-rating, .elementor-widget-eael-testimonial-slider .eael-testimonial-inline-bio .bio-text { float: left; width: 65%; } .elementor-widget-eael-testimonial-slider .eael-testimonial-content.eael-testimonial-inline-bio { text-align: left !important; } .elementor-widget-eael-testimonial-slider .testimonial-inline-style .eael-testimonial-image { float: left; max-width: 100%; padding: 0; margin-right: 15px; } .elementor-widget-eael-testimonial-slider .testimonial-inline-style { overflow: hidden; text-align: left; width: 40%; } .elementor-widget-eael-testimonial-slider .content-top-icon-title-inline .eael-testimonial-text, .elementor-widget-eael-testimonial-slider .content-top-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text { text-align: left; } .elementor-widget-eael-testimonial-slider .content-top-icon-title-inline .eael-testimonial-align-center .eael-testimonial-text { text-align: center; } .elementor-widget-eael-testimonial-slider .content-top-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text { text-align: right; } .elementor-widget-eael-testimonial-slider .content-bottom-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text { text-align: left; } .elementor-widget-eael-testimonial-slider .content-bottom-icon-title-inline .eael-testimonial-align-center .eael-testimonial-text { text-align: center; } .elementor-widget-eael-testimonial-slider .content-bottom-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text { text-align: right; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider-main.swiper-container .swiper-button-next, .elementor-widget-eael-testimonial-slider .eael-testimonial-slider-main.swiper-container .swiper-button-prev { background-image: none; outline: none; } .elementor-widget-eael-testimonial-slider .eael-testimonial-slider-main.swiper-container-cube .swiper-slide-active { background: #ffffff; } .elementor-widget-eael-testimonial-slider .swiper-container-wrap .swiper-button-next, .elementor-widget-eael-testimonial-slider .swiper-container-wrap .swiper-button-prev { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination { width: 350px !important; height: 100px !important; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination .swiper-slide { width: 100px !important; opacity: 0.4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination .swiper-slide .eael-pagination-thumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination .swiper-slide .eael-pagination-thumb .eael-thumbnail { width: 60px; height: 60px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination .swiper-slide-active { opacity: 1; } .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination .swiper-slide-active .eael-pagination-thumb .eael-thumbnail { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } @media all and (min-width: 1024px) { .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination.eael_gallery_pagination_hide_on_desktop { display: none !important; } } @media all and (min-width: 768px) and (max-width: 1024px) { .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination.eael_gallery_pagination_hide_on_tablet { display: none !important; } } @media all and (max-width: 767px) { .elementor-widget-eael-testimonial-slider .eael-testimonial-gallary-pagination.eael_gallery_pagination_hide_on_mobile { display: none !important; } } .eael-toggle-switch-inner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eael-toggle-center .eael-toggle-switch-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .eael-toggle-right .eael-toggle-switch-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .eael-toggle-switch-container { display: inline-block; font-size: 26px; line-height: 1; margin: 0 15px; overflow: hidden; } .eael-toggle-switch-round { -webkit-border-radius: 1.31em; border-radius: 1.31em; } .eael-toggle-switch-round .eael-toggle-slider:before { -webkit-border-radius: 50%; border-radius: 50%; } .eael-toggle-switch { position: relative; display: inline-block; width: 2.31em; height: 1.29em; margin: 0; vertical-align: middle; font-size: inherit; } .eael-toggle-switch input { display: none; } .eael-toggle-content-wrap.primary .eael-toggle-secondary-wrap { display: none; } .eael-toggle-content-wrap.secondary .eael-toggle-primary-wrap { display: none; } .eael-toggle-content-wrap .elementor-section-stretched { left: 0 !important; width: 100% !important; } .eael-toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .eael-toggle-slider:before { position: absolute; content: ""; height: 1em; width: 1em; left: 0.16em; bottom: 0.15em; background-color: white; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .eael-toggle-switch-on .eael-toggle-slider { background-color: #2196F3; -webkit-box-shadow: 0 0 1px #2196F3; box-shadow: 0 0 1px #2196F3; } .eael-toggle-switch-on .eael-toggle-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } html { scroll-behavior: smooth; } .ea-woo-checkout.layout-split .steps-buttons, .ea-woo-checkout.layout-multi-steps .steps-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ea-woo-checkout.layout-split .steps-buttons button:focus, .ea-woo-checkout.layout-multi-steps .steps-buttons button:focus { outline: none; } .ea-woo-checkout.layout-split .steps-buttons button.ea-woo-checkout-btn-prev, .ea-woo-checkout.layout-multi-steps .steps-buttons button.ea-woo-checkout-btn-prev { display: none; } .ea-woo-checkout.layout-split .layout-split-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .ea-woo-checkout.layout-split .layout-split-container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .ea-woo-checkout.layout-split .layout-split-container .info-area { width: 65%; margin-right: 5%; } @media (max-width: 768px) { .ea-woo-checkout.layout-split .layout-split-container .info-area { width: 100%; } } .ea-woo-checkout.layout-split .layout-split-container .info-area .split-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding-left: 0; margin: 0 0 30px 0; -webkit-border-radius: 5px; border-radius: 5px; list-style: none; text-align: center; } .ea-woo-checkout.layout-split .layout-split-container .info-area .split-tabs li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 1.2em; -webkit-font-smoothing: subpixel-antialiased; padding: 12px; } .ea-woo-checkout.layout-split .layout-split-container .info-area .split-tabs li.active { background-color: #7866ff; -webkit-border-radius: 4px; border-radius: 4px; color: #FFFFFF; cursor: pointer; } .ea-woo-checkout.layout-split .layout-split-container .info-area .split-tabs li.completed { cursor: pointer; } .ea-woo-checkout.layout-split .layout-split-container .info-area .woo-checkout-coupon .checkout_coupon .form-row-first { width: 70%; } .ea-woo-checkout.layout-split .layout-split-container .info-area .woo-checkout-coupon .checkout_coupon .form-row-last { width: 28%; } .ea-woo-checkout.layout-split .layout-split-container .table-area { width: 30%; } @media (max-width: 768px) { .ea-woo-checkout.layout-split .layout-split-container .table-area { width: 100%; } } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table .product-quantity { padding: 0; } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row { background-color: transparent; border-bottom: 1px solid; padding-bottom: 11px; -webkit-border-radius: 0; border-radius: 0; } @media (max-width: 768px) { .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row { width: 100%; } } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row .table-col-1 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row .table-col-1 .product-thumbnail { width: 20%; } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row .table-col-1 .product-name { width: 80%; } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row .table-col-3.product-total { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; padding-right: 0 !important; } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table-footer { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table-footer .footer-content { width: 100%; padding: 0; background-color: transparent; } .ea-woo-checkout.layout-split .layout-split-container .table-area .ea-woo-checkout-order-review .ea-order-review-table-footer .footer-content .order-total { border-top: 1px solid; margin-top: 10px; padding-top: 10px; font-size: 1.2em; } .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .col-1, .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .col-2 { float: none !important; width: 100% !important; padding-left: 0; padding-right: 0; } .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .woocommerce-billing-fields, .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .woo-checkout-payment { margin-bottom: 30px; } .ea-woo-checkout.layout-split .woocommerce .woo-checkout-payment { margin-bottom: 30px; } .ea-woo-checkout.layout-split .woocommerce .woo-checkout-payment .woocommerce-privacy-policy-text p:last-child { margin-bottom: 0; } .ea-woo-checkout.layout-split .woocommerce .woo-checkout-payment #place_order { display: none !important; } .ea-woo-checkout.layout-split .woocommerce .woo-checkout-login, .ea-woo-checkout.layout-split .woocommerce .woo-checkout-coupon, .ea-woo-checkout.layout-split .woocommerce #customer_details, .ea-woo-checkout.layout-split .woocommerce .woo-checkout-payment { display: none; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container { /*marking active/completed steps green*/ /*The number of the step and the connector before it = green*/ } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs { padding: 0; margin: 0 0 30px 0; overflow: hidden; counter-reset: step; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs li { list-style-type: none; color: #7866ff; font-size: 1rem; line-height: 1.2em; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; text-align: center; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs li:first-child:after { /*connector not needed before the first step*/ content: none; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs li:before { content: counter(step); counter-increment: step; width: 24px; height: 24px; line-height: 26px; display: block; font-size: 12px; color: #fff; background: #7866ff; -webkit-border-radius: 25px; border-radius: 25px; margin: 0 auto 10px auto; position: relative; z-index: 1; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs li:after { content: ""; width: 100%; height: 2px; background: black; position: absolute; left: -50%; top: 9px; z-index: 0; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs li.completed:before, .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs li.completed:after { background: #7866ff; color: white; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .ms-tabs-content { width: 65%; margin-right: 5%; -webkit-box-shadow: 2px 0px 15px 5px rgba(41, 41, 93, 0.07); box-shadow: 2px 0px 15px 5px rgba(41, 41, 93, 0.07); } @media (max-width: 768px) { .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .ms-tabs-content { width: 100%; margin-right: 0; } } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .ms-tabs-content .woo-checkout-coupon .checkout_coupon .form-row-first { width: 70%; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .ms-tabs-content .woo-checkout-coupon .checkout_coupon .form-row-last { width: 28%; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area { width: 30%; } @media (max-width: 768px) { .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area { width: 100%; } } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review { margin-bottom: 0; } @media (max-width: 768px) { .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review { margin-bottom: 30px; } } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table .product-quantity { padding: 0; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row { background-color: transparent; border-bottom: 1px solid; padding-bottom: 11px; -webkit-border-radius: 0; border-radius: 0; } @media (max-width: 768px) { .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row { width: 100%; } } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row .table-col-1 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row .table-col-1 .product-thumbnail { width: 20%; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row .table-col-1 .product-name { width: 80%; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table .table-row .table-col-3.product-total { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; padding-right: 0 !important; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table-footer { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table-footer .footer-content { width: 100%; padding: 0; background-color: transparent; } .ea-woo-checkout.layout-multi-steps .layout-multi-steps-container .ms-tabs-content-wrap .table-area .ea-woo-checkout-order-review .ea-order-review-table-footer .footer-content .order-total { border-top: 1px solid; margin-top: 10px; padding-top: 10px; font-size: 1.2em; } .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .col-1, .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .col-2 { float: none !important; width: 100% !important; padding-left: 0; padding-right: 0; } .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .woocommerce-billing-fields, .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .woo-checkout-payment { margin-bottom: 30px; } .ea-woo-checkout.layout-multi-steps .woocommerce .woo-checkout-payment { margin-bottom: 30px; } .ea-woo-checkout.layout-multi-steps .woocommerce .woo-checkout-payment .woocommerce-privacy-policy-text p:last-child { margin-bottom: 0; } .ea-woo-checkout.layout-multi-steps .woocommerce .woo-checkout-payment #place_order { display: none !important; } .ea-woo-checkout.layout-multi-steps .woocommerce .woo-checkout-login, .ea-woo-checkout.layout-multi-steps .woocommerce .woo-checkout-coupon, .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details, .ea-woo-checkout.layout-multi-steps .woocommerce .woo-checkout-payment { display: none; } .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .col-1, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .col-1 { width: 100% !important; float: none !important; } @media (min-width: 1024px) { .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .col-1 .woocommerce-billing-fields, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .col-1 .woocommerce-account-fields, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .col-1 .woocommerce-shipping-fields, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .col-1 .woocommerce-additional-fields, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .col-1 .woocommerce-billing-fields, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .col-1 .woocommerce-account-fields, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .col-1 .woocommerce-shipping-fields, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .col-1 .woocommerce-additional-fields { float: none !important; width: 100% !important; padding-left: 0; } } .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-split .woocommerce #customer_details.col2-set .col-2, .eael-woo-checkout.theme-astra:not(.elementor-editor-active) .ea-woo-checkout.layout-multi-steps .woocommerce #customer_details.col2-set .col-2 { clear: both; } .eael-woo-collections { position: relative; overflow: hidden; } .eael-woo-collections .eael-woo-collections-bg { max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .eael-woo-collections .eael-woo-collections-bg-hover-zoom-in { -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .eael-woo-collections .eael-woo-collections-bg-hover-zoom-out { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .eael-woo-collections .eael-woo-collections-bg-hover-blur { -webkit-transition: -webkit-filter 300ms; transition: -webkit-filter 300ms; -o-transition: filter 300ms; transition: filter 300ms; transition: filter 300ms, -webkit-filter 300ms; } .eael-woo-collections:hover .eael-woo-collections-bg-hover-zoom-in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .eael-woo-collections:hover .eael-woo-collections-bg-hover-zoom-out { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .eael-woo-collections:hover .eael-woo-collections-bg-hover-blur { -webkit-filter: blur(2px); filter: blur(2px); } .eael-woo-collections .eael-woo-collections-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px; -webkit-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms; } .eael-woo-collections .eael-woo-collections-overlay.eael-woo-collections-overlay-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .eael-woo-collections .eael-woo-collections-overlay.eael-woo-collections-overlay-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner.eael-woo-collections-overlay-inner-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner.eael-woo-collections-overlay-inner-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner span { font-size: 14px; font-weight: 400; line-height: 1; color: #000; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner h2 { font-size: 34px; font-weight: 400; line-height: 1.2; color: #000; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; margin: 0; padding: 0; }
[+]
..
[-] view.min.js
[edit]
[-] post-carousel.css
[edit]
[-] social-feed.css
[edit]
[-] img-comparison.css
[edit]
[-] woo-checkout-pro.css
[edit]
[-] fancy-text.css
[edit]
[-] instagram-gallery.css
[edit]
[-] team-members.min.css
[edit]
[-] image-hotspots.css
[edit]
[-] advanced-menu.min.css
[edit]
[-] static-product.css
[edit]
[-] post-block-overlay.css
[edit]
[-] learn-dash-course-list.min.css
[edit]
[-] team-members.css
[edit]
[-] section-particles.css
[edit]
[-] divider.css
[edit]
[-] price-table.min.css
[edit]
[-] price-menu.min.css
[edit]
[-] content-timeline.min.css
[edit]
[-] mailchimp.css
[edit]
[-] interactive-promo.css
[edit]
[-] section-parallax.css
[edit]
[-] interactive-promo.min.css
[edit]
[-] price-menu.css
[edit]
[-] woo-collections.css
[edit]
[-] one-page-navigation.min.css
[edit]
[-] static-product.min.css
[edit]
[-] toggle.min.css
[edit]
[-] section-particles.min.css
[edit]
[-] post-carousel.min.css
[edit]
[-] lightbox.css
[edit]
[-] logo-carousel.min.css
[edit]
[-] flip-carousel.min.css
[edit]
[-] progress-bar.min.css
[edit]
[-] offcanvas.css
[edit]
[-] progress-bar.css
[edit]
[-] protected-content.min.css
[edit]
[-] testimonial-slider.css
[edit]
[-] section-parallax.min.css
[edit]
[-] team-member-carousel.min.css
[edit]
[-] counter.css
[edit]
[-] image-scroller.min.css
[edit]
[-] learn-dash-course-list.css
[edit]
[-] post-block.min.css
[edit]
[-] testimonial-slider.min.css
[edit]
[-] lightbox.min.css
[edit]
[-] fancy-text.min.css
[edit]
[-] flip-carousel.css
[edit]
[-] adv-google-map.min.css
[edit]
[-] instagram-gallery.min.css
[edit]
[-] team-member-carousel.css
[edit]
[-] divider.min.css
[edit]
[-] dynamic-filter-gallery.css
[edit]
[-] adv-google-map.css
[edit]
[-] post-list.min.css
[edit]
[-] view.css
[edit]
[-] post-block.css
[edit]
[-] img-comparison.min.css
[edit]
[-] mailchimp.min.css
[edit]
[-] image-scroller.css
[edit]
[-] dynamic-filter-gallery.min.css
[edit]
[-] counter.min.css
[edit]
[-] post-list.css
[edit]
[-] content-timeline.css
[edit]
[-] view.min.css
[edit]
[-] advanced-menu.css
[edit]
[-] price-table.css
[edit]
[-] offcanvas.min.css
[edit]
[-] image-hotspots.min.css
[edit]
[-] woo-checkout-pro.min.css
[edit]
[-] view.js
[edit]
[-] social-feed.min.css
[edit]
[-] one-page-navigation.css
[edit]
[-] logo-carousel.css
[edit]
[-] creative-btn.css
[edit]
[-] toggle.css
[edit]
[-] woo-collections.min.css
[edit]
[-] creative-btn.min.css
[edit]
[-] post-block-overlay.min.css
[edit]
[-] protected-content.css
[edit]