/* CSS Document */
body
	{
	position: relative;
	}
/* a tags */
a,
a:active
	{
	color: rgba(24,103,165,1);
	transition: all 0.2s;
	}
a:hover,
a:focus
	{
	color: rgba(24,103,165,0.8);
	transition: all 0.3s;
	}

abbr,
abbr[title], 
abbr[data-original-title]
	{
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	}
/* BUTTONS */
.btn
	{
	/*border-radius: 300px;*/
	border-radius: 3px;
	padding: 8px 32px;
	border-width: 2px;
	font-weight: 500;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: lowercase;
	}
.btn:hover
	{
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	}
.btn.btn-wide
	{
	padding: 8px 64px;
	}
.btn.btn-sm
	{
	padding: 5px 10px;
	}
.btn.btn-sm.btn-wide
	{
	padding: 5px 25px;
	}
.btn.btn-main
	{
	color: #333333;
	background-color: rgba(255,255,255,0);
	border: 2px solid #333333;
	font-weight: 600;
	}
.btn.btn-main:hover
	{
	background-color: #EEEEEE;
	}
.btn.btn-filled
	{
	color: #fff;
	background-color: #DD7928;
	border: none;
	font-weight: 500;
	}
.btn.btn-filled:hover
	{
	background-color: #C6601C;
	}
.btn.btn-alternate
	{
	color: #fff;
	background-color: #14497F;
	border: none;
	font-weight: 500;
	}
.btn.btn-alternate:hover
	{
	background-color: #003C6D;
	background-color: #043C5B;
	}
.btn.btn-muted
	{
	color: #777777;
	background-color: none;
	border: 2px solid #CCCCCC;
	font-weight: 600;
	}
.btn.btn-muted:hover
	{
	color: #444444;
	background-color: #EEEEEE;
	border-color: #AAAAAA
	}
.btn.btn-filled-muted
	{
	color: #fff;
	background-color: #A3A3A3;
	border: none;
	font-weight: 500;
	}
.btn.btn-filled-muted:hover
	{
	background-color: #666666;
	}
.section-inverted .btn-primary, 
.card-inverted .btn-primary, 
.section-inverted .btn-primary:active, 
.card-inverted .btn-primary:active, 
.section-inverted .btn-primary.active, 
.card-inverted .btn-primary.active, 
.section-inverted .btn-primary:focus, 
.card-inverted .btn-primary:focus  
	{
	color: #fff;
	background-color: rgba(255,255,255,0.0); 
	border-color: #ffffff;
	}
.section-inverted .btn-primary:hover, 
.card-inverted .btn-primary:hover
	{
	background-color: rgba(255,255,255,0.3); 

	}
main a[href^="http"].btn-primary::after,
ul.list-overstated a,
ol.list-overstated a
	{
	font-weight: 700;
	}
.utility-header
	{
	background: rgb(29,60,81);
	}
.nav-item::after
	{
	content: "";
	height: 0px;
	display: none;
	}

.utility-header .social-media-group,
.utility-header .settings-links
	{
	position: relative;
	min-height: 1px;
	padding-top: 4px;
	padding-right: 15px;
	}
.utility-header .social-media-group
	{
	padding-left: 80px;
	}
.branding .header-organization-banner
	{
	line-height: 74px;
	}
.navigation-search
	{
	border-bottom: none;
	transition: all 0.2s;
	background: rgb(24,103,165);
	}

.main-navigation
	{
	min-height: 0px;
	}

.global-header
	{
	background: none;
	}

.fixed.compact .branding
	{
	height: auto !important; 
	}
.branding .header-organization-banner img
	{
	max-height: 48px;
	}
.search-container, 
.featured-search.active 
	{
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	}
.mobile-controls
	{
	background: #666666;
	padding: 0px;
	}
.mobile-control
	{
	color: #FFFFFF;
	}

.fixed.compact .first-level-link [class^="ca-gov-icon-"]
	{
	display: inline-block;
	}

.fixed.compact .header-organization-banner img
	{
	max-height: 35px;
	height: 35px
	}

.first-level-link
	{
	padding: 10px 5px;
	transition: all 0.3s;
	}

.first-level-link,
.nav-item.active > a,
.first-level-link > span[class^="ca-gov-icon"],
.nav-item.active > a > span[class^="ca-gov-icon"]
	{
	color: white;
	}

.first-level-link:hover, 
.first-level-link:focus, 
.first-level-link:active, 
.nav-item:hover > a,
.nav-item:hover > a > span[class^="ca-gov-icon"],
.utility-header a:hover, 
.utility-header a:focus, 
.utility-header a:active, 
.utility-header a.hovered,
.global-footer a:not(.btn):hover, 
.global-footer a:not(.btn):focus
	{
	color: rgba(255,255,255,0.6);
	}

