Hover States

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

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

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);
}

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);
}

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

John Doe

CEO, Founder

John Doe

Jane Dee

Jane Dee

Co-Founder

Jane Dee

James Smith

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

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.

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.

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

/* Effect 8 */
.blurb-card .et-pb-icon {
padding: 33px;
font-size: 35px;
position: relative;
z-index: 1;
color: #dc1d49 !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;
}
.blurb-card .et-pb-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: ”;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.blurb-card .et-pb-icon:before {
content: ”;
display: block;
}
.blurb-card .et-pb-icon {
background: rgba(255, 255, 255, 0.1);
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
}
.blurb-card .et-pb-icon:after {
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.blurb-card .et_pb_column:hover .et-pb-icon {
background: rgba(255, 255, 255, 0.05);
color: #fff !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;
}
.blurb-card .et_pb_column:hover .et-pb-icon:after {
-webkit-animation: sonarEffect 0.5s ease-out 50ms;
-moz-animation: sonarEffect 0.5s ease-out 75ms;
animation: sonarEffect 0.5s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px #dc1d49, 0 0 10px 10px #dc1d49, 0 0 0 10px #dc1d49;
}
100% {
box-shadow: 0 0 0 2px #dc1d49, 0 0 10px 10px #dc1d49, 0 0 0 10px #dc1d49;
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px #dc1d49, 0 0 10px 10px #dc1d49, 0 0 0 10px #dc1d49;
}
100% {
box-shadow: 0 0 0 2px #dc1d49, 0 0 10px 10px #dc1d49, 0 0 0 10px #dc1d49;
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px #dc1d49, 0 0 10px 10px #dc1d49, 0 0 0 10px #dc1d49;
}
100% {
box-shadow: 0 0 0 2px #dc1d49, 0 0 10px 10px #dc1d49, 0 0 0 10px #dc1d49;
transform: scale(1.5);
opacity: 0;
}
}

Our Services

We’ll bring our expertise and years of experience to help bring your ideas to life.

Website Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat.

Find out more →
.

Search Engine Optimisation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat.

Find out more →
.

Branding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat.

Find out more →
.

Digital Marketing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat.

Find out more →
.

Wordpress Expertise

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat.

Find out more →
.

IT Services

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat.

Find out more →
.

Reveal on hover

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.

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.

Tempor incididunt

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.

Voluptate velit

Shadow add 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.

Shadow remove 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.

Text 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.

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.

Coloured ticks on hover

N

Your Title Goes Here

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

N

Your Title Goes Here

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

N

Your Title Goes Here

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

N

Your Title Goes Here

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

N

Your Title Goes Here

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

N

Your Title Goes Here

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

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

