/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/***** Header ***************/

.fusion-logo a {
    line-height: .7em;
}

.fusion-header .fusion-logo img, .fusion-header .fusion-logo svg {
    width: 268px;
    height: auto;
}

/* Ensure the logo always looks normal */
.draw-logo path {
    fill: white; /* Keep the fill so logo is always visible */
    stroke: white;
    stroke-width: 1;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    transition: all 2s ease;
}

.fusion-logo-link:hover .draw-logo path {
    fill: transparent;
}

/* On hover, draw the stroke */
.fusion-logo-link:hover .draw-logo path {
    stroke-dashoffset: 0;
}

/* Hover effect: Trigger the move and return animation */
/*.fusion-logo:hover img {
  animation: move-return 0.6s ease forwards;
}*/

/* Keyframes for the move and return animation */
/*@keyframes move-return {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}*/

/* Top Line: Move Left */
.fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line:nth-child(1) {
  animation: move-left-right-1 0.7s ease-in-out forwards;
}

/* Middle Line: Move Right */
.fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line:nth-child(2) {
  animation: move-left-right-2 0.6s ease-in-out forwards;
}

/* Bottom Line: Move Left */
.fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line:nth-child(3) {
  animation: move-left-right-3 0.5s ease-in-out forwards;
}

/* Animation for Top Line (Move Left to Right and Back) */
@keyframes move-left-right-1 {
  0% { transform: translateX(0); }
  50% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}

/* Animation for Middle Line (Move Right to Left and Back) */
@keyframes move-left-right-2 {
  0% { transform: translateX(0); }
  50% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

/* Animation for Bottom Line (Move Left to Right and Back) */
@keyframes move-left-right-3 {
  0% { transform: translateX(0); }
  50% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}


.fusion-header-has-flyout-menu .fusion-header .fusion-flyout-menu-icons .fusion-flyout-menu-toggle {
    height: 25px;
    align-items: flex-end;
}

.fusion-header-has-flyout-menu .fusion-header .fusion-flyout-menu-icons .fusion-toggle-icon-line {
    height: 5px;
}

.fusion-header-has-flyout-menu .fusion-header .fusion-flyout-menu-icons .fusion-toggle-icon-line:nth-child(2) {
    width: calc((var(--flyout_menu_icon_font_size_px))* 1.5 - 5px);
}

.fusion-header-has-flyout-menu .fusion-header .fusion-flyout-menu-icons .fusion-toggle-icon-line:last-child {
    width: calc((var(--flyout_menu_icon_font_size_px))* 1.5 - 10px);
}

.fusion-main-menu ul li a i {
    font-size: 60%;
}

.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-header-v6-content .fusion-logo {
    z-index: 1;
}

.fusion-main-menu.fusion-flyout-menu>ul>li>a:not(.fusion-logo-link):hover {
    color: var(--nav_typography-color);
}

.fusion-main-menu.fusion-flyout-menu .menu-item:not(.mwam-menu-search-icon) a {
  position: relative;
}

.fusion-main-menu.fusion-flyout-menu .menu-item:not(.mwam-menu-search-icon) a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease-in-out;
}

.fusion-main-menu.fusion-flyout-menu .menu-item:not(.mwam-menu-search-icon) a:hover::after {
  transform: scaleX(1);
}


.mwam-menu-search-icon .menu-text {
    display: block;
    width: 310px;
}

.mwam-menu-search-icon .menu-text i {
    cursor: pointer;
}

.mwam-menu-search-icon .menu-text .fa-search {
    vertical-align: middle;
}

