/* ---------------------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------------- */

/* ELEMENTS: COLOR PALETTE
----------------------------------------------- */
/*
	Deep Blue - #03305f: #03305f;
	COM Blue - #254160: #254260;
	Muted Blue - #4c5762: #4c5762;
	Light Blue - #b7c5ca: #b7c5ca;
	Gray - #ccc: #ccc;
	Light Gray - #f7f7f7: #f7f7f7;
	Bright Gold - #cc8f34: #cc8f34;
	COM Gold - #ae842c: #ae842c;
	Muted Gold - #a47c42: #a47c42;
	Steel Gray - #666: #666;
	Night Gray - #333: #333;
	COM Black - #231f20: #231f20;

*/

:root {
	--deep-blue: #03305f;
	--com-blue: #254260;
	--muted-blue: #4c5762;
	--light-blue: #b7c5ca;
	--gray: #ccc;
	--lemon-curry: #cd9027;
	--light-gray: #f7f7f7;
	--bright-gold: #cc8f34;
	--com-gold: #ae842c;
	--muted-gold: #a47c42;
	--steel-gray: #666;
	--night-gray: #333;
	--com-black: #231f20;
}

html {
	font-size: 16px;
}

body {
	color: #666;
	font-family: 'Avenir', sans-serif;
	font-size: .875rem;
	font-weight: 300;
	line-height:1.5;
}

body.menu-slide-in {
	overflow: hidden;
}

strong, b {
	font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Avenir', sans-serif;
	font-weight: 500;
	letter-spacing:.025em;
}

h1 {
	border-bottom: 1px solid #e3d8d8;
	color: #231f20;
	/*font-size: 1.625rem;*/
  font-size: 1.25rem;
	font-weight: 900;
	letter-spacing: .012em;
  line-height: 1.4;
	margin-bottom: 0;
	/*padding-bottom: 0.25em;*/
  padding-bottom: 0.75rem;
  text-transform: uppercase;
}

/* @media screen and (min-width: 1201px) {
    h1 {
        font-size: 2.5rem;
    }
}

@media (min-width:901px) and (max-width: 1200px) {
    h1 {
        font-size: 2.25rem;
    }
}

@media (min-width:601px) and (max-width: 900px) {
    h1 {
        font-size: 1.875rem;
    }
} */

h2 {
	color: #231f20;
	/*font-size: 1.5rem;*/
  font-size: 1.125rem;
	font-weight: 900;
	letter-spacing: .012em;
  line-height: 1.3;
	margin-top: 0;
	padding-top: 0;
  text-transform: uppercase;
}

/* @media screen and (min-width: 1201px) {
    h2 {
        font-size: 2.25rem;
    }
}

@media (min-width:901px) and (max-width: 1200px) {

    h2 {
        font-size: 1.875rem;
    }
}

@media (min-width:601px) and (max-width: 900px) {
    h2 {
        font-size: 1.625rem;
    }
} */

h3 {
	color: #231f20;
	/*font-size: 1.375rem;*/
  font-size: 1.0625rem;
  font-weight: 900;
	/*text-transform:capitalize;*/
  text-transform: none;
}

/* @media screen and (min-width: 1201px) {
    h3 {
        font-size: 1.875rem;
    }
}

@media (min-width:901px) and (max-width: 1200px) {
    h3 {
        font-size: 1.625rem;
    }
}

@media (min-width:601px) and (max-width: 900px) {
    h3 {
        font-size: 1.5rem;
    }
} */

h4 {
	color: #231f20;
	/*font-size: 1.25rem;*/
  font-size: 1.0625rem;
  font-weight: 500;
  text-transform: none;
}

/* @media screen and (min-width: 1201px) {
    h4 {
        font-size: 1.625rem;
    }
}

@media (min-width:901px) and (max-width: 1200px) {
    h4 {
        font-size: 1.5rem;
    }
}

@media (min-width:601px) and (max-width: 900px) {
    h4 {
        font-size: 1.375rem;
    }
} */

h5 {
	color: #231f20;
	/*font-size: 1.125rem;*/
  font-size: .875rem;
  /*font-weight: 500;*/
  font-weight: 900;
  margin-bottom: 0;
  margin-top: .5em;  
  text-transform: none;
}