/* 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 Lobortis

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 gradient flip – 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 gradient flip – gallery

Gallery

Hover state split screen – blurb

Reveal CSS
The following needs to be used for all Split Screen styles listed below:

.dp_ly_gallery_style3 .et_pb_gallery_item,
.dp_ly_gallery_style4 .et_pb_gallery_item {
overflow: hidden;
}
.dp_ly_gallery_style3 .et_pb_gallery_item .et_pb_gallery_title,
.dp_ly_gallery_style4 .et_pb_gallery_item .et_pb_gallery_title {
display: none;
}
.dp_ly_gallery_style3 .et_pb_gallery_item .et_overlay,
.dp_ly_gallery_style4 .et_pb_gallery_item .et_overlay {
background-color: transparent;
z-index: 999;
}

.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;
}
/* BLURB, PORTFOLIO, GALLERY, PERSON STYLE 4 */
.dp_ly_blurb_style4:hover::before {
opacity: 1;
}
.dp_ly_blurb_style4 {
border-radius: 15px;
overflow: hidden;
position: relative;
}
.dp_ly_blurb_style4::before, .dp_ly_blurb_style4::after {
content: “”;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: all 0.3s ease 0s;
}
.dp_ly_blurb_style4::after {
background-color: rgba(255,255,255,0.5);
opacity: 1;
top: -100%;
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 60%);
clip-path: polygon(0 0,100% 0%,100% 35%,0 55%);;
}
.dp_ly_blurb_style4:hover::after {
top: 0;
}
.dp_ly_blurb_style4 img {
width: 100%;
height: auto;
transition: all 0.3s ease 0s;
}
.dp_ly_blurb_style4 .et_pb_main_blurb_image {
margin: 0;
}
.dp_ly_blurb_style4:hover img {
filter: blur(2px) grayscale(60%);
transform: scale(1.2);
}
.dp_ly_blurb_style4 .et_pb_blurb_container {
text-align: center !important;
width: 100%;
padding: 15px 0 0 15px;
position: absolute;
left: 50%;
bottom: -100%;
z-index: 2;
transform: translateX(-50%);
transition: all 0.3s ease 0s;
}
.dp_ly_blurb_style4:hover .et_pb_blurb_container {
bottom: 10px;
}
.dp_ly_image_style4 {
overflow: hidden;
position: relative;
}
.dp_ly_image_style4 .et_pb_image_wrap::before, .dp_ly_image_style4 .et_pb_image_wrap::after {
content: “”;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: all 0.3s ease 0s;
}
.dp_ly_image_style4 .et_pb_image_wrap:after {
background-color: rgba(255,255,255,0.5);
opacity: 1;
top: -100%;
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 60%);
clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 60%);
}
.dp_ly_image_style4 .et_pb_image_wrap:hover::before {
opacity: 1;
}
.dp_ly_image_style4 .et_pb_image_wrap:hover::after {
top: 0;
}
.dp_ly_image_style4 img {
width: 100%;
height: auto;
transition: all 0.3s ease 0s;
}
.dp_ly_image_style4:hover img {
filter: blur(2px) grayscale(60%);
transform: scale(1.2);
}
.dp_ly_image_style4 .et_overlay,
.dp_ly_portfolio_style4 .et_overlay,
.dp_ly_fportfolio_style4 .et_overlay {
z-index: 999 !important;
background: transparent !important;
}
.dp_ly_image_style4 .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: -100%;
left: 0;
right: 0;
margin: 0 auto;
}
.dp_ly_image_style4:hover .et_pb_inline_icon::before {
opacity: 1;
transform: translateY(0);
top: 42%;
}
.dp_ly_gallery_style4 .et_pb_gallery_image,
.dp_ly_portfolio_style4 .et_pb_portfolio_item,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item,
.dp_ly_person_style4 .et_pb_team_member_image {
position: relative;
overflow: hidden;
}
.dp_ly_gallery_style4 .et_overlay,
.dp_ly_portfolio_style4 .et_overlay,
.dp_ly_fportfolio_style4 .et_overlay {
border: none;
}
.dp_ly_gallery_style4 .et_pb_gallery_image::before,
.dp_ly_gallery_style4 .et_pb_gallery_image::after,
.dp_ly_portfolio_style4 .et_pb_portfolio_item::before,
.dp_ly_portfolio_style4 .et_pb_portfolio_item::after,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item::before,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item::after,
.dp_ly_person_style4 .et_pb_team_member_image:before,
.dp_ly_person_style4 .et_pb_team_member_image:after {
content: “”;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: all 0.3s ease 0s;
}
.dp_ly_gallery_style4 .et_pb_gallery_image::after,
.dp_ly_portfolio_style4 .et_pb_portfolio_item::after,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item::after,
.dp_ly_person_style4 .et_pb_team_member_image:after {
content: “”;
background-color: rgba(255,255,255,0.5);
opacity: 1;
top: -100%;
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 60%);
clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 60%);
}
.dp_ly_gallery_style4 .et_pb_gallery_item:hover .et_pb_gallery_image::before,
.dp_ly_portfolio_style4 .et_pb_portfolio_item:hover::before,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item:hover::before,
.dp_ly_person_style4:hover .et_pb_team_member_image:before {
opacity: 1;
}
.dp_ly_gallery_style4 .et_pb_gallery_item:hover .et_pb_gallery_image::after,
.dp_ly_portfolio_style4 .et_pb_portfolio_item:hover::after,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item:hover::after,
.dp_ly_person_style4:hover .et_pb_team_member_image:after {
top: 0;
}
.dp_ly_gallery_style4 .et_pb_inline_icon::before,
.dp_ly_portfolio_style4 .et_pb_inline_icon::before,
.dp_ly_fportfolio_style4 .et_pb_inline_icon::before {
display: block;
transition: all 0.35s 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: -20px;
}
.dp_ly_gallery_style4 .et_pb_gallery_image:hover .et_pb_inline_icon::before,
.dp_ly_portfolio_style4 .et_pb_portfolio_item:hover .et_pb_inline_icon::before,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item:hover .et_pb_inline_icon::before {
top: 50%;
}
.dp_ly_gallery_style4.et_pb_gallery .et_pb_gallery_caption,
.dp_ly_portfolio_style4 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_portfolio_style4 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item .post-meta {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
z-index: 9;
transition: all 0.3s ease 0s;
}
.dp_ly_portfolio_style4 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item .post-meta {
bottom: -70px;
}
.dp_ly_gallery_style4 .et_pb_gallery_item:hover .et_pb_gallery_caption {
bottom: 20px;

}
.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: 40px;
}
.dp_ly_portfolio_style4 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item:hover .post-meta {
bottom: 20px;
}
.dp_ly_gallery_style4 .et_pb_gallery_image img,
.dp_ly_portfolio_style4 .et_pb_portfolio_item img,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item img {
width: 100%;
height: auto;
transition: all 0.3s ease 0s;
}
.dp_ly_gallery_style4 .et_pb_gallery_image:hover img,
.dp_ly_portfolio_style4 .et_pb_portfolio_item:hover img,
.dp_ly_fportfolio_style4 .et_pb_portfolio_item:hover img {
filter: blur(2px) grayscale(60%);
transform: scale(1.2);
}
.dp_ly_person_style4 {
overflow: hidden;
position: relative;
}
.dp_ly_person_style4 .et_pb_team_member_image {
margin: 0;
}
.dp_ly_person_style4 .et_pb_team_member_description {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -110px;
}
.dp_ly_person_style4 .et_pb_team_member_description {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -110px;
transition: all 0.3s ease 0s;
}
.dp_ly_person_style4:hover .et_pb_team_member_description {
bottom: 50px;
z-index: 9;
}

