/*
Theme Name: Xtropy
Description: Xtropy Child theme for customizations.
Author: DMN Creative
Author URI: mailto:dev@dmncreative.com
Template: oceanwp
Text Domain:  dmnwpstarter
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Importing fonts */

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Light.eot');
    src: url('assets/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gotham-Light.woff') format('woff'),
        url('assets/fonts/Gotham-Light.ttf') format('truetype'),
        url('assets/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Medium.eot');
    src: url('assets/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gotham-Medium.woff') format('woff'),
        url('assets/fonts/Gotham-Medium.ttf') format('truetype'),
        url('assets/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/Futura-Bold.eot');
    src: url('assets/fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Futura-Bold.woff') format('woff'),
        url('assets/fonts/Futura-Bold.ttf') format('truetype'),
        url('assets/fonts/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Importing fonts end */

/* Helpers and Init Styles*/

a, a:focus, .sidr-class-dropdown-toggle:focus {
    outline: none !important;
}

/* Helpers End */

/* Header */

#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    width: 130px;
}

.hamburger {
    transition-property: none !important;
    transition-duration: unset !important;
    transition-timing-function: unset !important;
}
.hamburger-box {
    width: 30px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 30px;
    transition: .3s ease !important;
    -webkit-transition: .3s ease !important;
    -moz-transition: .3s ease !important;
    -ms-transition: .3s ease !important;
    -o-transition: .3s ease !important;
}
.hamburger:hover .hamburger-inner {
    transform: translate(-5px);
    -webkit-transform: translate(-5px);
    -moz-transform: translate(-5px);
    -ms-transform: translate(-5px);
    -o-transform: translate(-5px);
}
.hamburger:hover .hamburger-inner::after, .hamburger:hover .hamburger-inner::before {
    transform: translate(5px);
    -webkit-transform: translate(5px);
    -moz-transform: translate(5px);
    -ms-transform: translate(5px);
    -o-transform: translate(5px);
}
.hamburger--3dx.is-active .hamburger-inner {
    background-color: #fff;
    transform: translate(-5px) !important;
    -webkit-transform: translate(-5px) !important;
    -moz-transform: translate(-5px) !important;
    -ms-transform: translate(-5px) !important;
    -o-transform: translate(-5px) !important;
}
.hamburger--3dx.is-active .hamburger-inner::before, .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate(5px) !important;
    -webkit-transform: translate(5px) !important;
    -moz-transform: translate(5px) !important;
    -ms-transform: translate(5px) !important;
    -o-transform: translate(5px) !important;
}

.mobile-menu .oceanwp-text {
    display: none;
}
.mobile-menu.exit {
    display: none;
}
.sidr-class-icon.icon-close {
    display: none;
}
.sidr-class-close-text {
    display: none;
}
#sidr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 999 !important;
    width: 430px;
    box-shadow: -3px 0px 25px rgba(0, 0, 0, 0.69);
}
.sidr.right {
    right: -430px;
}

#sidr-id-menu-main-nav {
    width: 250px;
}
.sidr-class-menu-link .sidr-class-dropdown-toggle {
    width: 40px;
    left: 110px;
}
.sidr-class-dropdown-menu .sidr-class-current-menu-item a {
    color: #12819E;
}
.sidr-class-dropdown-menu li.sidr-class-my-menu-text a {
    font-family: Futura;
    font-size: 35px;
    padding-bottom: 25px;
}
.sidr-class-dropdown-menu li.sidr-class-my-menu-text a:hover {
    color: #fff;
}
.sidr-class-sub-menu {
    margin-left: 110px !important;
    width: 250px;
}
.sidr-class-dropdown-menu .sidr-class-sub-menu .sidr-class-menu-item a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    line-height: 5px;
}
.sidr-class-dropdown-menu .sidr-class-sub-menu .sidr-class-current-menu-item a {
    color: #ffffff;
}
.sidr-class-dropdown-menu .sidr-class-sub-menu .sidr-class-menu-item a:hover, .sidr-class-dropdown-menu .sidr-class-sub-menu .sidr-class-current-menu-item a:hover {
    color: #12819E;
}
.sidr-class-dropdown-toggle::before {
    content: "\f054";
    font-size: 15px;
}
.sidr-class-dropdown-menu li.active > a > .sidr-class-dropdown-toggle::before {
    content: "\f078";
}
.sidr-class-dropdown-menu ul a::before {
    display: none;
}