.mwam-menu-search-icon .menu-text form {
    position: relative;
    max-width: 0;
    overflow: hidden;
    transition: max-width 0.4s ease-in-out, padding 0.4s ease-in-out;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.mwam-menu-search-icon .menu-text form input {
    background: transparent;
    width: 250px; /* Adjust as needed */
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #fff;
}

.mwam-menu-search-icon .menu-text form.active {
    max-width: 260px; /* Adjust based on input width */
    /*padding: 5px; /* Adds smooth padding transition */
    padding-left: 10px;
}

.mwam-menu-search-icon .menu-text form button {
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    color: #fff;
    border: 0;
    font-size: 35px;
    padding: 0;
    line-height: 1;
}


@media screen and (max-width: 480px) {
    
    .fusion-main-menu.fusion-flyout-menu ul li a {
        font-size: 42px;
    }
    
    .fusion-header-has-flyout-menu .fusion-main-menu.fusion-flyout-menu>ul.fusion-menu>li {
        padding: 10px 0;
    }
}

@media screen and (max-width: 389px) {
    .fusion-header .fusion-logo img, .fusion-header .fusion-logo svg {
        width: 80%;
    }
}

/***** General ***************/

ol, ul {
    margin-top: 0;
    margin-bottom: 33px;
    padding-left: 24px;
}

ul {
    list-style: square;
}

ul li::marker {
    font-size: 120%;
    line-height: 1.2;
}

#main #content {
    margin-bottom: 0;
}

.fusion-text a, .toggle-content a, .link-underline a, .single-post .mw-post-content a  {
    border-bottom: 1px solid;
}

.fusion-text a:hover, .toggle-content a:hover, .link-underline a:hover, .single-post .mw-post-content a:hover {
    border-bottom-color: transparent;
}

.link-hover-underline a:hover {
    border-bottom: 1px solid;
}

.post-content .fusion-text p {
    margin-bottom: 33px;
}

#toggleContainerLink {
    cursor: pointer;
    border-bottom: 1px solid;
}

#toggleContainerLink:hover {
   border-bottom-color: transparent; 
}

#toggle-container {
    display: none;
}

.testimonials-slider .tfs-slider .slide-content-container .heading {
    margin-bottom: 35px;
}

.testimonials-slider .flex-direction-nav a {
    display: block;
    opacity: 1;
    text-indent: -9999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.testimonials-slider .flex-direction-nav .flex-next {
    background-image: url(images/right-arrow.png);
}

.testimonials-slider .flex-direction-nav .flex-prev {
    background-image: url(images/left-arrow.png);
}

.inline-spacer {
    display: inline-block;
}

.post-card-alt-color ul li:nth-child(2n) .fusion-title-heading a {
    color: var(--awb-link-hover-color);
}

.post-card-alt-color ul li:nth-child(2n) .fusion-title-heading a:hover {
    color: var(--awb-link-color);
}

.post-card-alt-color ul li:nth-child(2n) .fusion-content-tb {
    color: #ffffff;
}

.post-card-alt-color ul li p.fusion-title-heading a:hover,
.post-card-alt-color ul li:nth-child(2n) p.fusion-title-heading a {
    color: inherit;
}

@media screen and (min-width: 480px) {
    .testimonials-slider .flex-direction-nav a {
        width: 100px !important;
        height: 100px !important;
    }
}

/*
***NOTES ABOUT CONTAINER WIDTH***
- Container width class "narrow-container" works with single column layout.
- If tow column needed, use nested column.
*/
@media screen and (min-width: 1205px) {
.narrow-container > .fusion-builder-row > .fusion-layout-column:not(.ignore-narrow-container) > .fusion-column-wrapper {
    padding-left: calc((100% - 1189px) / 2);
    padding-right: calc((100% - 1189px) / 2);
}

.narrow-container.expand-right > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper {
    padding-right: 0;
}

.two-column-wide-right > .fusion-builder-row > .fusion-layout-column:first-child > .fusion-column-wrapper {
    padding-left: calc(100% - (1189px / 2));
}
}

@media screen and (max-width: 1024px) {
    br.tablet-hide-line-break, .tablet-hide-line-break br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .testimonials-slider .tfs-slider .slide-content-container .heading {
        margin-bottom: 15px;
    }
    
    .testimonials-slider .flex-direction-nav {
        display: block;
    }
    
    .testimonials-slider .flex-direction-nav .flex-next {
        background-position: right center;
    }

    .testimonials-slider .flex-direction-nav .flex-prev {
        background-position: left center;
    }
    
    .inline-spacer {
        display: block;
    }
    
    br.mobile-hide-line-break, .mobile-hide-line-break br {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .testimonials-slider .heading .fusion-title-heading {
        font-size: 26px !important;
        line-height: 1.4 !important;
    }
    
    .testimonials-slider .slide-content-center {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/***** Footer ***************/

.fusion-footer p {
    margin-top: 0;
    margin-bottom: 40px;
}

.footer-logo img {
    width: 661px;
}

.footer-menu a span {
    border-bottom: 1px solid transparent;
}

.footer-menu a:hover span {
    border-bottom-color: inherit;
}

@media screen and (max-width: 480px) {
    .mw-footer {
        background-position: 200% 200% !important;
    }
}


/******* Home Page ***************/

.fusion-image-hovers .mw-logo-carousel .hover-type-liftup:hover:before {
    opacity: 0;
}

@media screen and (min-width: 1025px) {
    .lg-font-size-110 .fusion-title-heading {
        font-size: 110px !important;
    }
    
    .lg-font-size-90 .fusion-title-heading {
        font-size: 90px !important;
    }
    
    .lg-font-size-72 .fusion-title-heading {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 1024px) {
    /*
    Explation of the width calculation:
    50px = margin-right
    3 = (number of column - 1)
    70px = (Column Spacing set on page builder - margin-right)
    4 = number of column
    */
    .mw-lookbook-carousel .awb-swiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 50px * 3 + 70px) / 4) !important;
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 640px) {
    .mw-lookbook-carousel .awb-swiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 30px * 1 + 90px) / 2) !important;
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 387px) {
    .power-up-your .fusion-title-heading {
        font-size: 50px !important;
    }
}

@media screen and (max-width: 374px) {
    .power-up-your .fusion-title-heading {
        font-size: 48px !important;
    }
}



/***** About Page ****************/

.about-section1 .fusion-title:not(.sub-heading) {
    padding-top: 35px;
}

.about-section1 .fusion-title, .about-section1 .fusion-text {
    margin-left: -15vw !important;
    /*margin-right: 12vw !important;*/
    max-width: 917px;
}

.about-section1 .fusion-text:last-child {
    margin-left: -1vw !important;
    max-width: 650px;
}

.partner-logos {
    max-width: 1121px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.partner-logos a {
    align-self: center;
    max-width: 48%;
    border-bottom: none;
}

.partner-logos img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: .75;
    transition: all .4s;
}

.partner-logos a:hover img, .partner-logos img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}

