/*
	Theme Name: GoldPress v6
	Theme URI: http://html5blank.com
	Description: The CA State Template built upon the HTML5Blank starter theme combined with the CA Office of Digital Innovation State Template version 6.3.4
	Version: 6.3.4
	Author: Department of Developmental Services
	Author URI: https://www.dds.ca.gov.com
	Tags: HTML5, CSS, California State, Government

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    INITIAL FIXES
\*------------------------------------*/
.logged-in #hero {
	margin-top: 150px;
}

.logged-in .global-header.fixed {
	top: 32px;
}

.global-header.fixed {
	top: 0;
}

*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
	/* Corrected property name */
	text-rendering: optimizeLegibility;
}

.clear:before,
.clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.center {
	text-align: center !important;
}

.uppercase {
	text-transform: uppercase;
}

/* Responsive iframe */
.iframe-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	/* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
	min-height: 370px;
}

.iframe-container>* {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

/* Random Fixes */
.btn {
	margin-bottom: 10px;
}

/* Alert Close button */
.alert-dismissible .close {
	padding: 0.35rem 1.25rem;
}

/* Logo */
img.logo {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.compact img.logo {
	height: 47px;
}

/*Breadcrumbs*/
.breadcrumbs ol li {
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 0.95rem;
}
.breadcrumbs ul li::after, .breadcrumbs ol li::after{
	margin: 0px 0.85rem;
}


/* SERVICE TILES */
button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
}

.close {
	float: right;
	font-weight: 700;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
}

h3.large-button-title.h4 {
	margin-top: .75rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	max-width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}


.display {
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.1;
} */

/* Navigation and Utility Header default restore */
.utility-header .settings-links {
	font-size: 1rem;
}

.btn {
	font-size: 1rem;
}

/* Mobile nav 'Search' icon bug fix */
.branding .header-organization-banner a {
	width: 207.5px !important;
}




/*------------------------------------*\
    GENERAL ELEMENTS
\*------------------------------------*/

.page-title {
	margin-top: 0.67em;
}

.parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.r-8{
	border-radius: 8px;
}
.w-100 {
	width: 100%;
}

.center, .text-centered, .text-center {
	text-align: center;
}

.margin-bottom-s {
	margin-bottom: 20px;
}

/* Google Background */
input#gsc-i-id1 {
	background-color: rgba(255, 255, 255, 0.75) !important;
}
.goog-te-gadget .goog-te-combo{
	display: block !important;
}

/* Utility Header */
.header-cagov-logo img {
	height: 27px
}
.ca-gov-logo-svg {
	background: url("/wp-content/themes/GoldPress3/images/Ca-Gov-Logo.svg");
	aspect-ratio: 9 / 5;
    width: 45px;
	display: inline-block;
}
.official-tag{
	display: flex;
}
.official-tag span::after {
    content: " ";
	margin-right: 4px;
}

/* TablePress */
.tablepress tfoot th,
.tablepress thead th {
	background-color: #046b99 !important;
	color: white;
	border: solid 1px #046b99;
}

tbody {
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	border-left: solid 1px #eee;
}

/* Early Start landing page - https://www.dds.ca.gov/services/early-start/ */
.early-start-intro-spacing {
	margin-bottom: 30px;
}

.early-start-header-video {
	width: 260px;
	height: 120px;
	margin-bottom: 8px;
}

/* Early Start Publications, Resources, and Program Guidance - https://www.dds.ca.gov/services/early-start/early-start-publications-resources-and-program-guidance/ */
#es-btns {
	margin-top: 20px;
	margin-bottom: 20px;
}

#es-btn-1 {
	margin-left: 30px;
	margin-right: 30px;
}

#es-btn-2 {
	margin-left: 30px;
	margin-right: 30px;
}

#es-btn-3 {
	margin-left: 30px;
	margin-right: 30px;
}

/* Family Fee Programs - https://www.dds.ca.gov/services/family-fee-programs/ */
.es-ff-program {
	border: solid 1px #9999;
	margin-bottom: 20px;
	min-height: 520px;
}

.es-ff-program h2 {
	line-height: 1;
	margin-bottom: 0;
}

