/home/desid573/verdenaturopathy.com.au/site3/wp-content/themes/Ellen_Theme
Edit: /home/desid573/verdenaturopathy.com.au/site3/wp-content/themes/Ellen_Theme/style.css (41652B)
/*
Theme Name: Ellen
Theme URI: https://demosdivi.lovelyconfetti.com/ellen
Description: Beautiful Multipurpose Theme Template for Divi
Author: Lovely Confetti
Author URI: https://lovelyconfetti.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
font-family: 'Sloop Script Pro';
src: url('fonts/sloopscript.eot');
src: url('fonts/sloopscript.eot?#iefix') format('embedded-opentype'),
url('fonts/sloopscript.woff2') format('woff2'),
url('fonts/sloopscript.woff') format('woff'),
url('fonts/sloopscript.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Root Color
----------------------------------------*/
:root{
--color1: #f5f6f1;
--color2: #eee4db;
--color3: #dcdbd4;
--color4: #dfe2d5;
--color5: #aca892;
--color6: #454334;
}
/* Reverse Columns Services On mobile
----------------------------------------*/
@media screen and ( max-width: 980px ) {
.reverse {
display: flex;
flex-direction: column-reverse;
}}
/* Selection
----------------------------------------*/
::-moz-selection {
background-color: #faf4f0;
}
::selection {
background-color: #faf4f0;
color: #222;
}
/* Collapse Submenus
----------------------------------------*/
.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
font-family: 'ETmodules';
text-align: center;
speak: none;
font-weight: 600;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute;
font-size: 18px;
content: '\4c';
top: 11px;
right: 13px;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
content: '\4d';
}
.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
display: none !important;
visibility: hidden !important;
transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
display: block !important;
visibility: visible !important;
}
/* Marie Menu Blog
----------------------------------------*/
.marie_menusidebar .et_pb_menu_inner_container,
.marie_menusidebar .et_pb_menu__wrap,
.marie_menusidebar .et_pb_menu__menu,
.marie_menusidebar.et_pb_menu .et_pb_menu__menu>nav,
.marie_menusidebar.et_pb_menu .et_pb_menu__menu>nav>ul {
display: block;
}
.marie_menusidebar .et_mobile_nav_menu {
display: none;
}
.dl-v-menu2.et_pb_menu .et-menu {
margin: 0;
}
#page-container .marie_menusidebar ul.sub-menu {
position: relative;
visibility: visible;
opacity: 1;
top: 0;
left: 0;
width: auto;
border-top: none;
box-shadow: none;
display: none;
transition: none;
padding: 0;
margin: 0 0 0 20px;
border-radius: 5px;
}
#page-container .marie_menusidebar ul.sub-menu li {
padding: 0;
margin-top: 8px;
}
#page-container .marie_menusidebar ul.sub-menu a {
text-transform: none;
width: 100%;
}
#page-container .marie_menusidebar li {
display: block;
padding: 0;
}
#page-container .marie_menusidebar li a {
line-height: initial;
display: block;
padding: 14px 20px;
background: #f5f4ef;
transition: all .3s ease-in-out;
border-radius: 4px;
}
#page-container .marie_menusidebar a:hover {
background: #e8e3e1;
opacity: 1;
}
#page-container .marie_menusidebar li.current-menu-item a {
background: #000;
}
.marie_menusidebar .menu-item-has-children>a:first-child:after {
display: none;
}
/* Ellen Hero Text
-----------------------------------------------------*/
.ellen_hero_section h1.title{
color:var(--color4);
}
.ellen_hero_section h1.title span{
color:var(--color4);
}
.ellen_hero_section h1{
padding-bottom:0px!important;
}
/* Ellen Testimonial 1
-----------------------------------------------------*/
.ellen_testimonial1 .et_pb_blurb .et_pb_image_wrap {
position: relative;
}
.ellen_testimonial1 .et_pb_blurb .et_pb_image_wrap:before {
content: '';
position: absolute;
border: 1px solid var(--color3);
width: 100%;
height: 100%;
border-radius: 50%;
top: -1px;
left: -1px;
transition: all .5s ease;
}
.ellen_testimonial1 .et_pb_blurb .et_pb_image_wrap img {
border-radius: 50%;
padding: 5px;
}
.ellen_testimonial1 .et_pb_blurb{
position:relative;
}
.ellen_testimonial1 .et_pb_blurb:before{
content: '';
position: absolute;
background-color: var(--color3);
width: 100%;
height: 95%;
top: 40px;
border-radius: 0 0 5px 5px;
transition: all .5s ease;
}
.ellen_testimonial1 .client_box .et_pb_column:hover .et_pb_blurb .et_pb_image_wrap:before{
border: 1px dashed var(--color3);
}
.ellen_testimonial1 .client_box .et_pb_column:hover .et_pb_blurb .et_pb_image_wrap:after{
background:var(--color1);
}
.ellen_testimonial1 .client_box .et_pb_column:hover .et_pb_blurb:before{
background:var(--color1);
}
/* Ellen Blurb 1
-----------------------------------------------------*/
.ellen_service1 .et_pb_blurb_content {
max-width:100%;
}
.ellen_service1 .et_pb_blurb_content .et_pb_main_blurb_image {
position:relative;
margin-bottom:20px;
z-index:0;
height:100px;
width:100px;
display:block;
text-align:left;
}
.ellen_service1 .et_pb_blurb_content .et_pb_main_blurb_image:before {
width: 50px;
height: 50px;
border-radius: 50%;
background: #fff;
border-radius:50%;
position:absolute;
content:'';
z-index:-10;
top:0;
left:35px;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
opacity: 0.6;
}
.ellen_service1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
line-height:100px;
color:var(--color-1);
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
display:block;
text-align:center;
font-size:80px;
}
.ellen_service1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
font-size:56px;
}
/* Ellen Video PopUp
-----------------------------------------------------*/
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
top: 0px !important;
position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
top: -50px ;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
top: -50px !important;
}
.video_popup_lightbox .mfp-iframe-holder .mfp-close {
top: -50px;
}
.video_popup {
position: relative;
}
.video_popup a {
margin: auto;
text-decoration: none;
color: var(--color-1);
font-size: 50px;
width: 90px;
height: 90px;
text-align: center;
display: inline-block;
border-radius: 90%;
-webkit-animation: ripple 1s linear infinite;
animation: ripple 1s linear infinite;
}
@-webkit-keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
}}
@keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
}}
/* Ellen About Values
-----------------------------------------------------*/
.ellen_values .et_pb_blurb .et_pb_blurb_container {
border-radius: 10px;
padding: 40px;
background-color: #fff;
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
max-width: 90%;
}
@media only screen and (max-width: 1390px) and (min-width:981px) {
body .ellen_values .et_pb_column:first-child {
margin-right:4%;
width: 43%
}
body .ellen_values .et_pb_column:last-child {
padding-top: 40px!important;
padding-bottom: 40px!important;
width: 53%!important
}
body .ellen_values .et_pb_text:after {
margin-top: 20px!important
}
body .ellen_values {
padding-top: 100px!important;
padding-bottom: 100px!important
}
.ellen_values .et_pb_blurb .et_pb_blurb_container {
padding: 35px
}
}
@media only screen and (max-width: 980px) {
.ellen_values .et_pb_blurb .et_pb_blurb_container {
padding:30px
}
}
@media only screen and (max-width: 767px) {
.ellen_values .et_pb_blurb .et_pb_blurb_container {
position:relative;
bottom: 0;
left: 0;
right: 0
}
}
/* Ellen Blog Resources
-----------------------------------------------------*/
.ellen_happyblog .et_pb_posts .et_pb_post .post-meta,
.ellen_happyblog .et_pb_posts .et_pb_post .entry-title,
.ellen_happyblog .et_pb_posts .et_pb_post .post-content {
z-index: 15;
position: relative
}
.ellen_happyblog .et_pb_posts .et_pb_post:before {
content: "";
display: block;
width: 100%;
height: 0;
position: absolute;
top: 0;
left: 0;
transition: .3s;
background:var(--color5);
border-radius: 10px
}
.ellen_happyblog .et_pb_posts .et_pb_post:hover:before {
height: 100%
}
.ellen_happyblogg .et_pb_posts .et_pb_post a.more-link:hover {
opacity: .5
}
.ellen_happyblog .et_pb_posts .et_pb_post a.more-link:after {
content: "$" !important;
font-family: "ETmodules" !important;
margin: 29px 0 0 !important;
font-size: 40px !important;
display: inline-block !important;
vertical-align: middle;
color:var(--color2);
}
.ellen_happyblog .et_pb_posts .et_pb_post:nth-child(2n+2) {
margin-right: 0 !important
}
.ellen_happyblog .et_pb_posts .et_pb_post {
display: block;
width: 48.5% !important;
margin-right: 3% !important;
margin-bottom: 36px !important;
background:var(--color6);
padding: 50px 40px 40px !important;
float: left;
border-radius: 10px;
clear: none !important
}
.ellen_happyblog .et_pb_posts .et_pb_post a.entry-featured-image-url img {
display: block !important;
width: 100% !important
}
.ellen_happyblog .et_pb_posts .et_pb_post:last-child {
margin-bottom: 0 !important
}
@media only screen and (max-width: 800px) {
.ellen_happyblog .et_pb_posts .et_pb_post {
width: 100% !important;
}}
/* Sophia Slide
-----------------------------------------------------*/
.sophia_slide .et_pb_slide {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
/*.sophia_slide .et_pb_slide_description:before {
content: '{';
display: block;
font-size: 72px;
line-height: 100%;
font-family: ETmodules !important;
float: left;
margin-left: -14px;
margin-bottom: 3px;
color: #000;
}*/
/*.testimonial4 .et_pb_slide_description:after {
content: '{';
display: block;
font-size: 72px;
line-height: 100%;
font-family: ETmodules !important;
float: right;
margin-left: -14px;
margin-bottom: 3px;
color: #000;
}*/
.sophia_slide .et-pb-controllers a:hover,
.sophia_slide .et-pb-controllers a.et-pb-active-control {
border: 1px solid;
}
.sophia_slide .et-pb-controllers a {
width: 24px;
height: 24px;
border-radius: 100%;
background: transparent !important;
color: inherit;
position: relative;
color: #000;
}
.sophia_slide .et-pb-controllers a:before {
content: "";
display: block;
box-shadow: inset 0 0 0 14px;
position: absolute;
top: 6px;
right: 6px;
left: 6px;
bottom: 6px;
border-radius: 100%;
}
.sophia_slide .et-pb-controllers {
height: auto !important;
}
/* Sophia Comments
-----------------------------------------------------*/
body #page-container .et_pb_section .et_pb_comments_0_tb_body.et_pb_comments_module .et_pb_button:after {
margin-top: 4px;
}
/* Sophia Underline Text
-----------------------------------------------------*/
/*.underline-magical {
background-image: linear-gradient(120deg, (--color2) 0%, #fff 100%);
background-repeat: no-repeat;
background-size: 100% 0.4em;
background-position: 0 88%;
transition: background-size 0.25s ease-in;
}
.underline-magical:hover {
background-size: 100% 88%;
}*/
.underline-magical {
position:relative;
}
.underline-magical:before{
content: "";
z-index: -1;
left: -0.2em;
top: 0.95em;
border-width: 0.2em;
border-style: solid;
border-color: var(--color2);
position: absolute;
width: 100%;
border-left-color: transparent;
border-right-color: transparent;
opacity: 0.5;
}
/* Ellen Accent Text
-----------------------------------------------------*/
.sophia_home_hero_section h1.title span,
.sophia_home_hero_section h2.title span,
.sophia_home_hero_section h3.title span {
color: var(--color4);
}
/* Ellen WooCommerce
----------------------------------------*/
.woocommerce-product-gallery__image {
pointer-events: none!important;
}
/* Sophia
-----------------------------------------------------*/
.sophia_numbers .percent-value,
.sophia_numbers .percent-sign {
color: var(--color4);
}
/* Sophia Columns
-----------------------------------------------------*/
@media only screen and (max-width: 980px) {
.two-columns .et_pb_column {
width: 50%!important;
}}
/* Marquee Banner
-----------------------------------------------------*/
.marquee {
position: relative;
display: flex;
animation: moveLeft 24s linear infinite !important;
overflow:hidden;
}
.track {
color: inherit;
text-decoration: none;
animation: text 20s infinite linear;
position:relative;
white-space: nowrap;
min-width: 100%;
}
@keyframes text{
0%{
left: 0%;
}
25%{
left:-10%;
}
50%{
left:-20%;
}
75%{
left:-30%;
}
100%{
left:-40%;
}}
/* Ellen Blog Grid
----------------------------------------*/
.ellen_gridblog .et_pb_post {
transition: .5s all ease;
background: transparent;
}
.ellen_gridblog .et_pb_post:hover {
-webkit-transform: translate(0,-10px);
transform: translate(0,-10px);
}
.ellen_gridblog .et_pb_post a img {
height: 425px;
object-fit: cover;
margin: 0 40px 0 0;
border-radius: 15px;
}
.ellen_gridblog .et_pb_post .post_block {
display: flex;
flex-direction: column;
}
.ellen_gridblog .et_pb_post .post_block {
word-wrap: break-word;
position: relative;
border-radius: 10px;
}
.ellen_gridblog .et_pb_post {
display: flex;
flex-direction: column;
}
.ellen_gridblog .et_pb_post .entry-featured-image-url {
display: block;
position: relative;
margin-bottom: 5px;
}
.ellen_gridblog .et_pb_post .entry-title {
order: 2;
}
.ellen_gridblog .et_pb_post .post-meta {
order: 1;
}
.ellen_gridblog .et_pb_post .post-meta a:after {
content: ',';
margin-left: 2px;
margin-right: 0;
}
.ellen_gridblog .et_pb_post .post-meta a:last-child:after {
display: none;
}
.ellen_gridblog .et_pb_post .post-content {
order: 3;
}
@media only screen and (min-width: 805px) {
.ellen_gridblog .et_pb_post {
min-height: 600px;
max-height:600px;
}}
/* Ellen Blog Grid 2
----------------------------------------*/
.ellen_gridblog2 .et_pb_post {
transition: .5s all ease;
background: transparent;
}
.ellen_gridblog2 .et_pb_post:hover {
-webkit-transform: translate(0,-10px);
transform: translate(0,-10px);
}
.ellen_gridblog2 .et_pb_post a img {
height: 425px;
object-fit: cover;
margin: 0 40px 0 0;
border-radius: 15px;
}
.ellen_gridblog2 .et_pb_post .post_block {
display: flex;
flex-direction: column;
}
.ellen_gridblog2 .et_pb_post .post_block {
background-color: #fff;
word-wrap: break-word;
margin-top: -70px;
position: relative;
padding: 30px;
border-radius: 10px;
}
.ellen_gridblog2 .et_pb_post .entry-featured-image-url {
display: block;
position: relative;
margin-bottom: 5px;
}
.ellen_gridblog2 .et_pb_post .post_block .entry-title {
order: 2;
}
.ellen_gridblog2 .et_pb_post .post_block .post-meta {
order: 1;
}
.ellen_gridblog2 .et_pb_post .post-meta a:after {
content: ',';
margin-left: 2px;
margin-right: 0;
}
.ellen_gridblog2 .et_pb_post .post-meta a:last-child:after {
display: none;
}
.ellen_gridblog2 .et_pb_post .post-content {
order: 3;
}
@media only screen and (min-width: 805px) {
.ellen_gridblog2 .et_pb_post {
min-height: 600px;
max-height:600px;
}}
/* Ellen History
----------------------------------------*/
.ellen_about_us_history .et_pb_column_1_2 .et_pb_image,
.ellen_about_us_history .et_pb_column_1_2 .et_pb_image img{
height: auto !important;
}
.ellen_about_us_history .et_pb_image .et_pb_image_wrap,
.ellen_about_us_history .et_pb_image .et_pb_image_wrap img {
display: block !important;
width: 100% !important;
}
.ellen_about_us_history .et_pb_column_1_2:last-child {
margin-right: 0 !important;
}
.ellen_about_us_history .et_pb_column_1_2 {
width: 44% !important;
margin-right: 12% !important;
}
.ellen_about_us_history .et_pb_column_1_2 .et_pb_promo:nth-child(even) .et_pb_promo_description h2:before {
content: "";
display: block;
width: 17px;
height: 17px;
background-color: #2a2a01;
border-radius: 50%;
position: absolute;
content: "";
border-radius: 50%;
position: absolute;
right: -16.1%;
}
.ellen_about_us_history .et_pb_column_1_2 .et_pb_promo:nth-child(odd) .et_pb_promo_description h2:before {
content: "";
border-radius: 50%;
left: -15.2%;
display: block;
width: 17px;
height: 17px;
background-color: #2a2a01;
position: absolute;
}
.ellen_about_us_history .et_pb_row .et_pb_column_1_2,
.ellen_about_us_history .et_pb_row .et_pb_column_1_2 .et_pb_promo .et_pb_promo_description{
position: static;
}
.ellen_about_us_history .et_pb_row:nth-child(3) .et_pb_column_1_2 .et_pb_promo .et_pb_promo_description h2:before,
.ellen_about_us_history .et_pb_row:nth-child(5) .et_pb_column_1_2 .et_pb_promo .et_pb_promo_description h2:before {
left: auto;
right: -15.3%;
}
.ellen_about_us_history .et_pb_row:not(:first-child):before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 100%;
background-color: #26312c;
left: 50%;
top: 0;
transform: translate(-50%,0);
}
@media only screen and (max-width: 800px) {
.ellen_about_us_history .et_pb_column_1_2 .et_pb_promo:nth-child(even) .et_pb_promo_description h2:before {
right: -18%;
}
.ellen_about_us_history .et_pb_column_1_2 .et_pb_promo:nth-child(odd) .et_pb_promo_description h2:before {
left: -18%;
}}
@media only screen and (max-width: 650px) {
.ellen_about_us_history .et_pb_column_1_2 {
width: 100% !important;
margin-right: 0 !important;
}
.ellen_about_us_history .et_pb_column_1_2 .et_pb_image,
.ellen_about_us_history .et_pb_column_1_2 .et_pb_image img {
height: auto !important;
margin-left: auto!important;
margin-right: auto !important;
}
.ellen_about_us_history .et_pb_image_.et_pb_module,
.ellen_about_us_history .et_pb_image {
margin-left: auto!important;
margin-right: auto!important;
}
.ellen_about_us_history .et_pb_row:not(:first-child):before {
display: none;
}
.ellen_about_us_history .et_pb_column_1_2 .et_pb_promo:nth-child(odd) .et_pb_promo_description h2:before {
display: none !important;
}}
/* Video Popup
----------------------------------------*/
/*.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
top: 0px !important;
position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
top: -50px ;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
top: -50px !important;
}
.video_popup_lightbox .mfp-iframe-holder .mfp-close {
top: -50px;
}
.video_popup {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.video_popup a:before {
content: 'play';
cursor: pointer;
position: absolute;
top: calc(50% - 55px);
left: calc(50% - 54.5px);
z-index: 20;
background-color: #fff;
padding: 55px 27px;
border-radius: 50%;
font-size: 20px;
letter-spacing: 2px;
text-transform: uppercase;
color: #222;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
animation: pulse 4s infinite;
}
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 #ffffffa1;
}
70% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.video_popup a:after {
content: 'E';
cursor: pointer;
font-family: 'ETmodules';
position: absolute;
top: calc(50% - 55px);
left: calc(50% - 47px);
z-index: 20;
background-color: #fff;
padding: 55px 27px;
border-radius: 50%;
font-size: 40px;
text-transform: uppercase;
color: #222;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.video_popup.no_icon:before,
.video_popup.no_icon:after {
display: none!important;
}
.video_popup:hover a:before {
opacity: 0;
padding: 65px 37px;
left: calc(50% - 64.5px);
top: calc(50% - 65px);
}
.video_popup:hover a:after {
opacity: 1;
padding: 65px 37px;
left: calc(50% - 64.5px);
top: calc(50% - 65px);
font-size: 56.5px;
}
@media all and (max-width: 980px) {
.video_popup a:before {
top: calc(50% - 32.5px);
left: calc(50% - 33px);
padding: 33px 17px;
font-size: 10px;
}
.video_popup a:after {
top: calc(50% - 32.5px);
left: calc(50% - 33px);
padding: 33px 17px;
font-size: 32px;
}
.video_popup:hover a:before {
opacity: 0;
padding: 40px 22px;
left: calc(50% - 43px);
top: calc(50% - 42.5px);
}
.video_popup:hover a:after {
opacity: 1;
padding: 40px 22px;
left: calc(50% - 43px);
top: calc(50% - 42.5px);
font-size: 42px;
}
}
/* Ellen Portfolio
----------------------------------------*/
.ellen_portfolio .et_pb_portfolio_item {
background: #fff;
height: 470px!important;
width: 30.2%!important;
margin-right: 2%!important;
display: inline-block;
float: none;
vertical-align: top;
margin: 0 15px 30px 15px;
position: relative;
overflow: hidden;
}
.ellen_portfolio .et_pb_portfolio_item:last-child,
.ellen_portfolio .et_pb_portfolio_item:nth-child(3n) {
margin-right: 0 !important;
}
.ellen_portfolio .et_portfolio_image img {
vertical-align: bottom;
margin-bottom: 0;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
height: 470px !important;
}
.ellen_portfolio .et_overlay {
display: none;
}
.ellen_portfolio .et_pb_portfolio_item::before {
background-color: #f6f3ef;
border:none;
z-index:111;
}
.ellen_portfolio .et_pb_portfolio_item .et_overlay::before{
display:none
}
.ellen_portfolio .et_pb_portfolio_filters {
margin-bottom: 50px;
}
.ellen_portfolio .et_pb_portfolio_filters ul {
display: flex;
justify-content: center;
}
.ellen_portfolio .et_pb_portfolio_filters li a {
background-color: #fff;
border: 1px solid #e2e2e2;
display: inline-block;
margin: 5px;
padding: 12px;
}
.ellen_portfolio .et_pb_portfolio_item{
overflow:hidden;
position:relative;
border-radius: 10px
}
.ellen_portfolio .et_pb_portfolio_item .et_portfolio_image:after,
.ellen_portfolio .et_pb_portfolio_item .et_portfolio_image:before {
content:"";
position:absolute;
bottom:0;
left:0;
width:50%;
height:100%;
background: #f5f4ef;
opacity:.9;
transform:translateY(-100%);
z-index:1;
transition:all .3s ease 0s
}
.ellen_portfolio .et_pb_portfolio_item:hover .et_portfolio_image:after,
.ellen_portfolio .et_pb_portfolio_item:hover .et_portfolio_image:before{
transform:translateY(0)
}
.ellen_portfolio .et_pb_portfolio_item .et_portfolio_image:after{
left:50%;
transform:translateY(100%);
transition-delay:.1s
}
.ellen_portfolio .et_pb_portfolio_item .et_portfolio_image img {
width:100%;
height:auto;
transform:scale(1);
transition:all 2s ease 0s
}
.ellen_portfolio .et_pb_portfolio_item:hover .et_portfolio_image img{
transform:scale(2)
}
.ellen_portfolio .et_pb_portfolio_item .post-meta{
width:100%;
position:absolute;
top:40%;
left:0;
padding:40px 20px;
color:#222;
text-align:center;
opacity:0;
transform:translateX(110%);
transition:all .4s linear .1s;
z-index:9;
cursor:pointer
}
.ellen_portfolio .et_pb_portfolio_item .post-meta a{
color:#222;
}
.ellen_portfolio .et_pb_portfolio_item:hover .post-meta {
transform:translateX(0);
transition-delay:.35s;
opacity:1
}
.ellen_portfolio .et_pb_portfolio_item .et_pb_module_header {
margin-top:0!important;
width:100%;
position:absolute;
top:25%;
left:0;
padding:40px 25px;
text-align:center;
opacity:0;
margin:0 0 20px;
transform:translateX(-110%);
transition:all .4s linear .1s;z-index:9
}
.ellen_portfolio .et_pb_portfolio_item:hover .et_pb_module_header{
transform:translateX(0);
transition-delay:.35s;
opacity:1
}
@media only screen and (max-width:800px){
.ellen_portfolio .et_pb_portfolio_filters ul {
text-align:center
}
.ellen_portfolio .et_pb_portfolio_item {
width: 100%!important;
height: 500px!important;
}}
@media only screen and (max-width:981px){
.ellen_portfolio .et_pb_portfolio_filters ul{
text-align:center
}
.ellen_portfolio .et_pb_portfolio_filters ul li{
display:inline-block;
float:none!important;
margin-left:10px
}}
@media only screen and (max-width:600px){
.ellen_portfolio .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
width: 100% !important;
border-radius: 0;
}
.ellen_portfolio .et_pb_portfolio_filters ul {
text-align:center;
display: inline-block;
}}
/* Ellen Timeline About
----------------------------------------*/
.ellen_timeline:after {
content: '';
display: block;
clear: both;
}
.ellen_timeline:before {
content: '';
background-color: #222;
height: 100%;
width: 1px;
border-radius: 20px;
transform: translateX(-50%);
position: absolute;
left: 50%;
top: 0;
}
.ellen_timeline .blurb {
width: 50%;
padding: 0 60px 0 0;
margin: 0 10px 20px 0;
float: left;
}
.ellen_timeline .blurb .et_pb_blurb_content {
background-color: #fff;
text-align: center;
min-height: 125px;
padding: 30px;
border-radius: 15px;
display: block;
position: relative;
}
.ellen_timeline .blurb .et_pb_blurb_content:hover {
text-decoration: none;
}
.ellen_timeline .blurb .et_pb_blurb_content .et_pb_main_blurb_image {
display: block;
margin-bottom: 0;
width: 160px;
height: 160px;
border-radius: 50%;
border: 9px solid #fff;
transform: translateY(-50%);
position: absolute;
top: 50%;
right: -110px;
}
.ellen_timeline .blurb .et_pb_blurb_content .et_pb_main_blurb_image img {
width: 100%;
border-radius: 50%;
}
.ellen_timeline .blurb:nth-child(even){
float: right;
padding: 0 0 0 60px;
margin: 0 0 20px 10px;
}
.ellen_timeline .blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
margin: 0 55px 5px 0;
}
.ellen_timeline .blurb:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
margin: 5px 5px 5px 55px;
}
.ellen_timeline .blurb:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
margin: 5px 5px 5px 55px;
}
.ellen_timeline .blurb:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image {
right: auto;
left: -110px;
}
@media screen and (max-width:767px) {
.ellen_timeline .blurb,
.ellen_timeline .blurb:nth-child(even) {
width: 100%;
padding: 0 110px 0 0;
margin: 0 0 20px 0;
}
.ellen_timeline .blurb:nth-child(even) {
padding: 0 0 0 110px;
}}
@media screen and (max-width:479px) {
.ellen_timeline .blurb,
.ellen_timeline .blurb:nth-child(even){
padding: 110px 0 0;
}
.ellen_timeline .blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
margin: 55px 0px 0px
}
.ellen_timeline .blurb:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
margin: 55px 0px 0px
}
.ellen_timeline .blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description,
.ellen_timeline .blurb:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
margin: 0;
}
.ellen_timeline.blurb .et_pb_blurb_content .et_pb_main_blurb_image,
.ellen_timeline .blurb:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image {
transform: translateY(0) translateX(-50%);
top: -110px;
left: 50%;
right: auto;
}}
/* Sophia Portfolio Navigation
-----------------------------------------------------*/
.sophia_portfolionavigation .single-project .nav-single {
width: 100%;
max-width: 100%;
margin: 10px auto;
}
/* Style Back to Top Button
-----------------------------------------------------*/
.et_pb_scroll_top.et-pb-icon {
background-color: transparent !important;
border-radius: 0px;
border: 1px solid #e7eae3;
}
.et_pb_scroll_top.et-visible {
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
.et_pb_scroll_top.et-pb-icon {
right: 15px;
bottom: 15px;
background: #333;
padding: 10px;
}
.et_pb_scroll_top:before {
content: "\32";
color: #2d2d2d
}
/* Page Navi
-----------------------------------------------------*/
.wp-pagenavi {
border-top: none;
}
.wp-pagenavi a,
.wp-pagenavi span {
color: #000;
background-color: #FAF5F2;
border: 1px solid #FAF5F2;
padding: 8px 15px;
}
/* Categories Tags
----------------------------------------*/
.tagcloud a {
font-size: 12px !important;
padding: 4px 20px;
background: #faf5f2;
display: inline-block;
margin-bottom: 4px;
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
color: inherit;
}
.tagcloud a:hover {
background: #d17d74;
color: #fff;
}
/* Smarth Login
----------------------------------------*/
.smartPWLogin {
margin-bottom: 15px;
overflow: hidden;
padding: 0;
display:block;
margin:0 auto;
text-align: center;
}
.smartPWLogin input {
border: 1px solid #bbb !important;
color: #4e4e4e !important;
background-color: #fff !important;
padding: 12px;
font-size: 14px;
margin-right: 1%;
width: 20%;
}
.smartPWLogin input[type=submit] {
-webkit-appearance: none;
padding: 12px !important;
background: #e6b83c !important;
border-color: #e6b83c !important;
color: #fff !important;
cursor: pointer;
}
.smartPWLogin input:hover[type=submit] {
background: #fff !important;
color: #454a54 !important;
border-color: #e6b83c !important;
}
/* Password
-----------------------------------------------------*/
.post-password-required .et_password_protected_form {
min-height: initial;
width: 50%;
margin: 12% auto;
text-align: center;
border: 5px solid #e8eced;
padding: 2%;
}
.et_password_protected_form .et_submit_button {
display: block;
float: none;
margin: 8px auto 0;
font-family: inherit;
cursor: pointer;
}
/* Judy Logo Rotate
----------------------------------------*/
.rotate {
animation: rotation 35s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/* Instagram Feed
-----------------------------------------------------*/
#sb_instagram .sbi_follow_btn {
text-align: center;
float: none;
}
#sb_instagram #sbi_load .sbi_follow_btn {
margin-left: 0;
}
div#sb_instagram #sbi_load .sbi_load_btn,
div#sb_instagram .sbi_follow_btn a {
border-radius: 0;
color: #fff !important;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: -30%;
z-index: 99;
background: #000;
padding: 14px 40px;
position: relative;
}
div#sb_instagram #sbi_load .sbi_load_btn:hover,
div#sb_instagram .sbi_follow_btn a:hover {
box-shadow: inset 0 0 10px 20px #171616 !important;
color: #fff !important;
}
#sb_instagram #sbi_load {
margin-bottom: -25px !important;
}
#sb_instagram #sbi_load .sbi_load_btn {
display: none !important;
}
@media all and (max-width: 800px) {
div#sb_instagram #sbi_load .sbi_load_btn,
div#sb_instagram .sbi_follow_btn a {
margin-top: -30%;
}}
/* Preloader
-----------------------------------------------------*/
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
z-index: 9999;
height: 100%;
width: 100%;
overflow: hidden !important;
}
.preloader .status {
margin: -35px 0 0 -35px;
position: absolute;
left: 50%;
top: 50%;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.et_pb_image .et_overlay:before {
color: #e8eced;
}
/* Ellen Blog List
-----------------------------------------------------*/
.ellen_listblog .et_pb_post {
margin-bottom: 6%;
display: flex;
justify-content: stretch;
flex-wrap: wrap;
}
.ellen_listblog .et_pb_post .entry-featured-image-url {
display: block;
position: relative;
margin-bottom: 0;
}
.ellen_listblog .et_pb_post .entry-featured-image-url {
width: 50%;
position: relative;
overflow: hidden;
border-radius: 10px;
}
.ellen_listblog .et_pb_post a img {
vertical-align: bottom;
max-width: 100%;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
.ellen_listblog .et_pb_post>.wrapped {
padding: 40px;
z-index: 5;
display: flex;
flex-direction: column;
width: 50%;
}
.ellen_listblog .et_pb_post .entry-title a {
display: block;
cursor: pointer;
}
..ellen_listblog .et_pb_post:hover .entry-title:after {
width: 60%;
}
/*.sophia_listblog .et_pb_post a.more-link {
display: inline-block;
margin: 30px auto 0;
}*/
.ellen_listblog .et_pb_post .et_overlay {
border: none;
opacity: 0;
z-index: 3;
}
.ellen_listblog .et_pb_post:hover .et_overlay {
opacity: .8;
}
.ellen_listblog .et_pb_post .entry-featured-image-url {
width: 50%;
position: relative;
overflow: hidden;
}
.ellen_listblog .et_pb_post .entry-title {
order: 2;
}
.ellen_listblog .et_pb_post .post-meta {
order: 1;
}
/*.ellen_listblog .et_pb_post .post-meta a:after {
content: ',';
margin-left: 2px;
margin-right: 0;
}
.ellen_listblog .et_pb_post .post-meta a:last-child:after {
display: none;
}*/
.ellen_listblog .et_pb_post .post-content {
order: 3;
}
@media (max-width: 1030px){
.ellen_listblog .et_pb_post>.wrapped,
.ellen_listblog .et_pb_post .entry-featured-image-url {
width: 100%;
}
.ellen_listblog .et_pb_post a img {
position: relative;
}
.ellen_listblog .et_pb_post .entry-title {
margin-top: 3%;
}}
/* Sophia Read more
------------------------------------------*/
/*.sophia_listblog a.more-link,
.sophia_bloggrid a.more-link {
clear: both;
border: none;
margin: 5% auto;
color: #000 !important;
width: auto;
background: none;
display: inline-block;
background: #ead2d0;
padding: 5px 20px !important;
}
.sophia_listblog a.more-link:hover,
.sophia_bloggrid a.more-link:hover {
border: none;
background: none !important;
color: #000 !important;
background: #f6f3ef;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
padding: 4px 30px;
}*/
.ellen_listblog .et_pb_post a.more-link{
line-height: 20px;
position: relative;
display: inline-block;
margin-top: 25px;
transition: all 0.5s ease;
}
/*.ellen_listblog .et_pb_post a.more-link:after{
content: '';
width: 100%;
height: 2px;
background: #222;
position: absolute;
bottom: 0px;
left: 0;
transition: all 0.5s ease;
}*/
.ellen_listblog .et_pb_post:hover a.more-link:after{
background: #222;
}
.ellen_listblog .et_pb_post:hover a.more-link{
color: #222 !important;
}
/* Sophia Testimonial Home
----------------------------------------*/
.sophia_testimonial .et_pb_slide,
.sophia_testimonial2 .et_pb_slide {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
/*.sophia_testimonial .et_pb_slide_description:before {
content: "\e033\e033\e033\e033\e033"!important;
font-family: 'ETmodules';
color: #a08263;
display: table;
text-align: center;
float: none;
margin: 10px auto 15px;
font-size: 20px;
}*/
.sophia_testimonial2 .et-pb-controllers a:not(.et-pb-active-control):hover,
.sophia_testimonial .et-pb-controllers a:not(.et-pb-active-control):hover {
opacity: 0.5;
}
.sophia_testimonial .et-pb-controllers a,
.sophia_testimonial2 .et-pb-controllers a {
width: 10px;
height: 10px;
box-shadow: inset 0 0 0 40px;
border-radius: 100%;
color: inherit;
}
.sophia_testimonial2 .et-pb-controllers a {
width: 24px;
height: 24px;
border-radius: 100%;
background: transparent!important;
color: inherit;
position: relative;
color: #000;
}
.sophia_testimonial2 .et-pb-controllers a:before {
content: "";
display: block;
box-shadow: inset 0 0 0 14px;
position: absolute;
top: 6px;
right: 6px;
left: 6px;
bottom: 6px;
border-radius: 100%;
}
.sophia_testimonial .et-pb-slider-arrows a.et-pb-arrow-next:before,
.sophia_testimonial2 .et-pb-slider-arrows a.et-pb-arrow-next:before {
content: "$";
}
.sophia_testimonial .et-pb-slider-arrows a.et-pb-arrow-prev:before,
.sophia_testimonial2 .et-pb-slider-arrows a.et-pb-arrow-prev:before {
content: "#";
font-size: 30px;
}
.sophia_testimonial .et-pb-slider-arrows a.et-pb-arrow-next:before {
color: #fff;
font-size: 30px;
}
.sophia_testimonial2 .et-pb-slider-arrows a.et-pb-arrow-prev:before,
.sophia_testimonial2 .et-pb-slider-arrows a.et-pb-arrow-next:before {
color: #000;
font-size: 30px;
}
.sophia_testimonial .et-pb-arrow-next,
.sophia_testimonial2 .et-pb-arrow-next {
opacity: 1;
right: 12px;
}
.sophia_testimonial .et-pb-arrow-prev,
.sophia_testimonial2 .et-pb-arrow-prev {
opacity: 1;
left: 12px;
}
.sophia_testimonial .et-pb-controllers a,
.sophia_testimonial2 .et-pb-controllers a {
width: 10px;
height: 10px;
background-color: transparent !important;
border: 1px solid #fff;
}