.dp_ly_blurb_style4 .et_pb_main_blurb_image {
transform: scale(1.05);
}

.dp_ly_gallery_style4.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item .et_pb_gallery_caption {
z-index: 1;
}

.dp_ly_image_style4 a.et_pb_lightbox_image {
border-radius: 15px;
}

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut eleifend mauris. Aliquam blandit nisl vitae molestie blandit.

Maecenas Ac Lobortis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut eleifend mauris. Aliquam blandit nisl vitae molestie blandit.

Pellentesque Ac Quam

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut eleifend mauris. Aliquam blandit nisl vitae molestie blandit.

Hover state split screen – 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 split screen – gallery

Gallery

Hover state coloured background – blurb

Reveal CSS
The following needs to be used for all Coloured Background styles listed below:

/* BLURB, PORTFOLIO, GALLERY, PERSON STYLE 5 */
.dp_ly_blurb_style5 .et_pb_blurb_content,
.dp_ly_image_style5 .et_pb_image_wrap,
.dp_ly_gallery_style5 .et_pb_gallery_item,
.dp_ly_portfolio_style5 .et_pb_portfolio_item,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item,
.dp_ly_person_style5 {
background: #2ab4d2;
border: 10px solid rgba(255,255,255,0.8);
text-align: center;
overflow: hidden;
z-index: 1;
position: relative;
line-height: 0;
}
.dp_ly_blurb_style5 .et_pb_main_blurb_image,
.dp_ly_person_style5 .et_pb_team_member_image {
margin: 0;
}
.dp_ly_blurb_style5 .et_pb_blurb_content::before,
.dp_ly_image_style5 .et_pb_image_wrap::before,
.dp_ly_gallery_style5 .et_pb_gallery_item::before,
.dp_ly_portfolio_style5 .et_pb_portfolio_item:before,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item:before,
.dp_ly_person_style5:before {
content: “”;
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1), 10px, transparent 20px, transparent 30px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3), 10px, transparent 20px, transparent 30px);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.dp_ly_blurb_style5 .et_pb_main_blurb_image img,
.dp_ly_image_style5 .et_pb_image_wrap img,
.dp_ly_gallery_style5 .et_pb_gallery_item img,
.dp_ly_portfolio_style5 .et_pb_portfolio_item img,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item img,
.dp_ly_person_style5 img {
width: 100%;
height: 100%;
transform: scale(1);
transition: all 0.3s ease 0s;
}
.dp_ly_blurb_style5 .et_pb_main_blurb_image:hover img,
.dp_ly_image_style5 .et_pb_image_wrap:hover img,
.dp_ly_gallery_style5 .et_pb_gallery_item:hover img,
.dp_ly_portfolio_style5 .et_pb_portfolio_item:hover img,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item:hover img,
.dp_ly_person_style5:hover img {
transform: scale(1,0);
}
.dp_ly_blurb_style5 .et_pb_blurb_container {
width: 75%;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
z-index: -1;
transform: translate(-50%, -50%) rotate(45deg);
transition: all 0.3s ease 0.3s;
}
.dp_ly_blurb_style5 .et_pb_blurb_content:hover .et_pb_blurb_container,
.dp_ly_image_style5 .et_pb_image_wrap:hover .et_pb_inline_icon {
opacity: 1;
transform: translate(-50%, -50%) rotate(0);
}
.dp_ly_image_style5 .et_pb_image_wrap .et_pb_inline_icon {
background: transparent;
z-index: 99;
position: absolute;
top: 0;
left: 0;
}
.dp_ly_image_style5 .et_pb_image_wrap:hover .et_pb_inline_icon {
top: 50%;
left: 50%;
}
.dp_ly_image_style5 .et_pb_image_wrap .et_pb_inline_icon::before {
transform: translate(0) rotate(45deg);
transition: all 0.3s ease 0.3s;
border-radius: 50% 50% 50% 0;
background: #fff;
width: 40px;
height: 40px;
color: #000 !important;
font-size: 18px;
line-height: 40px;
}
.dp_ly_image_style5 .et_pb_image_wrap:hover .et_pb_inline_icon::before {
transform: translate(0) rotate(0);
}
.dp_ly_gallery_style5 .et_pb_gallery_title {
display: none;
}
.dp_ly_gallery_style5 .et_pb_gallery_item .et_pb_gallery_caption {
position: absolute;
top: 35px;
left: 0;
right: 0;
opacity: 0;
z-index: -1;
transform: translate(0) rotate(45deg);
transition: all 0.3s ease 0.3s;
}
.dp_ly_gallery_style5 .et_pb_gallery_item:hover .et_pb_gallery_caption,
.dp_ly_portfolio_style5 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_portfolio_style5 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_person_style5:hover .et_pb_team_member_description {
transform: translate(0) rotate(0);
opacity: 1;
}
.dp_ly_gallery_style5 .et_pb_gallery_item .et_pb_inline_icon,
.dp_ly_portfolio_style5 .et_pb_portfolio_item .et_pb_inline_icon,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item .et_pb_inline_icon {
background: transparent;
z-index: 9;
border: none !important;
}
.dp_ly_gallery_style5 .et_pb_gallery_item .et_pb_inline_icon::before,

