/*
Theme Name: PSBCA
Theme URI: https://pastatebaseballcoaches.org
Author: Ed Weaver
Author URI: https://circlewsports.com
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: pastatebaseballcoaches

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
    --navy: #06264f;
    --navy-dark: #031a36;
    --navy-deep: #00162f;
    --gold: #f5ad16;
    --gold-light: #ffd15a;
    --ink: #091a36;
    --muted: #687386;
    --line: #e2e5e9;
    --soft: #f5f6f7;
    --white: #fff;
}

* { 
    box-sizing: border-box;
}

html { 
    scroll-behavior: smooth;
}

body { 
    margin: 0;
    color: var(--ink);
    background: #fff;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.55;
}

a { 
    color: var(--navy);
    transition: all .2s ease;
}

a:hover { 
    color: var(--gold);
}

img { 
    max-width: 100%;
    height: auto;
}

.row { 
    max-width: 1240px;
}

.tab-bar {
	display: none;
	background: #fff;
}

#logo-wrap-small {
    float: left;
    position: relative;
    left: 50%;
}

#logo-small {
    float: left;
    position: relative;
    left: -50%;
}

#logo-small img {
	width: 120px;
}

.display-title,
.section-title,
.page-banner h1,
.hero h1,
.feature-tile h3,
.footer-heading,
.blog-title,
.post-title { 
    font-family: Impact,"Arial Narrow",Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .01em;
    text-transform: uppercase;
}

.eyebrow { 
    margin: 0 0 8px;
    color: var(--gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.button { 
    margin: 0;
    border-radius: 0;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.btn-gold { 
    background: var(--gold);
    color: var(--navy-deep);
}

.btn-gold:hover { 
    background: #fff;
    color: var(--navy-deep);
}

.btn-outline { 
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255,255,255,.72);
}

.btn-outline:hover { 
    background: #fff;
    color: var(--navy); 
}

.text-link { 
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

/* utility */
.utility-bar { 
    background: var(--navy-deep);
    color: #fff;
}

