/*** Format header ***/
.headerContentHolder {
width: 919px;
}
/*** end format header ***/

/*** Position login container far right ***/
#id_LoginBoxGadget .loginContainer {
left:732px;
}
/*** end position login container far right ***/

/*** Change link colors in login box ***/
#id_LoginBoxGadget .loginContainer .loginUserName a:link {color: #ff0000}
#id_LoginBoxGadget .loginContainer .loginUserName a:hover {color: #000000; font-weight: bold;}

#id_LoginBoxGadget .loginContainer .loginPasswordForgot a:link {color: #333333}
#id_LoginBoxGadget .loginContainer .loginPasswordForgot a:hover {color: #000000; font-weight: bold;}
/*** end change link colors in login box ***/

/*** Change height of login container to accommodate Not a member? Join now ***/
#id_LoginBoxGadget .loginContainer {
height:150px;
}
/*** end change height of login container to accommodate Not a member? Join now ***/


/*** Hide renewal date & automatic renewal status on Membership Levels ***/ 
DIV#idMembershipLevelRadioGroupContainer DIV.fieldItem SPAN.levelRenewal,
DIV#idMembershipLevelRadioGroupContainer DIV.fieldItem SPAN.levelRecurring {
display: none;
}
/*** end hide renewal date & automatic renewal status on Membership Levels ***/ 

/*** Hide renewal date & automatic renewal status on membership application form ***/
.WaGadgetMembershipApplicationStateFillData #idInfoContainer 
SPAN.levelRenewal,
.WaGadgetMembershipApplicationStateFillData #idInfoContainer 
SPAN.levelRecurring {
display:none;
}
/*** end hide renewal date on membership application form ***/

/*** Hide renewal date & automatic renewal status on membership payment method ***/
.WaGadgetMembershipApplication #idApplicationPaymentTypeContainer #idInfoContainer 
SPAN.levelRenewal,
.WaGadgetMembershipApplication #idApplicationPaymentTypeContainer #idInfoContainer 
SPAN.levelRecurring {
display:none;
}
/*** end hide renewal date & automatic renewal status on membership payment method ***/

/*** Hide renewal date & automatic renewal status on membership review application screen ***/
.WaGadgetMembershipApplicationStateReview #idInfoContainer 
SPAN.levelRenewal,
.WaGadgetMembershipApplicationStateReview #idInfoContainer 
SPAN.levelRecurring {
display:none;
}
/*** end hide renewal date & automatic renewal status on membership review application screen ***/

/*** Hide renewal date & automatic renewal status on membership review application screen ***/
.WaGadgetMembershipApplicationStateReview #idInfoContainer 
SPAN.levelRenewal,
.WaGadgetMembershipApplicationStateReview #idInfoContainer 
SPAN.levelRecurring {
display:none;
}
#idSectionPaymentInformationContainer #idMembershipLevelContainer SPAN.levelRenewal,
#idSectionPaymentInformationContainer #idMembershipLevelContainer SPAN.levelRecurring {
display:none;
}
/*** end hide renewal date & automatic renewal status on membership review application screen ***/

/*** Hide renewal date & automatic renewal status on member profile ***/
#idCaptionMembershipDetailsContainer #idMembershipLevelContainer #idMembershipLevelContainerHolder SPAN.levelRenewal,
#idCaptionMembershipDetailsContainer #idMembershipLevelContainer #idMembershipLevelContainerHolder SPAN.levelRecurring {
display:none;
}
/*** end hide renewal date & automatic renewal status on member profile ***/


/*** Change outline color of gadgets ***/
div.artBoxContainerType-001 div.artBoxGeneralInnerContainer {
border:5px solid #8CC7D8;
}
/*** end change outline color of gadgets ***/

/*** Change color behind gadget titles ***/
div.artBoxContainerType-001 div.artBoxTitleInnerContainer {
background-color: #8CC7D8;
}
/*** end change color behind gadget titles ***/

