/* Button Transition for all Divi Pixel modules */

[class*="dipi_"].et_pb_module .et_pb_button {
    transition: all .2s ease !important;
}


/* Divi Module Styles for Builder Popup */

.et-db #et-boc .et-fb-modules-list ul>li[class^="dipi_"]:before {
    color: white;
}

.et-db #et-boc .et-fb-modules-list ul>li[class^="dipi_"] {
    background-color: #2c3d49 !important;
    color: white !important;
    overflow: visible !important;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.et-db #et-boc .et-fb-modules-list ul>li[class^="dipi_"] span {
    font-size: 10px !important;
}

.et-db #et-boc .et-fb-modules-list ul>li[class^="dipi_"] .et-fb-icon.et-fb-icon--svg {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    margin: 0 auto 5px auto !important;
}


/* End Divi Module Styles for Builder Popup */

.dipi-related-articles {
    padding: 25px 0;
}

.dipi-related-section-articles-title {
    text-align: center;
    margin-bottom: 25px;
    transition: all .5s ease-in-out;
    padding-right: 30px;
}

.dipi-related-articles-row {
    display: flex;
    flex: 1 1 auto;
}

.dipi-related-article-column {
    display: block;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    border-style: solid;
    /* z-index: 9; */
    transition-duration: .6s;
}

.dipi-related-article-column:hover {
    transition-duration: .6s;
}

.dipi-column-2 {
    width: 46%;
    margin-right: 4%;
}

.dipi-column-3 {
    width: 30%;
    margin-right: 5%;
}

.dipi-column-4 {
    width: 21.25%;
    margin-right: 5%;
}

@media (min-width: 981px) {
    .dipi-column-2 {
        width: 48.5%;
    }
    .dipi-column-3 {
        width: 31.333%;
    }
    .dipi-column-4 {
        width: 22.75%;
    }
}

@media (min-width: 981px) {
    .dipi-column-2,
    .dipi-column-3,
    .dipi-column-4 {
        margin-right: 3%;
    }
}

@media (max-width: 767px) {
    .dipi-column-2 {
        width: 100%;
        margin-right: 0;
    }
    .dipi-column-3 {
        width: 100%;
        margin-right: 0;
    }
    .dipi-column-4 {
        width: 100%;
        margin-right: 0;
    }
    .dipi-related-articles-row {
        flex-flow: row wrap;
    }
}

.dipi-related-articles-row .dipi-column-2:last-child {
    margin-right: 0 !important;
}

.dipi-related-articles-row .dipi-column-3:last-child {
    margin-right: 0 !important;
}

.dipi-related-articles-row .dipi-column-4:last-child {
    margin-right: 0 !important;
}

.dipi-related-article-content {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.dipi-related-article-thumb-wrap {
    overflow: hidden;
}

.dipi-related-article-thumb {
    overflow: hidden;
    position: relative;
    transition: all 1s ease-in-out;
}

.dipi-related-article-thumb img {
    object-fit: cover;
    transform-origin: center bottom 0;
    box-shadow: 0 10px 100px #e1edf9;
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    min-height: auto;
}

.dipi-related-article-bottom {
    display: flex;
    align-items: center;
}

.dipi-related-article-bottom.dipi-content-over-image {
    bottom: 0;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%) repeat scroll 0 0;
}

.dipi-related-article-bottom.dipi-content-over-image .dipi-related-article-title {
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.dipi-related-article-bottom .dipi-related-article-arrow {
    position: absolute;
    right: 5px;
    bottom: 10px;
    padding: 0 10px;
}

.dipi-readmore-arrow:hover:before,
.dipi-related-article-arrow-hover .dipi-readmore-arrow:before,
.dipi-readmore-arrow:before {
    transition-duration: .6s;
}

.dipi-content-bottom-image {
    padding: 15px 10px;
    width: 100%;
}

.dipi-related-article-thumb .dipi-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* z-index: 1; */
    height: 100%;
    background: rgba(0, 0, 0, .1);
}


/* .dipi-content-over-image .dipi-related-article-title,
.dipi-content-over-image .dipi-readmore-arrow {
    z-index: 9;
} */

.dipi-related-article-title {
    transition: all .6s ease-in-out;
    font-size: 16px;
    font-weight: 500;
    line-height: inherit;
    padding: 0;
}

