Logo hovers – Spa Creators

Reveal CSS

/*===== Hover image swap =====*/

.bottom-image {
position: absolute !important;
}

.top-image {
opacity: 1;
transition: all 0.4s;
}

.top-image:hover {
opacity: 0;
}

Some of our clients

Button slide on hover

Reveal CSS

/** This styles the slider button **/

.slider-button {
height: 50px;
overflow:hidden;
border:2px solid #0c71c3;
}

.slider-button .et_pb_button {
display:block;
margin: 0 !important;
}

.slider-button:hover .top-button {
margin-top: -48px !important;
}

Download

MP3 (3.5 mb)

3D perspective

Sliding buttons icons

Reveal CSS

/** This styles button to reveal button text from icon on hover when button has class “button-text-to-icon” **/

body #page-container .et_pb_button.button-icon-to-text:after {
width: 1em;
transition: all .3s !important;
margin-left: 0;
border-left: 1px solid transparent;
left: calc(50% – 0.5em);
transform: scale(1.3);
}

body #page-container .et_pb_button.button-icon-to-text:hover:after {
border-left: 1px solid #dddddd;
left: calc(100% – 1em);
transform: scale(1);
}

/** This styles button to cover button text with icon on hover when button has class “button-text-to-icon” **/

body #page-container .et_pb_button.button-text-to-icon:after {
width: 1em;
transition: all .3s !important;
margin-left: 0;
border-left: 1px solid #dddddd;
left: calc(100% – 1em);
}

body #page-container .et_pb_button.button-text-to-icon:hover:after {
border-left: 1px solid transparent;
left: calc(50% – 0.5em);
transform: scale(1.3);
}

Click Here

Rotating button and blurb

Reveal CSS

/** This rotates a blurb icon with the css class “rotate-blurb-icon” **/

.rotate-blurb-icon .et-pb-icon {
transition: 0.2s ease-out;
transform: rotateZ(-90deg);
}

.rotate-blurb-icon .et_pb_blurb_content:hover .et-pb-icon {
transform: rotateZ(0deg);
}

/** This rotates the button icon for the button module with the CSS class “rotate-button-icon” **/
.rotate-button-icon:after {
transform: rotate(-90deg);
}

.rotate-button-icon:hover:after {
transform: rotate(0deg);
}

Download



Your Title Goes Here



Download

Team Module

Reveal CSS

/*Demo Style 11*/
.dp_ly_person_style11 {
position: relative;
}
.dp_ly_person_style11::after {
content: “”;
position: absolute;
bottom: 0;
left: 0;
border: 2px solid red;
width: 100%;
box-sizing: border-box;
}
.dp_ly_person_style11 .et_pb_team_member_image {
margin-bottom: 0;
}
.dp_ly_person_style11 .et_pb_team_member_image::before {
content: “”;
position: absolute;
bottom: 0;
width: 50%;
background: rgba(255,255,255,0.1);
height: 3px;
border-radius: 3px;
z-index: 3;
left: 25%;
transform: translateY(-218px);
opacity: 0;
transition: .3s;
}
.dp_ly_person_style11:hover .et_pb_team_member_image::before {
opacity: 1;
transform: translateY(-238px);
}
.dp_ly_person_style11 .et_pb_team_member_image::after {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(12, 90, 219, 0.8);
opacity: 0;
transition: .3s;
}
.dp_ly_person_style11:hover .et_pb_team_member_image::after {
opacity: 1;
}

.dp_ly_person_style11 .et_pb_module_header,
.dp_ly_person_style11 .et_pb_member_position,
.dp_ly_person_style11 .et_pb_member_social_links {
position: absolute;
width: 100%;
opacity: 0;
transition: .3s;
}

.dp_ly_person_style11 .et_pb_module_header {
transform: translateY(-278px)
}
.dp_ly_person_style11 .et_pb_member_position {
transform: translateY(-249px);
font-size: 14px !important;
font-weight: normal !important;
}
.dp_ly_person_style11 .et_pb_member_social_links {
transform: translateY(-230px)
}
.dp_ly_person_style11 .et_pb_member_social_links a {
font-size: 14px !important;
}

.dp_ly_person_style11 .et_pb_member_social_links li:last-child {
margin-right: 0;
}
.dp_ly_person_style11 .et_pb_team_member_description p:last-of-type {
color: #333 !important;
position: absolute;
width: 100%;
padding: 24px 0;
border-bottom: 3px solid rgba(12, 90, 219, 0.1);
transition: .3s;
}
.dp_ly_person_style11:hover .et_pb_team_member_description p:last-of-type {
border-color: #0c5adb;
}

.dp_ly_person_style11:hover .et_pb_module_header {
transform: translateY(-298px);
opacity: 1;
}
.dp_ly_person_style11:hover .et_pb_member_position {
transform: translateY(-269px);
opacity: 1;
}
.dp_ly_person_style11:hover .et_pb_member_social_links {
transform: translateY(-250px);
opacity: 1;
}

Team

