/*horizontal menu*/
#id_4JC14xp span {
    font-family: 'Arial', sans-serif;
}
/*three buttons*/
#id_Cw6Mg3Y a {
    font-family: 'Arial', sans-serif;
}

h1 {
    font-size: 2.4rem;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: none;
}

h2 {
    font-size: 1.7rem;
    line-height: 1.2em;
    font-weight: 600;
}

h3 {
    font-size: 1.5rem;
    line-height: 1.2em;
    font-weight: 600;
}

h4 {
    font-size: 1.44rem;
    line-height: 1.2em;
    font-weight: 600;
}

.quotedText {
    color: #91604E;
    font-style: italic;
}

/*hide bullet footer*/
#id_BTbaJm7 li {
    list-style-type: none;
}

blockquote {
    color: #91604E;
    font-size: 1.44rem;
      margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}

/*Wings Over styles header menu*/
/*secondary menu*/
#id_JYSTJeQ li a {
    color: white;
    text-decoration: none;
}
#id_TBaFfar li a {
    font-size: 1.2em;
    color: white;
    padding: 0 20px;
    text-decoration: none;
}
/*wings footer*/
.footer-link li a {
    color: white;
}


/*buttons on FWR header*/
.custom  {
width: 100px;
    background: #F2edd5;
    color: #333;
    font-family: 'Arial',sans-serif;
    font-size: .9em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.22;
    white-space: nowrap;
    
}
.custom a {
    text-decoration: none;
    text-align: center;
}



/*new apr 2022*/

.flex-container {
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#head-button button {
        padding: 5px;
        margin-bottom: 5px;
}

/*adjusted padding menu blue*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    height: 6px;
    padding-top: 6px!important;
}

/*media queries for header FWR*/

/*buttons in row */
@media only screen and (max-width: 760px) {
.flex-container {
display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
}
/* vertical alignment 3 buttons*/

#id_SZctv11 {
    vertical-align: middle;
}

/* wings 2023 events */

.red_text {
  color:red;
}
.sponsor_box {
margin-left: 15px;
margin-top: -15px;
padding-bottom: 10px;
}


/* Wings 2023 Horizontal Secondary Menu */

#id_BPmGZUk li a {
    font-size: 1em;
    color: white;
    padding: 0 7px;
    text-decoration: none;
}
#id_BPmGZUk li a:hover {
  background-color: whitesmoke;
  padding: 3px 7px;
  color: skyblue;
}
 
/* Gridview for 2023 Wings events
Part one: Individual event descriptions*/

.item0 {grid-area: eventBanner;}
.item1 {grid-area: titleLabel;}
.item2 {grid-area: titleText;}
.item3 {grid-area: datetimeLabel;}
.item4 {grid-area: datetimeText;}
.item5 {grid-area: locationLabel;}
.item6 {grid-area: locationText;}
.item7 {grid-area: eventDescription;}
.item8 {grid-area: eventImage;}
/* mod for deletion of presenter
.item9 {grid-area: presenterLabel;}
.item10 {grid-area: presenterText;}
*/
.item11 {grid-area: limitLabel;}
.item12 {grid-area: limitText;}

.eventGrid-container {
display: grid;
grid-template-areas: 
'eventBanner eventBanner eventBanner eventBanner'
'titleLabel titleText datetimeLabel datetimeText'
'locationLabel locationText locationText locationText'
'eventDescription eventDescription eventImage eventImage'
'limitLabel limitText eventImage eventImage';
grid-template-columns: 10% 45% 10% 35%;
grid-template-rows: auto auto auto auto 2em;
width: 100%;
}
.eventGrid-container > div {
text-align: left;
padding: 3px .4em 3px .4em;
font-size: 1em;
line-height: 1.2em;
font-family: 'Arial',sans-serif;
border-left: 1px black solid;
border-bottom: 1px black solid;
}
.eventGrid-container >div.item0 {
  background-color: #0072BC;
  height: 1.2em;
}