.dipi-content-over-image .dipi-related-article-title {
    color: #fff;
    text-shadow: 0 4px 10px rgba(7, 15, 27, .4);
}

.dipi-icon-always,
.dipi-icon-hideonhover {
    transition: all .6s ease-in-out;
    opacity: 1;
}

.dipi-icon-onhover {
    opacity: 0;
    transition: all .6s ease-in-out;
    transform: translateX(-5px);
}

.dipi-icon-onhover:hover,
.dipi-icon-onhover.dipi-related-article-arrow-hover {
    opacity: 1;
    transition: all .6s ease-in-out;
    transform: translateX(0px);
}

.dipi-icon-hideonhover:hover,
.dipi-icon-hideonhover.dipi-related-article-arrow-hover {
    transition: all .6s ease-in-out;
    opacity: 0;
    transform: translateX(-5px);
}

.dipi-readmore-arrow:before {
    margin-left: 15px;
    content: "\24";
}

.dipi-content-over-image .dipi-readmore-arrow:before {
    color: #fff;
}

.dipi-content-bottom-image .dipi-readmore-arrow:before {
    color: #000;
}

.dipi-related-article-column.dipi-zoom-in {
    transition-duration: .6s;
    transform: scale(1);
}

.dipi-related-article-column.dipi-zoom-in:hover {
    transition-duration: .6s;
    transform: scale(1.05);
}

.dipi-related-article-column.dipi-zoom-out {
    transition-duration: .6s;
    transform: scale(1);
}

.dipi-related-article-column.dipi-zoom-out:hover {
    transition-duration: .6s;
    transform: scale(.95);
}

.dipi-related-article-column.dipi-move-up {
    transition-property: all;
    transition-duration: .6s;
}

.dipi-related-article-column.dipi-move-up:hover {
    transition-duration: .6s;
    transform: translateY(-8px);
}


/**
 * Footer
 */

body.dipi-hide-bottom-bar #footer-bottom {
    display: none;
}

body.dipi-fixed-footer .fixed-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 2;
}

body.dipi-reveal-footer .reveal-footer {
    z-index: -1;
    position: fixed;
    bottom: 0;
    width: 100%;
}

body.dipi-reveal-footer #et-main-area {
    overflow-x: hidden;
    background: #fff;
}


/**
 * Social icons
 */

.dipi-social-icon-zoom {
    transform: scale(1);
    transition-duration: 0.6s;
}

.dipi-social-icon-zoom:hover {
    transform: scale(1.2);
    transition-duration: 0.6s;
}

.dipi-social-icon-slideup {
    transition-duration: 0.6s;
}

.dipi-social-icon-slideup:hover {
    transition-duration: 0.6s;
    transform: translateY(-5px);
}

.dipi-social-icon-rotate {
    transition-duration: 0.6s;
    transform: rotate(0deg);
}

.dipi-social-icon-rotate:hover {
    transform: rotate(360deg);
}

.dipi-social-icon-box {
    transition: all .5s ease-in-out;
    padding: 20px;
    display: flex;
    align-items: center;
}


/**
 * Custom header styles
 */

.dipi-hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #0087ca;
}

.dipi-hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #0087ca;
    transform-origin: bottom right;
    transition: transform 0.6s ease-in-out;
}

.dipi-hover-underline-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

body.dipi-header-underline #main-header {
    box-shadow: none !important;
}

@media (min-width: 981px) {
    body.dipi-remove-sidebar.archive #sidebar,
    body.dipi-remove-sidebar.blog #sidebar {
        display: none;
    }
    body.dipi-remove-sidebar.archive #left-area,
    body.dipi-remove-sidebar.blog #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
    body.dipi-remove-sidebar.archive #main-content .container:before,
    body.dipi-remove-sidebar.blog #main-content .container:before {
        width: 0px !important;
        background: none !important;
    }
}

body.dipi-remove-sidebar-line #main-content .container:before {
    width: 0px !important;
    background: none !important;
}

body.dipi-zoom-logo .logo_container a #logo,
body.dipi-zoom-logo .et_pb_menu__logo {
    transform: scale(1);
    transition: all .6s ease-in-out;
}

