/* Enter Your Custom CSS Here */

/* GENERAL */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: futura-pt, sans-serif !important;
}

h4, h5, h6, .h4, .h5, .h6{
	line-height: 1.2;
}

.h1, .h2{
  text-transform: uppercase;
}

h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
	color: #72afb5 !important;
}

.h1, .h2 {
	font-weight: 700 !important;
}


hr {
	clear: both;
	margin-top: 8px;
	margin-bottom: 8px;
}

p, body{
	font-family: futura-pt, sans-serif !important;
}

body {
    line-height: 1.4 !important;
}

.x-btn.x-btn-regular {
    font-size: 18px !important;
}

.x-main.full {
    width: auto !important;
	  margin: auto !important;
}

/* CUSTOM CLASSES */
.salishrace-link{
	color: white !important; 
	text-decoration: underline #feb401 !important;
}

.display-none{
		display: none !important;
	}

.p-feature-large{
  font-size: 24px !important;
  color: white !important;
  font-weight: 400 !important;
}

.p-feature-xlarge{
  font-size: 34px !important;
  color: white !important;
  font-weight: 400 !important;
}

.custom-title{
  color: #fff !important; 
  text-align: center; 
}

.custom-subtitle{
  color: #fff !important;
  text-align: center;
}

.h-capitalize{
  text-transform: none !important;
}

.h-gray{
	color: #515151 !important;
}

.photo-credit{
  font-size: 14px !important;
}

table th, table td {
    border-top: none;
}

/*R2AK Blue Headline for R2AK pages*/
.h-r2ak{
  color: #3b5683 !important;
}

body.page-id-868 h4,
body.page-id-870 h4,
body.page-id-872 h4,
body.page-id-3930 h4,
body.page-id-4400 h4,
body.page-id-905 h4,
body.page-id-907 h4,
body.page-id-3931 h4,
body.page-id-2679 h4{
  color: rgb(34, 58, 114);
}

body.page-id-868 p a,
body.page-id-870 p a,
body.page-id-872 p a,
body.page-id-3930 p a,
body.page-id-4400 p a,
body.page-id-905 p a,
body.page-id-907 p a,
body.page-id-3931 p a,
body.page-id-876 p a,
body.page-id-2679 p a,
body.page-id-2681 p a,
body.page-id-6079 p a,
body.page-id-6798 p a{
  color: #e8553e;
}

body.page-id-868 p a:hover,
body.page-id-870 p a:hover,
body.page-id-872 p a:hover,
body.page-id-3930 p a:hover,
body.page-id-4400 p a:hover,
body.page-id-905 p a:hover,
body.page-id-907 p a:hover,
body.page-id-3931 p a:hover,
body.page-id-876 p a:hover,
body.page-id-2679 p a:hover,
body.page-id-2681 p a:hover,
body.page-id-6079 p a:hover,
body.page-id-6798 p a:hover{
  color: rgb(34, 58, 114);
}

/*end R2AK Blue Headline for R2AK pages*/

/*Orange links on sponsorship page*/
body.page-id-8256 div.x-columnize a{
	color: #e8553e !important;
}

body.page-id-8256 div.x-columnize a:hover{
	color: rgb(34, 58, 114) !important;
}

/*end Orange links on sponsorship page*/

.x-accordion-heading .x-accordion-toggle{
  color: rgb(34, 58, 114) !important; 
  text-decoration: none !important;
}

.x-pricing-column-info .x-price {
  font-size: 34px;
 }

.h-title{
  color: #fff !important;
  text-align: center; 

}

.intro-sec{
  background-color: #005672 !important;
  text-align: center !important; 
  padding-top: 10% !important;
  padding-bottom: 10% !important;
}

.darkteal-sec{
  background-color: #005672 !important;
}

.h-title-gray{
	color: #696969 !important;
}

