/*
 Theme Name:   Ampersand Child
 Template:     ampersand
 Version:      1.0.6
*/

@font-face {
  font-family: Blacksword;
  src: url(/wp-content/themes/ampersand-child/fonts/Blacksword.woff);
}

@font-face {
  font-family: Gotham Black;
  src: url(/wp-content/themes/ampersand-child/fonts/GothamBlackRegular.woff);
}

/* ------------------------
 * GENERAL STYLES
 * ----------------------*/

/* Typography */
ul, ol {margin-bottom: 15px !important;}
ul li, ol li {line-height: 1.5em;}
strong {font-weight: bold !important;}

/* Formatting */
#main-content {padding-top: 66px;}
#main-content > .container {min-height: 700px;}
#main-content .title-container {display: none;}

/* Inputs + Buttons */
input[type="submit"] {transition: 0.2s ease-in all;}

#main-content .vc_btn3-container .vc_general.vc_btn3, .fishermen-list .fisherman .fisherman-btn a {background-color: #142f54; border: none; border-radius: 2em; color: #fff; text-transform: uppercase;}
#main-content .vc_btn3-container .vc_general.vc_btn3:hover, .fishermen-list .fisherman .fisherman-btn a:hover {background-color: #1b99d6;}

/* Accordion */
body.wpb-js-composer .vc_tta-color-peacoc.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: #1b99d6;}

/* Popup modal */
.kraut-lb-media.kraut-lb-media-html {top: 0 !important;}

/* Video popup modal */
.vp-img {max-width: 100%;}

