/* 
Theme Name: CermakTech Customized
Theme URI: https://cermak.tech/
Description: A theme customized for you by CermakTech.
Author: CermakTech
Author URI: https://cermak.tech/
Template: hello-elementor
Version: 1.0.1
Text Domain: cermaktech
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/







/* CFFG Custom Styles */

/* Hero logo circular background */
.elementor-element-herologo .elementor-widget-container,
.elementor-element-herologo .elementor-image {
    display: flex;
    justify-content: center;
}
.elementor-element-herologo img {
    background: #EDE4D3 !important;
    border-radius: 50% !important;
    padding: 22px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    max-width: 200px !important;
    max-height: 200px !important;
    width: 200px !important;
    height: 200px !important;
    object-fit: contain !important;
}

/* Header nav right-align */
.elementor-element-hdrnav .elementor-nav-menu--main,
.elementor-element-hdrnav .elementor-nav-menu {
    justify-content: flex-end !important;
}

/* Override ALL green/default hover and active colors on nav menus */
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.highlighted,
.elementor-nav-menu--main .elementor-item:focus,
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.e--pointer-underline .elementor-item:hover:after,
.e--pointer-underline .elementor-item:hover:before,
.e--pointer-underline .elementor-item.elementor-item-active:after,
.e--pointer-underline .elementor-item.elementor-item-active:before,
.e--pointer-underline .elementor-item:focus:after,
.elementor-nav-menu--main .elementor-item-active,
header .elementor-item:hover,
header .elementor-item-active {
    color: #C4A265 !important;
}
.e--pointer-underline .elementor-item:after,
.elementor-nav-menu--main .e--pointer-underline .elementor-item:after {
    background-color: #C4A265 !important;
}

/* Hello Elementor theme overrides */
:root {
    --hello-link-hover-color: #C4A265;
}


/* Our Work project card images - equal height */
.elementor-element-proj3col .elementor-widget-image img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 5px !important;
}