/* @media screen and (min-width: 1201px) {
    h5 {
        font-size: 1.5rem;
    }
}

@media (min-width:901px) and (max-width: 1200px) {
    h5 {
        font-size: 1.375rem;
    }
}

@media (min-width:601px) and (max-width: 900px) {
    h5 {
        font-size: 1.25rem;
    }
} */

h6 {
	color: #231f20;
	/*font-size: 1rem;*/
  font-size: .875rem;
	font-weight: 500;
	text-transform: none;
}

/* @media screen and (min-width: 1201px) {
    h6 {
        font-size: 1.375rem;
    }
}

@media (min-width:901px) and (max-width: 1200px) {
    h6 {
        font-size: 1.25rem;
    }
}

@media (min-width:601px) and (max-width: 900px) {
    h6 {
        font-size: 1.125rem;
    }
} */


h1, aside h2 { font-weight:900; }

.large-6 h1:not(#page-title) { font-size: 1rem; }

p {
	letter-spacing: .05em;
	margin:0 0 10px;
}

p:last-child {
	margin-bottom: 0;
}

p:empty {
	display: none;
}

blockquote, blockquote p {
	color: #242526;
	padding: 20px 30px;
}

blockquote { background: rgba(242, 224, 183,0.79); }
blockquote cite {
	color: #808080;
	font-size:1rem;
}

img.imgleft {
	float: left;
	margin: 1em 1em 1em 0;
}

img.imgright {
	float: right;
	margin: 1em 0 1em 1em;
}

::placeholder {
	color: #becacf;
	text-transform: inherit !important;
}

:-ms-input-placeholder {
	color: #becacf;
	text-transform: inherit !important;
}

::-ms-input-placeholder {
	color: #becacf;
	text-transform: inherit !important;
}


[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	height: auto;
}

@media(min-width:1201px) {
	.pull-up {
		position: absolute;
		right: 0;
		top: 0;
	}
}

.clear-both {
	clear: both;
}

.hero {
	color: #333;
	font-size: 2.25rem;
	font-weight: 300;
}
/*
.call-out {
	background-color: #f7f7f7;
	display: block;
	padding: 3rem;
}*/

.fixed {
	left: 0;
	position: fixed;
	right: 0;
}

.no-padding {
	padding: 0 !important;
}


*:first-child > img.imgleft, *:first-child > img.imgleft { margin-top: 0; }

/* STYLE - LINKS */
a, a:visited { color: #926f3a; }
a:hover {
	color: #cc8f34;
}

/*a:active, .active a, a.active  { color: #a47c42-active; }*/
a:active, .active a, a.active  { color: #a47c42; }

/*.active a { font-style: italic; }*/

a[href^="tel:"] { color:inherit; }

/*--- BDS 02/23/21: Styling change with Ron and Shook
h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited,
h5 a, h5 a:link, h5 a:visited,
h6 a, h6 a:link, h6 a:visited { color: inherit; }
---*/

/* don't allow jump links to get sucked underneath fixed nav */
*:target:before {
	clear: both;
	content: "";
	display: block;
	height: 10em;
	width: 100%;
}

.file--application-pdf a {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

.file--application-pdf a::before {
	background: url('/themes/custom/echotimes/images/icons.svg#pdf');
	content: "";
	display: inline-block;
	height: 1rem;
	width: 1rem;
}


/* COLORS: BACKGROUNDS
----------------------------------------------- */

.background-deep-blue {
	background-color: var(--deep-blue);
}

.background-com-blue {
	background-color: var(--com-blue);
}

.background-muted-blue {
	background-color: var(--muted-blue);
}

.background-light-blue {
	background-color: var(--light-blue);
}

.background-gray {
	background-color: var(--gray);
}

.background-light-gray {
	background-color: var(--light-gray);
}

.background-bright-gold {
	background-color: var(--bright-gold);
}

.background-com-gold {
	background-color: var(--com-gold);
}

.background-muted-gold {
	background-color: var(--muted-gold);
}

.background-steel-gray {
	background-color: var(--steel-gray);
}

.background-night-gray {
	background-color: var(--night-gray);
}

.background-com-black {
	background-color: var(--com-black);
}

.background-lemon-curry {
	background-color: #cd9027;
}


/* COLORS: TEXT
----------------------------------------------- */

.text-deep-blue {
	color: var(--deep-blue);
}

.text-com-blue {
	color: var(--com-blue);
}

.text-muted-blue {
	color: var(--muted-blue);
}

.text-light-blue {
	color: var(--light-blue);
}

.text-gray {
	color: var(--gray);
}

.text-light-gray {
	color: var(--light-gray);
}

.text-bright-gold {
	color: var(--bright-gold);
}

.text-com-gold {
	color: var(--com-gold);
}

.text-muted-gold {
	color: var(--muted-gold);
}

.text-steel-gray {
	color: var(--steel-gray);
}

.text-night-gray {
	color: var(--night-gray);
}

.text-com-black {
	color: var(--com-black);
}

.text-lemon-curry {
	color: #cd9027;
}


/* ELEMENTS: BUTTONS
----------------------------------------------- */
.button:visited { color: #fefefe; }
button.tiny, .button.tiny,
button.small, .button.small,
button, .button,
button.expanded, .button.expand {
	/*background-color: #4c5762;
	color: #fff !important;*/
	font-weight: 500;
	letter-spacing: .05em;
	text-transform: uppercase;
}

button.tiny a, .button.tiny a,
button.small a, .button.small a,
button a, .button a,
button.expand a, .button.expand a { display: block; padding: .75em 2em;
	transition: all .3s linear 0s;
}

.button.small {
	font-size: .75rem !important;
}

.button:not(.expanded) + .button:not(.expanded) {
	margin-left: .625rem;
}

.button.secondary {
	background-color: var(--lemon-curry);
}

/*
button.tiny:hover, .button.tiny:hover,
button.small:hover, .button.small:hover,
button:hover, .button:hover,
button.expand:hover, .button.expand:hover,
button.tiny:focus, .button.tiny:focus,
button.small:focus, .button.small:focus,
button:focus, .button:focus,
button.expand:focus, .button.expand:focus { background-color: #231f20; color: #fff;}
*/

/** ICONS **/

svg.icon-gold-map-pin,
svg.icon-gold-lock,
svg.icon-gold-down {
	fill: #cd9027;
}

svg.icon-gold-map-pin:hover,
a:hover > svg.icon-gold-map-pin,
svg.icon-gold-lock:hover,
a:hover > svg.icon-gold-lock,
svg.icon-gold-down:hover,
a:hover > svg.icon-gold-down {
	fill: #a87715
}

svg.icon-gold-map-pin {
	height: 1rem;
	margin-right: .21875rem;
	margin-top: -1px;
	width: 1rem;
	vertical-align: middle;
}

svg.icon-gold-lock,
svg.icon-gold-down {
	display: inline-block;
	height: .875rem;
	margin-right: .3125rem;
	width: .875rem;
}


/** SOCIAL ICONS **/

.social-links {
	display: flex;
	padding-left: 0;
}

.social-links a {
	align-items: center;
	border-radius: 50%;
	display: flex !important;
	flex: 0 0 2rem;
	font-size: 0;
	height: 2rem;
	justify-content: center;
	overflow: hidden;
	width: 2rem;
}

.social-links a:not(:last-child) {
	margin-right: .4375rem;
}

.social-links a:not(:has(svg)) {
  background-repeat: no-repeat;
  background-position: center center;
}

.social-links a[href*="facebook"] {
	background-color: #5b6d98;
}
.social-links a[href*="facebook"]:not(:has(svg)) {
	background-image: url(../../images/icons/icon-social-facebook.svg);
	background-size: auto 60%;
}

.social-links a[href*="facebook"]:hover {
	background-color: #3b5998;
}

.social-links a[href*="facebook"] svg {
	width: 25%;
}

.social-links a[href*="twitter"] {
	background-color: #85bfed;
}

.social-links a[href*="twitter"]:not(:has(svg)) {
	background-image: url(../../images/icons/icon-social-twitter.svg);
	background-size: auto 45%;
}

.social-links a[href*="twitter"]:hover {
	background-color: #55acee;
}

.social-links a[href*="twitter"] svg {
	width: 50%;
}

.social-links a[href*="youtube"] {
	background-color: #cc4747;
}

.social-links a[href*="youtube"]:not(:has(svg)) {
	background-image: url(../../images/icons/icon-social-youtube.svg);
	background-size: auto 40%;
}

.social-links a[href*="youtube"]:hover {
	background-color: #cd1f1f;
}

.social-links a[href*="youtube"] svg {
    margin-left: 2px;
	width: 36%;
}

.social-links a[href*="instagram"] {
	background-color: #4e799c;
}

.social-links a[href*="instagram"]:not(:has(svg)) {
	background-image: url(../../images/icons/icon-social-instagram.svg);
	background-size: auto 75%;
}

.social-links a[href*="instagram"]:hover {
	background-color: #3e729b;
}

.social-links a[href*="instagram"] svg {
	width: 80%;
}

.social-links a[href*="linkedin"] {
	background-color: #2381b5;
}

.social-links a[href*="linkedin"]:not(:has(svg)) {
	background-image: url(../../images/icons/icon-social-linkedin.svg);
	background-size: auto 50%;
}

.social-links a[href*="linkedin"]:hover {
	background-color: #0077b5;
}

.social-links a[href*="linkedin"] svg {
	width: 50%;
}

.social-links a svg {
	fill: #fff;
	height: 100%;
}


#region-content > #block-pagetitle {
	margin-bottom: 0;
}

h1#page-title { margin-bottom: 1em; }


/*** FIELDS ***/
.field--label-inline {
	align-items: center;
	display: flex;
	gap: .25rem;
}

.field--label-inline .field-label {
	font-weight: 500;
}

.field--label-inline .field-label::after {
	content: ":";
}



/* ELEMENTS: FORM
----------------------------------------------- */

::-webkit-input-placeholder { text-transform: uppercase; }
:-moz-placeholder { text-transform: uppercase; }
::-moz-placeholder { text-transform: uppercase; }
:-ms-input-placeholder { text-transform: uppercase; }

input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0; }


/*@media(max-width:1200px) {
	#main,
	#footer-top > .row,
	#footer-bottom > .row {
		padding-left: 0;
		padding-right: 0;
	}
}*/


/* RESPONSIVE VIDEO */
.responsive-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.23%;
	position: relative;
}

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

.view .column:only-child {
	width: 100%;
}

/* ELEMENTS - GRID */
@media(max-width:1200px) {
	.view .row { padding-bottom:1em; }
}



/* ELEMENTS - BASE FOUNDATION OVERWRIDES */
.row {
	max-width: 75rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.accordion-title {
	font-weight: 600;
	text-transform: uppercase;
}

.is-accordion-submenu-parent {
	font-weight: 600;
}

#region-content .callout.block.full-width,
#content-bottom .callout.block.full-width {
	margin-bottom: 0;
	margin-top: 0;
}

.callout.primary {
	background-color: rgba(0, 63, 98, .2);
}

.callout.secondary {
	background-color: rgba(234, 234, 234,.2);
}

.callout.success {
	background-color: rgba(154, 204, 39, 0.2);
}

.callout.alert {
	background-color: #f7e4e1;
}

.callout.warning {
	background-color: rgba(205, 144, 39, .2);
}

.block.callout.full-width {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 2.75rem 0;
	width: 100vw;
}

@media(min-width:1201px) {
	.grid-x > .block.callout.full-width {
	    transform: translateX(calc((100vw - 1200px) / -2));
	}
}

.block.callout.full-width .body {
	margin: auto;
	max-width: 75rem;
	padding-left: .5rem;
	padding-right: .5rem;
}

.callout h1 {
	border: none;
}

.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout h6 {
	color: #002f61;
	font-weight: 600;
}

.callout.secondary h1,
.callout.secondary h2,
.callout.secondary h3,
.callout.secondary h4,
.callout.secondary h5,
.callout.secondary h6 {
	color: #4b5662;
}

.callout.success h1,
.callout.success h2,
.callout.success h3,
.callout.success h4,
.callout.success h5,
.callout.success h6 {
	color: #9acc27;
}

.callout.alert h1,
.callout.alert h2,
.callout.alert h3,
.callout.alert h4,
.callout.alert h5,
.callout.alert h6 {
	color: #99421d;
}

.callout.warning h1,
.callout.warning h2,
.callout.warning h3,
.callout.warning h4,
.callout.warning h5,
.callout.warning h6 {
	color: #cd9027;
}

.slider-handle {
	border-radius: 50%;
}

.switch-paddle:after {
	border-radius: 50%;
}

.button.success:hover,
.button.success:focus {
	background-color: #74991d;
}

.dropdown.menu > li.is-active > a {
	color: #926f3a;
}

.tabs-title {
	font-weight: 600;
}

/*** BDS 02/23/21: Styling change with Ron and Shook ***/
ul li, 
ol li { 
	letter-spacing: .7px; 
}

/* PAGINATION */
ul.pagination li a {
	color: #cc8f34;
	font-size: 1rem;
}

ul.pagination li.current {
	background: transparent;
}

ul.pagination li.current a {
	background: #cc8f34;
	color: #fff;
	cursor: pointer;
}

.item-list .pager li {
	display: inline-block;
	float: none;
}

ul.pagination li a:hover,
ul.pagination li a:focus,
ul.pagination li.current a:hover,
ul.pagination li.current a:focus {
	background: #a47c42;
	color: #fff;
}

ul.pagination li a { padding: 0.2625rem 0.725rem 0.2625rem; }



/* ALERTS & MESSAGING */
.alert-box {
	border: 0;
	font-size: 1rem;
	font-weight: 300;
	margin: .625rem 0;
}

.alert-box.success {
	background-color: #e2f7bc;
	color: #719134;
}

.alert-box.secondary {
	background: #ffe6ba;
	color: #997332;
}

.alert-box.alert {
	background-color:#ffbaba;
	color:#993232;
}



/* UNPUBLISHED CONTENT */
.node-unpublished {
	background-color:#ffecec;
	border:2px dashed #993232;
	padding: 1.875rem;
}


.grid-padding-x .slick-list .cell {
	padding-left: .5rem;
	padding-right: .5rem;
}

/* -----------------------------------------------
	REGION: SIDEBAR
----------------------------------------------- */

@media(min-width:901px) {
	#sidebar-first:not(:only-child) {
		order: -1;
		/*padding-right: 1rem;*/
	}

	/*#sidebar-second:not(:only-child) {
		padding-left: 1rem;
	}*/

	aside.sidebar > nav {
		margin-bottom: 1.875rem;
	}
}

@media(max-width:900px) {
	.sidebar {
		padding-top: 2rem;
	}

	.sidebar .block:not(:last-child):not(.layout-builder-item) {
		padding-bottom: 1.5rem;
	}
}


.sidebar nav .menu {
	display: block;
}

.sidebar nav .menu li:not(:first-child) {
	padding-top: .5rem;
}

.sidebar nav .menu li:not(:last-child) {
	border-bottom: 1px dotted #b7c5ca;
	padding-bottom: .5rem;
}

.sidebar nav .menu a {
	padding: 0;
}

@media(min-width:901px) {
	.sidebar .block:first-child:not(.layout-builder-item) {
		padding-top: 0;
	}
	
	.sidebar > :first-child > h2.block-title {
		align-items: end;
		display: flex;
		min-height: 57px;
		padding-bottom: 0.5875rem;
	}
}

/* -----------------------------------------------
	END REGION: SIDEBAR
----------------------------------------------- */




/* -----------------------------------------------
/* VIEW: FEATURED
----------------------------------------------- */

.view-featured .views-row {
	margin-bottom: 1.25rem;
}

.view-featured .views-row > :first-child {
	margin-bottom: 1rem;
}

.view-featured .views-row h2 a {
	color: #ae842c;
    font-size: 1rem;
    font-weight: 500;
    text-transform: none;
}

.view-featured .views-row h2 a:visited,
.view-featured .views-row h2 a:hover,
.view-featured .views-row h2 a:active { color: #cc8f34; }

.view-featured .view-footer a {
	width: 100%;
}

/* -----------------------------------------------
/* END VIEW: FEATURED
----------------------------------------------- */

.view-id-featured_content .views-row:first-child:nth-last-child(2),
.view-id-featured_content .views-row:first-child:nth-last-child(2) ~ .views-row {
	flex: 0 0 50%;
}

.view-id-featured_content .views-row:first-child:nth-last-child(3),
.view-id-featured_content .views-row:first-child:nth-last-child(3) ~ .views-row {
	flex: 0 0 33.333%;
}

/*
.view-id-featured_content .views-row:first-child:nth-last-child(4),
.view-id-featured_content .views-row:first-child:nth-last-child(4) ~ .views-row {
	flex: 0 0 25%;
}*/


/* -----------------------------------------------
/* VIEWS
----------------------------------------------- */

.view > footer {
	width: 100%;
}

.view .more-link {
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    width: 100%;
}

.view .more-link a {
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #4c5762;
    color: #fff !important;
    cursor: pointer;
	display: inline-block;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    text-align: center;
    text-shadow: -0.5px 0.9px 0 #373f47;
    text-transform: uppercase;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    -webkit-appearance: none;
}

/*.view .field__item:not(.day):not(.month) time {
  color: #ccc;
}*/

.view.display-type-page .views-row:not(:last-child) article.teaser {
	padding-bottom: 2rem;
}

/* -----------------------------------------------
/* END VIEWS
----------------------------------------------- */





/* -----------------------------------------------
/* REGION: CONTENT ADDITIONAL
----------------------------------------------- */
#content-additional {
	/*padding: 0 1rem;*/
	position: relative;
}

/* -----------------------------------------------
/* END REGION: CONTENT ADDITIONAL
----------------------------------------------- */






/* -----------------------------------------------
/*  ELEMENT: BLOCKS
----------------------------------------------- */

aside section.block { clear:both; }


@media(min-width:1201px) {
	aside section.block/*, main section.block*/ {
		margin-bottom: 1.875rem;
	}
}

section.block:before, section.block:after {
	clear: both;
	content: "";
	display: table;
}

.block-header-image {
	margin-bottom: 1.25rem;
}

.block-title {
	border-bottom: 1px solid #ccc;
	margin: 0 0 1.25rem;
	padding-bottom: 1rem;
}

.block > img + p {
	margin-top: 1rem;
}

/* -----------------------------------------------
/*  END ELEMENT: BLOCKS
----------------------------------------------- */





/* -----------------------------------------------
/* PAGES
----------------------------------------------- */

#main {
	/*padding-bottom: 1em;*/
}