@media screen and (min-width: 1440px) {
     .richard-jessica {
         background-position: 94% 0% !important;
     }
}

@media screen and (max-width: 1570px) {
    .about-section1 .fusion-text:last-child {
        margin-left: 2vw !important;
    }
}

@media screen and (max-width: 1410px) {
    .about-section1 .fusion-title {
        padding-top: 0;
    }
    
    .about-section1 .fusion-text {
        margin-left: 2vw !important;
    }
}

@media screen and (max-width: 1129px) {
    .about-section1 .sub-heading {
        margin-left: 2vw !important;
    }
}

@media screen and (max-width: 1024px) {
    .about-section1 .fusion-title {
        margin-left: 2vw !important;
    }
}

@media screen and (max-width: 767px) {
    .about-section1 .fusion-title, .about-section1 .fusion-text, .about-section1 .sub-heading {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .partner-logos {
        flex-direction: column;
        gap: 30px;
        justify-content: center;
    }
    
    .partner-logos a {
        max-width: 100%;
    }
}

/***** Services Page ****************/

.services-content-boxes.fusion-content-boxes.content-boxes-icon-on-side .heading {
    margin-bottom: 0;
}

.services-content-boxes strong {
    font-weight: 500;
}

.services-checklist {
    max-width: 560px;
}

.services-checklist.fusion-checklist .icon-wrapper {
    display: none;
    margin-right: 0;
    margin-left: 10px;
}

.services-checklist.fusion-checklist .icon-wrapper.active {
    display: inline-block;
}

.services-checklist.fusion-checklist .fusion-li-item-content {
    margin-inline-start: 0;
}

.services-checklist .fusion-li-item {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.services-checklist.fusion-checklist.fusion-checklist-divider .fusion-li-item:last-child {
    border-bottom: 0;
}

.services-checklist .fusion-li-item a {
    font-weight: 500;
    border-bottom: 1px solid transparent;
}

.services-checklist .fusion-li-item a:hover {
    border-bottom-color: inherit;
}

.services-links-list {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    list-style: none;
}

.services-links-list li, .post-content .fusion-text .services-links-list li {
    margin-bottom: 15px;
}

@media screen and (min-width: 1025px) {
    .old-computer-image-column .fusion-image-element {
        margin-left: -4.6vw;
    }
}

@media screen and (min-width: 1399px) {
    .old-computer-image-column .fusion-image-element {
        margin-left: -156px;
    }
}

@media screen and (max-width: 767px) {
    .service-page-title .fusion-title-heading {
        --fontSize: 90 !important;
    }
    
    .service-page-title.title-outdated .fusion-title-heading {
        line-height: 1.052 !important;
    }
    
    .service-page-title .fusion-title-heading span {
        font-size: 100% !important;
    }
    
    .services-links-list li {
        font-size: 90%;
    }
}


/**** Services Single Pages *****/

.mw-package .most-popular-badge {
    background: #1a856b;
    width: 160px !important;
    padding: 7px 0;
    position: absolute;
    top: -15px;
    line-height: 1;
    left: 50%;
    transform: translateX(-50%);
}

.mw-package .fusion-checklist .fusion-li-item-content strong {
    font-weight: 500;
}

.mw-package .fusion-checklist .circle-yes.icon-wrapper {
    --awb-icon-width: 32px;
    --awb-icon-height: 32px;
    font-size: 15px;
}


/***** Website Maintenance Page ******/

.wm-package-list .fusion-li-item {
    line-height: 1.143;
    display: flex;
    align-items: center;
}

.wm-package-list .fusion-li-item .fusion-li-item-content {
    margin-left: 0;
}

.wm-package-list .circle-yes.icon-wrapper {
    margin-right: 20px;
}

.mw-package .wm-package-list .fusion-li-item-content strong {
    font-weight: 700;
}

.tune-up-package .wm-package-list .fusion-li-item-content strong, .enhanced-newsletter-package .wm-package-list .fusion-li-item-content strong {
    font-weight: 500;
}


/***** Graphic Design Page *******/

@media screen and (max-width: 640px) {
    .gdcc-title .fusion-title-heading {
        font-size: 36px !important;
    }
}


/**** Video Production Page ******/

.video-production-carousel.fusion-image-carousel, .video-production-carousel-mobile.fusion-image-carousel {
    margin-bottom: 0;
}

.video-production-carousel .swiper-autoheight .swiper-wrapper {
    min-height: 440px;
}

.video-production-carousel .swiper-backface-hidden .swiper-slide-next {
    transform: scale(1.87503);
    z-index: 9;
}

.video-production-carousel .swiper-backface-hidden .swiper-slide-next a:after,
.video-production-carousel-mobile .swiper-backface-hidden .swiper-slide-active a:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    top: 50%;
    left: 50%;
    background: url(images/play-button.png);
    transform: translate(-50%, -50%) scale(0.53334); /* Counter scale 1 / 1.87503 ≈ 0.53334 */
}

.video-production-carousel .swiper-slide:not(.swiper-slide-next) img {
    opacity: .2;
}

.video-production-carousel-nav img,
.video-production-carousel-nav-mobile img {
    display: block
}

.video-production-carousel-nav #video-production-carousel-nav-prev,
.video-production-carousel-nav #video-production-carousel-nav-next,
.video-production-carousel-nav-mobile #video-production-carousel-nav-mobile-prev,
.video-production-carousel-nav-mobile #video-production-carousel-nav-mobile-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.video-production-carousel-nav #video-production-carousel-nav-prev,
.video-production-carousel-nav-mobile #video-production-carousel-nav-mobile-prev {
    left: 0;
}