.first-level-link > span[class^="ca-gov-icon"] 
	{
	display: inline-block;
	font-size: 1.5rem;
	line-height: 0.75;
	}

.nav-arrow-down
	{
	background: none;
	}
.sub-nav
	{
	border: none;
	background: rgba(30,30,30,0.9);
	border-bottom: 5px solid #DD7928;
	}

.second-level-nav > li
	{
	border: none;
	color: #FFFFFF;
	}
.second-level-nav .link-description
	{
	color: #EEEEEE;
	}
.second-level-link [class^="ca-gov-icon-"],
.second-level-link,
a.second-level-link:hover
	{
	color: #FFFFFF;
	}
.second-level-nav > li:hover, 
.second-level-nav > li:focus
	{
	background: rgba(256,256,256,0.2);
	}

.fixed + .main-content
	{
	padding-top: 106px;
	}
.inner-page .fixed + .main-content
	{
	padding-top: 116px;
	}

.fixed + .header-primary-banner
	{
	top: 42px;
	margin-bottom: 42px;
	}

.title-banner
	{
	background: none;
	background-position: -500px -500px;
	background-repeat: no-repeat;
	background-size: 1% 1%;
	}
.title-banner .title-header h1
	{
	margin-bottom: 0.5rem;
	}
.title-banner .title-header h1 small
	{
	display: block;
	margin-top: 0.5rem;
	line-height: 1.2;
	}

.dark-text-box
	{
	background: rgba(0,0,0,0.5);
	padding: 1rem 1.5rem;
	margin: 0rem -1rem;
	}
.title-banner .dark-text-box
	{
	background: none;
	}
.container-fluid.constrained
	{
	/*padding: 0px;*/
	max-width: 2000px;
	margin: auto;
	}


.fixed + .title-banner
	{
	margin-top: -66px;
	}

/* BORDERED */
.bordered-bottom,
.section.bordered-bottom,
.section.vision.bordered-bottom
	{
	border-top: none;
	border-bottom: 3px solid #999999;
	margin-bottom: 0px;
	}
.bordered-top,
.section.bordered-top,
.section.vision.bordered-top
	{
	border-top: 3px solid #999999;
	border-bottom: none;
	}

.bordered,
.section.bordered,
.section.vision.bordered
	{
	border-top: 3px solid #999999;
	border-bottom: 3px solid #999999;
	margin-bottom: 0px;
	}

/*---PANEL HOVER EFFECT--*/
ul.document-listing
	{
	list-style: none;
	padding-left: 0px;
	
	}
.document-listing a:hover,
.document-listing a:visited,
.document-listing a:active
	{
	text-decoration: none;
	
	}
.post-item 
{
	outline: 1.25px solid #999999;
	transition: box-shadow 0.6s linear;
	margin: 1rem 0rem;
}

.post-item.inactive,
.post-item.inactive .panel-header,
.post-item.inactive .panel-body
	{
	color: #999999;
	}
.post-item:hover 
	{
	text-decoration: none;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.25);
	transition: box-shadow 0.3s linear;
	}
.post-item.inactive:hover
	{
	text-decoration: none;
	box-shadow: none;
	}
.post-item::before
	{
	content: "";
	background: #555555;
	height: 4px;
	width: 0%;
	transition: all 0.4s;
	display: block;
	padding-top: 4px;
	}
.post-item:hover::before
	{
	width: 30%;
	transition: all 0.8s;
	}
.post-item.inactive:hover::before
	{
	width: 0%;
	}
.card-text:hover
	{
	text-decoration: none;
	}

/* CARD-FEATURED */
.card.card-featured
	{
	padding-top: 200px;
	background-position: -500px -500px;
	background-repeat: no-repeat;
	background-size: 1% 1%;
	position: relative;
	}
.card.card-featured::before
	{
	content: " ";
	display: block;
	position: absolute;
	height: 200px;
	width: 100%;
	top: 0px;
	background: inherit;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	z-index: 2;
	}
.card.card-featured .card-header
	{
	background-image: url(/images/IconBarGreySGC-LandscapeBar.jpg);
	background-position: -25% 50%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding: 0.5rem 1.5rem 2rem 1.5rem;
	}
.card.card-featured .card-header h2
	{
	margin-top: 0.5rem;
	}
.card.card-featured .card-header p
	{
	font-weight: 500;
	}
.card.card-featured .card-header h2 a,
.card.card-featured .card-header h3 a
	{
	color: inherit;
	}

.card.card-featured .card-header.icon-orange,
.card.card-featured .card-header.icon-blue
	{
	color: #FFFFFF;
	}
.card.card-featured .card-header.icon-orange
	{
	background-image: url(/images/IconBarOrangeSGC-LandscapeBar.jpg);
	}
.card.card-featured .card-header.icon-blue
	{
	background-image: url(/images/IconBarSGC-LandscapeBar.jpg);
	}
