/* CSS Document */
video
	{
	display: block;
	}
/* a tags */
a
	{
	color: #DD7928;
	transition: all 0.2s;
	}
a:hover
	{
	color: #AF5E22;
	transition: all 0.3s;
	}
main a[href^="http"]::after,
main a[href^="HTTP"]::after
	{
	content: "\00a0\00a0\f360\00a0";
	content: "\00a0\00a0\f35d\00a0";
	color: #999999;
	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%;
	}
main a[href$=".pdf"]::after,
main a[href$=".PDF"]::after
	{
	content: "\00a0\00a0\f1c1\00a0";
	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;
	}
main a[href$=".zip"]::after,
main a[href$=".ZIP"]::after
	{
	content: "\00a0\00a0\f1c6\00a0";
	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;
	}
main a[href$=".doc"]::after,
main a[href$=".docx"]::after,
main a[href$=".DOC"]::after,
main a[href$=".DOCX"]::after
	{
	content: "\00a0\00a0\f1c2\00a0";
	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;
	}
main a[href$=".xls"]::after,
main a[href$=".xlsx"]::after,
main a[href$=".xlsm"]::after,
main a[href$=".XLSM"]::after,
main a[href$=".XLS"]::after,
main a[href$=".XLSX"]::after
	{
	content: "\00a0\00a0\f1c3\00a0";
	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;
	}
main a[href$=".ppt"]::after,
main a[href$=".pptx"]::after,
main a[href$=".PPT"]::after,
main a[href$=".PPTX"]::after
	{
	content: "\00a0\00a0\f1c4\00a0";
	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;
	}
.email-icon::after
	{
	content: "\00a0\00a0\f0e0\00a0";
	color: #888888;
	font-family: Font Awesome\ 5 Free;
	font-size: 1rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height: 1;
	font-weight: 400;
	}
.website-icon::after
	{
	content: "\00a0\00a0\f0ac\00a0";
	color: #888888;
	font-family: Font Awesome\ 5 Free;
	font-size: 1rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height: 1;
	font-weight: 800;
	}
.phone-icon::after
	{
	content: "\00a0\00a0\f095\00a0";
	color: #888888;
	font-family: Font Awesome\ 5 Free;
	font-size: 1rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height: 1;
	font-weight: 800;
	}
.fax-icon::after
	{
	content: "\00a0\00a0\f1ac\00a0";
	color: #888888;
	font-family: Font Awesome\ 5 Free;
	font-size: 1rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height: 1;
	font-weight: 800;
	}

abbr,
abbr[title], 
abbr[data-original-title]
	{
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	}
/* BUTTONS */
.btn
	{
	border-radius: 300px;
	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;
	}