.eventGrid-container > .item8 {
  background-color: gainsboro;
text-align: center;
  align-items: center;
}
.eventGrid-container > div.item4, .eventGrid-container > div.item6, .eventGrid-container > div.item8 {
  border-right: 1px black solid;
}
.eventGrid-container > div:nth-child(2n) {
  font-weight: 700;
}
.eventGrid-container > div.item7 {
  font-weight: normal
}

@media only screen and (max-width: 480px) {
.eventGrid-container {
display: grid;
grid-template-areas: 
'eventBanner eventBanner'
'titleLabel titleText' 
'datetimeLabel datetimeText'
'locationLabel locationText'
'eventDescription eventDescription' 
'eventImage eventImage'

'limitLabel limitText';
grid-template-columns: 25% 75%;
grid-template-rows: auto auto auto auto auto auto auto;
width: 99%;

}
.eventGrid-container >div.item7 {
  font-family: 'Arial', sans-serif;
  font-size: .9em;
  border-right: 1px solid black;
  
}
.eventGrid-container >div.item12, .eventGrid-container >div.item10, .eventGrid-container >div.item2 {
  border-right: 1px solid black;
  
}
}


/* Generic event chart. Set up for 14 events
rows can be deleted in the html to match number
of events for each day.                        */


.eventchartItem0 {grid-area: eventchartBanner;}
.eventchartItem1DT {grid-area: datetime1;}
.eventchartItem1T {grid-area: title1;}
.eventchartItem1L {grid-area: location1;}
.eventchartItem1F {grid-area: fee1;}
.eventchartItem2DT {grid-area: datetime2;}
.eventchartItem2T {grid-area: title2;}
.eventchartItem2L {grid-area: location2;}
.eventchartItem2F {grid-area: fee2;}
.eventchartItem3DT {grid-area: datetime3;}
.eventchartItem3T {grid-area: title3;}
.eventchartItem3L {grid-area: location3;}
.eventchartItem3F {grid-area: fee3;}
.eventchartItem4DT {grid-area: datetime4;}
.eventchartItem4T {grid-area: title4;}
.eventchartItem4L {grid-area: location4;}
.eventchartItem4F {grid-area: fee4;}
.eventchartItem5DT {grid-area: datetime5;}
.eventchartItem5T {grid-area: title5;}
.eventchartItem5L {grid-area: location5;}
.eventchartItem5F {grid-area: fee5;}
.eventchartItem6DT {grid-area: datetime6;}
.eventchartItem6T {grid-area: title6;}
.eventchartItem6L {grid-area: location6;}
.eventchartItem6F {grid-area: fee6;}
.eventchartItem7DT {grid-area: datetime7;}
.eventchartItem7T {grid-area: title7;}
.eventchartItem7L {grid-area: location7;}
.eventchartItem7F {grid-area: fee7;}
.eventchartItem8DT {grid-area: datetime8;}
.eventchartItem8T {grid-area: title8;}
.eventchartItem8L {grid-area: location8;}
.eventchartItem8F {grid-area: fee8;}
.eventchartItem9DT {grid-area: datetime9;}
.eventchartItem9T {grid-area: title9;}
.eventchartItem9L {grid-area: location9;}
.eventchartItem9F {grid-area: fee9;}
.eventchartItem10DT {grid-area: datetime10;}
.eventchartItem10T {grid-area: title10;}
.eventchartItem10L {grid-area: location10;}
.eventchartItem10F {grid-area: fee10;}
.eventchartItem11DT {grid-area: datetime11;}
.eventchartItem11T {grid-area: title11;}
.eventchartItem11L {grid-area: location11;}
.eventchartItem11F {grid-area: fee11;}
.eventchartItem12DT {grid-area: datetime12;}
.eventchartItem12T {grid-area: title12;}
.eventchartItem12L {grid-area: location12;}
.eventchartItem12F {grid-area: fee12;}
.eventchartItem13DT {grid-area: datetime13;}
.eventchartItem13T {grid-area: title13;}
.eventchartItem13L {grid-area: location13;}
.eventchartItem13F {grid-area: fee13;}
.eventchartItem14DT {grid-area: datetime14;}
.eventchartItem14T {grid-area: title14;}
.eventchartItem14L {grid-area: location14;}
.eventchartItem14F {grid-area: fee14;}
.eventchartItem15DT {grid-area: datetime15;}
.eventchartItem15T {grid-area: title15;}
.eventchartItem15L {grid-area: location15;}
.eventchartItem15F {grid-area: fee15;}
.eventchartItem16DT {grid-area: datetime16;}
.eventchartItem16T {grid-area: title16;}
.eventchartItem16L {grid-area: location16;}
.eventchartItem16F {grid-area: fee16;}