.dp_ly_portfolio_style5 .et_pb_portfolio_item .et_pb_inline_icon:before,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item .et_pb_inline_icon:before {
border-radius: 50% 50% 50% 0;
background: #fff;
color: #000 !important;
font-size: 18px;
width: 35px;
height: 35px;
line-height: 35px;
top: 60%;
transform: translate(0) rotate(45deg);
transition: all 0.3s ease 0.3s;
}
.dp_ly_gallery_style5 .et_pb_gallery_item:hover .et_pb_inline_icon::before,
.dp_ly_portfolio_style5 .et_pb_portfolio_item:hover .et_pb_inline_icon:before,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item:hover .et_pb_inline_icon:before {
opacity: 1;
transform: translate(-15%, -15%) rotate(0);
}
.dp_ly_portfolio_style5 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_portfolio_style5 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item .post-meta {
position: absolute;
top: 25%;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
z-index: -1;
transform: translate(0) rotate(45deg);
transition: all 0.3s ease 0.3s;
}
.dp_ly_portfolio_style5 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item .post-meta {
top: 38%;
}
.dp_ly_portfolio_style5 .et_pb_portfolio_item .et_pb_inline_icon::before,
.dp_ly_fportfolio_style5 .et_pb_portfolio_item .et_pb_inline_icon::before {
top: 70%;
}
.dp_ly_person_style5 .et_pb_team_member_description {
position: absolute;
top: 40%;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
z-index: 9;
transform: translate(0) rotate(45deg);
transition: all 0.3s ease 0.3s;
}
.dp_ly_person_style5 .et_pb_member_social_links li a {
border-radius: 50% 50% 50% 0;
background: #fff;
color: #000 !important;
font-size: 12px;
width: 35px;
height: 35px;
line-height: 35px;
top: 60%;
transition: all 0.3s ease 0s;
}
.dp_ly_person_style5 .et_pb_member_social_links li a:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2) inset,0 0 0 2px #1e859c,0 0 0 5px #fff;
}

.dp_ly_gallery_style5.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item .et_pb_gallery_caption{
z-index: 1;
}

/* 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 Lobortis 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 coloured background – 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 coloured background – gallery

Gallery

Hover state split screen text – blurb

Reveal CSS
The following needs to be used for all Split Screen Text styles listed below:

/* BLURB, PORTFOLIO, GALLERY, PERSON STYLE 6 */
.dp_ly_blurb_style6 .et_pb_main_blurb_image {
margin: 0;
transform: scale(1.05);
}
.dp_ly_blurb_style6 .et_pb_blurb_content,
.dp_ly_image_style6 .et_pb_lightbox_image,
.dp_ly_gallery_style6 .et_pb_gallery_item,
.dp_ly_portfolio_style6 .et_pb_portfolio_item,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item,
.dp_ly_person_style6,
.dp_ly_person_style6 .et_pb_team_member_image {
position: relative;
overflow: hidden;
transform: scale(1.05);
}
.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 a:before,
.dp_ly_portfolio_style6 .et_pb_portfolio_item a: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 {
content: “”;
width: 101%;
background: rgba(0,0,0,0.5);
position: absolute;
top: 0px;
left: -1px;
z-index: 1;
transform-origin: 100% 0;
transform: rotateZ(90deg);
transition: all 0.3s ease 0s;
}

.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_person_style6::before,
.dp_ly_person_style6::after {
height: 50%;
}

.dp_ly_gallery_style6 .et_pb_gallery_item .et_pb_gallery_image:before {
height: 80px;
}

.dp_ly_gallery_style6 .et_pb_gallery_item .et_pb_gallery_image:after {
height: 80px;
}

.dp_ly_portfolio_style6 .et_pb_portfolio_item a:after,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item .et_portfolio_image:after,
.dp_ly_portfolio_style6 .et_pb_portfolio_item a:before,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item .et_portfolio_image:before {
height: 80px;
}