.ar-title{
	font-family: futura-pt-condensed, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

.ar-mission{
    font-family: futura-pt-condensed, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
	font-size: 40px !important;
}

blockquote {
    margin: 1.5em 0;
    padding: 0 0 0 1em !important;
	  border: none;
    border-left: 2px solid #e5e5e5 !important;
    font-family: "Open Sans" !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.wa-race-title{
	font-family: futura-pt-condensed, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
	text-transform: uppercase !important;
	color: white !important;
	background-color: #3f4135 !important;
	padding: 5px 15px !important;
}

.wa-race-title-plain{
	font-family: futura-pt-condensed, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

/* Races Volunteer Page*/
body.page-id-17261 p a{
  color: #f58555;
}

body.page-id-17261 p a:hover{
  color: #F47742;
}

/* HEADER */

.desktop .sub-menu {
	  padding-top: 0em !important;
             padding-bottom: 0em !important;
}

body .masthead-inline .x-navbar .desktop .sub-menu li a {
    padding: 0;
    font-size: 16px;
    text-decoration: none !important; 
    
}

body .masthead-inline .x-navbar .desktop .sub-menu li:before {
    display: none;
}
body .masthead-inline .x-navbar .desktop .sub-menu li:after {
    display: none;

}
body .masthead-inline .x-navbar .desktop .sub-menu {
    background: #fff !important;
  
}

.x-navbar .x-nav-wrap .x-nav > li > a {
    font-family: futura-pt, sans-serif !important;
}

.x-navbar .desktop .x-nav > li > a {
    font-size: 14px !important;
	  height: 100px !important;
}

.x-topbar {
   	padding: 0px; 
           min-height: 30px;
}

.x-topbar p {
	display: none;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 100px !important;
}

.x-navbar-fixed-top {
	border-bottom: 1px solid #017ea7;
}

.x-brand {
    margin-top: 5px !important;
}

.x-navbar .desktop .x-nav > li > a{
    color: rgb(39,39,39) !important;
}

body .x-navbar .desktop .x-nav > li.highlight > a {
    padding: 30px 0;
}

body .x-navbar .desktop .x-nav > li > a {
    height: auto !important;
    padding: 45px 10px;
    border-bottom: 2px solid #fff;
}
body .x-navbar .desktop .x-nav > li > a span {
    box-shadow: none !important;
    padding-bottom: 0;
}

body .x-navbar .desktop .x-nav > li ul {
    top: 100%;
}

.x-navbar .desktop .x-nav li>a>span:after {
  	display: none;
}

body .x-navbar .desktop .x-nav > li.highlight > a:hover span {
    background: #017ea7;
    color: #fff;
}

.x-btn-navbar{
	text-decoration: none !important;
           margin-top: 10px !important;
}

ul.sub-menu .mobile{
	border: none !important;
}

ul.sub-menu {
  border: 1px solid #005672 !important;
}

.header-contact{display:none; max-width: 50%;}



.header-contact a {
	color: #7E8D8D;
}

.header-contact a:hover {
	color: #545F5F;
}



.header-contact .location,
.header-contact .phone,
.header-contact .email {
	border-bottom: 1px dotted #D5DADA;
	padding: 3px 6px;
	font-size: .85em;
	color: #7E8D8D;
}

.header-contact .phone {
	text-align: center;
    width: 121px;
	float: left;
	border-left: 1px dotted #D5DADA;
}

.header-contact .email {
	border-left: 1px dotted #D5DADA;
	border-right: 1px dotted #D5DADA;
	text-align: center;
	width: 160px;
	float: left;	
}

.header-contact .location {
	border-right: 1px dotted #D5DADA;
	text-align: center;
	width: 103px;
	float: left;
}

.x-topbar .x-social-global a{
	font-size:23px;
  	text-decoration: none !important;
}

.x-menu-item-search a.x-btn-navbar-search {
    position: absolute;
    right: 3px;
    padding:0px !important;
}

a.x-btn-navbar-search {
    margin-top: 0px;
     z-index: 999;
    position: absolute;
    top: 0px;
}

div.x-topbar {
    background: transparent;
}

li.menu-item.x-menu-item.x-menu-item-search {
    position: absolute;
    top: -5px;
    right: 0px;
    z-index: 99999;
}

li.menu-item.x-menu-item.x-menu-item-search a:hover {
    border: none !important;
}

.x-menu-item-search a.x-btn-navbar-search .x-icon-search{
   font-size: 14px;
}

.x-navbar .mobile .x-nav>li.x-menu-item-search>a {
    border: none !important;
}

li.highlight a:hover {
    border: none !important;
}

.x-navbar .desktop .x-nav > li > a {
    height: 100px !important;
    color: rgb(39,39,39) !important;
}

.x-navbar .desktop .x-nav > li > a:hover{
	   color: #017ea7 !important;
}

.x-navbar-inner {
    min-height: 100px !important;
}

 .x-topbar .x-social-global {
    margin-right: 27px !important;
    top: 16px !important;
    position: relative;
}

.x-btn-navbar, .x-btn-navbar:hover, .x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover {
    color: #005672;
	background-color: transparent !important;
	box-shadow: none !important;
	font-size: 35px;
}

.x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu li > a, .x-navbar .mobile .x-nav li a {
	color: #000000 !important;
	cursor: pointer;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .sub-menu li > a:hover, .x-navbar .mobile .x-nav li a:hover {
	cursor: pointer;
}

body .x-navbar .desktop .x-nav > li.highlight > a > span {
    border: 2px solid #017ea7;
    border-radius: 0;
    background: none;
    color: #017ea7;
    padding: 12px;
    font-size: 14px;
    margin-top: 0;
}

body .masthead-inline .x-navbar .desktop .sub-menu li a:hover {
	color: #017ea7 !important;
}

.x-header-landmark {
	/*background: #008F98;*/
	background:url(https://nwmaritime.org/wp-content/uploads/2018/12/landmark-bg-new.jpg) repeat-x center;
}

.x-landmark-breadcrumbs-wrap {
    margin: auto !important;
}

.h-landmark span, .entry-title.h-landmark span {
	color: #ffffff;
	letter-spacing: 0px;
    text-transform: uppercase !important; 
}

.h-landmark, .entry-title.h-landmark{
	font-size: 215% !important;
}

/* HOME PAGE SLIDER */
span.slider_title {
    text-transform: uppercase;
    font-style: initial;
}

.slider-btn{
	font-family: futura-pt, sans-serif !important;
}

.x-slider-container.below {
}

/* SLIDER -- NOT SURE IF CURRENTLY USED */

.x-slider-container h3 {
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
	margin: auto;
}

/* FOOTER */


footer.x-colophon.top {
	color: #FFFFFF !important;
	background-color: #196680 !important;
}

.x-colophon.top h2,
.x-colophon.top h3,
.x-colophon.top h4,
.x-colophon.top h5,
.x-colophon.top h6,
.x-colophon.top a {
	color: #ffffff !important;
}

.x-colophon.bottom a,
.x-colophon.bottom p {
	letter-spacing: 0 !important;
	color: #fff !important;
}

footer.x-colophon.bottom {
    padding: 10px 0px;
}

.x-colophon.bottom {
    background-color: #005672 !important;
}

.footer_copyright {
    font-size: 14px;
}

.widget_3 .x-social-global a {
    margin: 0 1.25%;
    width: 54px;
    height: 54px;
    font-size: 21px;
    line-height: 54px;
    text-decoration: none;
}
div#text-2 {
    margin-top: 1.2em;
}

/*media queries*/

/********* 979 *********/
@media screen and (max-width: 979px){
	
.x-topbar .x-social-global {
    margin-right: 90px !important;
    top: 22px !important;
    position: relative;
}
	
} /*end 979*/

/********* 990 *********/
@media screen and (max-width: 990px){
	
.header-contact {
    max-width: 75% !important;
}
	
.givelikeagirl-logo{
	max-width: 200px !important;	
	}
	
} /*end 990*/

/********* 767 *********/

@media screen and (max-width: 767px){

.header-contact {
	max-width: 100% !important;
	margin: auto !important;
}
	
	.x-social-global{
		display: none !important;
	}

} /*end 767*/

/********* 600 *********/

@media screen and (max-width: 600px){
	
.x-slider-container	.H3-Centered {
	font-size: 18px !important;
}

} /*end 600*/

/********* 480 *********/

@media screen and (max-width: 480px){
	
.x-slider-container	.H3-Centered {
	font-size: 14px !important;
}

.x-container.width {
    width: 87% !important;
}

} /*end 480*/

/********* 400 *********/

@media screen and (max-width: 400px){

} /*end 400*/


/*Gravity Forms*/
body .gform_wrapper .gform_body .gform_fields .gfield .gsection_description {
  font-size: 18px;
  font-weight: bold; 
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
  font-size: 18px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
  font-size: 20px !important;
	margin-top: .5em !important;
  font-weight: 600 !important
}

body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{
	margin: 5px 0 15px !important;
}

.gform_wrapper .gfield_checkbox li label {
	font-size: 1em !important;
}

body.page-id-17141 h2{
	font-weight: 900 !important;
	text-transform: uppercase;
	color: #0099da;
}

body.page-id-17141 h1{
	font-weight: 900 !important;
	text-transform: uppercase;
	color: #0099da;
}

/* Safety Support &amp; Paparazzi Vol App pages*/
body.page-id-19700 .gform_wrapper h2.gsection_title, body.page-id-19698 .gform_wrapper h2.gsection_title {
	letter-spacing: 0em !important;
    color: white !important;
    background-color: #005672 !important;
    padding: 10px 10px 10px 15px !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
	font-weight: 600 !important;
}

/*End safety support &amp; paparazzi vol app pages*/

body.page-id-17141 .gform_wrapper .top_label .gfield_label {
	color: #0099da;
}

.gform_wrapper .top_label li.gfield.gf_right_third+li.gsection{
	padding: 5px 0 8px !important;
}

@media screen and (min-width: 641px){
.page-id-761 #gform_submit_button_71{
	padding: 5px 15px !important;
	margin: 0 16px 0 10px !important;
	border-width: 2px !important;
}
	.page-id-761 #input_71_1{
		width: 110% !important;
	}
}

@media screen and (max-width: 640px){
.page-id-761 #gform_submit_button_71{
	padding: 5px 10px 6px 10px !important;
	border-width: 2px !important;
	}
.page-id-761 #input_71_1{
	margin-bottom: -20px !important;
}
}