/* Office of Protective Services - https://www.dds.ca.gov/services/state-facilities/ops/ */
/* .ops #goals {
	text-align: left;
}

.ops #values {
	text-align: left;
}

.ops #vision {
	text-align: left;
}

.ops #hero.p-y-sm {
	margin-bottom: -150px;
}

.ops .header-primary-banner {
	margin-bottom: -150px;
} */

/* Foster Grandparent and Senior Companion Programs (FG/SCP) - https://www.dds.ca.gov/rc/fg-scp/ */
.fgscp-btn {
	margin: 20px 0 0;
	width: 100%;
}


/* DDS Self-Advocate & Family Survey - https://www.dds.ca.gov/transparency/self-advocate-family-survey/ */
.self-adv-survey .self-adv-survey-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

.self-adv-survey .self-adv-survey-header-col-2 {
	padding-right: 0px;
}

.self-adv-survey .self-adv-survey-header-col-2 .card-heading {
	text-align: center;
}

.self-adv-survey .self-adv-survey-header-col-2 .card-heading h4 {
	font-size: 1.5rem;
}

.self-adv-survey .self-adv-survey-header-image {
	width: 100%;
	object-fit: cover;
	margin-top: 0px !important;
}

/* Self-Determination Program (SDP) - https://www.dds.ca.gov/initiatives/sdp/ */
.page-id-1216 #hero .row {
	display: block !important;
}

.page-id-1216 #main-content,
.sidebar {
	padding-top: 0 !important;
}

/* Home and Community-Based Services (HCBS) Final Rule - https://www.dds.ca.gov/initiatives/cms-hcbs-regulations/ */
.page-id-1508 #main-content,
.sidebar {
	padding-top: 0 !important;
}

/*------------------------------------*\
    HERO TEMPLATE
\*------------------------------------*/
.page-template-template-hero-meta-box #main-content{
	display: none;
}

#hero-meta-box {
	margin-top: 130px;
}


.hero-intro-container-custom {
	margin-bottom: 36px;
}

.hero-group {
	background: url('/wp-content/themes/GoldPress3/images/backgrounds/background_6.jpg') no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.teaser a {
	color: #FFFFFF;
}

.teaser h4 {
	font-size: 1.5rem;
	margin: 1rem 4px;
}

.teaser a:hover {
	color: #FDB81E;
}

.service-tile .teaser {
	padding: 0;
	background-color: rgba(0, 0, 0, .7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.header-primary-banner{
	height: 300px !important;
}
/*NEW HERO v3*/

#hero.header-single-banner {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
}


.hero-banner {
	position: relative;
	max-width: 1280px;
	margin: 0 auto; /* This centers the container */
	overflow: hidden; /* Ensures nothing spills out of the container */
	background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 300px;
		display: flex;          /* Enables flexbox */
  justify-content: center; /* Centers horizontally */
  align-items: center; 
  }
  
  .hero-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1280px;
	height: 100%;
	background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%);
	transform: translateX(-50%);
	z-index: 2;
  }
  
  @media (min-width: 1500px) {
	.hero-banner::after {
	  display: block;
	}
  }
  
  @media (max-width: 1295px) {
	.hero-banner::after {
	  display: none;
	}
  }

  
#hero .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.80);
	z-index: 1;
}

#hero h1.hero-header,
.hero-banner h1.hero-header {
	position: relative;
	z-index: 2;
	font-weight: 600;
	margin: 0;
	padding: 0;
	color: #3B3E48;
}

.faded-image-wrapper {
	position: relative;
	max-width: 1280px;
	margin: 20px auto; /* This centers the container */
	overflow: hidden; /* Ensures nothing spills out of the container */
	background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 350px;
		display: flex;          /* Enables flexbox */
  justify-content: center; /* Centers horizontally */
  align-items: center; 
  min-width: auto;
  }
  
  .faded-image-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1280px;
	height: 100%;
	background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%);
	transform: translateX(-50%);
	z-index: 2;
  }
/* .alert {
	display: flex;
	align-items: center;
}

.alert-content {
	flex: 1;
	padding: 10px;
}

.alert-button {
	text-align: center;
	padding: 10px;
} */

/* Card Styles */
.hero-list {
	display: grid;
	grid-template-columns: 1fr;
	/* Default for small */
	gap: 1rem;
}

