/*
	Sourced from Cal NERDS Website;

	DO NOT MODIFY THIS STYLE SHEET
	All styles changes for this site should be made in...

	site/STAR

	Table of Contents
	update on Mon May 16 2016 09:05:56 GMT+0300 (FLE Daylight Time)

	         Font Settings ----------------------------
	         Base Colors ------------------------------
	         Links and Buttons Colors -----------------
	         Tiles and Avatars Colors -----------------
	         Media Queries ----------------------------
	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	     02. Header -----------------------------------
	     03. Main -------------------------------------
	     04. Shell ------------------------------------
	     05. Wrapper ----------------------------------
	         Wrapper Primary --------------------------
	III. Modules --------------------------------------
	     01. Article ----------------------------------
	         Article Primary --------------------------
	     02. Avatar -----------------------------------
	     03. Bar --------------------------------------
	     04. Button -----------------------------------
	         Button Block -----------------------------
	         Button Primary ---------------------------
	         Button Secondary -------------------------
	     05. Form Elements ----------------------------
	     06. Form Search ------------------------------
	     07. Form Contact -----------------------------
	     08. List -------------------------------------
	         List Links -------------------------------
	         List Avatars -----------------------------
	     09. Nav --------------------------------------
	     10. Nav Secondary ----------------------------
	     11. Section ----------------------------------
	     12. Section About ----------------------------
	     13. Section Listing --------------------------
	     14. Section Search Results -------------------
	     15. Section Contact --------------------------
	     16. Socials ----------------------------------
	         Socials Primary --------------------------
	     17. Testimonial ------------------------------
	     18. Tiles ------------------------------------
	     19. Widgets ----------------------------------
	     20. Widget Staff -----------------------------
 */

/* Font Settings */

/* Base Colors */

/* Links and Buttons Colors */

/* Tiles and Avatars Colors */

/* Media Queries */

.clear:after,
.shell:after,
.footer-inner:after,
.article .article-links:after,
.form-row:after,
.list-avatars:after,
.socials ul:after,
.widget-staff .widget-entry:after { content: ''; line-height: 0; display: table; clear: both; }