/*css to make gravity forms ready classes work*/

@media only screen and (min-width: 641px) {
body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half, body .gform_wrapper .top_label li.gfield.gf_left_third, body .gform_wrapper .top_label li.gfield.gf_middle_third, body .gform_wrapper .top_label li.gfield.gf_right_third {
    float: left;
    margin-left: 0 !important;
    margin-right: 0 !important;
    clear: none !important;
}
.gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
        width: 31.3% !important;
}
}

/* NOT SURE WHAT THESE ARE */

.p-meta > span:first-child {
    display: none;
}

.a {
   text-decoration: underline !important;
}
	
.skin-light.full_content_box a{
	color: #87cbc7 !important;
}

.skin-light.full_content_box a:hover{
	color: #005672 !important;
}

.entry-footer {
    display: none;
}

/* BLOG CUSTOMIZATIONS */

.entry-date{
	font-weight: 700;
  text-transform: uppercase;
	font-family: futura-pt, sans-serif !important;
}

.entry-title{
	font-weight: 700;
  font-family: futura-pt, sans-serif !important; 
  font-size: 34px;
}

.entry-wrap{
	border-color: #72afb5 !important;
}

.h-sub{
	color: #181818;
}

.entry-icon{
  display: none !important;
}

.format-video .entry-title:before, .format-standard .entry-title:before, .format-image .entry-title:before, .format-link .entry-title:before, .format-quote .entry-title:before, .format-gellery .entry-title:before, .format-audio .entry-title:before {
content: "";
}

