/*
  Theme Name: Ocean Champions
  Description: Custom theme designed and developed by Sage Island.
  Author: Sage Island
  Author URI: http://www.sageisland.com
  Version: 1.0.0
*/

@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Lusitana:400,700);
@font-face {
  font-family:'Proxima Nova';
  src:url('fonts/proximanova-regular-webfont.eot');
  src:url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/proximanova-regular-webfont.woff') format('woff'),
      url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
      url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight:400;
  font-style:normal;
}
@font-face {
  font-family:'Proxima Nova';
  src:url('fonts/proximanova-bold-webfont.eot');
  src:url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/proximanova-bold-webfont.woff') format('woff'),
      url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
      url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight:700;
  font-style:normal;
}
/* EXAMPLE FONT USAGE
  --- LUSITANA ---
  NORMAL --- font:400 12px/1 'Lusitana',serif;
  BOLD ----- font:700 12px/1 'Lusitana',serif;

  --- PROXIMA NOVA ---
  NORMAL --- font:400 12px/1 'Proxima Nova';
  BOLD ----- font:700 12px/1 'Proxima Nova';
*/

#oc-header {
	position:relative;
	z-index:15;
}

.oc-headerTop {
	background:#65B89B;
	color:#FFFFFF;
	font:400 14px/32px 'Proxima Nova';
	padding:13px 0 3px;
	text-transform:uppercase;
}
.oc-headerTop a {
	color:#FFFFFF;
	font-weight:700;
}
.oc-headerTop a:hover {
	color:#FFFFFF;
}
.oc-headerTop p {
	margin:0;
}
.oc-headerTop .fs1 {
	cursor:pointer;
}
.oc-headerTop .fs1:before {
	font-size:32px;
}

.oc-headerMid {
	padding:19px 0 16px;
}
.brand-logo img {
	max-width:279px;
	width:100%;
}
.donateSearch {
	margin-top:28px;
}
.oc-headerMid .btn {
	border-color:#125876;
	color:#125876;
}
.oc-headerMid .btn:hover,
.oc-headerMid .btn:focus {
	background:#125876;
	color:#FFFFFF;
}
.oc-headerMid .fa-search {
	color:#125876;
	cursor:pointer;
	font-size:24px;
	margin-left:10px;
	position:relative;
	top:-5px;
}
.oc-headerMid .fa-search:hover,
.oc-headerMid .fa-search:focus {
  color:#65B89B;
}

.oc-headerSearch {
	background:#125876;
	border-bottom:1px solid #4185A2;
	display:none;
	padding:20px 0;
}
#oc-search {
	margin:0 auto;
	width:65%;
}
#oc-search #searchField,
#oc-search #searchField:focus {
	background:#FFFFFF;
	border:none;
	box-shadow:none;
	color:#65B89B;
	float:left;
	font:700 14px/1 'Proxima Nova';
	height:auto;
	margin:0;
	padding:19px 20px 14px;
	text-transform:uppercase;
	width:calc(80% - 40px);
}
#oc-search #searchSubmit {
	float:right;
	margin:0;
	text-align:center;
	width:20%;
}

.oc-headerBtm {
	background:#125876;
	border-top:1px solid #FFFFFF;
}

.oc-headerBtm .btn {
	border-color:#FFFFFF;
	color:#FFFFFF;
}
.oc-headerBtm .btn:hover,
.oc-headerBtm .btn:focus {
	background:#65B89B;
	border-color:#65B89B;
	color:#FFFFFF;
}
.oc-headerBtm .fa-search {
	color:#FFFFFF;
	cursor:pointer;
	font-size:24px;
	position:relative;
	top:5px;
}
.oc-headerBtm .fa-search:hover,
.oc-headerBtm .fa-search:focus {
  color:#65B89B;
}
nav {
  background:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  height:55px;
  line-height:55px;
	overflow:visible;
}
#oc-mainNav > li,
#oc-mainNav > li:hover,
#oc-mainNav > li:focus {
	background:none;
	cursor:pointer;
  display:inline-block;
	float:none;
	line-height:55px;
	position:relative;
}
#oc-mainNav > li > a {
	color:#FFFFFF;
	font:700 13px/1 'Proxima Nova';
	padding:0 8px;
	text-transform:uppercase;
}
#oc-mainNav > li:hover > a,
#oc-mainNav > li:focus > a {
	color:#65B89B;
}
#oc-mainNav .sub-menu {
	display:none;
	position:absolute;
	text-align:left;
	top:100%;
}
#oc-mainNav .sub-menu > li {
	width:100%;
}
#oc-mainNav .sub-menu > li a {
	background:#125876;
	border-bottom:1px solid #417991;
	color:#FFFFFF;
	display:block;
	font:700 14px/1 'Proxima Nova';
	padding:20px;
	text-transform:uppercase;
	white-space:nowrap;
}
#oc-mainNav .sub-menu > li:hover a {
	background:#F4F5F6;
	border-bottom:1px solid #C8D4DD;
	color:#65B89B;
}
#oc-mainNav > li:hover > .sub-menu {
	display:block;
}