/*** Change link colors in gadgets ***/
.cnPrimaryContentBlock1Content div.artBoxContainerType-001 div.moduleViewType-0 a:link {
color: #003366;
}
.cnPrimaryContentBlock1Content div.artBoxContainerType-001 div.moduleViewType-0 a:hover,
.cnPrimaryContentBlock1Content div.artBoxContainerType-001 div.moduleViewType-0 a:active {
color: #3FA2BD;
}
.cnPrimaryContentBlock1Content div.artBoxContainerType-001 div.moduleViewType-0 a:visited {
color: #666666;
}
/*** end change link colors in gadgets ***/

/*** Add scrolling to gadgets ***/
.cnPrimaryContentBlock1Content div.artBoxContainerType-001 div.moduleViewType-0
{
height:100px;
overflow:auto;
}
/*** end add scrolling to gadgets ***/

/*** Align column at top of page ***/
.top{ 
vertical-align:top; 
} 
/*** end align column at top of page ***/

/*** Center image ***/
IMG.center {
display: block;
margin-left: auto;
margin-right: auto;
}
/*** end center image ***/

/*** Center tables ***/
table {
margin: auto;
}
/*** end center tables ***/

/*** Change default calendar event background color ***/
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
  /*background-color: #292a67;*/
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover, 
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover div,.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventContainerHover {
  background-color:#ff8357!important;
}
/*** end change default calendar event background color ***/

/*** Hide (Parent/Guardian Information if a Minor Is Being Registered) on Donations ***/
#idSectionDonationFormContainer #idCaptionContainer1464948 SPAN.captionContainer {
display: none;
}
/*** end hide (Parent/Guardian Information if a Minor Is Being Registered) on Donations ***/

