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;
}
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);
}
Team Module
Reveal CSS
/*Demo Style 11*/
.dp_ly_person_style11 {
position: relative;
}
.dp_ly_person_style11::after {
content: “”;
position: absolute;
bottom: 0;
left: 0;
border: 2px solid red;
width: 100%;
box-sizing: border-box;
}
.dp_ly_person_style11 .et_pb_team_member_image {
margin-bottom: 0;
}
.dp_ly_person_style11 .et_pb_team_member_image::before {
content: “”;
position: absolute;
bottom: 0;
width: 50%;
background: rgba(255,255,255,0.1);
height: 3px;
border-radius: 3px;
z-index: 3;
left: 25%;
transform: translateY(-218px);
opacity: 0;
transition: .3s;
}
.dp_ly_person_style11:hover .et_pb_team_member_image::before {
opacity: 1;
transform: translateY(-238px);
}
.dp_ly_person_style11 .et_pb_team_member_image::after {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(12, 90, 219, 0.8);
opacity: 0;
transition: .3s;
}
.dp_ly_person_style11:hover .et_pb_team_member_image::after {
opacity: 1;
}
.dp_ly_person_style11 .et_pb_module_header,
.dp_ly_person_style11 .et_pb_member_position,
.dp_ly_person_style11 .et_pb_member_social_links {
position: absolute;
width: 100%;
opacity: 0;
transition: .3s;
}
.dp_ly_person_style11 .et_pb_module_header {
transform: translateY(-278px)
}
.dp_ly_person_style11 .et_pb_member_position {
transform: translateY(-249px);
font-size: 14px !important;
font-weight: normal !important;
}
.dp_ly_person_style11 .et_pb_member_social_links {
transform: translateY(-230px)
}
.dp_ly_person_style11 .et_pb_member_social_links a {
font-size: 14px !important;
}
.dp_ly_person_style11 .et_pb_member_social_links li:last-child {
margin-right: 0;
}
.dp_ly_person_style11 .et_pb_team_member_description p:last-of-type {
color: #333 !important;
position: absolute;
width: 100%;
padding: 24px 0;
border-bottom: 3px solid rgba(12, 90, 219, 0.1);
transition: .3s;
}
.dp_ly_person_style11:hover .et_pb_team_member_description p:last-of-type {
border-color: #0c5adb;
}
.dp_ly_person_style11:hover .et_pb_module_header {
transform: translateY(-298px);
opacity: 1;
}
.dp_ly_person_style11:hover .et_pb_member_position {
transform: translateY(-269px);
opacity: 1;
}
.dp_ly_person_style11:hover .et_pb_member_social_links {
transform: translateY(-250px);
opacity: 1;
}
Team

John Doe
CEO, Founder
John Doe

Jane Dee
Co-Founder
Jane Dee

James Smith
Co-Founder
James Smith
Scaling images
Reveal CSS
/**This scales the image in the person module with the CSS class “scale-person-image” **/
.scale-person-image .et_pb_team_member_image {
overflow:hidden;
}
.scale-person-image img {
transition: all 0.2s;
}
.scale-person-image img:hover {
transform: scale(1.3);
}
/**This scales the image in the bl module with the CSS class “scale-blurb-image” **/
.scale-blurb-image .et_pb_main_blurb_image {
overflow:hidden;
}
.scale-blurb-image .et_pb_main_blurb_image img {
transition: all 0.2s;
}
.scale-blurb-image .et_pb_main_blurb_image:hover img {
transform: scale(1.3);
}
/**This scales the image in the image module with the CSS class “scale-image” **/
.scale-image {
overflow:hidden;
}
.scale-image img{
transition: all 0.2s;
}
.scale-image:hover img {
transform: scale(1.3)
}


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

Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Content on hover
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.
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;}
}
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
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
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 Title Goes Here
Your Title Goes Here
Shadow remove on hover
Your Title Goes Here
Your Title Goes Here
Your Title Goes Here
Text border on hover
Your Title Goes Here
Your Title Goes Here
Your Title Goes Here
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 Title Goes Here

Your Title Goes Here
Coloured ticks on hover
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Coloured icons 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.
Hover state bounce – blurb
Reveal CSS
@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

Maecenas Ac Sapien

Pellentesque Ac Quam
Hover state bounce – image
Image
Nulla egestas dolor eu quam
Duis nunc ex, eleifend id orci nec, laoreet luctus ex. Aliquam sed mauris ut tellus consequat malesuada vitae ac diam.
Hover state bounce – gallery
Hover state gradient flip – blurb
Reveal CSS
/* 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
Hover state split screen – blurb
Reveal CSS
.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

Maecenas Ac Lobortis

Pellentesque Ac Quam
Hover state split screen – image
Image
Nulla egestas dolor eu quam
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
Hover state coloured background – blurb
Reveal CSS
/* 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

Maecenas Ac Lobortis Sapien

Pellentesque Ac Quam
Hover state coloured background – image
Image
Nulla egestas dolor eu quam
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
Hover state split screen text – blurb
Reveal CSS
/* 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

Maecenas Ac Lobortis Sapien

Pellentesque Ac Quam
Hover state split screen text – image
Image
Nulla egestas dolor eu quam
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
Hover state dots – blurb
Reveal CSS
/* 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
Hover state slice tint – blurb
Reveal CSS
/*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.