/*** 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;
  padding:13px 18px!important;
}

a.buttonStyle007:hover, a.buttonStyle007:link:hover,
a.buttonStyle007:active, a.buttonStyle007:link:active {
  background-color:#292a67;
  border-color: #292a67;
  color: #fff;
}

a.buttonStyle001.header-donate-button, a:link.buttonStyle001.header-donate-button {
  background-color:#292a67;
}
a.buttonStyle001.header-donate-button:hover, a:link.buttonStyle001.header-donate-button:hover {
  background-color:#1573ba;
}
a.buttonStyle001.buttonwhite, a:link.buttonStyle001.buttonwhite {
  color:#292a67!important;
  background-color:white;
}
a.buttonStyle001.buttonwhite:hover, a:link.buttonStyle001.buttonwhite:hover {
  background-color:#1573ba;
  color:white!important;
}
a.buttonStyle001.buttonwhiteoutline, a:link.buttonStyle001.buttonwhiteoutline {
  border: 3px solid white;
  color:white!important;
  background:transparent;
}
a.buttonStyle001.buttonwhiteoutline:hover, a:link.buttonStyle001.buttonwhiteoutline:hover {
  background-color:#1573ba;
  color:white!important;
}
/*** 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;
}

/*** YGR 26 Colors***/
.ygr26-green {
  color: #B7C800!important;
}

.ygr26-green-bg {
  background-color: #B7C800!important;
}

.ygr26-green-outline {
  border:2px solid #B7C800;
}

.ygr26-navy {
  color: #022252!important;
}

.ygr26-navy-bg {
  background-color: #022252!important;
}

.ygr26-navy-outline {
  border:2px solid #022252;
}

.ygr26-orange {
  color: #F16503!important;
}

.ygr26-orange-bg {
  background-color: #F16503!important;
}

.ygr26-orange-outline {
  border:2px solid #F16503;
}

.ygr26-teal {
  color: #01869e!important;
}

.ygr26-teal-bg {
  background-color: #01869e!important;
}

.ygr26-teal-outline {
  border:2px solid #01869e;
}

/***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.*/

/***Member Hub Styles - added late 2026***/
.step { 
        display: inline-block; 
        background-color: #292a67; 
        color: white; 
        border-radius: 50%; 
        padding: 10px; 
        width: 30px; 
        height: 30px; 
        line-height: 30px;
        margin-bottom:0;
    }

  .step-left {
    padding:5px;
    width:20px;
    height:20px;
    line-height:20px;
  }

    .volunteer-resource:not(last-child) {
        border-bottom:1px solid #ccc;
        padding-bottom:15px;
    }

    .volunteer-resource span.icon {
        display:inline-block;
        float:left;
        margin-right:15px;
        line-height: 1.2;
        color:#292a67;
        font-size:36px;
    }
    .volunteer-resource a {
        font-weight:bold;
    }
    .volunteer-resource .caption {
        font-size: 16px;
        display: block;
    }

.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* Controls the space between the text and the arrow */
  text-decoration: none;
  font-weight: 500;
}
.link-arrow:after {
  content: "\2192"; /* Unicode hex for a right arrow (→) */
  transition: transform 0.2s ease; /* Prepares the smooth animation */
}
.corners-round {
  border-radius:20px;
}
.corners-round-top {
  border-radius: 20px 20px 0 0;
}
.corners-round-bottom {
  border-radius: 0 0 20px 20px;
}
.corners-round td {
  border-radius:20px;
}
.faqs-block p {
  padding-bottom:18px;
  border-bottom:1px solid #999;
}
.faqs-block p:last-child {
  padding-bottom:0;
  border-bottom:0;
}
.caption {
        color:#666;
        font-size:16px;
    }
    .bottom-border {
        border-bottom:1px solid #666;
    }

/* Animate the arrow on hover */
.arrow-link:hover::after {
  transform: translateX(4px); /* Moves the arrow slightly to the right */
}
.link-rounded-block { 
  display:flex; 
  flex-wrap: nowrap; 
  justify-content:space-between; 
  align-items:flex-start; 
  border:1px solid #ccc; 
  padding:20px; 
  text-decoration:none;
  border-radius: 10px;
  background-color:#fff;
} 
.link-rounded-block:hover {
  background-color:#1573ba;
  color:white!important;
  text-decoration:none!important; 
  cursor:pointer;
} 
.link-rounded-block:hover .caption {
  color:white;
} 
.link-rounded-block .icon { 
  float:left; 
  margin-right: 10px;
  font-size:30px; 
} 
.link-rounded-block .text { } 
.link-rounded-block .icon-arrow { 
  transition: transform 0.25s ease-in-out;
} 
.link-rounded-block:hover .icon-arrow {
  transform: translateX(6px);
}