/* Header end */

/* Buttons */

.my-btn a, .my-btn a:visited {
    display: inline-block;
    background: #1A1A1A;
    color: #12819E;
    border: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    padding: 12px 30px;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    box-shadow: 0px 3px 6px #000;
}
.my-btn a:hover, .my-btn a:focus {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    background: #12819E;
    color: #ffffff;
}

/* Buttons end */

/* Column hovers */

.shadow-columns > div {
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    transition: background 0.6s linear, border-radius 0.6s linear, opacity 0.6s linear, box-shadow 0.6s linear !important;
    -webkit-transition: background 0.6s linear, border-radius 0.6s linear, opacity 0.6s linear, box-shadow 0.6s linear !important;
    -moz-transition: background 0.6s linear, border-radius 0.6s linear, opacity 0.6s linear, box-shadow 0.6s linear !important;
    -ms-transition: background 0.6s linear, border-radius 0.6s linear, opacity 0.6s linear, box-shadow 0.6s linear !important;
    -o-transition: background 0.6s linear, border-radius 0.6s linear, opacity 0.6s linear, box-shadow 0.6s linear !important;
}
.shadow-columns:hover > div, .shadow-columns:focus > div {
    -moz-box-shadow: 0px 3px 10px #000;
    -webkit-box-shadow: 0px 3px 10px #000;
    box-shadow: 0px 3px 10px #000;
}

.gradient-columns > div > div {
    transition: background 0.6s ease-out, border-radius 0.6s ease-out, opacity 0.6s ease-out !important;
    -webkit-transition: background 0.6s ease-out, border-radius 0.6s ease-out, opacity 0.6s ease-out !important;
    -moz-transition: background 0.6s ease-out, border-radius 0.6s ease-out, opacity 0.6s ease-out !important;
    -ms-transition: background 0.6s ease-out, border-radius 0.6s ease-out, opacity 0.6s ease-out !important;
    -o-transition: background 0.6s ease-out, border-radius 0.6s ease-out, opacity 0.6s ease-out !important;
}
.gradient-columns:hover .elementor-background-overlay, .gradient-columns:focus .elementor-background-overlay {
    background-color: transparent !important;
    background-image: linear-gradient(310deg, #4B92A7 0%, #000000 100%) !important;
    opacity: 0.7 !important;
    mix-blend-mode: normal !important;
}
.gradient-columns .my-left-inner > div {
    margin: 0 0 0 auto;
}
.gradient-columns .my-right-inner > div {
    margin: 0 auto 0 0;
}

/* Column hovers end */

/* Contact */

.page-id-39 #footer-widgets {
    display: none;
}

/* Contact end */

/* Contact form + Footer form */

form input[type="text"], form input[type="email"], form input[type="number"], form textarea {
    max-width: 100%;
    color: #fff;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.43));
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.43));
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.43);
    margin: 10px 0;
    padding: 12px 20px;
    text-transform: uppercase;
}
form textarea {
    min-height: 100px;
}
form .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
    display: inline-block;
    background: #1A1A1A;
    color: #12819E;
    border: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    padding: 12px 40px;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    box-shadow: 0px 3px 6px #000;
    margin-top: 15px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit:hover, .wpcf7-form-control.has-spinner.wpcf7-submit:focus {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    background: #12819E;
    color: #ffffff;
}
#footer form .col-md-12 {
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
}

/* Contact form + Footer form end */

/* Mobile Styles */

.swiper {
    width: 600px;
    height: 300px;
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 480px) {
    .my-icon-box .elementor-icon-box-wrapper {
        text-align: center !important;
    }
    #sidr {
        width: 100%;
    }
    .sidr-class-menu-link {
        padding-left: 0 !important;
    }
    .sidr-class-menu-link .sidr-class-dropdown-toggle {
        left: 80px;
    }
    .sidr-class-sub-menu {
        margin-left: 100px !important;
    }
}

/* Particles js */
  
/* #particles-js {
    background: rgb(61,123,150);
    background: -moz-linear-gradient(200deg, rgba(61,123,150,1) 0%, rgba(52,62,69,1) 100%);
    background: -webkit-linear-gradient(200deg, rgba(61,123,150,1) 0%, rgba(52,62,69,1) 100%);
    background: linear-gradient(200deg, rgba(61,123,150,1) 0%, rgba(52,62,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d7b96",endColorstr="#343e45",GradientType=1);
} */

/* Particles js end */