John Doe

CEO, Founder

John Doe

Jane Dee

Co-Founder

Jane Dee

James Smith

Co-Founder

James Smith

Scaling images

Reveal CSS

/**This scales the image in the person module with the CSS class “scale-person-image” **/

.scale-person-image .et_pb_team_member_image {
overflow:hidden;
}
.scale-person-image img {
transition: all 0.2s;
}
.scale-person-image img:hover {
transform: scale(1.3);
}

/**This scales the image in the bl module with the CSS class “scale-blurb-image” **/

.scale-blurb-image .et_pb_main_blurb_image {
overflow:hidden;
}
.scale-blurb-image .et_pb_main_blurb_image img {
transition: all 0.2s;
}
.scale-blurb-image .et_pb_main_blurb_image:hover img {
transform: scale(1.3);
}

/**This scales the image in the image module with the CSS class “scale-image” **/
.scale-image {
overflow:hidden;
}
.scale-image img{
transition: all 0.2s;
}
.scale-image:hover img {
transform: scale(1.3)
}

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Content on hover

branding

View Portfolio

We want to help you connect to your audience on a deeper level

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

branding

View Portfolio

Rotating button and blurb

Reveal CSS

/** This activates the bouncing scroll icon on a fullwidth header module with the class “bounce-scroll-icon” or “bounce-scroll-icon-hover” **/

.bounce-scroll-icon-hover .et-pb-icon {
position: absolute;
top:-10px;
left:0;
right:0;
}
.bounce-scroll-icon-hover .et-pb-icon:hover {
animation-duration: 2s;
animation-name: bounce;
animation-iteration-count: infinite;
animation-timing-function: linear;
transition: all .2s;
}

.bounce-scroll-icon .et-pb-icon {
position: absolute;
top:-10px;
left:0;
right:0;
animation-duration: 2s;
animation-name: bounce;
animation-iteration-count: infinite;
animation-timing-function: linear;
transition: all .2s;
}
.bounce-scroll-icon .et-pb-icon:hover {
animation-name: none;
}

@keyframes bounce {
0% {top: -10px; opacity: 1;}
50% {top: 15px; opacity:0;}
100% {top: -10px;opacity:1;}
}

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

C

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

C

Blurb cards

Reveal CSS