#oc-mobileNav {
	display:none;
}
#oc-mobileNav li,
#oc-mobileNav li:hover,
#oc-mobileNav li:focus {
	background:none;
	cursor:pointer;
  display:block;
	float:none;
	line-height:1;
	position:relative;
	text-align:center;
}
#oc-mobileNav > li > a {
	border-bottom:1px solid #417991;
	color:#FFFFFF;
	display:block;
	font:700 18px/1 'Proxima Nova';
	padding:10px 0;
	text-transform:uppercase;
}
#oc-mobileNav > li.menu-item-has-children > a:after {
	content:' \f18e';
	font:400 18px 'FontAwesome';
}
#oc-mobileNav > li.menu-item-has-children.activeSub > a:after {
	content:' \f01a';
}
#oc-mobileNav li:hover > a,
#oc-mobileNav li:focus > a {
	color:#65B89B;
}
#oc-mobileNav .sub-menu {
	border-bottom:1px solid #417991;
	display:none;
}
#oc-mobileNav .activeSub > .sub-menu {
  display:block;
}
#oc-mobileNav .sub-menu > li {
	width:100%;
}
#oc-mobileNav .sub-menu > li a {
	color:#FFFFFF;
	display:block;
	font:700 14px/1 'Proxima Nova';
	padding:10px 0;
	text-transform:uppercase;
}
#oc-mobileNav .sub-menu > li:hover a {
	color:#65B89B;
}

#oc-rotator,
#oc-banner {
	background:#262826;
	border-bottom:5px solid #C7F2A9;
	position:relative;
}
#oc-banner {
	max-height:565px;
	overflow:hidden;
}
#oc-banner img {
	opacity:0.6;
}
.banner-caption {
	color:#FFFFFF;
	font:400 18px/22px 'Proxima Nova';
	left:20%;
	position:absolute;
	top:120px;
	width:40%;
}
.banner-caption h1 {
	color:#FFFFFF;
	font:400 48px/1 'Lusitana',serif;
	margin:0 0 25px;
}
.banner-caption h4 {
	color:#65B89B;
	font:700 14px/1 'Proxima Nova';
	margin:0 0 35px;
	text-transform:uppercase;
}
.banner-caption p {
	margin:0 0 30px;
}
.banner-caption .btn:hover {
	background:#65B89B;
	border-color:#65B89B;
	color:#FFFFFF;
}

#oc-content {
	color:#262E4B;
	font:400 15px/20px 'Proxima Nova';
}
#oc-content .row > .col {
	padding:0;
}
#oc-content.oc-contentHome .row > a > .col,
#oc-content.oc-contentHome .row > .col {
	height:420px;
	padding:40px;
	position:relative;
}
#oc-content .col .col {
	padding:40px;
	position:relative;
}
#oc-content .col .col .col {
	padding:0;
}
#oc-content .col.video {
	padding:0;
}
#oc-content .col.tile {
	height:420px;
	overflow:hidden;
}
#oc-content h1,
#oc-content h2 {
	color:#262E4B;
	font:400 20px/24px 'Lusitana',serif;
	margin:0 0 20px;
}
#oc-content h3,
#oc-content h4 {
	color:#65B89B;
	font:700 14px/1 'Proxima Nova';
	margin:0 0 15px;
	text-transform:uppercase;
}
#oc-content a {
	color:#262E4B;
	font-weight:700;
}
#oc-content li {
	margin:0 0 20px;
}
#oc-content li:before {
	content:'\f18e ';
	font:400 15px/20px 'FontAwesome';
	margin-right:5px;
}

#oc-content dt {
	color:#65B89B;
	font:700 14px/1 'Proxima Nova';
	margin:0;
	text-transform:uppercase;
}
#oc-content dd {
	margin:0 0 15px;
}
#oc-content a.fa {
	font-size:20px;
	font-weight:400;
}