.styled-list a {
	text-decoration: none !important;
}

#pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

#pagination button {
	margin-right: 5px;
	margin-right: 8px;
	border: none;
	border-radius: 7px;
	padding: 4px 10px;
}

#pagination button:focus {
	outline: 2px solid #034e6f;
	/* Example focus style */
}

#pagination button.active {
	background: #d3f1ff;
}
ul.styled-list,
ul.pagination-list.styled-list {
	list-style: none;
	padding: 0 4px;
	margin-bottom: 0;
}
.styled-list li,
.pagination-list li {
	border-bottom: solid 1px #eee;
	padding: 8px 8px;
	transition: all 0.3s ease-in-out;
}
.styled-list li:hover,
.pagination-list li:hover {
	background: #eee;
}

.styled-list li a,
.pagination-list li a {
	display: block;
}

.styled-list li:last-child,
.pagination-list li:nth-child(5n),
.pagination-list li:last-child {
	border-bottom: none;
}

/* Category Pagination */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

.pagination .page-numbers {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    color: #0073aa;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}

.pagination .page-numbers.current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.pagination .page-numbers:hover {
    background-color: #005f8d;
    color: #fff;
    border-color: #005f8d;
}

.pagination .next {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.pagination .next:hover {
    background-color: #005f8d;
    border-color: #005f8d;
}

.main-content .pagination .page-numbers
{
	text-decoration: none;
    text-decoration-style: none;
}

/* For accessibility */
.pagination .page-numbers[aria-current="page"] {
    pointer-events: none;
    cursor: default;
}

.hero-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: height 0.3s ease;
	overflow: hidden;
}

.hero-item.expanded {
	height: auto;
}

.content-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .25rem;
	background: #eee;
	transition: height 0.3s ease;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}

.title-and-description {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
}

.title-and-description a h3:hover,
.title-and-description a h2:hover {
	text-decoration: underline;
}

.title-and-description h3,
.title-and-description h2 {
	margin: 0;
	font-size: 1.15em;
	background-color: #046B99;
	color: white;
	font-weight: bold;
	padding: 2px 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}


.learn-more-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}

.learn-more-row a {
	width: 100%;
	margin-top: 16px;
}




span.cat-badge {
    font-size: 1.1em;
    text-transform: uppercase;
    background: #c0effd;
    padding: 2px 12px;
    border-radius: 4px;
	color: #046B99;
	font-size: 16px;
}
.post-row{
	padding: 20px 0;
	margin-right: 0;
}
.post-row:not(:last-of-type) {
	border-bottom: 1px solid #ddd;
}