main a[href^="http"].btn-primary::after,
main a[href$=".pdf"].btn-primary::after,
main a[href$=".zip"].btn-primary::after,
main a[href$=".ZIP"].btn-primary::after,
main a[href$=".doc"].btn-primary::after,
main a[href$=".docx"].btn-primary::after,
main a[href$=".xls"].btn-primary::after,
main a[href$=".xlsx"].btn-primary::after,
main a[href$=".xlsm"].btn-primary::after,
main a[href$=".ppt"].btn-primary::after,
main a[href$=".pptx"].btn-primary::after,
main a[href^="http"].btn-filled::after,
main a[href$=".pdf"].btn-filled::after,
main a[href$=".doc"].btn-filled::after,
main a[href$=".docx"].btn-filled::after,
main a[href$=".xls"].btn-filled::after,
main a[href$=".xlsx"].btn-filled::after,
main a[href$=".xlsm"].btn-filled::after,
main a[href$=".ppt"].btn-filled::after,
main a[href$=".pptx"].btn-filled::after,
main a[href^="http"].btn-alternate::after,
main a[href$=".pdf"].btn-alternate::after,
main a[href$=".doc"].btn-alternate::after,
main a[href$=".docx"].btn-alternate::after,
main a[href$=".xls"].btn-alternate::after,
main a[href$=".xlsx"].btn-alternate::after,
main a[href$=".xlsm"].btn-alternate::after,
main a[href$=".ppt"].btn-alternate::after,
main a[href$=".pptx"].btn-alternate::after,
main a[href^="http"].btn-filled-muted::after,
main a[href$=".pdf"].btn-filled-muted::after,
main a[href$=".doc"].btn-filled-muted::after,
main a[href$=".docx"].btn-filled-muted::after,
main a[href$=".xls"].btn-filled-muted::after,
main a[href$=".xlsx"].btn-filled-muted::after,
main a[href$=".xlsm"].btn-filled-muted::after,
main a[href$=".ppt"].btn-filled-muted::after,
main a[href$=".pptx"].btn-filled-muted::after,
main a[href^="HTTP"].btn-primary::after,
main a[href$=".PDF"].btn-primary::after,
main a[href$=".DOC"].btn-primary::after,
main a[href$=".DOCX"].btn-primary::after,
main a[href$=".XLS"].btn-primary::after,
main a[href$=".XLSX"].btn-primary::after,
main a[href$=".XLSM"].btn-primary::after,
main a[href$=".PPT"].btn-primary::after,
main a[href$=".PPTX"].btn-primary::after,
main a[href^="HTTP"].btn-filled::after,
main a[href$=".PDF"].btn-filled::after,
main a[href$=".DOC"].btn-filled::after,
main a[href$=".DOCX"].btn-filled::after,
main a[href$=".XLS"].btn-filled::after,
main a[href$=".XLSX"].btn-filled::after,
main a[href$=".XLSM"].btn-filled::after,
main a[href$=".PPT"].btn-filled::after,
main a[href$=".PPTX"].btn-filled::after,
main a[href^="HTTP"].btn-alternate::after,
main a[href$=".PDF"].btn-alternate::after,
main a[href$=".DOC"].btn-alternate::after,
main a[href$=".DOCX"].btn-alternate::after,
main a[href$=".XLS"].btn-alternate::after,
main a[href$=".XLSX"].btn-alternate::after,
main a[href$=".XLSM"].btn-alternate::after,
main a[href$=".PPT"].btn-alternate::after,
main a[href$=".PPTX"].btn-alternate::after,
main a[href^="HTTP"].btn-filled-muted::after,
main a[href$=".PDF"].btn-filled-muted::after,
main a[href$=".DOC"].btn-filled-muted::after,
main a[href$=".DOCX"].btn-filled-muted::after,
main a[href$=".XLS"].btn-filled-muted::after,
main a[href$=".XLSX"].btn-filled-muted::after,
main a[href$=".XLSM"].btn-filled-muted::after,
main a[href$=".PPT"].btn-filled-muted::after,
main a[href$=".PPTX"].btn-filled-muted::after
	{
	color: rgba(255,255,255,0.9);
	font-weight: 800;
	}
ul.list-overstated a,
ol.list-overstated a
	{
	font-weight: 700;
	}
.utility-header
	{
	background: #222222;
	}

.utility-header a:hover, 
.utility-header a:focus, 
.utility-header a.hovered,
.global-footer a:not(.btn):hover, 
.global-footer a:not(.btn):focus
	{
	color: #DD7928;
	}

.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;
	}



.navigation-search
	{
	background: rgba(30,30,30,0.9);
	border-bottom: none;
	transition: all 0.2s;
	}

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

.global-header
	{
	background: none;
	}

.fixed.compact .branding
	{
	height: auto !important; 
	}
.branding .header-organization-banner img
	{
	max-height: 55px;
	}
.search-container, 
.featured-search.active 
	{
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	}

.mobile-controls
	{
	background: #666666;
	}
.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, 
.nav-item:hover > a,
.nav-item:hover > a > span[class^="ca-gov-icon"]
	{
	color: #DD7928;
	}

.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;
	}
.vision.title-banner .title-header h1
	{
	font-size: 2rem;
	font-weight: 700;
	}
.vision.title-banner .title-header p
	{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1rem;
	line-height: 1.5em;
	/*font-weight: 700;*/
	}
.vision.title-banner .title-header .btn
	{
	/*font-family: 'Libre Franklin', sans-serif;*/
	}
.vision.title-banner .title-header .btn-primary
	{
	border-color: #333333;
	color: #333333;
	}
.vision.title-banner .title-header .btn-primary:hover
	{
	background-color: #EEEEEE;
	}
.vision.title-banner .title-header a.btn-primary::after
	{
	color: #888888;
	}

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

