/*
Theme Name: 	   Altra
Text Domain: 	   altra
Template: 			atua
Version:            0.3
Tested up to:       6.1
Requires at least:  4.7
Requires PHP:       5.6
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/altra-free/
Description:        Altra is lightweight, highly extendable and multi-purpose WordPress Theme, it will enable you to create almost any type of website with a beautiful & professional design. Altra supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, and much more. Altra Pro demo https://preview.desertthemes.com/pro/altra/
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

:root {
    --dt-pri-color: #d81956;    
    --dt-priTwo-color: #f84233;
    --dt-priGrd-color: linear-gradient(-137deg, var(--dt-pri-color) 0%, var(--dt-priTwo-color) 100%);
    --dt-priGrdRev-color: linear-gradient(-137deg, var(--dt-priTwo-color) 0%, var(--dt-pri-color) 100%);
}

body .search--header .dt_search-form,
body input[type="text"],
body input[type="email"],
body input[type="url"],
body input[type="password"],
body input[type="search"],
body input[type="number"],
body input[type="tel"],
body input[type="range"],
body input[type="date"],
body input[type="month"],
body input[type="week"],
body input[type="time"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="color"],
body textarea,
body button[type=submit],
body button,
body input[type='button'],
body input[type='reset'],
body input[type='submit'],
body .dt-btn,
body .button:not(.add_to_cart_button) {
   border-radius: 0;
}

.header--four {
    color: var(--dt-sec-color);
}

.header--four .dt_header-topbar {
    color: var(--dt-whi-color);
}

@media (min-width: 62em) {
    .header--four .dt_header-widget .widget--right .widget:not(:last-child):after {
        right: 0.5rem;
        min-height: 8.5rem;
    }

    .header--four .dt_header-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .header--four + .site-content .dt_slider .dt_slider-innercell {
        padding-top: 15rem;
    }

    .header--four .dt_navbar-wrapper > .dt-container > .dt-row {
        position: relative;
        --dt-gutter-x: 0;
        z-index: 0;
    }

    .header--four .dt_header-navwrapperinner,
    .header--four .dt_navbar-menu {
        height: auto;
        min-height: 6.4rem;
    }

    .header--four .dt_navbar-wrapper.is--sticky.on {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header--four .dt_navbar-wrapper .dt_navbar-menu {
        padding-right: 2rem;
        background: var(--dt-whi-color);
        border-bottom: 0.5rem solid var(--dt-pri-color);
        justify-content: space-between;
        padding-left: 5rem;
    }

    .header--four .dt_navbar-wrapper .dt_navbar-menu .dt_navbar-blank-tag {
        display: none;
    }

    .header--four .dt_navbar-wrapper.is--sticky.on .dt_navbar-menu {
        filter: drop-shadow(0 0.3rem 0.6rem rgba(50, 50, 0, 0.35));
    }

    .header--four .dt_navbar-wrapper .site--logo {
        position: relative;
        padding: 1.6rem 2.4rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: var(--dt-whi-color);
        min-height: 10.2rem;
        border-left: 0.5rem solid var(--dt-pri-color);
        filter: drop-shadow(0.6rem 0 0.4rem rgba(50, 50, 0, 0.35));
        z-index: 1;
    }

    .header--four .dt_navbar-wrapper .site--logo::before {
        content: "";
        background: var(--dt-whi-color);
        position: absolute;
        z-index: 1;
        top: 0;
        right: -2.2rem;
        -webkit-clip-path: polygon(33% 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(66% 0, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 30% 100%, 0% 100%);
        width: 3rem;
        height: 100%;
    }

    .header--four .dt_navbar-nav .dt_navbar-mainmenu > li > a {
        line-height: 6.4rem;
    }

    .header--four + .dt_pagetitle {
        padding-top: 20rem;
    }
}

/* Menu Active Five */

.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li {
    margin: 0 -0.25rem;
}

.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a {
    margin: 0;
    padding: 0 1.6rem;
}

.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.menu-item-has-children > a {
    padding-right: 3.2rem;
}

.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.menu-item-has-children > a:after {
    right: 1.5rem;
}

.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.active > a,
.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.focus > a,
.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li:hover > a {
    color: var(--dt-whi-color);
}

.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background: var(--dt-pri-color);
    z-index: -1;
    opacity: 0;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.active > a:before,
.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.focus > a:before,
.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li:hover > a:before {
    opacity: 1;
    height: 100%;
}


/* // */