.card.card-featured-read-more .card-header
	{
	position: relative;
	padding-bottom: 4.6rem;
	}
.card.card-featured-read-more .card-header .read-more
	{
	position: absolute;
	bottom: 1.5rem;
	}

.list-overstated li ul,
.list-understated li ul
	{
	list-style: none;
	padding-left:0px;
	margin-top: 0.5rem;
	}

.list-overstated li ul li::before,
.list-understated li ul li::before
	{
	font-family: Font Awesome\ 5 Free;
	font-size: 0.8rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height: 1;
	font-weight: 800;
	vertical-align: 5%;
	color: #AAAAAA;
	content: "\f0da\00a0\00a0";
	}

/* List-Agenda Item */
ul.list-agendaitem, 
ol.list-agendaitem
	{
	list-style: upper-alpha;
	margin-left: 19px;
	
	}
.list-agendaitem ul.list-agendaitem, 
.list-agendaitem ol.list-agendaitem
	{
	list-style: lower-roman;
	}
ul.list-agendaitem a, 
ol.list-agendaitem a 
	{
	font-weight: 700;
	}
.list-agendaitem li 
	{
	padding: 0px 0px 14px 8px;
	}
.list-agendaitem li .list-overstated li
	{
	padding: 0px 0px 14px 18px;
	}

/* SECTION-INVERTED */
.section-inverted
	{
	font-weight: 600;
	letter-spacing: 0.05rem;
	}
/* SECTION-IMAGE */
.section.section-image
	{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding: 2rem 0rem;
	text-align: center;
	margin-bottom: 3px;
	position: relative;
	}
.section.section-image.section-image-repeat
	{
	background-position: top center;
	background-repeat: repeat;
	background-size: auto;
	padding: 2rem 0rem;
	}
.section.section-image.section-image-fixed
	{
	background-attachment: fixed;
	}

/* SECTION VISION */
.section.vision,
p.vision-text
	{
	padding: 4rem 0rem 4rem 0rem;
	text-align: left;
	font-weight: 600;
	margin-bottom: 3px;
	color: #444444;
	}
.section-inverted
	{
	text-shadow: 2px 2px 0px rgba(0,0,0,0.1);
	}
.section-inverted.vision
	{
	color: #FFFFFF;
	}
.section-inverted small
	{
	color: #FFFFFF;
	}
.section.vision h2,
.section.vision p
	{
	width: 100%;
	}
.section.vision h2 small
	{
	display: block;
	}
.section.vision h2
	{
	font-weight: 700;
	font-size: 1.8em;
	}
.section.vision p,
p.vision-text
	{
	font-family: 'Montserrat', sans-serif;	margin-top: 2rem;
	font-size: 1.1rem;
	line-height: 1.75em;
	}
p.vision-text
	{
	padding: 0rem;
	margin: 0rem;
	}
.section.vision strong,
p.vision-text strong
	{
	font-weight: 600;
	color: #DD7928;
	}
.section.vision.vision-title h2
	{
	margin-top: 2rem;
	font-size: 1.8rem;
	}
.section.vision.vision-feature h2
	{
	margin-top: 2rem;
	font-size: 1.8rem;
	}
.section.vision.vision-title h2 small,
.section.vision.vision-feature h2 small
	{
	font-size: 1.5rem;
	line-height: 2rem;
	}
.return-top
	{
	right: 20px;
	top: 100px;
	border-radius: 5px;
	height: 40px;
	width: 40px;
	background-color: rgba(0,0,0,0.3);
	font-size: 25px;
	}
.return-top.is-visible
	{
	/*
	-webkit-animation: fadeInUp 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: fadeInUp 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	*/
	}

/* POPUP */
.popup 
	{
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
	z-index: 9999 !important;
	}
.popup .popup-exit a
	{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	}


/* Inner */
.popup-inner 
	{
	max-width:700px;
	width:90%;
	left:50%;
	padding-top: 25px;
	position:absolute;
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	/*border-radius:3px;*/
	background:#fff;
	max-height: 98vh;
	top: 20px;
	transform: translate(-50%,0%);
	-webkit-transform:translate(-50%, 0%);
	}
/* Popup Content */
.popup-content
	{
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 92vh;
	padding: 15px 40px;
	}
.popup .bar-header
	{
	margin: 0px; 
	padding: 10px 40px; 
	background: rgb(167,63,59);
	height: 50px; 
	color: #FFFFFF; 
	font-weight: 700;"
	}
/* Close Button */
.popup-close 
	{
	padding: 5px;
	width:35px;
	height:50px;
	padding:10px;
	display:inline-block;
	position:absolute;
	top: 0px;
	right:0px;
	transition:ease 0.25s all;
	/*-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);*/
	/*border-radius:1000px;*/
	background:rgba(167,63,59,0.0);
	font-family:Arial, Sans-Serif;
	font-size:25px;
	text-align:center;
	line-height:100%;
	color:rgba(255,255,255,0.8);
	}