/* HEADER-BAR */
h1.header-bar,
h2.header-bar,
h3.header-bar,
h4.header-bar
	{
	text-align: center;
	background: #333333;
	padding: 0.75rem;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	color: #FFFFFF;
	}
h3.header-bar
	{
	background: #BBBBBB;
	}
h4.header-bar
	{
	background: #E6E6E6;
	color: #444444;
	}
/* Callouts */
.callout
	{
	padding: 10px 20px;
	margin: 10px 0px;
		
		
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 2px;
	}

.callout-primary
	{
	border-left-color: #046B99;
	background-color: #F9F9FA;
	}

.callout-info
	{
	border-left-color: #DD7928;
	background-color: #F9F9FA;
	}

.callout-warning 
	{
	border-color: #edd;
	border-left-color: #D34A37;
	background-color: #FAF9F9;
	background-color: #f9F0F0;
	}
/* 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;
	}



/* 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;
	}
/* List-Dates */
ul.list-dates,
ol.list-dates
	{
	padding: 0;
	list-style: none;
	}
ul.list-dates li,
ol.list-dates li
	{
	padding: 0px 0px 14px 0px;
	}
ul.list-dates li::before,
ol.list-dates li::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;
	content: "\00a0\f073\00a0\00a0";
	}


/* ICON-BAR */
.icon-bar
	{
	background-image: url(/images/IconBarSGC-LandscapeBar.jpg);
	background-position: right bottom;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #FFFFFF;
	border: none;
	margin-bottom: 3px;
	}
.icon-bar + .icon-bar
	{
	background-image: url(/images/IconBarOrangeSGC-LandscapeBar.jpg);
	background-position: left bottom;
	border-top: 4px solid #FFFFFF;
	}
.icon-bar .icon-bar-block
	{
	padding: 1.5rem 2rem 2.5rem 2rem;;
	}
.icon-bar + .icon-bar .icon-bar-block
	{
	}

/* 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 2rem;
	text-align: center;
	margin-bottom: 3px;
	position: relative;
	}
.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;
	}
 
/* 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;
	}
/* Close Button */
.popup-close 
	{
	width:30px;
	height:30px;
	padding-top:4px;
	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(0,0,0,0.8);
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#fff;
	}
.popup-close:hover 
	{
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
	}
/* 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;
	}
/*----------------*/
/* Small devices */
/*----------------*/
@media (min-width: 768px) { 
	.main-navigation
		{
		margin-top: -66px;
		}
	.fixed.compact .main-navigation 
		{
		margin-top: -46px;
		}
	.navigation-search
		{
		background: rgba(30,30,30,0.3);
		border-bottom: none;
		transition: all 0.2s;
		}
	.inner-page .navigation-search
		{
		background: rgba(30,30,30,0.9);
		}
	.first-level-link
		{
		padding: 20px 5px;
		}
	.fixed.compact .first-level-link
		{
		padding: 10px 5px;
		}
	.fixed.compact .navigation-search
		{
		background: rgba(30,30,30,0.9);
		transition: all 0.3s;
		}
	.navigation-search:hover,
	.fixed.compact .navigation-search:hover
		{
		background: rgba(30,30,30,0.9);
		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;
		}
	.utility-header .social-media-group 
		{
		float: left;
		width: 40%;
		}
	.utility-header .settings-links 
		{
		float: left;
		width: 60%;
		text-align: right;
		}
	.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-banner
		{
		margin-top: -66px;
		width: 100%;
		height: 70vh;
		min-height: 650px;
		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;
		}
	.vision.title-banner
		{
		height: 100vh;
		margin-top: -106px;
		background-position: center;
		}

	.title-banner .title-header
		{
		position: absolute;
		bottom: 0px;
		width: 100%;
		background: rgba(30,30,30,0.8);
		color: #FFFFFF;
		
		padding-top: 1rem;
		padding-bottom: 3.6rem;

		}
	.title-banner .title-header h1
		{
		
		}

	.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;
		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);
		}

	/* 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%;
		}

	
}

/*----------------*/
/* 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;
		width: 85%;
		}
	.vision.title-banner .title-header p
		{
		font-size: 1.75rem;
		width: 85%;
		}
	/* 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;
		}


}
/*----------------*/
/* 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;
		width: 75%;
		}
	.vision.title-banner .title-header p
		{
		width: 75%;
		}

}