@charset "utf-8";
/* CSS Document */
:root {
	--red: rgb(210,35,42);
	--lightturq: rgb(0,149,142);
    --darkturq: rgb(7,73,70);
    --darkcharc: rgb(39,39,39);
    --lightgrey: rgb(239,239,239);
    --medgrey: #dedede;
}
.pagination {
    --bs-pagination-active-bg: rgb(0,149,142);
    --bs-pagination-active-border-color: rgb(0,149,142);
    --bs-pagination-hover-color: rgb(7,73,70);
    --bs-pagination-color: rgb(0,149,142);
}

body {
    font-family: 'Karla', sans-serif;
}

a {
    text-decoration: none;
    color: var(--lightturq);
    transition: 0.25s color;
}
a:hover, a:focus {
    color: var(--darkturq);
    transition: 0.25s color;
}

.mime-icon {
    display: none;
}

.mt-6 {
	margin-top: 2.5rem;
}
.mb-6 {
	margin-bottom: 2.5rem;
}
.pt-6 {
	padding-top: 2.5rem;
}
.pb-6 {
	padding-bottom: 2.5rem;
}
.mt-8 {
	margin-top: 3.5rem;
}
.mb-8 {
	margin-bottom: 3.5rem;
}
.pt-8 {
	padding-top: 3.5rem;
}
.pb-8 {
	padding-bottom: 3.5rem;
}
.mt-10 {
	margin-top: 5rem;
}
.mb-10 {
	margin-bottom: 5rem;
}
.pt-10 {
	padding-top: 5rem;
}
.pb-10 {
	padding-bottom: 5rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.btn--white {
	background: #fff;
	color: var(--darkturq);
	padding: 14px 20px;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
	transition: 0.25s background;
	border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.btn--white:hover {
	background: var(--darkturq);
    color: #fff;
	transition: 0.25s background;
	border: none;
}
.menu--overlay--dark .btn--white:hover {
	background: var(--darkcharc);
    color: #fff;
	transition: 0.25s background;
	border: none;
}
.btn--lightturq {
	background: var(--lightturq);
	color: #fff;
	padding: 14px 20px;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
	transition: 0.25s background;
	border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.btn--lightturq:hover {
	background: var(--darkturq);
	color: #fff;
	transition: 0.25s background;
	border: 0;
	border: none;
}
.btn--red {
	background: var(--red);
	color: #fff;
	padding: 14px 20px;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
	transition: 0.25s background;
	border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.btn--red:hover {
	background: #B41229;
	color: #fff !important;
	transition: 0.25s background;
	border: none;
}
.btn--disabled {
    background: var(--lightgrey);
	color: var(--darkcharc);
	padding: 14px 20px;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
	transition: 0.25s background;
	border: 0;
	pointer-events: none;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

#nav--bar {
	background: #fff;
    border-bottom: 5px solid var(--darkturq);
}
#nav--bar .logo {
	width: 400px;
	margin: 10px 0;
}
#portal-globalnav ul, #portal-globalnav li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
#portal-globalnav a {
    color: #fff;
    font-size: 22px;
}
.has_subtree.dropdown {
    display: none;
}
#portal-globalnav > li > a {
    display: block;
    margin-bottom: 10px;
}
#portal-globalnav .dropdown a {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}
#portal-globalnav .dropdown {
    margin-bottom: 15px;
}
.navbar-quick .nav-link {
    text-transform: uppercase;
    color: var(--lightturq);
    font-size: 18px;
}
.navbar-quick .nav-link:hover, .navbar-quick .nav-link:focus {
    color: var(--darkturq);
}

/*Nav Tree*/
.portletNavigationTree .portletHeader {
    display: none;
}
.portletNavigationTree ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.portletNavigationTree li {
    list-style: none;
    margin: 0 0 6px;
    padding: 0 0 4px;
    border-bottom: 1px dashed var(--lightgrey);
}
.portletNavigationTree li a {
    display: block;
    background: var(--lightgrey);
    color: #000;
    padding: 10px;
    margin-bottom: 2px;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.25s background;
}
.portletNavigationTree li a.navTreeCurrentItem {
    background: var(--lightturq);
    color: #fff;
    transition: 0.25s background;
}
.portletNavigationTree li a:hover {
    background: var(--darkturq);
    color: #fff;
    transition: 0.25s background;
}
.navTreeLevel1, .navTreeLevel2, .navTreeLevel3 {
    margin-left: 15px !important;
}
.navTreeLevel1 li:last-child, .navTreeLevel2 li:last-child, .navTreeLevel3 li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}
.navTree li a img {
    display: none;
}