#main-content {
	gap: 0 3rem;
	padding-top: 1.875rem;
}

/*
@media(min-width:1201px) {
	.fixed + #main #main-content {
		padding-top: 5rem;
	}
}
*/

@media(max-width:900px) {
	#main-content {
		padding-inline: 1rem;
	}
}

#region-content > .block,
#content-bottom .block {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

#region-content > .block {
	width: 100%;
}

#region-content article.full:not(.type-staff,.type-event) .block,
#region-content article.full:where(.type-staff,.type-event) .grid-x > .cell .layout-builder-item {
	margin-block: 0;
}

.sidebar .block:not(.layout-builder-item) {
	padding-top: 1rem;
}

@media(min-width:901px) {
	#main-content:has(#sidebar-first:not(:empty)) .main,
	#main-content:has(#sidebar-second:not(:empty)) .main {
		width: calc(75% - 3rem);
	}

	#main-content:has(#sidebar-first:not(:empty)):has(#sidebar-second:not(:empty)) .main {
		width: calc(60% - 6rem);
	}

	#main-content:has(#sidebar-first:not(:empty)):has(#sidebar-second:not(:empty))  aside.sidebar {
		width: 20%;
	}

	#main-content:has(#sidebar-first:not(:empty)) .main:nth-last-child(2) {
		padding-left: 1rem;
	}
	
	#main-content:has(#sidebar-second:not(:empty)) .main:nth-last-child(2) {
		padding-right: 1rem;
	}
}