/* Class: dark-bg */
.dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg div, .dark-bg p {color: #fff; line-height: 1.26em;}

/* Class: blacksword */
.blacksword {font-family: "Blacksword";}

/* Class: big-text */
.big-text p {font-size: 22px;}

/* Class: info-box */
.info-box .vc_column-inner {margin: 20px 15px; padding: 20px !important;}





/* ------------------------
 * NAV STYLES
 * ----------------------*/

/* Logo */
header.header {border-top: 20px solid #1b99d6;}
.logged-in header #logo {top: 22px;}
header #logo {opacity: 1; padding: 15px; position: fixed; top: -10px; transition: .2s ease-in all; width: auto;}
header #logo img {height: auto; max-width: 140px;}
header #logo .tagline-show {color: #fff;}

/* Sticky logo */
header.sticky-nav #sticky-logo {display: inherit !important; opacity: 0;}
.page-scrolled header.sticky-nav #logo {display: inherit !important; opacity: 0;}
.page-scrolled header.sticky-nav #sticky-logo {opacity: 1;}
.logged-in header #sticky-logo {top: 50px;}
header #sticky-logo {padding: 15px 15px 15px 20px; position: fixed; top: 8px; transition: .2s ease-in all;}
header #sticky-logo img {width: 250px;}
.page-scrolled header button + .menu-main-menu-container #menu-main-menu {display: none;}
.page-scrolled header nav button.menu-toggle, .page-scrolled header #mobile-navigation button.menu-toggle {color: #fff; display: inline-block;}

/* Inside page logo */
body:not(.home) header #logo {display: none;}
body:not(.home) header #sticky-logo {display: block; opacity: 1;}
body:not(.home) #main-content .container {padding-top: 60px;}

/* Menu */
header #site-navigation {padding: 20px 0; width: 100%;}
header #site-navigation ul {margin-bottom: 5px !important;}
header #site-navigation ul li a {color: #fff; font-size: 14px;} 





/* ------------------------
 * FOOTER STYLES
 * ----------------------*/

/* Typography */
.footer h4 {font-size: 20px;}
.footer p {font-size: 12px;}

/* Logo */
.footer img[src*="Marine"] {height: auto; width: 90px;}

/* Left half */
.footer .vc_col-sm-6:first-of-type .vc_column-inner > div {display: inline-block; vertical-align: top; width: calc(100% - 100px);}
.footer .vc_col-sm-6:first-of-type .vc_column-inner > div:first-of-type {width: 100px;}

/* Social */
.footer .fab {box-sizing: border-box; height: 28px; padding-top: 6px; width: 28px;}





/* ------------------------
 * HOME STYLES
 * ----------------------*/

/* Hero slider */
#hero-slider {}

/* Hero sentence */
.hero-wrapper {box-sizing: border-box; margin: 0 auto; position: relative; width: 100%;}
.hero-wrapper .hero-sentence {color: #1b99d6; font-size: 82px; letter-spacing: 1px; margin: 0; text-align: left;}
.hero-wrapper .hero-sentence span {white-space: nowrap;}
.hero-wrapper .hero-sentence .blacksword {font-weight: normal;}
.hero-wrapper .hero-sentence .hero-words, .hero-wrapper .hero-sentence .hero-words em {color: #ffdd00; display: inline; font-size: 62px; text-indent: 25px; text-transform: uppercase;}
.hero-wrapper .hero-sentence .hero-words em {color: #1b99d6; font-weight: bold;}
.hero-wrapper .hero-sentence .hero-words span {animation: rotateWords 9s linear infinite 0s; opacity: 0; position: absolute; width: 100%;}
.hero-wrapper .hero-sentence .hero-words span:nth-child(2) {animation-delay: 3s;}
.hero-wrapper .hero-sentence .hero-words span:nth-child(3) {animation-delay: 6s;}
@keyframes rotateWords {
	0% {opacity: 0;}
	2% {opacity: 0; transform: translateY(-30px);}
	5%, 29% {opacity: 1; transform: translateY(0px);}
	32% {opacity: 0; transform: translateY(30px);}
	92% {opacity: 0;}
	100% {opacity: 0;}
}

/* Content blocks */
.content-blocks .wpb_column .vc_column-inner {background-position: center; background-size: cover; min-height: 200px; padding-top: 0; text-align: center;}
.content-blocks .wpb_column.big-block .vc_column-inner {text-align: left;}
.content-blocks .wpb_column .vc_column-inner::before {background: rgba(85, 87, 89, 0.45); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}

.content-blocks .wpb_column.lightblue-block .vc_column-inner::before {background-color: #1b99d6;}
.content-blocks .wpb_column.darkblue-block .vc_column-inner::before {background-color: #142f54;}
.content-blocks .wpb_column.darkblue-overlay .vc_column-inner::before {background: rgba(1, 71, 132, 0.45);}
.content-blocks .wpb_column.gold-block .vc_column-inner::before {background-color: #ffde00;}
.content-blocks .wpb_column.gold-overlay .vc_column-inner::before {background: rgba(194, 137, 0, 0.45);}
.content-blocks .wpb_column.indigo-overlay .vc_column-inner::before {background: rgba(30, 16, 126, 0.45);}

.content-blocks .wpb_column .vc_column-inner h2, .content-blocks .wpb_column .vc_column-inner h3, .content-blocks .wpb_column .vc_column-inner p, .content-blocks .wpb_column .vc_column-inner span {color: #fff;}
.content-blocks .wpb_column.vc_col-sm-6 .vc_column-inner .vc_col-sm-6 h2, .content-blocks .wpb_column.vc_col-sm-3 .vc_column-inner .vc_col-sm-12 h2, .content-blocks .wpb_column.vc_col-sm-12 .vc_column-inner .vc_col-sm-3 h2 {font-size: 22px; line-height: 1.3em;}
#main-content .content-blocks .vc_btn3-container {margin-bottom: 0;}
#main-content .content-blocks .vc_btn3-container .vc_general.vc_btn3 {background-color: #fff; color: #142f54; padding: 8px 15px;}

.content-blocks > .wpb_column.big-block .vc_column-inner {padding: 0;}
.content-blocks > .wpb_column.big-block .vc_column-inner .wpb_text_column {background: rgba(14, 53, 87, 0.8); bottom: 0; padding: 20px 20px 30px 20px; position: absolute;}
.content-blocks > .wpb_column.big-block .vc_column-inner .wpb_text_column p {font-size: 14px;}
.content-blocks > .wpb_column .vc_column-inner .wpb_text_column span.video-btn {display: inline-block; margin-top: 5px;}
.content-blocks > .wpb_column .vc_column-inner .wpb_text_column span.video-btn a {background-color: #fff; border-radius: 50px; color: #142f54; font-size: 14px; padding: 8px 15px; text-decoration: none; text-transform: uppercase; transition: 0.2s ease-in all;}

.content-blocks > .wpb_column.big-block:hover .vc_column-inner .wpb_text_column span.video-btn a {background-color: #1b99d6 !important; color: #fff !important;}
.content-blocks .wpb_column.darkblue-overlay:hover .vc_column-inner .wpb_text_column span.video-btn a, .content-blocks .wpb_column.darkblue-overlay:hover .vc_btn3-container .vc_general.vc_btn3 {background-color: #142f54 !important; color: #fff !important;}
.content-blocks .wpb_column.gold-overlay:hover .vc_column-inner .wpb_text_column span.video-btn a, .content-blocks .wpb_column.gold-overlay:hover .vc_btn3-container .vc_general.vc_btn3 {background-color: #ffde00 !important; color: #fff !important;}
.content-blocks .wpb_column.indigo-overlay:hover .vc_column-inner .wpb_text_column span.video-btn a, .content-blocks .wpb_column.indigo-overlay:hover .vc_btn3-container .vc_general.vc_btn3 {background-color: #1e107e !important; color: #fff !important;}

.content-blocks .wpb_column.vc_col-sm-6 .vc_column-inner .vc_col-sm-6.title-block h2, .content-blocks .wpb_column.vc_col-sm-3 .vc_column-inner .vc_col-sm-12.title-block h2 {font-size: 38px; line-height: 1.1em;}

/* Video popups */
.video-wrapper {height: 0; padding-bottom: 56.25%; /* 16:9; */ padding-top: 25px; position: relative;}
.video-wrapper iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}





/* ------------------------
 * INSIDE PAGE STYLES
 * ----------------------*/

/* Page title */
.inside-page .container .vc_row:first-of-type {padding-bottom: 0 !important; padding-top: 0 !important;}
.inside-page h2:first-of-type {margin-bottom: 0; padding-bottom: 10px;}

/* Sidebar */
#inside-page-sidebar {margin-bottom: 40px;}
#inside-page-sidebar h3 {font-size: 22px; line-height: 1.3em; margin-top: 30px;}
#inside-page-sidebar h3:first-of-type {margin-top: 0;}





/* ------------------------
 * FISHERMEN STYLES
 * ----------------------*/

/* Fishermen list */
.fishermen-list {padding-top: 50px;}
.fishermen-list .fishermen-heading {margin-bottom: 35px !important; text-align: center; text-transform: uppercase;}
.fishermen-list .fisherman {display: inline-block; margin-bottom: 40px; margin-right: 2%; vertical-align: top; width: 48%;}
.fishermen-list .fisherman:nth-child(2n+1) {margin-right: 0;}
.fishermen-list .fisherman img {height: auto; margin-bottom: 20px; width: 100%;}
.fishermen-list .fisherman .fisherman-btn {text-align: center;}
.fishermen-list .fisherman .fisherman-btn a {display: inline-block; font-size: 18px; min-width: 200px; padding: 8px 15px; text-decoration: none;}

/* Fishermen single */
body:not(.home) #main-content .container.fisherman-single {padding-top: 0;}
.fisherman-single h2 {font-family: Blacksword; font-size: 54px; margin: 65px 0 25px 0 !important;}
.fisherman-single img {height: auto; margin-bottom: 20px; width: 100%;}
.fisherman-single .fisherman-map {margin: 10px 0; max-width: 600px;}
.fisherman-single div {line-height: 1.5em; margin-bottom: 30px;}
.fisherman-single div strong {color: #142f54; display: block; font-size: 18px; margin-bottom: 8px;}
.fisherman-single #fisherman-sidebar {margin-top: 142px;}
.fisherman-single #fisherman-sidebar .fisherman-block {background-position: center; background-size: cover; box-sizing: border-box; height: 270px; margin-bottom: 0; padding-top: 100px; position: relative; text-align: center; width: 270px;}
.fisherman-single #fisherman-sidebar .fisherman-block::before {content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.fisherman-single #fisherman-sidebar .fisherman-block:nth-child(4n-7)::before {background: rgba(1, 71, 132, 0.45);}
.fisherman-single #fisherman-sidebar .fisherman-block:nth-child(4n-7):hover a {background-color: #142f54; color: #fff;}
.fisherman-single #fisherman-sidebar .fisherman-block:nth-child(4n-6)::before {background: rgba(85, 87, 89, 0.45);}
.fisherman-single #fisherman-sidebar .fisherman-block:nth-child(4n-6):hover a {background-color: #555759; color: #fff;}
.fisherman-single #fisherman-sidebar .fisherman-block:nth-child(4n-5)::before {background: rgba(30, 16, 126, 0.45);}
.fisherman-single #fisherman-sidebar .fisherman-block:nth-child(4n-5):hover a {background-color: #1e107e; color: #fff;}
.fisherman-single #fisherman-sidebar .fisherman-block:nth-child(4n-4)::before {background: rgba(194, 137, 0, 0.45);}
.fisherman-single #fisherman-sidebar .fisherman-block:nth-child(4n-4):hover a {background-color: #ffde00; color: #fff;}
.fisherman-single #fisherman-sidebar .fisherman-block h4 {color: #fff; position: relative; text-transform: uppercase;}
.fisherman-single #fisherman-sidebar .fisherman-block a {background-color: #fff; border-radius: 2em; color: #142f54; display: inline-block; padding: 8px 15px; position: relative; text-decoration: none; text-transform: uppercase;}





/* ------------------------
 * VIDEO GRID STYLES
 * ----------------------*/
#video-grid .vc_column-inner {margin-bottom: 40px;}
#video-grid .vc_column-inner img {margin-bottom: 10px;}
#video-grid .vc_column-inner h3 {font-size: 24px;}
#video-grid .vc_column-inner .video-btn {display: block; text-align: center;}
#video-grid .vc_column-inner .video-btn a {background-color: #142f54; border: none; border-radius: 2em; color: #fff; display: inline-block; font-size: 14px; padding: 14px 20px; text-decoration: none; text-transform: uppercase; transition: 0.2s ease-in all;}
#video-grid .vc_column-inner .video-btn a:hover {background-color: #1b99d6;}





/* ------------------------
 * INTERACTIVE MAP STYLES
 * ----------------------*/
 #north_carolina-html5-map-map-container_0 svg {filter: drop-shadow(5px 11px 9px rgba(0,0,0,.4))}
 
 #north_carolina-html5-map-map-container_0 svg text {display: none;}
 #north_carolina-html5-map-map-container_0 svg text.display-label {display: block;}





/* ------------------------
 * LANDING PAGE STYLES
 * ----------------------*/

/* Formatting */
.landing-page {background-color: #142f54; background-image: url('/wp-content/uploads/2021/09/ocean-shore-bg-scaled.jpg'); background-size: cover;}
.landing-page header.header {background-color: transparent; border-top: none; padding: 10px 0;}
.landing-page #main-content {background-color: transparent; padding-bottom: 40px; padding-top: 0; position: relative;}
body.landing-page:not(.home) #main-content .container {background-color: #142f54; padding: 20px;}

/* Header */
.landing-page header.header #lp-logo {filter: brightness(0) invert(1);}
.landing-page header.header #lp-logo a {text-decoration: none;}
.landing-page header.header #lp-logo a, .landing-page header.header #lp-logo span {display: inline-block; opacity: 0.6; vertical-align: middle;}
.landing-page header.header #lp-logo span {font-family: Montserrat; text-align: right; width: calc(100% - 310px);}
.landing-page header.header #lp-logo a img {width: 300px;}

/* Heading */
.landing-page #main-content .lp-heading-group {margin-bottom: 20px; text-align: center;}
.landing-page #main-content .lp-heading-group h2 {color: #1b99d6; display: inline-block; font-size: 45px; text-transform: uppercase;}
.landing-page #main-content .lp-heading-group h2.blacksword {color: #ffdd00; font-family: Blacksword; font-size: 70px; margin-right: 25px; text-transform: initial;}

/* Content */
.landing-page #main-content #lp-content .wpb_wrapper {max-width: 725px;}
.landing-page #main-content .cooler-img {margin-bottom: 25px;}
.landing-page #main-content .cooler-img img {border: 4px solid #1b99d6; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);}
.landing-page #main-content p {color: #fff;}
.landing-page #main-content ol {margin-left: 50px;}
.landing-page #main-content ol li {color: #fff; margin-bottom: 15px;}
.landing-page #main-content ol li::marker {color: #1b99d6; font-size: 18px; font-weight: bold;}
.landing-page #main-content #lp-social {margin-bottom: -30px; margin-top: 30px;}
.landing-page #main-content #lp-social .fab {background-color: #000; border-radius: 50px; box-sizing: border-box; color: #fff; font-size: 24px; height: 40px; margin-right: 20px; padding: 8px 0; text-align: center; text-decoration: none; transition: 0.1s ease-in all; width: 40px;}
.landing-page #main-content #lp-social .fab.fa-facebook-f {background-color: #1877f2;}
.landing-page #main-content #lp-social .fab.fa-instagram {background-color: #dd2a7b;}
.landing-page #main-content #lp-social .fab.fa-youtube {background-color: #e62117;}
.landing-page #main-content #tappy-callout {border: 1px solid #1b99d6; margin: 20px 0 0 0; padding: 10px 0;}
.landing-page #main-content #tappy-callout strong {color: #1b99d6; text-transform: uppercase;}
.landing-page #main-content #tappy-callout img {filter: brightness(1.5);}

/* Form */
.landing-page #main-content #lp-form {background-color: #1b99d6; margin-right: 15px; padding: 40px 5px; width: calc(33.33333333% - 15px);}
.landing-page #main-content #lp-form input {border: none; margin-bottom: 15px; width: 100%;}
.landing-page #main-content #lp-form input[type="submit"] {background-color: #142f54; border-radius: 50px; color: #ffdd00; display: block; font-size: 20px; font-weight: bold; margin: 0 auto; min-width: 200px; transition: 0.2s ease-in all; width: auto;}
.landing-page #main-content #lp-form input[type="submit"]:hover {background-color: #2a5084; cursor: pointer;}

/* Bottom */
.landing-page #main-content h3 {color: #ffdd00; text-transform: uppercase;}





/* ------------------------
 * RESPONSIVE STYLES
 * ----------------------*/
@media only screen and (max-width: 1150px) {
	/* Nav - sticky logo */
	header #sticky-logo {top: 14px;}
	header #sticky-logo img {width: 300px;}
	.logged-in header #sticky-logo {top: 45px;}
	
	/* Home - content blocks */
	.content-blocks .wpb_column.vc_col-sm-6 .vc_column-inner .vc_col-sm-6.title-block h2, .content-blocks .wpb_column.vc_col-sm-3 .vc_column-inner .vc_col-sm-12.title-block h2 {font-size: 22px;}
	
	/* Fishermen - list */
	.fishermen-list .fisherman {margin: 0 1% 40px 1%;}
	
	/* Fishermen - single */
	.fisherman-single .vc_col-sm-9 {width: calc(100% - 300px);}
	
	/* Landing page */
	.landing-page header.header {padding: 10px;}
}

@media only screen and (max-width: 1060px) {
	/* Nav */
	header button + .menu-main-menu-container #menu-main-menu {display: none;}
	header nav button.menu-toggle, header #mobile-navigation button.menu-toggle {color: #fff; display: inline-block;}
}

@media only screen and (max-width: 830px) {
	/* Home - hero slider */
	.vc_row-o-full-height {display: block !important; min-height: initial !important;}
	
	/* Fishermen - single */
	.fisherman-single .vc_col-sm-9 {margin-bottom: 0; width: 100%;}
	.fisherman-single #fisherman-sidebar {margin-top: 0; width: 100%;}
	.fisherman-single #fisherman-sidebar .fisherman-block {display: inline-block; height: 250px; margin-bottom: 5px; vertical-align: top; width: 33%;}
}

@media only screen and (max-width: 767px) {
	/* Nav - sticky logo */
	.logged-in header #sticky-logo {top: 58px;}
	
	/* Home - content blocks */
	.content-blocks > .wpb_column.big-block {min-height: 400px;}
	.content-blocks .wpb_column .vc_column-inner {background-position: top center;}
	.content-blocks .wpb_column.vc_col-sm-3 .vc_column-inner {padding: 0;}
	.content-blocks .wpb_column.vc_col-sm-3 .vc_column-inner .vc_row {display: inline-block; margin: 0; vertical-align: top; width: 50%;}
	.content-blocks .wpb_column.vc_col-sm-6 .vc_column-inner .vc_col-sm-6 {width: 50%;}
	.content-blocks .wpb_column.vc_col-sm-12 .vc_column-inner .vc_col-sm-3 {width: 50%;}
	
	/* Fishermen - single */
	.fisherman-single #fisherman-sidebar .fisherman-block {width: 32.5%;}
	
	/* Landing page */
	.landing-page #main-content .lp-heading-group h2 {font-size: 45px; margin-bottom: 0;}
	.landing-page #main-content .lp-heading-group h2.blacksword {display: block; margin-bottom: 30px; margin-right: 0;}
	.landing-page #main-content #lp-social {margin-bottom: 30px;}
	.landing-page #main-content #tappy-callout {margin-bottom: 30px;}
	.landing-page #main-content #tappy-callout .vc_col-sm-1\/5 {width: 20%;}
	.landing-page #main-content #tappy-callout .vc_col-sm-4\/5 {width: 80%;}
	.landing-page #main-content #lp-form {margin: 0 15px; width: calc(100% - 30px);}
	.landing-page #main-content h3 {line-height: 1.3em;}
}

@media only screen and (max-width: 600px) {
	/* Nav - logo */
	body header #logo {display: none;}
	body header #sticky-logo, header.sticky-nav #sticky-logo {display: block !important;}
	header.sticky-nav #sticky-logo {opacity: 1;}
	
	/* Fishermen - single */
	.fisherman-single #fisherman-sidebar .fisherman-block {width: 49%;}
}

@media only screen and (max-width: 480px) {
	/* Class: big-text */
	.big-text p {font-size: 18px;}
	
	/* Fishermen - list */
	.fishermen-list .fisherman {display: block; margin: 0 auto 40px auto !important; width: 85%;}
	
	/* Fishermen - single */
	.fisherman-single #fisherman-sidebar .fisherman-block {box-sizing: border-box; height: 200px; padding-top: 80px;}
	
	/* Landing page */
	.landing-page header.header #lp-logo a {display: block; text-align: center;}
	.landing-page header.header #lp-logo span {text-align: center; width: 100%;}
	.landing-page #main-content .lp-heading-group h2 {font-size: 35px;}
	.landing-page #main-content .lp-heading-group h2.blacksword {font-size: 60px; margin-bottom: 15px;}
	.landing-page #main-content #tappy-callout .vc_col-sm-1\/5 {width: 40%;}
	.landing-page #main-content #tappy-callout .vc_col-sm-4\/5 {width: 60%;}
	.landing-page #main-content h3 {font-size: 24px;}
}

@media only screen and (max-width: 370px) {
	/* Nav - logo */
	header #sticky-logo img {width: 250px;}
	header #sticky-logo {top: 16px;}
	.logged-in header #sticky-logo {top: 62px;}
	
	/* Landing page */
	.landing-page #main-content .lp-heading-group h2 {font-size: 26px;}
	.landing-page #main-content .lp-heading-group h2.blacksword {font-size: 50px;}
	.landing-page #main-content #tappy-callout .vc_col-sm-1\/5 {width: 100%;}
	.landing-page #main-content #tappy-callout .vc_col-sm-1\/5 .vc_align_left {margin-bottom: 15px; text-align: center;}
	.landing-page #main-content #tappy-callout .vc_col-sm-4\/5 {width: 100%;}
}