#tile-vid {
	background:#262826;
}
#tile-vid:before {
	background:url('img/bg-video.jpg') no-repeat top/cover;
	bottom:0;
	content:'';
	left:0;
	opacity:0.6;
	position:absolute;
	right:0;
	top:0;
}
#tile-vid a.fa {
	color:#F4F5F6;
	display:block;
	font-size:64px;
	line-height:1;
	padding:178px 0;
	position:relative;
	text-align:center;
	width:100%;
	z-index:5;
}
#tile-content {
	color:#262E4B;
	font:400 15px/20px 'Proxima Nova';
}
#tile-polar {
	background:url('img/bg-polarBear.jpg') no-repeat top/cover;
}
#tile-news {
	background:#125876;
}
#tile-news h2 a {
	color:#FFFFFF;
}
#tile-news h2 a:hover {
	color:#65B89B;
}
#newsletter-links {
	bottom:40px;
	position:absolute;
	text-align:center;
	width:calc(100% - 80px);
}
#newsletter-links > a {
	color:#FFFFFF;
	display:block;
	float:left;
	font:700 14px/1 'Proxima Nova';
	text-transform:uppercase;
	width:50%;
}
#newsletter-links > a .fa:before {
	border:2px solid #FFFFFF;
	border-radius:24px;
	display:block;
	font-size:24px;
	margin-bottom:15px;
	padding:11px 0 9px;
	width:48px;
}
#newsletter-links > a:hover {
	color:#65B89B;
}
#newsletter-links > a:hover .fa:before {
	background:#65B89B;
	border:2px solid #65B89B;
	color:#FFFFFF;
}
#tile-action,
#tile-tweet {
	background:#125876;
	color:#FFFFFF;
	font:400 20px/24px 'Lusitana';
}
#tile-tweet .widgetTitle:before {
	content:'\f099 ';
	font:27px 'FontAwesome';
}
.really_simple_twitter_widget {
	color:#FFFFFF;
	font:400 18px/22px 'Proxima Nova';
}
#oc-content .really_simple_twitter_widget a {
	color:#65B89B;
}
.twitter-timestamp {
	display:block;
	font:400 12px 'Proxima Nova';
	padding:40px 0 20px;
	text-transform:uppercase;
}
#oc-content #tile-action .btn {
	border-color:#FFFFFF;
	bottom:25px;
	color:#FFFFFF;
	position:absolute;
}
#oc-content #tile-action .btn:hover {
	background:#65B89B;
	border-color:#65B89B;
}
#tile-surf {
	background:url('img/bg-surfers.jpg') no-repeat left top/cover;
}
#tile-blog {
	background:#65B89B;
}
#tile-sidebar .homePost h2,
#tile-blog h2 {
	margin:0;
}
#tile-sidebar .homePost h2 a,
#tile-blog h2 a {
	color:#FFFFFF;
}
#tile-sidebar .homePost h2 a:hover,
#tile-blog h2 a:hover {
	color:#125876;
}
#tile-sidebar .homePost h4,
#tile-blog h4 {
	color:#125876;
}
#tile-sidebar .homePost .meta,
#tile-blog .meta {
	color:#C7F2AA;
	font:400 15px/24px 'Proxima Nova';
}
#tile-sidebar .homePost .meta a,
#tile-sidebar .homePost .meta a:hover,
#tile-blog .meta a,
#tile-blog .meta a:hover {
	color:#125876;
	font:700 15px/24px 'Proxima Nova';
}
#tile-sidebar a.btn,
#tile-blog > a.btn {
	border-color:#FFFFFF;
	color:#FFFFFF;
	font:700 14px/1 'Proxima Nova';
}
#tile-sidebar a.btn:hover,
#tile-blog > a.btn:hover {
	background:#125876;
	border-color:#125876;
	color:#FFFFFF;
}
#oc-content.oc-contentHome .row > .col#tile-instagram {
	height:400px;
	padding:0;
}
#oc-content #tile-instagram li:before {
	display:none;
}
#tile-instagram img {
	width:100%;
}
#tile-sidebar {
	background:#65B89B;
	color:#C7F2AA;
	font:400 15px/24px 'Proxima Nova';
}
#tile-sidebar h4 {
	color:#125876;
}
#tile-sidebar a {
	color:#FFFFFF;
	font:400 20px/24px 'Lusitana';
}
#tile-sidebar a:hover {
	color:#125876;
}
#oc-content #tile-sidebar p {
	margin:0 0 20px;
}

#lean-overlay {
	background:#F4F5F6;
}
.modal {
	background:none;
	box-shadow:none;
	max-height:none;
	width:75%
}
.modal-content h4 {
	color:#65B89B;
	font:700 14px/1 'Proxima Nova';
	margin:0 0 15px;
	text-transform:uppercase;
}