.pagination {
    margin: 0 auto 40px;
}

.image-right {
    float: right;
    margin: 0 0 20px 20px;
}
.image-left {
    float: left;
    margin: 0 20px 20px 0;
}

#home--news {
    background: var(--lightgrey);
}
#home--announcement {
    position: relative;
    padding: 80px 350px 30px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
}
.home--announcement--overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); 
}
.home--announcement--content {
    color: #fff;
    position: relative;
    z-index: 2;
}
.home--announcement--content p {
    margin-left: 20px;
}
.home--announcement--content h3 {
    padding: 20px;
    background: var(--red);
}
#home--thinkjet {
    background-color: var(--darkturq);
    background-image: url(../images/halftone-dots-white.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
}
.text--bold {
    font-weight: 500;
}
.text--bolder {
    font-weight: 700;
}
.text--red {
    color: var(--red);
}

#page-call {
    background-image: url(https://picsum.photos/1500/1500?random=1);
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.section-front-page #page-call {
    background-image: url('/siteworkspace/home-call-to-action.jpg');
}
.section-work #page-call {
    background-image: url('/siteworkspace/portfolio-call-to-action.jpg');
}
.page--call-content {
    color: #fff;
    margin: 60px 250px 60px 40px;
    position: relative;
    z-index: 1;
}
.page--call-content .btn--lightturq {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin-top: 20px;
}

/*Generic*/
#header {
    position: relative;
    background-color: var(--darkturq);
    background-image: url(../images/halftone-dots-white.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
    padding: 40px 0;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    overflow: hidden;
    z-index: 2;
}
#header a {
    color: #fff;
    text-decoration: none;
}
#header .home--announcement--overlay {
    display: none;
}
.breadcrumb {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}
.photo-header-template #header {
    background-size: cover;
    background-position: center;
    padding-top: 140px;
}
.photo-header-template #header .home--announcement--overlay {
    display: block;
}
.logo-header-template #header {
    background: var(--lightgrey);
    background-image: url(../images/halftone-dots-turq.svg);
    background-size: cover;
    background-position: center;
    color: var(--darkturq);
}
.logo-header-template #header a, .logo-header-template .breadcrumb-item + .breadcrumb-item::before {
    color: var(--darkturq);
}
.photo-header-template.logo-header-template #header {
    color: #fff;
}
.photo-header-template.logo-header-template #header a, .photo-header-template.logo-header-template .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}
.photo-header-template #header > .container, .logo-header-template #header > .container {
    position: relative;
    z-index: 2;
}


/*Footer*/
#footer {
    background: var(--darkcharc);
    color: #fff;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
.footer--nav--block-links {
    border-top: 6px solid #fff;
}
#belowfooter {
	color: var(--darkcharc);
	font-size: 12px;
	padding: 15px 0;
}
#belowfooter a {
	color: var(--darkcharc);
	text-decoration: none;
}
.footer-social-icons {
    font-size: 42px;
}

/*Menu*/
.btn--menu.btn--red {
    padding: 10px 14px;
    font-size: 18px;
}
.openmenu .menu--overlay--light, .openmenu .scriv--overlay--light {
	background: var(--darkturq);
	opacity: 0.8;
	position: fixed;
	z-index: 100;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	mix-blend-mode: multiply;
}
.menu--overlay--dark, .scriv--overlay--dark {
	background: var(--darkturq);
	position: fixed;
	padding: 20px;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
}
.menu--overlay--dark--top .logo, .scriv--overlay--dark--top .logo {
	width: 400px;
}
.menu--overlay--close, .scriv--overlay--close {
	font-size: 22px;
	color: #fff;
}
.menu--overlay--close .svg g > *, .scriv--overlay--close .svg g > * {
    stroke: #fff;
}
.openmenu {
	overflow-y: hidden;
}
.menu-social-icons a {
    font-size: 32px;
    color: #fff;
}

.template-search .actionMenu, .template-search #content-core .documentFirstHeading, .template-search #rss-subscription, .template-search #searchResultsSort {
    display: none;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*Forms*/
.option .form-label {
    display: inherit;
}