.popup-close:hover 
	{
	/*-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);*/
	background:rgba(167,63,59,0.5);
	text-decoration:none;
	color:rgba(255,255,255,0.4);
	}
/* MEETING ICONS */
.meeting-date::before,
.meeting-time::before,
.meeting-location::before,
.meeting-website::before
	{
	color: #888888;
	font-family: Font Awesome\ 5 Free;
	font-size: 1rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height: 0.8;
	font-weight: 400;
	}
.section-inverted .meeting-date::before,
.section-inverted .meeting-time::before,
.section-inverted .meeting-location::before,
.section-inverted .meeting-website::before
	{
	color: rgba(255,255,255,0.8);
	font-weight: 800;
	}
.meeting-date::before
	{
	content: "\00a0\f073\00a0\00a0";
	}
.meeting-time::before
	{
	content: "\00a0\f017\00a0\00a0";
	}
.meeting-location::before
	{
	content: "\00a0\f3c5\00a0\00a0";
	font-weight: 800;
	}
.meeting-website::before
	{
	content: "\00a0\f0ac\00a0\00a0";
	font-weight: 800;
	}
/* PARTNER LOGOS */
.partner-logos img
	{
	max-width:50%;
	max-height: 110px;
	height: auto;
	}

.utility-header .social-media-group 
	{
	float: left;
	width: 33%;
	}
.utility-header .settings-links 
	{
	float: left;
	width: 67%;
	text-align: right;
	}

.report-author
	{
	font-style: italic;
	color: #555555;
	margin-bottom: 0.6rem;
	}
.report-title
	{
	margin-top: 0.25rem;
	margin-bottom: 0.5rem;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 0.015em;
	font-size: 1.3rem;
	}
.report-data
	{
	font-size: 85%;
	color: #666666;
	}
.published-date
	{
	font-style: italic;
	}
.highlight
	{
	
	}

.highlight h2
	{
	/*margin-top: 2rem;*/
	}
.highlight h2::before
	{
	margin-bottom: 10px;
	content: "";
	background: rgb(100,100,100);
	width: 40%;
	display: block;
	height: 6px;
	}
.breadcrumb li 
	{
	padding: 0 8px;
	}
.breadcrumb > .active 
	{
	color: #999999;
	}
.section.section-icons
	{
	color: rgba(255,255,255,1);
	background: url(/images/Frontpage-background.jpg);
	background-repeat: repeat;
	padding: 1.5rem 0rem 3rem 0rem;
	text-align: center;
	}
.section.section-icons h2
	{
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	letter-spacing: 0.1rem;
	}
.section.section-icons a
	{
	color: rgba(255,255,255,0.9);
	fill: rgba(255,255,255,0.9);
	text-decoration: none;
	}
.section.section-icons a:hover
	{
	color: rgba(255,255,255,0.5);
	fill: rgba(255,255,255,0.5);
	text-decoration: none;
	}
.section.section-icons .nav-icon
	{
	max-height: 10rem;
	margin-bottom: 0.5rem;
	margin: auto 0.5rem;
	}
.section.section-icons .icon-title
	{
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0.25rem;
	}

.nav-key-findings
	{
	position: relative; 
	background: rgba(250,250,250,1);
	transition: all 0.5;
	width: 100%;
	text-align: center;
	}
.underbar 
	{
  width: 95px;
  height: 5px;
  background: rgba(71,156,107,1.0);
  top: 45px;
  position: absolute;
  -webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(.54,.11,.8,1.18);
	transition-timing-function: cubic-bezier(.54,.11,.8,1.18);
	display: none;
	}
.nav-key-findings li
	{
	display: inline-block;
	}
.anchor-offset
	{
	position: absolute;
	height: 1px;
	top: -150px;
	top: -75px;
	}
.key-findings-list
	{
	background: rgb(24,103,165);
	color: #FFFFFF;
	padding: 0rem;
	min-height: 110px;
	text-align: center;
	}
.key-findings-list h2
	{
	margin-top: 0rem;
	padding: 1rem 0rem;
	font-weight: 500;
	font-size: 1.2rem;
	background: rgb(29,60,81);
	}
.key-findings-list .navbar
	{
	background: none;
	}
.key-findings-list .navbar .nav a
	{
	color: #FFFFFF;
	}
.key-findings-list .navbar.sticky
	{
	background: rgb(250,250,250);
	}
 .key-findings-list .navbar.sticky .nav a
	{
	color: #777777;
	}

	
.section-key-findings
	{
	padding: 1.5rem 0rem 3rem;
	overflow:visible;
	}
.section-key-findings.category-summary
	{
	border-top: 10px solid rgb(240,240,240);
	}
.section-key-findings p
	{
	font-size: 1.3rem;
	margin-bottom: 2rem;
	}