#oc-content p {
	margin:0 0 30px;
}
#oc-content .btn {
	border-color:#65B89B;
	color:#65B89B;
}
#oc-content .btn:hover {
	background:#65B89B;
	border-color:#65B89B;
	color:#FFFFFF;
}

#Go2SeaLevel {
	border-top:5px solid #C7F2A9;
	font:700 14px/1 'Proxima Nova';
	padding:20px 0;
	text-align:center;
	text-transform:uppercase;
}
#Go2SeaLevel div {
	color:#65B89B;
	cursor:pointer;
	display:inline-block;
	font:700 14px/1 'Proxima Nova';
	text-align:center;
	text-transform:uppercase;
}
#Go2SeaLevel div .fa:before {
	border:2px solid #65B89B;
	border-radius:24px;
	display:block;
	font-size:40px;
	margin-bottom:15px;
	padding:1px 0 3px;
	width:48px;
}
#Go2SeaLevel div:hover {
	color:#125876;
}
#Go2SeaLevel div:hover .fa:before {
	background:#125876;
	border-color:#125876;
	color:#FFFFFF;
}

#oc-footer {
	background:#158589;
	color:rgba(255,255,255,0.4);
	font:700 15px/22px 'Proxima Nova';
}
#oc-footer .col {
	margin-top:40px;
}
#oc-footer a {
	color:rgba(255,255,255,0.5);
}
#oc-footer a:hover {
	color:#C7F2AA;
	opacity:1.4;
}
#oc-footer h5 {
	color:#FFFFFF;
	font:400 20px/1 'Lusitana',serif;
	margin:0 0 5px;
}
#oc-footer img {
	max-width:200px;
}
#oc-footer p {
	margin:0 0 30px;
}

.footerSocial {
	padding-bottom:35px;
	text-align:center;
}
.footerSocial:after {
	color:#FFFFFF;
	content:'Follow Us';
	font:700 14px/1 'Proxima Nova';
	text-transform:uppercase;
}
.footerSocial a.fa:before {
	border:2px solid #FFFFFF;
	border-radius:24px;
	color:#FFFFFF;
	display:block;
	margin:0 5px 15px;
	font-size:24px;
	padding:10px 0;
	width:48px;
}
.footerSocial a.fa:hover:before {
	background:#65B89B;
	border-color:#65B89B;
	color:#FFFFFF;
}
#oc-footer .footerSocial p {
	margin:0;
}
.footerButtons {
	padding-bottom:35px;
	text-align:right;
}
#oc-footer .footerButtons a.btn {
	border-color:#FFFFFF;
	color:#FFFFFF;
}
#oc-footer .footerButtons a.btn:hover {
	background:#65B89B;
	border-color:#65B89B;
	color:#FFFFFF;
}

.donateSearch a.fa:before {
	border:2px solid #125876;
	border-radius:24px;
	color:#125876;
	display:block;
	margin:0 5px 15px;
	font-size:24px;
	padding:10px 0;
	text-align:center;
	width:48px;
}
.donateSearch a.fa:hover:before {
	background:#65B89B;
	border-color:#65B89B;
	color:#FFFFFF;
}


#oc-copy {
	background:#65B89B;
	color:rgba(255,255,255,0.5);
	font:11px/1 Helvetica,sans-serif;
	padding:20px 0;
}
#oc-copy a {
	color:rgba(255,255,255,0.5);
	font-weight:700;
}
#oc-copy .col {
	padding:5px 0;
}
#sageisland {
	text-align:right;
}

#oc-content .panel-grid-cell .accordionWidgets .so-panel.widget {
	margin-bottom:0px;
}

#oc-content .accordionWidget h3.widget-title {
	display:block;
	background:#125876;
	color:#FFF;
	padding:10px;
	cursor:pointer;
}

#oc-content .accordionWidget h3.widget-title:before {
	content:'\f067';
	font-family:'FontAwesome';
	display:block;
	float:left;
	margin:0 8px 0 0;
	text-align:center;
}

#tile-instagram a {
	position:relative;
}
#tile-instagram a:after {
	border:2px solid #FFFFFF;
	border-radius:24px;
	bottom:10px;
	color:#FFFFFF;
	content:'\f16d';
	display:block;
	font-family:'FontAwesome';
	font-size:24px;
	padding:10px 0;
	position:absolute;
	right:10px;
	text-align:center;
	width:48px;
}
#tile-instagram a:hover:after {
	background:#65B89B;
	border-color:#65B89B;
	color:#FFFFFF;
}