.video-production-carousel-nav #video-production-carousel-nav-next,
.video-production-carousel-nav-mobile #video-production-carousel-nav-mobile-next {
    right: 0;
}

@media screen and (min-width: 1180px) {
    .video-production-carousel {
        max-width: 1120px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1024px) {
    .documentary-approach .fusion-title-heading {
        font-size: 60px !important;
    }
    
    .video-production-carousel .swiper-autoheight .swiper-wrapper {
        min-height: 380px;
    }
}

@media screen and (max-width: 800px) {
    .video-production-carousel .swiper-autoheight .swiper-wrapper {
        min-height: 270px;
    }
}

@media screen and (max-width: 767px) {
    .video-production-carousel .swiper-slide {
        width: 30% !important;
    }
    
    .video-production-carousel .swiper-slide.swiper-slide-next {
        width: 40% !important;
    }
}

@media screen and (max-width: 640px) {
    .documentary-approach .fusion-title-heading {
        font-size: 36px !important;
    }
    
    .video-production-carousel .swiper-autoheight .swiper-wrapper {
        min-height: 160px;
    }

}


/**** Email Newsletter Design and Development Page ******/

.newsletters-links p {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px 90px;
}

.newsletters-links p a {
    border-bottom: none;
}

/**** Support Page ***********/

.support-title {
    
}

.support-title:before {
    content: "{";
    vertical-align: top;
    margin-right: 40px;
    
}

.support-title:after {
    content: "}";
    vertical-align: bottom;
    margin-left: 10px;
    
}

.support-title:before, .support-title:after {
    font-family: var(--h1_typography-font-family);
    display: inline-block;
    font-size: 150px;
    line-height: 1;
}

.support-title .fusion-title-heading {
    max-width: calc(100% - 186px);
    display: inline-block;
}

.support-title .fusion-title-heading .cross-out {
    display: inline-block;
    position: relative;
    padding-right: 25px;
}

.support-title .fusion-title-heading .cross-out img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-22%);
}