.dp_ly_blurb_style6 .et_pb_blurb_content::after,
.dp_ly_image_style6 .et_pb_lightbox_image:after,
.dp_ly_gallery_style6 .et_pb_gallery_item .et_pb_gallery_image:after,
.dp_ly_portfolio_style6 .et_pb_portfolio_item a:after,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item .et_portfolio_image:after,
.dp_ly_person_style6::after {
top: auto;
bottom: 0px;
transform-origin: 0 100%;
}
.dp_ly_blurb_style6 .et_pb_blurb_content:hover::before,
.dp_ly_blurb_style6 .et_pb_blurb_content:hover::after,
.dp_ly_image_style6 .et_pb_lightbox_image:hover:before,
.dp_ly_image_style6 .et_pb_lightbox_image:hover:after,
.dp_ly_gallery_style6 .et_pb_gallery_item:hover .et_pb_gallery_image:before,
.dp_ly_gallery_style6 .et_pb_gallery_item:hover .et_pb_gallery_image:after,
.dp_ly_portfolio_style6 .et_pb_portfolio_item:hover a:before,
.dp_ly_portfolio_style6 .et_pb_portfolio_item:hover a:after,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item:hover .et_portfolio_image:before,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item:hover .et_portfolio_image:after,
.dp_ly_person_style6:hover::before,
.dp_ly_person_style6:hover::after {
transform: rotateZ(0);
}
.dp_ly_blurb_style6 .et_pb_blurb_content img,
.dp_ly_image_style6 .et_pb_lightbox_image img,
.dp_ly_gallery_style6 .et_pb_gallery_item img,
.dp_ly_portfolio_style6 .et_pb_portfolio_item img,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item img,
.dp_ly_person_style6 img {
width: 100%;
height: auto;
transform: scale(1) rotate(0);
transition: all 0.3s ease 0s;
}
.dp_ly_blurb_style6 .et_pb_blurb_content:hover img,
.dp_ly_image_style6 .et_pb_lightbox_image:hover img,
.dp_ly_gallery_style6 .et_pb_gallery_item:hover img,
.dp_ly_portfolio_style6 .et_pb_portfolio_item:hover img,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item:hover img,
.dp_ly_person_style6:hover img {
filter: sepia(80%);
transform: scale(1.3) rotate(10deg);
}
.dp_ly_blurb_style6 .et_pb_blurb_content .et_pb_blurb_container {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
opacity: 0;
z-index: 2;
transform: scale(0);
transition: all 0.5s ease 0.2s;
}
.dp_ly_blurb_style6 .et_pb_blurb_content:hover .et_pb_blurb_container {
opacity: 1;
transform: scale(1);
}
.dp_ly_image_style6 .et_pb_lightbox_image .et_overlay {
z-index: 99;
background: transparent !important;
}
.dp_ly_image_style6 .et_pb_lightbox_image .et_overlay {
z-index: 9999;
background: transparent !important;
}
.dp_ly_image_style6 .et_pb_lightbox_image .et_overlay::before {
padding: 40px 0;
margin: 0;
list-style: none;
text-align: center;
background: #004cbf;
border-radius: 0 0 0 10px;
position: absolute;
top: -100px;
z-index: 2;
transition: all 0.3s ease 0.2s;
width: 10%;
left: 90%;
}
.dp_ly_image_style6 .et_pb_lightbox_image:hover .et_overlay::before {
top: 0;
}
.dp_ly_gallery_style6 .et_pb_gallery_item::after,
.dp_ly_gallery_style6 .et_pb_gallery_item::before {
height: 81px;
left: 0px;
width: 100%;
}
.dp_ly_gallery_style6 .et_pb_gallery_item::before {
height: 82px;
}
.dp_ly_gallery_style6 .et_pb_gallery_item::after {
bottom: 0px;
transform-origin: 76% -170%;
}
.dp_ly_gallery_style6 .et_pb_gallery_item{
top: 0;
}
.dp_ly_gallery_style6 .et_overlay::before {
margin: -80px 0 0 60px;
background: #004cbf;
padding: 10px;
}
.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_title,
.dp_ly_portfolio_style6 .et_pb_module_header,
.dp_ly_fportfolio_style6 .et_pb_module_header {
display: none;
}
.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item .et_pb_gallery_caption,
.dp_ly_portfolio_style6 p.post-meta,
.dp_ly_fportfolio_style6 .post-meta {
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
padding: 5px;
opacity: 0;
transform: scale(0);
transition: all 0.5s ease 0.2s;
}