#sidebar-first:empty,
#sidebar-second:empty {
	display: none;
}

article.teaser .links.inline,
article.featured .links.inline {
	display: flex;
	list-style: none;
	margin-left: 0;
}

article.full .date,
article.full .location,
article.full .author {
	color: #ccc;
	font-weight: 500;
	text-transform: uppercase;
}

@media(max-width:1200px) {
	article.full .date:nth-child(2n) {
		text-align: right;
	}
}


article.full .field--name-field-tags {
    margin-top: .5rem;
    margin-bottom: 1rem;
}


article.full .field--name-field-tags a {
	font-weight: 500;
	text-transform: uppercase;
}

/*
article.full .field--name-body {
	margin-top: 2rem;
}
*/


#content-bottom.cell.grid-padding-x {
	width: calc(100% + 1rem);
}

/* -----------------------------------------------
/* END PAGES
----------------------------------------------- */

/*article .body a[href$=".pdf"] {
	align-items: flex-start;
	display: inline-flex;
	gap: .25rem;

	&::before {
		background: url('/core/themes/classy/images/icons/application-pdf.png') 50% 50% / contain no-repeat;
		content:"";
		flex-shrink: 0;
		height: 1em;
		transform: translateY(2px);
		width: 1em;
	}
}*/

.views-field-field-additional-materials-pdf span.file + span {
	display: none;
}