.down-support-list {
    list-style: none;
    counter-reset: item;
    padding-left: 0;
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    gap: 0px 60px;
}

.down-support-list li {
    counter-increment: item;
    position: relative;
    padding-left: 53px;
    margin-bottom: 25px;
}

.down-support-list li::before {
    content: counter(item, decimal-leading-zero);
    position: absolute;
    left: 0;
}

.down-support-list li strong {
    font-weight: 500;
}

/* Column positioning */
.down-support-list li:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}

.down-support-list li:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
}

.down-support-list li:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
}

.down-support-list li:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
}

.down-support-list li:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
}

.down-support-list li:nth-child(6) {
    grid-column: 2;
    grid-row: 3;
}

@media screen and (min-width: 1025px) {
    .error-image-column .fusion-image-element {
        margin-left: -4vw;
    }
}

@media screen and (min-width: 1420px) {
    .error-image-column .fusion-image-element {
        margin-left: -161px;
    }
}

@media screen and (max-width: 1580px) {
    .support-title .fusion-title-heading br {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .down-support-list {
        display: block;
    }
}

@media screen and (max-width: 640px) {
    .support-title .fusion-title-heading {
        max-width: calc(100% - 79px);
        font-size: 49px !important;
    }
    
    .support-title:before, .support-title:after {
        font-size: 100px;
    }
    
    .support-title:before {
        margin-right: 5px;
    }
    
    .support-title:after {
        margin-left: 0px;
    }
}

@media screen and (max-width: 413px) {
    .support-title .fusion-title-heading {
        font-size: 40px !important;
    }
}


/*** Lookbook Page *******/

.mw-portfolio .fusion-filters {
    border: none;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 20px 60px;
    flex-wrap: wrap;
}

.mw-portfolio .fusion-filter {
    float: none;
    border: none;
    margin-right: 0px;
}

.mw-portfolio .fusion-filters a, .mw-portfolio .fusion-filters .fusion-filter.fusion-active a {
    font-family: var(--post_title_typography-font-family);
    font-size: 30px;
    color: var(--post_title_typography-color);
    border-top: 0;
    border-bottom: 6px solid transparent;
}

.mw-portfolio .fusion-filters .fusion-filter.fusion-active a, .mw-portfolio .fusion-filters a:hover {
    border-color: var(--post_title_typography-color);
}

.mw-portfolio .fusion-portfolio-content-wrapper .fusion-portfolio-content {
    margin-top: 30px;
    margin-bottom: 0;
}

.fusion-portfolio-content h2 {
    font-size: var(--awb-custom_typography_2-font-size) !important;
}

.fusion-portfolio-content-wrapper a img {
    transition: transform 1s;
}

.fusion-portfolio-content-wrapper:hover a img {
    transform: scale3d(1.1, 1.1, 1);
}

.fusion-portfolio-content-wrapper .entry-title a {
    border-bottom: 3px solid transparent;
}

.fusion-portfolio-content-wrapper:hover .entry-title a {
    border-color: var(--post_title_typography-color);
}

@media screen and (max-width: 767px) {
    .mw-portfolio .fusion-filters {
        gap: 20px 30px;
    }
    
    #content .fusion-portfolio {
        margin-bottom: 0;
    }
}