.dp_ly_portfolio_style6 p.post-meta a,
.dp_ly_fportfolio_style6 p.post-meta a {
font-size: 14px !important;
font-family: ‘Poppins’,Helvetica,Arial,Lucida,sans-serif !important;
font-weight: 600 !important;
line-height: 25px !important;
}
.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item:hover .et_pb_gallery_caption,
.dp_ly_portfolio_style6 .type-project:hover p.post-meta {
opacity: 1;
transform: scale(1);
}
.et_pb_gallery_item::hover .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_caption {
margin-top: -20px;
z-index: 999;
position: absolute;
left: 5px;
bottom: 5px;
}
/* portfolio
*
* —- */
.dp_ly_gallery_style6 .et_pb_gallery_item::after{
background: rgba(0, 0, 0, 0.5);
}
.dp_ly_gallery_style6 .et_pb_gallery_item img{
background: rgba(0,0,0,0.5);
}
.dp_ly_fportfolio_style6 .et_overlay {
background-color: transparent !important;
border-color: transparent !important;
}
.dp_ly_portfolio_style6 .et_pb_portfolio_item::after,
.dp_ly_portfolio_style6 .et_pb_portfolio_item::before {
height: 80px;
}
.dp_ly_portfolio_style6 .et_pb_portfolio_item::after {
top: 80px;
transform-origin: 76% -170%;
}
.dp_ly_portfolio_style6 .et_pb_portfolio_item{
top: 0;
}
.dp_ly_portfolio_style6 .et_overlay::before {
margin: -70px 0 0 70px;
}
.et_pb_portfolio_0.et_pb_portfolio .et_pb_portfolio_title {
display: none;
}
.et_pb_portfolio_0.et_pb_portfolio .et_pb_portfolio_item .et_pb_portfolio_caption {
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
padding: 5px;
opacity: 0;
transform: scale(0);
transition: all 0.5s ease 0.2s;
}
.et_pb_gallery_0.et_pb_portfolio .et_pb_portfolio_item:hover .et_pb_portfolio_caption,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item:hover .post-meta {
opacity: 1;
transform: scale(1);
}
.et_pb_portfolio_item::hover .et_pb_portfolio_0.et_pb_portfolio .et_pb_portfolio_caption {
margin-top: -20px;
z-index: 999;
position: absolute;
left: 5px;
bottom: 5px;
}
.dp_ly_gallery_style6 .et_pb_gallery_item .et_overlay::before,
.dp_ly_portfolio_style6 .et_portfolio_image .et_overlay::before,
.dp_ly_fportfolio_style6 .et_portfolio_image .et_overlay::before {
padding: 20px 0;
margin: 0;
list-style: none;
text-align: center;
background: #004cbf;
border-radius: 0 0 0 10px;
position: absolute;
top: -100%;
z-index: 2;
transition: all 0.3s ease 0.2s;
width: 25%;
left: 76%;
font-size: 20px;
}
.dp_ly_gallery_style6 .et_pb_gallery_item:hover .et_overlay::before,
.dp_ly_portfolio_style6 .et_portfolio_image:hover .et_overlay::before,
.dp_ly_fportfolio_style6 .et_pb_portfolio_item:hover .et_overlay::before {
top: -1px;
}
.dp_ly_person_style6:hover::after {
visibility: visible;
}
.dp_ly_person_style6 .et_pb_team_member_image {
margin-bottom: 0;
}
.dp_ly_person_style6 .et_pb_team_member_description {
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
display: block;
width: 100%;
padding: 20px;
opacity: 0;
}
.dp_ly_person_style6:hover .et_pb_team_member_description {
opacity: 1;
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_module_header,
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_position {
transform: scale(0);
transition: all 0.5s ease 0.2s;
}
.dp_ly_person_style6:hover .et_pb_team_member_description .et_pb_module_header,
.dp_ly_person_style6:hover .et_pb_team_member_description .et_pb_member_position {
transform: scale(1);
}
.dp_ly_person_style6 .et_pb_team_member_description .et_pb_member_social_links {
padding: 20px 0;
margin: 0;
list-style: none;
text-align: center;
background: #004cbf;
border-radius: 0 0 0 10px;
position: absolute;
top: -515%;
right: 0;
z-index: 2;
transition: all 0.3s ease 0.2s;
width: 18%;
}
.dp_ly_person_style6:hover .et_pb_member_social_links {
top: -350%;
}
.dp_ly_person_style6 .et_pb_member_social_links li {
display: block;
margin-right: 0;
text-align: left !important;
margin-left: 20px;
margin-bottom: 15px;
}
.dp_ly_person_style6 .et_pb_member_social_links li:last-child {
margin-bottom: 0;
}
.dp_ly_person_style6 .et_pb_member_social_links li a {
color: #fff !important;
font-size: 14px;
}

.dp_ly_portfolio_style6.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item .post-meta,
.dp_ly_gallery_style6.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item .et_pb_gallery_caption {
z-index: 1;
}
.dp_ly_portfolio_style6.et_pb_portfolio_0 .et_overlay,
.dp_ly_gallery_style6.et_pb_gallery_0 .et_overlay {
background-color: transparent;
border-color: transparent;
}

.dp_ly_portfolio_style6 .post-meta,
.dp_ly_fportfolio_style6 .post-meta {
z-index: 1;
}

/* 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 Lobortis 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 split screen text – 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 split screen text – gallery

Gallery

Hover state dots – blurb

Reveal CSS
The following needs to be used for all Dots styles listed below:

/* Demo Style 7 */
.dp_ly_blurb_style7 .et_pb_main_blurb_image,
.dp_ly_image_style7 .et_pb_image_wrap,
.dp_ly_gallery_style7 .et_pb_gallery_item,
.dp_ly_portfolio_style7 .et_pb_portfolio_item,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item,
.dp_ly_person_style7 {
position: relative;
overflow: hidden;
}
.dp_ly_blurb_style7 .et_pb_main_blurb_image::before,
.dp_ly_image_style7 .et_pb_image_wrap:before,
.dp_ly_gallery_style7 .et_pb_gallery_item:before,
.dp_ly_portfolio_style7 .et_pb_portfolio_item:before,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item:before,
.dp_ly_person_style7:before {
content: “”;
position: absolute;
width: 150%;
height: 150%;
top: 50%;
left: 50%;
background: radial-gradient(rgba(255,255,255,0.1) 15%, transparent 15%) 0 0, radial-gradient(rgba(255,255,255,0.1) 15%, transparent 15%) 16px 16px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 16px 17px;
background-size: 32px 32px;
background-color: rgba(0,0,0,0.5);
opacity: 0;
z-index: 1;
transform: translate(-50%, -50%) scale(0);
transition: all 0.56s ease 0s;
}
.dp_ly_blurb_style7 .et_pb_blurb_content:hover .et_pb_main_blurb_image::before,
.dp_ly_image_style7 .et_pb_image_wrap:hover:before,
.dp_ly_gallery_style7 .et_pb_gallery_item:hover:before,
.dp_ly_portfolio_style7 .et_pb_portfolio_item:hover:before,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item:hover:before,
.dp_ly_person_style7:hover:before {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.dp_ly_blurb_style7 .et_pb_blurb_content .et_pb_blurb_container,
.dp_ly_gallery_style7 .et_pb_gallery_item .et_pb_gallery_caption,
.dp_ly_portfolio_style7 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_portfolio_style7 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item .post-meta,
.dp_ly_person_style7 .et_pb_team_member_description {
position: absolute;
bottom: 20px;
width: 90%;
left: 0;
right: 0;
margin: 0 auto;
z-index: 9;
}
.dp_ly_blurb_style7 .et_pb_blurb_content .et_pb_module_header,
.dp_ly_gallery_style7 .et_pb_gallery_item .et_pb_gallery_caption,
.dp_ly_portfolio_style7 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_person_style7 .et_pb_team_member_description .et_pb_module_header {
margin-bottom: 5px;
transform: translateY(100%) !important;
transition: all 0.5s ease 0s !important;
opacity: 0 !important;
}
.dp_ly_blurb_style7 .et_pb_blurb_content:hover .et_pb_module_header,
.dp_ly_gallery_style7 .et_pb_gallery_item:hover .et_pb_gallery_caption,
.dp_ly_portfolio_style7 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_person_style7:hover .et_pb_team_member_description .et_pb_module_header {
opacity: 1 !important;
transform: scale(1) !important;
}
.dp_ly_blurb_style7 .et_pb_blurb_content .et_pb_blurb_description,
.dp_ly_portfolio_style7 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item .post-meta,
.dp_ly_person_style7 .et_pb_team_member_description .et_pb_member_position {
margin-bottom: 5px;
transform: translateX(-100%) rotateX(90deg);
transition: all 0.5s ease 0s;
}
.dp_ly_blurb_style7 .et_pb_blurb_content:hover .et_pb_blurb_description,
.dp_ly_portfolio_style7 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_person_style7:hover .et_pb_team_member_description .et_pb_member_position {
transform: translateY(0) rotate(0);
}
.dp_ly_blurb_style7 .et_pb_blurb_content .et_pb_main_blurb_image,
.dp_ly_person_style7 .et_pb_team_member_image {
margin: 0;
}
.dp_ly_image_style7 .et_overlay,
.dp_ly_gallery_style7 .et_pb_gallery_item .et_overlay,
.dp_ly_portfolio_style7 .et_pb_portfolio_item .et_overlay,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item .et_overlay {
z-index: 99999;
}
.dp_ly_image_style7 .et_overlay::before,
.dp_ly_gallery_style7 .et_pb_gallery_item .et_overlay::before,
.dp_ly_portfolio_style7 .et_pb_portfolio_item .et_overlay::before,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item .et_overlay:before,
.dp_ly_person_style7 .et_pb_team_member_description .et_pb_member_social_links li {
width: 40px;
height: 40px;
background: #fff;
border-radius: 7px;
font-size: 20px;
text-align: center;
line-height: 40px;
transform: rotateX(90deg);
transition: all 0.3s ease 0s;
}
.dp_ly_image_style7 .et_pb_image_wrap:hover .et_overlay::before,
.dp_ly_gallery_style7 .et_pb_gallery_item:hover .et_overlay::before,
.dp_ly_portfolio_style7 .et_pb_portfolio_item:hover .et_overlay::before,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item:hover .et_overlay:before,
.dp_ly_person_style7:hover .et_pb_team_member_description .et_pb_member_social_links li {
transform: rotateX(0);
}
.dp_ly_gallery_style7 .et_pb_gallery_item .et_overlay::before {
margin: 0 auto;
left: 0;
right: 0;
top: 35%;
}
.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: 40px;
}
.dp_ly_portfolio_style7 .et_pb_portfolio_item .et_overlay::before,
.dp_ly_fportfolio_style7 .et_pb_portfolio_item .et_overlay:before {
margin: 0 auto;
left: 0;
right: 0;
top: 20%;
}
.dp_ly_fportfolio_style7 .et_pb_portfolio_filters ul {
text-align: center;
}
.dp_ly_fportfolio_style7 .et_pb_portfolio_filters ul li {
float: none;
display: inline-block;
width: auto;
}
.dp_ly_person_style7 .et_pb_team_member_description {
overflow: hidden;
}
.dp_ly_person_style7 .et_pb_team_member_description {
bottom: 45%;
}
.dp_ly_person_style7:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) {
transition-delay: 0.2s;
}
.dp_ly_person_style7:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) {
transition-delay: 0.4s;
}
.dp_ly_person_style7:hover .et_pb_team_member_description .et_pb_member_social_links li:last-child {
transition-delay: 0.6s;
}

