/*
Theme Name: hello-child-theme
Template: hello-elementor
Author: Happily Ever Now 
Version: 1.0.1
Text Domain: hello-elementor-child
*/

/* Adjust bullet point spacing */

.elementor-widget-text-editor ul li {
  margin-bottom: 1em; /* Adjust the value as needed */
   }

/* || TEXT STYLING ----------------------------------|| */

html, .root {
  font-size: 17px;
/*  line-height: 23px;*/
  --hotspot-colour: #56AF31 !important;
}

body, .article {
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.47059rem; /* 147.059% */
  letter-spacing: -0.035rem;
} 

h1, .h1 {
  /*font-size: 3.76471rem; */
  font-size: clamp(2rem, -0.1538rem + 4.9231vw, 6rem);
  font-style: normal;
  font-weight: 650;
  line-height: 81.25%;
  /*3.05882rem;*/
  letter-spacing: -0.07529rem;
  text-transform: uppercase;
}

h2, .h2 {
  font-size: 2.35294rem;
  font-weight: 650;
  line-height: 1.91176rem; /* 81.25% */
  letter-spacing: -0.04706rem;
  text-transform: uppercase;
}

/* Change line-height of Elementor H2 headings */
.elementor-heading-title {
  line-height: 0.5;
}

h3, .h3 {
  font-size: 1.41176rem;
  font-weight: 650;
  line-height: 1.23529rem; /* 87.5% */
  letter-spacing: -0.02824rem;
  text-transform: uppercase;
}

h4, .h4 {
    font-size: 1.3rem;
    font-weight: 650;
    line-height: 1.2rem; /* 87.5% */
    letter-spacing: -0.02824rem;
    text-transform: uppercase;
}

/* Main Menu - Change typography */
.elementor-nav-menu a {
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.11765rem; /* 90.476% */
  letter-spacing: -0.02471rem !important;
  text-transform: uppercase;
}

/* Main Menu MOBILE - Change typography TO DO
.elementor-nav-menu a {
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.11765rem; /* 90.476% */
  /*
  letter-spacing: -0.02471rem !important;
  text-transform: uppercase;
}
*/ 

.elementor-button-text {
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.47059rem; /* 147.059% */
  letter-spacing: -0.02rem;
  text-transform: uppercase;
}

/* || HEADER SECTION ----------------------------------|| */



/* || HERO SECTION - TOP OF HOME ----------------------------------|| */

/* Hero text at top - Nudge right */
.hero-title {
  position: relative;
  left: 6%;
}

/* Highlight Headlines H1 */

/* Change highlight text to white */
.h1-highlight {
  position: relative;
  white-space: nowrap;
  color: #FFFFFF;
 }

/* Highlight Position */
.h1-highlight::before {
  content: "";
  position: absolute;
  width: calc(100% + 0.471rem);
  left: -0.235rem;
  height: 70%;
  top: 15%;
  bottom: 0;
  z-index: -1;  
/* Animate Highlight */
  -webkit-animation: 1.5s highlight 0.5s 1 normal forwards;
          animation: 1.5s highlight 0.5s 1 normal forwards;
  background-color: none;
  background: linear-gradient(90deg, #0530A0 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
}
  @-webkit-keyframes highlight {
    to {
      background-position: 0 0;
    }
  }
  @keyframes highlight {
    to {
      background-position: 0 0;
    }	   
  }
/* BELOW IS CAUSING FOOTER TO SHOOT TO TOP OF PAGE - POSSIBLE CLASS ISSUE? */
/* Add second image to top of home page blue thumb - EXCEPT MOBILE
  @media only screen and (min-width: 768px) {
    .elementor-18 { 
      background-image: url("https://myedinburgh.org/wp-content/uploads/Blue-Thumb-Half-R.svg");
      background-repeat: no-repeat;
      background-size: 12vw;
      position: absolute;
      background-position: right 0rem top 60vh; 
    }     
}

/* Home scroll down arrow animation */
#home-scroll-arrow {
    position:absolute;
    top: calc(100vh - 10rem);
    left: calc(50% - 2rem);
    -webkit-animation: scrolling 3s ease infinite;
    -moz-animation: scrolling 3s ease infinite;
    -o-animation: scrolling 3s ease infinite;
    animation: scrolling 3s ease infinite;
}
  
  @keyframes scrolling {
    0% { transform: translate(0);
    }
    50% {
    transform: translate(0,40px);
    }
    100% { transform: translate(0);
    }
  }
  
  @media screen and (max-width: 576px) {
    #home-scroll-arrow {
        left: calc(50% - 2.5rem);
    }
 }

