/*
Theme Name: Logistik Child
Theme URI: https://themeholy.com/wordpress/logistik/
Description: Logistik - Transport & Logistics WordPress Theme
Author: Jagdish
Author URI: https://themeholy.com
Template: logistik
Version: 1.0.0
*/

/* Add your custom styles here */
body,
.elementor-heading-title,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong {
    font-family: 'Nunito Sans', serif !important;
}

@font-face {
    font-family: 'Ultramagnetic';
    src: url('https://gravityconcepts.us/wp-content/uploads/fonts/Ultramagnetic Regular.ttf') format('ttf'),
        url('https://gravityconcepts.us/wp-content/uploads/fonts/Ultramagnetic BlackOblique.ttf') format('ttf'),
        url('https://gravityconcepts.us/wp-content/uploads/fonts/Ultramagnetic BoldOblique.ttf') format('ttf'),
        url('https://gravityconcepts.us/wp-content/uploads/fonts/Ultramagnetic ExtraBold.ttf') format('ttf'),
        url('https://gravityconcepts.us/wp-content/uploads/fonts/Ultramagnetic Light.ttf') format('ttf'),
        url('https://gravityconcepts.us/wp-content/uploads/fonts/Ultramagnetic LightOblique.ttf') format('ttf'),
        url('https://gravityconcepts.us/wp-content/uploads/fonts/Ultramagnetic Bold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

.blog-details .blog-single .blog-content h1,
.blog-details .blog-single .blog-content h2,
.blog-details .blog-single .blog-content h3,
.blog-details .blog-single .blog-content h4,
.blog-details .blog-single .blog-content h5,
.blog-details .blog-single .blog-content h6 {
    font-family: 'Nunito Sans', serif !important;
}

.blog-details .blog-single .blog-content {
    background-color: unset !important;
    border: 1px solid #f4f4f4;
}

.blog-details .blog-single .blog-content p,
.blog-details .blog-single .blog-content h2 {
    font-family: 'Nunito Sans', serif !important;
    color: #1e1e1e !important;
    font-weight: 400;
    font-style: normal;
}

.blog-details .blog-single .blog-content h2 {
    font-family: 'Nunito Sans', serif !important;
    font-weight: 700;
}

.blog-details .blog-single .blog-content b,
.blog-details .blog-single .blog-content strong {
    font-family: 'Nunito Sans', serif !important;
    font-weight: 700;
}


.blog-details .blog-single .blog-content .blog-meta span,
.blog-details .blog-single .blog-content .blog-meta a {
    font-family: 'Nunito Sans', serif !important;
    font-weight: 700;
}

.newsletter-form.style3 .form-control {
    border-bottom-right-radius: 20px !important;
}

.page-id-4030 .space-top,
.page-id-4192 .space-top {
    padding-top: 0;
}

.services-form-div .contact-form-wrapper {
    background-color: unset;
}

.services-form-div .contact-form .form-control {
    border-color: var(--body-color) !important;
}

.services-contact-form {}

.services-form-div .themeholy-btn.white-btn:hover {
    background-color: var(--white-color);
    color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    border: 1px solid;
}

.services-form-div .contact-form-wrapper {
    padding: 0 30px 30px 30px;
}

/* Top Menu */
.header-layout3 .menu-shape .top-menu-shape {
    background-color: #262364 !important;
}

/* Hero Banner Opacity */
.hero-3 .themeholy-hero-bg:before {
    opacity: 0.5 !important;
}

/* Hero Banner Shape */
.hero-3 .shape-mockup {
    right: 3% !important;
    bottom: 8% !important;
}

/* About ussection Image None */
.about-avater img {
    display: none !important
}

/* Home Contact section Small */
.elementor-1709 .elementor-element.elementor-element-99ca132>.elementor-background-overlay {
    opacity: 0.5;
}

/* --------------------------------------- */
/* ------------ Custom Css ----------------*/
/* --------------------------------------- */
:root {
    --theme-color: #C01E2E !important;
    --theme-color-2: #262364 !important;
}

.header-social {
    display: flex;
    justify-content: center;
    align-items: center;
}


.header-social a,
.header-social a i,
.header-social a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.service-box.style3 .service-box_icon {
    left: 50px !important;
    right: 50px !important;
}

/* Footer Link White */
/* Make footer headings white */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer .elementor-heading-title,
footer .elementor-widget-heading .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 300 !important;
}

/* Footer Margin */
.e-con-inner h6{
    margin-left: -8px !important;
    margin-bottom: -8px !important;
}

/* Active menu item color */
.main-menu ul li.current-menu-item>a,
.main-menu ul li.current_page_item>a,
.main-menu ul li.current-menu-ancestor>a {
    color: #C01E2E !important;
}

/* Pagination */
.rl-pagination {
    text-align: center;
    padding: 20px 0px 20px 0px;
    font-size: 22px;
}


/* About us - Section One - about_icon display none  */
@media (max-width: 450px) {
  .achive-about_icon {
    display: none !important;
  }
}


/* Blog Page */
/* Blog Heading Title */
.blog-single .blog-title {
    font-size: 22px !important;
}

/* Blog Image Size */
.blog .post-thumbnail img,
.blog .entry-thumb img,
.blog article img {
    width: 540px;
    height: 320px;
    object-fit: cover;
}

/* Blog Opnend - Image in center */
/* Center the blog post image */
.blog-single .blog-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-single .blog-img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Home Page - Blog Section */
.blog-grid .blog-img {
    height: 260px;
    overflow: hidden;
}

.blog-grid .blog-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* Preloader */
/* Preloader Background */
.preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: #fff !important;
}