.section.section-key-findings .container h2
	{
	text-align: center;
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 500;
	margin: 3rem 0rem 2.5rem; 
	letter-spacing: 0.025rem;
	}
.section-key-findings h2::before
	{
	display: block;
	content: " ";
	height: 4px;
	background: rgb(29,100,64);
	width: 150px;
	margin: 0.5rem auto;
	}
.section-key-findings.category-temperature h2::before
	{
	background: rgb(167,63,59);
	}
.section-key-findings.category-water h2::before
	{
	background: rgb(24,103,165);
	}
.section-key-findings.category-wildfire h2::before
	{
	background: rgb(182,97,42);
	}
.section-key-findings.category-sea-level h2::before
	{
	background: rgb(0,146,144);
	}
.section-key-findings.category-governance h2::before
	{
	background: rgb(117,26,87);
	}

.section.section-key-findings .container h3
	{
	text-align: center;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 500;
	margin: 2.5rem 0rem 1.5rem; 
	letter-spacing: 0.025rem;
	}
.section-key-findings h3::before
	{
	display: block;
	content: " ";
	height: 2px;
	background: rgb(200,200,200);
	width: 150px;
	margin: 0.5rem auto;
	}

.summary-image-container
	{
	position: relative;
	width: 100%;
	height: 1px;
	padding-top: 100%;
	}
.summary-image-container #summary-graphic
	{
	position: absolute;
	top: 0px;
	bottom: 0px;
	}
.highlight-text
	{
	display: block;
	font-size: 2.2rem;
	line-height: 2.5rem;
	font-weight: 900;
	/*color: #333333;*/
	}
.highlight-lead::after
	{
	content: " ";
	display: block;
	background: rgb(29,100,64);
	height: 6px;
	width: 45%;
	margin: 0.75rem 0rem;;
	}
.section-kf-summary
	{
	color: #FFFFFF;
	background-image: url('/state/images/State-background.png');
	}
.section-kf-summary .highlight-text
	{
	color: #FFFFFF;
	}
.section-kf-summary .highlight-text::after
	{
	background: #FFFFFF;
	}

.key-findings-graphic-thermometer,
.key-findings-graphic-temperature,
.key-findings-graphic-water-bottles,
.key-findings-graphic-water-text,
.key-findings-wildfire-area-graphic,
.key-findings-wildfire-insurance-graphic,
.key-findings-graphic-heat-wave
	{
	position: relative;
	width: 100%;
	height: 1px;
	padding-bottom: 99%;
	}
.key-findings-graphic-thermometer
	{
	padding-bottom: 200%;
	}
.key-findings-graphic-heat-wave
	{
	padding-bottom: 66.7%;
	}
.key-findings-graphic-water-text,
.key-findings-graphic-water-bottles
	{
	padding-bottom: 55.6%;
	}
.key-findings-wildfire-area-graphic,
.key-findings-wildfire-insurance-graphic
	{
	margin-top: -50px;
	}
	
.key-findings-graphic-temperature #temperature-graphic,
.key-findings-graphic-thermometer #thermometer-graphic,
.key-findings-graphic-water-text #water-graphic,
.key-findings-graphic-water-bottles #water-bottle-graphic,
.key-findings-wildfire-area-graphic #wildfire-area-graphic,
.key-findings-wildfire-insurance-graphic #wildfire-insurance-graphic,
.key-findings-graphic-heat-wave #heat-wave-graphic
	{
	position: absolute;
	top: 0px;
	left:0px;
	}
.category-temperature
	{
	background-image: url(/state/overview/images/background-sun.svg); 
	background-repeat: no-repeat; 
	background-position: top left; 
	background-size: auto 40%;
	}
.category-water
	{
	background-image: url(/state/overview/images/background-river.svg); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	background-size: auto 150px;
	padding-bottom: 125px;
	}
.category-agriculture
	{
 	background-image: url(/state/overview/images/background-agriculture.svg); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	background-size: 90% auto;
	padding-bottom: 110px;
	}
.category-wildfire
	{
	background-image: url('/state/overview/images/background-wildfires.svg');
	background-size: auto 450px; 
	background-position: center bottom; 
	background-repeat: no-repeat;
	padding-bottom: 135px;
	}
.category-sea-level
	{
	background-image: url('/state/overview/images/background-ocean-update_ocean-small_ocean-small-working.svg'); 
	background-size: 500px auto; 
	background-position: center bottom; 
	padding-bottom: 150px;
	background-repeat: no-repeat;
	}
.category-transportation
	{
	background-image: url(/state/overview/images/background-transportation-small.svg); 
	background-size: auto 120px; 
	background-position: center bottom; 
	background-repeat: no-repeat;
	padding-bottom: 90px;
	}