#oc-content .accordionWidget.active h3.widget-title:before {
	content:'\f068'
}

#oc-content .accordionWidget .textwidget {
	display:none;
}

#oc-content .accordionWidget.active .textwidget {
	display:block;
}

body { background:#E9E9E9; -webkit-font-smoothing:antialiased; margin:0 auto; padding:0; position:relative; width:100%; }
.OceanChampions { background:#F4F5F6; margin:0 auto; max-width:1600px; overflow:hidden; width:100%; }
a { color:#7D7D7D; }
a:hover { color:#008CC3; }
blockquote { border-color:#C7F2A9; }
img { height:auto; max-width:100%; }
strong { font-weight:700; }
p.editLink { font-size:80%; margin:0; }
p.editLink > a { text-decoration:none !important; }
.aligncenter { display:block; margin:5px auto 5px; }
.alignright { float:right; margin:5px 0 5px 10px; }
.alignleft { float:left; margin:5px 10px 5px 0; }
.row { margin-bottom:0; }

.wp-caption { background:#334537; background-clip:padding-box; border-radius:50%; max-width:100%; overflow:hidden; padding:0; position:relative; text-align:center; }
.wp-caption.alignnone, .wp-caption.alignleft, .wp-caption.alignright { margin:0 0 20px; }
.wp-caption.aligncenter { margin:0 auto 20px; }
.wp-caption img { border:0 none; border-radius:50%; height:auto; margin:0; padding:0; width:100%; }
.wp-caption:hover img { opacity:0.4; }
.wp-caption p.wp-caption-text { display:none; margin:-23px 0 0 !important; position:absolute; top:50%; width:100%; }
.wp-caption:hover p.wp-caption-text { display:block; }

.btn { background:transparent; border:2px solid; border-radius:0; box-shadow:none; font:700 14px/1 'Proxima Nova'; height:50px; padding:15px 20px; text-transform:uppercase; }
.btn:after { content:' \f18e'; font:16px/14px 'FontAwesome'; }
.btn:hover { box-shadow:none; }

@media only screen and (max-width : 992px) {
	.button-collapse { margin-top:42px; }
	.burgertime { background:#125876; display:block; height:4px; margin:0 0 4px; width:30px; }
	#oc-search { width:100%; }
	#oc-search #searchField, #oc-search #searchField:focus { width:calc(75% - 40px); }
	#oc-search #searchSubmit { width:25%; }
	nav { height:auto; line-height:1; padding-bottom:20px; }
	.footerLogo, .footerButtons { text-align:center; }
	#oc-copy, #sageisland { text-align:center; }

	.banner-caption { top:75px; width:60%; }
}

@media only screen and (max-width : 600px) {
	#oc-search #searchField, #oc-search #searchField:focus { width:calc(60% - 40px); }
	#oc-search #searchSubmit { width:40%; }

  #oc-content .col.tile { height:auto; min-height:420px; }

	.banner-caption { font:400 14px/18px 'Proxima Nova'; left:10%; top:20px; width:80%; }
  .banner-caption h1 { font:400 24px/1 'Lusitana',serif; margin:0 0 10px; }
	.banner-caption p { display:none; }
}

/* FIXES */
path { cursor:pointer; }
.range-field { padding:0 8%; }
.testing { display:flex; }
.testing span { flex:1; text-align:center; }
.testing span:before { border-left:1px solid #262E4B; content:''; display:block; height:10px; margin:-40px auto 0; width:1px; }
.stateAbbr { text-transform:uppercase; }
#oc-content thead { background:#262E4B; color:#FFFFFF; }
#oc-content th { border-radius:0; }
.col > br:first-child { display:none; }

.champName { padding-bottom:0 !important; }
.champMetas, .champPhoto { padding-bottom:0 !important; padding-top:0 !important; }

#oc-content .collapsible { background:none; border:none; box-shadow:none; }
#oc-content .collapsible li:before { display:none; }
#oc-content .collapsible li { margin:0 0 10px; }
#oc-content .collapsible > br { display:none; }
#oc-content .collapsible > p { display:none; }
.collapsible-header { background:#262E4B; color:#FFFFFF; font:400 20px/45px 'Lusitana',serif; }
.collapsible-header:before { content:'\f196'; font-family:'FontAwesome';  margin-right:10px; }
.active .collapsible-header:before { content:'\f147'; }
.collapsible-body { border:none; padding:2rem 2rem 0; }
.collapsible-body p { padding:0; }