/*Service Catalog*/

/*learn more accordions */
.et-learn-more h3.heading-more  {
    color: #000 !important;
    font-size: 18px !important;
}

/*Utility header*/
span.official-tag.align-bottom {
    color: #000 !important;
}

#service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_0 a:before{
    background: url("https://cdt.ca.gov/services/wp-content/uploads/sites/2/2018/08/Service-Catalog-Icons-01.png") ;
    }
    
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_1 a:before{
    background: url("https://cdt.ca.gov/services/wp-content/uploads/sites/2/2018/08/Service-Catalog-Icon-02.png") ;
    }
    
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_2 a:before{
    background: url("https://cdt.ca.gov/services/wp-content/uploads/sites/2/2018/08/Service-Catalog-Icon-03.png") ;
    background-size: 80px 60px !important;
    }
    
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_3 a:before{
    background: url("https://cdt.ca.gov/services/wp-content/uploads/sites/2/2018/08/Service-Catalog-Icon-04.png") ;
    background-size: 100px 60px !important;
    }
    
    
    
    
    #service-catalog-tabs .et_pb_tabs_controls li a:before{
    content: "";
    height: 100px;
    display: block;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 110px 110px !important;
    }
    #service-catalog-tabs{
    border-left: none;
    border-right: none;
    border-top: none;
    }
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_active a{
        background-color: #f1f2f3;
    }
    #service-catalog-tabs .et_pb_tabs_controls{
    margin-bottom: 0;
    }
    #service-catalog-tabs .et_pb_tabs_controls li{
    display: table !important;
    float: left !important;
    max-width: 24%;
    width: 24%;
    border: none;
    }
    
    #service-catalog-tabs .et_pb_all_tabs .et-pb-active-slide:before{
    content: "" !important;
    }
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_active{
    background-color: initial;
    }
    #service-catalog-tabs .et_pb_tabs_controls li a {
    border-right: none;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    padding: 4px 0px 4px;
    min-height: 150px;
    }
    #service-catalog-tabs  .catalog-content{
    list-style-type: none;
        padding-bottom: 0;
        display: inline-block;
    width: 100%;
    }
    
    #service-catalog-tabs  .catalog-content li{
        float: left;
        width: 33%;
        padding-right: 15px;
    }
    #service-catalog-tabs  .catalog-content.infrastructure,
    #service-catalog-tabs  .catalog-content.professional {
        width: 50%;
    float: left;
    }
    #service-catalog-tabs  .catalog-content.infrastructure li,
    #service-catalog-tabs  .catalog-content.professional li{
        width: auto;
    float: none;
    padding-right: 0;
    list-style-type: none;
    }
    #service-catalog-tabs  .catalog-content li span{
       cursor: pointer;
    font-size: 1.5em;
        vertical-align: sub;
        font-weight: bold;
    }
    #service-catalog-tabs  .et_pb_all_tabs .et_pb_tab{
    padding: 16px 15px;
    }       
    #service-catalog-tabs  .et_pb_all_tabs .et-pb-active-slide{
    background-color: #f1f2f3;
    }        
    #service-catalog-tabs  .et_pb_all_tabs .et_pb_tab .tabbed.extra{
    list-style-type: none;
    }             
    #service-catalog-tabs  .et_pb_all_tabs .et_pb_tab .tabbed.extra li:before{
    content: '';
    }             
    #service-catalog-tabs  .et_pb_all_tabs .et_pb_tab .tabbed.extra li{
    float: none !important;
        width: 100% !important;
    }           
    #service-catalog-tabs  .et_pb_all_tabs .et_pb_tab .tabbed.extra li{
    float: none !important;
        width: 100% !important;
    }      
    #service-catalog-tabs td{border:none;}
    
    #service-catalog-tabs .et_pb_all_tabs .et-pb-active-slide {
    
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    #service-catalog-tabs .et_pb_tabs_controls {
        background-color: #f9f9f9;
        border-radius: 5px;
    }
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_active a 
        vice-catalog-tabs .et_pb_tabs_controls .et_pb_tab_active a {
        background-color: #f1f2f3;
        border-radius: 5px;
    }
    
    .entry-content table, body.et-pb-preview #main-content .container table {
    
        border: none;
    }
    
    #service-catalog-tabs .et_pb_all_tabs .et-pb-active-slide {
        background-color: #f1f2f3;
    
       
    }
    
    ul.et_pb_tabs_controls {
        background-color: #f9f9f9;
    }
    
    #service-catalog-tabs .et_pb_tabs_controls li {
      
        border-bottom: #f9f9f9 solid 1px;
    }
    
    #service-catalog-tabs .et_pb_tabs_controls li a {
        border-radius: 0;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    
    
    .et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li, .et_pb_tabs_0.et_pb_tabs {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    
    .entry-content table, body.et-pb-preview #main-content .container table {
    
        border: 0;
       
    }
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_2 a:before {
    
           background-size: 110px 110px !important;
    }
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_3 a:before {
    
               background-size: 110px 110px !important;
    }
    
    #service-catalog-tabs .et_pb_tabs_controls li {
    
        max-width: 25%;
        width: 100%;
    
    }
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_active a {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    .et_pb_all_tabs {
     
        margin-top: -1px;
    }
    
    
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_0.et_pb_tab_active a {
    
        border-bottom: solid #bb5b27 4px;
    }
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_1.et_pb_tab_active a {
    
        border-bottom: solid #104776 4px;
    }
    
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_2.et_pb_tab_active a {
    
        border-bottom: solid #e88c28 4px;
    }
    
    
    #service-catalog-tabs .et_pb_tabs_controls .et_pb_tab_3.et_pb_tab_active a {
    
        border-bottom: solid #11a3c0 4px;
    }
    
    #service-catalog-tabs .et_pb_tabs_controls {
        min-height: 150px;
    }
    
    
    
    
    @media (max-width: 767px) {
    
    #service-catalog-tabs .et_pb_tabs_controls li {
    
    max-width: inherit;
    
    }
    }