/*Multi carousel*/
.home--news--item--inner {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.home--news--item a span.portletItemDetails {
    display: none;
}
.home--news--item--inner a {
    color: #fff;
    text-decoration: none;
}
.owl-carousel .owl-stage{display: flex;}
.home--news--item {
    height: 100%;
}
.home--news--item--content {
    min-height: 250px;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    z-index: 1;
    margin: 40px 20px;
}
.home--news--item--content p {
    font-size: 14px;
}
.owl-dots {
    text-align: center;
}
.owl-dot {
    background: var(--lightturq) !important;
    height: 8px;
    width: 36px;
    margin: 0 3px;
}
.owl-dot.active {
    background: var(--darkturq) !important;
}
.owl-nav {
    top: 40%;
    position: absolute;
    width: 100%;
    pointer-events: none;
}
.owl-nav  > *{
    pointer-events: auto;
}
.owl-nav .owl-next i, .owl-nav .owl-prev i {
    color: #fff;
    background: var(--lightturq);
    font-size: 25px;
    padding: 8px 6px;
    transition: 0.25s background;
}
.owl-nav .owl-next i:hover, .owl-nav .owl-prev i:hover {
    background: var(--darkturq);
    transition: 0.25s background;
}
.owl-item {
    opacity: 0.4;
    transition: 0.25s opacity;
    pointer-events: none;
}
.owl-item.active {
    opacity: 1;
    transition: 0.25s opacity;
    pointer-events: auto;
}
.home--large--carousel .owl-nav {
    display: none !important;
}

/*Resource listing*/
.hidden {
    display: none !important;
}
#controls a {
    background: var(--lightturq) url(../images/notactivekeyword.png) no-repeat 8px center;
    color: #fff;
    display: inline-block;
    padding: 10px 10px 10px 40px;
    border-radius: 4px;
    margin-bottom: 4px;
    transition: 0.25s background-color;
}
#controls a:hover {
    background: var(--darkturq) url(../images/notactivekeyword.png) no-repeat 8px center;
    transition: 0.25s background-color;
}
#controls a.active {
    background: #000 url(../images/activekeyword.png) no-repeat 8px center;
    transition: 0.25s background-color;
}
#sorting {
    text-align: right;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}
#filters {
    margin-top: 7px;
    margin-bottom: 20px;
}
#filters a {
    margin-right: 4px;
}
.showhideFilters button {
    background: #009388;
    border-radius: 0 0 4px 4px;
    display: inline-block;
    padding: 6px 10px;
    margin-right: 4px;
    border: none;
    color: #fff;
}
.template-groupedresourceview .entry {
    border-top: 1px dashed var(--medgrey);
    margin-top: 20px;
    padding-top: 10px;
}
.template-groupedresourceview .entry .url {
    font-size: 18px;
}
.template-groupedresourceview .entry p.description {
    margin-top: 1rem;
}
.itemAuthor, .itemPublished {
    font-weight: 600;
}
.itemAuthor span, .itemPublished span {
    font-weight: 300;
}
.template-groupedresourceview .entry img {
    float: right;
    margin: 0 0 15px 15px;
}
.template-groupedresourceview .entry::after {
    display: block;
    clear: both;
    content: "";
}

/*Standard view*/
.template-listing_view .entry {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dashed var(--medgrey);
}
.template-listing_view .entry::after {
    display: block;
    clear: both;
    content: "";
}
.template-listing_view .entry img {
    float: right;
    margin: 0 0 15px 15px;
}

/*Resource All Content template*/
.resource-full-template .item .item, .resource-full-template #content-core > .item > div > .entries {
    margin-left: 15px;
}
.resource-full-template .item {
    margin-bottom: 25px;
}
.resource-full-template .item .item h2 {
    font-size: 1.5rem;
}

/*Faceted results*/
.template-facetednavigation_view .entry .thumb-thumb {
    float: right;
    margin: 0 0 10px 10px;
}
.template-facetednavigation_view .entry::after {
    content: "";
    clear: both;
    display: block;
    border-top: 1px dashed var(--medgrey);
    margin: 20px 0;
} 
.template-facetednavigation_view .entry .discreet {
    text-transform: initial;
    font-size: 14px;
}
#faceted-center-column .section-search .widget-fieldset {
    padding: 0;
    border: none;
}
.faceted-right-column div.faceted-text-widget input[type="text"] {
    width: 0;
}
.faceted-text-widget.section-search input.btn--red {
    padding: 10px;
}

/*Showcase*/
.showcase .row {
    background: var(--medgrey);
}
.showcase .row:nth-child(even) {
    background: var(--lightturq);
    color: #fff;
}
.showcase .media {
    position: relative;
}
.showcase .text {
    padding-top: 100px;
    padding-bottom: 100px;
}
.showcase-img-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center center;
    background-size: cover;
}

.showcase .media.video { position: relative; } 
.showcase .media.video iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

.showcase .row {
    overflow: hidden;
}

.showcase .image-tile {
    float: none;
    margin: 0;
}