@media (min-width: 87.5em) {
    .header--four + .site-content .dt_slider .dt_slider-carousel,
    .header--four + .site-content .dt_slider .dt_slider-item,
    .header--four + .site-content .dt_slider .dt_slider-innercell,
    .header--four + .site-content .dt_slider .dt_slider-item > img {
        max-height: 72rem;
        min-height: 72rem;
    }
}


/* Information */

.dt_service--five {
    z-index: 1;
}

.dt_slider + .dt_service {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -6.5rem;
    margin-bottom: -3.8rem;
}

.dt_service--five .dt_item_inner {
    position: relative;
    padding: 3.8rem;
    border-radius: 1.6rem;
    text-align: center;
    background: var(--dt-whi-color);    
    margin-bottom: 3.5rem;
    box-shadow: 0 0.8rem 2.9rem 0 rgba(189, 189, 189, 0.3);
}

.dt_service--five .dt_item_inner:after {
    content: '';
    position: absolute;
    top: 1.6rem;
    bottom: 1.6rem;
    right: 1.6rem;
    left: 1.6rem;
    border: 0.2rem dashed rgba(189, 189, 189, 0.5);
    border-radius: 1.2rem;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
    z-index: -1;
}

.dt_service--five .dt_item_inner:hover:after,
.dt_service--five .dt_item_inner:focus-within:after {
    border-color: rgba(255, 255, 255, 0.5);
}

.dt_service--five .dt_item_inner .dt_item_image:after,
.dt_service--five .dt_item_inner .dt_item_image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.dt_service--five .dt_item_inner .dt_item_image {    
    opacity: 0;
    z-index: -1;
    overflow: hidden;
    border-radius: 1.6rem;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--five .dt_item_inner:hover .dt_item_image,
.dt_service--five .dt_item_inner:focus-within .dt_item_image {
    opacity: 1;
}

.dt_service--five .dt_item_inner .dt_item_image:after {
    content: "";
    background: var(--dt-pri-color);
    opacity: 0.7;
    z-index: 0;
}

.dt_service--five .dt_item_inner .dt_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2);
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--five .dt_item_inner:hover .dt_item_image img,
.dt_service--five .dt_item_inner:focus-within .dt_item_image img {
    transform: scale(1);
}