.eventchartGrid-container {
display: grid;
grid-template-areas: 
'eventchartBanner eventchartBanner eventchartBanner eventchartBanner'
'datetime1 title1 location1 fee1'
'datetime2 title2 location2 fee2'
'datetime3 title3 location3 fee3'
'datetime4 title4 location4 fee4'
'datetime5 title5 location5 fee5'
'datetime6 title6 location6 fee6'
'datetime7 title7 location7 fee7'
'datetime8 title8 location8 fee8'
'datetime9 title9 location9 fee9'
'datetime10 title10 location10 fee10'
'datetime11 title11 location11 fee11'
'datetime12 title12 location12 fee12'
'datetime13 title13 location13 fee13'
'datetime14 title14 location14 fee14'
'datetime15 title15 location15 fee15'
'datetime16 title16 location16 fee16';
grid-template-columns: 20% 34% 34% 12%;
width: 100%;
}
.eventchartGrid-container > div {
text-align: center;
padding: 3px 3px;
font-size: 1.0em;
line-height: 1.2em;
font-family: 'Arial',sans-serif;
border-left: 1px black solid;
border-bottom: 1px black solid;
}

.eventchartGrid-container >div.eventchartItem0 {
  background-color: #0072BC;
  height: 1.1em;
  text-align: left;
  color: white;
  font-weight: 700;
}
.eventchartGrid-container > div:nth-child(4n + 3), .eventchartGrid-container > div:nth-child(4n + 4) {
  text-align: left;
}

.eventchartGrid-container > div:nth-child(4n + 5) {
  border-right: 1px black solid;
}

@media only screen and (max-width: 480px) {
.eventchartGrid-container {
display: grid;
grid-template-areas: 
'eventchartBanner eventchartBanner'
'datetime1 title1' 
'fee1 location1 '
'datetime2 title2' 
'fee2 location2 '
'datetime3 title3' 
'fee3 location3 '
'datetime4 title4' 
'fee4 location4 '
'datetime5 title5' 
'fee5 location5 '
'datetime6 title6' 
'fee6 location6 '
'datetime7 title7' 
'fee7 location7 '
'datetime8 title8' 
'fee8 location8 '
'datetime9 title9' 
'fee9 location9'
'datetime10 title10' 
'fee10 location10 '
'datetime11 title11' 
'fee11 location11 '
'datetime12 title12' 
'fee12 location12 '
'datetime13 title13' 
'fee13 location13 '
'datetime14 title14' 
'fee14 location14 '
'datetime15 title15' 
'fee15 location15'
'datetime16 title16' 
'fee16 location16 ';
grid-template-columns: 25% 75%;
width: 99%;
}


.eventchartGrid-container > div {
  border-right: 1px black solid;
}
.eventchartGrid-container > div:nth-child(8n + 5),
.eventchartGrid-container > div:nth-child(8n + 2),
.eventchartGrid-container > div:nth-child(8n + 3),
.eventchartGrid-container > div:nth-child(8n + 4)
{
  background-color: lightgrey;
  border-right: 1px black solid;
}
}

