@charset "UTF-8";
/*******************************************************************************
                               TABLE OF CONTENTS
*******************************************************************************

#0 - Temporary Code Corrections

#1 - General Website Style Edits
  1.1 - Elementor Element modifiers

/*******************************************************************************
********************************************************************************
#0 - Temporary Code Corrections
********************************************************************************
*******************************************************************************/



/*******************************************************************************
********************************************************************************
#1 - General Website Style Edits
********************************************************************************
*******************************************************************************/

/****************** 1.1 - Elementor Element modifiers *************************/
/* adds in modifications to widgets to globally apply the edit so that custom
   CSS additions are not required every time the element is created */


/* add a margin to anchor scrolls to give sections breathing room when they
   are scrolled to. the header height definition is for a fixed nav header so 
   you can define it's consistent height as part of the sccroll margin. */
:root {
--header-height: 80px;
}

/* specify anchor tags to have style applied to. These will be the nav links
  in the menu for local linking. */
#events, #contact, #OurChoir, #ConcertGallery {
  /* scroll-margin-top: calc(var(--header-height) + 2rem); -- for calc with sticky nav*/
  scroll-margin-top: 2rem;
}

/* MailCoach subscribe form style edits - added id to submit button to apply #cmccSubscribeButton
   use !important to override base code input setting from mailcoach. */
input#cmccSubscribeButton {
  color: #AA0000!important;
  border: 1px solid #AA0000 !important;
  width: 100% !important;
  max-width: 100% !important;
}

input#cmccSubscribeButton:hover {
  background-color: #ffffff9a !important;
}