@import url(https://www.nebo.edu/libraries/fontawesome-kit/css/all.css);

/*** Careers Tags Tabs ***/
.view-career-tags ul {
display: flex;
align-items: center;
}
.view-career-tags ul li {
	border: 1px solid #055a8e;
	border-radius: 7px;
	background: #0E7BAA;
	padding: 0.2em 0.5em;
	margin: 0 .25em;
}
.view-career-tags li a {
	color: #fff;
}
/*** End Careers Tags Tabs ***/

#block-mainnavigation .trigger {
	display:none;
}



body {
	font-size: 110%;
}

/*** consortium ***/
ul.consortium {
	display: flex;
	align-items: center;
	gap: 9px;
}
.consortium a {
border-bottom: none;
}
.consortium img {
	max-height: 100px;
}

@media (max-width: 767px) {
    ul.consortium {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        justify-tiems: center;
    }
    .consortium img {
        width: 100px
    }
}

/*** search in menu ***/
ul.sf-menu a[href="/search"],
ul.sf-menu a[href="/search"]:hover {
    direction: ltr;
    text-indent: -9999px;
    background-image: url(/core/misc/icons/505050/loupe.svg);
    background-repeat: no-repeat;
    background-position: center;
}

/*** menu customization ***/
ul.sf-menu.sf-style-white > li, ul.sf-menu.sf-style-white.sf-navbar {
    background: transparent;
}
ul.sf-menu.sf-style-white li li, ul.sf-menu.sf-style-white.sf-navbar > li > ul {
    background: #f7f7f7cc;
}
div.sf-accordion-toggle.sf-style-white a {
background: transparent;
border: transparent;
color: inherit;
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded, ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded {
background: transparent;
}
ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink
ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink {
color: #005bb7;
color: #274563 !important; /*accessible*/
}

/*** backgrounds ***/

#page {
    background: #fff;
    background-attachment: fixed;
    background-size: cover;
}
#header {
    background: transparent;
}
.region-highlighted {
margin: 0;
}
#block-banner {
	background: url(/sites/default/files/2022-12/IMG_5783.jpg) no-repeat center;
	background: url(/sites/default/files/2022-12/AE0CE01B-92C8-4532-99E9-87C414FF5F57.JPG) no-repeat center -15vw;
	background-size: cover;
	height: 30vw;
	max-height: 375px;
	margin: 0 min(calc(-50vw + 645px), 0px);
}

/*** branding ***/
.site-branding__logo img {
    max-height: 70px;
}
.region-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.region-header, 
.region-header a,
.region-header li a.is-active {
    color: #0071b3;
}
.block-superfish {
    width: auto;
}

/*** careers ***/
.view-careers .views-row {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}
.view-careers .views-row .views-field-field-image a {
    border-bottom: 0;
}
#block-views-block-careers-block-1 .view-content {
    grid-gap: 1em;
}