/* Gridview  Modification  7-13 for 2023 Wings events
Part one: Individual event descriptions

.item0m {grid-area: eventBanner;}
.item1m {grid-area: titleLabel;}
.item2m {grid-area: titleText;}
.item3m {grid-area: datetimeLabel;}
.item4m {grid-area: datetimeText;}
.item5m {grid-area: locationLabel;}
.item6m {grid-area: locationText;}
.item7m {grid-area: eventDescription;}
.item8m {grid-area: eventImage;}
.item11m {grid-area: limitLabel;}
.item12m {grid-area: limitText;}

.eventGrid-containerM {
display: grid;
grid-template-areas: 
'eventBanner eventBanner eventBanner eventBanner'
'titleLabel titleText datetimeLabel datetimeText'
'locationLabel locationText locationText locationText'
'eventDescription eventDescription eventImage eventImage'
'limitLabel limitText eventImage eventImage';
grid-template-columns: 10% 45% 10% 35%;
grid-template-rows: auto auto auto auto 2em;
width: 100%;
}
.eventGrid-containerM > div {
text-align: left;
padding: 3px .4em 3px .4em;
font-size: 1em;
line-height: 1.2em;
font-family: 'Arial',sans-serif;
border-left: 1px black solid;
border-bottom: 1px black solid;
}
.eventGrid-containerM >div.item0m {
  background-color: #0072BC;
  height: 1.2em;
}
.eventGrid-containerM > .item8m {
  background-color: gainsboro;
text-align: center;
  align-items: center;
}
.eventGrid-containerM > div.item4m,  .eventGrid-containerM > div.item6m, .eventGrid-containerM > div.item8m {
  border-right: 1px black solid;
}
.eventGrid-containerM > div:nth-child(2n) {
  font-weight: 700;
}
.eventGrid-containerM > div.item7m {
  font-weight: normal
}

@media only screen and (max-width: 480px) {
.eventGrid-containerM {
display: grid;
grid-template-areas: 
'eventBanner eventBanner'
'titleLabel titleText' 
'datetimeLabel datetimeText'
'locationLabel locationText'
'eventDescription eventDescription' 
'eventImage eventImage'
'limitLabel limitText';
grid-template-columns: 25% 75%;
grid-template-rows: auto auto auto auto auto auto auto;
width: 99%;

}
.eventGrid-containerM >div.item7m {
  font-family: 'Arial', sans-serif;
  font-size: .9em;
  border-right: 1px solid black;
  
}
.eventGrid-containerM >div.item12m,  .eventGrid-containerM >div.item2m {
  border-right: 1px solid black;
  
}
}
End 7-13 Mod */


/* Login Mod 5-11-24*/
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
width: 200px;
height: 50px;
padding:0%;

}
.WaGadgetLoginButton .authenticated .loginLink:before, .WaGadgetLoginForm .authenticated .loginLink:before {
font: normal 18px/18px 'Arial';
content: 'View your Profile/Logout';
text-decoration: underline darkblue;
color:darkblue;
background-color: #f2f2f2;
}
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
width: 200px;
height: 50px;

}
.WaGadgetLoginButton .loginLink:before, .WaGadgetLoginForm .loginLink:before {
font: normal 18px/18px 'Arial';
content: 'Login to your Account';
text-decoration: underline darkblue;
color:darkblue;
background-color: #f2f2f2;

}
/* end mod*/

/* Code to modify colors of form navigation buttons from WA */

.navigationOuterContainer .navigationContainer input.nextButton:hover, .navigationOuterContainer .navigationContainer input.typeButton:hover, .navigationOuterContainer .navigationContainer input[type=submit]:hover, .loginButton:hover, .typeButton:hover, input[type=submit]:hover {background-color: blue !important; color: greenyellow !important;}  /*hover color */

.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit], 
.loginButton, .typeButton, input[type=submit] {
  background-color: greenyellow !important; 
  color: blue !important;
}
/* End navigation button mod */