.dt_service--five .dt_item_inner .dt_item_icon {
    position: relative;
    width: 12rem;
    height: 12rem;
    border-radius: 12rem;
    min-width: 12rem;
    margin-bottom: 2.5rem;
    font-size: 4.6rem;
    color: var(--dt-pri-color);
    background: var(--dt-gray-color);
    line-height: 12rem;
    text-align: center;
    display: inline-block;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--five .dt_item_inner .dt_item_icon .spin {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    -webkit-animation: dt_spinReverseinf 30s linear infinite;
    animation: dt_spinReverseinf 30s linear infinite;
}

.dt_service--five .dt-col-12:nth-child(2n) .dt_item_inner .dt_item_icon .spin {
    -webkit-animation: dt_spinReverseinf 20s linear infinite;
    animation: dt_spinReverseinf 20s linear infinite;
}

.dt_service--five .dt-col-12:nth-child(2n) .dt_item_inner .dt_item_icon {
    background-color: #e7ffe2;
    color: #2eb01c;
}

.dt_service--five .dt-col-12:nth-child(2n) .dt_item_inner .dt_item_icon .spin {
    -webkit-animation-name: dt_spininf;
    animation-name: dt_spininf;
}

.dt_service--five .dt-col-12:nth-child(2n) .dt_item_inner .dt_item_icon .spin .one {
    background-color: #2eb01c;
}

.dt_service--five .dt-col-12:nth-child(2n) .dt_item_inner .dt_item_icon .spin .two {
    background-color: var(--dt-pri-color);
}

.dt_service--five .dt-col-12:nth-child(3n) .dt_item_inner .dt_item_icon .spin .one {
    background-color: #116961;
}

.dt_service--five .dt-col-12:nth-child(3n) .dt_item_inner .dt_item_icon .spin .two {
    background-color: var(--dt-pri-color);
}

.dt_service--five .dt-col-12:nth-child(3n) .dt_item_inner .dt_item_icon {
    background-color: #d6ebea;
    color: #116961;
}

.dt_service--five .dt-col-12:nth-child(4n) .dt_item_inner .dt_item_icon {
    background-color: #f3e3f6;
    color: #9916b1;
}

.dt_service--five .dt-col-12:nth-child(4n) .dt_item_inner .dt_item_icon .spin .one {
    background-color: #9916b1;
}

.dt_service--five .dt_item_inner .dt_item_icon .spin .one {
    position: absolute;
    left: 1.3rem;
    bottom: 1.3rem;
    width: 1rem;
    height: 1rem;
    z-index: 1;
    border-radius: 50%;
    background-color: var(--dt-pri-color);
}

.dt_service--five .dt_item_inner > .dt_item_icon .spin .one {
    left: 1.3rem;
    bottom: 1.3rem;
}

.dt_service--five .dt_item_inner .dt_item_icon .spin .two {
    position: absolute;
    top: 1.3rem;
    right: 1.3rem;
    width: 1rem;
    height: 1rem;
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    background-color: #1c17a0;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--five .dt_item_inner > .dt_item_icon .spin .two {
    right: 1.3rem;
    top: 1.3rem;
}

.dt_service--five .dt_item_inner:hover .dt_item_icon .spin .two,
.dt_service--five .dt_item_inner:focus-within .dt_item_icon .spin .two {
    opacity: 1;
    visibility: visible;
}

.dt_service--five .dt_item_inner:hover div.dt_item_icon,
.dt_service--five .dt_item_inner:focus-within div.dt_item_icon {
    background-color: var(--dt-whi-color) !important;
    box-shadow: 0 0.3rem 1.8rem 0 rgba(0, 0, 0, 0.13);
}

.dt_service--five .dt_item_inner .dt_item_title {
    margin-top: -0.35rem;
    margin-bottom: 1.4rem;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--five .dt_item_inner .dt_item_title a {
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--five .dt_item_inner .dt_item_title a:not(:hover, :focus) {
    color: var(--dt-sec-color);
    text-decoration: none;
}

.dt_service--five .dt_item_inner .dt_item_content {
    font-size: 1.5rem;
    line-height: 2rem;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--five .dt_item_inner:hover .dt_item_image + .dt_item_holder .dt_item_title a,
.dt_service--five .dt_item_inner:focus-within .dt_item_image + .dt_item_holder .dt_item_title a,
.dt_service--five .dt_item_inner:hover .dt_item_image + .dt_item_holder .dt_item_title,
.dt_service--five .dt_item_inner:focus-within .dt_item_image + .dt_item_holder .dt_item_title,
.dt_service--five .dt_item_inner:hover .dt_item_image + .dt_item_holder .dt_item_content,
.dt_service--five .dt_item_inner:focus-within .dt_item_image + .dt_item_holder .dt_item_content {
    color: var(--dt-whi-color);
}

.dt_service--five .dt_item_inner .dt_item_readmore {
    margin-top: 1rem;
}

.dt_service--five .dt_item_inner .dt_item_readmore .dt-btn-plustext {
    position: absolute;
    bottom: -1.3rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    height: 4.5rem;
    width: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    border-radius: 50%;
    background: var(--dt-pri-color);
    color: var(--dt-whi-color);
    text-decoration: none;
}

.dt_service--five .dt_item_inner .dt_item_readmore .dt-btn-plustext:hover,
.dt_service--five .dt_item_inner .dt_item_readmore .dt-btn-plustext:focus-within {
    box-shadow: 0 0.75rem 2rem rgba(0,0,0,0.2);
}

.dt_service--five .dt_item_inner .dt_item_readmore .dt-btn-plustext:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f105';
    font-weight: 600;
    display: inline-block;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--five .dt_item_inner .dt_item_readmore .dt-btn-plustext:hover:before,
.dt_service--five .dt_item_inner .dt_item_readmore .dt-btn-plustext:focus:before {
    transform: rotate(360deg);
}

.dt_service--five .dt_item_inner .dt_item_readmore .dt-btn-plustext span {
    display: none;
}

@keyframes dt_spininf{from{transform:rotate(0deg) scale(1)}to{transform:rotate(360deg)}}
@keyframes dt_spinReverseinf{from{transform:rotate(0deg) scale(1)}to{transform:rotate(-360deg)}}


/* Service Six */

.dt_service--six .dt_item_inner {
    position: relative;
}

.dt_service--six .dt_item_inner .dt_item_image {
    border-radius: 1rem;
    overflow: hidden;
}

.dt_service--six .dt_item_inner .dt_item_image,
.dt_service--six .dt_item_inner .dt_item_image img {
    min-height: 35rem;
}

.dt_service--six .dt_item_inner .dt_item_image img {
    object-fit: cover;
}

.dt_service--six .dt_item_inner .dt_item_holder {
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: -1.3rem;
    left: 0;
    width: 100%;
    padding-right: 2.5rem;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--six .dt_item_inner:hover .dt_item_holder,
.dt_service--six .dt_item_inner:focus-within .dt_item_holder {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
}

.dt_service--six .dt_item_inner .dt_item_icon {
    background-color: var(--dt-pri-color);
    color: var(--dt-whi-color);
    font-size: 4.5rem;
    width: 10rem;
    min-width: 10rem;
    height: 8.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    box-shadow: 0 0.5rem 2rem rgba(102, 102, 102, 0.19);
}

.dt_service--six .dt_item_inner .dt_item_holder .dt_item_title {
    padding: 1rem 1rem 1rem 2rem;
    min-height: 8.8rem;
    background-color: var(--dt-whi-color);
    flex-grow: 1;
    box-shadow: 0 1rem 3rem rgba(102, 102, 102, 0.19);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 2rem;
}

.dt_service--six .dt_item_inner .dt_item_title a:not(:hover, :focus) {
    color: inherit;
    text-decoration: none;
}

.dt_service--six .dt_item_inner .dt_item_hover {
    position: absolute;
    top: 0;
    padding-right: 2.5rem;
    height: 100%;
    left: -0.1rem;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    transform-origin: top center;
    -webkit-transform-origin: top center;
    -webkit-transition: var(--dt-transition);
    transition: var(--dt-transition);
}

.dt_service--six .dt_item_inner:hover .dt_item_hover,
.dt_service--six .dt_item_inner:focus-within .dt_item_hover {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -webkit-transition-delay: .12s;
    -moz-transition-delay: .12s;
    transition-delay: .12s;
}

.dt_service--six .dt_item_inner .dt_item_hover .dt_item_hoverinner {
    background-color: rgba(255,255,255,.91);
    height: 100%;
    border-radius: 1rem 0 0 1rem;
    overflow: hidden;
    overflow-y: auto;
    padding: 4.5rem 4rem;
    box-shadow: 0 0.5rem 2rem rgba(102,102,102,.19);
}

@media (min-width: 62em) {
    .dt_service--six .dt_item_inner .dt_item_hover .dt_item_hoverinner {
        padding: 4.5rem 7.4rem 4.5rem 4rem;
    }
}

.dt_service--six .dt_item_inner .dt_item_hover .dt_item_hoverinner .dt_item_icon {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}

.dt_service--six .dt_item_inner .dt_item_hover .dt_item_hoverinner .dt_item_icon::before {   
    content: "";
    background: var(--dt-pri-color);
    width: 2.5rem;
    height: 2rem;
    right: 0;
    bottom: -2rem;
    position: absolute;
    clip-path: polygon(100% 0,0 0,0 80%);
    opacity: 0.8;
}


/* Gradient */

.dt_gcolor .dt_service--six .dt_item_inner .dt_item_hover .dt_item_hoverinner .dt_item_icon::before,
.dt_gcolor .dt_service--six .dt_item_inner .dt_item_icon,
.dt_gcolor .dt_service--five .dt_item_inner .dt_item_icon .spin .one,
.dt_gcolor .dt_service--five .dt_item_inner .dt_item_readmore .dt-btn-plustext,
.dt_gcolor .dt_service--five .dt_item_inner .dt_item_image:after,
.dt_gcolor.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a:before {
    background: var(--dt-priGrd-color);
}

.dt_gcolor .dt_footer_copyright .widget_nav_menu .sub-menu,
.dt_gcolor .dt_footer .dt_navbar-mainmenu .dropdown-menu,
.dt_gcolor .dt_navbar-cart-item .dt_navbar-shopcart,
.dt_gcolor .dt_header .widget_nav_menu .sub-menu,
.dt_gcolor .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu {
    border-image-slice: 1;
    border-image-source: var(--dt-priGrdRev-color);
}

.dt_gcolor .header--four .dt_navbar-wrapper .dt_navbar-menu,
.dt_gcolor .header--four .dt_navbar-wrapper .site--logo {
    border-image-slice: 1;
    border-image-source: var(--dt-priGrd-color);
}

.dt_gcolor .dt_header .widget_nav_menu .menu-item > .sub-menu:after,
.dt_gcolor .dt_navbar-nav .dt_navbar-mainmenu > .menu-item > .dropdown-menu:after {
    display: none;
}

.wp-block-code code img {
    margin-left: 10px;
}