body.dipi-zoom-logo .logo_container a:hover #logo,
body.dipi-zoom-logo .et_pb_menu__logo:hover {
    transform: scale(1.1);
}

@media only screen and (min-width: 981px) {
    body.dipi-shrink-header .et-fixed-header #et-top-navigation,
    body.dipi-shrink-header .et-fixed-header #et-top-navigation {
        padding-top: 33px;
    }
    body.dipi-shrink-header .et-fixed-header #et-top-navigation nav>ul>li>a,
    body.dipi-shrink-header .et-fixed-header #et-top-navigation nav>ul>li>a {
        padding-bottom: 33px;
    }
}


/**
 * Autho box
 */

.dipi-author-section {
    padding: 30px 0 !important;
    position: relative;
}

.dipi-author-row {
    display: flex;
    flex-direction: row;
    background: #f5f5f5;
    padding: 30px;
    border-style: solid;
}

.dipi-author-left {
    margin-right: 30px;
}


/**
 * Scroll Top 
 */

.et_pb_scroll_top.dipi-btt-zoomin .dipi_btt_wrapper {
    transition: all 0.3s ease-in;
    transform: scale(1);
}

.et_pb_scroll_top.dipi-btt-zoomin:hover .dipi_btt_wrapper {
    transition: all 0.3s ease-in;
    transform: scale(1.1);
}

.et_pb_scroll_top.dipi-btt-zoomout .dipi_btt_wrapper {
    transition: all 0.3s ease-in;
    transform: scale(1);
}

.et_pb_scroll_top.dipi-btt-zoomout:hover .dipi_btt_wrapper {
    transition: all 0.3s ease-in;
    transform: scale(.9);
}

.et_pb_scroll_top.dipi-btt-zoomup .dipi_btt_wrapper {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.et_pb_scroll_top.dipi-btt-zoomup:hover .dipi_btt_wrapper {
    transform: translateY(-6px);
}

.et_pb_scroll_top.dipi-btt-zoomdown .dipi_btt_wrapper {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition-property: transform;
    transition-timing-function: ease-out;
}

.et_pb_scroll_top.dipi-btt-zoomdown:hover .dipi_btt_wrapper {
    transform: translateY(6px);
}

.dipi-read-more-wrap {
    position: relative;
    clear: both;
    height: auto;
    display: flex;
    align-items: center;
    min-height: 50px;
}

.dipi-read-more-button {
    position: relative;
    transition: all .3s ease-in-out;
    line-height: 0;
    overflow: hidden;
}

.dipi-read-more-button.et-pb-icon {
    position: relative;
    transition: all .3s ease-in-out;
    line-height: 1;
    text-align: center;
}

.dipi-button-icon-none:after {
    content: '' !important;
    transition: all .3s ease-in-out;
}

.dipi-read-more-button:after {
    position: absolute;
    font-family: ETmodules!important;
    opacity: 0;
    text-shadow: none;
    font-size: 32px;
    font-weight: 400;
    font-style: normal;
    font-variant: none;
    line-height: 1;
    text-transform: none;
    transition: all .3s;
}

.dipi-button-none {
    justify-content: flex-start;
}

.dipi-button-center {
    justify-content: center;
}

.dipi-button-right {
    justify-content: flex-end;
}

.dipi-post-section,
.dipi-post-row {
    padding: 20px 0 !important;
    max-width: 1080px;
    margin: auto;
    width: 100% !important;
}

.dipi-post-row {
    border-top: solid 1px #f2f2f2;
}

.dipi-post-left {
    float: left;
    padding: 10px;
    border-radius: 100px;
    transition: all .6s ease-in-out;
}

.dipi-post-right {
    float: right;
    padding: 10px;
    border-radius: 100px;
    transition: all .6s ease-in-out;
}

.dipi-post-left a,
.dipi-post-right a {
    padding: 0 5px;
}

.dipi-post-left .et-pb-icon,
.dipi-post-right .et-pb-icon {
    font-size: 24px;
    line-height: 0;
    vertical-align: middle;
}


/**
 * Blog Archive
 */

body.archive #left-area,
body.blog #left-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    transition: .3s ease;
}

body.archive #left-area article.et_pb_post,
body.blog #left-area article.et_pb_post {
    flex-basis: 100%;
}