/*** courses ***/
/*Node type:Course*/
/*Courses Views*/
.view-careers .views-row { padding-bottom: 5px; margin-bottom: 35px; border-bottom: 1px solid #acacac; }

.view-careers .views-field-title a { font-size: 21px; font-weight: 700; text-transform: uppercase; line-height: 1.45; margin-bottom: 0; font-family: 'Lato', Helvetica Neue, Arial, Sans-serif;}

.view-careers .views-field-field-mt-crs-current-tutor { padding-bottom: 10px; }

.view-careers .views-field-field-mt-crs-current-tutor ul { list-style: none; margin: 0; }

.view-careers .views-field-field-mt-crs-current-tutor li { margin: 0; }

.view-careers .views-field-field-mt-crs-current-tutor .views-label-field-mt-crs-current-tutor, .view-courses .views-field-field-mt-crs-current-tutor .field-content { display:inline-block; }

/*Careers Page*/
.block-system .view-careers .view-content>h3 { display: block; width: 55px; height: 55px; background-color: #252525; color: #f0f0f0; font-size: 40px; text-align: center; line-height: 53px; margin-bottom: 20px; }
.block-system .view-careers .view-content a { text-decoration: none; border-bottom-color: transparent;}
.block-system .view-careers .view-content a:hover { border-bottom-color: inherit; }
@media (min-width: 768px) { 
	.block-system .view-careers .views-row.group { margin-left: 150px; position: relative; }
	.block-system .view-careers h3 + .views-row.group { margin-top: -83px; } 
	.block-system .view-careers .views-row.group:before { content: ""; height: 200%; width: 1px; background-color: #acacac; left: -75px; top: 8px; display: block; position: absolute; }
	.block-system .view-careers .views-row.group:last-child:before { height: 100%; }
	.block-system .view-careers .view-content>h3 { display: inline-block; margin-bottom: 10px; }
}

/*Course Highlights Views*/
#block-views-block-careers-block-1 .view-courses .views-row { border-bottom: none; }
#block-views-block-careers-block-1 .group.views-row { border: none; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; padding-bottom: 0; }
#block-views-block-careers-block-1 .views-row { position: relative; overflow: hidden; }
#block-views-block-careers-block-1 .views-field-title { position: absolute; top: 0; left: 10px; z-index: 5; }
#block-views-block-careers-block-1 .views-field-title a { color: #fff; font-size: 13px; text-transform: uppercase; padding: 6px 10px; display: block; 
background-color: #418CC2; background-color: #437AAD; /* accessible */ font-family: 'Lato', Helvetica Neue, Arial, Sans-serif; }
#block-views-block-careers-block-1 .views-field-title a:hover { text-decoration: none; background-color: rgba(42,104,175,1); }
#block-views-block-careers-block-1 .views-field-field-images:hover { opacity: .5; }
#block-views-block-careers-block-1 .more-link { clear: both; padding-left: 10px; padding-right: 10px; }
#block-views-block-careers-block-1 .more-link a { text-align: center; border-bottom:1px solid #acacac; margin-bottom: 0; padding-bottom: 10px; text-align: center; display: block; text-transform: uppercase; margin: 0 0 10px 0; }

/*

/*** careers grid ***/
@media (max-width: 480px) {
#block-views-block-careers-block-1 .view-content {
    display: grid;
    grid-template-columns: 100%;
}
}
@media (min-width: 481px) and (max-width: 767px) {
#block-views-block-careeers-block-1 .view-content {
    display: grid;
    grid-template-columns: 50% 50%;
}
}
@media (min-width: 768px) {
#block-views-block-careers-block-1 .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
}
/*** end careers grid ***/

/*** Styles ***/
.quick-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 9px;
}
.quick-gallery img {
	width: 100%;
}
@media all and (min-width: 561px) and (max-width: 750px) {
	.quick-gallery {
		grid-template-columns: 1fr 1fr;
	}
	}
@media all and (max-width: 560px) {
.quick-gallery {
	grid-template-columns: 1fr;
}
}
mark {
background-color: rgba(92, 226, 249, 0.32);
}

span.fineprint { font-size: .9em; color: #666; }

span.callout {
	display: block;
	padding: 1em;
	background: #e7e7e7;
	border: 1px solid #ccc;
	border-radius: 15px;
	color: #333;
	font-size: 1.25em;
}
span.callout.right {
	float: right;
	margin: 2em 0 2em 2em;
}
span.callout.left {
	float: left;
	margin: 2em 2em 2em 0;
}
span.callout::first-letter {
	font-size: 3em;
	text-transform: uppercase;
}

span.xx-small { font-size:xx-small; }
span.x-small { font-size:x-small; }
span.small { font-size:small; }
span.large { font-size:large; }
span.x-large { font-size:x-large; }
span.xx-large { font-size:xx-large; }

/*** End Styles ***/

/* fix for bullets around a floated image */
.align-left {
margin-right: 2em;
margin-bottom: 2em;
}
.align-right {
	margin-left: 2em;
	margin-bottom: 2em;
}


/******** News Tiles **********/
.tiles {
display: flex;
flex-wrap: wrap;
gap: 2%;
justify-content: space-around;
list-style: none;
}
.tiles li {
width: 22.5%;
min-width: 200px;
margin-bottom: 1em;
}
.tiles li::before {
content: ' ';
display: block;
width: 100%;
aspect-ratio: 1/1;
background-color: #efefef;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
float: left;
pointer-events: none;
background-image: var(--bg, #efefef);
}
.tiles li.cover::before {
background-size: cover !important;
background-color: #efefef;
background-position: top center;
}
.tiles li.contain::before {
background-color: #e7e7e7;
background-size: contain;
background-position: center;
}
.tiles li > a:first-of-type,
.tiles li p:first-child a:first-of-type {
font-family: sans-serif;
font-size: calc(16px + 1vw);
font-weight: 100;
background: #fff;
color: #262262;
display: block;
padding: 5px;
line-height: 1.125em;
text-decoration: none !important;
}

#block-views-block-news-block-1 .view-footer,
#block-views-block-news-block-1 .view-footer a {
	color: #fff;
}

.path-node #block-bartik-page-title {
	display: none;
}