/* MODERN EVENTS CALENDAR */
	
.single-mec-events .x-header-landmark .h-landmark, .single-mec-events .entry-title.h-landmark{
    display:none;
}

.mec-wrap p {
   font-size: 18px;
}

.event-carousel-type2-head .mec-event-carousel-content-type2 {
    margin-top: 17px;
    min-height: 100px;
}

.mec-event-carousel-type2 .event-carousel-type2-head .mec-event-carousel-content-type2 p {
    font-size: 14px;
}

.mec-single-modal.mec-single-modern .mec-single-title {
    padding: 50px 10px 0;
}

.mec-events-masonry-cats a.mec-masonry-cat-selected {
    border: 2px solid #005672;
    color: #005672;
}

.mec-events-masonry-cats a:hover {
    border-color: #005672;
}
	
	
.mec-event-content p {
    font-weight: 400;
}

.mec-wrap .mec-totalcal-box i {
    border: none;
    padding: 0px 0;

}

.mec-wrap .mec-totalcal-box {
    border: none;
    background: #f0f0f0;
    box-shadow: none;
}

.mec-event-list-classic .mec-event-title {
    font-size: 17px !important;
    font-weight: 600 !important;
}

.mec-month-divider span:before {
    border-bottom: 4px solid #72afb5;
}

.mec-wrap .mec-totalcal-box i {
    border: none;
    padding: 10px 0;
	background: #f0f0f0;
}

.mec-load-more-button {
    color: #017ea7;
    border: 2px solid #017ea7;
    border-radius: 0px;
}

.mec-load-more-button:hover {
    background: #017ea7;
    color: #fff;
    border-color: #017ea7;
}

/* BUTTONS */

/*yellow button over image*/
.yellow-btn-image{
  border-color: rgb(236, 183, 57) !important;
  background-color: transparent;
  color: #fff !important;  
  font-family: futura-pt, sans-serif !important;
  text-decoration: none; 
}

.yellow-btn-image:hover{
  border-color: rgb(236, 183, 57) !important;
  background-color: rgb(236, 183, 57) !important;
  color: #fff !important;
}

/*yellow button for white background*/
.yellow-btn-white{
  border-color: rgb(236, 183, 57) !important;
  background-color: transparent;
  color: rgb(236, 183, 57) !important;  
  font-family: futura-pt, sans-serif !important;
  text-decoration: none; 
}