/***Skills Progression Chevrons***/
#progression {
	text-align: center;
}

	#progression ul {
		list-style: none;
		display: inline-table;
    width:100%;
    margin-left:0;
	}
		#progression ul li {
			display: inline;
		}
	
		#progression ul li a {
			display: block;
			float: left;
			height: 50px;
			background: #1573ba;
			text-align: center;
			padding: 30px 40px 0 80px;
			position: relative;
			margin: 0 10px 0 0; 
			
			font-size: 20px;
			text-decoration: none;
			color: #fff;
		}
    #progression ul li.stage-beginner a  {           background:#EDF3F7;
    color:#292a67;
}

#progression ul li.stage-beginner a:after  {           border-left-color:#EDF3F7;
}
#progression ul li.stage-beginner a:hover  { 
  color:#fff;
  background:#1573ba;
}
#progression ul li.stage-beginner a:hover:after {
					border-left-color: #1573ba;
				}

        #progression ul li.stage-firstmate a  {           background:#1573ba;
}
#progression ul li.stage-firstmate a:after  {           border-left-color:#1573ba;
}

#progression ul li.stage-firstmate a:hover  { 
  color:#fff;
  background:#2C428C;
}
#progression ul li.stage-firstmate a:hover:after {
					border-left-color: #2C428C;
				}
#progression ul li.stage-skipper a  {           background:#2C428C;
}
#progression ul li.stage-skipper a:after  {           border-left-color:#2C428C;
}
        #progression ul li.stage-skipper a:hover  {           background:#292a67;
}
#progression ul li.stage-skipper a:hover:after  {           border-left-color:#292a67;
}
#progression ul li.stage-cruising a  {           background:#292a67;
}
#progression ul li.stage-cruising a:after  {           border-left-color:#292a67;
}
        #progression ul li.stage-cruising a:hover  {           background:#000;
}
#progression ul li.stage-cruising a:hover:after  {           border-left-color:#000;
}
			#progression ul li a:after {
				content: "";  
				border-top: 40px solid transparent;
	 			border-bottom: 40px solid transparent;
	  			border-left: 40px solid;
				position: absolute; right: -40px; top: 0;
				z-index: 1;
			}
			
			#progression ul li a:before {
				content: "";  
				border-top: 40px solid transparent;
	  			border-bottom: 40px solid transparent;
	  			border-left: 40px solid #d4f2ff;
				position: absolute; left: 0; top: 0;
			}
	
				#progression ul li:first-child a {
					border-top-left-radius: 10px; border-bottom-left-radius: 10px;
                    padding-left:30px;
				}
				#progression ul li:first-child a:before {
					display: none; 
				}
				
				#progression ul li:last-child a {
					padding-right: 30px;
					border-top-right-radius: 10px; border-bottom-right-radius: 10px;
				}
				#progression ul li:last-child a:after {
					display: none; 
				}
			
			/*#progression ul li a:hover {
				background: #292a67;
                cursor: pointer;
			}
				#progression ul li a:hover:after {
					border-left-color: #292a67;
				}*/

/*** 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-nocap {list-style-type:none;margin-left:0;}
ul.list-check li:before, ul.list-check-nocap li:before {content: "\f058";font-family:'FontAwesome';padding-right:10px;color:#67b8db;font-size:24px;}
ul.list-resources-inline {margin-top:10px;margin-left:0!important;}
ul.list-resources-inline li {display:inline; margin-right:20px;}
ul.list-resources li, ul.list-resources-inline li {list-style-type:none;}
ul.list-resources li:before, ul.list-resources-inline li:before {font-family:'FontAwesome';padding-right:10px;}
ul.list-resources li.list-pdf:before, ul.list-resources-inline li.list-pdf:before { content: "\f1c1";color:red;}
ul.list-resources li.list-link:before, ul.list-resources-inline li.list-link:before { content: "\f08e";color:blue;}
ul.list-resources li.list-pencil:before, ul.list-resources-inline li.list-pencil:before { content: "\f040";color:blue;}

/*** 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***/

/***End Member Hub Styles***/