.utility-inner { 
    min-height: 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.utility-title { 
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.utility-links { 
    display: flex;
    align-items: center;
    gap: 16px;
}

.utility-links a { 
    color: #fff;
    font-size: 14px;
}

.utility-links .join-link { 
    min-height: 38px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    background: var(--gold);
    color: var(--navy-deep);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

/* header / Foundation top bar */
.site-header { 
    background: #fff;
    position: relative;
    z-index: 30;
}

.header-row { 
    min-height: 105px;
    display: flex;
    align-items: center;
}

.logo-wrap { 
    padding-top: 8px;
    padding-bottom: 8px;
}

.site-logo { 
    max-width: 245px;
    max-height: 92px;
    object-fit: contain;
}

.nav-wrap { 
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.psbca-top-bar { 
    width: 100%;
    background: transparent;
}

.psbca-top-bar .top-bar-section ul {
    background: transparent;
}

.psbca-top-bar .top-bar-section ul.left { 
    float: right !important;
}

.psbca-top-bar .top-bar-section li:not(.has-form) a:not(.button) { 
    background: transparent;
    color: var(--ink);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    padding-left: 18px;
    padding-right: 18px;
}

.psbca-top-bar .top-bar-section li:not(.has-form) a:not(.button):hover { 
    color: var(--gold);
    background: transparent;
}

.psbca-top-bar .top-bar-section .has-dropdown > a:after { 
    border-color: var(--ink) transparent transparent transparent;
    margin-top: -2px;
}

.psbca-top-bar .top-bar-section .dropdown { 
    min-width: 230px;
    background: var(--navy-deep);
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.psbca-top-bar .top-bar-section .dropdown li a:not(.button) { 
    background: var(--navy-deep);
    color: #fff;
    padding: 13px 16px;
    font-size: 11px;
    text-transform: none;
    letter-spacing: 0;
}

.psbca-top-bar .top-bar-section .dropdown li a:not(.button):hover { 
    background: var(--navy);
    color: var(--gold);
}

.psbca-top-bar .toggle-topbar.menu-icon a { 
    color: var(--navy);
}

.psbca-top-bar.expanded .title-area { 
    background: #fff;
}

.psbca-top-bar .title-area { 
    display: none;
}

.top-bar-section ul li {
    background: #fff;
}

/* hero */
.hero { 
    position: relative;
    min-height: 455px;
    background-image: linear-gradient(90deg,rgba(0,22,47,.98) 0%,rgba(0,22,47,.90) 38%,rgba(0,22,47,.20) 70%,rgba(0,22,47,.04) 100%), url('assets/img/layout/hero-baseball.png');
    background-size: cover;
    background-position: center 10%; /*right*/
    overflow: hidden;
}

.hero-row { 
    min-height: 455px;
    display: flex;
    align-items: center;
}

.hero-copy { 
    padding-top: 50px;
    padding-bottom: 50px;
}

.hero h1 { 
    margin: 0;
    max-width: 620px;
    color: #fff;
    font-size: 62px;
    line-height: .98;
}

.hero-tagline { 
    max-width: 520px;
    margin: 18px 0 24px;
    color: rgba(255,255,255,.85);
    font-size: 15px;
}

.hero-actions { 
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* quick programs */
.quick-programs { 
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.quick-grid { 
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.quick-item { 
    min-height: 150px;
    padding: 30px 24px;
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 18px;
    border-right: 1px solid var(--line);
    color: var(--ink);
}

.quick-item:last-child { 
    border-right: 0;
}

.quick-icon { 
    color: var(--gold);
    font-size: 36px;
    padding-top: 2px;
}

.quick-item h3 { 
    margin: 0 0 8px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.quick-item p { 
    margin: 0 0 10px;
    color: #34435a;
    font-size: 12px;
}

/* mission */
.mission { padding:64px 0; background:#fff; }
.mission-row { display:flex; align-items:center; }
.mission-photo { width:100%; height:350px; object-fit:cover; object-position:center; }
.mission-copy { padding-left:48px; }
.section-title { margin:0 0 14px; color:var(--navy); font-size:42px; line-height:1; }
.mission-copy p { font-size:13px; color:#263752; }
.stats-row { margin:24px 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.stat { padding:14px 10px; border-right:1px solid var(--line); text-align:center; }
.stat:last-child { border-right:0; }
.stat strong { display:block; color:var(--navy); font-family:Impact,"Arial Narrow",Arial,sans-serif; font-size:30px; font-weight:400; }
.stat span { font-size:9px; font-weight:800; text-transform:uppercase; }

/* featured news */
.featured-news { padding:26px 0 0; background:var(--navy-deep); color:#fff; }
.section-heading { margin-bottom:16px; display:flex; align-items:end; justify-content:space-between; }
.section-heading h2 { margin:0; color:#fff; font-size:28px; }
.section-heading .text-link { color:#fff; }
.news-grid { display:grid; grid-template-columns:1.35fr .75fr .75fr; grid-template-rows:1fr 1fr; gap:14px; padding-bottom:18px; }
.news-card { position:relative; min-height:170px; overflow:hidden; background:#0d315b; border:1px solid rgba(255,255,255,.25); color:#fff; }
.news-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.news-card:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,22,47,.96) 0%,rgba(0,22,47,.12) 75%); }
.news-card-content { position:absolute; left:18px; right:18px; bottom:15px; z-index:2; }
.news-card-content h3 { margin:5px 0 4px; color:#fff; font-size:16px; font-weight:700; line-height:1.15; }
.news-card-content small { color:var(--gold); font-size:9px; font-weight:800; }
.news-card.lead { grid-row:1/3; min-height:360px; }
.news-card.lead .news-card-content h3 { max-width:380px; font-size:28px; }
.badge-gold { display:inline-block; padding:3px 6px; background:var(--gold); color:var(--navy-deep); font-size:9px; font-weight:900; text-transform:uppercase; }
.news-generic { background:linear-gradient(135deg,#163f67,#081d38); }
.news-generic:before { content:""; position:absolute; inset:0; opacity:.34; background:radial-gradient(circle at 65% 25%,#9ca7b4 0 3%,transparent 4%),linear-gradient(135deg,transparent 0 45%,rgba(255,255,255,.1) 46% 47%,transparent 48%); }

/* three promos */
.program-panels { display:grid; grid-template-columns:repeat(3,1fr); }
.feature-tile { position:relative; min-height:185px; overflow:hidden; color:#fff; background:var(--navy); }
.feature-tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.feature-tile:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,22,47,.94),rgba(0,22,47,.28)); }
.feature-tile .tile-copy { position:absolute; left:26px; right:22px; bottom:23px; z-index:2; }
.feature-tile h3 { margin:4px 0 8px; color:#fff; font-size:27px; line-height:1; }
.feature-tile p { margin:0 0 12px; max-width:270px; color:rgba(255,255,255,.84); font-size:12px; }
.feature-tile .text-link { color:var(--gold); }
.feature-tile.all-state { background:linear-gradient(135deg,#6d5c0c,#142c45); }
.feature-tile.all-state:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 72% 40%,rgba(245,173,22,.35),transparent 35%); }
.feature-tile.convention img { object-position:center 36%; }

/* sponsors */
.sponsor-section { padding:18px 0 20px; background:#fff; }
.sponsor-title { margin:0 0 14px; text-align:center; color:var(--ink); font-size:14px; font-weight:900; text-transform:uppercase; }
.sponsor-carousel { display:flex; align-items:center; gap:15px; }
.sponsor-arrow { width:34px; flex:0 0 34px; border:0; background:transparent; color:var(--navy); font-size:24px; cursor:pointer; }
.sponsor-viewport { overflow:hidden; flex:1; }
.sponsor-track { display:flex; gap:14px; transition:transform .35s ease; }
.sponsor-card { flex:0 0 calc((100% - 70px)/6); min-width:0; border:1px solid var(--line); background:#fff; }
.sponsor-card img, .sponsor-carousel img { width:50%; aspect-ratio:1/1; object-fit:contain; display:block; }
.sponsor-dots { margin-top:12px; display:flex; justify-content:center; gap:6px; }
.sponsor-dot { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:#cfd4dc; cursor:pointer; }
.sponsor-dot.active { background:var(--gold); }

/* footer */
.site-footer { background:var(--navy-deep); color:#fff; }
.footer-main { padding:34px 0 26px; }
.footer-logo { max-width:160px; }
.footer-about { color:rgba(255,255,255,.64); font-size:11px; }
.footer-social { display:flex; gap:10px; margin-left: 50px; margin-top: 10px; }
.footer-social a { color:#fff; font-size:16px; }
.footer-heading { margin:0 0 10px; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:900; letter-spacing:.06em; }
.footer-links a { display:block; margin-bottom:5px; color:rgba(255,255,255,.65); font-size:12px; /*10px;*/ }
.footer-links a:hover { color:var(--gold); }
/*.footer-bottom { border-top:1px solid rgba(255,255,255,.12); }
.footer-bottom-inner { min-height:48px; display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.6); font-size:10px; }
.footer-bottom a { color:var(--gold); font-weight:800; }*/
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.footer-bottom-inner {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.footer-copyright {
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
}

.footer-policy {
    display: flex;
    align-items: center;
    gap: 14px;
    color: rgba(255, 255, 255, 0.35);
    font-size: 12px;
}

.footer-policy a {
    color: rgba(255, 255, 255, 0.65);
}

.footer-policy a:hover {
    color: #f2c94c;
}

.footer-circle-w {
    flex: 0 0 265px;
    text-align: right;
}

.footer-circle-w a {
    display: inline-block;
}

.footer-circle-w img {
    display: block;
    width: 265px;
    height: 60px;
    max-width: none;
}

/* inside / blog page banner */
.page-banner { min-height:175px; position:relative; display:flex; align-items:center; background-image:linear-gradient(90deg,rgba(0,22,47,.97),rgba(0,22,47,.78),rgba(0,22,47,.30)),url('assets/img/layout/hero-field.png'); background-size:cover; background-position:center 75%; /*56%*/ }
.page-banner h1 { margin:0 0 6px; color:#fff; font-size:42px; }
.breadcrumbs { margin:0; background:transparent; border:0; padding:0; }
.breadcrumbs > * { color:#fff; font-size:11px; text-transform:none; }
.breadcrumbs > * a { color:#fff; }
.breadcrumbs > *.current { color:var(--gold); }

.inside-content { padding:38px 0 18px; }
.content-main { padding-right:28px; }
.content-main h1,.content-main h2,.content-main h3 { color:var(--navy); font-family:Impact,"Arial Narrow",Arial,sans-serif; font-weight:400; text-transform:uppercase; }
.content-main h1 { font-size:38px; }
.content-main h2 { margin-top:28px; font-size:27px; }
.content-main p,.content-main li { font-size:13px; color:#243653; }
.content-main ul { margin-left:20px; }
.content-main li::marker { color:var(--gold); }
.quote-box { margin:24px 0; padding:20px 24px; background:var(--soft); border-left:5px solid var(--gold); }
.quote-box p { margin:0; font-style:italic; }
.table-wrapper { overflow-x:auto; }
.psbca-table { width:100%; border-collapse:collapse; }
.psbca-table th { background:var(--navy-deep); color:#fff; text-transform:uppercase; font-size:10px; }
.psbca-table th,.psbca-table td { padding:10px 14px; border:1px solid #d9dde2; }
.psbca-table td { font-size:12px; }

.sidebar-box { margin-bottom:22px; border:1px solid #dfe3e8; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.04); }
.sidebar-title { margin:0; padding:12px 15px; background:var(--navy-deep); border-bottom:3px solid var(--gold); color:#fff; font-size:13px; font-weight:800; text-transform:uppercase; }
.sidebar-list { margin:0; list-style:none; }
.sidebar-list li { border-bottom:1px solid var(--line); }
.sidebar-list li:last-child { border-bottom:0; }
.sidebar-list a { padding:11px 15px; display:flex; justify-content:space-between; color:var(--ink); font-size:12px; }
.sidebar-list a:hover,.sidebar-list a.active { color:var(--gold); background:#fafafa; }
.sidebar-post { padding:10px 12px; display:grid; grid-template-columns:72px 1fr; gap:10px; border-bottom:1px solid var(--line); }
.sidebar-post:last-child { border-bottom:0; }
.sidebar-post img { width:72px; height:48px; object-fit:cover; }
.sidebar-post strong { color:var(--ink); font-size:11px; line-height:1.25; }
.sidebar-post small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }

/* blog list */
.blog-intro { margin-bottom:24px; }
.blog-list { margin:0; }
.blog-item { padding:0 0 18px; margin-bottom:18px; display:grid; grid-template-columns:220px 1fr; gap:22px; border-bottom:1px solid var(--line); }
.blog-item img { width:220px; height:132px; object-fit:cover; }
.blog-date { color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.blog-item h2 { margin:4px 0 7px; font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:800; line-height:1.12; text-transform:none; }
.blog-item p { margin:0 0 8px; font-size:12px; }
.pagination { margin-top:4px; }
.pagination li a,.pagination li button { color:var(--navy); }
.pagination .current { background:var(--gold); color:var(--navy-deep); }

/* blog post */
.post-title { margin:0 0 12px; color:var(--navy); font-size:39px; line-height:1.02; }
.post-meta { margin-bottom:20px; display:flex; flex-wrap:wrap; gap:20px; color:var(--muted); font-size:10px; text-transform:uppercase; }
.post-meta i { color:var(--navy); margin-right:5px; }
.post-hero { width:100%; /*height:360px;*/ object-fit:cover; margin-bottom:22px; }
.post-body p { font-size:13px; }
.share-row { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.share-row a { width:30px; height:30px; margin-right:5px; display:inline-grid; place-items:center; background:var(--navy-deep); color:#fff; }
.post-nav { margin-top:22px; padding-top:18px; display:flex; justify-content:space-between; gap:30px; border-top:1px solid var(--line); font-size:11px; }
.post-nav a { max-width:48%; }

@media only screen and (max-width:1024px) {
  .site-logo { max-width:190px; }
  .psbca-top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding-left:10px; padding-right:10px; font-size:10px; }
  .hero h1 { font-size:52px; }
  .quick-item { padding:24px 16px; }
  .news-grid { grid-template-columns:1.2fr 1fr; grid-template-rows:auto; }
  .news-card.lead { grid-row:auto; min-height:320px; }
  .news-grid .news-card:nth-child(4),.news-grid .news-card:nth-child(5) { display:none; }
  .sponsor-card { flex-basis:calc((100% - 42px)/4); }
}

@media only screen and (max-width:768px) {
  .utility-title { display:none; }
  .utility-inner { justify-content:flex-end; }
  .header-row { min-height:auto; display:block; padding-top:8px; }
  .logo-wrap { text-align:center; }
  .nav-wrap { display:block; }
  .psbca-top-bar .title-area { display:block; }
  .psbca-top-bar .top-bar-section ul.left { float:none !important; }
  .psbca-top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding:12px 16px; }
  .hero,.hero-row { min-height:420px; }
  .hero h1 { font-size:43px; }
  .quick-grid { grid-template-columns:repeat(2,1fr); }
  .quick-item:nth-child(2) { border-right:0; }
  .quick-item { border-bottom:1px solid var(--line); }
  .mission-row { display:block; }
  .mission-copy { padding:28px 15px 0; }
  .news-grid { display:block; }
  .news-card { min-height:220px; margin-bottom:12px; }
  .news-card.lead { min-height:330px; }
  .news-grid .news-card:nth-child(4),.news-grid .news-card:nth-child(5) { display:block; }
  .program-panels { grid-template-columns:1fr; }
  .feature-tile { min-height:220px; }
  .sponsor-card { flex-basis:calc((100% - 28px)/3); }
  .footer-main .columns { margin-bottom:22px; }
  .content-main { padding-right:15px; }
  .sidebar { margin-top:30px; }
}

@media only screen and (max-width: 640px) {
    .footer-bottom-inner {
        padding: 25px 0;
        min-height: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 18px;
        text-align: center;
    }

    .footer-policy {
        justify-content: center;
    }

    .footer-circle-w {
        flex: 0 0 auto;
        width: 265px;
        text-align: center;
    }

    .footer-circle-w img {
        width: 265px;
        height: 60px;
    }
}

@media only screen and (max-width:520px) {
  .hero { background-position:65% center; }
  .hero h1 { font-size:37px; }
  .quick-grid { grid-template-columns:1fr; }
  .quick-item { border-right:0; }
  .section-title { font-size:34px; }
  .stats-row { grid-template-columns:1fr; }
  .stat { border-right:0; border-bottom:1px solid var(--line); }
  .stat:last-child { border-bottom:0; }
  .sponsor-card { flex-basis:calc((100% - 14px)/2); }
  .footer-bottom-inner { padding:12px 0; display:block; line-height:1.8; }
  .blog-item { grid-template-columns:1fr; }
  .blog-item img { width:100%; height:190px; }
  .post-title { font-size:32px; }
  .post-hero { height:230px; }
}

/***** TABLE STYLES *****/
.table-wrapper table {
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 1px solid #fff;
}

.table-wrapper th {
	background: #00162f;
	color: #fff;
	font-size: 16px;
}

.table-wrapper th a:link, .table-wrapper th a:active, .table-wrapper th a:visited {
	color: #fff;
	text-decoration: none;
}

.table-wrapper th a:hover {
	color: #fff;
	text-decoration: underline;
}

.table-wrapper table th, .table-wrapper table td {
	border: none;
	padding: 15px;
}

.table-wrapper table td {
	font-size: 15px;
}

/***** TEAM HOLDER STYLES *****/
.team-info-title {
	height: 40px;
	background: #00162f;
}

.team-info-title h2, .content-main .team-info-title h2 {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	padding-top: 7px;
	padding-left: 10px;
    text-transform: none;
}

.content-main .team-info-title h2 {
    margin-top: 0;
}

.team-info-title h2 a:link, .team-info-title h2 a:active, .team-info-title h2 a:visited {
	color: #fff;
	text-decoration: none;
}

.team-info-title h2 a:hover {
	color: #fff;
	text-decoration: underline;
}

.content-main .team-info-title h2 a:link, .content-main .team-info-title h2 a:active, .content-main .team-info-title h2 a:visited {
	color: #fff;
	text-decoration: none;
}

.content-main .team-info-title h2 a:hover {
	color: #fff;
	text-decoration: underline;
}

.player-coach-wrapper table {
	width: 100%;
	padding: 0px;
	border: 2px solid #00162f;
	border-spacing: 0px;
	border-collapse: collapse;
}

.player-coach-wrapper th, .player-coach-wrapper tfoot td {
	background-color: #00162f;
	text-align: center;
}

.player-coach-wrapper th {
    color: #fff;
	font-size: 16px;
	font-weight: 700;
    margin: 0;
}

.player-coach-wrapper tfoot td p {
	color: #fff;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
    margin-bottom: 0;
}

.player-coach-wrapper td {
	background: #f5f5f5;
	text-align: center;
}

.player-coach-wrapper tfoot td p a:link, .player-coach-wrapper tfoot td p a:active, .player-coach-wrapper tfoot td p a:visited {
	color: #fff;
	text-decoration: none;
}

.player-coach-wrapper tfoot td p a:hover {
	color: #fff;
	text-decoration: underline;
}

.player-coach-wrapper.small-img img {
    width: 150px;
	height: 196px;
}

/***** SEARCH STYLES *****/
.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 40%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay #closeBtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 40px;
    cursor: pointer;
    color: #fff;
}

.overlay #closeBtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 20px;
    border: none;
    float: left;
    width: 95%;
    height: 60px;
    background: #fff;
}

.overlay input[type=text]::-webkit-input-placeholder { /* Edge */
    color: #000;
}

.overlay input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

.overlay input[type=text]::placeholder {
    color: #000;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: left;
    width: 5%;
    height: 60px;
    padding: 15px;
    background: #ddd;
    font-size: 30px;
    border: none;
    cursor: pointer;
    color: #333;
}

.overlay button:hover {
    background: #bbb;
}

#social-inside {
	display: block;
	position: static;
	width: 100%;
	height: 50px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
    margin-bottom: 22px;
}

#social-inside img {
    border: none;
}

#st-1 {
    margin-top: 8px;
}

/* =========================================================
   PSBCA Pagination
   Overrides Foundation 5 defaults
   ========================================================= */

ul.pagination {
    margin: 28px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
}

ul.pagination li {
    float: none;
    height: auto;
    margin: 0;
    font-size: 12px;
}

ul.pagination li a,
ul.pagination li button {
    min-width: 34px;
    height: 34px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    border: 1px solid #d9dee5;
    border-radius: 0;

    color: #082b5c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease;
}

ul.pagination li a:hover,
ul.pagination li button:hover {
    background: #082b5c;
    border-color: #082b5c;
    color: #fff;
}


/* Current page */

ul.pagination li.current a,
ul.pagination li.current button {
    background: #f2a900;
    border-color: #f2a900;
    color: #082b5c;
    font-weight: 800;
}

ul.pagination li.current a:hover,
ul.pagination li.current button:hover {
    background: #f2a900;
    border-color: #f2a900;
    color: #082b5c;
}


/* Ellipsis */

ul.pagination li.unavailable {
    padding: 0;
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    background: #fff;
    border-color: #d9dee5;
    color: #7b8491;
    cursor: default;
}

ul.pagination li.unavailable a:hover,
ul.pagination li.unavailable button:hover {
    background: #fff;
    border-color: #d9dee5;
    color: #7b8491;
}


/* Previous / Next */

ul.pagination li.arrow a,
ul.pagination li.arrow button {
    width: auto;
    min-width: 72px;
    padding-left: 14px;
    padding-right: 14px;
    white-space: nowrap;
}

ul.pagination li.arrow:last-child a,
ul.pagination li.arrow:last-child button {
    margin-left: 4px;
}


/* Remove Foundation-generated text helpers */

ul.pagination li.current a:focus,
ul.pagination li.current button:focus,
ul.pagination li a:focus,
ul.pagination li button:focus {
    outline: 2px solid #f2a900;
    outline-offset: 2px;
}


/* Mobile */

@media only screen and (max-width: 640px) {

    ul.pagination {
        gap: 5px;
    }

    ul.pagination li a,
    ul.pagination li button {
        min-width: 32px;
        height: 32px;
        padding: 0 9px;
        font-size: 10px;
    }

    ul.pagination li.arrow a,
    ul.pagination li.arrow button {
        min-width: 0;
        padding-left: 11px;
        padding-right: 11px;
    }

}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #wpadminbar, .utility-bar, .site-header {
		display: none;
	}

    .tab-bar {
		display: block;
        height: 5.0rem;
	    line-height: 5.0rem;
	}

    .tab-bar .menu-icon {
        height: 5.0rem;
    }

    .tab-bar .menu-icon span {
        display: block;
        float: left;
        font-size: 24px;
        margin-left: 10px;
        margin-top: 1.75rem;
        color: #00162f;
        text-decoration: none;
    }

    .left-small {
        border-right: 0;
    }

	#toggle-menu {
		display: block;
	}
}

/***** Smartphones *****/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #wpadminbar, .utility-bar, .site-header {
		display: none;
	}

    .tab-bar {
		display: block;
        height: 5.0rem;
	    line-height: 5.0rem;
	}

    .tab-bar .menu-icon {
        height: 5.0rem;
    }

    .tab-bar .menu-icon span {
        display: block;
        float: left;
        font-size: 24px;
        margin-left: 10px;
        margin-top: 1.75rem;
        color: #00162f;
        text-decoration: none;
    }

    .left-small {
        border-right: 0;
    }

	#toggle-menu {
		display: block;
	}
}

/***** Tablets *****/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #wpadminbar, .utility-bar, .site-header {
		display: none;
	}

    .tab-bar {
		display: block;
        height: 5.0rem;
	    line-height: 5.0rem;
	}

    .tab-bar .menu-icon {
        height: 5.0rem;
    }

    .tab-bar .menu-icon span {
        display: block;
        float: left;
        font-size: 24px;
        margin-left: 10px;
        margin-top: 1.75rem;
        color: #00162f;
        text-decoration: none;
    }

    .left-small {
        border-right: 0;
    }

	#toggle-menu {
		display: block;
	}
}