/*** Portfolio Single *****/

.mw-portfolio-skills a {
    display: inline-block;
    padding: 14px 20px 11px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #d0d0d4;
    font-family: var(--button_typography-font-family);
    font-weight: 600;
    font-size: 21px;
    line-height: 1.2;
}

.mw-portfolio-skills a:hover {
    background: var(--button_gradient_top_color_hover);
    color: var(--button_accent_hover_color, var(--button_accent_color));
}

.mw-portfolio-skills a:last-child {
    margin-right: 0;
}


/******* Blog and Archive Pages ******/

.mw-blog-post-date {
    font-family: var(--post_title_typography-font-family);
}

.mw-read-more a {
    border-bottom: 2px solid;
}

.mw-read-more a:hover {
    border-bottom-color: transparent;
}

.pagination {
    font-family: var(--post_title_typography-font-family);
    justify-content: center !important;
}

.pagination .current {
    background-color: transparent !important;
    color: inherit !important;
}

body.fusion-hide-pagination-text .pagination-next:after, body.fusion-hide-pagination-text .pagination-prev:before {
    margin-top: -5px;
}

@media screen and (min-width: 768px) {
    .fusion-post-cards .pagination {
        margin-top: 95px;
    }
}


/******* Single Blog Posts *******/

/*
// CSS to make the header transparent automatically for all single posts. Also need to add the class "avada-header-color-not-opaque" to the <html> tag for single posts
.single-post.fusion-top-header .fusion-header {
    background-color: transparent;
}
*/

.blog-single-banner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
}

.single-post .mw-post-content p {
    margin-bottom: 40px;
}

.mw-post-date {
    font-family: var(--post_title_typography-font-family);
    font-size: 52px;
    line-height: 1.5;
    color: #C5C4C5;
    text-align: center;
}

.PhotoCredit {
	font-size:80%;
	font-style:italic;
	opacity:80%;
}

.wp-caption-text {
	font-size:80%;
	opacity:80%;
	padding-top:.5em;
}

@media screen and (max-width: 767px) {
    .mw-post-date {
        font-size: 30px;
    }
}


/******* Search Form (used on search page and 404 page) **************/

.mw-search-form {
    width: 100%;
    max-width: 522px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.mw-search-form input[type="search"] {
    width: calc(100% - 64px);
    padding: 8px 15px;
    border-color: var(--awb-color7);
    border-width: 1px;
    height: 64px;
    font-family: var(--post_title_typography-font-family);
    font-size: 28px;
}

.mw-search-form button {
    background-color: #000000;
    color: var(--awb-color1);
    width: 64px;
    height: 64px;
    border: 0;
    cursor: pointer;
    font-size: 1em;
}

.mw-search-form button:hover, .mw-search-form button:active {
    background-color: var(--awb-color5);
}

.mw-search-form button i {
    float: none;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .mw-search-form input[type="search"] {
        font-size: 22px;
    }
}


/********** 404 Page *************/

.not-found-title {
    margin-left: 28px;
}

.mw404-title2 {
    max-width: 848px;
}

.error404 .mw-search-form input[type="search"] {
    width: calc(100% - 60px);
    height: 60px;
}

.error404 .mw-search-form button {
    width: 60px;
    height: 60px;
}

@media only screen and (max-width: 1439px) {
    .not-found-title {
        display: block;
        margin-left: 0;
    }
}