/*** Change Calendar Month View Heading Background Colors ***/
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span 
{
  background:#2c428c;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a:hover, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover {
  background: #292a67;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover
{
  background:#1573ba;
}
/*** End Change Calendar Month View Heading Background Colors ***/

/*** Button Override***/
a.buttonStyle007, a.buttonStyle007:link {
  border-color:#292a67;
  color: #292a67;
}

a.buttonStyle007:hover, a.buttonStyle007:link:hover,
a.buttonStyle007:active, a.buttonStyle007:link:active {
  background-color:#292a67;
  border-color: #292a67;
  color: #fff;
}
/*** End Button Override***/

/***YGR Sponsor Table Styles***/
.table-sponsors td {border:1px solid #ccc; padding:10px;} .table-sponsors td:not(.dtr-control){ text-align:center;} .table-sponsors th {background-color: #2c428c;color:white;font-weight:bold;padding:10px;} 
.table-sponsors tr:nth-child(even) td {background-color:#f1f1f1;}
/*** End YGR Sponsor Table Styles***/

/***Start Striped Table Styles***/
table.table-striped {width:100%;}
.table-striped td {padding:10px;}
.table-striped tr:nth-child(even) td {background-color:#f9f9f9;}
.table-striped tr:hover td {background-color:#ccc}
/*** End Striped Table Styles***/

/*** Document Table Header Styles ***/
.table-documents th {background-color: #f1f1f1;padding:10px;text-transform:uppercase;text-align:left;}
/*** End Document Table Header Styles ***/

/*** Resource Page - Quick Access Document Styles ***/
.document-quick-access {
  border: 3px solid #f1f1f1;
    border-radius: 4px;
    padding: 10px;
}

/***Member Program Page - Icon Box Styles***/
.icon-box {display: flex;align-items: flex-start;margin-bottom:15px;}
.icon-box .icon-box-icon {     margin-right: 16px;
    margin-right: 1rem;
    border-radius: 100%;
    width: auto;
    height: auto;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    position: relative;}
.icon-box .icon-box-text {}
/***End Member Program Page - Icon Box Styles***/

/*** Start Pricing Table Styles ***/
ul.list-pricing {padding-left:0;margin-left:0;border:1px solid;} 
ul.list-pricing.crew {border-color: #1573ba;} ul.list-pricing.skipper {border-color: #30428e;} ul.list-pricing.crew {border-color: #292a67;} ul.list-pricing li {list-style-type:none;padding:10px 20px;} 
ul.list-pricing li:nth-child(even) {background-color:#f1f1f1;}

/***End Pricing Table Styles***/

/***Responsive Video Code***/
    .dsc-video-container {
      display: flex;
      justify-content: center;
 }

iframe.dsc-video {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}
/*** End Responsive Video Code ***/

/*** Make all elements white***/
.text-white * {
  color:white!important;
}

/*** Icon Circle Backgrounds ***/
.icon-50 {width:50px;height:50px;}
.icon-bg {border-radius: 50%;padding:20px;}
.icon-bg-dark {background-color:#292a67;}
.icon-bg-light {background-color:#1573ba;}
.icon-bg-white {background-color:white;}
/***End Icon Circle Backgrounds ***/

/*** List Styles ***/
ul.pb-15 li {padding-bottom:15px;} 
ul.list-check {list-style-type:none;margin-left:0;text-transform:uppercase;} 
ul.list-check li:before {content: "\f058";font-family:'FontAwesome';padding-right:10px;color:#67b8db;font-size:24px;}
ul.list-resources li {list-style-type:none;}
ul.list-resources li:before {font-family:'FontAwesome';padding-right:10px;}
ul.list-resources li.list-pdf:before { content: "\f1c1";}
ul.list-resources li.list-link:before { content: "\f08e";}

/*** Class and Camp Meta Data List ***/
ul.meta-list {margin: 0 0 30px 0; padding: 0; list-style-type: none;} 
ul.meta-list li.label {display:inline-block;color:#999;} ul.meta-list li.label:not(:last-child):after { content: "|";margin: 0 8px;}
/*** End Class and Camp Meta Data List***/

/***Hide Home Menu Item***/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a[title="Home"] {display:none;}
/***End Hide Home Menu Item***/

/***Home Page Slider Caption Styles***/
.home-slider .camera_caption {background:rgba(41,42,103,0.85);}
.home-slider .camera_caption>div {
    color: white;
    text-transform: uppercase;
    line-height: 1.5em;
}
@media screen and (min-width:768px){
  .home-slider .camera_caption>div {
    padding:20px;
    font-size: 20px;
  }
}
@media screen and (min-width:1024px){
  .home-slider .camera_caption>div {
    font-size: 24px;
  }
}

/***End Home Page Slider Caption Styles***/

/***Sections with background images***/
@media screen and (max-width:767px) {
.section-image-bg {background-image:none!important;padding:20px!important;}
.section-image-bg .WaLayoutPlaceHolder > div { padding:0!important;}
.section-image-bg .gadgetContentEditableArea {padding:0!important;}
}
/***End sections with background images***/

/***Mobile Only Image Sections***/
.mobile-only {display:none;}
.adminContentView .mobile-only {display:block;}
@media screen and (max-width:767px) {
  .mobile-only {display:block;}
}
/***End Mobile Only Image Sections***/

/***Header Search and Donate Button Mobile Centering***/
.header-search-donate {margin-top:40px;}
.header-search-donate p.donate-button {text-align:right;}
@media screen and (max-width:767px) {
  .header-search-donate {margin-top:0;}
  .header-search-donate .searchBoxOuter, .header-search-donate p.donate-button {text-align:center!important;}

}

/***Make content visible only while in admin view***/
.admin-only {display:none;}
.adminContentView .admin-only {display:block;}
/***End Admin Only Styles***/

/***Hide short FAQs displayed on class detail pages from main FAQ page that shares the same page template***/
#PAGEID_1860989 .class-details-faqs {display:none;}
/***End Hide short FAQs displayed on class detail pages from main FAQ page that shares the same page template***/

/***Hide location in Upcoming Event gadget***/
.dsc-events.WaGadgetUpcomingEvents ul li .location {display:none;}
.dsc-events.WaGadgetUpcomingEvents ul li .date:after {display:none;}
/***End Hide location in Upcoming Event gadget***/

.d-none {display: none;}

/***Add padding to Constant Contact Archive Widget List***/
#archiveList li {padding-bottom:10px;}
#archiveList {padding-bottom:0;margin-bottom:0;}
/***Add padding to Constant Contact Archive Widget List***/

/*Wild Apricot legacy styles for compatibility with version 5.0. Begin.*/
.headerContent, .headerContent .gadgetContentEditableArea
{
  overflow: visible;
}
/*Wild Apricot legacy styles for compatibility with version 5.0. End.*/