.blurb-card .et_pb_main_blurb_image {
margin-bottom: 0 !important;
}
.blurb-card h6 {
color: #DC1D49;
margin-top: 20px;
}
.blurb-card .et_pb_button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.blurb-card .et_pb_blurb {
margin-bottom: 0 !important;
}
.blurb-card .et_pb_column {
position: relative;
}
.blurb-card .et_pb_blurb_container {
background: #fff;
padding: 75px 25px 25px 25px;
border-radius: 4px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-kthtml-transition: all 0.1s linear;
transition: all 0.1s linear;
margin-top: -50px;
}
.blurb-card .et_pb_column:hover .et_pb_blurb_container {
-webkit-box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
-moz-box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-kthtml-transition: all 0.1s linear;
transition: all 0.1s linear;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Click Here

Adipisci velit

Consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Click Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Rating glow on hover

My amazing testimonial

“Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.”

Craig Longmuir
Divi Theme Examples

My amazing testimonial

“Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.”

Craig Longmuir
Divi Theme Examples

My amazing testimonial

“Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.”

Craig Longmuir
Divi Theme Examples

Pic border on hover

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings.

Coloured icons on hover

w

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

w

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

w

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Hover state bounce – blurb

Reveal CSS

The following needs to be used for all Bounce styles listed below:

@keyframes bounce-left{
25%,50%,75%,100%{ transform:translateX(0); }
40%{ transform:translateX(30px); }
70%{ transform:translateX(15px); }
90%{ transform:translateX(5px); }
}

/* BLURB */
.dp_ly_blurb_style1 {
position: relative;
overflow: hidden;
}
.dp_ly_blurb_style1 .et_pb_main_blurb_image {
margin: 0;
}
.dp_ly_blurb_style1 .et_pb_image_wrap {
overflow: hidden;
position: relative;
}
.dp_ly_blurb_style1 .et_pb_image_wrap::before,
.dp_ly_person_style1:before {
content: ”;
background-color: rgba(255,255,255,0.7);
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
transition: all 0.3s ease 0.1s;
}
.dp_ly_blurb_style1:hover .et_pb_image_wrap::before,
.dp_ly_person_style1:hover:before {
left: 15px;
right: 15px;
bottom: 15px;
top: 15px;
opacity: 1;
animation: bounce-left 1s ease-in forwards;
}
.dp_ly_blurb_style1 .et_pb_image_wrap img {
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.dp_ly_blurb_style1:hover .et_pb_image_wrap img {
transform: scale(1.5);
}
.dp_ly_blurb_style1 .et_pb_blurb_container {
position: absolute;
top: 15%;
z-index: 999;
width: 80%;
left: 0;
right: 0;
margin: 0 auto;
}
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_module_header,
.dp_ly_person_style1 .et_pb_team_member_description .et_pb_module_header {
transform: translateY(-500px);
opacity: 0;
transition: all 0.8s ease 0.3s;
}
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_blurb_description,
.dp_ly_person_style1 .et_pb_team_member_description .et_pb_member_position {
opacity: 0;
transform: translateY(-500px);
transition: all 0.8s ease 0.15s;
}
.dp_ly_blurb_style1:hover .et_pb_blurb_container .et_pb_module_header,
.dp_ly_blurb_style1:hover .et_pb_blurb_container .et_pb_blurb_description,
.dp_ly_person_style1:hover .et_pb_team_member_description .et_pb_module_header,
.dp_ly_person_style1:hover .et_pb_team_member_description .et_pb_member_position,
.dp_ly_person_style1:hover .et_pb_member_social_links {
opacity: 1;
transform: translateY(0);
}

/* IMAGE */
.dp_ly_image_style1 .et_overlay {
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
transition: all 0.3s ease 0.1s;
width: auto;
height: auto;
}
.dp_ly_image_style1:hover .et_overlay {
left: 15px;
right: 15px;
bottom: 15px;
top: 15px;
opacity: 1;
animation: bounce-left 1s ease-in forwards;
}
.dp_ly_image_style1:hover .et_overlay {
animation: bounce-left 1s ease-in forwards;
}
.dp_ly_image_style1 .et_pb_inline_icon:before {
margin: 0 4px;
opacity: 0;
display: block;
transform: translateY(-200px);
transition: all 0.8s ease 0s;
background: #2274a5;
width: 50px;
height: 50px;
border-radius: 100px;
text-align: center;
font-size: 20px;
line-height: 50px;
border: 2px solid #fff;
top: 42%;
left: 0;
right: 0;
margin: 0 auto;
}
.dp_ly_image_style1:hover .et_pb_inline_icon:before {
opacity: 1;
transform: translateY(0);
}

/* GALLERY and PORTFOLIO */
.dp_ly_gallery_style1 .et_pb_gallery_title {
display: none;
}
.dp_ly_gallery_style1 .et_pb_gallery_item,
.dp_ly_portfolio_style1 .et_pb_portfolio_item,
.dp_ly_fportfolio_style1 .et_pb_portfolio_item {
position: relative;
overflow: hidden;
}
.dp_ly_gallery_style1 .et_pb_gallery_caption,
.dp_ly_portfolio_style1 .et_pb_module_header,
.dp_ly_fportfolio_style1 .et_pb_module_header {
position: absolute;
top: 25%;
left: 0;
right: 0;
margin: 0 auto !important;
width: 70%;
z-index: 9;
transform: translateY(-400px);
opacity: 0;
}
.dp_ly_gallery_style1 .et_pb_gallery_item:hover .et_pb_gallery_caption,
.dp_ly_portfolio_style1 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_portfolio_style1 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_fportfolio_style1 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_fportfolio_style1 .et_pb_portfolio_item:hover .post-meta {
opacity: 1;
transform: translateY(0);
transition: all 0.8s ease 0.15s;
}
.dp_ly_gallery_style1 .et_overlay,
.dp_ly_portfolio_style1 .et_overlay,
.dp_ly_fportfolio_style1 .et_overlay {
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
transition: all 0.3s ease 0.1s;
border: none;
width: auto;
height: auto;
background-color: rgba(255,255,255,0.7);
}
.dp_ly_gallery_style1 .et_pb_gallery_item:hover .et_overlay,
.dp_ly_portfolio_style1 .et_pb_portfolio_item:hover .et_overlay,
.dp_ly_fportfolio_style1 .et_pb_portfolio_item:hover .et_overlay {
left: 15px;
right: 15px;
bottom: 15px;
top: 15px;
opacity: 1;
animation: bounce-left 1s ease-in forwards;
}
.dp_ly_gallery_style1 .et_pb_inline_icon::before,
.dp_ly_portfolio_style1 .et_pb_inline_icon::before,
.dp_ly_fportfolio_style1 .et_pb_inline_icon::before {
margin: 0 4px;
opacity: 0;
display: block;
transform: translateY(-200px);
transition: all 0.8s ease 0s;
background: #2274a5;
width: 25px;
height: 25px;
border-radius: 100px;
text-align: center;
font-size: 12px;
line-height: 25px;
border: 2px solid #fff;
top: 60%;
left: 0;
right: 0;
margin: 0 auto;
}
.dp_ly_gallery_style1 .et_pb_gallery_item:hover .et_pb_inline_icon:before,
.dp_ly_portfolio_style1 .et_pb_portfolio_item:hover .et_pb_inline_icon:before,
.dp_ly_fportfolio_style1 .et_pb_portfolio_item:hover .et_pb_inline_icon:before {
opacity: 1;
transform: translateY(0);
}

/* PORTFOLIO */
.dp_ly_portfolio_style1 .et_pb_module_header,
.dp_ly_fportfolio_style1 .et_pb_module_header {
top: 30%;
transform: translateY(-500px)
}
.dp_ly_portfolio_style1 .post-meta,
.dp_ly_fportfolio_style1 .post-meta {
position: absolute;
top: 40%;
left: 0;
right: 0;
margin: 0 auto !important;
width: 90%;
z-index: 9;
transform: translateY(-300px);
opacity: 0;
}
.dp_ly_portfolio_style1 .et_pb_inline_icon::before,
.dp_ly_fportfolio_style1 .et_pb_inline_icon::before {
top: 60%;
}
.dp_ly_fportfolio_style1 .et_pb_portfolio_filters,
.dp_ly_fportfolio_style4 .et_pb_portfolio_filters {
text-align: center;
}
.dp_ly_fportfolio_style1 .et_pb_portfolio_filters li,
.dp_ly_fportfolio_style4 .et_pb_portfolio_filters li {
float: none;
display: inline-block;
}
.dp_ly_fportfolio_style1 .et_pb_portfolio_filters li a.active,
.dp_ly_fportfolio_style4 .et_pb_portfolio_filters li a.active {
background: #2274a5 !important;
color: #fff !important;
}

/* PERSON */
.dp_ly_person_style1 {
position: relative;
overflow: hidden;
}
.dp_ly_person_style1 .et_pb_team_member_image {
margin: 0;
}
.dp_ly_person_style1 .et_pb_team_member_description .et_pb_module_header,
.dp_ly_person_style1 .et_pb_team_member_description .et_pb_member_position {
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: 0 auto;
}
.dp_ly_person_style1 .et_pb_team_member_description .et_pb_member_position {
top: 38%;
}
.dp_ly_person_style1 .et_pb_team_member_description {
position: absolute;
top: 0;
z-index: 999;
width: 80%;
height: 100%;
left: 0;
right: 0;
margin: 0 auto;
}
.dp_ly_person_style1 .et_pb_member_social_links {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto !important;
width: 90%;
z-index: 9;
transform: translateY(-500px);
opacity: 0;
transition: all 0.8s ease 0.4s;
}
.dp_ly_person_style1 .et_pb_member_social_links li {
display: inline-block;
margin: 0 10px;
width: 30px;
height: 30px;
border: 1px solid #2274a5;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.dp_ly_person_style1 .et_pb_member_social_links li:hover {
background: #2274a5;
}
.dp_ly_person_style1 .et_pb_member_social_links li a {
line-height: 30px;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.dp_ly_person_style1 .et_pb_member_social_links li:hover a {
color: #fff !important;
}

/* RESPONSIVE STYLES */
@media only screen and (max-width: 1370px) {
.et_pb_section_2 .et_pb_row {
max-width: 1100px;
width: 100%;
}
}
@media only screen and (max-width: 1350px) {
.et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
width: 44%;
}
.et_pb_row {
width: 100%;
}
}
@media only screen and (max-width: 1250px) {
.dp_ly_blurb_style2 .et_pb_blurb_content img {
width: 100%;
/* height: 270px; */
}
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_module_header {
font-size: 16px !important;
line-height: 20px !important;
}
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_blurb_description p {
line-height: 17px;
font-size: 12px;
}
.dp_ly_blurb_style4 h3 {
font-size: 16px !important;
padding-bottom: 3px !important;
}
.dp_ly_blurb_style4 .et_pb_blurb_description p,
.dp_ly_blurb_style5 .et_pb_blurb_description p {
line-height: 16px !important;
}
.dp_ly_blurb_style5 h3 {
font-size: 16px !important;
line-height: 23px !important;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -316%;
}
}

@media only screen and (max-width: 1200px) {
.dp_ly_image_style6 .et_pb_lightbox_image::after {
top: 151px;
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_social_links {
top: -464%;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -300%;
}
}

@media only screen and (max-width: 1100px) {
.dp_ly_image_style6 .et_pb_lightbox_image::after {
top: 139px;
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_social_links {
top: -430%;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -266%;
}
}

@media only screen and (max-width: 1050px) {
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_module_header {
font-size: 13px !important;
line-height: 15px !important;
}
.dp_ly_portfolio_style4 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item:hover .et_pb_module_header {
bottom: 30px;
}
.dp_ly_portfolio_style4 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item:hover .post-meta {
bottom: 10px;
}
.dp_ly_image_style6 .et_pb_lightbox_image::after {
top: 132px;
}
.dp_ly_fportfolio_style6 .et_pb_portfolio_item::after {
top: 62px;
}
}

@media only screen and (max-width: 980px) {
.dp_ly_blurb_style1 .et_pb_blurb_container {
top: 35%;
}
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_module_header {
font-size: 16px !important;
line-height: 25px !important;
}
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_blurb_description p {
line-height: 20px;
font-size: 14px;
}
.dp_ly_blurb_style4 {
max-width: 550px;
margin: 0 auto;
}
.dp_ly_blurb_style4 .et_pb_blurb_description p {
line-height: 25px !important;
}
.dp_ly_person_style4,
.dp_ly_person_style5 {
max-width: 280px !important;
width: 100%;
margin: 0px auto !important;
display: block;
float: none;
}
.dp_ly_blurb_style6 .et_pb_blurb_content::after {
top: 232px;
}
.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
padding: 30px;
}
.dp_ly_image_style6 .et_pb_lightbox_image::after,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item::after {
top: auto;
}
.dp_ly_gallery_style6 .et_pb_gallery_item::after,
.dp_ly_gallery_style6 .et_pb_gallery_item::before {
width: 100%;
}
.dp_ly_gallery_style6 .et_pb_gallery_item::after,
.dp_ly_portfolio_style6 .et_pb_portfolio_item::after {
min-height: 90px;
}
.dp_ly_person_style6 .et_pb_team_member_image,
.dp_ly_person_style9 .et_pb_team_member_image,
.dp_ly_person_style10 .et_pb_team_member_image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
.dp_ly_person_style9 img,
.dp_ly_person_style10 img {
width: 100%;
}
.dp_ly_person_style6::after {
top: auto;
bottom: 0px;
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_social_links {
top: -890%;
width: 10%;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -725%;
}
.et_pb_section .et_pb_row,
.et_pb_section.et_section_specialty .et_pb_row {
max-width: 1080px !important;
width: 80%;
}
.dp_ly_person_style8 {
max-width: 280px !important;
margin: 0 auto;
}
.dp_ly_person_style1,
.dp_ly_person_style2,
.dp_ly_person_style3,
.dp_ly_person_style10,
.dp_ly_person_style7 {
max-width: 280px !important;
width: 100%;
margin: 0 auto;
}

.dp_ly_blurb_style6 .et_pb_blurb_content::before,
.dp_ly_blurb_style6 .et_pb_blurb_content::after,
.dp_ly_image_style6 .et_pb_lightbox_image:before,
.dp_ly_image_style6 .et_pb_lightbox_image:after,
.dp_ly_gallery_style6 .et_pb_gallery_item .et_pb_gallery_image:before,
.dp_ly_gallery_style6 .et_pb_gallery_item .et_pb_gallery_image:after,
.dp_ly_portfolio_style6 .et_pb_portfolio_item .et_portfolio_image:before,
.dp_ly_portfolio_style6 .et_pb_portfolio_item .et_portfolio_image:after,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item .et_portfolio_image:before,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item .et_portfolio_image:after,
.dp_ly_person_style6::before,
.dp_ly_person_style6::after {
height: 50%;
}

.dp_ly_image_style5 .et_pb_image_wrap
{
margin-right: 30px;
}
.dp_ly_image_style1,
.dp_ly_image_style2,
.dp_ly_image_style3,
.dp_ly_image_style4,
.dp_ly_image_style6,
.dp_ly_image_style7,
.dp_ly_image_style8,
.dp_ly_image_style9,
.dp_ly_image_style10 {
padding-right: 30px;
}

.dp_ly_portfolio_style2.et_pb_portfolio_0 .et_pb_portfolio_item .post-meta a {
margin-top: 10px !important;
}

.dp_ly_person_style1 .et_pb_team_member_image,
.dp_ly_person_style2 .et_pb_team_member_image {
max-width: 100% !important;
width: auto;
}

}
@media only screen and (max-width: 767px) {
.dp_ly_gallery_style1 .et_pb_gallery_item {
float: left;
margin: 0 5.5% 9.5% 0;
}
.dp_ly_portfolio_style1 .et_pb_portfolio_item,
.dp_ly_portfolio_style1 .et_pb_portfolio_item {
float: left;
margin: 0 5% 9.5% 0;
}
.dp_ly_gallery_style1 .et_pb_gallery_caption {
top: 35%;
}
.dp_ly_gallery_style1 .et_pb_inline_icon::before {
top: 50%;
}
.et_pb_gallery_filler {
display: none;
}
.dp_ly_portfolio_style2 .et_pb_grid_item:nth-child(2n+1),
.dp_ly_portfolio_style2 .et_pb_grid_item:nth-child(2n+1),
.dp_ly_gallery_style2 .et_pb_grid_item:nth-child(2n+1) {
margin-right: 5.5%;
}
.dp_ly_person_style2 {
width: 320px;
margin: 0 auto;
}

.dp_ly_gallery_style3 .et_pb_gallery_item .et_pb_gallery_caption {
transform: translateX(100%);
}
.dp_ly_gallery_style5 .et_pb_gallery_item .et_pb_gallery_caption {
top: 50px;
}
.dp_ly_gallery_style6 .et_pb_gallery_item::after,
.dp_ly_portfolio_style6 .et_pb_portfolio_item::after {
min-height: 126px;
}
.dp_ly_person_style6::after {
top: auto;
}
.et_pb_column .et_pb_team_member {
max-width: 74%;
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_social_links {
top: -710%;
width: 13%;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -545%;
}
.et_pb_gutters3 .et_pb_column_1_2,
.et_pb_section_1 .et_pb_column.et_pb_column_1_2 {
width: 100%;
}
.dp_ly_person_style9, .dp_ly_person_style10 {
margin: 0 auto;
}
.dp_ly_image_style1,
.dp_ly_image_style2,
.dp_ly_image_style3,
.dp_ly_image_style4,
.dp_ly_image_style6,
.dp_ly_image_style7,
.dp_ly_image_style8,
.dp_ly_image_style9,
.dp_ly_image_style10 {
padding-right: 0;
}
.dp_ly_image_style5 .et_pb_image_wrap {
margin-right: 30px;
}
}

@media only screen and (max-width: 640px) {
.dp_ly_gallery_style1 .et_pb_inline_icon::before {
top: 60%;
}
.et_pb_column .et_pb_team_member {
max-width: 100%;
}
.dp_ly_blurb_style6 .et_pb_blurb_content::after {
top: auto;
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_social_links {
top: -781%;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -618%;
}
.dp_ly_portfolio_style7 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item .et_pb_module_header {
bottom: 30px;
}

}

@media only screen and (max-width: 600px) {
.dp_ly_gallery_style5 .et_pb_gallery_item .et_pb_gallery_caption {
top: 35px;
}
}

@media only screen and (max-width: 500px) {
.dp_ly_blurb_style1 .et_pb_blurb_container {
top: 30%;
}
.dp_ly_gallery_style1 .et_pb_gallery_caption {
top: 25%;
}

}

@media only screen and (max-width: 479px) {
.dp_ly_gallery_style1 .et_pb_gallery_caption,
.dp_ly_gallery_style5 .et_pb_gallery_item .et_pb_gallery_caption {
top: 35%;
}
.dp_ly_gallery_style1 .et_pb_inline_icon::before {
top: 50%;
}
.dp_ly_person_style7 .et_pb_team_member_description {
bottom: 35%;
}

}

@media only screen and (max-width: 440px) {
.dp_ly_blurb_style1 .et_pb_blurb_container {
top: 25%;
}
.dp_ly_image_style1 .et_pb_inline_icon::before {
top: 40%;
}

.dp_ly_portfolio_style3 .et_pb_grid_item .post-meta, .dp_ly_portfolio_style3 .et_pb_grid_item .et_pb_module_header, .dp_ly_fportfolio_style3 .et_pb_grid_item .post-meta, .dp_ly_fportfolio_style3 .et_pb_grid_item .et_pb_module_header {
transform: translateX(100%) !important;
}
.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
padding: 15px;
}
.dp_ly_blurb_style6 .et_pb_blurb_content::after {
top: 149px;
}
.dp_ly_gallery_style6 .et_pb_gallery_item::after,
.dp_ly_portfolio_style6 .et_pb_portfolio_item::after {
min-height: 170px;
}
.et_pb_column .et_pb_team_member {
max-width: 99%;
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_social_links {
top: -555%;
width: 16%;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -388%;
}
}

@media only screen and (max-width: 400px) {
.dp_ly_blurb_style1 .et_pb_blurb_container {
top: 20%;
}
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_blurb_description p {
line-height: 18px;
font-size: 13px;
}
}

@media only screen and (max-width: 360px) {
.dp_ly_blurb_style1 .et_pb_blurb_container {
top: 12%;
}
.dp_ly_blurb_style1 .et_pb_blurb_container .et_pb_module_header {
font-size: 14px !important;
line-height: 20px !important;
}
.dp_ly_image_style1 .et_pb_inline_icon::before {
top: 30%;
}
.section-title h1 {
font-size: 30px;
line-height: 40px;
}
}

@media only screen and (max-width: 326px) {
.dp_ly_blurb_style2 .et_pb_blurb_content .et_pb_module_header {
margin-bottom: 40px !important;
}
}

@media only screen and (max-width: 320px) {
.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
padding: 5px;
}
.dp_ly_blurb_style6 .et_pb_blurb_content::after {
top: auto;
}
.dp_ly_image_style6 .et_pb_lightbox_image .et_overlay::before {
width: 20%;
left: 81%;
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_social_links {
top: -805%;
width: 22%;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -260%;
}
}

Blurb

Curabitur Suscipit Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut eleifend mauris. Aliquam blandit nisl vitae molestie blandit. Vivamus vestibulum felis in commodo hendrerit.

Maecenas Ac Sapien

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut eleifend mauris. Aliquam blandit nisl vitae molestie blandit. Vivamus vestibulum felis in commodo hendrerit.

Pellentesque Ac Quam

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut eleifend mauris. Aliquam blandit nisl vitae molestie blandit. Vivamus vestibulum felis in commodo hendrerit.

Hover state bounce – image

Image

Nulla egestas dolor eu quam

In lorem odio, lobortis id efficitur quis, imperdiet quis dolor. Integer posuere magna quis dui fringilla hendrerit. Quisque vulputate velit laoreet hendrerit lacinia. Suspendisse in mi mi. Cras a elit et mi mollis facilisis. Aliquam erat volutpat. Donec semper placerat purus, quis consequat ligula maximus nec. Ut vel nulla hendrerit, dictum velit ac, scelerisque leo. Sed placerat magna sed volutpat lobortis.

Duis nunc ex, eleifend id orci nec, laoreet luctus ex. Aliquam sed mauris ut tellus consequat malesuada vitae ac diam.

Hover state bounce – gallery

Gallery

theme-logo

Hover state gradient flip – blurb

Reveal CSS

The following needs to be used for all Gradient Flip styles listed below:

/* BLURB STYLE 2 */
.dp_ly_blurb_style2 .et_pb_blurb_content {
text-align: center;
overflow: hidden;
perspective: 800px;
position: relative;
z-index: 2;
transition: all 0.3s ease 0s;
font-family: ‘Montserrat’, sans-serif;
height: 100%;
}
.dp_ly_blurb_style2 .et_pb_blurb_content::before {
content: ”;
height: 100%;
width: 100%;
background-image: repeating-linear-gradient(45deg, transparent 5px, transparent 10px, rgba(0,0,0,0.3) 24px);
opacity: 0;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0.1s;
}
.dp_ly_blurb_style2 .et_pb_blurb_content:hover::before {
opacity: 1;
}
.dp_ly_blurb_style2 .et_pb_blurb_content .et_pb_main_blurb_image {
margin: 0;
display: block;
}
.dp_ly_blurb_style2 .et_pb_blurb_content img {
width: 100%;
height: auto;
}
.dp_ly_blurb_style2 .et_pb_blurb_content .et_pb_blurb_container {
background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.1),rgba(0,0,0,0.7),rgba(0,0,0,0.9));
height: 100%;
width: 100%;
opacity: 0;
transform-origin: center bottom;
transform: rotate(-180deg);
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0s;
color: #ffff;
}
.dp_ly_blurb_style2 .et_pb_blurb_content:hover .et_pb_blurb_container {
opacity: 1;
transform: rotate(0);
}
.dp_ly_blurb_style2 .et_pb_blurb_content .et_pb_module_header {
color: #fff !important;
width: 100%;
opacity: 0;
filter: blur(5px);
transform: translatex(-50%);
position: absolute;
left: 50%;
bottom: 85px;
transition: all 0.4s ease 0.25s;
padding: 0 20px 10px;
margin-bottom: 20px !important;
}
.dp_ly_blurb_style2 .et_pb_blurb_content .et_pb_blurb_description {
color: #fff !important;
width: 100%;
opacity: 0;
filter: blur(5px);
transform: translatex(-50%);
position: absolute;
left: 50%;
bottom: 15px;
transition: all 0.4s ease 0.25s;
padding: 0 20px;
}
.dp_ly_blurb_style2 .et_pb_blurb_content:hover .et_pb_module_header, .dp_ly_blurb_style2 .et_pb_blurb_content:hover .et_pb_blurb_description {
opacity: 1;
filter: blur(0);
}

/* IMAGE STYLE 2 */
.dp_ly_image_style2 .et_pb_image_wrap {
text-align: center;
overflow: hidden;
perspective: 800px;
position: relative;
z-index: 2;
transition: all 0.3s ease 0s;
}
.dp_ly_image_style2 .et_pb_image_wrap .et_overlay {
content: ”;
height: 100%;
width: 100%;
background-image: repeating-linear-gradient(45deg, transparent 5px, transparent 10px, rgba(0,0,0,0.3) 24px);
opacity: 0;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0.1s;
background-color: transparent;
}
.dp_ly_image_style2 .et_pb_image_wrap .et_overlay::after {
background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.1),rgba(0,0,0,0.7),rgba(0,0,0,0.9));
height: 100%;
width: 100%;
opacity: 0;
transform-origin: center bottom;
transform: rotate(-180deg);
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0s;
content:”;
}
.dp_ly_image_style2 .et_pb_image_wrap:hover .et_overlay::after {
opacity: 1;
transform: rotate(0);
}
.dp_ly_image_style2 .et_pb_image_wrap .et_overlay:hover::before {
top: 55%;
opacity: 1;
filter: blur(0);
}
.dp_ly_image_style2 .et_pb_image_wrap .et_overlay::before {
filter: blur(5px);
opacity: 0;
z-index: 99;
}

/* GALLERY AND PORFOLIO STYLE 2 */
.dp_ly_gallery_style2 .et_pb_gallery_item,
.dp_ly_portfolio_style2 .et_pb_portfolio_item,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item {
font-family: ‘Montserrat’, sans-serif;
text-align: center;
overflow: hidden;
perspective: 800px;
position: relative;
z-index: 2;
transition: all 0.3s ease 0s;
}
.dp_ly_gallery_style2 .et_pb_gallery_item:hover .et_overlay,
.dp_ly_portfolio_style2 .et_pb_portfolio_item:hover .et_overlay,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item:hover .et_overlay {
opacity: 1;
z-index: 3;
}
.dp_ly_gallery_style2 .et_pb_gallery_item .et_overlay,
.dp_ly_portfolio_style2 .et_pb_portfolio_item .et_overlay,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item .et_overlay {
content: ”;
height: 100%;
width: 100%;
background-image: repeating-linear-gradient(45deg, transparent 5px, transparent 10px, rgba(0,0,0,0.3) 24px);
opacity: 0;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0.1s;;
background-color: transparent;
border-color: transparent;
}
.dp_ly_gallery_style2 .et_pb_gallery_item:hover .et_overlay:before,
.dp_ly_portfolio_style2 .et_pb_portfolio_item:hover .et_overlay::before,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item:hover .et_overlay::before {
top: 55%;
opacity: 1;
filter: blur(0);
}
.dp_ly_gallery_style2 .et_pb_gallery_item .et_overlay::before,
.dp_ly_portfolio_style2 .et_pb_portfolio_item .et_overlay::before,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item .et_overlay::before {
filter: blur(5px);
opacity: 0;
z-index: 99;
}
.dp_ly_gallery_style2 .et_pb_gallery_item .et_pb_gallery_title {
display: none;
}
.dp_ly_gallery_style2 .et_pb_gallery_item .et_overlay::after,
.dp_ly_portfolio_style2 .et_pb_portfolio_item .et_overlay::after,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item .et_overlay::after {
background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.1),rgba(0,0,0,0.7),rgba(0,0,0,0.9));
height: 100%;
width: 100%;
opacity: 0;
transform-origin: center bottom;
transform: rotate(-180deg);
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0s;
content: ”;
}
.dp_ly_gallery_style2 .et_pb_gallery_item .et_pb_gallery_caption,
.dp_ly_portfolio_style2 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_portfolio_style2 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item .post-meta {
height: 100%;
width: 100%;
opacity: 0;
transform-origin: center bottom;
transform: rotate(-180deg);
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0s;
content: ”;
}
.dp_ly_gallery_style2 .et_pb_gallery_item:hover .et_overlay::after,
.dp_ly_gallery_style2 .et_pb_gallery_item:hover .et_pb_gallery_caption,
.dp_ly_portfolio_style2 .et_pb_portfolio_item:hover .et_overlay::after,
.dp_ly_portfolio_style2 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_portfolio_style2 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item:hover .et_overlay::after,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item:hover .post-meta {
opacity: 1;
transform: rotate(0);
}
.dp_ly_gallery_style2 .et_pb_gallery_item .et_pb_gallery_caption,
.dp_ly_portfolio_style2 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item .post-meta {
top: 20px !important;
z-index: 99;
}
.dp_ly_portfolio_style2 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_fportfolio_style2 .et_pb_portfolio_item .et_pb_module_header {
z-index: 3;
}