.category-public-health
	{
	background-image: url('/state/overview/images/background-houses.svg'), url('/state/overview/images/background-commercial.svg');
	background-size: 450px auto;
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	padding: 100px 0px 75px;
	}
.category-governance
	{
	background-image: url('/state/overview/images/background-governance.svg');
	background-size: 450px auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 75px;
	margin-bottom: 1.5rem;
	}
.category-energy
	{
	background-image: url('/state/overview/images/background-energy.svg');
	background-size: 90% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 75px;
	margin-bottom: 1.5rem;
	}


/*----------------*/
/* Small devices */
/*----------------*/
@media (min-width: 768px) { 
	.main-navigation
		{
		margin-top: -66px;
		}
	.fixed.compact .main-navigation 
		{
		margin-top: -46px;
		}
	.navigation-search
		{
		border-bottom: none;
		transition: all 0.2s;
		}
	.first-level-link
		{
		padding: 20px 5px;
		}
	.fixed.compact .first-level-link
		{
		padding: 10px 5px;
		}
	.fixed.compact .navigation-search
		{
		transition: all 0.3s;
		}
	.navigation-search:hover,
	.fixed.compact .navigation-search:hover
		{
		transition: all 0.3s;
		}
	.search-container, .featured-search.active 
		{
		/*top: 74px;*/
		top: 66px;
		}
	.active-search .fixed.compact .search-container, 
	.fixed.compact .search-container.active 
		{
		top: 59px;
		}
	.search-container.active 
		{
		background: rgba(200,200,200,0.8);
		border-bottom: 3px solid #AAAAAA;
		border-bottom: none;
		}

	.top-level-nav 
		{
		min-height: 66px;
		}
	.branding
		{
		height: 66px !important;
		}
	.branding .header-organization-banner img
		{
		max-height: 48px;
		}
	.branding .header-organization-banner
		{
		line-height: 60px;
		}

	.fixed.compact .header-organization-banner	
		{
		line-height: 50px;
		}

	.title-in-image
		{
		position: absolute;
		bottom: 30px;
		}
	
	.title-banner
		{
		margin-top: -76px;
		width: 100%;
		overflow: hidden;
		background-position: center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-attachment: fixed;
		display: block;
		position: relative;
		/*margin-bottom: 3px;*/
		/*border-bottom: 3px solid #333333;*/
		}
	.vision.title-banner
		{
		height: 100vh;
		margin-top: -106px;
		background-position: center;
		}

	.title-banner .title-header
		{
		position: absolute;
		bottom: 0px;
		width: 100%;
		background: none;
		color: #FFFFFF;
		padding-top: 1rem;
		padding-bottom: 5rem;
		}
	.title-banner .title-header h1
		{
		font-size: 3.6rem;
		font-weight: 700;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5), 0px 0px 7px #222222;
		margin-top: 0px;
		}

	.title-banner .title-header h1 small
		{
		color: #FFFFFF;
		}

	.title-banner .title-header ol
		{
		background: none;
		}

	.title-banner .title-header ol li a
		{
		color: #FFFFFF;
		}
	.title-banner .title-header ol li.active
		{
		color: #AAAAAA;
		}
	.title-banner .title-header .breadcrumb-box
		{
		background: #111111;
		background: none;
		padding-top: 0.3rem;
		margin-top: 0.5rem;
			
		position: absolute;
		bottom: 0px;
		width: 100%;
		}
	.vision.title-banner .title-header
		{
		/*background-color: rgba(0,0,0,0.3);*/
		padding-bottom: 58px;
		padding-bottom: 3.6rem;
		padding-bottom: 150px;
		min-height: 40vh;
		}
	.vision.title-banner .title-header::after
		{
		position: absolute;
		transform: translate(-50%,-50%);
		bottom: 50px;
		left: 50%;
		content: "\f0d7";
		content: "\f078";
		color: #FFFFFF;
		opacity: 0.3;
		font-family: Font Awesome\ 5 Free;
		font-size: 2rem;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		line-height: 0.8;
		font-weight: 800;
		}
	
	.vision.title-banner .title-header h1,
	.vision.title-banner .title-header p
		{
		text-shadow: 0px 0px 40px rgba(0,0,0,0.5);
		width: 100%;
		}
	.vision.title-banner .title-header h1
		{
		font-size: 3rem;
		}
	.vision.title-banner .title-header p
		{
		font-family: 'Montserrat', sans-serif;
		font-size: 1.3rem;
		line-height: 1.5em;
		}
	.vision.title-banner .title-header .breadcrumb-box
		{
		position: absolute; 
		bottom: 0px;
		width: 100%;
		}
	.vision.title-banner .title-header .btn-primary,
	.vision.title-banner .title-header a.btn-primary::after
		{
		border-color: #FFFFFF;
		color: #FFFFFF;
		}
	.vision.title-banner .title-header .btn-primary:hover
		{
		background-color: rgba(255,255,255,0.2);
		}
	.title-banner .dark-text-box
		{
		background: rgba(0,0,0,0.6);
		}

	/* ICON-BAR */
	.icon-bar
		{
		border-top:none;
		border-right: 2px solid #FFFFFF;
		font-weight: 500;
		}
	.icon-bar + .icon-bar
		{
		border: none;
		border-left: 2px solid #FFFFFF;
		}

	.icon-bar .icon-bar-block
		{
		margin-right: 0px;
		margin-left: auto;
		width: 340px;
		padding: 2rem 1.5rem 2.5rem 0rem;
		}
	.icon-bar + .icon-bar .icon-bar-block
		{
		margin-left: 0px;
		margin-right: auto;
		padding: 2rem 0rem 2.5rem 1rem;
		}
	
		/* VISION */
	.section.vision,
	p.vision-text
		{
		padding: 6rem 3rem 6rem 3rem;
		}
	.section.vision h2
		{
		font-size: 2.75rem;
		}
	.section.vision p,
	p.vision-text
		{
		font-size: 1.3rem;
		}
	.section.vision.vision-title h2
		{
		font-size: 3.5rem;
		}
	.section.vision.vision-feature h2
		{
		font-size: 3rem;
		}
	.section.vision.vision-title h2,
	.section.vision.vision-title p,
	.section.vision.vision-feature h2,
	.section.vision.vision-feature p
		{
		width: 80%;
		}
	p.vision-text
		{
		padding: 1rem 0rem;
		}
	/* POPUP */
	.popup-inner
		{
		top:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		}
	.popup-close
		{
		display: inline-block;
		}
	.btn.btn-list
		{
		min-width: 75%;
		}
	.report-title
		{
		font-size: 1.5rem;
		}
	.nav-key-findings.sticky
		{
		border-bottom: 2px solid rgba(240,240,240,1);
		background: rgb();
		}
	.nav-key-findings ul
		{
		position: relative;
		width: 649px;
		margin: 0px auto;
		}
	.nav-key-findings li
		{
		height: 45px;
		}
	
	.nav > li > a:hover,
	.nav > li > a:focus
		{
		outline: none;
		background: none;
		color: #333333;
		}
	/* temperature */
	.nav-key-findings li:nth-of-type(1)
		{
		width: 125px;
		}
	li:nth-of-type(1).active ~ .underbar 
		{
		left: 0px;
		width: 125px;
		background: rgb(167,63,59);
		}

	/* water */
	.nav-key-findings li:nth-of-type(2)
		{
		width: 80px;
		}
	li:nth-of-type(2).active ~ .underbar 
		{
		left: 125px;
		width: 80px;
		background: rgb(24,103,165);
		}

	/* wildfire */
	.nav-key-findings li:nth-of-type(3)
		{
		width: 95px;
		}
	li:nth-of-type(3).active ~ .underbar 
		{
		left: 205px;
		width: 95px;
		background: rgb(182,97,42);
		}

	/* sea level */
	.nav-key-findings li:nth-of-type(4)
		{
		width: 100px;
		}
	li:nth-of-type(4).active ~ .underbar 
		{
		left: 300px;
		width: 100px;
		background: rgb(0,146,144);
		}	

	/* communities */
	.nav-key-findings li:nth-of-type(5)
		{
		width: 125px;
		}
	li:nth-of-type(5).active ~ .underbar 
		{
		left: 400px;
		width: 125px;
		}	

	/* governance */
	.nav-key-findings li:nth-of-type(6)
		{
		width: 120px;
		}
	li:nth-of-type(6).active ~ .underbar 
		{
		left: 525px;
		width: 120px;
		background: rgb(117,26,87);
		}	
	
	.sticky .underbar
		{
		display: block;
		}
	.sticky 
		{
		position: fixed;
		top: 89px;
		left: 50%;
		transform: translate(-50%,0%); 
		z-index: 5;
		}
	.category-temperature
		{
		background-size: auto 60%;
		}
	.category-water
		{
			padding-bottom: 145px;
		}
	.category-agriculture
		{
		background-size: 700px auto; 
		padding-bottom: 130px;
		}
	.key-findings-wildfire-area-graphic,
	.key-findings-wildfire-insurance-graphic
		{
		margin-top: -45px;
		}
	.category-wildfire
		{
		background-size: auto 600px; 
		background-position: center bottom; 
		background-repeat: no-repeat;
		padding-bottom: 175px;
		}
	.category-sea-level
		{
		background-size: 750px auto; 
		background-position: 50% bottom; 
		padding-bottom: 240px;
		}
	.category-transportation
		{
		background-size: auto 160px; 
		padding-bottom: 130px;
		}
	.category-public-health
		{
		background-size: 600px auto;
		padding: 130px 0px 110px;
		}
	.category-governance
		{
		background-size: 600px auto;
		padding-bottom: 110px;
		}
	.category-energy
		{
		background-size: 700px auto;
		padding-bottom: 80px;
		}
	
}