/* 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 Lobortis 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 dots – 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 dots – gallery

Gallery

Hover state slice tint – blurb

Reveal CSS
The following needs to be used for all Slice Tint styles listed below:

/*Demo Style 10*/
.dp_ly_blurb_style10 .et_pb_main_blurb_image,
.dp_ly_image_style10 .et_pb_image_wrap,
.dp_ly_gallery_style10 .et_pb_gallery_item,
.dp_ly_portfolio_style10 .et_pb_portfolio_item,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item,
.dp_ly_person_style10 {
border-radius: 10px;
overflow: hidden;
position: relative;
}
.dp_ly_blurb_style10 .et_pb_main_blurb_image::before,
.dp_ly_image_style10 .et_pb_image_wrap::before,
.dp_ly_gallery_style10 .et_pb_gallery_item::before,
.dp_ly_portfolio_style10 .et_pb_portfolio_item::before,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item::before,
.dp_ly_person_style10::before {
content: “”;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.7);
position: absolute;
top: 0;
left: 0;
z-index: 1;
transform: skew(45deg) scaleX(0);
transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
padding: 2px;
}
.dp_ly_blurb_style10:hover .et_pb_main_blurb_image::before,
.dp_ly_image_style10:hover .et_pb_image_wrap::before,
.dp_ly_gallery_style10 .et_pb_gallery_item:hover::before,
.dp_ly_portfolio_style10 .et_pb_portfolio_item:hover::before,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item:hover::before,
.dp_ly_person_style10:hover::before {
transform: skew(0) scaleX(1);
}
.dp_ly_blurb_style10 .et_pb_main_blurb_image img,
.dp_ly_image_style10 .et_pb_image_wrap img,
.dp_ly_gallery_style10 .et_pb_gallery_item img,
.dp_ly_portfolio_style10 .et_pb_portfolio_item img,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item img,
.dp_ly_person_style10 .et_pb_team_member_image img {
width: 100%;
height: auto;
transform: scale(1);
transition: all 0.5s ease 0s;
}
.dp_ly_blurb_style10:hover .et_pb_main_blurb_image img,
.dp_ly_image_style10 .et_pb_image_wrap:hover img,
.dp_ly_gallery_style10 .et_pb_gallery_item:hover img,
.dp_ly_portfolio_style10 .et_pb_portfolio_item:hover img,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item:hover img,
.dp_ly_person_style10:hover .et_pb_team_member_image img{
transform: scale(1.2);
}
.dp_ly_blurb_style10 .et_pb_blurb_container,
.dp_ly_gallery_style10 .et_pb_gallery_item .et_pb_gallery_caption,
.dp_ly_portfolio_style10 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_portfolio_style10 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item .et_pb_module_header,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item .post-meta,
.dp_ly_person_style10 .et_pb_team_member_description {
width: 100%;
text-align: center;
position: absolute !important;
top: 55%;
left: 0;
opacity: 0 !important;
z-index: 2;
transform: translateY(-50%) scale(0.8);
transition: all 0.2s ease 0s !important;
}
.dp_ly_blurb_style10:hover .et_pb_blurb_container,
.dp_ly_image_style10:hover .et_overlay::before,
.dp_ly_gallery_style10 .et_pb_gallery_item:hover .et_overlay::before,
.dp_ly_gallery_style10 .et_pb_gallery_item:hover .et_pb_gallery_caption,
.dp_ly_portfolio_style10 .et_pb_portfolio_item:hover .et_overlay::before,
.dp_ly_portfolio_style10 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_portfolio_style10 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item:hover .et_overlay::before,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item:hover .et_pb_module_header,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item:hover .post-meta,
.dp_ly_person_style10:hover .et_pb_team_member_description,
.dp_ly_person_style10:hover .et_pb_member_social_links li {
opacity: 1 !important;
transform: translateY(-50%) scale(1) !important;
}
.dp_ly_image_style10 .et_overlay,
.dp_ly_gallery_style10 .et_pb_gallery_item .et_overlay,
.dp_ly_portfolio_style10 .et_pb_portfolio_item .et_overlay,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item .et_overlay {
z-index: 99999 !important;
}
.dp_ly_image_style10 .et_overlay::before,
.dp_ly_gallery_style10 .et_pb_gallery_item .et_overlay::before,
.dp_ly_portfolio_style10 .et_pb_portfolio_item .et_overlay::before,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item .et_overlay::before,
.dp_ly_person_style10 .et_pb_member_social_links li {
width: 40px;
height: 40px;
opacity: 0;
background: #2274A5;
border-radius: 100%;
font-size: 20px;
text-align: center;
line-height: 40px;
transform: translate(-50%, -50%) scale(0);
transition: all 0.3s ease 0s;
}
.dp_ly_gallery_style10 .et_pb_gallery_item .et_pb_gallery_caption,
.dp_ly_portfolio_style10 .et_pb_portfolio_item .post-meta,
.dp_ly_fportfolio_style10 .et_pb_portfolio_item .post-meta {
top: 70% !important;
}
.dp_ly_fportfolio_style9 .et_pb_portfolio_filters ul {
text-align: center;
}
.dp_ly_fportfolio_style10 .et_pb_portfolio_filters ul li {
float: none;
display: inline-block;
width: auto;
}
.dp_ly_blurb_style10 .et_pb_main_blurb_image,
.dp_ly_person_style10 .et_pb_team_member_image {
margin: 0;
}
.dp_ly_person_style10 .et_pb_member_social_links {
margin: 40px 0 0;
}

/* 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 Lobortis 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 slice tint – 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 slice tint – gallery

Gallery