/** Views Responsive Grid Specific **/
.flexgrid .view-content {
    display: flex;
    flex-wrap: wrap;
}
.flexgrid .views-row {
    margin: 1% 1% 10% 1%;
    box-sizing: border-box;
    background: #e7e7e7;
    width: 98%;
}
.flexgrid .views-field-title a {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: calc(16px + 1vw);
    font-weight: 100;
    background: #fff;
    color: #262262;
    display: block;
    padding: 5px;
    line-height: 1.125em;
    text-decoration: none !important;
}
.flexgrid .views-field-body {
    padding: 5px;
}
@media all and (min-width: 560px) and (max-width: 750px) {
.flexgrid .views-row {
    width: 48%;
}
}
@media all and (min-width: 751px) {
.flexgrid .views-row {
    width: 23%;
}
}

/* News Box */
#block-views-block-news-block-1 {
background: #418CC2;
background: #437AAD; /*accessible*/
padding: 1em;
    border: 3px solid #256390;
/*padding: 1em calc(50vw - 50%);
margin: 0 calc(-50vw + 50%);*/
}
#block-views-block-news-block-1 h2 {
color: #e0f2ff;
text-align: center;
font-family: sans-serif;
}

.more {
text-align: right;
margin: 1em 1em 0 0;
display: block;
}
.node-1.views-row {
background: #e3f2e4; 
border: 3px solid black;
position: relative;
z-index: 1;
}
.flexgrid .node-1.views-row .views-field-title a {
background: #000;
color: #fff;
}
.node-1.views-row:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-image: url('http://mountainlandcte.org/sites/default/files/inline-images/2019%20CTE%20Pathways%20signpost_0.png');
background-repeat: no-repeat;
background-position: bottom -244px right 5px;
background-size: 85%;
z-index: -1;
}



/*** social icons ***/
.site-footer .content ul.social {
  padding-left: 0;
  color: #fff;
}
.social li { 
	list-style: none outside;
}
.social li a:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: normal;
	-webkit-font-smoothing: antialiased;
	margin-right: .75em;
	float: left;
	margin-top: -0.3em;
	color: rgba(255,255,255,0.5);
}
.social li > a:hover:before {
	color: rgba(255,255,255,1);
}
.social .facebook:before { font-family: 'Font Awesome 6 Brands'; font-weight: 400; content: "\f082"; font-size: 2em; }
.social .instagram:before { font-family: 'Font Awesome 6 Brands'; font-weight: 400; content: "\e055"; font-size: 2em; }
.social .twitter:before { font-family: 'Font Awesome 6 Brands'; font-weight: 400; content: "\f081"; font-size: 2em; }
.social .youtube:before { font-family: 'Font Awesome 6 Brands'; font-weight: 400; content: "\f431"; font-size: 2em; }
.social .google:before { font-family: 'Font Awesome 6 Brands'; font-weight: 400; content: "\f0d4"; font-size: 2em; }
.social .rss:before { font-family: 'Font Awesome 6 Pro'; font-weight: 900; content: "\f143"; font-size: 2em; }
/*** end social icons ***/