/*----------------*/
/* Medium devices */
/*----------------*/
@media (min-width: 992px) { 
	.branding .header-organization-banner img
		{
		max-height: 52px;
		}
	/* ICON-BAR */
	.icon-bar .icon-bar-block
		{
		width: 450px;
		}
	.icon-bar + .icon-bar .icon-bar-block
		{
		}
		/* VISION */
	.section.vision,
	p.vision-text
		{
		padding: 8rem 0rem 8rem 0rem;
		}
	.section.vision h2
		{
		font-size: 3rem;
		}
	.section.vision p,
	p.vision-text
		{
		font-size: 1.75rem;
		}
	.section.vision.vision-title h2
		{
		margin-top: 5rem;
		font-size: 5rem;
		}
	.section.vision.vision-feature h2
		{
		margin-top: 4rem;
		font-size: 4rem;
		}
	.section.vision.vision-title h2,
	.section.vision.vision-feature h2,
	.section.vision.vision-feature p
		{
		width: 75%;
		}
	.section.vision.vision-title p
		{
		width: 55%;
		}
	.section.vision p.vision-narrow
		{
		padding-left: 5rem;
		padding-right: 5rem;
		text-align: center;
		
		}
	p.vision-text
		{
		padding: 1rem 0rem;
		}
	.vision.title-banner .title-header h1
		{
		font-size: 3.6rem;
		}
	.vision.title-banner .title-header p
		{
		font-size: 1.75rem;

		}
	/* CARD-FEATURED */
	.card.card-featured.feature-side,
	.card.card-featured.feature-side-right,
	.card.card-featured.feature-side-left
		{
		padding: 0px;
		padding-left: 50%;
		}
	.card.card-featured.feature-side-left
		{
		padding: 0px;
		padding-right: 50%;
		}
	.card.card-featured.feature-side::before,
	.card.card-featured.feature-side-right::before,
	.card.card-featured.feature-side-left::before
		{
		height: 100%;
		width: 50.1%;
		}
	.card.card-featured.feature-side::before,
	.card.card-featured.feature-side-right::before
		{
		left: 0px;
		}
	.card.card-featured.feature-side-left::before
		{
		right: 0px;
		}
	.card.card-featured[class*="feature-side"] .card-header
		{
		padding: 2.5rem 4rem;
		}
	.card.card-featured[class*="feature-side"].card-featured-read-more .card-header
		{
		padding-bottom: 4.8rem;
		}
	.category-temperature
		{
		background-size: auto 75%;
		}
	.category-water
		{
		background-size: auto 175px;
		padding-bottom: 175px;
		}
	.category-agriculture
		{
		background-size: 850px auto; 
		padding-bottom: 150px;
		}
	.key-findings-wildfire-area-graphic,
	.key-findings-wildfire-insurance-graphic
		{
		margin-top: -25px;
		}
	.category-wildfire
		{
		background-size: auto 600px; 
		background-position: center bottom; 
		background-repeat: no-repeat;
		padding-bottom: 185px;
		}
	.category-sea-level
		{
		}
	.category-transportation
		{
		background-size: auto 140px;
		padding-bottom: 115px;
		}
	.category-public-health
		{
		background-size: 700px auto;
		padding: 150px 0px 145px;
		}
	.category-governance
		{
		background-size: 700px auto;
		padding-bottom: 145px;
		}
	.category-energy
		{
		background-size: 900px auto;
		padding-bottom: 115px;
		}


}
/*----------------*/
/* Large devices */
/*----------------*/
@media (min-width: 1280px) { 

	/* ICON-BAR */
	.icon-bar .icon-bar-block
		{
		width: 610px;
		}
	.icon-bar + .icon-bar .icon-bar-block
		{
		}
	.section.vision.vision-title h2
		{
		font-size: 5.75rem;
		}
	p.vision-text
		{
		padding: 6rem 0rem;
		}
	.vision.title-banner .title-header h1
		{
		font-size: 3.75rem;
		}
	.vision.title-banner .title-header p
		{
		}
	.category-temperature
		{
		background-size: auto 85%;
		}
	.category-water
		{
		
		}
	.category-agriculture
		{
		background-size: 850px auto; 
		padding-bottom: 175px;
		}
	.key-findings-wildfire-area-graphic,
	.key-findings-wildfire-insurance-graphic
		{
		margin-top: -75px;
		}
	.category-sea-level
		{
		}
	.category-transportation
		{
		background-size: auto 225px;
		padding-bottom: 190px;
		}
	.category-energy
		{
		background-size: 1000px auto;
		padding-bottom: 155px;
		}
	.category-governance
		{
		background-size: 900px auto;
		padding-bottom: 190px;
		}

}