article.featured .field--name-field-teaser-image img,
article.teaser .field--name-field-teaser-image img {
	width: 100%;
}



/* -----------------------------------------------
/* DISPLAY TYPE: TEASER
----------------------------------------------- */

.type-page.featured,
.type-article.featured {
	color: var(--steel-gray);
	font-size: .875rem;
	font-weight: 400;
}

.type-page.featured .content,
.type-article.featured .content {
    padding: 0;
}

.type-article.featured .content .layout-builder-item {
	margin-block: 0 !important;
}

.type-page.featured .field-title,
.type-page.featured .field-title a,
.type-article.featured .field-title,
.type-article.featured .field-title a {
	color: var(--com-black);
	font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.type-page.featured .body,
.type-article.featured .body {
	padding-bottom: 0.5rem;
	padding-top: 0.75rem;
}

.node-readmore a {
	color: var(--com-black);
	font-size: .875rem;
	font-weight: 700;
	position: relative;
	text-transform: uppercase;
}

.node-readmore a:after {
	border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid var(--muted-gold);
    content: "";
    display: block;
    height: 0;
    left: 100%;
    margin-left: .5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}


.featured .image-wrapper {
	position: relative;
}

.featured .image-wrapper .field-field_tags {
	bottom: 0;
	left: 0;
	position: absolute;
}

/* -----------------------------------------------
/* END DISPLAY TYPE: TEASER
----------------------------------------------- */



/* -----------------------------------------------
/* DISPLAY TYPE: MINI
----------------------------------------------- */
.view .views-row:not(:last-child) article.mini {
    margin: 0 0 1.42857rem;
}

article.mini .field-title,
article.mini .title {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.14286rem;
    margin-bottom: 0;
    padding-bottom: 0.28571rem;
    text-transform: none;
}

/* -----------------------------------------------
/* END DISPLAY TYPE: MINI
----------------------------------------------- */


/* -----------------------------------------------
/*  ANIMATIONS AND MISC CSS
----------------------------------------------- */

#messages {
	bottom: 0;
	position: fixed;
    right: 0;
    z-index: 999;
}