.post-block h2{
	margin: 4px 0 8px 0;
    line-height: normal;
}
.post-block .date{
	color: #666;
}
.hidden-text {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/*------------------------------------*\
    ULTIMATE SHORTCODES
\*------------------------------------*/


/* Document Badges */
span.badge {
	margin: 0 5px;
	padding: 0.2em 0.2em;
	font-size: 60%;
}

a span.badge {
	text-decoration: none;
}

span.badge.PDF {
	background: #ffefef;
    border: #8d2f39 solid 1px;
    color: #8d2f39;
	display: none; 
}

span.badge.VIDEO {
	background: #ecb7b7;
	border: #ee0f0f solid 1px;
	color: #ee0f0f;
}

span.badge.EXCEL {
	background: #c9ffd6;
    border: #176729 solid 1px;
    color: #176729;
}

span.badge.WORD {
	background: #c0effd;
	border: #046b99 solid 1px;
	color: #046b99;
}

span.badge.NEW {
	background: #fdf5dd;
    border: #b98716 solid 1px;
    color: #7b5604;
}

span.badge.AUDIO {
	background: #dca4f1;
	border: #7c04a9 solid 1px;
	color: #7c04a9;
}

span.badge.SURVEY {
	background: #ddd;
	border: #555555 solid 1px;
	color: #555555;
}

span.badge.POWERPOINT {
	background: #ffccbc;
	border: #c43e1c solid 1px;
	color: #c43e1c;
}

span.badge.SPANISH,
span.badge.TAGALOG,
span.badge.VIETNAMESE,
span.badge.CHINESE-SIMPLIFIED,
span.badge.CHINESE-TRADITIONAL,
span.badge.ARMENIAN,
span.badge.HMONG,
span.badge.KOREAN,
span.badge.ARABIC,
span.badge.FARSI,
span.badge.ASL {
	background: #046b99;
	border: #034e6f solid 1px;
	color: white;
}

.inline-icon {
	vertical-align: middle;
	height: 1em;
	/* Adjust as needed */
	width: 1em;
	/* Adjust as needed */
	margin-right: 5px;
	/* Adjust for spacing */
}
.instruction-icon{
	vertical-align: text-bottom;
    border-radius: 4px;
	margin-top: 4px;
}
span.filled-diamond-icon {
	font-size: 24px;
}

span.diamond-outline-icon {
	font-size: 24px;
}

/* FAQ */
.question {
	padding: 40px 20px;
	background: #f5f5f5;
	border-left: solid 4px #046b99;
	color: #333333;
	position: relative
}

.question span {
	font-size: 2em;
	float: left;
	line-height: 1;
	color: #046b99;
	font-weight: 900;
	margin-right: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -4px
}

.question p {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
	margin-left: 40px;
	margin-bottom: 0;
}

.answer {
	padding: 20px 20px 20px 60px;
	background: #fbfbfb;
	border-left: solid 4px #FDB81E;
	color: #333333;
	position: relative;
	margin-bottom: 20px;
}

.answer span {
	font-size: 2em;
	line-height: 1;
	color: #b68600;
	font-weight: 900;
	margin-left: -40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.answer p {
	margin-bottom: 10px;
}

h2.gform_title {
	margin: 20px 0;
}

/* Hide the radio input circles */
.find-form .gform_wrapper.gravity-theme .gfield_label {
	color: white;
	margin-top: 0 !important;
	padding-top: 0;
}

.find-form .charleft.ginput_counter.gfield_description {
	color: #eee;
}

.find-form .gform_description {
	display: none !important;
}

.find-form .gfield-choice-input,
.find-form .gform_wrapper.gravity-theme .gfield_required {
	display: none !important;
}

.find-form .gchoice {
	float: left;
	width: 100px;
}

/* Float the label to the left of the radio input */
.find-form .gform_wrapper.gravity-theme .gfield_label,
.find-form .gfield--type-radio .gfield_label {
	float: left;
	margin-right: 10px;
	/* Adjust this margin as needed */
	margin-top: 5px;
	/* Adjust this margin as needed */
}

/* Style the label as buttons with default, hover, and active states */
.find-form .gchoice label {
	display: block;
	/* Display the label as a block element */
	padding: 10px 23px;
	background-color: rgba(255, 255, 255, 0.06);
	color: #fff;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 4px;
	transition: background-color 0.3s, color 0.3s;
	width: auto;
	/* Adjust the width as needed */
}

/* Style the label when the radio button is checked */
.find-form .gfield-choice-input[type="radio"]:checked+label {
	background-color: white !important;
	/* Updated background color when checked */
	color: #046b99;
}

.find-form .gchoice label:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: #046b99;
}

.find-form .gchoice label:active {
	background-color: rgba(255, 255, 255, 0.8);
	color: #fff;
	/* Active (clicked) text color */
}

/* Prevent the page from jumping */
.find-form .gfield_radio {
	overflow: hidden;
}

.find-form .gform_footer,
.find-form .gform_footer,
.find-form .gform_page_footer {
	float: right;
	margin-top: 0 !important;
	padding-top: 0px !important;
}

.find-form .ginput_counter {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.find-form .gform_button {
	border-radius: 4px;
	padding: 8px 24px;
	font-weight: bold;
	border: none;
	color: #046b99;
}

.find-form textarea {
	border-radius: 4px;
}

.find-form .gform_button {
	margin-bottom: 0;
	transition: background-color 0.3s, color 0.3s;
}

.find-form .gform_button:hover {
	background-color: white;
}

.find-form .gform_footer.top_label {
	padding-bottom: 0px !important;
}

/*------------------------------------*\
	WIDGETS
\*------------------------------------*/

.main-content ul.menu a:not(.btn) {
	background-image: none !important;
}
.card{
	border-radius: 0.25rem !important;
}
.card-body h1:first-child,
.card-body h2:first-child,
.card-body h3:first-child,
.card-body h4:first-child,
.card-body h5:first-child,
.card-body h6:first-child {
    margin-top: 0;
}
.card.card-understated h3 {
	color: #333333;
	background-color: #E1F2F7;
	border-color: #E1F2F7;
	font-family: "Asap Condensed", sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
	font-size: 1.25rem;
	font-weight: normal;
	border: none;
	display: inline-block;
	margin: 0;
	padding: 10px 15px;
	width: 100%;
}

.sidebar {
	padding-top: 93px;
}

.sidebar div.card-body p:last-child {
	margin-bottom: 0;
}

.b-r-4 {
	border-radius: 4px !important;
}
.post-info-wrapper{
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: solid 1px #eee;
}
.post-info{
	margin: 0;
	color: #666;
}
.post-title{
	margin-top: 12px;
    line-height: 1.25;
    margin-bottom: 20px;
}
.post-excerpt{
	font-size: 1rem;
	color: #555;
}



/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sixth {
	margin: 0 5%;
	width: 40%;
	float: left;
}






/*------------------------------------*\
	PLAN TO REMOVE - These styles will be depricated and removed once we migrate
\*------------------------------------*/
/* Wellness Toolkit Landing Pages (3 cards) (e.g. https://www.dds.ca.gov/consumers/wellness-toolkit/self-advocates/ ) */
.wt-multiple-card-container-custom {
	display: flex;
	flex-direction: column;
}

.wt-multiple-card-container-custom .card-overstated {
	background: #FFFFFF;
}

.wt-link-card-custom {
	margin-top: 10px;
	margin-bottom: 30px;
}

/* Wellness Toolkit DSP Landing Page (4 cards) - https://www.dds.ca.gov/consumers/wellness-toolkit/direct-support-professionals/ */
.wt-four-card-container-custom {
	display: flex;
	flex-direction: column;
}

.wt-four-card-container-custom .card-overstated {
	background: #FFFFFF;
}

.wt-link-card-custom {
	margin-top: 10px;
	margin-bottom: 30px;
}


.wt-video-custom {
	display: block;
	margin: auto;
}

/* Wellness Toolkit DSP poster sub-pages (e.g. https://www.dds.ca.gov/consumers/wellness-toolkit/direct-support-professionals/cold-and-flu/ ) */
.wt-dsp-image-custom {
	width: 100%;
	height: auto;
	border: 5px solid #333333;
}

.wt-button-custom {
	display: inline-block !important;
	margin-bottom: 32px;
	text-align: center;
	text-decoration: none !important;
	box-sizing: content-box !important;
	transition: all .2s;
	font-weight: bold;
}

.wt-button-custom .wt-button-custom-span {
	font-size: 20px !important;
	position: relative;
	border: none;
	display: block !important;
	text-decoration: none !important;
	box-sizing: content-box !important;
	transition: all .2s;
}


/* NCI Comprehensive Dashboard pages (e.g. https://www.dds.ca.gov/rc/nci/nci-interactive-dashboard/in-person-survey-ips/ ) */
.nci-data-page-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center
}

.nci-data-header-col-2 h4 {
	margin-top: 0 !important;
}

.nci-data-header-text-container {
	background-color: rgba(253, 184, 30, 0.6);
	padding: 24px;
	border-radius: 16px;
}

.nci-data-header-image {
	width: 100%;
	object-fit: cover;
	border: 6px solid #fdb81e;
	margin-top: 0px !important;
}

.service-group-custom {
	margin-bottom: 35px;
	background-color: #000000;
}

.service-tile-custom {
	min-height: 0px !important;
	height: 115px !important;
	background: #FFFFFF !important;
}

.teaser-custom {
	border: 5px solid #FFFFFF !important;
	border-bottom: none !important;
	opacity: 1 !important;
}

.card-custom {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.nci-dashboard-button-instruction {
	margin-top: 0;
}

.dashboard-button-row-custom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

.dashboard-container-custom {
	margin-top: 8px;
}

.tableauPlaceholder {
	height: auto !important;
	width: 100% !important;
}

.dashboard-error-message {
	margin-top: 16px;
	font-weight: bold;
}

.nci-footer-button-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 35px;
}

.nci-footer-button-container .nci-comp-button {
	margin-bottom: 30px;
	text-align: left !important;
	padding: 4px;
	margin-right: 0px;
	font-weight: bold;
	white-space: normal;
	width: 270px;
	border: none;
	text-decoration: none !important;
	box-sizing: content-box !important;
	transition: all .2s;
}

.nci-footer-button-container .nci-comp-button-span {
	position: relative;
	border: none;
	display: block !important;
	text-decoration: none !important;
	box-sizing: content-box !important;
	transition: all .2s;
}










/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/
@media only screen and (max-width: 767px) {
    .nci-data-header-image {
        width: 100%;
        object-fit: cover;
    }
}

@media (max-width: 767px) {

    .carousel-video:hover .owl-prev,
    .carousel-video-submenu:hover .owl-prev,
    .carousel-content:hover .owl-prev {
        left: 0.1em;
    }

    .carousel-video:hover .owl-next,
    .carousel-video-submenu:hover .owl-next,
    .carousel-content:hover .owl-next {
        right: 0.1em;
    }

    .carousel-content .owl-nav .owl-prev {
        color: white;
        position: absolute;
        left: 0.1em;
    }

    .carousel-content .owl-nav .owl-next {
        color: white;
        position: absolute;
        right: 0.1em;
    }

    .carousel-video-submenu .item-thumbnail .videoThumb {
        height: 80px;
    }

    .header-slideshow-banner {
        display: block;
    }

    .header-slideshow-banner #primary-carousel {
        margin: 0;
        padding: 0;
    }

    .header-slideshow-banner #primary-carousel .slide-text {
        bottom: -12px;
        right: 0;
        font-size: 14px;
        width: 100%;
    }

    .header-slideshow-banner #primary-carousel .slide-text .title {
        font-size: 19px;
    }

    .header-slideshow-banner .banner-pager,
    .header-slideshow-banner .banner-play-pause {
        top: 15px;
    }

    .ask-group {
        margin-top: -60px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .wt-video-container-custom {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }

    .wt-video-custom {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

	#google_translate_element {
        display: none;
    }

    #google_translate_mobile {
        display: block;
        transform: scale(1.25); /* Same scaling */
        transform-origin: left;
        margin: 12px 4px; /* Same margin */
    }
}

