/**
* Theme Name: Crete Child
* Description: This is a child theme of Crete, generated by Auto Installer.
* Author: <a href="https://teconce.com/about">Teconce</a>
* Template: crete
* Version: 1.6.1
*/

/* Footer social icons: outline-only white circle (no dark fill), simple
   opacity fade on hover instead of the parent theme's broken two-layer
   slide animation (that one made the icon vanish mid-hover since this
   markup only has a single <i> per link, not the stacked icons it expects).
   !important + both animation properties used because the parent theme's
   rule sets -webkit-animation AND animation together, and previously
   overriding only the unprefixed property was not reliably winning. */
.footer-social a {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    transition: opacity 0.2s ease;
}
.footer-social a:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    opacity: 0.7;
}
.footer-social a:hover i {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Fix: footer copyright line renders dark instead of white.
   The copyright_text customizer field already contains its own <p>, and the
   theme wraps it again in <p class="text-white">. Browsers can't nest <p> in
   <p>, so they auto-close the white-classed paragraph early and the visible
   text ends up in an unstyled second <p>. Force white directly on the area
   instead of relying on that class. */
.footer-copyright .copyright-text,
.footer-copyright .copyright-text p,
.footer-copyright .copyright-text p a {
    color: #ffffff;
}

/* Fix: footer "News" column (widget_recent_entries) has bullets/indent and
   no hover effect, unlike the Company/Resources nav-menu columns. The parent
   theme only styles .footer-sidebar.widget_nav_menu; mirror the same rules
   here so News matches visually. */
.footer-sidebar.widget_recent_entries ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-sidebar.widget_recent_entries li {
    display: block;
}
.footer-sidebar.widget_recent_entries li + li {
    margin-top: 14px;
}
.footer-sidebar.widget_recent_entries li a {
    display: block;
    color: var(--white-color);
    font-weight: 500;
    transition: var(--transition-base);
}

/* Fix: footer link hover (Company/Resources/News columns) turned nearly
   invisible - parent theme hovers to var(--theme-primary-color), a navy
   almost identical to this site's footer background. Match the social
   icon treatment instead: keep it white, just fade opacity on hover. */
.footer-sidebar.widget_nav_menu li a:hover,
.footer-sidebar.widget_recent_entries li a:hover {
    padding-left: 6px;
    color: #ffffff;
    opacity: 0.7;
}

/* Header offcanvas panel: hide the bottom bar. It only ever showed the
   "Contact Us" button (client asked to remove it) plus a language-switcher
   widget area that isn't in use here - with both gone there's nothing left
   but an empty bordered strip, so hide the whole container.
   !important is required: the div also carries Bootstrap's .d-flex utility
   class, and Bootstrap's display utilities are always !important, which
   otherwise beats a plain display:none regardless of load order. */
.offcanvus-box .offcanvus-bottom {
    display: none !important;
}

/* Header offcanvas panel: the box itself is already capped at
   height:100vh, but the parent theme's very generous padding on the logo
   block and the newsletter block (120/100px and 100px) pushes the content
   well past one screen, forcing a scroll. Tighten both so it fits in a
   single viewport. */
.offcanvus-box .content-top {
    padding: 60px 40px 30px;
}
.offcanvus-box .offcanvus-newsletter {
    padding: 30px 40px;
}