/* || HEADER ----------------------------------|| */

/* Scrolling header transition*/
.scrolling-header {
  transition: all .5s ease!important;
}

/* || HAMBURGER MENU ----------------------------------|| */

/* Change Hamburger Menu Icon */
.elementor-menu-toggle i{
  max-width:32px;
  content: url(https://myedinburgh.org/wp-content/uploads/menu-icon-C.svg);
}
.elementor-menu-toggle.elementor-active i {
  max-width:32px;
  content: url(https://myedinburgh.org/wp-content/uploads/menu-icon-C.svg);
}

/* || BUTTONS ----------------------------------|| */

/* Size icon for all buttons */
.elementor-button-icon {
  font-size: .8rem;
  align-self: center;
}
.elementor-button-text {
  margin:auto;}


/* || IMAGES ----------------------------------|| */
/* Force images to be square via class in each images section CSS class in Elementor */
.MEsquareimage {
    aspect-ratio: 1;
}

/* || FOOTER ----------------------------------|| */

/*Correct issue where footer text boxes are shrinking smaller than content*/
.elementor-18 .elementor-element.elementor-element-2ebf6c15 {
  min-width: auto;
}
.elementor-18 .elementor-element.elementor-element-515df307 {
  min-width: auto;
}
.elementor-18 .elementor-element.elementor-element-3825c35 {
  min-width: auto;
}
.elementor-18 .elementor-element.elementor-element-7b3bb03 {
  min-width: auto;
}

.footer-heading p {
  color: #FFF;
  font-size: 0.82353rem;
  font-weight: 600;
  line-height: 1.42353rem; /* 201.667% */
  letter-spacing: -0.01412rem;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.footer-copy p {
  color: #fff;
  font-size: 0.70588rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.01412rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/TESTING FOOTER LINK COLOUR/
.mefooter a:link {
    color: #fff !important;
}

.mefooter a:visited {
    color: #fff !important;
}

.mefooter a:hover {
    color: #56af31 !important;
}

.mefooter:active {
    color: #56af31 !important;
}

copyright-copy {
  color: #6983C6;
  font-size: 0.64706rem;
  font-weight: 400;
  line-height: 0.95294rem; /* 147.273% */
  letter-spacing: -0.00647rem;
}

/* Style email link in footer */
.elementor-global-843.elementor-widget-text-editor > div > p:nth-child(2) > a:link {
    color: #fff !important;
}
.elementor-global-843.elementor-widget-text-editor > div > p:nth-child(2) > a:visited {
    color: #fff !important;
}
.elementor-global-843.elementor-widget-text-editor > div > p:nth-child(2) > a:hover {
    color: #56af31 !important;
}

/* || BELOW NOT IN USE  ----------------------------------|| */

/* || HOTSPOTS ----------------------------------|| */

/* Hotspot styling */
.e-hotspot__inner-circle {
  background-color: transparent !important;
}

/* Hotspot 'tooltip' text styling */
.e-hotspot__tooltip P {
  font-size: 1rem;
}

/* || COUNTER STYLING ----------------------------------|| */

/*Align text labels under counters*/
.elementor-counter-title {
  text-align: left !important;
  
}

/* || LINK STYLING ----------------------------------|| */

/* unvisited link
a:link {
  color: #fff;
}

/* visited link
a:visited {
  color: rgba(255, 255, 255, .5);
}

/* mouse over link
a:hover {
  color: #56af31;
}

/* selected link
a:active {
  color: #ffe808;
}
 
 /* UNUSED AT PRESENT

 form-field-static {
   color: #6983C6;
   font-family: DM Sans;
   font-size: 1rem;
   font-weight: 450;
   line-height: 1.47059rem;
   letter-spacing: -0.035rem;
 }

 form-field-live {
   font-size: 1rem;
   font-weight: 450;
   line-height: 1.47059rem;
   letter-spacing: -0.035rem;
 }

 link-text {
   color: #00CEFF;
   font-size: 1rem;
   font-weight: 450;
   line-height: 1.47059rem;
   letter-spacing: -0.035rem;
 }

 body-heading-bold {
   font-size: 1rem;
   font-weight: 650;
   line-height: 1.47059rem;
   letter-spacing: -0.035rem;
 }

 legal-note {
   color: #6983C6;
   font-size: 0.82353rem;
   font-weight: 450;
   line-height: 1.17647rem;
   letter-spacing: -0.02265rem;
 }
 */