/* Preloader Logo */
.rocket {
    width: 150px !important;
}

.rocket-wrapper {
    left: 0px !important;
}

/* Contact Form Hover */
/* Force grey text on Contact Form 7 fields */
.contact-form .form-control:hover,
.contact-form .form-control:focus,
.contact-form .form-control:active,
.contact-form input.form-control:hover,
.contact-form input.form-control:focus,
.contact-form textarea.form-control:hover,
.contact-form textarea.form-control:focus,
.contact-form select.form-control:hover,
.contact-form select.form-control:focus {
    color: #6F6F7F !important;
    -webkit-text-fill-color: #6F6F7F !important;
    border-color: #6F6F7F !important;
}

/* Placeholder text */
.contact-form .form-control::placeholder {
    color: #6F6F7F !important;
    opacity: 1 !important;
}

/* About Us Page */
.about-profile.style2 .avater {
     display: none !important;
}

/* Testimonial Avatar Display None */
.testi-card_img {
    display: none !important;
}

/* Header MObile Logo */
.themeholy-menu-wrapper .mobile-logo {
    background-color: #ffffff !important;
}

/* Services Card */
.slider-shadow .slick-list {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}

/* Footer */
#footer-company-desc {
	font-family: "Nunito Sans", serif !important;
	font-size: 16px !important;
	color: #CDCDCD !important;
	line-height: 30px !important;
}


.e-heading-base a {
    transition: color 0.4s ease;
	font-family: "Nunito Sans", serif !important;
	font-size: 16px !important;
	color: #CDCDCD !important;
}

.e-heading-base a:hover {
    color: #C01E2E !important;
}

#footer-copyright {
   	font-family: "Nunito Sans", serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #CDCDCD !important;
}

#footer-quote {
	font-family: "Nunito Sans", serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #CDCDCD !important;
}

.footer-wrapper .themeholy-social a {
    color: #CDCDCD !important;
}

.e-con-inner h6 {
    margin-bottom: -18px !important;
}
.info-box {
    margin-bottom: 12px !important;
}

.elementor-275 .elementor-element.elementor-element-70d8d6c {
    padding: 80px 0px 40px 0px !important;
}

/* Animations */
@media (max-width: 767px) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
    }

    html {
        scroll-behavior: auto !important;
    }
}
/* Google Map */
.google-map iframe {
    width: 100% !important;
    height: 350px !important;
    display: block !important;
    border: 0;
}

.google-map {
    width: 100%;
    min-height: 350px;
    overflow: hidden;
}