#messages .alert-box {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: bounceInUp;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding-right: 2.5rem;
}



.loader:before,
.loader:after,
.loader {
	animation: loader 1.8s infinite ease-in-out;
	animation-fill-mode: both;
	border-radius: 50%;
    height: .75rem;
    width: .75rem;
}
.loader {
	animation-delay: -0.16s;
	margin: .5rem auto;
	position: relative;
	font-size: 0;
	transform: translateZ(0);
}
.loader:before {
	animation-delay: -0.333s;
	left: -1.333rem;
}
.loader:after { left: 1.333rem; }
.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}


/*
@keyframes bounceInUp {
	from, 60%, 75%, 90%, to {
    	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	from {
    	opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}

	60% {
    	opacity: 1;
		transform: translate3d(0, -20px, 0);
	}

	75% {
		transform: translate3d(0, 10px, 0);
	}

	90% {
		transform: translate3d(0, -5px, 0);
	}

	to {
    	transform: translate3d(0, 0, 0);
    }
}
*/

@keyframes loader {
	0%,
	80%,
	100% {
    	box-shadow: 0 1rem 0 -.666rem #cc8f34;
	}
	40% {
    	box-shadow: 0 1rem 0 #231f20;
	}
}

.row .row {
	padding-left: 0;
    padding-right: 0;
}

/* for example : floating last child right doesnt */
/* work for a 3x3 grid when you only have 8 item */
/* kepp in place when wrapped in .row */
[class*="column"] + [class*="column"]:last-child { float:left; }
.row [class*="column"] + [class*="column"]:last-child { float:left; }


.button-group.stack {
	display: block;
  list-style: none;
  margin: 0;
}


/* -----------------------------------------
   Admin Styles
----------------------------------------- */

#main-content + h2.element-invisible + ul.button-group {
	margin: 1rem;
}

/* recalibrate the font-size of the admin menu after foundaiton */
#admin-menu ul { font-size: inherit; }

/* position contextual links a little lower on the z axis, 999 is not necessary */
div.contextual-links-wrapper { z-index: 115; }



/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 767px) {

	table.responsive { margin-bottom: 0; }

	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }

	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

}


/* print styles */
@media print {
    header, footer, #navigation /*, .block-meny-1*/ { display: none; }
}