a, a:active, a:visited, #title {
	color: #FFF;
	text-decoration: none;
}
.a250_logo {
	background-image: url('/wp-content/uploads/2025/06/A250map_v4jbackground4-scaled.jpg');
	background-size: cover;
	background-attachment: fixed;
}
body{
	background-color: #17264e !important;
	color:#FFF;
	margin: 0;
}
body.logged-in > div.site-container > header {  
    margin-top: 32px;  
}
.bcolorft{
	background-color:#1f3463;
}
.botbkgd{
	background-size:45% !important;
	background-repeat:repeat !important;
}
.brad7{
	border-radius:7px;
}
.brad10{
	border-radius:10px;
}
.but{
	padding: 0.4rem 1rem !important;
}
.clear{
	clear: both;
}
.colored-circle {
	width: 15px;
	height: 15px;
	background-color: #f6ed50;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 20px;
}
.ctct-form-defaults{
	color:#060330 !important;
	font-family:"Bricolage Grotesque Bold" !important;
}
.dispib{
	display:inline-block;
}
.donate{
	border:2px solid #FFF;
	border-radius:15px;
	padding:5px;
}
.dot {
	height: 25px;
	width: 25px;
	background-color: #f6ed50;
	border-radius: 50%;
	display: inline-block;
}
.dropdown{
  position: relative;
  display: inline-block;
}
.dropdown-shows{
  border-radius:10px;
  display: none;
  position: absolute;
  background-color: #FFF;
  min-width: 250px;
  text-align:left;
  z-index: 1;
}
.dropdown-shows a{
  color: #060330;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-shows a:hover{
	background-color: #ddd;
	border-radius:10px;
}
.dropdown:hover .dropdown-shows{
	display: block;
}
.ffBricGrotBold{
	font-family:"Bricolage Grotesque Bold" !important;
}
.ffBricGrotExtraBold{
	font-family:"Bricolage Grotesque ExtraBold" !important;
}
.ffBricGrotMedium{
	font-family:"Bricolage Grotesque Medium" !important;
}
.ffNobileBold{
	font-family:"Nobile Bold" !important;
}
.fleft{
	float:left;
}
.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font21{
	font-size:21px;
}
.font28{
	font-size:28px;
}
.font30{
	font-size:30px;
}
.font38{
	font-size:38px;
}
.font60{
	font-size:60px;
}
.footercolor{
	color:#8c9cb1;
}
.ftwidth{
	max-width:33%;
	width:100%;
}
.fwbold{
	font-weight: bold;
}
.happennow{
	border-radius:10px;
	padding:5px;
}
.height80{
	height:80px;
}
.lineh14{
	line-height:14px;
}
.lineh16{
	line-height:16px;
}
.lineh18{
	line-height:18px;
}
.lineh20{
	line-height:20px;
}
.lineh30{
	line-height:30px;
}
.lineh45{
	line-height:45px;
}
.marg_bot10{
	margin-bottom:10px;
}
.marg_left10{
	margin-left:10px;
}
.marg_left{
	margin-left:20px;
}
.marg_right10{
	margin-right:10px;
}
.marg_right{
	margin-right:20px;
}
.marg_right80{
	margin-right:80px;
}
.marg_top10{
	margin-top:10px;
}
.marg_top{
	margin-top:12px;
}
.marg_topn20{
	margin-top:-20px;
}
.padding0{
	padding:0px !important;
}
.padding5{
	padding:5px !important;
}
.padding10{
	padding:10px !important;
}
.padding20{
	padding:20px;
}
.paddingleft15{
	padding-left:15px;
}
.paddingtopnav{
	padding-top:0.25rem;
	padding-bottom:0.25rem;
}
.rcaret{
	font-size:0.7em;
}
.sched2025_bgc{
	background-color:#060330;
}
.site-container{
	border: 0px !important;
}
.stream_now{
	border-color:#fcff6c;
	border-radius:15px;
	border-width: 2px;
	padding:5px;
}
.streamlive{
	display: inline-block;
	margin:0px;
	vertical-align: middle;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.text-accentl{
	color:var(--clr-accent-light);
}
.text-blue{
	color:#0067ad !important;
}
.text-dblue{
	color:#060330 !important;
}
.text-everypa{
	color:#9bdbf8 !important;
}
.text-white{
	color:#FFF !important;
}
.text-yellow{
	color:#fcff6c !important;
}
.thead{
	color:#97dcff !important;
}
.theadmg{
	margin-right:30px;
	padding:5px;
}
.wbg:hover{
	background-color:#FFF !important;
	border-radius:15px;
	color:#060330 !important;
}
.width70{
	width:70% !important;
}
/*WooCommerce*/
.price {
	color:#060330 !important;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product{
	line-height:5px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button{
	background-color:#dcd7e2;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover{
	background-color:#060330;
	color:#FFF;
}

/*Constant Contact*/
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
	border:1px solid #060330 !important;
	border-radius:45px;
	border-width:2px;
}

/*Responsive Menu*/
/* Hide the link that should open and close the topnav on small screens */
.topnav{
	background-color:#060330;
	font-family:"Bricolage Grotesque Medium";
	font-size:16px;
	text-align:right;
}
.topnav .mmenu {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.mmenu) */
@media screen and (max-width: 600px) {
  .logo, .logo_r {
	margin-top:10px;
	width:25%;
	height:25%;
  }
  .logo_r {
	margin-top:10px;
	width:20%;
	height:20%;
  }
  #heroimg{
	width:350px !important; 
  }
  .topnav {
	  background-color:#060330;
	  clear: both;
	  display:block;
	  /*padding: 0px 30px 0px 30px;*/
	  font-family:"Bricolage Grotesque Medium";
	  font-size:16px;
	  text-align:right;
  }
  .topnav a:not(:first-child) {display: none;}
  .topnav a.mmenu {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.mmenu {
    padding: 20px 30px 0px 0px;
	position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/*subnav*/
.subnav{
	font-family:"Bricolage Grotesque Medium";
	font-size:20px;
	padding-top:25px;
	text-align:right;
}

.subnav .mmenu2 {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the subnav (.mmenu) */
@media screen and (max-width: 600px) {
  .subnav {
	  background-color:#060330;
	  clear: both;
	  display:block;
	  /*padding: 0px 30px 0px 30px;*/
	  font-family:"Bricolage Grotesque Medium";
	  font-size:16px;
	  text-align:right;
  }
  .dropdown {display: none;}
  .subnav a:not(:first-child) {display: none;}
  .subnav a.mmenu2 {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the subnav with JavaScript when the user clicks on the icon. This class makes the subnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .subnav.responsive {position: relative;}
  .subnav.responsive a.mmenu2 {
    padding: 20px 30px 0px 0px;
	position: absolute;
    right: 0;
    top: 0;
  }
  .subnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/*livestreams*/
.pcncarousel-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-evenly;
}
.pcncarousel {
   /*width: 90vw;*/
   display: flex;
   overflow-x: scroll;
   scroll-behavior: smooth;
   /* use this property to hide the scrollbar on firefox */
   scrollbar-width: none;
   scroll-snap-type: x mandatory;
}
@media screen and (max-width: 600px) {
	.pcncarousel-wrapper {
		width:100%;
	}
}
/*  use this pseudo class to hide the scrollbar on chrome */
.pcncarousel::-webkit-scrollbar {
   display: none;
}
.pcnitem {
   flex-basis: 33%;
   flex-shrink: 0;
   padding: 5px;
   scroll-snap-align: start;
}
.pcnleft,
.pcnright {
   border: none;
   background-color: transparent;
   cursor: pointer;
   color: #FFF;
   overflow: hidden;
   z-index: 100;
}

/*footer*/
.footer-link{
	color:#97dcff !important;
}
.flex-container1 {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap to the next line */
  justify-content: space-between; /* Distributes space between items */
}
.flex-container {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap to the next line */
  justify-content: space-between; /* Distributes space between items */
}
.flex-item1 {
  /* Default for larger screens: 5 columns */
  color:#FFF;
  flex-basis: calc(33% - 10px);
  padding: 20px;
  box-sizing: border-box; /* Include padding in the width calculation */
}
.flex-item {
  /* Default for larger screens: 5 columns */
  color:#FFF;
  flex-basis: calc(20% - 10px); /* 20% width for 5 columns, minus margin */
  /*margin-bottom: 20px; Spacing between rows */
  padding: 20px;
  box-sizing: border-box; /* Include padding in the width calculation */
}

/* Media query for smaller screens (e.g., tablets) */
@media (max-width: 768px) {
  .flex-item {
    flex-basis: calc(50% - 10px); /* 2 columns on tablets */
  }
  .flex-item1 {
    flex-basis: calc(50% - 10px); /* 2 columns on tablets */
  }
}

/* Media query for very small screens (e.g., mobile phones) */
@media (max-width: 480px) {
  .flex-item {
    flex-basis: 100%; /* Stacks into 1 column on mobile */
  }
  .flex-item1 {
    flex-basis: 100%; /* Stacks into 1 column on mobile */
  }
}

@font-face {
        font-family: 'Bricolage Grotesque Bold';
        src: url('../pcn2025fonts/BricolageGrotesque-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
    }
	
@font-face {
        font-family: 'Bricolage Grotesque ExtraBold';
        src: url('../pcn2025fonts/BricolageGrotesque-ExtraBold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
    }

@font-face {
        font-family: 'Bricolage Grotesque Medium';
        src: url('../pcn2025fonts/BricolageGrotesque-Medium.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

@font-face {
        font-family: 'Nobile Bold';
        src: url('../pcn2025fonts/Nobile-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
    }	

/* Variables
--------------------------------------------- */
:root {
    --clr-primary: #17264e;
    --clr-primary-dark: #060330;
    --clr-primary-light: #1f3463;
    --clr-neutral: #e5e4df;
    --clr-neutral-light: #ffffff;
    --clr-accent: #0067ad;
    --clr-accent-light: #97dcff;
    --clr-cta: #fcff6c;

    --ff-primary: "Bricolage Grotesque Bold", Arial, Helvetica, sans-serif;
    --ff-secondary: "Nobile", Arial, Helvetica, sans-serif;
}



/* Base
--------------------------------------------- */

body, html {
    font-size: 18px; /* change per screen width - all  */
}

body {
	font-family: var(--ff-primary);
    font-weight: 500;
    font-size:  1rem;
    line-height: 1.6;
    color:   var(--clr-primary);
}

h1, h2, h3 {
    font-family: "Bricolage Grotesque Bold", sans-serif;
    font-weight: 700;
    color: var(--clr-primary-dark);
}

h1 { font-size: 2.777rem; line-height: 1.1; }
h2 { font-size: 2.111rem; line-height: 1.3; }
h3 { font-size: 1.666rem; line-height: 1.3; }
h4 { font-size: 1.166rem; line-height: 1.3; }



/*button {
    padding: 1em 1.111em 0.888em;
    border-radius: 2em; 
}

button:after {
    content: ' ›';
}*/

section, .section {
    padding: 4vw;
    border-radius: 0.389rem; 
}

.grid {
    display: grid;
    gap: 1.25rem;
}

.grid.three-column {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid.two-column {
    grid-template-columns: 1fr 1fr;
}



/* Other
--------------------------------------------- */

.gradient {
    background: var(--clr-primary);
    background: linear-gradient(143deg,rgba(6, 3, 48, 1) 11%, rgba(23, 38, 78, 1) 100%);
}