@media (max-width: 768px) {
    /* .alert {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .alert-content {
        padding: 10px;
    }

    .alert-button {
        padding: 10px;
    } */
}

@media (max-width: 991px) and (min-width: 768px) {
    .first-level-link {
        padding: 5px 3px 12px 3px;
    }
}

@media(max-width: 991px) {

    .first-level-link,
    .first-level-btn {
        padding: 20px 0 20px 15px;
    }

    .carousel-video-submenu .item-thumbnail .videoThumb {
        height: 110px;
    }

    .header-single-banner {
        display: block !important;
    }

    .ask-group .panel {
        top: 12px;
        width: 90%;
        margin: 8px auto !important;
    }

    .vision-english {
        border-bottom: solid 2px rgba(253, 184, 30, 1);
        padding-bottom: 40px !important;
        margin-bottom: 40px;
    }
	.connect-block {
        border-bottom: solid 2px #d3f1ff;
        padding-bottom: 40px !important;
        margin-bottom: 40px;
    }
}

@media (max-width: 992px) {
    .carousel-video-submenu .item-thumbnail .item-overlay span {
        font-size: 30px;
    }
}

@media only screen and (min-width: 321px) {
    .early-start-header-video {
        width: 320px;
        height: 180px;
    }
}

@media only screen and (min-width: 540px) {
    .wt-dsp-image-custom {
        width: 530px;
        height: 685px;
    }
}