/*End of Service Catalog*/

/*Dialog Redirect-------------------------------------------------------------------------------*/
.hidden {
    display: none;
  }
  
  [role="alertdialog"],
  [role="dialog"] {
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #000;
    background-color: #fff;
    min-height: 100vh;
  }
  
  @media screen and (min-width: 640px) {
    [role="alertdialog"],
    [role="dialog"] {
      position: absolute;
      top: 2rem;
      left: 50vw;  /* move to the middle of the screen (assumes relative parent is the body/viewport) */
      transform: translateX(-50%);  /* move backwards 50% of this element's width */
      min-width: calc(640px - (15px * 2));  /* == breakpoint - left+right margin */
      min-height: auto;
      box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.22);
    }
  }
  
  .dialog_label {
    text-align: center;
  }
  
  .dialog_form {
    margin: 15px;
  }
  
  .dialog_form .label_text {
    box-sizing: border-box;
    padding-right: 0.5em;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    width: 30%;
    text-align: center;
  }
  
  .dialog_form .label_info {
    box-sizing: border-box;
    padding-right: 0.5em;
    font-size: 12px;
    width: 30%;
    text-align: center;
    display: inline-block;
  }
  
  .dialog_form_item {
    margin: 10px 0;
    font-size: 0;
  }
  
  .dialog_form_item .wide_input {
    box-sizing: border-box;
    max-width: 70%;
    width: 27em;
  }
  
  .dialog_form_item .city_input {
    box-sizing: border-box;
    max-width: 70%;
    width: 17em;
  }
  
  .dialog_form_item .state_input {
    box-sizing: border-box;
    max-width: 70%;
    width: 15em;
  }
  
  .dialog_form_item .zip_input {
    box-sizing: border-box;
    max-width: 70%;
    width: 9em;
  }
  
  .dialog_form_actions {
    text-align: right;
    padding: 0 20px 20px;
  }
  
  .dialog_close_button {
    float: right;
    position: absolute;
    top: 10px;
    left: 92%;
    height: 25px;
  }
  
  .dialog_close_button img {
    border: 0;
  }
  
  .dialog_desc {
    padding: 10px 20px;
  }
  
  /* native <dialog> element uses the ::backdrop pseudo-element */
  
  /* dialog::backdrop, */
  .dialog-backdrop {
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  @media screen and (min-width: 640px) {
    .dialog-backdrop {
      background: rgba(0, 0, 0, 0.3);
    }
  }
  
  .dialog-backdrop.active {
    display: block;
  }
  
  .no-scroll {
    overflow-y: auto !important;
  }
  
  /* this is added to the body when a dialog is open */
  .has-dialog {
    overflow: hidden;
  }
  
  /* styling for alert-dialog example */
  .notes {
    display: block;
    font-size: 1rem;
    line-height: 1.3;
    min-width: 400px;
    max-width: 100%;
    width: 33%;
  }
  
  .toast {
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 1rem;
    border: none;
    border-radius: 0.25rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    position: fixed;
    top: 1rem;
    right: 1rem;
    transform: translateY(-150%);
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .toast.active {
    transform: translateY(0);
  }


/*End of Dialog Redirect-------------------------------------------------------------------------------*/



/* CDT Services Redesign 11/20/2023______________________________________________________________________ */

/* correct background color of the utility header */
div.utility-header {
    background: #eef8fb;
}
div span.official-tag.align-bottom {
    color: #000;
}
body[class*="6.0"] #google_translate_element div.skiptranslate.goog-te-gadget, body[class*="6.0"] div.skiptranslate.goog-te-gadget a {
    color: #666;
}

/* --------------------------------------------------- */
/* Header */

div .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
	background-size: auto auto;
	background-position: 0% 0%;
	background-image: linear-gradient(82deg, #01395E 6.26%, #01395E 21.98%, #0F476A 53.11%, rgba(15, 71, 106, 1) 62.96%, rgba(16, 43, 63, 1) 93.88%) !important;
}

@media (min-width: 1070px) {

	div .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
		background-size: auto auto, 50%;
		background-position: 0% 0%, 100% 50%;
		background-image: linear-gradient(82deg, #01395E 6.26%, #01395E 21.98%, #0F476A 53.11%, rgba(15, 71, 106, 0.74) 62.96%, rgba(16, 43, 63, 0.00) 93.88%),  url(https://cdtcdev.sites.ca.gov/services/wp-content/uploads/sites/2/2023/12/services-hero-banner.png) !important;
	}

	/* homepage */
	div.cdt_fullwidth_header .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
		background-size: auto auto, 65%;
		background-position: 0% 0%, 100% 50%;
		background-image: linear-gradient(82deg, #01395E 6.26%, #01395E 21.98%, #0F476A 53.11%, rgba(15, 71, 106, 0.74) 62.96%, rgba(16, 43, 63, 0.00) 93.88%),  url(https://cdtcdev.sites.ca.gov/services/wp-content/uploads/sites/2/2023/12/services-hero-banner.png) !important;
	}

}

/* --------------------------------------------------- */
/* cdt_blurb_circle_title, blurb with circle and title only */

div .cdt_blurb_circle_title .et_pb_main_blurb_image {
	background-color: #153554;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 1px 5px 5px #aaa;
}
div .cdt_blurb_circle_title .et-pb-icon {
	font-size: 74px;
	height: 124px;
	width: 124px;
	line-height:124px;
	color:#fff;
}
div .cdt_blurb_circle_title .et_pb_blurb_content .et_pb_blurb_container {
}
div .cdt_blurb_circle_title .et_pb_blurb_content .et_pb_blurb_container h4 {
	color: #102B3F;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
}

/* --------------------------------------------------- */
/* On this page, page navigation */

div.cdt_onthispage, div.cdt_onthispage_2column {
	background-color: #f3f3f4 !important;
}
.cdt_onthispage {
	
}
@media (min-width: 981px) {
	.cdt_onthispage_2column ul {
		column-count: 2;
	}
	.cdt_onthispage_2column li {
		padding-right:2em;
	}
}
.cdt_onthispage .et_pb_module, .cdt_onthispage_2column .et_pb_module {
	margin-bottom: 0 !important;
}

/* --------------------------------------------------- */
/* Toggles */

div.cdt_toggles .et_pb_toggle .et_pb_toggle_title:before {
	right: auto;
	left: -40px;
	color: #3B3A48;
	font-size: 32px;
	transition: all .1s;
	font-family: ETmodules!important;
	font-weight: 400!important;
	content: "\35"!important;	
}

div.cdt_toggles .et_pb_toggle_close .et_pb_toggle_title:before {
}
div.cdt_toggles .et_pb_toggle_open .et_pb_toggle_title:before {
	transform: rotate(90deg);
}
div.cdt_toggles .et_pb_toggle .et_pb_toggle_title {
	padding: 16px 16px 16px 16px;
	margin-left:50px;
	border-left:1px solid #d4d4d7;
}
.et_pb_toggle_close {
	background-color: #fff;
	padding: 20px;
}
div.cdt_toggles .et_pb_toggle {
	border-radius: 5px;
	margin-bottom: 11px !important;
	border-color: #D4D4D7;
	padding:0;
}
div.cdt_toggles .et_pb_toggle_content {
	padding: 16px 16px 16px 16px;
	border-top:1px solid #d4d4d7;
}

/* End CDT Services Redesign 11/20/2023______________________________________________________________________ */

/* Header Override-----------------------------------------*/
.et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
    background-size: auto 100%;
    background-position: right 0px center;
    background-image: url(https://cdtcdev.sites.ca.gov/services/wp-content/uploads/sites/2/2023/12/Group-2168-2.png),linear-gradient(90deg,#0F3A5D 65%,#006394 100%) !important;
    background-color: #7EBEC5;
}
/*End of header ovvride*/

/*Redesign 2024 v4.4---------------------------------------------------------------------------------------------*/
/* Tables 11/30/2023--------------------------------------------------------------------------------------------*/

.tablepress {
	font-family: "Open Sans";
	/*font-size: none;*/
	color: #000000 !important;
}
.tablepress th {
	background-color: #ffffff !important;
	/*font-size: none;*/
	padding: 6px 10px !important;
}

.table > :not(:first-child){
	border-top:none;
}
ol, ul {
    list-style: none;
    margin-left: 35px;
    line-height: 1.5em !important;
}
.entry-content tr td {
    padding: 6px 10px !important;
}

.list-unstyled li a {
    color: #fff !important;
}
/** Adjusts padding left in Utility-header. May need to re-evaluate this. **/
.container {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
}
/**** BEGIN Landing/marketing banner 1 (.lm-banner) - short line of text (1-3 words) ****/

.lm-banner { 
	overflow: hidden;
	background-image: linear-gradient(90deg, #0F3A5D 65%, #006394 100%); 
}

.lm-banner h1 { 
    color: #fff !important; /* !important required to override '.gray-900.' */
    margin: 3.75rem auto !important; /* H1 desktop margin-top and '!important' is required to overide native WP styles. */
    padding-bottom: 0rem !important; 

} 
.lm-banner-row { padding: 0 15px !important; } /* Removes 27px of native-WP padding-top/bottom but maintains 15px padding-left/right and '!important' is required to overide native WP styles. */

.lm-col { width: 40%; } /* This column is where your image renders and this CSS adjusts it's column's width. */

/** SVG size/placement based on text-line-length. **/
.lm-svg-size {
    /*min-height: 154px;*/
    max-width: fit-content;
} 

/*** BEGIN Responsive banner CSS ***/
@media only screen and (min-width: 1280px) {
    .lm-banner-row { padding: 0 !important; }
}
 
@media only screen and (min-width: 1024px) and (max-width: 1400px){
    .lm-banner-row { padding: 0; }
}
 
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .lm-banner-responsive h1 {
        margin: 1.5rem 1.25rem !important;
    }
    .lm-col { display: none; } /* Removes CDT window panes or your background image of choice. */
}
/** END Smaller DTs and tablets **/
 
/** BEGIN Phones **/
@media only screen and (max-width: 767px) {
    .lm-banner-responsive h1 {
        margin: 1.5rem auto !important;
        padding: 0;
    }
    .lm-col { display: none !important; } /* Removes CDT window panes or your background image of choice. */
}
/*** END Respoinsive banner CSS ***/
/**** END Landing/marketing banner 1 ****/


/**** BEGIN Landing/marketing banner 2 (.lm-banner-lg and '-lg' for all classes related to this banner) - long line of text (3 - 5 words) ****/

.lm-banner-lg { 
    background-image: linear-gradient(90deg, #0F3A5D 70%, #006394 100%) !important;
    min-height: auto;
}

.lm-banner-lg h1 { 
    color: #fff !important; /* !important required to override '.gray-900.' */
    margin-top: 3rem !important; } /* H1 desktop margin-top and '!important' is required to overide native WP styles. */

.lm-banner-lg p { 
    padding-bottom: 1rem !important; 
    color: #fff !important; } /* !important required to override native WP padding and '.gray-900.' */

.lm-banner-row-lg { padding: 0 15px !important; } /* Removes 27px of native-WP padding-top/bottom but maintains 15px padding-left/right and '!important' is required to overide native WP styles. */

.lm-col-lg { width: 20%; } /* This column is where your image renders and this CSS adjusts it's column's width. */

/*** Situates SVG properly based on text-line-length. ***/
.lm-svg-size-lg {
    min-height: 138px;
    max-width: 154px;
    margin: 2rem 3.5rem;
}

/*** BEGIN Tablet and landscape ***/

/* @media only screen and (max-width: 1368px) and (min-width: 1081px) {
    .lm-banner-row-lg  { font-size: 2.5vh; } /* This sets a more responsive font-size for your H1 at this breakpoint. 
} */

@media only screen and (max-width: 1080px) and (min-width: 981px) {
    .lm-banner-lg h1 { 
        color: #fff !important; /* !important required to override '.gray-900.' */
        margin-top: 2.85rem !important; } /* H1 desktop margin-top and '!important' is required to overide native WP styles. */
    .lm-banner-row-lg { padding: 0 2rem !important; }
    .lm-col-lg { 
        margin-bottom: 1.5rem;
        width: 25%;
    }
    .lm-svg-size-lg { margin: 1.5rem 4.3rem 0; }
}

@media only screen and (max-width: 980px) and (min-width: 768px) {
    .lm-banner-responsive-lg {
        background-image: linear-gradient(16deg, #0F3A5D 70%, #006394 100%) !important;
        min-height: auto !important;
    }
    .lm-banner-responsive-lg h1 {
        color: #fff !important; /* !important required to override '.gray-900.' */
        margin: 1.75rem auto 0 !important; /* H1 mobile margin. */
        padding-bottom: 0;
    } 
    
    .lm-banner-responsive-lg p { 
        color: #fff !important; /* !important required to override '.gray-900.' */
        padding-bottom: 1rem !important; /* !important required to override a WP inline style? */
    }
    .lm-banner-row-lg { padding: 0 2.5rem !important; }
    .lm-svg-size-lg {
        max-height: 150px !important;
        max-width: fit-content !important;
        margin: 3.5rem 0 0 1.5rem;
        padding-bottom: 1.48rem;
    }
    /* .lm-col-lg { width: 25% !important; } You may or may not need to set the width on this column for responsiveness. */
}
/*** END Tablet and landscape ***/

/*** BEGIN Phone ***/
@media only screen and (max-width: 767px) {
    .lm-banner-responsive-lg { 
        background-image: linear-gradient(16deg, #0F3A5D 65%, #006394 100%) !important;
        min-height: auto;
    }
    .lm-banner-responsive-lg h1 { 
        color: #fff !important; /* !important required to override '.gray-900.' */
        margin: 1.5rem auto .5rem !important; 
    }
    .lm-banner-responsive-lg p { 
        color: #fff !important; /* !important required to override '.gray-900.' */
        padding-bottom: 1rem !important;  } /* !important was needed to overrride Oceanside <p> spacing. */
    .lm-col-lg { display: none !important; } /* Removes CDT window panes or your background image of choice. */
}
/*** END Phone ***/
/**** END Land/marketing banner 2 ****/

/**** BEGIN Landing/marketing banner 3 (.lm-banner-xlg and '-xlg' for all classes related to this banner) - long line of text (3 - 10 words w/ subtitle) ****/

.lm-banner-xlg { 
    background-image: linear-gradient(90deg, #0F3A5D 65%, #006394 100%) !important;
    min-height: 262px;
}

.lm-banner-xlg h1 { 
    color: #fff !important; /* !important required to override '.gray-900.' */
    margin-top: 3rem !important; } /* H1 desktop margin-top and '!important' is required to overide native WP styles. */

.lm-banner-xlg p { color: #fff !important; } /* !important required to override '.gray-900.' */

.lm-banner-row-xlg { padding: 0 15px !important; } /* Removes 27px of native-WP padding-top/bottom but maintains 15px padding-left/right and '!important' is required to overide native WP styles. */

.lm-col-xlg { width: 43.5%; } /* This column is where your image renders and this CSS adjusts it's column's width. */

/*** Situates SVG properly based on text-line-length. ***/
.lm-svg-size-xlg {
    min-height: 262px !important; /* to overwrite native WP img height auto */
	max-width: none;
}

/*** BEGIN Tablet and landscape ***/

/* @media only screen and (max-width: 1368px) and (min-width: 1081px) {
    .lm-banner-row-xlg  { font-size: 2.5vh; } /* This sets a more responsive font-size for your H1 at this breakpoint. 
} */

@media only screen and (max-width: 1080px) and (min-width: 981px) {
    .lm-banner-xlg h1 { 
        color: #fff !important; /* !important required to override '.gray-900.' */
        margin-top: 2.85rem !important; } /* H1 desktop margin-top and '!important' is required to overide native WP styles. */
    .lm-banner-row-xlg { padding: 0 2rem !important; }
    .lm-col-xlg { 
        margin-bottom: 1.5rem;
        width: 25%;
    }
    .lm-svg-size-xlg { margin: 1.5rem 4.3rem 0; }
}

@media only screen and (max-width: 980px) and (min-width: 768px) {
    .lm-banner-responsive-xlg {
        background-image: linear-gradient(16deg, #0F3A5D 65%, #006394 100%) !important;
        min-height: auto !important;
    }
    .lm-banner-responsive-xlg h1 {
        color: #fff !important; /* !important required to override '.gray-900.' */
        margin: 1.75rem auto 0 !important; /* H1 mobile margin. */
        padding-bottom: 0;
    } 
    
    .lm-banner-responsive-xlg p { 
        color: #fff !important; /* !important required to override '.gray-900.' */
        padding-bottom: 1rem;
    }
    .lm-banner-row-xlg { padding: 0 2.5rem !important; }
    .lm-svg-size-xlg {
        max-height: 150px !important;
        max-width: fit-content !important;
        margin: 3.5rem 0 0 1.5rem;
        padding-bottom: 1.48rem;
		
    }
	.lm-col-xlg { display: none !important; } /* Removes CDT window panes or your background image of choice. */
    /* .lm-col-xlg { width: 25% !important; } You may or may not need to set the width on this column for responsiveness. */
}
/*** END Tablet and landscape ***/

/*** BEGIN Phone ***/
@media only screen and (max-width: 767px) {
    .lm-banner-responsive-xlg { 
        background-image: linear-gradient(16deg, #0F3A5D 65%, #006394 100%) !important;
        min-height: auto;
    }
    .lm-banner-responsive-xlg h1 { 
        color: #fff !important; /* !important required to override '.gray-900.' */
        margin: 1.5rem auto .5rem !important; 
    }
    .lm-banner-responsive-xlg p { 
        color: #fff !important; /* !important required to override '.gray-900.' */
        padding-bottom: 1rem!important; } /* !important was needed to overrride Oceanside <p> spacing. */
    .lm-col-xlg { display: none !important; } /* Removes CDT window panes or your background image of choice. */
}
/**** End Land/marketing 3 ****/


/**** BEGIN Content page banner ****/

.content-page-banner {
    background-color: #EEF8FB !important;
    color: #01395E !important;
}

.content-page-banner p { margin-bottom: 0rem !important }
/**** END Content page banner ****/

/*End of Redesign 2024 v4.4---------------------------------------------------------------------------------------------*/

/* Banner and search bar-----------------------------------------------------------------------------------*/
/*search bar custom*/
.search-textfield {
    padding-left: 10px;
    width: 100%;
    height: 71px;
padding: 15px 15px 15px 15px;
}

button.gsc-search-button-banner {
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0px;
    border-radius: 0 5px 5px 0;
    border-color: #fff;
    background-color: #fff;
    border: none;
}

input.search-textfield {
    border: 3px solid #fff;
    border-radius: 5px 0 0 5px;
    border-color: #fff;
    width:100%;
    
}

.ca-gov-icon-search-banner:before {
    content: "\e604" !important;
    font-size: 30px;
}

@media only screen and (max-width: 768px) { input.search-textfield { width: auto; }
}

.lm-banner h1 {
    color: #fff !important;
    margin: 1.75rem 0 1rem 0 !important;
    padding-bottom: 0rem !important;
}
/* End Banner and search bar-----------------------------------------------------------------------------------*/


/*---Margins and paddings for global unordered list (ul)*/
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    list-style-type: disc;
    padding: 0px 10px 10px 20px;
    margin: 10px;
    line-height: 26px;
}