/*Staff*/
.contactDetails {
    display: none;
}
.template-staff_profile_view .contactDetails {
    display: block;
}
.contactDetails a {
    color: #fff;
    text-decoration: underline;
}
.subsection-board-of-directors .contactDetails {
    display: none !important;
}
.template-staff_profile_view #contentContainer .contactDetails, .template-staff_profile_view #mediaLinks, .template-staff_profile_view .breadcrumb li:last-child {
    display: none;
}
.template-staff_profile_view .newsImageContainer {
    pointer-events: none;
}
.staff-template .entries {
    margin-bottom: 35px;
}
.staff-template .entry {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 2px 4px -1px #000;
    border-radius: 4px;
    margin: 10px 10px 0 0;
    vertical-align: top;
    height: 100%;
    border-bottom: none;
}
.staff-template .entry header a{
    display: block;
    font-size: 18px;
}
.staff-template .entry .description {
    font-size: 12px;
    margin-bottom: 0;
}
.staff-template .entry img {
    float: none !important;
    margin: 10px 0;
}
.template-staff_profile_view #breadcrumbs-3 {
    display: none;
}

/*Our work*/
.our-work--item {
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 7px;
}
.our-work--item .home--announcement--overlay {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,1) 100%); 
}
.our-work--item-content {
    color: #fff;
    position: relative;
    z-index: 3;
    margin: 50px 20px 40px;
}

.section-news .breadcrumb .breadcrumb-item:nth-child(3) {
    display: none;
}

/*Juizi listing view*/
.clr {
    clear: both;
}
.item-keywords span {
    font-size: 14px; 
    background: #dedede;
    padding: 3px 6px;
    border-radius: 7px;
}
.juizi-resources-view header {
    font-size: 18px;
}
.juizi-resources-view .entry-image img {
    max-width: 200px;
    height: auto;
}
.template-resource_view.portaltype-collection .item-keywords, .section-news .juizi-resources-view .item-keywords {
    display: none;
}
.item-author-label, .item-published-label {
    font-weight: 600;
}
.juizi-resources-view .entry::after {
  content: "";
  clear: both;
  display: block;
  border-top: 1px dashed var(--medgrey);
  margin: 20px 0;
}

/*Accordion*/
.accordion-button:focus {
    border-color: transparent;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    background-color: var(--lightturq);
    color: #fff;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*Scriv*/
.scriv-ask-popup--btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: url('/portal_resources/theme/JetSkin/theme/images/jet-logo-blades.png') top center;
    background-size: contain;
    padding-top: 56px;
    z-index: 100;
}
.scriv-ask-popup--btn a {
    color: #fff;
    background-color: var(--darkturq);
    display: inline-block;
    padding: 10px 18px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    transition: 0.25s background-color;
}
.scriv-ask-popup--btn a:hover {
    background-color: var(--red);
    transition: 0.25s background-color;
}
.scriv-content {
    color: #fff;
}
.scriv--overlay--dark {
    max-height: 100%;
    overflow: scroll;
}
.scriv--overlay--dark a:hover, .scriv--overlay--dark a:focus {
    color: var(--lightturq);
    text-decoration: underline;
    transition: 0.25s color;
}
.openchat .scriv-content {
    height: calc(100% - 90px);
}
span.Beta {
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--red);
    color: #fff;
    padding: 10px 6px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 6px;
}
#scriv-bot .disclaimer {
    font-size: 14px;
}

/*Countdown clock*/
.tick-label {
    display: none !important;
}
.tick-group {
    margin:20px;
    text-align:center;
}
.tick .tick-credits {
    position: initial !important;
    display: block;
    text-align: center;
}

@media (max-width: 1400px) {

    #header {
        border-radius: 0;
    }

}

@media (max-width: 991.98px) {
	
    .menu--overlay--dark--top .logo, #nav--bar .logo {
        width: 300px;
    }
    #home--announcement {
        padding: 30px 30px 30px 0;
    }
    #page-call {
        border-radius: 0;
    }
    .page--call-content {
        margin: 50px;
    }
    .showcase .row {
        margin-bottom: 10px;
    }
    .showcase .showcase-img-wrap {
        background: none !important;
        position: relative;
        margin: 0 -15px;
    }
    .showcase .showcase-img-wrap img {
        display: block !important;
    }
    .showcase .media.video {
        position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;
    }
    .showcase .media {
        margin: 0;
    }
    .showcase .text {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .juizi-resources-view .entry-image img {
        max-width: 100%;
        height: auto;
    }
    
    .scriv-content {
        height: calc(100% - 90px);
    }
    .scriv--overlay--dark, .scriv--overlay--dark .container {
        height: 100%;
    }
    .tick-group {
        margin:10px;
    }
	
}