.list-avatars.related_role_models::after{
	content: none !important;
}

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="number"] { -moz-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol,
.socials ul,
.socials ol { list-style: none outside none; }

a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus { outline: thin dotted; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

html { font-size: 100%; }

body { font-family: 'freight-sans-pro', sans-serif; font-size: 1.25em; line-height: 1.5; color: #000; font-weight: 400; font-style: normal; text-transform: none; text-decoration: none; letter-spacing: 0; word-spacing: 0; min-width: 320px; background: #eee; }

a { color: #00b0da; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #3b7ea1; }

a[href^="tel"],
a[href^="tel"]:hover { text-decoration: none; }

h1 { font-size: 4.5em; }
h2 { font-size: 2.25em; }
h3 { font-size: 2.25em; }
h4 { font-size: 2em; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.2em; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.75em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.5em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

a,
input,
textarea,
select,
button,
.btn { transition: color .4s ease, opacity .4s ease, border-color .4s ease, background-color .4s ease; }

img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

hr { height: 1px; line-height: 1px; border: none; background-color: #eee; margin-bottom: 1.2em; }

@media ( max-width: 374px ) {
	body { font-size: 1em; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
	font-family: 'UCBerkleyOS';
	src: url('/css/fonts/uc_berkeley_os_demi-webfont.eot');
	src: url('/css/fonts/uc_berkeley_os_demi-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/uc_berkeley_os_demi-webfont.woff2') format('woff2'),
		 url('/css/fonts/uc_berkeley_os_demi-webfont.woff') format('woff'),
		 url('/css/fonts/uc_berkeley_os_demi-webfont.ttf') format('truetype'),
		 url('/css/fonts/uc_berkeley_os_demi-webfont.svg#uc_berkeley_osdemi') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after,
.shell:after { }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  Hidden  */

[hidden],
.hidden { display: none; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

#skip a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; font-weight: bold; padding: 8px; }
#skip a:focus { position:static; width:auto; height:auto; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { position: relative; z-index: 2; }
.footer .shell { position: relative; z-index: 3; }
.footer .testimonial { max-width: 730px; padding-right: 60px; margin-left: auto; }
.footer .logo-small { margin-right: 21px; }
.footer .socials { padding: 14px 0 22px; }
.footer .copyright { font-family: 'Open Sans', sans-serif; font-size: 0.6em; color: #46535e; }
.footer .credit { font-family: 'Open Sans', sans-serif; font-size: 0.6em; color: #46535e; display: block; clear: both; margin-top: 1.5em; }

.footer-top { padding: 40px 0 50px; position: relative; }
.footer-top:before { content: ''; width: 1752px; height: 477px; display: block; position: absolute; bottom: 0; left: 50%; margin: 0 0 -11px -824px; background: url(/css/images/polygon.png) no-repeat 0 0; }

.footer-bottom { padding: 15px 0 160px; }
.footer-bottom:before { content: ''; width: 721px; height: 227px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: 98px; background: url(/css/images/shape4.png) no-repeat 50% 100%; }

.footer-inner,
.footer-inner-content,
.footer .logo-small { float: left; }

.footer-aside { float: right; padding: 80px 50px 0 0; }

.footer-logo { font-family: 'UCBerkleyOS', serif; font-size: 2.4em; line-height: 1; }
.footer-logo:hover { text-decoration: none; }
.footer-logo strong { font-weight: 400; }

.footer-logo,
.footer-logo:visited { color: #003262; }

.footer-logo strong,
.footer-logo:visited strong { color: #c98219; /* color: #46535e; */ }

.footer-nav { font-family: 'Open Sans Condensed', sans-serif; font-size: 0.7em; font-weight: 700; padding-bottom: 14px; }
.footer-nav ul:after { content: ''; line-height: 0; display: table; clear: both; }
.footer-nav li { float: left; }
.footer-nav li + li { padding-left: 17px; }
.footer-nav a { color: #3b7ea1; display: block; }

.footer-nav a:hover,
.footer-nav a:focus { color: #00b0da; text-decoration: none; }

.footer .mobile-hidden { display: block; }
.footer .mobile-visible { display: none; }

@media ( max-width: 1340px ) {
	.footer-top:before { margin-left: -1050px; }
	.footer-bottom { padding-bottom: 20px; }
	.footer-aside { padding: 80px 0 0 0; }
	.footer-logo { font-size: 2em; }
}

@media ( max-width: 1023px ) {
	.footer-top:before { margin-left: -1050px; }
	.footer-bottom:before { margin-left: -360px; }

	.footer-aside { text-align: center; float: none; padding-top: 25px; }

	.footer-inner { float: none; }
	.footer-inner:after { }

	.footer .testimonial { max-width: none; padding: 0 10px; }
}

@media ( max-width: 768px ) {
	.footer .credit { text-align: center; }
}

@media ( max-width: 767px ) {
	.footer-top:before { margin-left: -1300px; }

	.footer .mobile-hidden { display: none; }
	.footer .mobile-visible { display: block; }

	.footer .logo-small { margin: 0; }
	.footer .socials { padding: 6px 0; float: right; }
	.footer .copyright { text-align: center; }

	.footer-nav { text-align: center; clear: both; float: none; padding-top: 15px; }
	.footer-nav li,
	.footer-nav li +li { display: inline-block; vertical-align: top; float: none; padding-left: 5px; }

	.footer-inner { float: none; }
	.footer-bottom { padding: 15px 0 100px; }
	.footer-bottom:before { width: 311px; height: 98px; left: 25%; margin: 0; background-size: 100% 100%; -webkit-background-size: 100% 100%; }
	.footer-aside { text-align: center; float: none; padding-top: 15px; }
	.footer-inner-content { width: 100%; display: inline-block; float: none; margin-top: -42px; }
}

@media ( max-width: 413px ) {
	.footer-top:before { margin-left: -1200px; }

	.footer .logo-small { width: 249px; display: block; float: none; margin: auto; }

	.footer-inner-content { width: auto; display: block; margin: 10px 0 0; }

	.footer .socials { float: none; text-align: center; padding: 0 0 10px; }
	.footer .socials li { float: none; display: inline-block; vertical-align: top; }

	.footer-nav { padding: 0 0 10px; }

	.footer-nav li,
	.footer-nav li + li { float: none; display: inline-block; vertical-align: top; padding: 0 5px; }
}

@media ( max-width: 374px ) {
	.footer-top:before { margin-left: -1050px; }

	.footer-nav { font-size: 0.9em; }

	.footer .copyright { font-size: 0.7em; }
	.footer .credit { font-size: 0.7em; }
}

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

.header { position: relative; z-index: 4; transition: background-color .4s ease; }

.header .logo { display: block; margin-bottom: 11px; }
.header .logo img { width: 100%; display: block; }

@media ( max-width: 1023px ) {
	.header { padding-top: 5px; }
	.header .logo { border: 5px solid #fff; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

#main { position: relative; z-index: 3; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1300px; padding: 0 20px; margin: auto; }

@media ( max-width: 1340px ) {
	.shell { max-width: 1024px; }
}

@media ( max-width: 1023px ) {
	.shell { max-width: 768px; padding: 0 10px; }
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; padding-top: 30px; overflow-x: hidden; overflow-y: visible; -webkit-overflow-scrolling: touch; }
.wrapper:before { content: ''; width: 150%; height: 700px; display: block; position: absolute; top: -330px; left: 0; z-index: 1; background-color: #fff; -webkit-transform: skewY(-6deg); -ms-transform: skewY(-6deg); transform: skewY(-6deg); }

@media ( max-width: 1340px ) {
	.wrapper { padding-top: 20px; }
	.wrapper:before { height: 560px; top: -260px; }
}

@media ( max-width: 1023px ) {
	.wrapper { padding: 0; }
	.wrapper:before { top: -310px; }
}

@media ( max-width: 767px ) {
	.wrapper:before { top: -340px; }
}

/*  Wrapper Primary  */

.wrapper-primary { min-height: 100%; background-color: #fff; }
.wrapper-primary:before { content: none; }

.wrapper-primary .header .logo { width: auto; float: left; margin-right: 11px; }
.wrapper-primary .nav { width: 100%; float: left; }

.wrapper-primary .nav-secondary { color: #fff; padding: 16px 16px 11px; background-color: #003262; }
.wrapper-primary .nav-secondary h4 { font-size: 1em; color: #fff; font-weight: 500; letter-spacing: 0.01em; }
.wrapper-primary .nav-secondary .socials { float: right; padding: 0 0 20px; }
.wrapper-primary .nav-secondary .socials li + li { padding-left: 14px; }
.wrapper-primary .nav-secondary .slogan { width: 100%; }

.wrapper-primary .footer { padding-top: 150px; overflow: hidden; }

.wrapper-primary .footer-top:before,
.wrapper-primary .footer-bottom:after { width: 150%; height: 400%; display: block; position: absolute; left: 0; margin: 0; }

.wrapper-primary .footer-top { z-index: 1; }
.wrapper-primary .footer-top:before { top: -90px; background: #fbfbfb; -webkit-transform: skewY(-6deg); -ms-transform: skewY(-6deg); transform: skewY(-6deg); }

.wrapper-primary .footer-bottom { position: relative; z-index: 2; }
.wrapper-primary .footer-bottom:before { z-index: 2; }
.wrapper-primary .footer-bottom:after { content: ''; z-index: 1; top: 0; background-color: #eee; -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); }

@media ( max-width: 1340px ) {
	.wrapper-primary .header .logo { width: 100%; float: none; margin: 0 0 11px; }

	.wrapper-primary .nav-secondary { position: relative; padding: 15px; margin-bottom: 11px; }
	.wrapper-primary .nav-secondary h1 { padding: 3px 0 2px; }
	.wrapper-primary .nav-secondary .slogan { float: left; }
	.wrapper-primary .nav-secondary .socials { position: absolute; top: 15px; right: 15px; }
}

@media ( max-width: 1023px ) {
	.wrapper-primary .nav-secondary { display: none; }
}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article { padding-top: 57px; margin-bottom: -87px; }

.article .article-title { font-family: 'freight-neo-pro', serif; font-size: 2.4em; line-height: 0.9; font-weight: 700; font-style: italic; padding: 0 17px; border-bottom: 2px solid #eee; margin-bottom: 36px; }
.article .article-body { max-width: 860px; margin: auto; }

.article .article-meta { font-family: 'Open Sans Condensed', sans-serif; padding-bottom: 42px; }
.article .article-meta h3 { font-size: 1.5em; line-height: 1.25; font-weight: 700; margin: 0; }
.article .article-meta ul { font-size: 0.9em; line-height: 1.25; color: #707a82; padding-top: 5px; overflow: hidden; list-style: none outside none; width: 80%; }
.article .article-meta li { float: left; padding-bottom: 10px; width: 50%;}
.article .article-meta li:nth-child(even) { padding-left: 55px; }

.article .article-attachment { text-align: center; width: 185px; }
.article .article-attachment p { font-family: 'freight-display-pro', serif; font-size: 1.25em; line-height: 1.15; color: #707a82; font-weight: 400; font-style: italic; margin: 20px 0; }

.article .article-attachment.alignleft,
.article .article-attachment.alignright { margin: 9px 30px 30px 30px; }

.article .article-entry > p { margin-bottom: 1.2em; }
.article .article-entry > p:first-child:first-letter { font-family: 'freight-neo-pro', serif; font-size: 5.1em; line-height: 1em; color: #888; font-weight: 700; font-style: italic; float: left; margin: -13px 10px -10px -25px; }


.article .article-entry blockquote { font-family: 'freight-display-pro', serif; font-size: 1.25em; line-height: 1.2; color: #707a82; font-weight: 400; font-style: italic; padding: 30px 108px 33px; border-width: 1px 0; border-style: solid; border-color: #eee; margin: 1.5em 0 33px; }
#profile-testimonial { color: #003262; }

.article .article-links { font-family: 'Open Sans Condensed', sans-serif; font-size: 0.9em; line-height: 2; color: #707a82; font-weight: 700; padding-bottom: 35px; }
.article .article-links:after { }
.article .article-links h4 { font-size: 1em; line-height: 2; text-transform: uppercase; float: left; margin: 0 15px 0 0; }
.article .article-links .list-links { float: left; }

.article .article-leading { font-size: 1.2em; line-height: 1.3; margin-bottom: 1.1em; }
.article .article-icon-info { font-size: 2.5em; line-height: 1; color: #fff; text-align: center; width: 65px; height: 65px; float: left; padding-top: 8px; margin: 10px 10px -10px -33px; background-color: #fdb515; border-radius: 50%; }
.article .article-icon-question { font-size: 2.5em; line-height: 1; color: #fff; text-align: center; width: 65px; height: 65px; float: left; padding-top: 8px; margin: 10px 10px -10px -33px; background-color: #ff6929; border-radius: 50%; }
.article .article-icon-trophy { font-size: 2.5em; line-height: 1; color: #fff; text-align: center; width: 65px; height: 65px; float: left; padding-top: 8px; margin: 10px 10px -10px -33px; background-color: #ee1f60; border-radius: 50%; }
.article .article-icon-arrow-right { font-size: 2.2em; line-height: 1; color: #fff; text-align: center; width: 65px; height: 65px; float: left; padding-top: 8px; margin: 10px 10px -10px -33px; background-color: #00b0da; border-radius: 50%; }
.article .article-icon-play-circle { font-size: 2.5em; line-height: 1; color: #fff; text-align: center; width: 65px; height: 65px; float: left; padding-top: 8px; margin: 10px 10px -10px -33px; background-color: #859438; border-radius: 50%; }


.article .article-quote { font-family: 'freight-neo-pro', serif; font-size: 1.5em; line-height: 1.2; color: #0080c1; font-weight: 700; font-style: italic; width: 400px; margin: 40px auto; }
.article .article-quote small { font-family: 'freight-sans-pro', sans-serif; font-size: 0.53em; font-weight: 400; font-style: normal; color: #888; text-align: right; display: block; margin-top: 10px; }
.article .article-quote h5 { font-family: 'freight-sans-pro', sans-serif !important; font-size: .75em !important; font-weight: 400 !important; font-style: normal !important; color: #888 !important; text-align: right; display: block; margin-top: 10px !important; }

.article .article-quote.alignright { margin: 40px -125px 20px 30px; }
.article .article-quote.alignleft { margin: 40px 30px 20px -125px; }

.article .article-widget { width: 500px; z-index: 20; padding: 30px 30px 15px; margin: 0 auto 20px; background: #eee url(/css/images/shape3.png) no-repeat 100% 0; }
.article .article-widget.alignleft { margin: -1.5em 40px 20px -130px; }
.article .article-widget.alignright { margin: -1.5em -130px 20px 40px; }

.article .article-body .article-widget p,
.article .article-body .article-widget figure { margin-bottom: 0.75em; }
.article .article-body .article-widget ul li { margin-bottom: 1.45em; }

.article .article-widget .widget-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; line-height: 1.1; font-weight: 700; text-transform: uppercase; font-style: normal; margin-bottom: 0.6em; }

.article .article-widget figure { border-bottom: 1px solid #ddd; }
.article .article-widget figure img { width: 100%; display: block; }
.article .article-widget figure figcaption { font-size: 0.9em; line-height: 1.31; color: #888; font-weight: 400; font-style: italic; display: block; padding: 12px 0; }

@media ( max-width: 1340px ) {
	.article .article-quote.alignright,
	.article .article-widget.alignright { margin-right: -50px; }

	.article .article-quote.alignleft,
	.article .article-widget.alignleft { margin-left: -50px; }
}

@media ( max-width: 1023px ) {
	.article { padding: 0 0 30px; }

	.article .article-entry blockquote { padding: 20px 50px; }
	.article .article-entry > p:first-child:first-letter { margin: -5px 10px -10px 0; }

	.article .article-title { margin-bottom: .5em; }
	.article .article-icon-info,
	.article .article-icon-question,
	.article .article-icon-trophy,
	.article .article-icon-play-circle,
	.article .article-icon-arrow-right { margin: 10px 10px -10px -22px; }

	.article .article-quote.alignright,
	.article .article-quote.alignleft,
	.article .article-widget.alignright,
	.article .article-widget.alignleft { width: auto; float: none; display: block; padding: 0 40px; margin: 20px auto; padding: 20px; }
}

@media ( max-width: 767px ) {
	.article .article-title { font-size: 1.8em; padding: 15px 0 0; }
	.article .article-widget { width: auto; padding: 20px; }

	.article .article-attachment,
	.article .article-attachment.alignleft,
	.article .article-attachment.alignright { float: none; margin: auto; }

	.article .article-entry blockquote { padding: 15px; }
	.article .article-entry > p:first-child:first-letter { padding-left: 30px; }

	.article .article-links h4 { float: none; margin: 0 0 1.5em; }
	.article .article-links .list-links { float: none; }

	.article .article-meta ul { padding-top: 20px; }
	.article .article-meta li { float: none; }
	.article .article-meta li:nth-child(even) { padding-left: 0; }
}

@media ( max-width: 413px ) {
	.article .article-leading { font-size: 1em; }
	.article .article-quote { width: auto; }
	.article .article-meta { padding-bottom: 20px; }
}

@media ( max-width: 374px ) {
	.article .article-widget { padding: 20px 10px; }

	.article .article-body .article-widget ul li { margin-bottom: 0.5em; }
}

/*  Article Primary  */

.article-primary { padding-bottom: 45px; }
.article-primary .article-leading + p { margin-top: -2px; }
.article-primary .article-leading + p:first-letter { font-family: 'freight-neo-pro', serif; font-size: 5.1em; line-height: 1em; color: #888; font-weight: 700; font-style: italic; float: left; margin: -10px 10px -10px -31px; }

.article-primary .article-attachment { max-width: 300px;; text-align: left; border-bottom: 1px solid #eee; margin: 20px auto; }
.article-primary .article-attachment.alignleft { margin: 10px 27px 20px -100px; }
.article-primary .article-attachment.alignright { margin: 10px -110px 27px 20px; }

.article-primary .article-attachment img { width: 100%; display: block; }
.article-primary .article-attachment-caption { font-size: 0.8em; line-height: 1.31; color: #888; font-weight: 400; font-style: italic; display: block; padding: 9px 0; }

.article-primary .article-attachment-large { width: auto; margin: 27px auto 20px; }
.article-primary .article-attachment-large .article-attachment-caption { padding: 12px 0; }
.article-primary .article-attachment-large.alignright { margin: 27px -112px 20px 15px; }
.article-primary .article-attachment-large.alignleft { margin: 27px 15px 20px -112px; }

.article-primary .article-body h1,
.article-primary .article-body h2,
.article-primary .article-body h3,
.article-primary .article-body h4,
.article-primary .article-body h5,
.article-primary .article-body h6 { font-family: 'freight-neo-pro', serif; line-height: 1.25; font-weight: 700; font-style: italic; margin-top: -5px; }

.article-primary .article-body h1 { font-size: 2em; }
.article-primary .article-body h2 { font-size: 1.75em; }
.article-primary .article-body h3 { font-size: 1.5em; }
.article-primary .article-body h4 { font-size: 1.25em; }
.article-primary .article-body h5 { font-size: 1em; }
.article-primary .article-body h6 { font-size: 0.75em; }

.article-primary .article-body ul,
.article-primary .article-body ol { list-style: none outside none; }

.article-primary .article-body ol { counter-reset: list; }

.article-primary .article-body ul li,
.article-primary .article-body ol li { position: relative; padding-left: 35px; margin-bottom: 1.5em; }

.article-primary .article-body ul:not(.errors) li:before { content: ''; width: 6px; height: 6px; display: block; position: absolute; top: 13px; left: 13px; background-color: #000; border-radius: 50%; }
.article-primary .article-body ol:not(.errors) li:before { content: counter(list)'.'; counter-increment: list; position: absolute; top: 0; left: 10px; }

.article-primary .article-body ol ol,
.article-primary .article-body ul ol { list-style-type: disc outside; margin-left: 40px; }

.article-primary .article-body ol ol li,
.article-primary .article-body ul ol li { padding: 0; }

.article-primary .article-body ol ol li:before,
.article-primary .article-body ul ol li:before { content: none; }

@media ( max-width: 1340px ) {
	.article-primary .article-attachment.alignright,
	.article-primary .article-attachment-large.alignright { margin-right: -50px; }

	.article-primary .article-attachment.alignleft,
	.article-primary .article-attachment-large.alignleft { margin-left: -50px; }
}

@media ( max-width: 1023px ) {
	.article-primary { padding: 0 0 50px; }
	.article-primary .article-entry { padding: 0 22px; }
	.article-primary .article-leading { padding: 0 22px; }
	.article .article-entry > p:first-child:first-letter { margin-left: -25px; }
	.article-primary .article-leading + p:first-letter { margin: -5px 10px -10px -22px; }

	.article-primary .article-attachment.alignleft,
	.article-primary .article-attachment.alignright { float: none; margin: 20px auto; }

	.article-primary .article-attachment-large.alignright,
	.article-primary .article-attachment-large.alignleft { width: auto; display: block; float: none; margin: 1em 0; }
}

@media ( max-width: 374px ) {
	.article-primary .article-body ul li:before { top: 10px; }
}

/* ------------------------------------------------------------ *\
	Avatar
\* ------------------------------------------------------------ */

.avatar { width: 185px; height: 185px; display: inline-block; vertical-align: middle; padding: 10px; border-radius: 50%; }
.avatar div {
	width: 100%;
    height: 100%;
    display: flex;
    margin-left: -15px;
    border-radius: 50%;
    overflow: hidden;
    background-color: white;
}
.avatar img {
	display: block;
	height: fit-content;
	width: max-content;
	margin: auto;
	transition: margin-left .4s ease;
}

.avatar-color-1 { background-color: #fdb515; } /* California Gold */
.avatar-color-2 { background-color: #ed4e33; } /* Golden Gate */
.avatar-color-3 { background-color: #ee1f60; } /* Rose Garden */
.avatar-color-4 { background-color: #859438; } /* Soybean */
.avatar-color-5 { background-color: #00a598; } /* Lap Lane */
.avatar-color-6 { background-color: #3b7ea1; } /* Founder's Rock */
.avatar-color-7 { background-color: #00b0da; } /* Lawrence */
.avatar-color-8 { background-color: #C4820E; } /* Medalist */
.avatar-color-9 { background-color: #D9661F; } /* Wellman Tile */
.avatar-color-10 { background-color: #DDD5C7; } /* Bay Fog */
.avatar-color-11 { background-color: #B9D3B6; } /* Sather Gate */
.avatar-color-12 { background-color: #CFDD45; } /* Ion */
.avatar-color-13 { background-color: #46525E; } /* Pacific */
.avatar-color-14 { background-color: #6C3302; } /* South Hall */
.avatar-color-15 { background-color: #584F29; } /* Stone Pine */
.avatar-color-16 { background-color: #003262; } /* Berkeley Blue */

/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */

.bar { display: none; position: relative; z-index: 5; padding: 8px; background-color: #003262; }
.bar .socials { float: left; position: relative; z-index: 2; }
.bar .nav-toggle { float: right; position: relative; z-index: 3; display: block; text-decoration: none; color: #fff; }
.bar .bar-title { font-family: 'freight-neo-pro', serif; line-height: 1.8; color: #fff; font-weight: 700; font-style: italic; text-align: center; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; z-index: 1; }

@media ( max-width: 1023px ) {
	.bar { display: block; }
}

@media ( max-width: 767px ) {
	.bar .bar-title { line-height: 1.5; }
}

@media ( max-width: 374px ) {
	.bar .bar-title { font-size: 1.2em; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*  Button Block  */

.btn-block { display: block; padding-left: 0; padding-right: 0; }

/*  Button Primary  */

.btn-primary { font-family: 'freight-display-pro', serif; font-size: 1.8em; line-height: 1.39; color: #fff; font-weight: 700; font-style: italic; text-align: center; text-shadow: 0 0 7px rgba(255,255,255,0); min-width: 200px; padding: 15px 45px; border: 0; background: #00b0da; border-radius: 8px; box-shadow: none; transition: all .4s ease; }

.btn-primary:focus,
.btn-primary:hover { text-shadow: 0 0 7px rgba(255,255,255,1); }

/*  Button Secondary  */

.btn-secondary { font-family: 'freight-display-pro', serif; font-size: 0.9em; line-height: 1.11; font-weight: 700; font-style: italic; text-align: center; min-width: 150px; padding: 6px 30px; background-color: #fff; border-radius: 14px; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field,
.textarea,
.select,
.form-label { font-family: 'freight-sans-pro', sans-serif; font-size: 1em; line-height: 1.5; color: #000; font-weight: 400; font-style: normal; }

.field,
.textarea,
.select { width: 100%; height: 34px; display: block; padding: 1px 16px; border: 1px solid #eee; background: #fff; border-radius: 5px; box-shadow: none; }

.textarea { height: 248px; resize: vertical; }
.select { padding: 1px 16px; }

.form-row { padding-bottom: 26px; }
.form-row:after { }

.form-label { display: inline-block; vertical-align: middle; padding: 2px 0; }

@media ( max-width: 413px ) {
	.form-row { padding-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
	Form Search
\* ------------------------------------------------------------ */

.form-search { padding-bottom: 30px; border-bottom: 1px solid #eee; }
.form-search h3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 0.9em; line-height: 1.25; color: #707a82; font-weight: 700; text-transform: uppercase; margin-bottom: 1.9em; }

.form-search .form-head { font-size: 1.2em; line-height: 1.33; padding-bottom: 52px; }
.form-search .form-body { padding-bottom: 10px; }
.form-search .form-content { width: 553px; float: left; margin-right: 33px; }
.form-search .form-aside { font-size: 0.9em; line-height: 1.3; color: #888; font-style: italic; overflow: hidden; }
.form-search .form-label { width: 145px; float: left; }
.form-search .form-controls { width: 408px; float: left; }
.form-search .form-container { padding-bottom: 19px; }
.form-search .form-actions { text-align: center; padding-bottom: 25px; }

@media ( max-width: 1023px ) {
	.form-search { padding-bottom: 0; }
	.form-search h3 { margin-bottom: 20px; }
	.form-search .form-head { padding-bottom: 20px; }
	.form-search .form-content { width: auto; float: none; margin: 0; }
}

@media ( max-width: 767px ) {
	.form-search .form-head { font-size: 1em; }

	.form-search .form-label,
	.form-search .form-controls { width: auto; float: none; }
}

/* ------------------------------------------------------------ *\
	Form Contact
\* ------------------------------------------------------------ */

.form-contact { padding-bottom: 47px; }

.form-contact .field,
.form-contact .textarea { border-radius: 0; }

.form-contact .form-head { padding-bottom: 30px; }
.form-contact .form-head h4 { padding-bottom: 29px; }

.form-contact .form-body { padding-bottom: 33px; }
.form-contact .form-label { width: 79px; float: left; }
.form-contact .form-controls { width: 410px; float: left; }
.form-contact .form-controls-wide { width: 781px; }
.form-contact .form-actions { text-align: center; }

@media ( max-width: 1023px ) {
	.form-contact .form-body { padding: 0; }
	.form-contact .form-controls-wide { width: auto; overflow: hidden; float: none; }
}

@media ( max-width: 767px ) {
	.form-contact .form-label,
	.form-contact .form-controls,
	.form-contact .form-controls-wide { width: auto; float: none; }
}

@media ( max-width: 374px ) {
	.form-contact .form-head,
	.form-contact .form-head h4 { padding-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/*  List Links  */

.list-links li { font-size: 18px; }
.list-links li + li { padding-top: 11px; }
.list-links a { color: inherit; display: block; }
.list-links .fa { line-height: 2; color: #fff; text-align: center; width: 36px; height: 36px; float: left; padding: 0; margin-right: 13px; background-color: #00b0da; border-radius: 50%; transition: all .4s ease; }

.list-links a:hover { color: #00b0da; text-decoration: none; }
.list-links a:hover .fa { background-color: #3b7ea1; }

/*  List Avatars  */

.list-avatars { padding: 0 35px; margin-top: -3px; width: 100%; display: flex; flex-wrap: wrap; }
.list-avatars li { width: 33.33333%; min-height: 310px; float: none; padding: 0 10px 26px; display: inline-table; text-align: center;}
.list-avatars .nerd-disciplines { width: auto;}
.list-avatars .nerd-disciplines li { width: 80%; min-height: auto; display: inline-block; text-align: center; padding: 0;}
.list-avatars a { font-family: 'Open Sans Condensed', sans-serif; font-size: 0.9em; line-height: 1.25; color: #707a82; font-weight: 700; text-align: center; display: block; }
.list-avatars a:first-child { }
.list-avatars a strong { font-family: 'freight-neo-pro', serif; font-size: 1.33em; line-height: 1; color: #000; font-weight: 700; font-style: italic; text-align: center; letter-spacing: -0.02em; display: block; transition: color .4s ease; }
.list-avatars .avatar { display: block; margin: 0 auto 25px; }

.list-avatars a:hover,
.list-avatars a:focus,
.list-avatars a:hover strong,
.list-avatars a:focus strong { color: #00b0da; text-decoration: none; }

.list-avatars a:hover .avatar img,
.list-avatars a:focus .avatar img { margin-left: 0px; }

@media ( max-width: 1023px ) {
	.list-avatars { padding: 0; }

	.list-avatars li { padding: 0 0 0 0; }
}

@media ( max-width: 767px ) {
	.list-avatars li { width: auto; float: none; padding: 0 10px 20px;}

}

@media ( max-width: 374px ) {
	.list-avatars li { min-height: 0; }
	.list-avatars .avatar { margin-bottom: 10px; }
}

/*  List Events */

.article h4.listings { text-align: center; margin-bottom: 2em; font-family: 'freight-neo-pro', serif; line-height: 1.25; font-weight: 700; font-style: italic; font-size: 1.25em; }
.article h4.listings a:after { content: " | "; }
.article h4.listings a:last-child:after  { content: " "; }

.list-events { padding: 0 0; display: block; list-style: none; max-width: 860px; margin: auto; }
.list-events li { width: 100%; float: none; padding: 0 10px 26px; display: block; }
.list-events li:after { content: ''; width: 100%; height: 2em; display: block; clear: both;}
.list-events li img { float: right; margin: 0 0 18px 18px; max-width: 200px; height: auto; }
.list-events li .col-1 { width: 15%; float: left; }
.list-events li .col-2 { width: 85%; float: right; }
.list-events li .article-meta { padding: 0 0 1em 0 !important; }
.list-events li .article-leading { padding: 0 0 0 0 !important; }

.list-events .date-box { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-align: center; border-radius: 6px 6px; margin-right: 10px; }
.list-events .date-box .top { font-size: 1.5em; line-height: 1.25; font-weight: 700;  color: #000000; padding: 8px 15px; border-radius: 6px 6px 0 0; }
.list-events .date-box .bottom { font-size: .7em; line-height: 1.2em; display: block; padding: 8px 15px; border-radius: 0 0 6px 6px; background-color: #FFF !important; }
.list-events .date-box-1 { border: 4px solid #FDB515; background-color: #FDB515;} /* California Gold */
.list-events .date-box-2 { border: 4px solid #ED4E33; background-color: #ED4E33; } /* Golden Gate */
.list-events .date-box-3 { border: 4px solid #859438; background-color: #859438; } /* Soybean */
.list-events .date-box-4 { border: 4px solid #00A598; background-color: #00A598; } /* Lap Lane */
.list-events .date-box-5 { border: 4px solid #3B7EA1; background-color: #3B7EA1; } /* Founder’s Rock */
.list-events .date-box-6 { border: 4px solid #00B0DA; background-color: #00B0DA; } /* Lawrence */
.list-events .date-box-7 { border: 4px solid #C4820E; background-color: #C4820E; } /* Medalist */
.list-events .date-box-8 { border: 4px solid #D9661F; background-color: #D9661F; } /* Wellman Tile */
.list-events .date-box-9 { border: 4px solid #DDD5C7; background-color: #DDD5C7; } /* Bay Fog */
.list-events .date-box-10 { border: 4px solid #B9D3B6; background-color: #B9D3B6; } /* Sather Gate */
.list-events .date-box-11 { border: 4px solid #CFDD45; background-color: #CFDD45; } /* Ion */

@media ( max-width: 709px ) {
	.list-events li .col-1 { min-width: 116px; }
	.list-events li .col-2 { width: auto; float: none; margin-left: 116px; }
}
@media ( max-width: 520px ) {
	.list-events li img { float: none; margin: 0 0 1em 0; max-width: 100%; height: auto; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { font-size: 0; line-height: 0; padding: 0 10px; background-color: #003262; transition: background-color .4s ease; }
.nav > ul { text-align: center; }
.nav > ul:after { font-size: 0; line-height: 0; content: ''; width: 100%; display: inline-block; }
.nav > ul > li { display: inline-block; vertical-align: top; position: relative; text-align: justify; }
.nav > ul > li > a { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.88rem; line-height: 1.33; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center; display: block; padding: 4px 20px 5px; background-color: #003262; }
.nav > ul > li > a:hover { text-decoration: none; }
.nav > ul > li.nav-has-dropdown > a:after { content: ''; width: 0; height: 0; display: inline-block; vertical-align: middle; border: 5px solid transparent; border-top: 8px solid #fff; margin: 2px 0 0 7px; transition: border-color .4s ease; }

.nav-dropdown { font-size: 1.13rem; line-height: 1.33; min-width: 734px; opacity: 0; visibility: hidden; max-height: 0px; position: absolute; top: 100%; left: 0; padding: 15px 35px 30px; border-top: 3px solid #00b0da; background-color: #eee; box-shadow: 2px 4px 6px 0 #cbcbcb; transition: opacity .4s ease, visibility .4s ease, max-height .4s ease; }
.nav-dropdown p { font-family: 'Open Sans', sans-serif; font-size: 1em; color: #46535e; font-weight: 400; font-style: italic; }
.nav-dropdown ul { font-family: 'Open Sans Condensed', sans-serif; font-size: 1em; padding-top: 10px; }
.nav-dropdown li { padding-top: 3px; }

.nav > ul > li:hover > .nav-dropdown,
.nav > ul > li.focused > .nav-dropdown,
.nav > ul > li.clicked > .nav-dropdown { opacity: 1; visibility: visible; max-height: 500px; }

.nav > ul > li.current > a,
.nav > ul > li:hover > a,
.nav > ul > li > a:focus { color: #003262; background-color: #eee; }

.nav > ul > li.current > a:after,
.nav > ul > li:hover > a:after,
.nav > ul > li > a:focus:after,
.nav > ul > li.nav-has-dropdown.current > a { border-top-color: #003262; }

.nav:hover > ul > li.current > a,
.nav.has-focused > ul > li.current > a { color: #fff; background-color: #003262; }

.nav:hover > ul > li.current:hover > a,
.nav.has-focused > ul > li.current > a:focus { color: #003262; background-color: #eee; }

.nav-toggle { line-height: 1.9; color: #fff; text-align: center; width: 1.8em; height: 1.8em; padding: 0; border: 0; margin: 0; background: none; border-radius: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.nav-toggle .nav-icon-close { display: none; }

@media ( min-width: 1025px ) {
	.nav > ul > li > a { font-size: 1.2rem; padding: 4px 15px 5px; }
}

@media ( min-width: 1350px ) {
	.nav > ul > li > a { font-size: 1.5rem; padding: 4px 15px 5px; }
}

@media ( max-width: 1023px ) {
	.nav { position: absolute; top: 100%; left: 0; right: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: -webkit-transform .4s ease; transition: transform .4s ease; }
	.nav > ul { text-align: left; padding-bottom: 10px; }
	.nav > ul:after { content: none; }
	.nav > ul > li { display: block; }
	.nav > ul > li + li { border-top: 1px solid #fff; }
	.nav > ul > li > a { text-align: left; padding: 5px 10px; }
	.nav > ul > li.nav-has-dropdown > a:after { position: absolute; top: 16px; right: 8px; }

	.nav-dropdown { min-width: 0; position: static; top: auto; left: auto; padding: 0; box-shadow: none; }
	.nav-dropdown p { margin: 0 0 0.5em; }

	.nav > ul > li:hover > .nav-dropdown,
	.nav > ul > li.focused > .nav-dropdown,
	.nav > ul > li.clicked > .nav-dropdown { padding: 15px 10px; }

	.nav-visible .nav { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
	.nav-visible .nav-toggle .nav-icon-close { display: block; }

	.nav-visible .nav-toggle .nav-icon-open { display: none; }
	.nav-visible .header { background-color: #003262; }
}


@media ( max-width: 767px ) {
	.nav-toggle { line-height: 1.5; width: 1.5em; height: 1.5em; }
	.nav-dropdown li { padding-top: 0; }
	.nav-dropdown li + li { padding-top: 10px; }


	.nav > ul > li:hover > .nav-dropdown,
	.nav > ul > li.focused > .nav-dropdown,
	.nav > ul > li.clicked > .nav-dropdown { max-height: 800px; }
}

@media(min-width: 1025px) {
	.nav-dropdown.padded {
		max-width: unset !important;
		width: unset !important;
		min-width: unset !important;
		height: unset !important;
		max-height: unset !important;
		width: 300% !important;
	}
}


/* ------------------------------------------------------------ *\
	Nav Secondary
\* ------------------------------------------------------------ */

.nav-secondary { overflow: hidden; padding: 3px 0; }
.nav-secondary h4 { font-family: 'freight-display-pro', serif; font-size: 1.8em; color: #003262; font-weight: 500; font-style: italic; letter-spacing: 0.04em; }
.nav-secondary .socials { float: left; padding-top: 9px; }
.nav-secondary .slogan { float: right; }

@media ( max-width: 1340px ) {
	.nav-secondary h4 { font-size: 1.35em; letter-spacing: 0; padding-top: 5px; }
}

@media ( max-width: 1023px ) {
	.nav-secondary { margin-bottom: 10px; }
	.nav-secondary h4 { font-size: 1.2em; text-align: center; padding: 0; }
	.nav-secondary .socials { display: none; }
	.nav-secondary .slogan { float: none; }
}

@media ( max-width: 767px ) {
	.nav-secondary h4 { font-size: 1em; line-height: 1.15; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { padding-top: 57px; margin-bottom: -87px; }

.section .section-title { font-family: 'freight-neo-pro', serif; font-size: 2.4em; line-height: 0.9; font-weight: 700; font-style: italic; padding: 0 17px; border-bottom: 2px solid #eee; margin-bottom: 36px; }
.section .section-body { max-width: 860px; margin: auto; }

@media ( max-width: 1340px ) {
	.section { padding-top: 20px; }
}

@media ( max-width: 1023px ) {
	.section { padding-top: 15px; }
	.section .section-title { padding: 0 10px; margin-bottom: 20px; }
}

@media ( max-width: 767px ) {
	.section .section-title { font-size: 1.5em; }
}

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section-about { max-width: 60%; margin-bottom: 5px; }
.section-about h4 { font-family: 'freight-display-pro', serif; font-size: 1.5em; line-height: 1.25; color: #003262; font-weight: 700; }
.section-about h4 em { font-size: 2.4em; line-height: 1; font-weight: 400; font-style: italic; float: left; margin: 2px 15px 0 0; }
.section-about h4 a { font-style: italic; }
.section-about h4 a:before { content: ''; display: block; }

@media ( max-width: 1023px ) {
	.section-about { max-width: none; margin-bottom: 100px; }
	.section-about h4 { font-size: 1.2em; }
}

@media ( max-width: 767px ) {
	.section-about h4 { font-size: 1em; }
}

/* ------------------------------------------------------------ *\
	Section Listing
\* ------------------------------------------------------------ */

.section-listing { text-align: center; padding: 40px 0 100px; }
.section-listing h4 { font-family: 'freight-neo-pro', serif; font-size: 1.5em; line-height: 1.2; font-weight: 700; font-style: italic; color: #000; }
.section-listing p { text-align: left; }

.section-listing-secondary { padding: 0; }
.section-listing-secondary > p { font-size: 1.2em; line-height: 1.25; }
.section-listing-secondary .list-avatars { padding-top: 30px; margin: 0; display: flex; flex-wrap: wrap; }

@media ( max-width: 1023px ) {
	.section-listing { padding: 25px 0 50px; }
}

@media ( max-width: 413px ) {
	.section-listing-secondary > p { font-size: 1em; margin-bottom: 0.5em; }
}

/* ------------------------------------------------------------ *\
	Section Search Results
\* ------------------------------------------------------------ */

.section-search-results { padding: 0 0 22px; }
.section-search-results h3 { font-family: 'freight-neo-pro', serif; font-size: 1.5em; line-height: 1.2; font-weight: 700; font-style: italic; color: #000; }
.section-search-results > p { font-size: 1.2em; line-height: 1.25; text-align: center;}
.section-search-results .list-avatars { padding: 10px; padding-top: 28px; margin: 0; display: table; }
.section-search-results .list-avatars li { display: inline-table; text-align: center; max-width: 180px; float:none; margin: 0 10px 0 10px;}

@media ( max-width: 1023px ) {
	.section-search-results > p { margin-bottom: 0.5em; }
}

@media ( max-width: 413px ) {
	.section-search-results > p { font-size: 1em; }
}

/* ------------------------------------------------------------ *\
	Section Contact
\* ------------------------------------------------------------ */

.section-contact .widget-staff { width: 500px; float: right; margin: 0 -130px 30px 30px; }
.section-contact .form-contact { margin-top: -6px; }

.section-contact .list-links { font-family: 'Open Sans Condensed', sans-serif; padding: 15px 0 8px; }
.section-contact .list-links a { line-height: 2; color: #707a82; display: inline-block; }
.section-contact .list-links a .fa { font-size: 1.3em; line-height: 1.6; }

.section-contact .list-links a:hover,
.section-contact .list-links a:focus { color: #00b0da; }

.section-contact .section-body > p { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.7em; }

.section-contact .section-group { margin-top: -6px; }
.section-contact .section-group hr { border: 0; border-bottom: 1px solid #eee; margin: 36px 0 34px; }
.section-contact .section-group h4 { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; line-height: 1.2; font-weight: 700; margin: 0; }

@media ( max-width: 1340px ) {
	.section-contact .widget-staff { width: 450px; margin: 0 -50px 30px 30px; }
}

@media ( max-width: 1023px ) {
	.section-contact .widget-staff { width: auto; float: none; margin: 0 0 2em; }
}

@media ( max-width: 413px ) {
	.section-contact .section-body > p { font-size: 1em; }
}

@media ( max-width: 374px ) {
	.section-contact .list-links { padding-bottom: 0; margin-bottom: 0; }
	.section-contact .section-group hr { margin: 15px 0; }
}

/* ------------------------------------------------------------ *\
	Section Menu
\* ------------------------------------------------------------ */

.section-menu { margin-left: 25px; margin-bottom: 50px; }
.section-menu .section-body { margin-left: 30px; }
.section-menu .section-body ul { list-style: none; }

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials ul:after { }
.socials li { float: left; }
.socials li + li { padding-left: 10px; }
.socials a { font-size: 1em; line-height: 1.5; color: #fff; text-align: center; width: 36px; height: 36px; display: block; padding: 3px 0; background-color: #ddd5c7; border-radius: 50%; }

.socials a:hover,
.socials a:focus { text-decoration: none; background-color: #00b0da; }

/*  Socials Primary  */

.socials-primary a { background-color: #3b7ea1; }

.socials-primary a:hover,
.socials-primary a:focus { background-color: #00b0da; }

@media ( max-width: 767px ) {
	.socials a { width: 30px; height: 30px; padding: 0; }
}

@media ( max-width: 374px ) {
	.socials li + li { padding-left: 5px; }
	.socials a { font-size: 1.2em; }
}

/* ------------------------------------------------------------ *\
	Testimonial
\* ------------------------------------------------------------ */

.testimonial { font-family: 'freight-display-pro', serif; font-size: 1.2em; line-height: 1.25; font-weight: 400; font-style: italic; color: #707a82; }
.testimonial h5 { font-family: 'Open Sans Condensed', sans-serif; font-size: 1em; line-height: 1.25; text-align: right; font-weight: 700; font-style: normal; padding-right: 207px; }
.testimonial p { position: relative; margin-bottom: 15px; }
.testimonial p:before { content: ''; position: absolute; top: 0; right: 100%; }
.testimonial p:after { content: ''; }
.testimonial .avatar { float: right; margin-top: -96px; z-index: 4; position: relative; }

.testimonial.testimonial-resource {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.testimonial-resource-link,
.testimonial-resource-link:hover,
.testimonial-resource-link:focus {
	text-decoration: none;
	cursor: default;
}

.testimonial-resource-link:hover h2,
.testimonial-resource-link:focus h2 {
	text-decoration: none !important;
}

.testimonial-resource-link:focus {
	outline: black auto;
}

.testimonial.testimonial-resource {
	cursor: pointer;
}

.testimonial.testimonial-resource > blockquote {
	flex-wrap: wrap;
	flex-basis: 70%;
}

.testimonial.testimonial-resource > blockquote > h2 {
	margin-bottom: 10px;
	color: #003262;
	font-size: 26px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	text-decoration: underline;
}

.testimonial.testimonial-resource > .avatar {
	margin-top: 0 !important;
}

@media ( max-width: 767px ) {
	.testimonial { font-size: 1em; }
	.testimonial .avatar { margin-left: 10px; }
}

@media ( max-width: 413px ) {
	.testimonial h5 { padding-right: 0; }
	.testimonial .avatar { width: 100px; height: 100px; padding: 5px; }
	.testimonial .avatar img { margin-left: -10px; }
}

/* ------------------------------------------------------------ *\
	Tiles
\* ------------------------------------------------------------ */

.tiles { padding-top: 30px; margin: 0 -15px; }
.tiles .edit-this-front-page {position: absolute;}

.tile { width: 33.33%; width: 33.33333%; height: 450px; float: left; padding: 0 15px 30px; }
.tile a { color: #fff; display: block; position: relative; overflow: hidden; }
.tile figure img { width: 100%; height: auto; display: block; }

.tile-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 15px 32px 86px; background-repeat: no-repeat; -webkit-transform: translateY(242px); -ms-transform: translateY(242px); transform: translateY(242px); transition: -webkit-transform .4s ease; transition: transform .4s ease; }
.tile-content h2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.8em; line-height: 1.2; font-weight: 700; margin: 0; }
.tile-content h3 { font-family: 'freight-display-pro', serif; font-size: 1.5em; line-height: 1.2; font-weight: 400; font-style: italic; margin: 0; display: none; }
.tile-content .tile-content-inner { display: none; }
.tile-content img { display: block; margin: auto; }
.tile-content ul { margin: -5px 0 0 40px; }

.tile-content p,
.tile-content ul { font-size: 0.9em; line-height: 1.3334; font-weight: 400; }

.tile-content * { color: black !important; }

.tile-content .alignleft { margin: 6px 20px 0 0; }
.tile-content .alignright { margin: 6px 0 0 20px; }
.tile-content .btn-secondary { width: 150px; display: block; position: absolute; bottom: 27px; left: 50%; margin-left: -75px; }
.tile-content .tile-icon { font-size: 55px; line-height: 65px; text-align: center; width: 85px; height: 85px; padding: 5px 2px 5px 0; border: 6px solid; border-radius: 50%; }
.tile-tessellation-bottom { background-image: url(/css/images/shape1.png); background-position: 100% 17%;}
.tile-tessellation-side { background-image: url(/css/images/shape2.png); background-position: 100% 0; }
.tile-tessellation-top { background-image: url(/css/images/shape3.png); background-position: 100% 0;}


.tile-content-inner { opacity: 0; visibility: hidden; padding-top: 30px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, visibility .4s ease, transform .4s ease; }


/* California Gold */
.tile-color-1 .tile-content { background-color: #fdb515; color: #000; }
.tile-color-1 .tile-content .btn-secondary { color: #fdb515; position:absolute; z-index:20; }
.tile-content-gradiant-1 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #fdb515; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #fdb515 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #fdb515 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #fdb515 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #fdb515 40%); /* Standard syntax */}
/* Golden Gate */
.tile-color-2 .tile-content { background-color: #ed4e33; color: #000; }
.tile-color-2 .tile-content .btn-secondary { color: #ed4e33; position:absolute; z-index:20; }
.tile-content-gradiant-2 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #ed4e33; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #ed4e33 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #ed4e33 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #ed4e33 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #ed4e33 40%); /* Standard syntax */}

/* Soybean */
.tile-color-3 .tile-content { background-color: #859438; }
.tile-color-3 .tile-content .btn-secondary { color: #859438; position:absolute; z-index:20; }
.tile-content-gradiant-3 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #859438; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #859438 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #859438 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #859438 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #859438 40%); /* Standard syntax */}
/* Lap Lane */
.tile-color-4 .tile-content { background-color: #00a598; }
.tile-color-4 .tile-content .btn-secondary { color: #00a598; position:absolute; z-index:20; }
.tile-content-gradiant-4 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #00a598; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #00a598 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #00a598 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #00a598 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #00a598 40%); /* Standard syntax */}

/* Founder's Rock */
.tile-color-5 .tile-content { background-color: #3b7ea1; }
.tile-color-5 .tile-content .btn-secondary { color: #3b7ea1; position:absolute; z-index:20; }
.tile-content-gradiant-5 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #3b7ea1; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #3b7ea1 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #3b7ea1 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #3b7ea1 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent , #3b7ea1 40%); /* Standard syntax */}
/* Lawrence */
.tile-color-6 .tile-content { background-color: #00b0da; }
.tile-color-6 .tile-content .btn-secondary { color: #00b0da; position:absolute; z-index:20; }
.tile-content-gradiant-6 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #00b0da; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #00b0da 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #00b0da 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #00b0da 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #00b0da 40%); /* Standard syntax */}
/* Medalist */
.tile-color-7 .tile-content { background-color: #C4820E; }
.tile-color-7 .tile-content .btn-secondary { color: #C4820E; position:absolute; z-index:20; }
.tile-content-gradiant-7 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #C4820E; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #C4820E 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #C4820E 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #C4820E 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #C4820E 40%); /* Standard syntax */}

/* Wellman Tile */
.tile-color-8 .tile-content { background-color: #D9661F; }
.tile-color-8 .tile-content .btn-secondary { color: #D9661F; position:absolute; z-index:20; }
.tile-content-gradiant-8 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #D9661F; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #D9661F 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #D9661F 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #D9661F 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #D9661F 40%); /* Standard syntax */}

/* Bay Fog */
.tile-color-9 .tile-content { background-color: #DDD5C7; }
.tile-color-9 .tile-content .btn-secondary { color: #DDD5C7; position:absolute; z-index:20; }
.tile-content-gradiant-9 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #DDD5C7; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #DDD5C7 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #DDD5C7 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #DDD5C7 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #DDD5C7 40%); /* Standard syntax */}

/* Sather Gate */
.tile-color-10 .tile-content { background-color: #B9D3B6; }
.tile-color-10 .tile-content .btn-secondary { color: #B9D3B6; position:absolute; z-index:20; }
.tile-content-gradiant-10 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #B9D3B6; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #B9D3B6 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #B9D3B6 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #B9D3B6 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #B9D3B6 40%); /* Standard syntax */}

/* Ion */
.tile-color-11 .tile-content { background-color: #CFDD45; }
.tile-color-11 .tile-content .btn-secondary { color: #CFDD45; position:absolute; z-index:20; }
.tile-content-gradiant-11 { width:100%; height:40%; position:absolute; z-index:10; margin-top:60%; margin-left:-32px;
													background: #CFDD45; /* For browsers that do not support gradients */
													background: -webkit-linear-gradient(transparent, #CFDD45 40%); /* For Safari 5.1 to 6.0 */
													background: -o-linear-gradient(transparent, #CFDD45 40%); /* For Opera 11.1 to 12.0 */
													background: -moz-linear-gradient(transparent, #CFDD45 40%); /* For Firefox 3.6 to 15 */
													background: linear-gradient(transparent, #CFDD45 40%); /* Standard syntax */}


.tile a:hover,
.tile a:focus { outline: 0 none; }
.tile a:hover .tile-content,
.tile a:focus .tile-content,
.tile a.clicked .tile-content { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.tile a:hover .tile-content-inner,
.tile a:focus .tile-content-inner,
.tile a.clicked .tile-content-inner,
.tile a:hover .tile-content h3,
.tile a:focus .tile-content h3,
.tile a.clicked .tile-content h3 { display: block; }


.tile a:hover .tile-content h2,
.tile a:focus .tile-content h2,
.tile a.clicked .tile-content h2,
.tile a:hover .tile-content h3,
.tile a:focus .tile-content h3,
.tile a.clicked .tile-content h3 { text-shadow: 3px 3px 6px rgba(0,0,0,.7); }

.tile a:hover .tile-content-inner,
.tile a:focus .tile-content-inner,
.tile a.clicked .tile-content-inner { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.tile:hover .tile-tessellation-side,
.tile:focus .tile-tessellation-side,
.tile.clicked .tile-tessellation-side,
.tile:hover .tile-tessellation-bottom,
.tile:focus .tile-tessellation-bottom,
.tile.clicked .tile-tessellation-bottom { background-position: 100% 100%; }

@media ( max-width: 1340px ) {
	.tiles { max-width: 860px; margin: auto; padding-top: 10px; }
	.tile { width: 50%; }
}

@media ( max-width: 860px ) {
	.tiles { margin: 0 -5px; }
	.tile-content-gradiant-1,
	.tile-content-gradiant-2,
	.tile-content-gradiant-3,
	.tile-content-gradiant-4,
	.tile-content-gradiant-5,
	.tile-content-gradiant-6 {
		margin: 200px -5px;
	}
	.tile { padding: 0 5px 20px; }
}

@media ( max-width: 1023px ) {
	.tile { height: 400px; }
	.tile-content { padding: 10px; }
	.tile-content-gradiant-1,
	.tile-content-gradiant-2,
	.tile-content-gradiant-3,
	.tile-content-gradiant-4,
	.tile-content-gradiant-5,
	.tile-content-gradiant-6 {
		margin-left: 0px;
		height: 45%;
	}
	.tile-tessellation-bottom { background-position: 100% 7%; }
	.tile-content h2 { font-size: 1.6em; }
}

@media ( max-width: 767px ) {
	.tiles { padding: 0; margin: 0; }

	.tile-content h2 { font-size: 1.2em; }
	.tile-content h3 { font-size: 1em; }
	.tile-content-inner { font-size: 0.8em; }
	.tile-content { -webkit-transform: translateY(66%); -ms-transform: translateY(66%); transform: translateY(66%); }

	.tile a:hover .tile-content,
	.tile a:focus .tile-content,
	.tile a.clicked .tile-content { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

	.tile-color-1 .tile-content { z-index: 20; background-image: url(/css/images/shape3.png); background-position: 100% 0; }
	.tile-color-1 a:hover .tile-content,
	.tile-color-1 a:focus .tile-content,
	.tile-color-1 a.clicked .tile-content { background-position: 100% 0; }

	.tile-content-gradiant-1,
	.tile-content-gradiant-2,
	.tile-content-gradiant-3,
	.tile-content-gradiant-4,
	.tile-content-gradiant-5,
	.tile-content-gradiant-6 {
		margin-top: 115px;
		height: 70%;
	}
}

@media (max-width: 650px ){
	.tile { height: 350px; }
}

@media (max-width: 575px ){
	.tile { height: 300px; }
	.tile-content h2 { font-size: 1em; }
	.tile-content h3 { font-size: 0.8em; }
	.tile-content-inner { font-size: 0.8em; }
}

@media ( max-width: 450px ) {
	.tile { height: 350px; }
	.tile { width: 75%; float: none; padding: 0 0 10px; margin-left: 12.5%; }
		.tile-content h2 { font-size: 1.2em; }
}

@media ( max-width: 413px ) {
	.tiles { margin: 0; }
	.tile { height: 300px; }
	.tile-content { -webkit-transform: translateY(63%); -ms-transform: translateY(63%); transform: translateY(63%); }
	.tile-content p,
	.tile-content ul { margin-bottom: 1em; }
	.tile-content h2 {font-size: 1.1em;}
	.tile-content h3 {font-size: 1em;}

	.tile-content-inner { padding-top: 15px; }

	.tile a:hover .tile-content,
	.tile a:focus .tile-content,
	.tile a.clicked .tile-content { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
}

@media ( max-width: 374px ) {

	.tile-content p,
	.tile-content ul { line-height: 1.2; }
	.tile-content img:not([class]) { max-width: 80%; display: block; margin: auto; }

	.tile-content .alignleft { margin-right: 10px; }
	.tile-content .alignright { margin-left: 10px; }
}

@media ( max-width: 321px ) {
	.tile { height: 250px; }
}

/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Widget Staff
\* ------------------------------------------------------------ */

.widget-staff { z-index: 20; padding: 25px 30px 30px; background: #eee url(/css/images/shape3.png) no-repeat 100% 0; }

.widget-staff .avatar { width: 144px; height: 144px; float: left; padding: 8px; margin-right: 43px; }
.widget-staff .avatar img { margin-left: -13px; }

.widget-staff .widget-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; line-height: 1.1; font-weight: 700; text-transform: uppercase; margin-bottom: 0.6em; }

.widget-staff .widget-entry { padding: 0 0 0 10px; }
.widget-staff .widget-entry:after { }
.widget-staff .widget-entry + .widget-entry { padding-top: 38px; }

.widget-staff .widget-entry-content { overflow: hidden; }
.widget-staff .widget-entry-content p { font-family: 'Open Sans Condensed', sans-serif; font-size: 0.9em; line-height: 1.3; color: #707a82; font-weight: 700; margin: 0 0 5px; }
.widget-staff .widget-entry-content p strong { font-family: 'freight-neo-pro', serif; font-size: 1.33em; color: #000; font-weight: 700; font-style: italic; display: block; margin-bottom: -2px; }
.widget-staff .widget-entry-content p a { font-family: 'freight-sans-pro', sans-serif; font-size: 1.11em; font-weight: 400; }
.widget-staff .widget-entry-content p a[href^="tel"] { color: #000; }

@media ( max-width: 1340px ) {
	.widget-staff .avatar { width: 130px; height: 130px; margin-right: 20px; }
	.widget-staff .widget-entry { padding: 0; }
}

@media ( max-width: 767px ) {
	.widget-staff { padding: 10px 10px 10px 20px; }
	.widget-staff .avatar { margin-right: 10px; }
	.widget-staff .widget-title { margin: 0 0 0.4em -5px; }
	.widget-staff .widget-entry + .widget-entry { padding-top: 10px; }
}

@media ( max-width: 413px ) {
	.widget-staff .avatar { display: block; float: none; margin: 0 auto 10px; }
	.widget-staff .widget-title { text-align: center; }
	.widget-staff .widget-entry-content { text-align: center; overflow: visible; }
}

.captcha-submit-wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.captcha-submit-wrapper > div:not([class]),
.captcha-submit-wrapper .suggest-tag-submit {
	width: 50%;
}

form .g-recaptcha > div {
	width: unset !important;
	height: unset !important;
}

/* Faculty Engagement */

.star-form .fe-search-form ul.fe-search-map,
.star-form ul.fe-search-map  {
	width: 600px !important;
    display: flex;
    justify-content: space-between;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    background-image: url('/css/images/university-of-berkeley-map.jpeg');
    background-size: contain;
	aspect-ratio: 1/1;
}

.star-form .fe-search-form ul.fe-search-map li,
.star-form ul.fe-search-map li  {
	width: 50% !important;
    border: 0.5px solid grey !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.star-form .fe-search-form ul.fe-search-map li::before,
.star-form ul.fe-search-map li::before  {
	content: unset !important;
	display: none !important;
}

.star-form .fe-search-form ul.fe-search-map li input,
.star-form ul.fe-search-map li input  {
	width: 100% !important;
    height: 100% !important;
    background-color: transparent!important;
    opacity: 0.3 !important;
}

h4.alternate-h4 {
    margin: 0 15px 0 0;
    color: #666;
	font-family: 'Open Sans Condensed', sans-serif;
    font-style: normal;
	font-size: 1em;
    line-height: 2;
    text-transform: uppercase;
}

.article--results .selected-resources li::before {
	top: 8px;
}

.article--results .selected-resources li h4 {
	font-size: 20px;
    margin-bottom: 0.5em;
}

.resource-search-map.fe-search-map #map {
	height: 500px;
}

.get-in-touch-emails label:not(.selected-resources) {
	display: none !important;
}

.get-in-touch-email-recipients {
	display: none;
}

.accordion__section.js-data-item.item {
	position: unset;
    display: flex;
	flex-wrap: wrap;
    padding: unset;
    border-bottom: unset;
    opacity: unset;
    pointer-events: unset;
    visibility: unset;
}

.accordion__section.js-data-item.item .accordion__head {
	flex-basis: 100%;
}

span#visible-count{
	font-weight: bold;
}



/* ------------------------------------------------------------ *\
	Artcle Steps
\* ------------------------------------------------------------ */

.article--steps {
	padding-bottom: 70px;
}

.article--steps .article-title {
	margin-bottom: 35px;
	padding-left: 18px;
}

.article--steps .article-entry__title {
	margin-bottom: 25px;
	font-family: 'freight-neo-pro', serif;
	font-size: 1.5em;
	font-style: italic;
	text-align: center;
}


@media(max-width: 1023px) {
	.article--steps .article-title {
		padding-left: 0;
	}
}

/* ------------------------------------------------------------ *\
	Steps
\* ------------------------------------------------------------ */

.steps {
	margin: 52px 0 66px;
	padding: 19px 30px 29px;
	background: #EEEEEE;
	counter-reset: step;
}

.steps .steps__title {
	margin-bottom: 15px;
	font-size: 1.5em;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
}

.steps .steps__actions {
	text-align: center;
	margin-top: -7px;
}


@media(max-width: 767px) {
	.steps {
		margin-bottom: 30px;
		padding: 19px 15px 29px;
	}
}

/* ------------------------------------------------------------ *\
	Step
\* ------------------------------------------------------------ */

.step {
	margin-bottom: 33px;
	padding: 0 0 0 46px;
	display: flex;
	align-items: flex-start;
}

.step .step__number {
	position: relative;
	width: 126px;
	height: 126px;
	margin-top: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	text-align: center;
	background: red;
}

.step .step__number--yellow {
	background: #FDB515;
}

.step .step__number--red {
	background: #EE1F60;
}

.step .step__number--green {
	background: #00A598;
}

.step .step__number--dark {
	background: #859438;
}

.step .step__number:before {
	content: counter(step);
	counter-increment: step;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'freight-neo-pro', serif;
	font-weight: 700;
	font-style: italic;
	font-size: 3.2em;
	display: inline-block;
}

.step .step__content {
	flex: 0 0 72%;
	padding-left: 33px;
}

.step .step__title {
	margin-bottom: 0px;
	font-size: .9em;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #46535E;
	text-transform: uppercase;
}


@media(max-width: 1023px) {
	.step {
		padding: 0;
	}
}

@media(max-width: 767px) {
	.step {
		flex-wrap: wrap;
	}

	.step .step__number {
		margin-bottom: 20px;
	}

	.step .step__content {
		padding: 0;
		flex: 0 0 100%;
	}
}

/* ------------------------------------------------------------ *\
	Article Results
\* ------------------------------------------------------------ */

.article--results {
	margin-bottom: -7px;
}

.article--results .article-title {
	margin-bottom: 32px;
	padding-left: 19px;
}

.article--results .article-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 53px;
	margin: 0 -7px;
}

.article--results .article-content {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 7px;
}

.article--results .article-aside {
	max-width: 50%;
	flex: 0 0 50%;
	padding: 0 7px;
	display: flex;
	flex-direction: column;
}

@media(max-width: 1023px) {
	.article--results .article-inner {
		display: block;
	}

	.article--results .article-content {
		max-width: 100%;
		padding-bottom: 50px;
	}

	.article--results .article-aside {
		max-width: 100%;
	}

	.article--results .article-title {
		padding-left: 0;
	}
}

/* ------------------------------------------------------------ *\
	Steps Index
\* ------------------------------------------------------------ */


.steps-index {
	margin-bottom: 39px;
	padding-left: 29px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 11px solid #888888;
	border-radius: 40px;
	overflow: hidden;
	counter-reset: step-index;
}

@media(max-width: 767px) {
	.steps-index {
		display: block;
		background: #DDDDDD;
	}
}

/* ------------------------------------------------------------ *\
	Step Index
\* ------------------------------------------------------------ */

.step-index {
	flex: 1;
	padding-right: 46px;
	display: flex;
	align-items: center;
	background: #DDDDDD;
}

.step-index:last-child {
	padding-right: 0;
}

.step-index .step__number {
	position: relative;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	border-radius: 50%;
	background: red;
}

.step-index .step__number:before {
	content: counter(step-index);
	counter-increment: step-index;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'freight-neo-pro', serif;
	font-weight: 700;
	font-style: italic;
	font-size: 1.5em;
	display: inline-block;
}

.step-index .step__number--yellow {
	background: #FDB515;
}

.step-index .step__number--red {
	background: #EE1F60;
}

.step-index .step__number--green {
	background: #00A598;
}

.step-index .step__number--dark {
	background: #859438;
}

.step-index .step__content {
	padding-left: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: .9em;
	color: #46535E;
}

.step-index.is-active {
	background: #fff;
}

@media(max-width: 767px) {
	.step-index + .step-index {
		margin-top: 10px;
	}
}

/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box {
	margin-bottom: 21px;
	padding: 16px 19px 16px 15px;
	background: #EEEEEE;
}

.box .box__inner {
	display: flex;
	justify-content: space-between;
}

.box .box__content {
	flex: 0 0 55%;
}

.box .box__aside {
	flex: 0 0 39%;
	padding-top: 8px;
	text-align: right;
}

.box .box__aside a {
	margin-bottom: 8px;
}

.box .box__title {
	margin-bottom: 5px;
	font-size: 1.2em;
	font-family: 'Open Sans Condensed', sans-serif;
}

.box .box__checkbox label {
	height: auto;
	padding-left: 45px;
	line-height: 1.5;
	font-size: 1em;
}

.box .box__checkbox label:before {
	top: 4px;
}

.box .box__checkbox label:after {
	top: 7px;
}

.box .box__select {
	position: relative;
}

.box .box__select:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 7px;
	height: 4px;
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	pointer-events: none;
}

.box .select {
	padding: 1px 15px;
	appearance: none;
}

@media(max-width: 767px) {
	.box .box__inner {
		display: block;
	}
}

/* ------------------------------------------------------------ *\
	Tooltip
\* ------------------------------------------------------------ */

.tooltip {
	position: absolute;
	top: 0;
	right: -10px;
	cursor: pointer;
}

.tooltip i {
	color: #003262;
}

.tooltip:focus .tooltip__content {
	opacity: 1;
	pointer-events: all;
}

.tooltip .tooltip__content {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	width: 300px;
	padding: 13px 17px;
	border: 1px solid #003262;
	border-radius: 5px;
	background: #fff;
	font-size: 1em;
	line-height: 1.5;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
}

@media(max-width: 767px) {
	.tooltip .tooltip__content {
		left: auto;
		right: 0;
	}
}

/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion {
	border: 1px solid #EEEEEE;
}

.accordion .accordion__section + .accordion__section {
	border-top: 1px solid #EEEEEE;
}

.accordion .accordion__section.is-active .accordion__title {
	margin-bottom: 0;
}

.accordion .accordion__section.is-active .item-block {
	margin-top: -4px;
}

.accordion .accordion__section.is-active .accordion__arrow {
	transform: rotate(180deg);
}

.accordion .accordion__section:nth-child(odd)  {
	background: #DDD5C7;
}

.accordion .accordion__head {
	position: relative;
	padding: 20px 69px 14px;
	transition: padding .3s;
}

.accordion .accordion__title {
	margin-bottom: 11px;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height: 1.17;
	font-size: 1.2em;
	transition: margin .3s;
}

.accordion .accordion__arrow {
	position: absolute;
	top: 12px;
	right: 13px;
	transition: transform .3s;
}

.accordion .accordion__checkbox {
	position: absolute;
	top: 19px;
	left: 13px;
}

.accordion .accordion__features {
	display: flex;
	align-items: center;
}

.accordion .accordion__features > a:not([class]) {
	width: 100%;
}

.accordion .accordion__features ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	list-style: none;
	font-size: 16px;
	color: #003262;
}

.accordion .accordion__features ul li:first-of-type {
	flex-basis: 60%;
}

.accordion .accordion__features-inner {
	flex: 0 0 34.5%;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: #46535E;
}

.accordion .accordion__extrernal-link {
	display: flex;
	font-size: 14px;
	line-height: 1;
}

.accordion .accordion__extrernal-link svg {
	display: inline-block;
	margin-right: 9px;
}

@media(max-width: 767px) {
	.accordion .accordion__head {
		padding: 15px 20px 14px;
	}

	.accordion .accordion__checkbox {
		position: static;
		margin-bottom: 10px;
	}
}

/* ------------------------------------------------------------ *\
	Items
\* ------------------------------------------------------------ */

.items {
	padding: 0 69px 11px;
}

@media(max-width: 1200px) {
	.items--alt {
		padding: 0 35px 11px;
	}
}

@media(max-width: 767px) {
	.items {
		padding: 0 20px 11px;
	}

	.items--alt {
		padding: 0 20px 11px;
	}
}

/* ------------------------------------------------------------ *\
	Item
\* ------------------------------------------------------------ */

.item-block {
	display: flex;
	margin-bottom: 10px;
	transition: margin .3s;
}

.item-block--info {
	padding-top: 3px;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #000;
}

.item-block .item__content {
	flex: 0 0 34.3%;
	padding-right: 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #46535E;
	text-transform: uppercase;
}

.item-block .item__aside {
	flex: 0 0 50%;
	max-width: 50%;
}

.item-block .item__tag {
	margin-bottom: 3px;
	padding: 7px 11px;
	display: inline-block;
	border-radius: 3px;
	background: #ED4E33;
	font-size: 12px;
	color: #000;
}

.communities_tag ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.communities_tag ul li {
	margin-bottom: 3px;
	padding: 7px 11px;
	display: inline-block;
	border-radius: 3px;
	background: #ED4E33;
	font-size: 12px;
	color: #000;
}

.filter-button.active {
	border: 2px solid #000;
	box-shadow: 0px 0px 6px #fff;
}
.location-list .filter-button.active{
	border-color: #ED4E33;
}

.communities_tag button{
	margin: 0px 3px 3px 0px;
	padding: 7px 11px;
	display: inline-block;
	border-radius: 3px;
	background: #ED4E33;
	font-size: 12px;
	color: #000;
	border:none;
}
.communities_tag button:hover{
	background-color: #46535e;
	color: #FFF;
}
.month-list{
	display: flex;
	flex-wrap: wrap;
}
.month-list button{
	position: relative;
	z-index: 2;
	min-width: 28px;
	min-height: 32px;
	margin-right: 6px;
	margin-bottom: 4px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-weight: 700;
	font-size: 11px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	border:none;
}
.month-list button:hover{color:#fff;}

.month-list button:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 28px;
	height: 32px;
	background-image: url(/css/images/icons/calendar-solid-gold.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.month-list button:hover:before{
	background-image: url(/css/images/icons/calendar-solid.svg);
}
.month-list button.filter-button.active:before{
	background-image: url(/css/images/icons/calendar-solid.svg);
}
.month-list button.filter-button.active{
	border:none;
	color:#fff;
}

.location-list button{
	min-width: 56px;
	margin-right: 9px;
	padding: 7px 9px;
	display: inline-block;
	border-radius: 4px;
	background: #594A25;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border:none;
}
.location-list button:hover{background:#000000;}

.time-list button {
	display: inline-block;
	padding: 7px 9px;
	border-radius: 4px;
	background-color: #859438;
	color: #fff;
	font-size: 12px;
	user-select: none;
	transition: background-color .3s, color .3s;
	border:none;
}

.time-list button:hover {
	border:2px solid #000
}

.results-info{
	background-color: #CFDD45;
	padding:1em;
}

.item-block .item__extrernal-link {
	display: flex;
	font-size: 14px;
	line-height: 1;
}

.item-block .item__extrernal-link svg {
	display: inline-block;
	margin-right: 9px;
}

.item-block .item__link {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
}

.item-block--alt {
	margin-bottom: 6px;
}

.item-block--alt .item__content {
	flex: 0 0 45%;
}

.item-block--alt .item__aside {
	flex: 0 0 55%;
	max-width: 55%;
}

@media(max-width: 767px) {
	.item-block .item__content {
		flex: 0 0 45%;
	}

	.item-block .item__link {
		line-height: 1.38;
	}
}

/* ------------------------------------------------------------ *\
	List Months
\* ------------------------------------------------------------ */

.list-months ul {
	display: flex;
	flex-wrap: wrap;
}

.list-months ul li {
	position: relative;
	z-index: 2;
	min-width: 28px;
	min-height: 32px;
	margin-right: 6px;
	margin-bottom: 4px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-weight: 700;
	font-size: 11px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.list-months ul li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 28px;
	height: 32px;
	background-image: url(/css/images/icons/calendar-solid.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

/* ------------------------------------------------------------ *\
	List Locations
\* ------------------------------------------------------------ */

.list-locations ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
}

.list-locations ul li {
	min-width: 56px;
	margin-right: 9px;
	margin-bottom:3px;
	padding: 7px 9px;
	display: inline-block;
	border-radius: 4px;
	background: #594A25;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

@media(max-width: 1200px) {
	.list-locations li {
		margin-bottom: 5px;
	}
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {
	max-width: 186px;
	margin: 13px 0 4px;
	background: #EEEEEE;
}

.slider .owl-carousel.owl-drag .owl-item {
	padding: initial !important;
}

.slider .slider__slide {
	max-width: 113px;
	margin: 0 auto;
}

.slider__slides.owl-carousel {
	position: relative;
}

.slider__slides.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.slider .owl-carousel .nav-btn .fa-inverse {
    font-size: .7rem;
}

.slider__slides.owl-carousel .owl-stage-outer .owl-stage {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider .owl-nav {
	position: absolute;
	top: 47%;
	left: 9px;
	right: 9px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.slider .owl-dots {
	display: none;
}

.slider .nav-btn .fa-stack {
	width: 20px;
	height: 20px;
	line-height: 20px;
}

.slider .nav-btn .fa-inverse {
	font-size: .7rem;
}

.slider .nav-btn .fa-circle {
	font-size: 0.8em;
}

@media(max-width: 767px) {
	.slider .owl-nav {
		left: 2px;
		right: 2px;
	}
}

/* ------------------------------------------------------------ *\
	Nap
\* ------------------------------------------------------------ */

.map {
	position: relative;
	margin-bottom: 15px;
}

.map figure {
	margin: -5px;
}

.map figcaption {
	padding: 5px;
	font-style: italic;
}

.map .map__block {
	position: absolute;
	top: 21px;
	left: 49.5%;
	z-index: 3;
	transform: translateX(-50%);
	max-width: 513px;
	width: 100%;
	border-radius: 20px;
	background: #fff;
	filter: drop-shadow(0 0 21px rgba(136, 136, 136, 1));
}

.map .map__block:before {
	content: '';
	position: absolute;
	top: 100%;
	right: 70px;
	border-top: 16px solid #fff;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
}

.map .map__block-head {
	position: relative;
	padding: 23px 72px 0;
	transition: padding .3s;
}

.map .map__block-title {
	margin-bottom: 11px;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height: 1.17;
	font-size: 1.2em;
	transition: margin .3s;
}

.map .map__block-checkbox {
	position: absolute;
	top: 26px;
	left: 24px;
}

.map .map__block-checkbox label:before {
	width: 27px;
	height: 27px;
}

.map .map__block-checkbox label:after {
	top: 2px;
	left: 4px;
	width: 22px;
	height: 23px;
}

.map .map__block-actions {
	position: absolute;
	top: -13px;
	right: -10px;
	z-index: 2;
}

.map .map__block-actions a {
	width: 39px;
	height: 39px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: #fff;
	color: #707070;
	text-decoration: none;
}

.map .map__block-actions a:hover,
.map .map__block-actions a:focus {
	color: #003262;
}

@media(max-width: 1200px) and (min-width: 1023px) {
	.map .map__block {
		top: 0;
	}

	.map .map__block-head {
		padding: 23px 35px 0;
	}

	.map .map__block-checkbox {
		left: 5px;
	}
}

@media(max-width: 1023px) {
	.map img {
		width: 100%;
	}

	.map .map__block {
		top: 41px;
	}
}

@media(max-width: 767px) {
	.map .map__block {
		top: auto;
		bottom: 33%;
	}

	.map .map__block-head {
		padding: 23px 20px 0 66px;
	}
}

/* ------------------------------------------------------------ *\
	Block
\* ------------------------------------------------------------ */

.block {
	position: relative;
	z-index: 2;
	padding: 18px 33px 0;
	flex: 1;
	background: #EEEEEE;
}

.block:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 172px;
	height: 108px;
	background-image: url(../images/decoration.png);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.block .block__title {
	margin-bottom: 25px;
	font-size: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	text-transform: uppercase;
}

.block .block__title-secondary {
	margin-top: 9px;
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
}

.block em {
	padding-bottom: 20px;
	display: inline-block;
	font-size: 20px;
	line-height: 1.2;
}

.block ul {
	padding-left: 12px;
	font-size: 16px;
	list-style: none;
	line-height: 1;
}

.block ul li {
	position: relative;
	margin-bottom: 25px;
}

.block ul li:before {
	content: '';
	position: absolute;
	top: 11px;
	left: -11px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #000;
}

.block strong {
	margin-bottom: 1px;
	display: inline-block;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height: 1.4;
}

.block .block__actions {
	margin-top: 38px;
	text-align: center;
}

.block .block__actions a {
	margin-bottom: 20px;
}

@media(max-width: 1023px) {
	.block {
		padding: 18px 33px 30px;
	}
}

@media(max-width: 768px) {
	.block {
		padding: 18px 20px 30px;
	}
}

/* ------------------------------------------------------------ *\
	Btn	Solid
\* ------------------------------------------------------------ */

.btn-solid {
	padding: 5px 16px;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

.btn-disabled {
	background: #888888 !important;
	pointer-events: none;
	border:none;
}

/* Faculty Engagement */

.star-form .fe-search-form ul.fe-search-map,
.star-form ul.fe-search-map  {
	min-width: 300px !important;
    min-height: 300px !important;
	max-width: 600px !important;
	max-height: 600px !important;
	width: 100% !important;
	height: 100% !important;
    display: flex;
    justify-content: space-between;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    background-image: url('/css/images/university-of-berkeley-map.jpeg');
    background-size: contain;
	aspect-ratio: 1/1;
}

.star-form .fe-search-form ul.fe-search-map li,
.star-form ul.fe-search-map li  {
	width: 50% !important;
    border: 0.5px solid grey !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.star-form .fe-search-form ul.fe-search-map li::before,
.star-form ul.fe-search-map li::before  {
	content: unset !important;
	display: none !important;
}

.star-form .fe-search-form ul.fe-search-map li input,
.star-form ul.fe-search-map li input  {
	width: 100% !important;
    height: 100% !important;
    background-color: transparent!important;
    opacity: 0.3 !important;
}

#search-results .accordion__section{width:100%;}

.btn-dl-resources{
	background-color: #003262;
	color:#fff !important;
	text-decoration: none;
}

.btn-con-resources{
	background-color: #3B7EA1;
	color:#fff !important;
	text-decoration: none;
}

.item-block .item__aside.oppo-listing{
	flex: 0 0 70%;
	max-width: 70%;
}
.item-block .item__aside.oppo-listing li{
	font-weight: bold;
	line-height: 1.2;
}

.info-window-content {
	padding: 10px;
	border: 1px solid #ccc;
	margin-top: 8px;
	background: #fff;
	border-radius: 5px;
}
.info-window-heading {
	margin: 0;
	color: #333;
}

.green-btn{
	background-color: #CFDD45 !important;
	width:100%;
	margin-bottom: 15px;
	color:#000 !important;
	text-decoration: none;
}