.dipi-post-wrap {
    position: relative;
    padding: 15px 10px;
}

.entry-featured-image-wrap {
    overflow: hidden;
}

.entry-featured-image-wrap .entry-featured-image-url {
    margin-bottom: 0px !important;
    height: 100%;
}

body.archive #left-area article.et_pb_post .entry-featured-image-wrap img,
body.blog #left-area article.et_pb_post .entry-featured-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center bottom 0;
}


/* Styles */

body.archive.dipi-archive-style2 #left-area article.et_pb_post,
body.blog.dipi-archive-style2 #left-area article.et_pb_post,
body.archive.dipi-archive-style3 #left-area article.et_pb_post,
body.blog.dipi-archive-style3 #left-area article.et_pb_post {
    display: flex;
    flex-direction: row;
}

body.archive.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0),
body.blog.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) {
    display: flex;
    flex-direction: row-reverse;
}

body.archive.dipi-archive-style2 .entry-featured-image-wrap,
body.blog.dipi-archive-style2 .entry-featured-image-wrap,
body.archive.dipi-archive-style3 .entry-featured-image-wrap,
body.blog.dipi-archive-style3 .entry-featured-image-wrap,
body.archive.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) .dipi-post-wrap,
body.blog.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) .dipi-post-wrap {
    flex-basis: 50%;
}

body.archive.dipi-archive-style2 .dipi-post-wrap,
body.blog.dipi-archive-style2 .dipi-post-wrap,
body.archive.dipi-archive-style3 .dipi-post-wrap,
body.blog.dipi-archive-style3 .dipi-post-wrap,
body.archive.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) .entry-featured-image-wrap,
body.blog.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) .entry-featured-image-wrap {
    flex-basis: 50%;
}

body.archive.dipi-archive-style4 #left-area article.et_pb_post,
body.blog.dipi-archive-style4 #left-area article.et_pb_post {
    flex-basis: calc(50% - 20px);
    margin-right: 40px;
}

body.archive.dipi-archive-style5 #left-area article.et_pb_post,
body.blog.dipi-archive-style5 #left-area article.et_pb_post {
    flex-basis: calc(33.8% - 20px);
    margin-right: 20px;
}

body.archive.dipi-archive-style4 #left-area article.et_pb_post:nth-child(2n+0),
body.archive.dipi-archive-style5 #left-area article.et_pb_post:nth-child(3n+0),
body.blog.dipi-archive-style4 #left-area article.et_pb_post:nth-child(2n+0),
body.blog.dipi-archive-style5 #left-area article.et_pb_post:nth-child(3n+0) {
    margin-right: 0px !important;
}

body.archive.dipi-archive-style6 #left-area article.et_pb_post,
body.blog.dipi-archive-style6 #left-area article.et_pb_post {
    display: flex;
    flex-direction: row;
}

body.archive.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0),
body.blog.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) {
    display: flex;
    flex-direction: row-reverse;
}

body.archive.dipi-archive-style6 #left-area article.et_pb_post .entry-featured-image-wrap,
body.blog.dipi-archive-style6 #left-area article.et_pb_post .entry-featured-image-wrap,
body.archive.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) .entry-featured-image-wrap,
body.blog.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) .entry-featured-image-wrap {
    flex-basis: 30%
}

body.archive.dipi-archive-style6 #left-area article.et_pb_post .dipi-post-wrap,
body.blog.dipi-archive-style6 #left-area article.et_pb_post .dipi-post-wrap,
body.archive.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) .dipi-post-wrap,
body.blog.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) .dipi-post-wrap {
    flex-basis: 70%;
}