/* PERSON STYLE 2 */
.dp_ly_person_style2 {
font-family: ‘Montserrat’, sans-serif;
text-align: center;
overflow: hidden;
perspective: 800px;
position: relative;
z-index: 2;
transition: all 0.3s ease 0s;
}
.dp_ly_person_style2 .et_pb_team_member_image {
margin: 0;
}
.dp_ly_person_style2 .et_pb_team_member_image::before {
content: ”;
height: 100%;
width: 100%;
background-image: repeating-linear-gradient(45deg, transparent 5px, transparent 10px, rgba(0,0,0,0.3) 24px);
opacity: 0;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0.1s;
}
.dp_ly_person_style2:hover .et_pb_team_member_image::before {
opacity: 1;
}
.dp_ly_person_style2 .et_pb_team_member_description {
background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.1),rgba(0,0,0,0.7),rgba(0,0,0,0.9));
height: 100%;
width: 100%;
opacity: 0;
transform-origin: center bottom;
transform: rotate(-180deg);
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease 0s;
}
.dp_ly_person_style2:hover .et_pb_team_member_description {
opacity: 1;
transform: rotate(0);
}
.dp_ly_person_style2:hover .et_pb_team_member_description .et_pb_member_social_links,
.dp_ly_person_style2:hover .et_pb_team_member_description .et_pb_member_position,
.dp_ly_person_style2:hover .et_pb_team_member_description .et_pb_module_header {
opacity: 1;
filter: blur(0);
}
.dp_ly_person_style2 .et_pb_team_member_description .et_pb_member_social_links,
.dp_ly_person_style2 .et_pb_team_member_description .et_pb_member_position,
.dp_ly_person_style2 .et_pb_team_member_description .et_pb_module_header {
color: #fff !important;
width: 100%;
opacity: 0;
filter: blur(5px);
transform: translatex(-50%);
position: absolute;
left: 50%;
bottom: 15px;
transition: all 0.4s ease 0.25s;
}
.dp_ly_person_style2 .et_pb_team_member_description .et_pb_module_header {
bottom: 50px !important;
}
.dp_ly_person_style2 .et_pb_team_member_description .et_pb_member_position {
bottom: 40px !important;
}