.yellow-btn-white:hover{
  border-color: rgb(236, 183, 57) !important;
  background-color: rgb(236, 183, 57) !important;
  color: #fff !important;
}

/*white button*/
.white-btn{
  border-color: #fff !important;
  color: #fff !important;
  font-family: futura-pt, sans-serif !important;
  text-decoration: none !important;
}

.white-btn:hover{
  border-color: #fff !important;
  color: #000 !important;
  background-color: #fff !important;
}

/*red button*/
.red-btn{
  border-color: red !important;
  background-color: red !important; 
  color: #fff !important;
  font-family: futura-pt, sans-serif !important;
  text-decoration: none !important;
}

.red-btn:hover{
  border-color: #ac0007 !important;
  color: #fff !important;
  background-color: #ac0007 !important;
}

/*black button*/
.black-btn{
  border-color: #000 !important;
  color:#000 !important;
  font-family: futura-pt, sans-serif !important;
  text-decoration: none !important;
}

.black-btn:hover{
  border-color: #000 !important;
  color: #fff !important;
  background-color: #000 !important;
}

/*teal button for white background*/
.teal-btn{
  border-color: #017ea7;
  background-color: transparent;
  color: #017ea7 !important;  
  /*border-width: 2px !important;*/
  font-family: futura-pt, sans-serif !important;
  text-decoration: none; 
}

.teal-btn:hover{
  border-color: #017ea7 !important;
  background-color: #017ea7 !important;
  color: #fff !important;
  /*border-width: 2px !important;*/
}

/*light teal button for white background*/
.light-teal-btn{
  border-color: #72afb5 !important;
  background-color: transparent;
  color: #72afb5 !important;  
  /*border-width: 2px !important;*/
  font-family: futura-pt, sans-serif !important;
  text-decoration: none; 
}

.light-teal-btn:hover{
  border-color: #72afb5 !important;
  background-color: #72afb5 !important;
  color: #fff !important;
  /*border-width: 2px !important;*/
}

/*highlight teal button for blue background*/
.highlight-teal-btn{
  border-color: #87cbc7 !important;
  background-color: transparent;
  color: #fff !important;  
  /*border-width: 2px !important;*/
  font-family: futura-pt, sans-serif !important;
  text-decoration: none; 
}

.highlight-teal-btn:hover{
  border-color: #87cbc7 !important;
  background-color: #87cbc7 !important;
  color: #fff !important;
  /*border-width: 2px !important;*/
}

/*dark teal button for annual report*/
.dark-teal-btn{
  border-color: rgb(4, 71, 93) !important;
  background-color: transparent;
  color: rgb(4, 71, 93) !important;  
  font-family: futura-pt-condensed, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 30px !important;
  text-decoration: none; 
  padding: 0.4em .8em 0.42em !important;
}

.dark-teal-btn:hover{
  border-color: rgb(4, 71, 93) !important;
  background-color: rgb(4, 71, 93) !important;
  color: #fff !important;
  /*border-width: 2px !important;*/
}

.wa-btn{
  border-color: #f9eb00 !important;
  background-color: #f9eb00 !important;
  color: #3f4135 !important;  
  font-family: futura-pt-condensed, sans-serif !important;
	font-size: 30px !important;
  text-decoration: none; 
	text-transform: uppercase !important;
	font-weight: 700 !important;
}

.wa-btn:hover{
  border-color: #3f4135 !important;
  background-color: #3f4135 !important;
  color: #f9eb00 !important;  
  font-family: futura-pt-condensed, sans-serif !important;
  text-decoration: none; 
}


/*R2AK Button, blue*/
.r2ak-btn{
  border-color: #3b5683 !important;
  color: #3b5683 !important;
  text-decoration: none !important;
  font-family: futura-pt, sans-serif !important;
}

.r2ak-btn:hover{
  border-color: #3b5683 !important;
  color: #fff !important;
  background-color: #3b5683 !important;
}
	
	/*ADVANCED CLASSIFIEDS &amp; DIRECTORY PRO*/

.acadp h3{
	font-size: 16px;
}

.acadp h1{
	font-size: 300%;
}

.acadp .panel-default > .panel-heading {
    font-family: futura-pt, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

/* RESPONSIVE VIDEO EMBED*/
.responsive-video{
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}

.responsive-video iframe{
	position: absolute;
	width: 100%;
	height: 100%;
}

/*ENVIRA GALLEY*/
.envirabox-caption{
	font-size: 20px !important;
}