@media(min-width: 576px) {
    .homepage-facebook-feed-container {
        width: 63%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) {
    .vaccine-round-logo img {
        width: 220px;
    }

    .vaccine-buttons img {
        width: 75%;
    }

    .early-start-header-video {
        width: 560px;
        height: 315px;
    }

    .self-adv-survey .self-adv-survey-header {
        flex-direction: row-reverse;
    }

    .self-adv-survey .self-adv-survey-header-col-2 {
        padding-right: 50px;
        width: 90%;
    }

    .sixth {
        margin: 0 0.83%;
        width: 15%;
    }
}

@media (min-width: 768px) {
    .carousel-content .item.backdrop .content-container:first-child {
        padding: 10%;
    }

    .components-row-1-container .icon-button-group {
        flex-direction: row;
    }

    .icon-button-group .icon-button-link {
        margin: 0px 24px 34px 24px;
    }

    .homepage-facebook-feed-container {
        width: 46%;
        margin: 0 auto;
    }

    .service-icons-top-row-container {
        flex-direction: row;
        justify-content: center;
    }

    .rc-listings-button-container {
        flex-direction: row;
    }

    .hero-list {
        grid-template-columns: repeat(2, 1fr);
        /* Medium: 3 columns */
    }
}

@media only screen and (min-width: 992px) {
    .video-card-custom {
        width: 50% !important;
    }

    .vaccine-logos {
        display: flex;
        text-align: initial;
    }

    .vaccine-round-logo img {
        width: 200px;
    }

    .wt-multiple-card-container-custom {
        flex-direction: row;
        justify-content: center;
        margin-top: 10px;
    }

    .wt-link-card-custom {
        margin: 0px 15px 0px 15px;
    }

    .vaccine-buttons img {
        width: 100%;
    }

    .nci-data-page-header {
        flex-direction: row-reverse;
    }

    .nci-data-page-header {
        align-items: unset;
    }

    .nci-data-header-col-1 {
        width: 50%;
    }

    .nci-data-header-col-2 {
        width: 50%;
        padding-right: 50px;
    }

    .dashboard-button-row-custom {
        flex-direction: row;
        flex-flow: wrap;
    }

    .nci-footer-button-container {
        flex-direction: row;
    }

    .nci-footer-button-container .nci-comp-button {
        margin-right: 50px;
        margin-bottom: 0px;
    }

    .self-adv-survey .self-adv-survey-header {
        align-items: unset;
    }
}

@media (min-width: 991px) {
    .hero-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(min-width: 992px) {
    .vision-english {
        border-right: solid 2px rgba(253, 184, 30, 1);
    }
	.connect-block {
        border-right: solid 2px #d3f1ff;
    }

    #siteSettings .btn {
        margin-bottom: 0;
    }

    #siteSettings .close {
        margin-top: -5px;
    }
}