@media screen and (max-width: 481px) {
    body.archive #left-area article.et_pb_post,
    body.blog #left-area article.et_pb_post {
        flex-basis: 100% !important;
        margin-right: 0px !important;
        display: block !important;
    }
    body.archive.dipi-archive-style6 #left-area article.et_pb_post .entry-featured-image-wrap,
    body.blog.dipi-archive-style6 #left-area article.et_pb_post .entry-featured-image-wrap,
    body.archive.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) .entry-featured-image-wrap,
    body.blog.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) .entry-featured-image-wrap {
        flex-basis: 100% !important;
    }
    body.archive.dipi-archive-style6 #left-area article.et_pb_post .dipi-post-wrap,
    body.blog.dipi-archive-style6 #left-area article.et_pb_post .dipi-post-wrap,
    body.archive.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) .dipi-post-wrap,
    body.blog.dipi-archive-style6 #left-area article.et_pb_post:nth-child(2n+0) .dipi-post-wrap {
        flex-basis: 100% !important;
    }
    body.archive.dipi-archive-style2 .entry-featured-image-wrap,
    body.blog.dipi-archive-style2 .entry-featured-image-wrap,
    body.archive.dipi-archive-style3 .entry-featured-image-wrap,
    body.blog.dipi-archive-style3 .entry-featured-image-wrap,
    body.archive.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) .dipi-post-wrap,
    body.blog.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) .dipi-post-wrap {
        flex-basis: 100% !important;
    }
    body.archive.dipi-archive-style2 .dipi-post-wrap,
    body.blog.dipi-archive-style2 .dipi-post-wrap,
    body.archive.dipi-archive-style3 .dipi-post-wrap,
    body.blog.dipi-archive-style3 .dipi-post-wrap,
    body.archive.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) .entry-featured-image-wrap,
    body.blog.dipi-archive-style3 #left-area article.et_pb_post:nth-child(2n+0) .entry-featured-image-wrap {
        flex-basis: 100% !important;
    }
}

.dipi-post-inner-wrap .entry-title {
    width: 100%;
}

.dipi-image-icon-active .dipi-icon-wrap,
.dipi-image-overlay-active .dipi-image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .3s ease;
}

.dipi-image-icon-active .dipi-image-icon,
.dipi-image-overlay-active .dipi-overlay-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    text-align: center;
}

.dipi-image-overlay-icon-always {
    transition: all .6s ease-in-out;
    opacity: 1 !important;
}

.dipi-image-overlay-icon-onhover {
    transition: all .6s ease-in-out;
    opacity: 0 !important;
}

.dipi-image-icon-active:hover .dipi-image-overlay-icon-onhover,
.dipi-image-overlay-active:hover .dipi-image-overlay-icon-onhover {
    transition: all .6s ease-in-out;
    opacity: 1 !important;
}

.dipi-image-icon-active .dipi-image-overlay-icon-hideonhover,
.dipi-image-overlay-active .dipi-image-overlay-icon-hideonhover {
    transition: all .6s ease-in-out;
    opacity: 1 !important;
}

.dipi-image-icon-active:hover .dipi-image-overlay-icon-hideonhover,
.dipi-image-overlay-active:hover .dipi-image-overlay-icon-hideonhover {
    opacity: 0 !important;
    transition: all .6s ease-in-out;
}

.dipi-post-left .et-pb-icon {
    padding-right: 5px;
}

.dipi-post-right .et-pb-icon {
    padding-left: 5px;
}


/**
 * Button Effect
 */

