/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
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
*/


/* No idea how to unset this in elementor so do in stylesheet. It's limiting max-width of content to 80% on tablet devices when we should be using full width! */
@media (max-width: 1400px) {
	.e-con {
		--container-max-width: 100% !important;
	}
}

/* Header navigation - improve styles */
.elementor-widget-nav-menu {
	letter-spacing: 2px;
}

/* Style links on homepage */
.anchor-links-grid {
	.elementor-heading-title {
		margin-bottom: 0;
		font-size: larger; /* Note that all --e-global-typography- font sizes are the same (they haven't been set up properly) so we can't use an existing variable */
		letter-spacing: 2px;
		font-weight: 400 !important;
		font-family: "JosefinSans-400 (Rgr)", sans-serif;
		color: #fff !important;
	}
}

/* Experimental header */
.elementor-10217 .elementor-element.elementor-element-5460def5:not(.elementor-motion-effects-element-type-background), .elementor-10217 .elementor-element.elementor-element-5460def5 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
 background: repeating-linear-gradient(
    180deg,
    transparent,
    transparent 8px,
    #edeb87 8px,
    #edeb87 48px
  ),
  linear-gradient(
    to right,
    #edeb87,
    #e1e036
  )
}