@media(min-width: 1024px) {
    .twitter-feed-block {
        width: 65%;
    }
}

@media only screen and (min-width: 1024px) {
    .self-adv-survey .self-adv-survey-header-col-2 {
        width: 80%;
    }
}

@media only screen and (min-width: 1200px) {
    .vaccine-round-logo img {
        width: 220px;
    }

    .vaccine-buttons img {
        width: 80%;
    }

    .wt-four-card-container-custom {
        flex-direction: row;
        justify-content: center;
        margin-top: 10px;
    }

    .wt-link-card-custom {
        margin: 0px 15px 0px 15px;
    }

    .nci-data-header-col-2 {
        padding-top: 20px;
    }
}

@media(min-width: 1200px) {
    .service-tile-homepage {
        min-height: 240px;
    }

    .components-row-1-container {
        margin-bottom: 3rem;
		margin-top: 3rem;
    }

    .components-row-1-container .section-heading-buttons-custom {
        width: 500px;
    }

    .components-row-1-container .section-heading-link-card-custom {
        width: 95%;
    }

    .components-row-1-container .homepage-card-custom-width {
        width: 100%;
        min-height: 410px;
    }

    .icon-button-group .icon-button-link {
        margin: 0px 8px 26px;
    }

    .icon-button-group .icon-button-link:nth-last-child(2) {
		margin-bottom: 0;
	}
	
	.icon-button-group .icon-button-link:nth-last-child(1) {
		margin-bottom: 0;
	}

    .components-row-2-container {
        margin-bottom: 3rem;
    }

    .homepage-facebook-feed-container {
        width: 60%;
        margin: 0 auto;
    }

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

    .utility-header .utility-links .utility-header-button-1 {
        padding-right: 4px;
    }

    .utility-header .utility-links .utility-header-button-2 {
        padding-left: 4px;
    }
}

@media only screen and (min-width: 1280px) {
    .early-start-header-video {
        margin: 8px;
    }
}




/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}