/** * CSS for Washburn University School of Law * @summary Bootstrap 5.3 override/accompaniment * @author Washburn Strategic Communications and Marketing */ /**************Fonts*******************/ @import url("https://use.typekit.net/qlb0osx.css"); @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); /**************General Styles*******************/ html{scroll-padding-top: 100px;} html{height:100%;} body,html{ margin:0;} body { color: rgb(85, 85, 85);font-family: noto-sans, sans-serif;font-weight: 400;font-style: normal;font-size: 1em;} @media ( max-width:1600px){ body {font-size:.9em;} } @media ( max-width:1200px){ body {font-size:.8em;} } a {color:#008299; } ul li::marker {color: #ecaa00;} ol li::marker {color: #003A70;font-weight:bold;} h1 { color: rgb(0, 58, 112); font-family: abril-display, serif; font-size: 3em; font-weight: 900;} h2, h3{ color: rgb(0, 58, 112); font-family: abril-display, serif; font-weight: 900;} h2 { font-size: 2.5em;} h3 { font-size: 2em;} h4, h5, h6, strong, table th { color: rgb(0, 58, 112); font-weight: bold;} blockquote {border-left: solid 6px #d3dadd;padding-left: 15px; position:relative;} .sr-only { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;} /**************wysiwyg Styles*******************/ .wuquote::before { background-image: url('/_files/images/template/sol-icons.png'); background-repeat: no-repeat; background-size: 290%; content: " "; height: 80px; position: absolute; right: 0; top: -50px; width: 80px; z-index: -10; } /******************** table styles **************************/ .SOL table {width: 100% !important;} .SOL th {background: #f5f5f7; height:auto !important; padding: 1rem;width:auto !important;} .SOL table td {height:auto !important;padding: 1rem;width:auto !important; } .SOL table.bordered td {border:1px solid #dee2e6; border-top: 0; border-bottom: solid 1px #d9d9d9;} @media(max-width:767px){ .SOL th>h3, .SOL td>h3 {font-size: 1.5rem !important;} .SOL th>h4, .SOL td>h4 {font-size: 1.2rem !important;} .SOL th, .SOL table td {padding: .5em;} } /**************Button Styles*******************/ .btn[data-bs-toggle="popover"]{color:#008299;} .btn[data-bs-toggle="popover"].moreinfo{border: solid 1px; border-radius:50%;padding:5px;width:15px;height:15px;display:inline-flex;justify-content:center;align-items:center;margin: -15px 3px auto 3px;font-size:.7em;} .btn[data-bs-toggle="popover"].footnote{padding:0 5px;display:inline-flex;justify-content:center;align-items:center;} span.wubtn {background: #6e7881;border: solid 1px #A3C8E3;border-radius: 20px;transition:all ease .5s;flex-basis: auto;} span.wubtn a {color: #FFFFFF;font-size: .8em;text-decoration: none;text-transform: uppercase;margin:0 3px 0 0;transition:all ease .5s;width: 100%;/* text-align: center; */} span.wubtn a:hover {margin:0 0 0 3px;transition:all ease .5s;} span.wubtn:hover {background: #003a70; transition:all ease .5s;} span.wubtn i:before {padding: 0 10px 0 5px;transition:all ease .5s;} span.wubtn:hover i:before {padding: 0 5px 0 10px; transition:all ease .5s;} .wubtn a i {font-size: 1.2em; color: #A3C8E3;} @media(min-width:1400px){ span.wubtn a {font-size: .8em;} } @media(min-width:990px){ span.wubtn a {font-size: .7em;} } @media(max-width:990px){ span.wubtn a {font-size: .6em;} } @media(max-width:767px){ span.wubtn a {font-size: .8em;} } .inline-button {background: #f5f5f7; padding: .1em .8em; border-radius: 25px;text-decoration:none;transition:all ease .3s;} .inline-buttondark {background: #6e7881;padding: .1em .8em;border-radius: 25px;color: #FFFFFF;text-decoration:none;transition:all ease .3s;} .inline-button:hover, .inline-buttondark:hover {background:#003A70;transition:all ease .3s;} /************** Blog Styles*******************/ .blogContentWrapper {overflow-wrap: break-word;} .blogdetails {display:flex;font-weight: bold;color: #003A70;} .blogdetails:not(:has(.blogAuthor)){margin-bottom:1em} .blogdetails >span {margin-right:5px;} .blogdetails >span:not(:last-child)::after {content:"|";margin-left:5px;} .blogAuthor,.blogPubdate {font-size:2.4em;font-family: abril-display, serif;font-weight: 800;font-style: normal;} .blogPubdate {} .blogCat {} .blogTags{} .wljhomeicon {margin: 0 15px;} .wljhomeicon i {color: #003A70;} .wljfilterWrapper:not(.wljfilterPrev):has(.wljfilterNext) .wljfilterSelect {margin-right: 74px;} .wljfilterWrapper:not(.wljfilterNext):has(.wljfilterPrev) .wljfilterSelect {margin-left: 74px;} .blogContent {margin: 4em auto 4em auto;} .wljfilterWrapper {display:flex;justify-content:space-around;flex-direction: column;} .wljfilterWrapper .wljfilterNav {display:flex;} .wljfilterWrapper .wljfilterSelect {align-items:center;display:flex; justify-content:center;padding:20px;} .wljfilterWrapper .wljfilterSelect .form-check.form-check-inline {display:flex;align-items:center;justify-content:center;} .wljfilterWrapper .wljfilterSelect .form-check.form-check-inline input,.wljfilterWrapper .wljfilterSelect .form-check.form-check-inline label {margin:2px;} .wljfilterWrapper .wljfilterSelect .form-select {width:20%} .wljfilterPrev, .wljfilterNext {border-radius:5px; box-shadow: 2px 2px 5px rgba(0,58,112, .2);padding:5px 10px;transition: all ease .5s;} .wljfilterPrev:hover, .wljfilterNext:hover {background: #f5f5f7; transition: all ease .5s;} .wljfilterPrev i, .wljfilterNext i{margin:0 3px 0 3px;transition:all ease .5s;} .wljfilterPrev:hover i {margin:0 6px 0 0px;} .wljfilterNext:hover i {margin:0 0px 0 6px;} .wljfilterHeading {color: #003A70;font-weight:bold;text-transform:uppercase;width:100%;display:flex;justify-content:center;align-items:center;} .wljfilterHeading::before, .wljfilterHeading::after {border-bottom: solid 1px #003a70;content:" ";height:1px;width:10%;display: flex;} .wljfilterHeading::after {margin: 0 0 0 15px;} .wljfilterHeading::before {margin:0 15px 0 0;} .wljfilterPrev a,.wljfilterNext a {display:flex; align-items:center;} #footnoteContainer {background: #f5f5f7;margin: 4em 0;} #footnoteContainer h2 {display:flex; justify-content:center;} .footnoteWrapper {display:flex;flex-direction:column;padding:20px 0;justify-content: center;} .footnoteWrapper .fnReturn {margin: 0 10px 0 0;} .footnoteWrapper a {margin: 0 0 0 10px;} span.wupopover{color:#008299;} @media(min-width: 768px){.popover{max-width: 100%; width: 400px;}} @media(max-width:767px){ .wljfilterSelect {flex-wrap:wrap;} .wljtagselect, .wljIssueSelect {flex:1 100%; } .popover{max-width: 100%; } .blogdetails{flex-direction:column;} .blogdetails >span:not(:last-child)::after {content:""} } /************** PRL Styles*******************/ .prLinks {margin: 4em auto 4em auto;} .prLinks .wubtn {border-radius: 25px;width: 100%;margin: .2em;} .prLinks .wubtn a{font-size: 1em;padding: .7em;} .prLinks.wugrey {background:#f5f5f7;} .prLinks.wublue {background:#003A70;} .prLinks.twoCol {display:flex; } .prLinks.twoCol .prlWrapper {padding: 0 2em 0 2em;} .prLinks.twoCol .prlButtons {max-width: 80%; margin-left: auto; margin-right:auto;width: 100%;} .prLinks.wublue .groupTextWrapper, .prLinks.wublue .groupTextWrapper h2 {color: #FFFFFF;} .prLinks .groupTextWrapper {padding: 0 0 1em 0;} .prLinks .prlGroupText {font-size: 1.2em;} .prLinks.wugrey .prlWrapper, .prLinks.wublue .prlWrapper {padding-bottom: 3em; padding-top: 3em;} .prLinks.center .groupTextWrapper h2.prlGroupHead,.prLinks.center .groupTextWrapper .prlGroupText {text-align:center;} .prLinks.callout.center h2.prlGroupHead {justify-content:center;text-align:center;align-items:center;margin: .5em auto .5em auto;} .prLinks.center .prlButtons {justify-content:center;text-align:center;} .prLinks.callout h2.prlGroupHead {border-bottom: solid 3px #a2b2bc;width:90%;} .prLinks.callout .prlWrapper {box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, 0.4);border-radius: 25px;padding-bottom:2em;} .prLinks.callout {margin-bottom: 4em;} .prLinks.oneCol .prlGroupHead {font-size: 4em;} @media ( max-width:767px){ .prLinks.center .prlButtons .wuBtnWrapper {width:100%;} } /**************Featured Text Styles*******************/ .featuredText { position: relative;overflow:hidden;} .featuredText.grey{background: #f5f5f7;} .featuredText.center { justify-content: center;} .featuredText.left { justify-content: start;} .featuredText.right { justify-content: end;} .featuredText .ftWrapper {margin-bottom: 4%;margin-top: 4%;} .featuredText .ftWrapper.none {margin-bottom: 0;margin-top:0;} .featuredText .ftWrapper .ftbg.center .ftHeadingWrapper .ftHeading {text-align:center;justify-content:center;} .featuredText .ftWrapper .ftTextInner h2:not(h2:nth-child(1)) {margin-top: 1em;} .featuredText .ftWrapper .ftTextInner h2 {/*font-size: 1.9em;*/} .featuredText .ftbg {padding: 50px 0;margin: auto;} .featuredText .ftbg.center { align-items:center !important;} .featuredText.ftcols .ftbg{padding:0;} .featuredText .ftText {font-size: 1.2em;} .featuredText .ftText h3 {font-size: 2rem;} .featuredText .ftText.right {display: block; text-align:right;} .featuredText.ftcols .ftText.center .ftButtons {margin:auto !important;} .featuredText.ftcols .ftButtons {flex-direction:column !important;} .featuredText.ftcols.twoCol .ftButtons {margin:auto;} .featuredText .ftbg.grey .ftText.left,.featuredText .ftbg.whitedrop .ftText.left {margin: 0px 4%;} .featuredText .ftText.left {display: block;text-align:left;} .featuredText.ftcols .ftText {display:flex; flex-direction:column;} .featuredText .ftTextInner {overflow:hidden;} .featuredText .ftText button.truncButton:after {content:"collapse";font-size: .7em;} .featuredText .ftText button.truncButton.collapsed:after {content:"expand";font-size: .7em;} .featuredText .ftText button.truncButton {background: none; border: 0; color: #003A70;flex-direction:column; font-size: 1.2em;padding: .2em;margin:auto;} .featuredText .ftText .ftTruncText {display:flex; flex-direction:column;} .featuredText .ftText .truncButton::before {content: "\F279";} .featuredText .ftText .truncButton[aria-expanded=true]::before {content: "\F27C";} .featuredText.ftcols .ftText.left {margin: auto 4% !important;} .featuredText .ftText.center {text-align:center;} .featuredText .ftGroupHead {color: rgb(0, 58, 112);display: flex;align-items:center;} .featuredText .ftGroupHead .ftGroupHeadInner {font-family: abril-display, serif;font-weight: 800;font-style: normal;line-height:1;font-size: 4em; } @media(max-width:992px){.featuredText .ftGroupHead{flex-direction:column;}} .featuredText .ftGroupText {font-size: 1.2em;flex-direction: column;} .featuredText .ftSubHeading {display: block;font-size: 1.5em;font-weight: bold;letter-spacing: .02em;} .featuredText.ftcols .ftbg .ftHeading, .featuredText.ftcols .ftbg .ftSubHeading {text-align:center; margin: auto 4% !important;} .featuredText.ftcols .ftbg .ftText.center {margin: auto 0 !important;} .featuredText.ftcols .ftbg .ftHeadingWrapper .ftHeading.center,.featuredText.ftcols .ftbg .ftHeadingWrapper .ftSubHeading.center {text-align:center;} .featuredText .ftbg.right.ftTextWrap .ftHeadingWrapper {text-align:right;} .featuredText .ftbg.left.ftTextWrap .ftHeadingWrapper {text-align:left;} .featuredText.ftcols .ftThumb {margin: auto auto .7em auto;} .featuredText.ftcols .ftbg.left.ftTextWrap .ftThumb {margin-left:auto !important;} .featuredText .ftbg.grey{align-items: center;background-size: 90%;background-repeat: no-repeat;} .featuredText .ftbg.grey.left .ftHeadingWrapper .ftHeading {margin-right: 1.5rem;} .featuredText .ftbg.whitedrop {align-items:top;} .featuredText .ftbg.whitedrop .ftTextBody {background: #FFFFFF;border-radius: .5em;box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, 0.4);padding: 40px 20px;margin-top:-60px;margin-bottom:60px;z-index: 10;position:relative;width:100%;} .featuredText .ftbg.whitedrop.left .ftTextBody {margin-right:-5%;} .featuredText .ftbg.whitedrop.right .ftTextBody {margin-left:-5%;} .featuredText .ftbg.ftTextWrap .ftThumbWrapper img {box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, 0.4);} .featuredText .ftbg.right.ftTextWrap .ftThumb,.featuredText .ftbg.right.ftTextWrap .ftText {margin-left:0 !important;} .featuredText .ftbg.right.ftTextWrap .ftTextInnerWrapper {display:flex;padding-left: 1.2rem; } .featuredText .ftbg.right.ftTextWrap .ftHeading { text-align:left;margin-left:0 !important;} .featuredText .ftThumbWrapper img {transform: scale(1); transition: all ease .5s; } .featuredText .ftThumbWrapper.icon span{display:flex;height:110px;width:110px;border: solid 2px #A3C8E3;border-radius:50%;background-size:100%;background-repeat:no-repeat;background-position:center;} .featuredText .ftThumbWrapper:hover img{transform: scale(1.05); transition: all ease .5s;} .featuredText .ftThumbWrapper>a {align-items:center; display:flex;justify-content:center;} .featuredText .iconOverlay {display: flex; color: #FFFFFF; background: rgba(0,0,0, 0.3);border-radius: 50%; font-size: 1.5em;padding: 0.8em; position: absolute; z-index: 10;} .featuredText .iconOverlay:before {display:flex; align-items:center;justify-content:center;} .featuredText .ftWrapper:has(.ftbg.grey.left) { background-image: linear-gradient(to right, rgba(227, 227, 227, .2), rgb(227, 227, 227)); background-size: 70% 100%; background-repeat:no-repeat;} .featuredText .ftWrapper:has(.ftbg.grey.right) {background-image: linear-gradient(to left, rgba(227, 227, 227, .2), rgb(227, 227, 227));background-position: right center;background-repeat: no-repeat;background-size: 70% 100%;} .featuredText .ftGroupHeadTextWrap.center .ftGroupText {text-align:center;} .featuredText .ftGroupHeadTextWrap {margin-top: 4em;} .featuredText .ftGroupHeadTextWrap.center .ftGroupHead {text-align:center;} @media(min-width:992px) and (max-width: 1200px){ .featuredText .ftThumbWrapper {display:flex;justify-content: center;overflow:hidden;max-width: 400px;} } @media (max-width:992px){ .featuredText .ftWrapper:has(.ftbg.grey.left),.featuredText .ftWrapper:has(.ftbg.grey.right) {background-size: 100%;} .featuredText .ftThumb img {width:100%;margin: auto auto 4% auto;} .featuredText .ftbg.whitedrop .ftTextBody {margin-top: auto;margin-bottom:auto; padding: 40px 0;} .featuredText .ftbg.whitedrop.left .ftTextBody {margin-right:auto;margin-left: auto;/* padding: 0; */} .featuredText .ftbg.whitedrop.right .ftTextBody {margin-left:auto;} .featuredText .ftThumb {margin:auto;} } @media ( max-width:767px){ .ftWrapper .ftTextBody .ftText {margin: 1em ;} .featuredText .ftbg {align-items:normal !important;} .ftText .ftButtons { flex-direction:column !important;} .ftTextBody .ftButtons .wubtn a {justify-content:center ;} .featuredText.ftcols .ftButtons {margin:auto;} } .featuredText.ftcols .ftWrapper:has(.ftbg.grey) {background-image:none;} .featuredText.ftcols .ftbg.grey .ftTextBody {background-image: linear-gradient(to bottom, rgb(227, 227, 227), rgb(255, 255, 255));padding: 0 1em 01em 1em; } .featuredText.ftcols {flex-wrap: wrap;} .featuredText.ftcols .ftGroupHeadTextWrap {flex: 0 0 100%; margin: 1em auto 2em auto;} #featuredText1.featuredText.ftcols .ftGroupHeadTextWrap {margin: 2em auto 2em auto;} .featuredText.ftcols .ftbg {flex: 1;margin: 0 .5em 0 .5em;} .featuredText.ftcols .ftbg.whitedrop .ftTextBody,.featuredText.ftcols .ftbg.grey .ftTextBody {padding: 40px 20px;margin-top: 0;margin-bottom:auto;z-index: 10;position:relative;width:100%;} .featuredText.ftcols .ftbg.whitedrop.left .ftTextBody {margin-right:auto;} .featuredText.ftcols .ftbg.whitedrop.right .ftTextBody {margin-left: auto;} .featuredText.ftcols .ftWrapper {flex:1; margin-left: 1em; margin-right:1em;margin-top:1em;min-width: calc(25% - 2em);} .featuredText.ftcols .ftThumbWrapper img {width:100%; } @media (max-width:1200px){ .featuredText.ftcols .ftbg {align-items:center !important;margin: 0 auto 0 auto;} .featuredText .ftbg.right.ftTextWrap .ftThumb,.featuredText .ftbg.right.ftTextWrap .ftText {margin-left: .5rem!important;} .featuredText .ftbg.right.ftTextWrap .ftTextInnerWrapper {display:flex;padding-left: .5rem; } .featuredText .ftbg.right.ftTextWrap .ftHeading { text-align:left;margin-left:.5rem !important;} } @media(max-width:1024px){ .featuredText.ftcols .ftWrapper {min-width: calc(50% - 2em);} } @media(max-width:990px){ .featuredText.ftcols .ftWrapper {min-width: calc(100% - 2em);} .featuredText.ftcols {flex-direction: column !important; } .featuredText.ftcols .ftbg {flex:0 0 48%; } } @media(max-width:820px){ .featuredText.ftcols .ftbg {flex:0 0 100%;margin:auto; } } /**************************** Featured Text Carousel *******************/ .SOL .ftSlider.carousel { margin-top: auto; margin-bottom: 4em; position: relative; } .ftSlider { margin: 0px; padding: 0px; } .ftSlider .ft-inner {width: calc( 100% - 12%);margin: auto;padding: 0px;/* max-height: 100%; */position: relative;/* overflow-x: hidden; */max-width: 1400px;} .ftSlider .ftButtons {margin:auto;} @media(max-width: 1600px){ .ftSlider .ft-inner {max-width:1200px;} } .ftSlider.staticslide .carousel-control-next, .ftSlider.staticslide .carousel-control-prev {display:none;} .ftSlider .carousel-control-next, .ftSlider .carousel-control-prev {background: none;width: 8%;z-index: 200;height: 75%; margin:auto auto 0 auto;} .ftSlider .carousel-control-next {/* margin-right: -8%; */} .ftSlider .carousel-control-prev {/* margin-left: -8%; */} @media ( max-width:1600px){ .ftSlider .carousel-control-next {/* margin-right: -7%; */} .ftSlider .carousel-control-prev {/* margin-left: -7%; */} } .ftSlider .carousel-control-next>span, .ftSlider .carousel-control-prev>span {border: solid 3px #A3C8E3;border-radius: 50%;color: #A3C8E3;opacity: 1;font-size:3em;padding:0px 11px;background-size: 60%;} .ftSlider .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A3C8E3' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;} .ftSlider .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A3C8E3' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;} .ftSlider .carousel-col {position: relative;overflow: hidden;} .ftSlider.ftcols .ftWrapper { margin: auto; } .ftSlider .ftWrapper .inner .coloroverlay { display: block; background: rgba(255, 255, 255, 0.5); opacity: 1; transition: all 0.5s ease 0s; filter: blur(1px); } .ftSlider .ftWrapper .ftbg, .ftSlider .ftWrapper .ftbg img { position: relative; } .ftSlider .ftWrapper .ftTextBody { position: absolute; } .ftSlider .ftWrapper .ftTextBody .ftTextInnerWrapper a { padding: 0px 0px 0px 20px; display: block; text-decoration: underline; } .ftSlider.ftcols .ftThumb {border-radius: 10px;overflow: hidden;box-shadow: rgba(0, 58, 112, 0.4) 0px 4px 8px 0px;margin: 0 auto;} .ftSlider .ftItemOverlay {position: absolute;display: block;height: 100%;width: calc(100% - 40px);content: "";z-index: 100;} .ftSlider .ft-inner .ftWrapper > div {position: relative;padding: 20px;height: auto;display: flex;flex-direction: column;} .ftSlider .ftTextBody { position: absolute; z-index: 1;width:calc(100% - 40px); } .ftSlider .ftWrapper .ftTextBody .ftTextInnerWrapper a {display:inline-block; padding: 0;} .ftSlider .ftTextBody .ftHeadingWrapper {box-shadow: rgba(0, 58, 112, 0.4) 0px 4px 8px 0px;display: block;background: rgb(0, 58, 112);border-radius: 10px;height: 150px;margin: auto auto auto auto;opacity: 1;order: 1;padding: 10px;width: 60%;transition: all 0.5s ease 0s;} .ftSlider .ftTextBody .ftTextInnerWrapper {text-align:center;} .ftSlider .ftTextBody .ftTextInnerWrapper a {color:#FFFFFF;} /* .ftSlider .ftItemOverlay:hover + .ftTextBody .ftHeadingWrapper { opacity: 0; transition: all 0.5s ease 0s; } */ .ftSlider .ftTextBody .ftHeading { color: rgb(255, 255, 255); font-size: 4em; margin-left: auto !important; text-align: center; line-height:1;} .ftSlider .ftTextBody .ftSubHeading { color: rgb(255, 255, 255); font-size: 1em; font-weight: normal;margin-left: auto !important; text-transform: uppercase; text-align: center;line-height:1.3;} .ftSlider .carousel-col .ftTextBody {background: transparent;position: relative;/* transition: all 0.5s ease 0s; */width: 100%;display: flex;flex-direction: column;align-items: end;justify-content: start;margin: -130px auto auto auto;} /* .ftSlider .ftItemOverlay:hover + .ftTextBody { position: absolute; width:calc(100% - 40px);} */ .ftSlider .ftTextBody .ftText {background: rgb(0, 58, 112);border-radius: 10px;box-shadow: rgba(0, 58, 112, 0.4) 0px 4px 8px 0px;color: rgb(255, 255, 255);font-size: 1em;min-height:150px;padding: 10px;} /* .ftSlider .ftItemOverlay:hover + .ftTextBody .ftText {background: rgb(0, 58, 112);border-radius: 10px;height:100%;opacity: 1;padding: 10px 20px;margin: auto auto auto auto !important;transition: all 0.5s ease 0s;} */ .ftSlider .ft-inner .carousel-item { display: none; } .ftSlider .ft-inner .carousel-item.active, .ftSlider .ft-inner .carousel-item-start, .ftSlider .ft-inner .carousel-item-next, .ftSlider .ft-inner .carousel-item-prev { display: flex;overflow-x: hidden; } .ftSlider .ft-inner .carousel-item-next, .ftSlider .ft-inner .carousel-item-prev { position: absolute; } .ftSlider .clone01, .ftSlider .clone11,.ftSlider .clone21,.ftSlider .clone31,.ftSlider .clone41 {visibility:hidden;} @media ( min-width: 1201px) and (max-width:1599px){ .ftSlider .ftTextBody .ftHeadingWrapper {width:65%} } @media ( max-width: 1200px){.ftSlider .clone00, .ftSlider .clone10, .ftSlider .clone20, .ftSlider .clone30 {visibility:hidden;}} @media (max-width: 992px) { .ftSlider .ftThumb img {width: 100%; margin: auto auto auto auto;} .ftSlider .ftTextBody .ftHeadingWrapper {background: rgba(0, 58, 112, .5);backdrop-filter: blur(3px);box-shadow: none;transition:all ease .5s;} } @media (max-width: 768px) { .ft-inner .ftWrapper.carousel-item .carousel-col { overflow:visible;} .ft-inner .ftWrapper.carousel-item > div { display: none; } .ft-inner .ftWrapper.carousel-item > div:first-child {display: flex;width: 100%;padding} .ftSlider .carousel-col .ftTextBody{ position:absolute; margin:auto;width:calc(100% - 40px);} .ftSlider .carousel-col .ftTextBody .ftText{margin:auto !important;position:relative;width:100%;} .ftSlider .ft-inner .ftTextBody {align-items:end;display:flex;} .ftSlider .ft-inner .ftTextBody .flip-card-inner {align-items:end;height:auto;} .ftSlider .carousel-control-next, .ftSlider .carousel-control-prev { opacity: 1; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); width: 8%; } .ftSlider .ft-inner .ftWrapper.carousel-item .carousel-col .ftTextBody { opacity:0;transition:all ease .5s;} .ftSlider .ft-inner .ftWrapper.carousel-item.active .carousel-col:first-child .ftTextBody{ opacity:1;transition:all ease .5s;} .ftSlider .ft-inner .ftWrapper.carousel-item.active .carousel-col:first-child { display:flex;justify-content:end;flex-direction:column; min-height:200px;opacity:1;transition:all ease .5s;} .ftSlider .ft-inner .ftWrapper.carousel-item.active .carousel-col:first-child .ftTextBody .ftText { font-size: 1.5em; padding: 1em;} .ftSlider .carousel-control-next, .ftSlider .carousel-control-prev {width: 10%;} .ftSlider .carousel-control-next {margin-right:22px !important;} .ftSlider .carousel-control-prev {margin-left:12px !important;} .ftSlider .ftTextBody .ftHeading { font-size: 4.5em; } .ftSlider .ftTextBody .ftSubHeading { font-size: 1.5em;} .ftSlider .ftTextBody .flip-card-back .ftTextInner {font-size:.9em;} } @media (min-width: 1200px) { .ftSlider .ft-inner .carousel-item-right.active, .ftSlider .ft-inner .carousel-item-next, .ftSlider .carousel-item-next:not(.carousel-item-start) { transform: translateX(33.333%) !important; } .ftSlider .ft-inner .carousel-item-left.active, .ftSlider .carousel-item-prev:not(.carousel-item-end), .ftSlider .active.carousel-item-start, .ftSlider .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-33.333%) !important; } .ftSlider .carousel-item-next.carousel-item-start, .ftSlider .active.carousel-item-end { transform: translateX(0px) !important; } .ftSlider .ft-inner .carousel-item-prev, .ftSlider .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-33.333%) !important; } } @media (min-width: 768px) and (max-width: 1199px) { .ftSlider .ft-inner .carousel-item-right.active, .ftSlider .ft-inner .carousel-item-next, .ftSlider .carousel-item-next:not(.carousel-item-start) { transform: translateX(50%) !important; } .ftSlider .ft-inner .carousel-item-left.active, .ftSlider .carousel-item-prev:not(.carousel-item-end), .ftSlider .active.carousel-item-start, .ftSlider .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-50%) !important; } .ftSlider .carousel-item-next.carousel-item-start, .ftSlider .active.carousel-item-end { transform: translateX(0px) !important; } .ftSlider .ft-inner .carousel-item-prev, .ftSlider .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-50%) !important; } } /*************** Flip Card *****************/ .ftSlider .flip-card { background-color: transparent; width: 300px; /* height: 300px; */ perspective: 1000px; min-height: 150px; } .ftSlider .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */ display: flex; justify-content: center; } .ftSlider .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .ftSlider .flip-card-front, .ftSlider .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: auto !important; } .ftSlider .flip-card-front { background-color: #bbb; color: black; } .ftSlider .flip-card-back { background-color: #2980b9; color: white; transform: rotateY(180deg); } /*************** Header *****************/ .SOL .carousel { margin-top: -92px;} #header .wubreadcrumbs a, #header .wubreadcrumbs {color:#FFFFFF;text-transform:lowercase;} #header .wuTitleWrapper {display:flex;align-items:center;flex-direction: column;} #header .wuTitleWrapper .headerSubhead,#header .wuTitleWrapper .headerText, #header .wuTitleWrapper .headerLink a, #header .wuTitleWrapper .headerLink i {color: #FFF; } #header .wuTitleWrapper .headerLink {align-items:center; display:flex;justify-content:center;} @media (min-width:768px){ #header .wuTitleWrapper .headerLink {border:solid 1px #FFF; border-radius: 25px; margin-top:5px; padding: 0 15px 0 15px;} #header .wuTitleWrapper .headerLink a{padding: 10px 15px 10px 15px;} } #header .wuTitleWrapper .headerLink i{padding: 5px 0 0 5px;margin:auto;} #header .headerOverlay.headingsm .wuTitleWrapper {display:flex;height: calc(100% - 100px);justify-content:end; } #header {margin-top:-100px;position:relative;} @media ( max-width: 1199px){ #header {margin-top:-90px;position:relative;} } #header .headerOverlay {align-items:end;position:absolute;background: linear-gradient( rgba(0,0,0, 0.3) 60%, #003A70 );justify-content:center;width:100%;height:100%; z-index: 1; } #header .headerOverlay h1.wutitle {color:#FFFFFF;font-size: 8em;line-height: .85;text-shadow: 0px 2px 3px #003a70;} #header .headerOverlay.headinglg h1.wutitle {text-align:center;} #header .headerOverlay.headingsm {justify-content:start;} #header .headerOverlay.headingsm .headingWrapper{align-items: start;display:flex;justify-content: end;flex-direction: column;width: 100%;padding-left: 2em;margin-bottom: 10%;} #header .headerOverlay.headingsm.wusmall .headingWrapper {margin-bottom:5%;} #header .headerOverlay.fullWidth .headingWrapper {margin-bottom: 0;} #header .headerOverlay.fullWidth.headinglg .headingWrapper {margin-bottom: 0;height: calc(100% - 100px);} #header .headerOverlay.fullWidth .headingWrapper .wuTitleWrapper {align-items:end;} #header .headingWrapper {height: calc(100% - 100px);} #header .headerOverlay.headingsm h1.wutitle {font-size: 4em;/* margin: auto auto 13% 0.4em; *//* position: absolute; */z-index: 100;} #header .headerOverlay.fullWidth.headingsm h1.wutitle {/* margin: auto auto auto 0.4em; */} #header .headerImgWrapper {position:relative;} #header .headerImgWrapper img,#header .headerImgWrapper video {width:100%;} #header .headingWrapper {align-items:center;display:flex;height:100%;flex-direction:column;justify-content: center;} #header .headingWrapper .wubreadcrumbs {--bs-breadcrumb-divider: '>';font-size: 1.2em;justify-content:start;/* display:flex; */} #header .headingWrapper .breadcrumb-item+.breadcrumb-item::before {color:#FFFFFF;} #header .headingWrapper .wubreadcrumbs ol li {color:#FFFFFF;text-shadow: 0px 2px 3px #003a70;} #header .headerOverlay.fullWidth.headingsm.wusmall .headingWrapper {margin-bottom:0;} @media(max-width:1400px){ #header .headerOverlay.headingsm h1.wutitle {font-size: 3.5em;} } @media(max-width:1200px){ #header .headerOverlay.headingsm.wusmall .headingWrapper {margin-bottom:0;} #header .headerOverlay h1.wutitle {font-size: 6em; text-align:center;} #header .headingWrapper {height:calc(100% - 100px);} #header .headingsm.wusmall .headingWrapper {align-items:center;} #header .headingsm.wusmall .wuTitleWrapper {height:auto;} #header .headerImgWrapper img{min-height: 400px;width:auto;margin:auto;object-fit: cover;} #header .headerImgWrapper video{min-height: 400px;width:auto;margin:auto;object-fit: cover;max-width:100%;height:auto;} #header .headerOverlay.headingsm .headingWrapper,#header .headerOverlay.fullWidth.headingsm.wusmall .headingWrapper {margin-bottom: auto;} #header .headerOverlay.headingsm.wusmall .headingWrapper {margin-bottom: auto; } #header .headerOverlay .headingWrapper{align-items:center !important;} } @media (max-width:992px){ #header .iconWrapper {width:50%;} #header .headerOverlay.overlay.headinglg.wularge .headingWrapper,#header .headerOverlay.fullWidth.headinglg.wularge .headingWrapper, #header .headerOverlay.headinglg.wumedium .headingWrapper {height: calc(100% - 12px);} } @media(max-width:767px){ #header .iconWrapper {width:30%;} #header .headerOverlay .headerSubhead {text-align:center;} #header .headerOverlay h1.wutitle {font-size: 3em;margin: 10% auto 0 auto; text-align:center;} #header .headingWrapper.headingsm .wubreadcrumbs { text-align:center;align-items: center !important; display: flex;} #header .headerOverlay.headinglg.wumedium .headingWrapper .wubreadcrumbs {/*margin:.5em auto auto auto;*/} #header .headerOverlay .headingWrapper .wubreadcrumbs .breadcrumb {justify-content: center !important ; display: flex;} #header .headerOverlay.headingsm .headingWrapper{align-items:center;padding: 0;} #header .headerOverlay.headingsm.wusmall .headingWrapper { margin-bottom:auto;margin-top: auto; } #header .headerOverlay.fullWidth.headingsm.wusmall .headingWrapper {margin:auto;} #header .headerOverlay.headingsm .headingWrapper {justify-content:center;} } /*************** Nav Icon*****************/ #wunav-icon { width: 50px; height: 21px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #wunav-icon span { display: block; position: absolute; height: 3px; width: 50%; background:#d5dbe1; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #wunav-icon span:nth-child(even) { left: 50%; } #wunav-icon span:nth-child(odd) { left:0px; } #wunav-icon span:nth-child(1), #wunav-icon span:nth-child(2) { top: 0px;} #wunav-icon span:nth-child(3), #wunav-icon span:nth-child(4) { top: 10px;} #wunav-icon span:nth-child(5), #wunav-icon span:nth-child(6) { top: 20px;} /**************FlyOuts **********************/ #wuFlyouts {display:flex;justify-content:end;align-items:center;min-height:100%;height:100%;position: relative;width:100%;z-index: 100;/* margin-top: -37px; */} #wuFlyouts .flyoutWrapper {position:absolute;display:flex;flex-direction:column;justify-content:end;align-items:center;/* margin-top:-154px; */transform: translate(0px, -50%);} #wuFlyouts .flyout {color: #FFF;background:#6e7881;border-left: solid 5px #FFFFFF; display:flex;min-width:150px;justify-content:end;margin-bottom: 5px;padding:5px 10px 5px 5px;text-transform: uppercase;transition: all ease .5s;} #wuFlyouts .flyout:hover {transform:translate(-5px, 0);padding-right:15px;min-width:155px;transition: all ease .5s;} #wuFlyouts .flyout:hover {background:#5b656e;} #wuFlyouts .flyout a{color: #FFF;text-decoration:none; } #wuFlyouts .flyout:hover a{color: #FFF; text-decoration:underline; } /*************** Intro Extra *****************/ .introExtraContainer {display:flex;justify-content:end; position: relative;width:100%;z-index: 100;} .introExtraContainer .ieWrapper {display:flex; flex-direction:column;/*width:30%;*/padding: 10px;position:absolute;} .introExtraContainer .ieWrapper.cleEvent {width:30%;} .introExtraContainer .ieWrapper .cleDetail {color: #003A70;display:flex;font-size: 1.5em;font-weight:bold;padding: 0 1em;} .introExtraContainer .ieWrapper .cleDetail i {color: #A3C8E3;font-size: 1.5em;} .introExtraContainer .ieWrapper .cleDetail .itExtraText {display:flex;align-items:center;padding: 0 .5em;} @media(max-width:1400px){ .introExtraContainer .ieWrapper.cleEvent {padding: 0px;} } @media(max-width:1200px){ .introExtraContainer .ieWrapper.cleEvent {width:100%;} .introExtraContainer .ieWrapper {flex-direction:row;justify-content:center;position:relative;width:100%;} .introExtraContainer.announcements .ieWrapper {flex-direction:column;position:absolute;/*width:30%;*/} .introExtraContainer .ieWrapper .cleDetail {padding:0 .5em;} } @media(max-width:1200px){ .introExtraContainer.announcements .ieWrapper {flex-direction:row;justify-content:space-around;position:relative;width:100%;} } @media(max-width:992px){ .introExtraContainer .ieWrapper .cleDetail {padding:0 .5em;flex-direction: column; } .introExtraContainer .ieWrapper .cleDetail i {display:flex;justify-content:center;} .introExtraContainer .itExtraText {text-align:center} } @media(max-width:767px){ .introExtraContainer .ieWrapper {flex-direction:column;justify-content:center;position:relative;width:100%;} .introExtraContainer .ieWrapper .cleDetail {padding:.5em 1em;flex-direction: row; } .introExtraContainer .ieWrapper .cleDetail i {display:flex;justify-content:center;} .introExtraContainer .ieWrapper .cleDetail .itExtraText {display:flex;align-items:center;padding: 0 1em;} .introExtraContainer .itExtraText {text-align:left} } .introExtraContainer.announcements {margin: 0 0 4em 0;width: 30%;float: inline-end;float: inline-end;} @media(max-width:1200px){.introExtraContainer.announcements {width: auto;float: none;}} .introExtraContainer .announcement {border-left: solid 4px #a3c8e3; margin: 0 0 1em 0;padding-left: .5em;} .introExtraContainer .announcement .name {font-weight: bold;} .introExtraContainer .announcement h2 {font-size: 1.2rem;} .introExtraContainer .announcement .lead {font-size: 1em;margin:0} /*************** Explore This *****************/ #exploreThisArea {display:flex;align-items: end;margin-top: -42px;flex-direction: column;} #exploreThisArea.nosibs {margin-top:0;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(1),.exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(2),.exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .exploreThisArea.inner button .iconbtntext { transition:all ease .5s;} .exploreThisArea.inner:hover button .iconbtntext {padding-right:20px; transition:all ease .5s;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(1) { left: 8px; top: 5px;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(2) { left: calc(50% - 5px); top: 5px;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(3) { left: -50%; opacity: 0;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(4) { left: 100%; opacity: 0;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(5) { left: 8px;top: 16px;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(6) { left: calc(50% - 5px); top: 16px;} .exploreThisArea.inner {display:flex;/* position:absolute; *//* right: 0; */width:30%;z-index:200;/* margin-top: -37px; */border-bottom: solid 2px #545c62;} .exploreThisArea.inner button:not(.offcanvas button) {align-items:center;display:flex;border:0;border-radius:0;background:#6e7881;padding: .5em .5em;text-transform:uppercase;width:100%;position: relative;} .exploreThisArea.inner button:not(.offcanvas button):hover {background:#5b656e;} .exploreThisArea.inner .iconbtntext {display:flex;padding: 0 .5em;justify-content:center;margin:auto;} .exploreThisArea.inner .offcanvas {background:#6e7881; top: 100px;} .exploreThisArea.inner .offcanvas-header {color: #FFFFFF;position:relative;width:100%;} .exploreThisArea.inner .offcanvas a{color: #FFFFFF;} .exploreThisArea.inner .offcanvas-header .offcanvas-title {color:#FFFFFF;font-family: abril-display,serif;font-size:2em;font-weight:900;letter-spacing:.02em} .exploreThisArea.inner .offcanvas-header button {margin-right:0;} .exploreThisArea.inner li {list-style:none;} .exploreThisArea.inner ul {color: #FFF;padding-left:0;} .exploreThisArea.inner ul.tree li {padding:2px 2px;} .exploreThisArea.inner ul.tree li {background: transparent; transition:all ease .3s;} .exploreThisArea.inner ul.tree li:hover {background: #565e6480; transition: all ease .3s} .exploreThisArea.inner ul li.branch {cursor:default;} .exploreThisArea.inner li {list-style:none;} .exploreThisArea.inner li a {text-decoration:none;} .exploreThisArea li.branch>.heading {font-weight:bold;} .exploreThisArea li.branch {border-bottom: solid 1px #A3C8E3;} .exploreThisArea li.branch .indicator {color:#A3C8E3;} .exploreThisArea.inner .offcanvas-body>ul ul,.exploreThisArea.inner .offcanvas-body>ul ul ul, .exploreThisArea.inner .offcanvas-body>ul>li a {padding-left:20px;} .exploreThisArea.inner .offcanvas-body>ul {color: #FFF;padding-left:0;} body:has(.exploreThisArea.inner .offcanvas.show),body:has(.exploreThisArea.inner .offcanvas.showing),body:has(.exploreThisArea.inner .offcanvas.hiding){padding-right:17px !important;} @media (max-width:1200px){ .exploreThisArea.inner {width:auto;} /* #exploreThisArea {margin-top:0;} */ #exploreThisArea #wunav-icon { width: 30px;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(1) { left: 0px; top: 5px;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(2) { left: calc(50% - 4px); top: 5px;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(3) { left: -50%; opacity: 0;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(4) { left: 100%; opacity: 0;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(5) { left: 0px;top: 16px;} .exploreThisArea.inner:has(.offcanvas.show) #wunav-icon span:nth-child(6) { left: calc(50% - 4px); top: 16px;} } @media (max-width:767px){ .exploreThisArea.inner {width:100%;min-width:none;} } /*************** Intro Text *****************/ .introTextWrapper {position:relative; z-index: 10;font-size:1.2em;} .introTextWrapper .itWrapper {display:flex; flex-direction:column;} .introTextWrapper .introText {border-left: solid 4px #a2b2bc;display:inline-block;flex-direction: column;padding-left: 15px;} .introTextWrapper.text-center .introText {border:0;} .introTextWrapper .introText p:last-child {margin-bottom:0;} .introTextWrapper.wuoverlay {background: #FFFFFF; box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, 0.4);margin:-10% 0 3% 0;min-height:212px;width:70%;} .introTextWrapper.wuwhite {background: #FFFFFF; color: #003A70;} .introTextWrapper.wublue {background: #003a70;color: #FFFFFF;} .introTextWrapper.wublue .introText strong, .introTextWrapper.wublue .introText b {color: #FFFFFF;} .introTextWrapper.wugrey {background-image: linear-gradient(#6e7881, #5b656e);color: #FFFFFF;} .introTextWrapper.wugrey .introText strong, .introTextWrapper.wugrey .introText b {color: #FFFFFF;} .introTextWrapper.wublue .introText a, .introTextWrapper.wugrey .introText a {color: #FFFFFF;} .introTextWrapper.wufullWidth .introText:before {display:none;} .introTextWrapper.text-center .introText {justify-content:center; } .introTextWrapper h2 {color:#003A70;} .introTextWrapper.wublue h2, .introTextWrapper.wugrey h2 {color: #FFFFFF;} .introTextWrapper .introBrand{background: url(/_files/images/template/sol-balance-brand-marker-grey.png);background-position: center;background-repeat:no-repeat;height: 60px;display:flex;margin-top: 16px;} .introTextWrapper.wublue .introBrand, .introTextWrapper.wugrey .introBrand{background: url(/_files/images/template/sol-balance-brand-marker.png);background-repeat:no-repeat;display:flex;height: 60px;background-position: center;} .introTextWrapper.wusmall.wuoverlay {margin:-5% 0 3% 0;} @media(max-width:1200px){ .introTextWrapper.wusmall.wuoverlay {margin: 0 0 3% 0; width:100%;} } @media(max-width:1200px){ .introTextWrapper .introText:before {border-left:0;padding-right: 0;} .introTextWrapper.wuoverlay {margin:0 0 3% 0;width: 100%;} } /*************** Hero Image *****************/ .hero { height: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom:4em; min-height: 767px;overflow-x: hidden; position: relative;} .hero.narrow {min-height: 400px;} .hero.tall {min-height:1090px;} .hero.medium {min-height:767px;} .hero.none .heroItemWrapper.none, .hero.none .heroItemWrapper.none .hoHeading {color: #FFF;} @media (min-width: 992px){ .hero.one .heroItemsWrapper.right { position: absolute; top: 50%;left: 50%; transform: translate( 0%, -50%); } .hero.one .heroItemsWrapper.left { position: absolute; top: 50%;left: 50%; transform: translate( -100%, -50%); } .hero .heroItemsWrapper {text-align: center; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); } } @media (max-width: 992px){ .hero{align-items:center;display:flex; justify-content:center;} .hero .heroItemsWrapper {text-align: center; position: relative; top: 0%;left: 0%;}} .hero .heroItemsWrapper {flex-wrap:wrap;} .hero .heroGroupIntro {width: 100%;display:flex;flex: 0 0 100%;flex-direction:column;} .hero.none .hoGroupText,.hero.none .heroGroupIntro .hoGroupHead {color: #FFFFFF;} @media (max-width: 1200px){.hero .heroGroupIntro {margin-top: 2em;}} .hero .heroItemsWrapper .heroItemWrapper {flex:1} .hero .heroItemsWrapper .hoHeading {font-family: abril-display, serif;font-size: 5em;line-height: 1;padding-top: .2em;} .hero .heroItemsWrapper .hoSubHead {font-family: abril-display, serif;font-size: 2.5em;font-weight: 800;line-height:1.1;} .hero .heroItemsWrapper span.wubtn a { font-size: 1rem; } .hero .heroItemsWrapper.center {text-align: center;} .hero .heroItemWrapper.wublue {background-color: rgba(0, 58, 112, 0.8);} .hero .heroItemWrapper.wublue strong, .hero .heroItemWrapper.wublue b {color: #FFFFFF;} .hero .heroItemWrapper.wugrey {background-color: rgba(110, 120, 129, 0.8);} .hero .heroItemWrapper.white {background-color: rgba(255, 255, 255, 0.8);} .hero.parallax {background-attachment:fixed;} /*fix for iOS which doesn't allow fixed bg*/ @supports (-webkit-touch-callout: none) { .hero.parallax {background-attachment:scroll;} } .hero .heroItemWrapper.white {color: #555555;} .hero .heroItemWrapper.white h2,.hero .heroItemWrapper.white .hoSubHead {color: #003A70;} .hero.wublue h2, .hero.wublue, .hero.wugrey h2, .hero.wugrey,.hero .heroItemWrapper.wublue h2,.hero .heroItemWrapper.wublue .hoSubHead, .hero .heroItemWrapper.wublue,.hero .heroItemWrapper.wugrey h2, .hero .heroItemWrapper.wugrey { color: rgb(255, 255, 255); } .hero .heroGroupIntro .hoGroupHead {color: #003a70;font-family: abril-display, serif;font-size: 4em;font-weight:800;line-height:1.1;} .hero.wublue .heroGroupIntro .hoGroupHead, .hero.wugrey .heroGroupIntro .hoGroupHead, .hero.black .heroGroupIntro .hoGroupHead {color: #FFFFFF;} .hero .heroItemsWrapper .hoTextWrapper {font-size: 1.2em;} .hero .heroItemsWrapper .hoButtonWrapper {flex-direction:column} .hero .heroItemsWrapper .heroItemWrapper.wublue .hoTextWrapper a { color:#FFFFFF;} @media(min-width: 1020px){.hero .heroTextWrapper {margin: 0 2em 0 2em;}} @media(max-width: 1019px){.hero .heroTextWrapper {margin: 0 0em 0 0em;}} @media(min-width: 992px){.hero .heroTextWrapper {margin: 0 2em 0 2em;}} .hero .hoThumbWrapper {align-items: center;display: flex;flex-direction: column;} .hero .hoThumbWrapper .hoThumbItem.circle {border: 0;border-radius: 50%;overflow:hidden;max-width: 300px;max-height: 300px;display: block;} .hero .hoThumbWrapper .hoThumbItem.circle img{margin-left: -25%;max-height:300px;} .hero .hoThumbWrapper .hoThumbItem.icon{width: 100px; height: 100px; background-position: center; border:solid 2px #A3C8E3; border-radius:50%;background-size: 90%; background-repeat: no-repeat; } @media ( max-width:1400px){ .hero.multi .hoThumbWrapper .hoThumbItem.circle {border: 0;border-radius: 50%;overflow:hidden;width: 200px;height: 200px;display: block;} .hero.multi .hoThumbWrapper .hoThumbItem.circle img{margin-left: -25%;max-height:200px;} } /***************** icons ***************/ .icon-caduceus{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_caduceus.png);} .icon-mulvane{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_mulvane.png);} .icon-capitol{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_capitol.png);} .icon-event{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_event.png);} .icon-ichabod{ background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_ichabod.png);} .icon-people{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_people.png);} .icon-question{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_question.png);} .icon-inkwell{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_inkwell.png);} .icon-scroll{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_scroll.png);} .icon-home{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_home.png);} .icon-tophat{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_tophat.png);} .icon-coins{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_coins.png);} .icon-marker{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_marker.png);} .icon-laptop{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_laptop.png);} .icon-diploma{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_diploma.png);} .icon-campus{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_campus.png);} .icon-lightbulb{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_lightbulb.png);} .icon-globe{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_globe.png);} .icon-pencil{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_pencil.png);} .icon-transform{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_transform.png);} .icon-scholarship{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_scholarship.png);} .icon-star{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_star.png);} .icon-cap{background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_cap.png);} .icon-solbalances {background-image: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/icon_solbalances.png);} .icon-ichabod2 {background: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/ichabod-lg-icon.png); } .icon-mail{background: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/mail-lg-icon.png); } .icon-yt {background: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/yt-lg-icon.png); } .icon-fb {background: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/fb-lg-icon.png); } .icon-tw {background: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/tw-lg-icon.png); } .icon-insta {background: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/insta-lg-icon.png); } .icon-in {background: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/linkedin-lg-icon.png); } .icon-indeed {background: url(https://www.washburn.edu/_redesign2018/_files/images/template/icons/indeed-lg-icon.png); } /************************* Featured Links ********************/ .featLinksTabs { margin: 4em auto 4em auto;} .featLinksTabs .featlink a, .customTabWrapper button { color: #003A70; font-family: abril-display, serif; font-size: 2em; font-weight: 800; line-height: .9em; padding-top: .5em;} .customTabWrapper button:hover {color: #003A70;} .featLinksTabs .featlink a .flSubHead { line-height: 1em;letter-spacing: .02em;} .featuredLinks .featlink {position: relative;} .flDropHeading { color: #003A70;font-family: abril-display, serif;font-size:2em;font-weight: 800;} .wutabs .featlink a[aria-selected="true"], .customTabWrapper .nav-link.active[aria-selected="true"] {background: #6e7881; border-bottom: solid 3px #6e7881; color: #fff;} .featLinksTabs.wutabs .tab-content { } .featLinksTabs .tab-content { font-size: 1.2em;} .featLinksTabs.wutabs .tab-content>.active, .customTabWrapper .tab-content>.active { display: block; background: #f5f5f7; padding: 1.5em;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} @media(min-width:768px){ .featLinksTabs.wutabs .featlink:has(a.active)::after, .customTabWrapper li:has(.nav-link.active)::after{ content: ""; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #f5f5f7; display: block; height: 0px; margin: 0 auto 0 auto; width: 0; } } @media(max-width:767px){ .customTabWrapper button:not(button.active){border-left: solid 3px #bcbcc2; } } @media(max-width:1200px){ .featLinksTabs.wutabs>.container.featuredLinksInner, .featLinksTabs.wutabs .tab-pane.container { max-width:100%; } } @media(max-width:992px){ .featuredLinks .tab-content{flex-direction:column;} .featuredLinks .tab-content .container {order: 1;} .featuredLinks .nav {flex-direction:column;} .featuredLinks .nav-pills:has(>.featlink.order-0>a.active) .tab-content{order:0 !important;} .featuredLinks .nav-pills:has(>.featlink.order-1>a.active) .tab-content{order:1 !important;} .featuredLinks .nav-pills:has(>.featlink.order-2>a.active) .tab-content{order:2 !important;} .featuredLinks .nav-pills:has(>.featlink.order-3>a.active) .tab-content{order:3 !important;} } .featuredLinks.flCount1 .featlink {max-width: 75%;} .featuredLinks.flCount2 .featlink {max-width: 50%;} .featuredLinks.flCount3 .featlink {max-width: 33.3%;} .featuredLinks.flCount4 .featlink {max-width: 25%;} .featuredLinks.flCount5 .featlink {max-width: 20%;} .featuredLinks.flCount6 .featlink {max-width:16%;} @media(max-width:1200px){ .featuredLinks.flCount1 .featlink, .featuredLinks.flCount2 .featlink, .featuredLinks.flCount3 .featlink, .featuredLinks.flCount4 .featlink, .featuredLinks.flCount5 .featlink, .featuredLinks.flCount6 .featlink {max-width: 50%;} } @media(max-width:1200px){ .featuredLinks.flCount1 .featlink, .featuredLinks.flCount2 .featlink, .featuredLinks.flCount3 .featlink, .featuredLinks.flCount4 .featlink, .featuredLinks.flCount5 .featlink, .featuredLinks.flCount6 .featlink {max-width: 100%;} } .featLinksTabs .flGroupIntro.flCenter .flGroupHead {line-height:1em;} .featLinksTabs .flGroupIntro.flCenter .flGroupText {justify-content:center;margin-top: .5em;} .featLinksTabs .flGroupIntro.flCenter, .featLinksTabs .flGroupIntro.flCenter .flGroupHead {align-items: center; display: flex; flex-direction: column; justify-content: center;text-align: center;} .featLinksTabs .flGroupHead {color: #003A70;display:flex; font-family:abril-display;font-weight:800;font-size: 4em;} .featLinksTabs .flGroupText {display:flex;font-size: 1.2em;} .featLinksTabs .flGroupHeadingWrapper {align-items:center;display:flex;flex-direction: row;} .featuredLinks .nav {display:flex; justify-content:center;} .featuredLinks .featlink .flHeading {font-size: 1.7em;line-height: 1;} .featuredLinks .featlink>a {border-radius:0;} .featuredLinks .featlink.hasThumb a.flDirect .flSubHead {padding-bottom:0!important;} .featuredLinks .featlink>a {height: 250px;width: 100%;display:flex;align-items:center;justify-content:center;box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, 0.4); margin: .5em;text-align:center;} .featuredLinks .featlink.hasThumb a {justify-content:end} .featuredLinks .wubtn,.featuredLinks .wubtn a {cursor:default;} .featuredLinks .wubtn.hasLink a.dropLink {background: #A3C8E3;border-radius:50%;color: #003A70;cursor:pointer; height: auto;padding:.2em; width: auto;} .featuredLinks .wubtn.hasLink a i {display:none !important;} .featuredLinks .wubtn.hasLink a.dropLink {height:auto; width:auto;} .featuredLinks span.wubtn a.nav-link.flDropdown {background-color:transparent;box-shadow:none ;height: auto; } .featuredLinks span.wubtn:has( a:not(.flDirect).active) {background-color: #003A70; } .featuredLinks span.wubtn a.nav-link.flDropdown:hover {color: #FFFFFF;} .featuredLinks .tab-content {display:flex; } .featuredLinks .tab-pane {display:none;} .featuredLinks .tab-pane.active.show {display:flex;flex-direction:column;padding-top:.8em;padding-bottom: .8em;} .featuredLinks .tab-pane.active.show ul.nav {display:flex;flex-direction:column;justify-content:start;margin-top: 1em;} .featuredLinks .tab-content {background: #f5f5f7;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .featuredLinks .featlink:has( a:not(.flDirect).active)::after {content:""; border-left:20px solid transparent;border-right:20px solid transparent; border-bottom:20px solid #f5f5f7; display:block;height:0px;margin:0 auto 0 auto; width:0;} .featuredLinks .featlink a.flDropdown {display:flex;flex-direction:column;} .featuredLinks .featlink a.flDropdown::after { border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; content: ""; display: flex; width: 10px; justify-content: center; margin: .2em 0 0 .2em;} .featuredLinks .featlink a.active.flDropdown::after { color: #FFFFFF;} .featuredLinks .featlink a.flDirect::after {color:#003A70;border-top: 0.3em solid transparent;border-bottom: 0.3em solid transparent;border-right: 0;border-left: 0.3em solid ;content: "";display: flex;height: 10px;justify-content: center; margin: .2em 0 0 .2em;} .featuredLinks .featlink:hover a, .featuredLinks .featlink a.active {color:#FFFFFF; background: #003A70;} .featuredLinks .featlink a.flDirect.active {color:#003A70; background: #FFFFFF;} .featuredLinks .featlink:hover a.flDirect.active { background: #003A70; color: #FFFFFF;} .featuredLinks .featlink:hover a.flDirect::after {color:#FFFFFF;} .featuredLinks .featlink.hasThumb a, .featuredLinks .featlink.hasThumb a.active, .featuredLinks .featlink.hasThumb a:after {color: #FFFFFF;} .featuredLinks .featlink.hasThumb a, .featuredLinks .featlink.hasThumb a.active, .featuredLinks .featlink.hasThumb a.flDirect { background-position: center; background-repeat:no-repeat; background-size: cover; transition: all ease .5s; } .featuredLinks .featlink.hasThumb:hover a, .featuredLinks .featlink.hasThumb:hover a.active, .featuredLinks .featlink.hasThumb:hover a.flDirect { background-position: center; background-size: cover ; background-blend-mode: multiply; background-color: rgba(0,58,112,.4); transition: all ease .5s; } .featuredLinks.four .featlink.hasThumb:hover a, .featuredLinks.five .featlink.hasThumb:hover a, .featuredLinks.six .featlink.hasThumb:hover a {margin-top:.3em;} .featuredLinks.four>.container,.featuredLinks.five>.container,.featuredLinks.six>.container { max-width: 1900px; } @media ( max-width: 1400px){ .featuredLinks .featlink.hasThumb a, .featuredLinks .featlink.hasThumb a.active, .featuredLinks .featlink.hasThumb a.flDirect { background-position:center; background-size: auto 100% ; background-repeat:no-repeat; transition: all ease .5s; } .featuredLinks .featlink.hasThumb:hover a, .featuredLinks .featlink.hasThumb:hover a.active, .featuredLinks .featlink.hasThumb:hover a.flDirect { background-size: auto 110%; background-blend-mode: multiply; background-color: rgba(0,58,112,.4); background-repeat:no-repeat; transition: all ease .5s; } } .featuredLinks .flCounter { align-items: center; box-shadow: 0px 2px 8px 0px rgba(0, 58, 112, .5); border-radius: 50%; background: #6e7881; color: #FFFFFF; display: flex; height: 50px; justify-content: center; line-height: 0; padding: 1em; position: absolute; top: -20px; width: 50px; } @media (max-width: 992px){ .featuredLinks .featlink.hasThumb a, .featuredLinks .featlink.hasThumb a.active, .featuredLinks .featlink.hasThumb a.flDirect { background-size: cover; transition: all ease .5s; } .featuredLinks .featlink.hasThumb:hover a, .featuredLinks .featlink.hasThumb:hover a.active, .featuredLinks .featlink.hasThumb:hover a.flDirect { background-size: cover; transition: all ease .5s; } .featuredLinks.flCounter .featlink:not(.featuredLinks.flCounter:last-child):not(:has(.active)) {margin-bottom:1em; } .featuredLinks.flCounter .tab-content:has(.tab-pane.active) {margin-bottom:2em; } } /************************* Accordions ********************************/ .solAccordion {margin-bottom: 4em;} .solAccordion .accGroupIntro {display:flex;flex-direction:column;margin-top:2em;margin-bottom:2em;} .solAccordion .accGroupIntro.center {text-align: center; flex-direction: row; justify-content: center; align-items: center;} .solAccordion .accGroupText {font-size: 1.2em;} .solAccordion .accGroupHead {color: #003A70;font-family:abril-display,serif;font-size:4em;font-weight:800;} .solAccordion .accordion-header button {background: #FFFFFF;color: #003A70;font-size:.8em;font-weight:800;} .solAccordion .accSmallFont .accordion-header button {font-size:.6em;} .solAccordion .accordion-item {border:0;border-top-left-radius: .5em; border-top-right-radius: .5em;border-radius: .5em;box-shadow: 0px 2px 8px 0px rgba(0, 58, 112, 0.2);} .solAccordion .accordion-body{color: #555555;font-size: 1.2em;} @media ( max-width:767px){ .solAccordion .accGroupIntro, .solAccordion .accGroupIntro.center {flex-direction:column;} } /************************* Horizontal Accordions ********************/ .uberAccordion .waGroupHead {font-size: 4em;line-height:1;} .wuberaccords {align-items: stretch;display: flex;overflow: hidden;justify-content: start;margin-bottom:5px;width: 100%;height: 100vh;position: relative;height: 767px;} .wuberaccords_tab { display: flex;min-height: 100vh; justify-content: flex-start; align-items: stretch;} .wuberaccords_link {background-color: transparent; display: flex; flex-direction: column;height:100%; justify-content: center; flex: 0 0 auto;padding: 2em;position:absolute;transition: all 400ms ease;text-decoration:none;width: 100%;} .wuberaccords_link.active { border-right-color: #000; background-color: transparent;position:relative; height: auto;} .wuberaccords_content .wuberaccord_contain .wuberaccord_text,.wuberaccords_content.active .link-heading { display:none;} .wuberaccords_content.active .wuberaccord_contain .wuberaccord_text { display: block; font-size: 1.2em;} .wuberaccords_content.active .wuberaccord_contain {height:auto;transition:all ease .5s;} .wuberaccords_content { display: flex; flex: 0 auto;flex-direction: column; overflow: hidden; position: relative; transition: height 400ms ease, width 400ms ease; width: 30%; color: #FFFFFF; background-size: cover; background-position: center; background-blend-mode: color; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); background-blend-mode: normal;} .wuberaccords_content.active strong{color: #FFFFFF;} .wuberaccords_content.active:not(.uawhite) .text-inner a {color:#FFFFFF;} .wuberaccords_content:last-child{ align-items:end;} .wuberaccords_content.active { background-color: 0 !important; background-blend-mode: screen;width: 70%;} .wuberaccords_content.active::after { background-color: rgba(0,58,112,.8);background-blend-mode: luminosity; content:""; height: 100%; width: 100%; position:absolute; z-index:-1;} .wuberaccords_content .wuberaccord_wrap .wubtn {display:none !important;font-size: 1.2em;} .wuberaccords_content.active .wuberaccord_wrap .wubtn {display:flex !important;} .wuberaccords_content h2, .wuberaccords_content .link-heading{color: #FFFFFF;} @media(max-width:767px){ .wuberaccords_content h2{text-align:center;} } .wuberaccords_content h2.wuwhite, .wuberaccords_content .link-heading.wuwhite{color: #FFFFFF;text-shadow: 0px 2px 5px rgba(0,0,0, .3);} .wuberaccords_content h2.wublue, .wuberaccords_content .link-heading.wublue{color: #003A70;} .wuberaccords_content:not(.wuberaccords_content.active) .link-heading { margin-bottom:0;margin-top:auto; width: calc(100% - 20px);} .wuberaccords_content .link-heading{font-family:abril-display,serif;font-weight:800;font-size: 2.5em; text-align:center;} .wuberaccords_content:not(.wuberaccords_content.active) h2 {text-align:center;} .wuberaccords_content.active .wuberaccord_contain, .wuberaccord_btnwrap{width: 90%;} .wuberaccords_content .wuberaccord_contain {opacity:0;transition:all ease .1s;} .wuberaccords_content.active .wuberaccord_contain{;opacity: 1;transition: all ease 1s; transition-delay: .5s;} .wuberaccords_content .wuberaccord_btnwrap {opacity:0;transition:all ease 1s;transition-delay: .5s;} .wuberaccords_content.active .wuberaccord_btnwrap {opacity: 1;transition: all ease 1s; transition-delay: .5s;} .wuberaccord_btnwrap {display:flex;justify-content:end;} .wuberaccords_content:first-child {clip-path: polygon(0% 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);} .wuberaccords_content.threeCol:not(.wuberaccords_content:first-child):not(.wuberaccords_content:last-child) { clip-path: polygon(calc(0% + 100px) 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);} .wuberaccords_content:last-child {clip-path: polygon(calc(0% + 100px) 0%, 100% 0%, 100% 100%, 0% 100%);} .wuberaccords_content:not(.wuberaccords_content:first-child) {margin-left:-95px;width:calc(30% + 100px)} .wuberaccords_content.active:not(.wuberaccords_content:first-child) {align-items:end;margin-left:-95px;width:calc(70% + 100px);} .wuberaccords_content.active .wuberaccord_contain {padding: 2em;} .wuberaccord_wrap {align-items:center;display:flex;width: calc(100% - 50px);height: 100%;padding: 2em 2em 1em 2em;flex-direction: column;justify-content:end;} .wuberaccords_content.threeCol:not(.wuberaccords_content.active) .wuberaccord_wrap {align-items:end;width:100%;} .wuberaccords_content.threeCol:last-child:not(.wuberaccords_content.active) .wuberaccord_wrap .wuberaccords_link {width: calc(100% - 50px);} .wuberaccords_content.threeCol:not(.wuberaccords_content.active) .wuberaccord_wrap .wuberaccords_link {width: calc(100% - 20px);} .wuberaccords_content.active .wuberaccord_wrap{justify-content: center;} .wuberaccords_heading { margin-right: 0px; margin-left: 0px; font-size: 1.9em; font-weight: 700;font-family:abril-display,serif; color: #FFFFFF} .wuberaccord-icon:hover {background: #003A70; border: solid 2px #A3C8E3;transition: all ease .3s;} .wuberaccords_content.active .wuberaccord-icon {border: 0;background: transparent;} .wuberaccord-icon {align-items:center;background: #6e7881; border: solid 2px #A3C8E3;border-radius: 50%;display:flex;font-size: 2em;justify-content:center;margin:0 auto auto auto;width: 40px; height: 40px;padding: .8em;transition: all ease .3s;} .wuberaccords_content .wuberaccord-icon.bi:before {color:#FFFFFF;} .wuberaccords_content .wuberaccord-icon::before {content: "\F275"; transform: rotate(90deg);} .wuberaccords_content.active .wuberaccord-icon::before {content: " ";transform: rotate(90deg);} .wuberaccords_content.uaNoClip {clip-path:none;} /****************** wuberaccord white ****************/ .wuberaccords_content.uawhite.active button a {font-size: .9em;} .wuberaccords_content.uawhite.active::after {background-color: transparent; } .wuberaccords_content.uawhite.active .wuberaccord_contain {height:100%;} .wuberaccords_content.uawhite.active .wuberaccord_contain .wuberaccord_text {display:flex;height:calc(100% - 60px);align-items:end; } .wuberaccords_content.uawhite.active .wuberaccord_contain .wuberaccord_text .text-inner {background-color: #6e7881;border-radius: 4px;box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, .3);display:flex;flex-wrap:wrap;max-width:750px;padding: 2em;} .wuberaccords_content.uawhite.active .wuberaccord_contain .wuberaccord_text .text-inner h2,.wuberaccords_content.uawhite.active .wuberaccord_contain .wuberaccord_text .text-inner h3 {font-size: 2.5em;color:#FFF;} .wuberaccords_content.uawhite.active .wuberaccord_contain h2 { font-size:4em; } .wuberaccords_content.uawhite.active .wuberaccord_wrap {justify-content:end} /****************** wuberaccord tab content ****************/ .wuberitemtabs .wubertabcontainer {margin-top: 2em;} .wuberitemtabs .wuberaccord_wrap .nav-pills {width:100%;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem {background-repeat:no-repeat;border-radius: 4px;border: solid 1px #A3C8E3; position:relative; margin: 0 .5em;box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, 1); transition:all ease .3s;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem:has(button.active) {border: solid 1px #A3C8E3; border-radius: 4px;transform:scale(1.1);transition:all ease .3s;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem:hover {transform:scale(1.05);} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem::after { border-top: 0.9em solid; border-right: 0.9em solid transparent; border-bottom: 0; border-left: 0.9em solid transparent;color:transparent; content: ""; display: flex; width: 30px;height:30px; align-items: center;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem:has(button.active)::after { border-top: 1em solid; border-right: 1em solid transparent; border-bottom: 0; border-left: 1em solid transparent;color:#FFF; content: ""; display: flex; width: 30px;height:30px; align-items: center; } .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem button {align-items:end;background: transparent;color: #FFFFFF;font-family:abril-display,serif;font-size: 1.9em;font-weight: 900;height:100%;justify-content:center;width:100%;text-shadow: 0px 1px 3px #000;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem button:hover {background: transparent;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem::after{margin-bottom:-35px;} .wuberitemtabs .wuberaccord_wrap .tab-pane.wuberitemcont {background: #6e7881;border-radius: 4px;box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, 1); max-width: 800px;padding: 4em;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem {align-items:center;background-position:center;background-size: 100%; display:flex;flex-direction:column;height:150px;justify-content:end;margin-bottom: 25px; width: 250px;} /*.wuberitemtabs .wubertabcontainer {justify-content:space-between;}*/ .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem:not(:first-child){margin-left: 1em;} @media(max-width:1600px){ .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem {height:125px; width: 200px;} .wuberitemtabs.wuberaccords_content.active .wuberaccord_contain {padding: 0;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem::after { border-top: 1.2em solid; border-right: 1.2em solid transparent; border-left: 1.2em solid transparent;color:#6e7881; } } @media(max-width:1200px){ .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem {height:125px; width: 200px;} } @media(max-width:1150px){ .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem {height:100px; width: 175px;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem::after { border-top: 1.2em solid; border-right: 1.2em solid transparent; border-left: 1.2em solid transparent;color:#6e7881; } .wuberitemtabs .wubertabcontainer {justify-content:space-between;} } @media(max-width:767px){ .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem {height:100px;width:calc(33.33% - 1.5em);} .wuberitemtabs .wuberaccord_wrap .tab-pane.wuberitemcont span.wubtn a {justify-content:center;} .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem {background-size: auto 100%;} } @media(max-width:600px){ .wuberitemtabs .wuberaccord_wrap .nav-item.wuberitem {height:75px;} } /****************** end wuberaccord tab content ****************/ @media (max-width:1400px){ .wuberaccords_content.threeCol:not(.wuberaccords_content.active):last-child {width: calc(12% + 100px);} .wuberaccords_content.threeCol:not(.wuberaccords_content.active) {width: calc(18% + 100px);} .wuberaccords_content.threeCol:not(.wuberaccords_content.active) .wuberaccord_wrap {padding: .8em .2em .8em 2em;} } @media (max-width:1200px){ .wuberaccord_wrap:not(.wuberaccords_content.active .wuberaccord_wrap) {padding:1em;} .wuberaccords_link:not(.wuberaccords_content.active .wuberaccords_link) {position:relative;padding:0;} .wuberaccord_wrap { width: 100%;} .wuberaccords_content.active {width:calc(70% - 5px);} .wuberaccords_content.threeCol.active {width:calc(60% - 5px);} .wuberaccords_content:not(.wuberaccords_content:first-child) {width: 30%;} .wuberaccords_content:not(.wuberaccords_content.active) .wuberaccord_wrap {align-items:end;display:flex;justify-content:end; } .wuberaccords_content:not(.wuberaccords_content.active) .wuberaccord_wrap .link-heading {margin-top:auto; } .wuberaccords_content:not(.wuberaccords_content.active) .wuberaccords_link {height: 100%; width: 100%;justify-content:space-around;display:flex;} .wuberaccords_content:not(.wuberaccords_content.active) .wuberaccords_link .wuberaccord-icon {margin-top:0} .wuberaccords_content.active:not(.wuberaccords_content:first-child) {align-items: center; margin-left: auto; width: calc(70% - 5px);} .wuberaccords_content.threeCol.active:not(.wuberaccords_content:first-child) { align-items: end; margin-left: auto;width: 60%;} .wuberaccords_content.threeCol:not(.wuberaccords_content.active) .wuberaccord_wrap {align-items:center;padding: .8em;width:100%;} .wuberaccords_content.threeCol:not(.wuberaccords_content.active):last-child {width: 20%;} .wuberaccords_content.threeCol:not(.wuberaccords_content.active) {width: calc(20% - 5px);} .wuberaccords_content:first-child {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);} .wuberaccords_content.threeCol:not(.wuberaccords_content:first-child):not(.wuberaccords_content:last-child) {clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%); } .wuberaccords_content:last-child { clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);} .wuberaccords_content:not(.wuberaccords_content:first-child) { margin-left: auto;} } @media screen and (max-width: 992px) { .wuberaccords_content:first-child {margin-top:0;margin-bottom:.2em;} .wuberaccords_content:not(.wuberaccords_content:first-child ) {margin-top:.2em;margin-bottom:.2em;} .wuberaccords:has(.wuberaccords_content.active) {height:100%;} .wuberaccords_content .wuberaccord_contain {opacity:0;transition:all ease 1s;} .wuberaccords_content.active .wuberaccord_contain{opacity: 1;transition: all ease 1s; transition-delay: 0;} .wuberaccords_content .wuberaccord_btnwrap {flex-direction:column;opacity:0;transition:all ease 1s;transition-delay: 0;} .wuberaccords_content.active .wuberaccord_btnwrap {opacity: 1;transition: all ease 1s; transition-delay: 0;} .wuberaccord_btnwrap {width:auto;} .wuberaccords {flex-direction:column;} .wuberaccord_wrap {width:100%;} .wuberaccords_content:not(.wuberaccords_content.active) .wuberaccords_link {position:relative;} .wuberaccord_wrap {/* flex-direction:row; */} .wuberaccords_content:not(.wuberaccords_content.active) .wuberaccord_contain {display:flex;width: 100%;flex-direction:column;} .wuberaccords_content:not(.wuberaccords_content.active) .wuberaccord_contain h2{width:calc(100% + 60px);} .wuberaccords_content.active, .wuberaccord_content {height: auto;width: -webkit-fill-available;width: -moz-available;} .wuberaccords_content.threeCol.active {width:100%;} .wuberaccords_content:not(.wuberaccords_content.active),.wuberaccords_content.threeCol:not(.wuberaccords_content.active) { width: 100%;} .wuberaccords_content:not(.wuberaccords_content.active):last-child,.wuberaccords_content.threeCol:not(.wuberaccords_content.active):last-child {width: 100%;} .wuberaccords_content.active:not(.wuberaccords_content:first-child),.wuberaccords_content.threeCol.active:not(.wuberaccords_content:first-child) {width: 100%;} .wuberaccord-icon.bi:before {content: "\F279"; transform: rotate(0deg); } } /*********************** EVENTS LIST ********************************/ /**************** new calendar events 11-24 ***********************/ .weHeadingWrapper {display:flex;justify-content:center;padding-bottom: 20px;border-bottom: solid 3px #a2b2bc;} .weHeadingWrapper .weButtonWrapper {align-items:center;display:flex;} .weHeadingWrapper h2 {font-size:4em;margin-bottom:0;} @media(max-width:992px){.weHeadingWrapper{flex-direction:column;align-items:center;}} .eventsNewsFeed { width:100%;} .hh-events h2 {color: #003A70;text-align:center;} .eventsList .hh-events .events, .eventsGrid .hh-events .events {height: 380px;overflow: hidden;overflow-y: scroll;} .hh-events .events .loading-spinner {width: 100%;} /* eventsLeftSide*/ .eventsLeftSide {height:100%;width:100%;display:block; background-position: center ; background-repeat: no-repeat; background-size: 100% auto ; margin: 7em 0 7em 0;min-height: 600px;} .eventsLeftSide .eventsWrapper {width:100%;} .eventsLeftSide:has(.events .event){display:flex;} .eventsLeftSide .hh-events .events:has(.loading-spinner), .eventsLeftSide .hh-events .events:has(.noEventsMessage) {display:block;max-width: none;width:100%; margin:auto;} .eventsLeftSide .hh-events .events {display:flex;flex-wrap:wrap;max-width: 50%; margin-left:7%;} @media (max-width:767px){.eventsLeftSide .hh-events .events {max-width: 100%;}} .eventsLeftSide .hh-events .events .event {align-items:center;display:flex;list-style:none;direction:ltr;margin: .5em 0 .5em 0;transition:all ease .5s;text-align:left;transform:scale(.98);transition:all ease .5s; width: 50%;} .eventsLeftSide .hh-events .events .event:hover {transform:scale(1);} .eventsLeftSide .hh-events .events .event-image {display:none;} .eventsLeftSide .hh-events .events .event .title {color:#FFF;font-size: 1em;} .eventsLeftSide .hh-events .events .event a {order:1;} .eventsLeftSide .hh-events .events .event .details {order:0;} .eventsLeftSide .hh-events .event .details {align-items:center;background: #FFFFFF; border-radius:50%;border:solid 2px #A3C8E3;box-shadow: 2px 4px 5px 0px rgba(0, 58, 112, 0.4);color: #003A70;display:flex;flex-direction:column;font-family:abril-display,serif;font-size: 1.5em;font-weight:800; height: 100px;justify-content:center;margin:0;padding: 30px;width:100px;z-index:10; } .eventsLeftSide .hh-events .event .details:not(.tooltip):not(.tooltip-arrow):not(.tooltip-inner) .date {display:flex; flex-direction:column;} .eventsLeftSide .hh-events .event .details .date {padding:0!important;margin:0!important;} .eventsLeftSide .hh-events .event .details .date:before {align-items:center;display:none;justify-content:center;} .eventsLeftSide .hh-events .event .details .month {align-items:center;display:flex;font-size: .8em;font-weight: bold;line-height:1.2;justify-content:center;} .eventsLeftSide .hh-events .event .details .day {align-items:center;display:flex;font-size: 1.5em;line-height:1.2;justify-content:center;font-weight: bold;} .eventsLeftSide .hh-events .event .details .time,.eventsLeftSide .hh-events .event .details .featured {display:none !important;} .eventsLeftSide a:not(.weBtnLink) {background-image: linear-gradient(to right, rgba(0,58,112, .7), rgba(0,58,112,.95));border-top-left-radius: 20px;border-bottom-left-radius:20px;border-top-right-radius: 10px;border-bottom-right-radius:10px;box-shadow: 2px 4px 5px 0px rgba(0, 58, 112, 0.4);color: #FFFFFF;display:flex;flex-direction:column;font-size:1.15em;width: 450px;height: 100px;margin: auto .5em auto -50px;padding: 0 .5em 0 65px;justify-content: center;} .eventsLeftSide .hh-events .event a:hover .title {color: #FFF;} @media(max-width:1200px){ .eventsLeftSide .hh-events .events{max-height:400px;overflow:hidden;overflow-y: scroll;margin-left: 0;} .eventsLeftSide .hh-events .events .event {width:100%;} .eventsLeftSide .hh-events .events .event:not(:nth-last-child(-n+2)) {padding-bottom: 0;} } /* eventsFullWidth*/ .eventsFullWidth {height:100%;width:100%;display:flex; background-position: center ; background-repeat: no-repeat; background-size: 100% auto ; margin: 7em 0 7em 0;min-height: 600px;} .eventsFullWidth.noEventBG {min-height: 0;} .eventsFullWidth .eventsWrapper {width:100%;} .eventsFullWidth .hh-events .events {display:flex; flex-wrap:wrap;justify-content: center;} .eventsFullWidth:has(.hh-events .events .loading-spinner), .eventsFullWidth:has(.hh-events .events .noEventsMessage) {display:block;} .eventsFullWidth .hh-events .events .event {align-items:center;display:flex;list-style:none;direction:ltr;margin: .5em 0 .5em 0;transition:all ease .5s;text-align:left;transform:scale(.98);transition:all ease .5s;} .eventsFullWidth .hh-events .events .event:hover {transform:scale(1);} .eventsFullWidth .hh-events .events .event-image {display:none;} .eventsFullWidth .hh-events .events .event .title {color:#FFF;font-size: 1em;} .eventsFullWidth .hh-events .events .event a {order:1;} .eventsFullWidth .hh-events .events .event .details {order:0;} .eventsFullWidth .hh-events .event .details {align-items:center;background: #FFFFFF; border-radius:50%;border:solid 2px #A3C8E3;box-shadow: 2px 4px 5px 0px rgba(0, 58, 112, 0.4);color: #003A70;display:flex;flex-direction:column;font-family:abril-display,serif;font-size: 1.5em;font-weight:800; height: 100px;justify-content:center;margin:0;padding: 30px;width:100px;z-index:10; } .eventsFullWidth .hh-events .event .details:not(.tooltip):not(.tooltip-arrow):not(.tooltip-inner) .date {display:flex; flex-direction:column;} .eventsFullWidth .hh-events .event .details .featured, .eventsFullWidth .hh-events .event .details .recurrence {display:none !important;} .eventsFullWidth .hh-events .event .details .date {padding:0!important;margin:0!important;} .eventsFullWidth .hh-events .event .details .date:before {align-items:center;display:none;justify-content:center;} .eventsFullWidth .hh-events .event .details .month {align-items:center;display:flex;font-size: .8em;font-weight: bold;line-height:1.2;justify-content:center;} .eventsFullWidth .hh-events .event .details .day {align-items:center;display:flex;font-size: 1.5em;line-height:1.2;justify-content:center;font-weight: bold;} .eventsFullWidth .hh-events .event .details .time {display:none !important;} .eventsFullWidth a {background-image: linear-gradient(to right, rgba(0,58,112, .7), rgba(0,58,112,.95));border-top-left-radius: 20px;border-bottom-left-radius:20px;border-top-right-radius: 10px;border-bottom-right-radius:10px;box-shadow: 2px 4px 5px 0px rgba(0, 58, 112, 0.4);color: #FFFFFF;display:flex;flex-direction:column;font-size:1.15em;width: 450px;height: 100px;margin: auto .5em auto -50px;padding: 0 .5em 0 65px;justify-content: center;} .eventsFullWidth .hh-events .event a:hover .title {color: #FFF;} /* eventsList */ .eventsList,.eventsGrid {background: #F5F8F9;margin-bottom: 2em;padding-bottom: 25px;} .eventsList .hh-events .events .event .event-image {background-image: none !important;display:none;height:auto;} .eventsList .hh-events .events .event {display:flex;margin-bottom:10px;width:50%;align-items: center;} .eventsList .hh-events .events .event .details {align-items:center;background: #a3c8e3;color: #003A70;display:flex;font-weight:bold;height: 100px;justify-content:center;order:0;width: 100px;margin: 0;flex-direction: column;} .eventsList .hh-events .events .event .details .date {margin:0;display: flex;font-weight:bold;flex-direction: column;font-size:1.5em;padding:0;text-align:center; } .eventsList .hh-events .events .event .details .day {font-size: 1.5em; } .eventsList .hh-events .events .event .details .date:before {display:none; } .eventsList .hh-events .events .event .details .time, .eventsList .hh-events .events .event .details .featured,.eventsList .hh-events .events .event .details .recurrence {display:none} .eventsList .hh-events .events .event>a {order:1;width: calc(100% - 100px);padding: 0 5px 0 5px;display: flex;margin: 0;flex-direction: column;} .eventsList .hh-events.hh-events-block .event .title {margin: 0;padding: 0;text-align: left;} .eventsList .hh-events.hh-events-block .event .time {font-size:.9em;} @media (max-width:1400px){ .eventsList.twoCol .hh-events .events .event {display:flex;width:100%;} } @media (max-width:992px){ .eventsList .hh-events .events .event {display:flex;width:100%;} } /**** Events Slider **** */ .eventsRow {margin-top:4em;} .eventsRow .wrap { position: relative; /*width: 1600px;*/ /*height: 300px;*/ margin: 0 auto; } .eventsRow .event {border-radius: 10px; box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25);transform:scale(.9);transition: all ease .5s;} .eventsRow .event:hover {border-radius: 10px; box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.25);transform:scale(.95);transition: all ease .5s;} .eventsRow .window { overflow: hidden; position: relative; /*background: #222;*/} .eventsRow #carousel{ width: 100%; position: relative; top: 0; left: 0;} .eventsRow #carousel:has(.slide) { width: 10000px; position: relative; top: 0; left: 50px;} .eventsRow .slide { height: 300px; width: 500px; cursor: pointer; float: left; display: flex; flex-direction: column; justify-content: center;} .eventsRow .eventSliderNav { cursor: pointer; position: absolute; /*bottom: -40px;*/ font-size: 14pt;} .eventsRow .eventSliderNav:hover {background: rgba(255,255,255, 1);} .eventsRow .eventSliderNav { align-items:center;background: rgba(255,255,255, .8);display:flex; height:100% ;padding: 0 5px 0 5px;top:0;transition: all ease .5s;} .eventsRow .eventSliderNav {display:none;} .eventsRow:has(.events .event) .eventSliderNav {display:flex;} .eventsRow #prev { left: 0 ;} .eventsRow #next { right: 0 ;} .eventsRow .eventNavText {background: #003A70;border-radius: 50%;color: #FFF; display:flex; align-items:center; justify-content:center; font-size: .7em; height:50px;transition: all ease .5s;width: 50px;} .eventsRow .eventNavText:hover { background: #A3C8E3;color: #003A70; transition: all ease .5s;} .eventsRow .transition { transition: .7s;} .eventsRow .hh-events .events .event .title {font-size: 1.5em;} .eventsRow .hh-events .events .event-image .overlayDate {align-items:center;background: rgba(0,0,0, .5);border-bottom-right-radius:10px;color:#FFFFFF;display:flex;font-weight:bold;font-family:abril-display, serif;flex-direction:column;font-size:1.5em;height:80px;justify-content:center;padding:10px;transition:all ease .5s;width:80px;} .eventsRow .hh-events .events .event a {color:#003A70;} .eventsRow .hh-events .events .event:hover a,.eventsRow .hh-events .events .event:hover .title {color:#003A70;} .eventsRow .hh-events a .date-img .day,.eventsRow .hh-events a .date-img .month {font-family:abril-display,serif;font-weight:bold;} .eventsRow .hh-events a .date-img .day {color:#6e7881;font-family:abril-display,serif;font-weight:bold;} .eventsRow .hh-events a .date-img .month {background:#003A70;} @media(max-width:767px){ .eventsRow #carousel:has(.slide) { left:0px;} .eventsRow .eventSliderNav { background: rgba(255,255,255, 0);} .eventsRow .eventSliderNav:hover { background: rgba(255,255,255, 0);} .eventsRow .event {border-radius: 10px;box-shadow: none;transform:scale(1);transition: all ease .5s;padding-bottom:0 !important;left: 10px;position: relative;} .eventsRow .event:hover {border-radius: 10px; box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.25);transform:scale(1);transition: all ease .5s;} } /**************** end new calendar events 11-24 ***********************/ /**************************** WU Gallery *****************************/ .nGY2 .nGY2GThumbnail {background: transparent !important;} .nGY2Viewer .description.nGEvent strong{color: #FFF;} .wuGallery>.row, .wuGallery>.row>div {padding: 0 !important;--bs-gutter-x: 0;--bs-gutter-y: 0;margin: 0 !important;} .wuGallery .nGY2GallerySub {max-width:100%;margin:0;} .wuGallery .wuGalleryIntroWrapper {display:flex;flex-direction:column;margin-bottom: 2em;} .wuGallery .wuGalleryIntroWrapper.wuAlignCenter {justify-content:center; align-items:center;} .wuGallery .wuGalleryIntroWrapper.wuAlignCenter .wuGalleryIntroText {text-align:center;} .wuGallery .wuGalleryIntroWrapper .wuGalleryHeading {font-size:3em;} .wuGallery .wuGalleryIntroWrapper .wuGalleryIntroText {font-size:1.2em;} .wuGallery .wuGalleryOverlay {background-image:linear-gradient(to top , rgba(0, 58, 112, .8) , rgba(0,58,112,.95) 20%);box-shadow: 0px 4px 8px 0px rgba(0, 58, 112, 0.4);display:flex;flex-direction:column;min-height: 50%;position:absolute;width:50%;z-index:100;} .wuGallery .wgOverlayText {color: #FFFFFF; font-size: 1.2em;margin: 0 1em .3em 1em;position:relative; } .wuGallery .wgOverlayHeading {border-bottom: solid 2px #A3C8E3; color: #FFFFFF; margin:.8em auto .5em auto; text-align:center;position:relative;width:calc(100% - 40px);} .wuGallery .wgButtonWrapper {display:flex;flex-direction:row;justify-content:end;padding: 0 1em ; } .SOL .nGY2PopupTitle::before{content:"Share to:";visibility:visible;width:200px !important;display:flex;text-align:center;margin:auto;justify-content:center;} .SOL .nGY2PopupTitle{visibility:hidden; margin:auto;} @media ( min-width: 1900px){ .wuGallery .wuGalleryOverlay {min-height: 50%;transform: translate(5%, 70%);} .wuGallery .right .wuGalleryOverlay {min-height: 50%;transform: translate(95%, 70%);} } @media ( min-width: 1600px) and (max-width: 1899px){ .wuGallery .wuGalleryOverlay {min-height: 50%;transform: translate(5%, 50%);} .wuGallery .right .wuGalleryOverlay {min-height: 50%;transform: translate(95%, 50%);} } @media ( min-width: 1300px) and (max-width: 1599px){ .wuGallery .wuGalleryOverlay {min-height: 40%;transform: translate(5%, 40%);} .wuGallery .right .wuGalleryOverlay {min-height: 50%;transform: translate(95%, 50%);} } @media ( min-width: 1065px) and (max-width: 1299px){ .wuGallery .wuGalleryOverlay {min-height: 25%;transform: translate(5%, 20%);} .wuGallery .right .wuGalleryOverlay {min-height: 25%;transform: translate(95%, 20%);} } @media ( min-width: 993px) and (max-width: 1064px){ .wuGallery .wuGalleryOverlay {min-height: 30%;transform: translate(5%, 20%);} .wuGallery .right .wuGalleryOverlay {min-height: 30%;transform: translate(95%, 20%);} .wuGallery .wuGalleryOverlay, .wuGallery .right .wuGalleryOverlay {max-height:650px !important;} } @media ( max-width: 992px){ .wuGallery:has(.wuGalleryOverlay){margin-bottom: 4em;} .wuGallery .wuGalleryOverlay {min-height: 30%;transform: translate(5%, 10%);width:75%;} .wuGallery .right .wuGalleryOverlay {min-height: 30%;transform: translate(5%, 10%);width:75%;} } @media (max-width: 767px){ .wuGallery .wuGalleryOverlay {display:flex;position: relative;transform: none;width:100%;margin:auto;min-height: 0;} .wuGallery .right .wuGalleryOverlay {width:100%;} } /**************************** Contact ********************************/ #solContact {background-image: linear-gradient(to bottom, #FFFFFF 45%, rgba(248, 248, 255) 45%, #FFFFFF);margin-top: 4em;} .solContact .contactHeading {font-size: 2em;text-align:center;margin-bottom: .5em;} .solContact {display:flex; flex-direction:column;} @media (max-width:767px){ #solContact .contactItem {flex-direction:column;} #solContact .contactSubItem {margin: 1em auto;} #solContact {background-image: linear-gradient(to bottom, #FFFFFF 30%, rgba(248, 248, 255) 30%, #FFFFFF);} } .solContact .contactItem { display:flex; flex-direction:row;justify-content:space-evenly;} .solContact .contactSubItem {color: #003A70;font-size: 1.2em;text-align:center;} .solContact .contactSubItem .subItemInner:not(:has(.social)) {display:flex;flex-direction:column;} .solContact .contactSubItem .subItemIcon {color: #A3C8E3; font-size: 2em;} .solContact .contactSubItem .social {max-width:40px;transition:all ease .3s;} .solContact .contactSubItem .social:hover {transform: scale(1.2); transition:all ease .3s;)} .solContact .contactSubItem img.contactImage {max-width: 200px;transition:all ease .3s;} .solContact .contactSubItem img.contactImage:hover {transform: scale(1.1);transition:all ease .3s;} #solContact .contactItem .subItemIcon i::before {transition:all ease .5s;} #solContact .contactItem .subItemIcon:hover i::before {transform:scale(1.1);transition:all ease .5s;} /**************************** Faculty Profile ********************************/ .facultyBio .contactInfoContainer {background: #003A70;display:flex;width:100%;padding: 3em 0;} .facultyBio .contactInfoWrapper {color: #FFFFFF;display:flex;font-size: 1.2em;letter-spacing: 1.5;} .facultyBio .contactInfoWrapper h2{color:#FFFFFF;} .facultyProfile .customTabWrapper {margin: 4em auto auto auto; } .facultyProfile .quoteWrapper {display:flex;flex-direction:column;align-items:center;justify-content:center;margin: 5em auto 3em auto;position:relative;text-align:center;} .facultyProfile .quoteWrapper .quote {display:flex;flex-direction: column;font-size: 1.2em;justify-content:center; position:relative;} .facultyProfile .quoteWrapper .introBrand{background: url(https://law-dev.nix.washburn.edu/_files/images/template/sol-balance-brand-marker-grey.png);background-position: center;background-repeat:no-repeat;height: 60px;display:flex;margin-top: 16px;width:100%;} .facultyBio .facstaffInfoWrapper {padding: 30px;width:100%;} .facultyBio .contactWrapper {display:flex;justify-content:space-between;} .facultyBio .contactInfoWrapper .title {padding: 0 0 15px 0;} .facultyBio .contactWrapper>span { border-left: solid 1px #FFF; display:flex; flex-direction:column; padding: 15px 0 10px 10px;} .facultyBio .contactWrapper>span a {color: #FFFFFF;} .facultyBio .contactWrapper .roomHeading, .facultyBio .contactWrapper .phoneHeading,.facultyBio .contactWrapper .emailHeading {color: #FFFFFF;font-weight:bold;} .facultyProfile .bannerExtras {display:flex;justify-content:space-around;margin: 4em auto auto auto;} @media(max-width:1200px){ .facultyBio .contactWrapper {flex-direction:column;} .facultyBio .contactWrapper>span {border:0;} } @media(max-width:992px){ .facultyBio .profilePicture {display:flex;align-items:center;max-width:100%;overflow:hidden;} .facultyBio .profilePicture img{height:100%; width:auto;transform:translateX(-25%)} } @media(max-width:767px){ .facultyBio .contactInfoWrapper {flex-direction:column;} } /**************************** Library search ********************************/ .library-search {background-color: #6e7881;border-radius: 7px;padding: 2em 2em 3em 2em;} .library-search h2 {color: #fff !important;} .library-search p {color: #fff;} .library-search input[type="text"]{width: 85%} .library-search input[type="submit"]{background-color: #003a70;border:solid 2px #003a70;color: #FFFFFF;} /**************************** Side Tabs ********************************/ .wutabs-left {margin-bottom: 4em;} .wutabs-left > div {flex-direction:column;} .wutabs-left .wutabs-btn-container {flex-direction:column;margin: 0 0 0 0;} .wutabs-left .wutabs-btn-container button {background: #FFF;background-image: linear-gradient(to right, rgb(246 245 245), rgb(227, 227, 227, .2));border-radius:0;color: #003A70;text-align:start;} .wutabs-left .wutabs-btn-container button.first {border-top-left-radius: 7px;} .wutabs-left .wutabs-btn-container button.last {border-bottom-left-radius: 7px;} .wutabs-left .wutabs-btn-container button:not(.last ){border-bottom: solid 1px #e3e3e3;} .wutabs-left .wutabs-btn-container button.active {background: #e3e3e3;background-image: linear-gradient(to right, rgb(110 120 129), rgb(227, 227, 227)); color: #FFF;} .wutabs-left .wutabs-btn-container button:hover {background: #e3e3e3;color: #003A70;} .wutabs-left .tab-content > div {background: #6e7881;border-top-right-radius:7px;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;color: #FFF;padding:2em; } .wutabs-left .tab-content > div a,.wutabs-left .tab-content > div h2 {color: #FFF;} .wutabs-left .tab-content > div button[type=submit] {border-top-right-radius: 4px;border-bottom-right-radius: 4px;border:0;padding: .3em .7em;color: #FFF;background: #003A70; } .wutabs-left .tab-content > div button[type=submit]:hover {text-decoration:underline;} .wutabs-left .tab-content > div a.adv-link {margin: 5px 15px;padding: .2em .5em; border:solid 1px #A3C8E3;border-radius: 25px;text-decoration:none;} .wutabs-left .tab-content > div a.adv-link:hover {background: #003A70; text-decoration:underline;} .wutabs-left .tab-content{flex:1} .wutabs-left .tab-content .statlinks {display:flex; } .wutabs-left .tab-content .statlinks a {display:flex; background: #A3C8E3;color: #003A70;padding: .2em .5em ; border-radius: 4px;justify-content:space-between;text-decoration:none;} .wutabs-left .tab-content .statlinks a {margin-right: 10px;} .wutabs-left .tab-content .statlinks a:hover {text-decoration:underline;} .wutabs-left input{border-radius: 4px;border-top:solid 4px #98bdd9;border-left:solid 4px #98bdd9;border-bottom:solid 4px #A3C8E3;border-right:solid 4px #A3C8E3; width: calc(100% - 253px);} @media(max-width:767px){ .wutabs-left > div > div {display:flex;flex-direction:column;} .wutabs-left .wutabs-btn-container, .wutabs-left .tab-content {width:100%} .wutabs-left .wutabs-btn-container button.first {border-top-left-radius: 7px;border-top-right-radius: 7px;} .wutabs-left .wutabs-btn-container button.last {border-bottom-left-radius: 0px;} .wutabs-left .tab-content > div {border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;border-top-right-radius: 0;} .wutabs-left .tab-content > div a.adv-link {display:flex;margin: 10px 0 0 0;justify-content: center;} .wutabs-left .tab-content .statlinks{flex-direction:column;} .wutabs-left .tab-content .statlinks a {display:flex; width:100%;padding: .2em .5em ; border-radius: 4px;margin: 10px 0 0 0;} .wutabs-left input{width:calc(100% - 65px);} .wutabs-left .tab-content > div button[type=submit] {padding: .4em .7em; } } /**************************** Admissions toolkit ********************************/ .toolKitLinks button {color:#FFFFFF;padding: .4em;} .toolKitLinks button.active {background: #003A70;} /**************************** Announcements ********************************/ .announcements {margin: 4em auto 4em auto;} .antsmtsGroupIntro {margin-bottom: 2em;} .announcements .multiCol {display:flex; flex-direction:row;} .announcements .multiCol {flex-wrap:wrap;} .announcements .multiCol .antsmtsGroupIntro {width:100%; } .announcements .multiCol .announcement {display:flex; flex:1;flex-direction:column;align-items:center;min-width:25%;} .antsmtsGroupIntro.antsmtsGroupCenter {align-items:center;display:flex;width:100%;flex-direction:column; } .announcements .antsmtsGroupIntro h2 {font-size:4em;} .announcements .announcement h3 {font-size:2.5em;} .antsmtsIntroText {font-size: 1.2em;} .announcement {margin-bottom: 4em;} .announcements .xhtmlRBStatic .antsmtsGroupIntro .antsmtsText {font-size:1.2em;} /**************************** Announcements Archive ********************************/ .blogArchiveMenu .blogArchiveInner {display:flex;flex-wrap:wrap;justify-content:center;} .blogArchiveMenu .solArchHeading {font-weight:bold;justify-content:center;display:flex;width:100%;border-bottom: solid 2px #d3dadd;} .blogArchiveMenu .solArchCol {font-weight:bold;/* flex-direction: row; */display: flex;flex-wrap: wrap;justify-content: center;} .blogArchiveMenu .solArchColHeading {display:flex;justify-content:center;width: 100%;} .blogArchiveMenu .solArchItem {font-weight:normal;max-width:200px;display: flex;justify-content:center;margin: 0 7px;} /**************************** Footer ********************************/ footer {background-image: linear-gradient(to top, rgb(6, 32, 73) 20%, rgb(0, 58, 112) 20%, #FFFFFF 60%);color: #A3C8E3;position: relative;display: flex;flex-direction: column;margin-top: 7em;align-items: end;justify-content: end;} .footerWrapper .footerLink {color: #A3C8E3;} .footerWrapper {background: #062049;display:flex;flex-direction:column;margin: -90px 0 0 0;position: relative;width: 100%;z-index: 10;} /*-------------------firefox and safari fix for no parralax on scroll-------------------------*/ @-moz-document url-prefix() { .footerWrapper {margin: 0;} } /* Safari 11+ */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { .footerWrapper {margin:0;} }} /* Test website on real Safari 11+ */ /* Safari 10.1 */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) { .footerWrapper {margin:0;} }} .footerWrapper .ftLogoWrapper {display:flex;justify-content:space-around;/* position: absolute; */} .footerWrapper .ftLogoWrapper .ftlogo {padding: 2em;} .footerWrapper .ftAddressWrapper {display:flex;justify-content:center;padding: 2em;text-align: center;} .footerWrapper .ftDisclaimerWrapper {display:flex; flex-direction:row; justify-content:space-evenly;} .ftParaWrapper {display:flex;position: relative;/* min-height: 1100px; */width: 100%;justify-content: end;/* align-items: end; */flex-direction: column;/* height: 100%; */align-items: end;} .ftpara {position: relative;display: block;min-width: 100%;height: 100%;} .ftpara.middle {margin: 0;/*bottom: -120px;*/position: absolute;} .ftpara.back {margin: 0 0 0 0;/*bottom: 100px;*/position: absolute;} .ftpara.front {margin: 0 0 0 0;/*bottom: 100px;*/position: absolute;} .ftpara.base {position:relative;} .footerWrapper .ftDisclaimerWrapper .accordion-button {background:transparent;color: #A3C8E3;text-align:center;box-shadow:none;} .footerWrapper .ftDisclaimerWrapper .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A3C8E3'%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");} #nonDisc.collapse:not(.show), #nonDisc.collapsing:not(.show) {display:block !important; height:0; transition:all ease .5s;} #nonDisc.collapse.show, #nonDisc.collapsing {height: auto; transition:all ease .5s;} .nonDisc {margin-bottom: 20px;position:relative;} .nonDisc.accordion:not(#accordnondisc) {background : rgb(6, 32, 73); display:flex; flex:0 0 100%;} .nonDisc.accordion .collapse>span {display:none;} .nonDisc.accordion .collapse.show>span {display:inline;} .ftDisclaimerWrapper {flex-wrap:wrap;} .ftDisclaimerWrapper .ftsublogo img{max-width: 150px;} .ftDisclaimerWrapper .consumerInfo {padding: 1em;text-align:center;} @media ( max-width:1200px){ .ftDisclaimerWrapper .ftsublogo img {max-width: 100px;} } @media ( max-width:767px){ .ftDisclaimerWrapper .ftsublogo img {max-width: 100px;} .footerWrapper .ftLogoWrapper {flex-direction:column;text-align:center;} .footerWrapper {margin: -30px 0 0 0;} .ftLogoWrapper .ftlogo:nth-child(1){order:1} .ftLogoWrapper .ftlogo:nth-child(2){order:0} .ftLogoWrapper .ftlogo:nth-child(3){order:2} } @keyframes parallax-back-anim { from { transform: translateY(-10%); } to { transform: translateY(0px); } } @keyframes parallax-middle-anim { from { transform: translateY(20%); } to { transform: translateY(-10%); } } @keyframes parallax-front-anim { from { transform: translateY(30%); } to { transform: translateY(-20%); } } .ftpara.back { animation: parallax-back-anim linear; animation-timeline: scroll();} .ftpara.middle { animation: parallax-middle-anim linear; animation-timeline: scroll();} .ftpara.front { animation: parallax-front-anim linear; animation-timeline: scroll();} /************************* Tab Anchor scrolling ********************************/ /********************* screenreader visibility **********************/ .screen-reader-text {border: 0; clip: rect(0, 0, 0, 0); height: 1px;margin: -1px; overflow: hidden; padding: 0;position: absolute; white-space: nowrap; width: 1px;} /********************* for print **********************/ @media print { nav.navbar {display:none;} .header {display:none;} footer {display:none;} .introTextWrapper {margin:0 !important;} .itWrapper, .introTextWrapper.wublue h2, .introTextWrapper.wublue .introText a {color:#003a70;} .tab-pane.container {background:#f5f5f7;display:block;margin-bottom:10px;opacity:1;} .tab-content .container:not(.active) {display: block; background: #f5f5f7; padding: 1.5em; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} }