#commentform .form-submit .et_pb_button.dipi-zoom-in,
.et_pb_post .dipi-read-more-wrap .dipi-read-more-button.dipi-button-zoomin,
.dipi-cta-button-effect-zoomin {
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

#commentform .form-submit .et_pb_button.dipi-zoom-in:hover,
.et_pb_post .dipi-read-more-wrap .dipi-read-more-button.dipi-button-zoomin:hover,
.dipi-cta-button-effect-zoomin:hover {
    transition: all 0.3s ease-in-out;
    transform: scale(1.1);
}

#commentform .form-submit .et_pb_button.dipi-zoom-out,
.et_pb_post .dipi-read-more-wrap .dipi-read-more-button.dipi-button-zoomout,
.dipi-cta-button-effect-zoomout {
    transition: all 0.3s ease-in;
    transform: scale(1);
}

#commentform .form-submit .et_pb_button.dipi-zoom-out:hover,
.et_pb_post .dipi-read-more-wrap .dipi-read-more-button.dipi-button-zoomout:hover,
.dipi-cta-button-effect-zoomout:hover {
    transition: all 0.3s ease-in-out;
    transform: scale(.9);
}

#commentform .form-submit .et_pb_button.dipi-move-up,
.et_pb_post .dipi-read-more-wrap .dipi-read-more-button.dipi-button-moveup,
.dipi-cta-button-effect-moveup {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition-property: transform;
    transition-timing-function: ease-out;
}

#commentform .form-submit .et_pb_button.dipi-move-up:hover,
.et_pb_post .dipi-read-more-wrap .dipi-read-more-button.dipi-button-moveup:hover,
.dipi-cta-button-effect-moveup:hover {
    transform: translateY(-2px);
}


/**
 * Hover Effects
 */

body.archive article.dipi-post-zoomin .entry-featured-image-wrap a,
body.blog article.dipi-post-zoomin .entry-featured-image-wrap a,
.dipi-related-article-thumb.dipi-zoom-in {
    transition: all .6s ease-in-out;
    transform: scale(1);
}

body.archive article.dipi-post-zoomin:hover .entry-featured-image-wrap a,
body.blog article.dipi-post-zoomin:hover .entry-featured-image-wrap a,
.dipi-related-article-thumb.dipi-zoom-in:hover,
.dipi-related-article-thumb.dipi-zoom-in-hover {
    transition: all .6s ease-in-out;
    transform: scale(1.1);
}

body.archive article.dipi-post-zoomout .entry-featured-image-wrap a,
body.blog article.dipi-post-zoomout .entry-featured-image-wrap a,
.dipi-related-article-thumb.dipi-zoom-out {
    transition: all .6s ease-in-out;
    transform: scale(1.1);
}

body.archive article.dipi-post-zoomout:hover .entry-featured-image-wrap a,
body.blog article.dipi-post-zoomout:hover .entry-featured-image-wrap a,
.dipi-related-article-thumb.dipi-zoom-out:hover,
.dipi-related-article-thumb.dipi-zoom-out-hover {
    transition: all .6s ease-in-out;
    transform: scale(1);
}

body.archive article.dipi-post-zoomrotate .entry-featured-image-wrap a,
body.blog article.dipi-post-zoomrotate .entry-featured-image-wrap a,
.dipi-related-article-thumb.dipi-zoom-rotate {
    transition: all .6s ease-in-out;
    height: 100%;
    width: 100%;
}

body.archive article.dipi-post-zoomrotate:hover .entry-featured-image-wrap a,
body.blog article.dipi-post-zoomrotate:hover .entry-featured-image-wrap a,
.dipi-related-article-thumb.dipi-zoom-rotate:hover,
.dipi-related-article-thumb.dipi-zoom-rotate-hover {
    transform: scale(1.1) rotate(2deg);
    transition: all .6s ease-in-out;
}

body.archive article.dipi-post-blacktocolor .entry-featured-image-wrap a,
body.blog article.dipi-post-blacktocolor .entry-featured-image-wrap a {
    filter: grayscale(100%);
    transition: all .6s ease-in-out;
}

body.archive article.dipi-post-blacktocolor:hover .entry-featured-image-wrap a,
body.blog article.dipi-post-blacktocolor:hover .entry-featured-image-wrap a {
    filter: grayscale(0%);
    transition: all .6s ease-in-out;
}

body.archive article.dipi-post-zoombox,
body.blog article.dipi-post-zoombox {
    transition: all .6s ease-in-out;
    transform: scale(1);
}

body.archive article.dipi-post-zoombox:hover,
body.blog article.dipi-post-zoombox:hover {
    transition: all .6s ease-in-out;
    transform: scale(1.040);
}

body.archive article.dipi-post-slideupbox,
body.blog article.dipi-post-slideupbox {
    transition: all .6s ease-in-out;
}

body.archive article.dipi-post-slideupbox:hover,
body.blog article.dipi-post-slideupbox:hover {
    transition: all .6s ease-in-out;
    transform: translateY(-10px);
}


/**
 * Mobile Css
 */

@media (min-width: 320px) and (max-width: 480px) {
    body.dipi-fix-search-icon #et_top_search {
        margin: 0 15px 0 0 !important;
    }
    .dipi-hide-search-icon #et_top_search,
    .dipi-hide-search-icon .et_pb_menu__search-button {
        display: none !important;
    }
}


/* Fix for back to top button animation not staying at end position */

.et_pb_scroll_top {
    animation-fill-mode: forwards !important;
}


/* Panorama */ 
.pnlm-controls {
    margin-top: 20px;
    margin-left: 15px;
}