:root {
--uofuRed: #be0000;
--templateRed: #be0000;
--adaRed: #890000;
--templateDarkRed: #890000;
} .uu-skip-link {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
top: -10px;
transition: top .3s ease;
}
.uu-skip-link:hover, .uu-skip-link:active, .uu-skip-link:focus {
background-color: #000;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgb(0 0 0 / 60%);
clip: auto !important;
color: #fff;
display: block;
font-size: 16px;
font-weight: bold;
height: auto;
left: 15%;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: underline;
top: 4px;
width: auto;
z-index: 100000;
outline: 2px dotted #fff;
position: fixed;
}
.uu-header a, .uu-header button {
color: #fff !important;
text-decoration: none;
}
.uu-header a:focus,
.uu-header button:focus {
outline: 2px dotted #fff;
outline-offset: 2px;
}
.uu-search .uu-search-form {
flex-flow: row nowrap !important;
}
.uu-search-form::before {
position: relative;
content: "";
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/magnifying-glass.svg);
display: block;
background-size: contain;
background-repeat: no-repeat;
height: 2rem;
width: 2.75rem;
top: 0.75rem;
left: -0.5rem;
}
.uu-search-toggle {
margin-left: 0;
}
@media (min-width: 600px) {
.uu-search-toggle {
margin-left: auto;
}
}
.uu-switch-label {
background-color: rgba(0,0,0,0) !important;
color: rgb(255,255,255) !important;
}
.uu-page-container:after {
height: 100vh;
position: fixed;
z-index: 205;
}
.uu-search__trigger {
color: #fff;
height: 74px;
background-color: transparent;
border: 0px;
border-radius: 0px;
padding: 15px 20px;
transition: all .3s ease-in-out;
}
.uu-search__trigger span {
font-size: 1.5rem;
font-weight: 400;
color: #fff;
}
.uu-search__trigger .fa-search {
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/magnifying-glass.svg);
display: block;
background-size: contain;
background-repeat: no-repeat;
height: 24px;
width: 24px;
}
.uu-search__trigger .fa-search::before {
content: "";
}
.search-active .uu-search__trigger,
.uu-search__trigger.search-open,
.uu-search__trigger:hover,
.uu-search__trigger:focus {
cursor: pointer;
background-color: var(--uofuRed);
}
.uu-nav__trigger {
border: none;
color: #fff;
background-color: transparent;
cursor: pointer;
flex: 0 0 70px;
font-size: 0;
display: block;
margin: 0;
padding: 0 0 3px 0;
position: relative;
width: 50px;
height: 74px;
transition: all .3s ease-in-out;
z-index: 20;
}
.uu-nav__trigger:hover, 
.uu-nav__trigger:focus, 
.uu-nav__trigger[aria-expanded="true"],
.uu-nav__trigger.subnav-open{
background-color: var(--uofuRed);
}
.uu-nav__trigger * {
pointer-events: none;
}
.uu-nav__trigger span {
display: block;
position: absolute;
height: 2px;
background: #fff;
transition: background 0s .3s;
text-transform: uppercase;
color: transparent;
text-indent: -100px;
line-height: 0.2;
font-size: 16px;
left: 15px;
right: 15px;
}
.uu-nav__trigger span:before,
.uu-nav__trigger span:after {
transition-duration: .3s,.3s;
transition-delay: .3s,0s;
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
content: "";
}
.uu-nav__trigger span:before {
transition-property: top, transform;
top: 10px;
}
.uu-nav__trigger span::after {
transition-property: bottom, transform;
bottom: 10px;
}
.uu-nav__trigger span.sr-only {
background-color: #000;
}
.uu-nav__trigger[aria-expanded="true"] span {
background: none !important;
}
.uu-nav__trigger[aria-expanded="true"] span:before {
top: 0 !important;
transform: rotate(45deg) !important;
}
.uu-nav__trigger[aria-expanded="true"] span:after {
bottom: 0 !important;
transform: rotate(-45deg) !important;
}
.uu-nav__trigger[aria-expanded="true"] span:before,
.uu-nav__trigger[aria-expanded="true"] span:after {
transition-delay: 0s,.3s;
}
.uu-sidenav .uu-sidenav-menu-block .uu-sidenav-menu-title {
font-family: "Montserrat",sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 16px;
margin: 0px;
color: #fff !important;
text-transform: uppercase;
}
.uu-sidenav .uu-sidenav-menu-block .sidenav-menu li.menu-item-has-children svg {display: none;}
.uu-sidenav .uu-sidenav-menu-block .sidenav-menu li.menu-item-has-children::after{
font-family: none !important;
position: absolute !important;
right: 11px !important;
content: "" !important;
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/angle-down.svg) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
display: block !important;
top: 11px !important;
height: 13px !important;
width: 13px !important;
-webkit-transition:all,.3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.uu-sidenav .uu-sidenav-menu-block .sidenav-menu li.menu-item-has-children.nav-open::after{
transform:rotate(180deg) !important;
}
.uu-sidenav .uu-sidenav-menu-block .sidenav-menu li a span {
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out !important;
}
.uu-page-container::after {
position: fixed !important;
z-index: 990 !important;
}
.uu-page-container.sidenav-open::after {
pointer-events: auto !important;
}
.back-to-top-btn {
height: 24px;
width: 20px;
}
.back-to-top-btn.active {
z-index: 99999999;
}
.back-to-top-btn:after {
position: absolute !important;
right: 13px;
content: "" !important;
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/arrow-up.svg);
background-size: contain !important;
background-repeat: no-repeat !important;
display: block !important;
top: 13px;
height: 30px !important;
width: 23px !important;
}
body, h1, h2, h3, h4, h5, h6 {
color: #262020 !important;
}
article header.entry-header {
margin: 60px 0 20px;
}
main ul {
margin-left: 30px;
}
ul li, ol li {
line-height: 1.5em;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0;
}
.wp-block-embed__wrapper {
margin: 40px 0;
}
.uu-bottom-header .uu-header-title a:hover {
opacity: 0.8;
text-decoration: none;
}
.uu-bottom-header .uu-header-title a {
color: inherit;
}
article a,
p a {
color: var(--adaRed);
text-decoration: underline;
font-style: italic;
}
article a:focus,
p a:focus {
outline: 2px dotted var(--templateRed);
outline-offset: 2px;
}
.uu-top-footer-title {
margin-top: 30px;
margin-bottom: 0px;
color: #fff !important;
font-family: "Montserrat",sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.uu-footer-dept-name {
color: #fff !important;
}
.uu-top-footer .uu-top-footer-container ul li h3 a:hover {
text-decoration: underline;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links ul li a,
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links p,
.uu-bottom-header .uu-header-title h1 span,
.uu-bottom-header .uu-header-title span a {
color: #C4BABA !important;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-logo {
align-self: center !important;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links ul li a:hover {
color: #fff !important;
text-decoration: underline;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social {
align-self: center !important;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li {
display: inline-block;
margin: 15px 17px !important;
padding-left: 0px;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li a:after {
position: absolute !important;
right: -12px !important;
content: "" !important;
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/angle-down.svg);
background-size: contain !important;
background-repeat: no-repeat !important;
display: block !important;
top: -12px;
height: 23px !important;
width: 23px !important;
-webkit-transition:all,.1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li a:hover::after {
transform: scale(1.25);
filter: invert(58%) sepia(100%) saturate(2788%) hue-rotate(321deg) brightness(76%) contrast(137%);
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li a#twitter:after {
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/twitter.svg) !important;
top: -11px !important;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li a#facebook:after {
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/facebook.svg) !important;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li a#instagram:after {
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/instagram.svg) !important;
top: -11px !important;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li a#youtube:after {
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/youtube.svg) !important;
top: -10px !important;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li a#pintrest:after {
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/pinterest.svg) !important;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li a#linkedin:after {
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/linkedin.svg) !important;
}
.wp-block-separator {
border-top: none;
border-bottom: none;
}
ul.uu-primary-menu li a:focus,
ul.bottom-sub-menu li a:focus,
button#uu-pushmenu-trigger:focus,
.uu-site-titles__heading a:focus,
.uu-site-titles__heading__subhead a:focus,
label.uu-radio:focus > .uu-radio__check {
outline: double 3px #fff !important;
} a.btn {
font-style: normal;
cursor: pointer;
}
a.uu-btn,
a.uu-btn:visited {
background-color: var(--templateRed) !important;
font-style: normal;
}
a.uu-btn:hover,
a.uu-btn:focus,
a.uu-btn:visited:hover,
a.uu-btn:visited:focus {
background-color: var(--templateDarkRed) !important;
}
.wp-block-button__link,
a.tag-button.selected,
a.tag-button,
div.button a,
.nf-previous-item > .nf-previous,
.nf-next-item .nf-next,
button.nf-add-fieldset {
display: inline-block;
margin: 10px auto;
background-color: var(--templateRed);
color: #fff !important;
text-decoration: none !important;
text-align: center;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
font-style: normal;
border: 0px;
border-radius: 4px;
padding: 8px 20px;
-webkit-box-shadow: 0px 0px 0px 0px rgb(84 117 145 / 10%);
-moz-box-shadow: 0px 0px 0px 0px rgba(84,117,145,0.1);
box-shadow: 0px 0px 0px 0px rgb(84 117 145 / 10%);
-webkit-transition: all,.15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
cursor: pointer;
}
.wp-block-button__link:focus, 
.wp-block-button__link:hover, 
.wp-block-button__link:visited:hover, 
.wp-block-button__link:visited:focus,
a.tag-button.selected:focus,
a.tag-button.selected:hover,
a.tag-button.selected:visited:hover,
a.tag-button.selected:visited:focus,
div.button a:focus,
div.button a:hover,
div.button a:visited:hover,
div.button a:visited:focus,
.nf-previous-item > .nf-previous:hover,
.nf-previous-item > .nf-previous:focus,
.nf-next-item .nf-next:hover,
.nf-next-item .nf-next:focus,
button.nf-add-fieldset:hover,
button.nf-add-fieldset:focus {
background-color: var(--templateDarkRed);
transform: translateY(-1px);
-webkit-box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
-moz-box-shadow: 0px 10px 10px 0px rgba(84,117,145,0.2);
box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
} .wp-block-button.black > .wp-block-button__link {
background-color: #372C2C;
}
.wp-block-button.black > .wp-block-button__link:focus, 
.wp-block-button.black > .wp-block-button__link:hover, 
.wp-block-button.black > .wp-block-button__link:visited:hover, 
.wp-block-button.black > .wp-block-button__link:visited:focus{
background-color: var(--templateRed);
}
.wp-block-button.gray > .wp-block-button__link,
a.tag-button,
.nf-previous-item > .nf-previous,
button.nf-add-fieldset {
background-color: #B5B5B5;
color: #372C2C !important;
}
.wp-block-button.gray > .wp-block-button__link:focus, 
.wp-block-button.gray > .wp-block-button__link:hover, 
.wp-block-button.gray > .wp-block-button__link:visited:hover, 
.wp-block-button.gray > .wp-block-button__link:visited:focus,
a.tag-button:focus,
a.tag-button:hover,
a.tag-button:visited:hover,
a.tag-button:visited:focus,
.nf-previous-item > .nf-previous:focus,
.nf-previous-item > .nf-previous:hover,
button.nf-add-fieldset:focus,
button.nf-add-fieldset:hover {
background-color: #372C2C;
color: #fff !important;
}
.wp-block-button.white > .wp-block-button__link {
background-color: #fff;
color: var(--adaRed);
}
.wp-block-button.white > .wp-block-button__link:focus, 
.wp-block-button.white > .wp-block-button__link:hover, 
.wp-block-button.white > .wp-block-button__link:visited:hover, 
.wp-block-button.white > .wp-block-button__link:visited:focus{
background-color: var(--templateRed);
color: #fff;
}
.wp-block-button.ghost > .wp-block-button__link {
background-color: transparent !important;
border: 2px solid var(--adaRed);
color: var(--adaRed);
}
.wp-block-button.black.ghost > .wp-block-button__link {
border: 2px solid #372C2C;
color: #372C2C;
}
.wp-block-button.gray.ghost > .wp-block-button__link {
border: 2px solid #B5B5B5;
color: #B5B5B5;
}
.home-banner {
width: 100%;
margin: 3% 0 0;
padding: 50px 5%;
background-color: #f1f1f2;
}
#uu-card-widget-container,
.uu-card-widget-container-2col,
.uu-card-widget-container-3col {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
margin: 30px auto;
max-width: 1160px;
}
.uu-card-widget-card {
flex: 1 1 auto;
max-width: 100%;
box-sizing: border-box;
padding: 0px;
background-color: #fff;
overflow: hidden;
-webkit-box-shadow: 0px 3px 20px 0px rgb(84 117 145 / 20%) !important;
-moz-box-shadow: 0px 3px 20px 0px rgba(84,117,145,0.2) !important;
box-shadow: 0px 3px 20px 0px rgb(84 117 145 / 20%) !important;
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin: 0px 15px 15px 0px;
}
.uu-card-widget-card.left-align {
text-align: left;
}
.uu-card-widget-container-3col .uu-card-widget-card {
flex: 1 1 calc(33.333% - 15px);
max-width: calc(33.333% - 15px);
}
.uu-card-widget-container-2col .uu-card-widget-card {
flex: 1 1 calc(50% - 15px);
max-width: calc(50% - 15px);
}
.uu-card-widget-card .uu-card-widget-card-img {
height: 200px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.uu-card-widget-card .uu-card-widget-card-body {
padding: 30px;
}
.uu-card-widget-card .uu-card-widget-card-copy {
font-size: 17px;
margin-bottom: 30px;
}
.uu-card-widget-card-title-black {
font-size: 18px;
} .uu-tab-panel {
zoom: 1;
margin-bottom: 0;
display: block;
position: relative;
z-index: 30;
}
.uu-tab-panel:before {
content: "";
display: block;
}
.uu-tab-panel:after {
content: "";
display: table;
clear: both;
}
.uu-top-tabs {
position: absolute;
margin: 0px auto;
max-width: 940px;
left: 0;
right: 0;
bottom: -40px;
display: flex;
flex-flow: row wrap;
justify-content: center;
z-index: 992;
-webkit-box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 10%);
-moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 10%);
}
.uu-top-tabs a {
flex: 1 1 auto;
background: var(--templateRed);
text-align: center;
color: #ffffff;
padding: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 14px;
line-height: 1.2;
font-weight: bold;
text-transform: uppercase;
}
.uu-top-tabs a:hover {
color: #FFFFFF;
background: var(--templateDarkRed);
text-decoration: none;
}
.uu-top-tabs a:first-child {
border-radius: 8px 0px 0px 8px;
}
.uu-top-tabs a:last-child {
border-radius: 0px 8px 8px 0px;
}
.uu-top-tabs a img {
text-align: center;
margin: 0px auto 10px auto;
display: block;
transition: all 0.3s ease;
width: 50px;
height: auto;
}
.uu-top-tabs a:hover img {
transform: translateY(-5px);
} .uu-subnav-container {
margin-top: 55px;
}
.subnav-header {
border-bottom: 3px solid #E6ECF2;
background-color: var(--templateRed) !important;
}
.uu-subnav-container .subnav-header .subnav-header-title {
font-size: 15px;
font-weight: 700;
color: #fff !important;
margin: 5px 0px;
}
.uu-subnav-container ul {
box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
}
.uu-subnav-container ul li a {
font-style: normal;
text-decoration: none;
font-weight: bold;
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out !important;
}
.uu-subnav-container li.menu-item-has-children > a::after {
font-family: none !important;
position: absolute !important;
right: 11px !important;
content: "" !important;
background-image: url(https://diversity.utah.edu/wp-content/themes/umctheme3-child/img/fontawesome/angle-down-blk.svg) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
display: block !important;
top: 11px !important;
height: 13px !important;
width: 13px !important;
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media screen and (max-width:1000px){
.uu-subnav-container {
flex: 1 1 100% !important;
margin-bottom: 50px;
}
.aside-brand {
width: 50%;
margin: 0 auto;
}
}
@media screen and (max-width:400px){
.aside-brand {
width: 100%;
}
} .nf-breadcrumbs li, .nf-breadcrumb {
margin: 0 3px !important;
}
.nf-mp-body {
background: transparent;
padding: 20px;
}
#nf-form-28-cont .nf-mp-body,
#nf-form-77-cont .nf-mp-body {
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
input,textarea,select{
background-color:#fff;
border-style:solid;
border-width:thin;
} .post-thumbnail {
margin: 0;
width: 100%;
background-size: cover;
background-position: center;
height: 50vh;
max-height: 500px;
overflow: hidden;
position: relative;
align-items: center;
display: flex;
margin-top: -15px !important;
}
span.date {
line-height: 35px;
}
.social.clearfix.float-right {
float: right;
padding-top: 2px;
}
.entry-meta {
padding: 0.5em 0.5em 0.25em;
border-top: 1px solid #ececec;
margin: 1.5em 0 2.5em;
border-bottom: 1px solid #ececec;
height: 50px;
}
nav.navigation.post-navigation {
display: none;
} .n2-section-smartslider {
margin-top: 74px;
}
.n2-section-smartslider:focus,
.n2-section-smartslider :focus {
outline: 1px dashed #fff !important;
outline-offset: 2px;
}
.home-announce-container {
margin:auto;
align-content: center;
text-align: center;
display: inline-block;
position: relative;
width: 100%;
}
.announce-box {
width: 280px;
height: 440px;
margin: 10px;
margin-bottom: 30px;
position: relative;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.announce-box:hover {
transform: translateY(-5px);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.home-announce-container a:focus {
outline: none;
}
.home-announce-container a:focus .announce-box {
outline: 2px dotted var(--templateRed);
outline-offset: 2px;
}
.story-image {
margin-top: -30px;
}
@media screen and (max-width: 1230px) {
.home-announce-container a:nth-child(4) {
display: none;
}
}
@media screen and (max-width: 930px) {
.home-announce-container a:nth-child(3) {
display: none;
}
}
@media screen and (max-width: 635px) {
.home-announce-container a:nth-child(2) {
display: none;
}
}
#announce-plus {
height: 50px;
width: 50px;
background: var(--templateRed);
position: absolute;
right: -25px;
bottom: -30px;
margin: 0;
border-radius: 30px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
box-shadow: 0 0 5px rgb(0 0 0 / 25%);
}
#announce-plus:hover{
bottom: -23px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn#home-switch {
display:none;
}
.homesplit-left, .homesplit-right {
flex: 1 1 50%;
text-align: center !important;
padding: 5%;
align-items: center;
display: table;
position: relative;
overflow: hidden;
}
.homesplit-right {
background-size: 250%;
background-position: center 80%;
}
@media screen and (max-width: 1160px) {
.homesplit-left{display:none;}
}
.v-align {
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 5;
}
.feature-square{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 30%;
margin: 5%;
padding: 2%;
background-color:#fff;
-webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%);
border-radius: 0 5px 5px 0;
border-left: 4px solid var(--templateRed);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.feature-square:hover {
transform: translateY(-5px);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a#feature:focus .feature-square {
outline: 2px dotted white;
outline-offset: 2px;
box-shadow: 0 0 0 6px black;
}
@media screen and (max-width:875px){
.feature-square{
width:50%;
padding:3%;
}
}
@media screen and (max-width:670px){
.feature-square{
width: 82%;
padding: 4%;
}
} .center-hours {
width: 90%;
background: var(--templateRed);
padding: 3% 5%;
color: #fff;
text-align: center;
}
.center-hours h1, 
.center-hours h2, 
.center-hours h3, 
.center-hours h4, 
.center-hours h5, 
.center-hours h6 {
color: #fff !important;
}
.center-hours a {color: #fff;font-style: italic;text-decoration: underline;}
.center-hours a.btn {font-style: normal;text-decoration:none;}
.center-hours a.btn:hover {background-color: var(--templateDarkRed) !important;}
.center-banner {
width: 100%;
position: relative;
background: #E6ECF2;
margin: 100px 0;
padding: 5% 5% 3%;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.center-content {
width: 50%;
min-width: 300px;
z-index: 2;
}
img.center-img {
position: absolute;
bottom: 0;
left: 55%;
height: auto;
z-index: 1;
width: 55%;
} li#menu-item-32121.menu-item-has-children ul.sub-menu {
display: none;
margin: 0;
padding: 0;
}
.uu-bottom-header .uu-header-nav ul li.menu-item-has-children:hover ul{display:flex}
.uu-subnav-container ul li.current-menu-item{box-shadow:inset 4px 0 0 var(--templateRed)}
.uu-subnav-container ul li.current-menu-item a{color: var(--adaRed) !important;box-shadow: inset 4px 0 0 var(--templateRed);}
.uu-subnav-container ul li.current-menu-item a:hover{background-color:transparent}
.uu-subnav-container li.menu-item-has-children ul.sub-menu {
display: none;
margin: 0px;
padding: 0px;
list-style-type: none;
}
.uu-subnav-container li.menu-item-has-children > a::after {
content: '\f107';
font-size: inherit;
font-family: "Font Awesome 5 Pro";
color: transparent;
margin-left: 10px;
vertical-align: 1px;
display: inline-block;
position: absolute;
font-weight: 900;
right: 20px;
}
.uu-subnav-container ul.subnav li.menu-item-has-children a svg {
position: absolute;
right: 20px;
top: 14px;
color: #18191B;
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.uu-subnav-container li.menu-item-has-children.nav-open > a::after {
transform: rotate(180deg);
}
.uu-subnav-container li.menu-item-has-children.nav-open a svg {
transform: rotate(180deg);
}
.uu-subnav-container li.menu-item-has-children ul.sub-menu.active {
display: block;
box-shadow: none;
border-bottom: 4px solid #E6ECF2;
border-top: 4px solid #E6ECF2;
}
.uu-subnav-container ul.sub-menu li a {
padding-left: 25px;
background-color: #EFF3F7;
}
.uu-subnav-container ul.sub-menu li a:hover {
padding-left: 35px;
background-color: #E6ECF2;
} .toggle {
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.toggle.arrow {
color: #fff;
background-color: #372c2c;
width: 100%;
display: inline-block;
}
.toggle.arrow.light, .toggleContent .toggle.arrow {
color: #000;
background-color: #f1f1f2;
}
.toggleContent {
display: none;
margin: 0 30px;
}
#primary h1.toggle.arrow, #primary h2.toggle.arrow, #primary h3.toggle.arrow {
padding: 5px 10px;
margin-top: 10px;
}
.toggle.arrow:hover, .toggle.arrow.active {
color: #fff;
background-color: var(--templateRed);
}
.toggle.arrow.light:hover, .toggle.arrow.light.active {
color: #000;
background-color: #E6ECF2;
}
.toggle.arrow::before {
content:"\25b6";
float:left;
margin: 0 10px 0 5px;
-moz-transition:0.5s all;
-webkit-transition:0.5s all;
transform-origin: 70% 50%;
}
.toggle.arrow:hover::before, .toggle.arrow.active::before {
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
text-shadow: 1px 0 rgba(0,0,0,0.4);
}
.arrow:after {
content: none !important;
} .uu-vert-accordion-container {}
.uu-vert-accordion-container ul {
display: block;
position: relative;
width: 100%;
max-width: 1140px;
margin: 10px auto 30px;
background-color: #FFFFFF;
list-style-type: none !important;
}
.uu-vert-accordion-container .uu-accordion-item {
display: block;
height: auto;
margin: 10px 0 15px 0;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn {
display: inline-block;
width: 100%;
min-height: 40px;
padding: 5px 30px 5px 15px;
position: relative;
text-align: left;
margin: 0px;
background-color: #372c2c;
border: 0px;
color: #fff;
box-sizing: border-box;
transition: all 0.3s;
border-radius: 5px;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn.light {
background-color: #F1F1F2;
color: #000;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn span {
-ms-writing-mode: tb-rl;
writing-mode: horizontal-tb;
white-space: normal;
position: relative;
margin: 10px 0 15px 0px;
padding: 0;
height: 100%;
width: 100%;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
box-sizing: border-box;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn::after {
position: absolute;
top: calc(50% - 12px);
right: 15px;
content: '\276f';
font-size: 20px;
color: #FFFFFF;
-webkit-transition: all, 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn.light::after {
color: #000;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn:focus {
outline: 2px dotted var(--templateRed);
outline-offset: 2px;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn:hover,
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn:focus,
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn:focus-visible {
background-color: var(--templateRed);
cursor: pointer;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn.light:hover,
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn.light:focus,
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn.light:focus-visible {
background-color: #E6ECF2;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-content {
visibility: hidden;
width: 100%;
height: 0;
padding: 0px 30px;
box-sizing: border-box;
overflow-y: auto;
overflow-x: hidden;
-webkit-transition: all, 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-content ul{
list-style-type: disc !important;
} .uu-vert-accordion-container .uu-accordion-item.open > .uu-accordion-btn {
background-color: var(--templateRed);
-webkit-box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
-moz-box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
}
.uu-vert-accordion-container .uu-accordion-item.open > .uu-accordion-btn.light {
background-color: #E6ECF2;
}
.uu-vert-accordion-container .uu-accordion-item.open > .uu-accordion-content {
visibility: visible;
height: auto;
width: 100%;
padding: 10px 30px 30px;
}
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn:hover::after,
.uu-vert-accordion-container .uu-accordion-item .uu-accordion-btn:focus::after,
.uu-vert-accordion-container .uu-accordion-item.open > .uu-accordion-btn::after {
transform: rotate(90deg);
-webkit-transition: all, 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}  ul.socialmedia {
margin: 0;
}
li.socialmedia {
display: inline-block;
list-style: none;
}
li.socialmedia a {
display: inline-block;
text-indent: -9999px;
width: 40px;
height: 40px;
margin: 1px;
padding: 0;
background: url(//diversity.utah.edu/wp-content/themes/umctheme3-child/img/socialmedia.svg) no-repeat;
}
.instagram.dark a {background-position: 0px 0px;}
.instagram.light a {background-position: -80px 0px;}
.instagram a:hover {background-position: -40px 0px;}
.facebook.dark a {background-position: 0px -40px;}
.facebook.light a {background-position: -80px -40px;}
.facebook a:hover {background-position: -40px -40px;}
.twitter.dark a {background-position: 0px -80px;}
.twitter.light a {background-position: -80px -80px;}
.twitter a:hover {background-position: -40px -80px;}
.youtube.dark a {background-position: 0px -120px;}
.youtube.light a {background-position: -80px -120px;}
.youtube a:hover {background-position: -40px -120px;}
.web.dark a {background-position: 0px -160px;}
.web.light a {background-position: -80px -160px;}
.web a:hover {background-position: -40px -160px;}
.email.dark a {background-position: 0px -200px;}
.email.light a {background-position: -80px -200px;}
.email a:hover {background-position: -40px -200px;}
.eventCal.dark a {background-position: 0px -240px;}
.eventCal.light a {background-position: -80px -240px;}
.eventCal a:hover {background-position: -40px -240px;}
@media screen and (max-width:750px) {
.center-content{ width: 100%;}
img.center-img {display: none;}
} .no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.u-of-u-marquee .owl-item {
width: 100%;
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.u-of-u-marquee .item {
background-size: cover;
background-position: center center;
width: 100%;
}
.u-of-u-marquee-block {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-content: center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 400px;
}
.u-of-u-marquee-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ‘’;
z-index: 102;
}
.u-of-u-marquee .u-of-u-marquee-content {
flex: 0 1 1000px;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
align-content: center;
position: relative;
text-align: center;
z-index: 103;
color: #FFFFFF;
padding: 0px 60px;
max-width: 1200px;
margin: 0px auto;
}
.u-of-u-marquee-content .superhead {
color: #fff !important;
font-family: "Montserrat",sans-serif;
font-weight: 600;
line-height: 1.5;
margin: 0px 0px 15px 0px;
font-size: 16px;
text-align: center;
}
.u-of-u-marquee .item h1 {
font-size: 46px;
line-height: 1;
color: #fff !important;
margin-bottom: 0px;
font-family: 'Vitesse', sans-serif;
}
.u-of-u-marquee .item p {
font-weight: 600 !important;
font-size: 16px !important;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
}
.so-widget-uu-marquee-widget {
margin-bottom: 55px;
margin-top: -10px;
}
.uu-quick-links-tab a img {
margin: 0px auto 20px auto !important;
width: 80px !important;
} .right-channel h2 {
margin-top: 0;
}
.right-channel h3 {
font-family: 'Encode Sans';
font-size: 1.3em;
padding: .2em 0 0.5em 0;
margin: 0;
font-weight: 900;
color: #372C2C;
}
.sideButt a.btn {
width: calc(100% - 40px) !important;
max-width: 300px;
background-color: var(--templateRed);
}
@media screen and (max-width:1000px) {
.sideButt {
display: inline-block;
}
.sideButt a.btn {
width: fit-content !important;
max-width: none;
position: relative !important;
}
.uu-subnav-container {
margin-top: 0;
}
}
aside > .peopleTile {
float: none;
display: block;
margin-left: 50% !important;
transform: translateX(-50%);
}
.container-fluid.call {
background-color: #E6ECF2;
box-shadow: 0 3px 7px rgb(0 0 0 / 15%);
padding: 50px 0;
} h4.goals{
font-size: 3em;
font-weight:600;
color:#333;
display:inline-block;
clear:none;
cursor:pointer;
}
h4.goals:hover{
color:#c00!important;
}
h4.goals.active{
color:#c00!important;
}
@media screen and (max-width:675px){
h4.goals{font-size:2em;}
.goals-info h5.goals{font-size: 1.6em;}
}
@media screen and (max-width:420px){
h4.goals{display:block;font-size: 3em;}
}
h5.goals{
font-size: 2.2em;
font-weight:600;
text-align:center;
text-transform:none;
}
.goals-info{
display:none;
position: relative;
width: 85%;
margin-left: 50%;
transform: translateX(-50%);
text-align: center;
margin-top:20px;
min-width:280px;
transition:all .3s ease-in-out;
}
.goals-info.visible{
display:block;
transition:all .3s ease-in-out;
} .waysBox {
flex: 1 1 27% !important;
margin: 3%;
display: inline-block;
padding-bottom: 20px;
box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
padding: 50px 20px;
}  #mlb2-1670090.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
max-width: none !important;
width: 100%;
} #photoTitleWrapper {
width: 100%;
text-align: center;
padding: 29vh 0 1vh;
background-position: top;
background-size: cover;
background-image: url(//diversity.utah.edu/wp-content/themes/umctheme3-child/images/design/blackBG.jpg);
position: relative;
overflow: hidden;
}
#photoTitleWrapper h1 {
color: #FFF;
font-size: 10vh;
line-height: 1.1em;
position: relative;
z-index: 5;
}
#photoTitleWrapper p {
color: #FFF;
font-size: 5vh;
position: relative;
z-index: 5;
padding: 0 5%;
}
#photoTitleWrapper a {
color: var(--adaRed);
text-decoration: none;
}
#photoTitleWrapper a:hover {
color: #404041;
}
.title-overlay {
background:rgba(0, 0, 0, 0.3);
background:linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.35) 30%, rgba(0,0,0,0) 100%);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
#blogFeaturedWrapper {
width: 100%;
text-align: left;
min-height: 70vh;
height:auto;
background-position: left;
background-size: 130%;
position: relative;
overflow: hidden;
}
.head-button {
position: relative;
left: 5%;
z-index: 5;
margin-top: 80px;
}
.head-button a {
text-align: center;
display: inline-block;
padding: 10px 20px;
background: var(--templateRed);
color: #FFF !important;
font-size: 18px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 150px;
text-decoration: none;
position: absolute;
bottom: 0px;
}
.head-button a:hover {
bottom: 5px;
text-decoration: none;
color: #fff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
} #all-stories-container {
margin: 50px auto 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog-box-filter,
.blog-post-roll {
overflow: hidden;
width: 320px;
height: 470px;
-webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%);
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: relative;
margin: 10px;
vertical-align: top;
display: inline-block;
background-position: top center;
border-radius: 7px;
}
.blog-box-filter p,
.blog-post-roll p {
font-size: 16px;
}
.blog-box-filter p {
margin-top: 0;
}
.blog-box-filter:hover,
.blog-post-roll:hover {
transform: translateY(-5px);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.story-date-square,
.date-square {
background: var(--templateRed);
border-radius: 0 0 0 7px;
text-transform: uppercase;
text-align: center;
position: absolute;
top: 0;
right: 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}
.story-date-square h2,
.date-square h2,
.story-date-square h3,
.date-square h3,
.story-date-square h4,
.date-square h4 {
line-height: 1em;
color: #fff !important;
font-weight: bolder;
margin-top: 7px;
}
.story-date-square {
width: 110px;
height: 35px;
padding-top: 3px;
}
.story-date-square h2,
.story-date-square h3,
.story-date-square h4 {
font-size: 14px !important;
line-height: 1.23em;
}
.story-date-square svg {
font-size: 30px;
margin-top: 20px;
}
.date-square {
width: 50px;
height: 50px;
}
.date-square h2,
.date-square h3,
.date-square h4 {
font-size: 18px !important;
}
.story-meta {
width:calc(100% - 35px);
height:300px;
position:absolute;
bottom:-1px;
background:#fff;
text-align: left;
padding: 10px 15px 10px 20px;
color:#333!important;
} .blog-roll-wrapper {
margin: 0 auto 70px;
}
.blog-description {
display: inline-block;
width: 22%;
vertical-align: top;
margin-top: 100px;
position: relative;
z-index:5;
margin-right: 50px;
}
.blog-description span {
font-size: 1.1em;
line-height: 1.2em;
font-style: italic;
margin: 0;
text-align: left;
}
.blog-description h1 {
line-height: 1.1em;
font-size: 2.5em !important;
color: #333;
}
.blog-description a:hover{
text-decoration: none;
}
.roll-link a:after {
content: '\01F86A';
padding-left: 4px;
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.roll-link a:hover:after {
padding-left: 10px;
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media screen and (max-width:400px) {
.blog-box-filter,
.blog-post-roll {
margin: 10px 0;
width:310px;
}
} .category-filter {
display: none;
margin-bottom: 30px;
}
.category-filter.active {
display: block;
}
.category-filter .blog-box-filter {
height: unset;
display: inline-flex;
box-shadow: none;
margin: 10px 0;
flex-direction: row;
width: 100%;
}
.category-filter .story-graphic {
display: flex;
flex-direction: column;
position: relative;
border-radius: 5px;
margin: 10px;
flex: 1 1 calc(60% - 15px);
min-width: calc(60% - 15px);
}
.story-graphic-ratio {
width: 100%;
padding-top: 56.25%;
position: relative;
border-radius: 5px;
overflow: hidden;
}
.story-graphic img {
width: 100% !important;
height: auto !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.story-graphic .story-date-square {
border-radius: 0 5px 0 7px;
}
.category-filter .story-meta {
width: unset;
height: unset;
display: inline-flex;
flex-direction: column;
position: relative;
background: transparent;
padding: 10px;
flex: 1 1 auto;
justify-content: center;
}
.category-filter .story-meta h4 {
font-size: 18px;
color: #262020;
}
.category-filter a:hover .story-meta h4 {
text-decoration: underline !important;
}
.category-filter a:nth-child(4) .blog-box-filter,
.category-filter a:nth-child(5) .blog-box-filter,
.category-filter a:nth-child(6) .blog-box-filter {
flex-direction: column;
width: calc(33.33%);
}
.category-filter a:nth-child(4) .blog-box-filter p,
.category-filter a:nth-child(5) .blog-box-filter p,
.category-filter a:nth-child(6) .blog-box-filter p {
display: none;
}
@media screen and (max-width:1260px) {
.category-filter a:nth-child(4) .blog-box-filter,
.category-filter a:nth-child(5) .blog-box-filter,
.category-filter a:nth-child(6) .blog-box-filter {
flex-direction: row;
width: 100%;
}
.category-filter a:nth-child(4) .blog-box-filter p,
.category-filter a:nth-child(5) .blog-box-filter p,
.category-filter a:nth-child(6) .blog-box-filter p {
display: block;
}
}
@media screen and (max-width:1145px) {
.category-filter .story-graphic {
flex: 1 1 calc(50% - 15px);
min-width: calc(50% - 15px);
}  
}
@media screen and (max-width:840px) {
.category-filter .blog-box-filter {
flex-direction: column !important;
}  
} .snaptip {
display: flex;
float: left;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin: 30px;
margin-left: 0;
}
.snaptip .snaptiptext {
visibility: hidden;
width: 200px;
background-color: rgba(255,255,255,0.75);
color: #404041;
text-align: center;
border-radius: 6px;
padding: 5px; position: absolute;
z-index: 1;
top: 20px;
left: 100px;
}
.snaptip:hover .snaptiptext {
visibility: visible;
}
.snaptip .snaptiptext::after {
content: " ";
position: absolute;
top: 50%;
right: 100%; margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent rgba(255,255,255,0.75) transparent transparent;
}
.applause-container {
width:50px;
height: 70px;
text-align:center;
position:relative;
background:none;
border:none;
}
.applause-container::before {
position: absolute;
top: 50%;
left: 50%;
margin: -35px 0 0 -35px;
width: 70px;
height: 70px;
border-radius: 50%;
content: '';
opacity: 0;
pointer-events: none;
box-shadow: 0 0 0 2px rgba(255,255,255,0.3);
}
.applause-container::after {
box-shadow: inset 0 0 0 35px rgba(255,255,255,0);
position: absolute;
top: 50%;
left: 50%;
margin: -32px 0 0 -30px;
width: 70px;
height: 70px;
border-radius: 50%;
content: '';
opacity: 0;
pointer-events: none;
}
.applause-button {
color: #FFF !important;
display: block;
margin: auto;
width: 60px;
height: 35px;
text-decoration: none;
cursor: pointer;
background: var(--templateRed);
background-image: url(https://diversity.utah.edu/wp-content/uploads/images/People%20&%20Places/headers/snap.svg);
background-size: 60px;
background-position: top center;
background-repeat: no-repeat;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 55px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
}
.applause-button:hover { -webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.applause-button span {
text-align: center;
font-size: 1em;
color: #FFF;
}
a.applause-button:hover {
text-decoration: none;
color: #FFF !important;
}
.button--click {
outline: none;
color: #FFF;
}
.applause-container.button--click::after {
-webkit-animation: anim-snap 0.3s ease-out forwards;
animation: anim-snap 0.3s ease-out forwards;
}
@-webkit-keyframes anim-snap {
0% {
opacity: 1;
-webkit-transform: scale3d(0.4, 0.4, 1);
transform: scale3d(0.4, 0.4, 1);
}
80% {
box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
opacity: 0.1;
}
100% {
box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
@keyframes anim-snap {
0% {
opacity: 1;
-webkit-transform: scale3d(0.4, 0.4, 1);
transform: scale3d(0.4, 0.4, 1);
}
80% {
box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
opacity: 0.1;
}
100% {
box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
} .single-blog-header { margin-top: -100px;
z-index: 20;
position: relative;
padding: 0 5%;
}
.meta-title-container {
text-align: center; text-align: left;
width: calc(100% - 60px);
max-width: 1040px;
min-width: unset;
margin: 0 auto;
background: #fff;
border-left: 4px solid var(--templateRed);
border-radius: 0 5px 5px 0;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
padding: 30px !important;
}
.meta-title-container h1 { margin: 0 auto 15px;
margin-left: 10px;
width: 90%;
}
.meta-title-container hr {
margin-left: 10px;
}
.meta-title-container p {
margin-left: 10px;
}
.single-blog-meta {
text-align: left;
font-size: 1.1em;
margin-left: 10px;
}
.single-blog-meta a {
color: var(--adaRed);
font-style: italic;
}
.single-blog-author {
font-family: "Montserrat",sans-serif;
font-weight: 600;
line-height: 1.5;
margin: 0px 0px 15px 0px; font-size: 16px;
text-align: left;
}
.tag-button-single-container {
padding: 10px 20px;
position: absolute;
bottom: 0px;
}
a.tag-button-single {
text-decoration: none;
color: #333 !important;
display: inline-block;
vertical-align: middle;
padding: 5px 20px;
min-width: 80px;
margin: 8px;
text-align: center;
background: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
}
a.tag-button-single:hover{
text-decoration: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blog-banner {
width: 100%;
position: relative;
background: transparent;
color: #fff !important;
background-size: cover;
background-position: center; height: 75vh;
margin-top: -20px;
z-index: 1;
background-color: #E6ECF2;
min-height: 200px;
max-height: 900px;
overflow: hidden;
}
@media screen and (min-width:1160px) {
.blog-banner {
min-height: 550px !important;
}
}
@media screen and (max-width:1950px) and (min-width:1650px) {
.blog-banner {
height: 60vh !important;
}
}
@media screen and (min-width:1950px) {  
.blog-banner {
height: 75vh !important;
}
}
.blog-banner img {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%,-50%);
max-width: unset;
}
.blog-single-content {
background: #F1F1F2;
width: 65%;
float: left;
position: relative;
margin: auto;
margin-left: 35%;
padding: 8% 2% 2% 4%;
min-height: 50px;
font-size: 1.1em;
}
.blog-single-content ul {
margin-left: 30px;
margin-bottom: 30px;
}
.blog-single-content li {
margin-bottom: 15px;
}
.blog-footer {
margin-top:100px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.blog-footer #description {
flex: 1 1 75%;
}
.blog-footer #continue {
flex: 1 1 25%;
min-width: 190px;
}
.blog-footer #continue h2 {
float:right;
font-size: 18px;
}
.blog-footer #continue h2:before {
content: "\276E";
color: var(--templateRed);
font-size: 55px;
padding: 0 6px 0 50px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blog-footer #continue h2:hover:before {
padding: 0 10px 0 46px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blog-footer #continue h2 a {
color: #372C2C;
text-decoration: none;
display: inline-block;
} .indent{
padding-left:7%;
padding-right:7%;
}
blockquote {
margin-bottom: 1em !important;
font-weight: bold !important;
font-style: italic !important;
margin: 50px !important;
border-left: 3px solid var(--templateRed) !important;
padding: 0.6em 1em 0.5em 1.5em !important;
box-shadow: none !important;
background-color: transparent !important;
}
blockquote:hover, blockquote:focus {
box-shadow: none;
}
blockquote svg {
display: none !important;
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em;
text-align: center;
background: transparent;
border-bottom: none;
font-style: italic;
}
cite {
font-weight: normal;
}
.wp-block-embed-twitter .embed-responsive-16by9::before {
padding-top: 0 !important;
}
.aligncenter .twitter-tweet.twitter-tweet-rendered {
margin: auto;
}
h3.speech {
color: #666;
position: relative;
display: block;
float: left;
clear: both;
width: auto;
text-align: left;
text-indent: 0 !important;
padding: 20px;
margin-top: 30px;
background-color: #fff;
border: 8px solid #666;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
z-index: 100;
}
h3.speech:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 30px;
bottom: -50px;
border: 25px solid;
border-color: #666 transparent transparent #666;
}
h3.speech:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 38px;
bottom: -30px;
border: 15px solid;
border-color: #fff transparent transparent #fff;
}
h3.speech + p {
clear: both;
position: relative;
background: #DDD;
width: 80%;
margin-left: 10% !important;
top: 20px !important;
padding: 20px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
z-index: 95;
}
h3.speech + p:after {
content: ' ';
position: absolute;
top: -12px;
left: 40px;
width: 0;
height: 0;
border: 35px solid transparent;
border-bottom-color: #DDD;
border-top: 0;
border-left: 0;
margin-left: -10px;
margin-top: -20px;
}
div.postSubtitle {
font-size: 1.5em;
padding-bottom: 10px;
line-height: 1em;
padding-top: 5px;
}
div.editorNote {
font-style: italic;
padding: 25px;
margin: 20px 0 40px;  background: #fff;
box-shadow: 0 3px 10px rgb(0 0 0 / 15%);
}
div.postAuthor {
margin: 45px auto;
width: 95%;
}
div.postAuthor span {
display: inline-block;
font-size: 14px;
}
div.postAuthor span i {
padding-right: 5px;
}
div.postAddendum {
font-style: italic;
padding: 15px;
margin: 45px 0 40px;
} div.modal {
background:#fff;
width:80vw;
max-width:1160px;
position: fixed;
max-height:50vh;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow-x:hidden;
overflow-y:scroll;
min-width:300px;
padding:5%;
display:none;
z-index:10000;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
@media screen and (max-width:800px) {
div.modal {
max-height: 70vh;
}
}
@media screen and (max-width:425px) {
div.modal {
max-height: 85vh;
}
}
a.modal-link {
cursor: pointer;
font-style: normal;
text-decoration: none;
} main a.say-their-name {
flex: 1 1 29%;
margin: 10px 2%;
min-height: 200px;
display: inline-block;
position: relative;
text-align: center;
padding: 35px 20px;
vertical-align: top;
font-style: normal;
font-size: 1.2em;
text-transform: uppercase;
color: #000000;
font-weight: bold;
text-decoration: none;
cursor: pointer;
background-color: #fff;
-webkit-box-shadow: 0px 3px 20px 0px rgb(84 117 145 / 20%) !important;
-moz-box-shadow: 0px 3px 20px 0px rgba(84,117,145,0.2) !important;
box-shadow: 0px 3px 20px 0px rgb(84 117 145 / 20%) !important;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
main a.say-their-name span {
font-weight: normal;
}
main a.say-their-name span.learn-more {
visibility: hidden;
opacity: 0;
display: block;
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
padding-top: 20px;
color: #999;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
main a.say-their-name:hover span.learn-more {
visibility: visible;
opacity: 1;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
@media screen and (max-width: 550px) {			
main a.say-their-name {
flex: 1 1 100%;
min-height: 100px;
}
} .podcastBox{
background:#fff;
border-radius: 10px;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
padding:0;
margin:5% 0;
width:100%;
display: flex;
overflow: hidden;
position: relative;
}
.podcastImg{
background-size:cover;
background-position:center;
flex: 1 1 30%;
}
.podcastBody{
flex: 1 1 70%;
padding: 30px 30px 20px;
} #ctaTitleWrapper {
width: 100vw;
height: 100vh;
position: relative;
overflow: hidden;
color: #fff !important;
background-color: transparent;
max-height: 950px;
}
.cta-header {
padding: 39vh 6% 6%;
width: 54vw;
text-align: left;
min-height: 90%;
max-height: 900px;
height: auto;
position: relative;
overflow: hidden;
color: #fff !important;
background-color: #000;
border-radius: 0 0 20px 0;
display: inline-block;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
h1.cta-title {
font-family: 'Vitesse', sans-serif;
font-weight: bold;
font-size: 7em;
position: absolute;
left: 10%;
display: inline-block;
z-index: 5;
line-height: 1em;
top: 7vh;
color: #fff !important;
}
.cta-tagline {
font-family: 'Vitesse', sans-serif;
font-size: 30px;
transform: translateX(-6%);
}
.cta-img #mobile-show {
display: none;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.cta-img #mobile-hide {
position: relative;
margin-top: 80vh;
text-align: right;
margin-right: 8vw;
text-shadow: 0 0 5px rgba(0,0,0,1);
}
.cta-img {
height: 100%;
width: 60vw;
position: absolute;
display: inline-block;
left: 45%;
background-size: cover;
z-index: -1;
filter: brightness(0.8);
}
div.button.arrow a {
background: transparent;
font-size:60px;
transform:rotate(90deg);
padding: 0 20px;
line-height: .5em;
left: -15px;
font-weight: normal;
}
div.button.arrow a:hover {
box-shadow: none;
bottom: -5px !important;
}
h2.cta-title {
font-family: 'Vitesse', sans-serif;
text-transform: none;
text-align: center;
font-size: 40px;
font-weight: bold;
}
h3.cta-title {
font-family: 'Vitesse', sans-serif;
text-transform: none;
font-size: 30px;
}
.cta-banner {
width: 100%;
margin: 70px 0;
height: 98vh;
position: relative;
}
.cta-banner form { 
position: relative;
background: #fff;
display: inline-block;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
width: 100%;
height: 70vh;
border-radius: 10px;
}
.cta-banner input { display: none; }
.cta-banner input:checked + label { 
color: #fff;
background-color: var(--templateRed);
}
.cta-banner input:checked + label:hover { 
filter: brightness(90%);
}
.cta-banner label:hover {
filter: brightness(150%);
}
.cta-banner label { 
cursor: pointer; 
color: #fff;
display: block; 
text-align: left; 
float: left;
width: 45px;
height: 70vh;
margin-top: 0;
padding: 20px 0px;
font-weight: bold;
font-size: 26px;
text-orientation: mixed;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
line-height: 40px;
font-family: 'Vitesse', sans-serif;
background-color:#333;
overflow: hidden;
}
.cta-banner label:last-child { margin-right: 0; }
.cta-banner article { 
width: 0;
height: 100%;  
overflow-y: hidden; 
-webkit-transition: width .25s linear, opacity .2s linear; 
transition: width .25s linear, opacity .3s linear; 
position: relative; 
top: 0;
margin-bottom: 0;
padding: 0;
opacity: 0;
float: left;
}
.cta-banner div:last-child article { margin-right: 0; }
.cta-banner div > input:checked ~ article { 
width: calc(100% - 240px); 
padding: 30px; 
opacity: 1; 
height: calc(70vh - 60px);
overflow-y: scroll;
}
.callBox{
position:relative;
flex: 1 1 30%;
margin:1%;
padding:30px;
color:#333;
background:#fff;
box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}
.callBox h3{
font-family:'Vitesse', sans-serif;
padding-right:70px;
}
h3[class^="icon54-"] {
font-size: 40px !important;
margin-left: 15px;
margin-top: 16px;
}
.cta-events {
width: 55vw;
background-color: #000;
display: inline-block;
border-radius: 0 20px 0 0;
padding: 6% 6% 3% 6%;
color: #fff;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
position: relative;
height: 100%;
margin-top: 0%;
z-index: 2;
}
.cta-events > ul.ecs-event-list > li.ecs-event {
display: inline-block;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
margin: 1.5%;
background-color: #fff;
color: #372C2C;
flex: 1 1 30%;
}
.cta-form {
display: inline-block;
width: 45vw;
background-color: #fff;
position: absolute;
padding: 3%;
bottom: 0;
right: 0;
z-index: 1;
height: 92%;
overflow: hidden;
min-height: 300px;
}
.cta-form .nf-form-layout {
width: 100%;
}
.cta-form form {
background: transparent;
box-shadow: none;
width: 100%;
height: 100%;
border-radius: 0;
min-height: 300px;
}
.cta-form .nf-before-form-content {
display: none;
}
.cta-form .nf-field-container {
margin-bottom: 15px;
}
.cta-form .label-above .nf-field-label {
margin-bottom: 0;
}
.cta-form label {
text-orientation: unset;
writing-mode: horizontal-tb;
width: 100%;
height: auto;
background-color: transparent;
color: #333;
cursor: auto;
font-size: 22px;
-ms-writing-mode: lr-tb;
}
.cta-form label:hover {
filter: brightness(100%);
}
.cta-form .nf-error-required-error {
display: none;
}
.cta-form input[type=button] {
display: block;
}
.cta-form .nf-after-form-content {
margin-top: -30px;
} .peek {
display: none;
position: absolute !important;
left: 80%;
margin-top: -50%;
}
.ucrew-banner {
width:100%;
min-height: calc(100vh - 170px);
padding: 40px 0;
}
.ucrew-half {
width: 49%;
min-width:350px;
display: inline-block;
vertical-align: middle;
align-content: center;
text-align: center;
padding: 0 60px;
min-height: 400px;
}
.ucrew-half img {
margin-left: -30%;
width: 60vw;
z-index: -1;
position: absolute;
}
.ucrew-half#laptop {
text-align: left;
margin-top: 50px;
}
img#laptop {
margin-top: -15%; 
margin-right: -60%;
}
img#cell {
margin-top: 0;
margin-left: 0;
position: relative;
} .ucrew-assets {
text-align: center;
width: 28%;
max-width: 450px;
height: 100px;
display: inline-block;
background: #cc0000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0, 0.2);
box-shadow: 0 5px 10px rgba(0,0,0, 0.2);
color: #fff;
margin: 10px 1%;
}
.ucrew-assets:hover {
filter: brightness(90%);
}
.ucrew-assets h3 {
margin-top: 16px;
font-family: 'Vitesse', sans-serif; 
}
.ucrew-header {
text-align: left; 
font-family: 'Vitesse', sans-serif;  
text-transform:capitalize; 
font-size: 40px;
}
img#cell-hide {
display: none;
} .toggle.ucrew-resource {
left: 50%;
transform: translateX(-50%);
position: relative;
z-index: 3;
width:70%;
text-align: left;
}
.ucrew-banner form { 
position: relative;
background: #fff;
display: inline-block;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
width: 100%;
height: 70vh;
overflow: hidden;
border-radius: 10px;
}
.ucrew-banner input { display: none; }
.ucrew-banner input:checked + label { 
color: #fff;
}
.ucrew-banner label:hover {
filter: brightness(90%);
}
.ucrew-banner label { 
cursor: pointer; 
color: #fff;
display: block; 
text-align: left; 
float: left;
width: 80px;
height: 70vh;
margin-top: 0;
padding: 20px 10px;
font-weight: bold;
font-size: 26px;
text-orientation: mixed;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
line-height: 60px;
font-family: 'Vitesse', sans-serif;
}
.ucrew-banner label:last-child { margin-right: 0; }
.ucrew-banner article { 
width: 0;
height: 100%;  
overflow-y: hidden; 
-webkit-transition: width .25s linear, opacity .2s linear; 
transition: width .25s linear, opacity .3s linear; 
position: relative; 
top: 5px;
margin-bottom: 0;
padding-right: 0;
opacity: 0;
float: left;
}
.ucrew-banner div:last-child article { margin-right: 0; }
.ucrew-banner article h3 {
font-family: 'Vitesse', sans-serif;
}
.ucrew-banner div > input:checked ~ article { 
width: calc(100% - 240px); 
padding: 30px; 
opacity: 1; 
height: 70vh;
overflow-y: scroll;
} ul.ecs-event-list {
width: 100%;
list-style: none;
padding-left: 0;
margin-top: 60px;
}
li.ecs-event.u-crew_ecs_category {
margin: 5px;
width: calc(16.6% - 10px);
background-color: #fff;
display: inline-block;
height: 270px;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
position: relative;
}
span.duration.time {
width: 100%;
padding: 30px 20px 20px;
overflow: hidden;
position: relative;
display: block;
}
@media screen and (max-width: 1360px){
.ucrew-assets h3 {
margin-top: 22px;
font-size: 20px;
}
}
@media screen and (max-width: 1200px){
.ucrew-half {
padding: 0 30px;
}
}
@media screen and (max-width: 1050px){
.ucrew-half#laptop {
padding-right: 50%;
padding-top: 100px;
}
img#laptop {
display: none;
}
.peek {
display: block;
}
.ucrew-assets {
width: 30%;
}
.ucrew-assets h3 {
margin-top: 18px;
font-size: 26px;
}
.ucrew-banner {
min-height: 0;
}
.ucrew-half {
padding: 0 6%;
width: 100%;
min-height: 0;
}
.ucrew-banner form {
width: 90%;
left: 5%;
}
.ucrew-half#cell {
padding-left: 40%;
}
img#cell {
display: none;
}
img#cell-hide {
display: block;
position: absolute;
margin-left: -60%;
}
li.ecs-event.u-crew_ecs_category {
margin: 15px;
width: calc(25% - 30px);
}
li.ecs-event.u-crew_ecs_category:nth-child(5),
li.ecs-event.u-crew_ecs_category:nth-child(6) {
display: none;
}
h4.entry-title.summary {
padding: 20px;
}
}
@media screen and (max-width: 950px){
.ucrew-half#laptop {
padding-right: 6%;
padding-top: 20%;
}
.peek {
top: 190px;
}
}
@media screen and (max-width: 875px){
img#cell-hide {
display: none;
}
.ucrew-half#cell {
padding-left: 6%;
}
li.ecs-event.u-crew_ecs_category:nth-child(4) {
display: none;
}
li.ecs-event.u-crew_ecs_category {
margin: 20px;
width: calc(33% - 40px);
}
h4.entry-title.summary {
font-size: 22px;
}
}
@media screen and (max-width: 750px){
.peek {
top: 100px;
}
.ucrew-banner form {
height: 90vh;	
}
.ucrew-banner label {
width: 100%;
height: 80px;
padding: 10px 20px;
font-weight: bold;
font-size: 26px;
text-orientation: mixed;
-ms-writing-mode: lr-tb;
writing-mode: unset;
line-height: 60px;
margin-bottom: 0;
float:none;
display: inline-block;
}
.ucrew-banner div > input:checked ~ article {
width: 100%;
height: calc(90vh - 240px);
padding: 10px 30px;
float: none;
margin-bottom: 10px;
transform: translateY(-5px);
}
.ucrew-banner article {
height: 0;
width: 100%;
float:none;
}
li.ecs-event.u-crew_ecs_category {
margin: 10px;
width: calc(33% - 20px);
}
h4.entry-title.summary {
font-size: 22px;
}
}
@media screen and (max-width: 600px){
h4.entry-title.summary {
font-size: 20px;
}
li.ecs-event.u-crew_ecs_category:nth-child(3) {
display: none;
}
li.ecs-event.u-crew_ecs_category {
margin: 20px;
width: calc(50% - 40px);
}
}
@media screen and (max-width: 500px){
.ucrew-header {
font-size: 32px;
}
.ucrew-banner label {
font-size: 23px;
}
.ucrew-assets {
width: 70%;
margin-left: 15%;
}
h4.entry-title.summary {
font-size: 20px;
}
li.ecs-event.u-crew_ecs_category {
margin: 10px 20px;
width: calc(100% - 40px);
height: 170px;
}
li.ecs-event.u-crew_ecs_category:nth-child(3) {
display: inline-block;
}
h4.entry-title.summary {
font-size: 22px;
}
}
@media screen and (max-width: 415px){
.ucrew-header {
font-size: 28px;
}
.ucrew-banner label {
font-size: 22px;
line-height: 28px;
padding-right: 60px;
}
} .process-wheel-container {
display: flex;
flex-flow: row wrap;
justify-content: center;
justify-items: center;
align-items: center;
align-content: flex-start;
}
.process-wheel-col-one {
flex: 1 1 35%;
min-width: 250px
}
.process-wheel-col-two {
flex: 1 1 65%;
min-width: 250px
}
.process-wheel {
position: relative;
text-align: center;
padding: 30px
}
.process-wheel .slice {
transition: all .4s ease;
stroke-width:10;
fill: #a6b1b5;
}
.process-wheel .slice.active {
fill: var(--templateRed);
}
.process-wheel .slice:hover {
fill: var(--templateRed);
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
cursor: pointer
}
.process-wheel .center-circle {
fill: #dededd
}
.process-wheel .slice-text {
fill: #fff;
pointer-events: none
}
.process-tabs {
padding: 30px
}
.process-tabs .tab-content {
display: none
}
.process-tabs .tab-content.active {
display: block
}
.tab-content li {
}
.action-container .callBox{
display: none;
} .tribe-common a:focus {
outline: dotted 1.5px black !important;
outline-offset: 2px;
} figure.wp-block-image.size-large.center-it {
text-align: center;	
}
figure.alignleft {
left: 0;
} .tribe-events .tribe-events-calendar-series-archive__link:focus .tribe-events-series-archive__icon, .tribe-events .tribe-events-calendar-series-archive__link:hover .tribe-events-series-archive__icon {
color: var(--adaRed) !important;
}
span.tec_series_marker__title {
font-weight: normal;
}
a.tribe-events-series-relationship-single-marker__title.tribe-common-cta--alt:hover {
border-bottom: none;
} .tribe-events-pro-photo__event {
border-left: 4px solid var(--templateRed) !important;
-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.15);
box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
margin-left: 10px !important;
margin-right: 10px !important;
padding: 20px 10px 10px !important;
background-color: #fff;
display: flex;
flex: 1 1 calc(50% - 20px);
max-width: 1 1 auto;
}
.tribe-events-pro-photo__event-featured-image-wrapper {
display: none;
}
.tribe-events-pro-photo__event-date-tag.tribe-common-g-col {
margin-right: 10px;
}
@media screen and (max-width:660px) {
.tribe-events-pro-photo__event {
flex: 1 1 calc(100% - 20px);
}
} .uu-subnav-container article.tribe-common-g-col.tribe-events-pro-photo__event {
flex: 1 1 calc(100% - 20px);
}
.uu-subnav-container .tribe-events .tribe-events-c-nav__list {
background-color: transparent;
box-shadow: none;
}
.uu-subnav-container .tribe-events .tribe-events-c-nav__list a:focus,
.uu-subnav-container .tribe-events .tribe-events-c-nav__list a:hover {
padding-left: unset;
background-color: transparent;
}
.uu-subnav-container .tribe-events .tribe-events-c-nav__list a {
padding: 0;
}
.uu-subnav-container .tribe-events .tribe-events-c-nav__list li {
border-bottom: none;
}
.uu-subnav-container .tribe-events-c-top-bar__nav-list {
background-color: transparent !important;
box-shadow: none !important;
}
.uu-subnav-container li.tribe-events-c-top-bar__nav-list-item {
border-bottom: none !important;
}
.uu-subnav-container .tribe-events-c-top-bar__nav-list-item a:focus,
.uu-subnav-container .tribe-events-c-top-bar__nav-list-item a:hover {
padding-left: unset !important;
background-color: transparent !important;
}
.uu-subnav-container article.tribe-common-g-col.tribe-events-pro-photo__event {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media screen and (max-width: 1000px) {
.uu-subnav-container article.tribe-common-g-col.tribe-events-pro-photo__event {
margin-bottom: 20px !important;
}
} .tribe-filter-bar .tribe-filter-bar-c-filter--accordion .tribe-filter-bar-c-filter__toggle, 
.tribe-filter-bar .tribe-filter-bar-c-filter--accordion button.tribe-filter-bar-c-filter__toggle, 
.tribe-filter-bar .tribe-filter-bar-c-filter__toggle, 
.tribe-filter-bar button.tribe-filter-bar-c-filter__toggle {
-webkit-transition: all,.15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
border-left: none;
}
.tribe-filter-bar .tribe-filter-bar-c-filter--accordion button.tribe-filter-bar-c-filter__toggle:focus, 
.tribe-filter-bar .tribe-filter-bar-c-filter--accordion button.tribe-filter-bar-c-filter__toggle:hover {
opacity: 1;
border-left: 3px solid var(--templateRed); 
-webkit-transition: all,.2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.tribe-filter-bar .tribe-filter-bar-c-filter--accordion button.tribe-filter-bar-c-filter__toggle:focus .tribe-filter-bar-c-filter__toggle-text, 
.tribe-filter-bar .tribe-filter-bar-c-filter--accordion button.tribe-filter-bar-c-filter__toggle:hover .tribe-filter-bar-c-filter__toggle-text {
opacity: 1;
transform: translateX(15px);
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.tribe-filter-bar-c-filter.tribe-filter-bar-c-filter--accordion.tribe-filter-bar-c-filter--open .tribe-filter-bar-c-filter__toggle-wrapper {
border-left: 3px solid var(--templateRed);
color: var(--adaRed);
opacity: 1;
}
.tribe-filter-bar-c-filter.tribe-filter-bar-c-filter--accordion.tribe-filter-bar-c-filter--open .tribe-filter-bar-c-filter__toggle-text {
transform: translateX(15px);
}
.tribe-filter-bar .tribe-filter-bar-c-pill--has-selections .tribe-filter-bar-c-pill__pill {
border-radius: 4px;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection {
background: #372c2c;
border-radius: 4px !important;
padding-top: 3px;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection:hover {
background: var(--templateRed);
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-results__option:focus,
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-results__option:hover,
.tribe-common .tribe-common-form-control-checkbox__input:active,
.tribe-common .tribe-common-form-control-checkbox__input:focus,
.tribe-common .tribe-common-form-control-checkbox__input:hover,
.tribe-common .tribe-common-form-control-radio__input:active,
.tribe-common .tribe-common-form-control-radio__input:focus,
.tribe-common .tribe-common-form-control-radio__input:hover {
opacity: 1;
}
.tribe-filter-bar-c-filter__container {
margin-top: 10px !important;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-results__option--highlighted,
.tribe-common .tribe-common-form-control-checkbox__label:hover,
.tribe-common .tribe-common-form-control-radio__label:hover,
.tribe-common .tribe-common-form-control-checkbox__input:focus+.tribe-common-form-control-checkbox__label, 
.tribe-common .tribe-common-form-control-checkbox__input:hover+.tribe-common-form-control-checkbox__label {
opacity: 1;
font-weight: bold;
} .tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {
background: var(--templateRed);
}
.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:hover {
background-color: var(--templateRed);
}
.tribe-events .tribe-events-c-ical__link {
color: var(--adaRed);
border: 1px solid var(--adaRed);
}
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button,
.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn,
.tribe-events .tribe-events-c-ical__link:active,
.tribe-events .tribe-events-c-ical__link:focus,
.tribe-events .tribe-events-c-ical__link:hover,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after,
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
background-color: var(--templateRed) !important;
}
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button {
-webkit-transition: all,.15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:hover {
background-color: #372C2C !important;
transform: translateY(-1px);
-webkit-box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
-moz-box-shadow: 0px 10px 10px 0px rgba(84,117,145,0.2);
box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
-webkit-transition: all,.15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.tribe-common a, .tribe-common a:active,
.tribe-common a:focus,
.tribe-common a:hover,
.tribe-common a:visited {
font-weight: bold;
}
.tribe-events .tribe-events-c-search__input-control--keyword-focus .tribe-events-c-search__input,
.tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input:focus {
background-image: none !important;
}
.tribe-events .tribe-events-c-ical__link:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10m5-5H1' fill='none' fill-rule='evenodd' stroke='%23C51230' stroke-linecap='square' stroke-width='1.5'/%3E%3C/svg%3E");
}
.tribe-events .tribe-events-c-messages__message--notice:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 23'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23141827' d='M.5 2.5h20v20H.5z'/%3E%3Cpath stroke='%23C51230' stroke-linecap='round' d='M7.583 11.583l5.834 5.834m0-5.834l-5.834 5.834'/%3E%3Cpath stroke='%23141827' stroke-linecap='round' d='M4.5.5v4m12-4v4'/%3E%3Cpath stroke='%23141827' stroke-linecap='square' d='M.5 7.5h20'/%3E%3C/g%3E%3C/svg%3E");
}
.tribe-common .tribe-common-anchor-thin:active,
.tribe-common .tribe-common-anchor-thin:focus,
.tribe-common .tribe-common-anchor-thin:hover {
border-bottom: 2px solid var(--templateRed);
}
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link,
.tribe-common a:focus,
.tribe-common a:hover,
a.tribe-events-calendar-day__event-title-link.tribe-common-anchor-thin,
a.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin,
.tribe-events-calendar-month__day--current a.tribe-events-calendar-month__calendar-event-title-link.tribe-common-anchor-thin,
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date {
color: var(--adaRed);
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list {
display: flex;
height: 100%;
list-style: none;
padding-left: 0;
margin: auto;
}
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
background-color: #141827;
}
.tribe-events .tribe-events-c-top-bar__nav-list {
display: flex;
list-style: none;
padding-left: 0;
}
.the-events-calendar-category-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.the-events-calendar-category-list ol li {
display: inline-block;
list-style: none;
padding: 0.5rem 1rem;
}
.tribe-events .tribe-events-c-messages__message {
border-radius: 10px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-messages__message-list {
text-align: center;
list-style: none;
padding-left: 0;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
background-color: rgba(0,0,0,.2) !important;
transition: background-color .2s ease;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--focus h3, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--hover h3, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:focus h3, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover h3 {
color: #fff !important;
opacity: 1;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--focus, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--hover, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:focus, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover {
background-color: rgba(204,0,0,1) !important;
}
.tribe-block__events-gcal a, .tribe-block__events-ical a {
color: #fff !important;
}
a.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin,
a.tribe-events-calendar-day__event-title-link.tribe-common-anchor-thin {
color: #372C2C !important;
font-style: normal !important;
font-family: "Montserrat",sans-serif;
}
.tribe-common-l-container.tribe-events-l-container {
padding-bottom: 20px !important;
} .tribe-events-notices {
background: rgba(20,24,39,.07);
border-radius: 10px;
border: none;
color: #333;
margin: 10px 0 18px;
padding: 15px 35px 15px;
text-shadow: none;
}
.tribe-events-back {
margin: 20px 0;
}
h1.tribe-events-single-event-title {
display: none;
} .tribe-block__additional-field {
padding: 15px 0 0;
border-bottom: 1px solid var(--tec-color-border-default);
width: 90%;
}
.tribe-block__additional-field h3 {
font-weight: 600 !important;
font-size: 18px !important;
} .tribe-events-aside {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex-basis: 33.33% !important;
}
.tribe-events-title {
text-align: left;
line-height: 1.5em !important;
}
h2.tribe-events-schedule__datetime {
text-align: left;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
font-size: 18px;
}
.tribe-events-schedule__all-day, .tribe-events-schedule__separator, .tribe-events-schedule__timezone {
color: #202626 !important;
}
span.tribe-events-schedule__date.tribe-events-schedule__date--end {
white-space: pre-line;
} .tribe-block__venue {
margin: 0;
width: calc(100% - 40px);
padding: 20px 0;
border: none;
border-bottom: 1px solid var(--tec-color-border-default);
border-top: 1px solid var(--tec-color-border-default);
border-radius: 0;
}
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3 {
font-weight: 600;
}
.tribe-block__venue__name a {
pointer-events: none;
color: #262020 !important;
text-decoration: none !important;
font-size: 18px;
font-style: normal !important;
}
.tribe-block.tribe-block__venue.tribe-block__venue--has-map {
padding: 5%;
flex-direction: column;
background-color: #E6ECF2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px 0 50px 0;
-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.15);
box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
}
.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta {
width: 100%;
}
.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map {
width: 100%;
} .tribe-events-single-section.tribe-events-section-category.tribe-clearfix {
width:90%;
margin-top: 20px;
padding-bottom: 15px;
border-bottom: 1px solid var(--tec-color-border-default);
}
dt.tribe-events-event-categories-label h3 {
font-size: 18px;
}
dd.tribe-events-event-categories {
display: inline-block;
margin-inline-start: 0;
}
dd.tribe-events-event-categories a {
color: #fff !important;
margin: 5px 0;
background-color: #372C2C;
text-decoration: none !important;
text-transform: uppercase;
font-style: normal !important;
font-size: 13px;
font-weight: 700;
border: 0px;
border-radius: 4px;
padding: 2px 15px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(84,117,145,0.1);
-moz-box-shadow: 0px 0px 0px 0px rgba(84,117,145,0.1);
box-shadow: 0px 0px 0px 0px rgba(84,117,145,0.1);
-webkit-transition: all,.15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
display: block;
width: fit-content;
}
dd.tribe-events-event-categories a:hover,
dd.tribe-events-event-categories a:focus {
color: #fff !important;
background-color: var(--templateRed);
transform: translateY(-1px);
-webkit-box-shadow: 0px 10px 10px 0px rgba(84,117,145,0.2);
-moz-box-shadow: 0px 10px 10px 0px rgba(84,117,145,0.2);
box-shadow: 0px 10px 10px 0px rgba(84,117,145,0.2);
} .tribe-events-host {
font-size: 18px !important;
margin-top: 15px;
margin-bottom: 0;
}
.tribe-block.tribe-block__organizer__details.tribe-clearfix {
display: flex;
flex-direction: column;
width: calc(90% - 60px);
background: var(--templateRed);
padding: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0, 0.2);
box-shadow: 0 5px 10px rgba(0,0,0, 0.2);
}
.tribe-block__organizer__details h3 a {
color: #fff !important;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-decoration: none !important;
font-size: 16px;
font-style: normal !important;
}
.tribe-block__organizer__website a {
color: #fff !important;
text-decoration: underline;
font-style: normal !important;
}
.tribe-block__organizer__website a {
font-style: italic !important;
} .tribe-events-inner {
display: flex;
flex: 1 1 calc(60% - 40px);
flex-direction: column;
padding: 0 20px;
flex-basis: 66.66% !important;
}
.tribe-block__events-link .tribe-events.tribe-common {
display: flex;
flex-direction: row-reverse;
}
.tribe-events-inner .tribe-events-c-subscribe-dropdown {
margin: 0 !important;
} .tribe-block.tribe-block__events-link {
align-content: center;
text-align: center;
margin: auto;
display: inline-block;
width: 100%;
margin-bottom: 0;
margin-top: 0;
}
.tribe-block__btn--link.tribe-block__events-gcal,
.tribe-block__btn--link.tribe-block__events-ical {
width: fit-content;
float: right;  text-align: center;
display: inline-block;
position: relative;
margin: 0 5px;
}
.tribe-block__btn--link.tribe-block__events-gcal a,
.tribe-block__btn--link.tribe-block__events-ical a {
display: inline-block;
margin: 10px auto;
background-color: #372C2C;
color: #fff !important;
text-decoration: none !important;
text-align: center;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
border: 0px;
border-radius: 4px;
padding: 8px 20px;
-webkit-box-shadow: 0px 0px 0px 0px rgb(84 117 145 / 10%);
-moz-box-shadow: 0px 0px 0px 0px rgba(84,117,145,0.1);
box-shadow: 0px 0px 0px 0px rgb(84 117 145 / 10%);
-webkit-transition: all,.15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.tribe-block__btn--link.tribe-block__events-gcal a:focus, 
.tribe-block__btn--link.tribe-block__events-gcal a:hover, 
.tribe-block__btn--link.tribe-block__events-gcal a:visited:hover, 
.tribe-block__btn--link.tribe-block__events-gcal a:visited:focus,
.tribe-block__btn--link.tribe-block__events-ical a:focus,
.tribe-block__btn--link.tribe-block__events-ical a:hover,
.tribe-block__btn--link.tribe-block__events-ical a:visited:hover,
.tribe-block__btn--link.tribe-block__events-ical a:visited:focus {
background-color: var(--templateRed);
transform: translateY(-1px);
-webkit-box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
-moz-box-shadow: 0px 10px 10px 0px rgba(84,117,145,0.2);
box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
}
.tribe-block__btn--link.tribe-block__events-gcal img,
.tribe-block__btn--link.tribe-block__events-ical img {
display: none;
}
.tribe-block__events-link .tribe-block__btn--link a:before {
color: #fff !important;
} div.editorNote.infoBox {
flex-direction: row !important;
flex-wrap: nowrap;
width: calc(100% - 40px) !important;
padding: 20px;
font-style: normal;
display: flex;
align-items: center;
margin: 20px auto;
}
div.editorNote.infoBox > img {
flex: 1 1 25%;
margin: 0;
display: inline-flex;
min-width: 200px;
}
.infoBox h2 {
font-size: 21px;
} .tribe_events p a,
#tribe-events-content li a,
#tribe-events-content a, 
.tribe-events-event-meta a {
color: var(--adaRed);
font-style: italic;
text-decoration: underline;
}
div.tribe-events-inner ul {margin-left: 20px;} .tribe-block.tribe-block__event-website {
position: relative;
height: 70px;
margin-bottom: 30px;
display: block;
width:100%;
}
.tribe-block.tribe-block__event-website a {
display: inline-block !important;
margin: 10px auto;
background-color: var(--templateRed);
color: #fff !important;
text-decoration: none !important;
text-align: center;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
border: 0px;
border-radius: 4px;
padding: 8px 20px;
-webkit-box-shadow: 0px 0px 0px 0px rgb(84 117 145 / 10%);
-moz-box-shadow: 0px 0px 0px 0px rgba(84,117,145,0.1);
box-shadow: 0px 0px 0px 0px rgb(84 117 145 / 10%);
-webkit-transition: all,.15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
line-height: 2.4em;
min-height: unset;
font-style: normal !important;
}
.tribe-block.tribe-block__event-website a:hover,
.tribe-block.tribe-block__event-website a:focus,
.tribe-block.tribe-block__event-website a:visited:hover,
.tribe-block.tribe-block__event-website a:visited:focus {
background-color: var(--templateDarkRed);
transform: translateY(-1px);
-webkit-box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
-moz-box-shadow: 0px 10px 10px 0px rgba(84,117,145,0.2);
box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
}
div#tribe-events-footer {
margin-top: 50px;
}
li.tribe-events-nav-previous,
li.tribe-events-nav-next {
padding: 10px 20px;
text-align: center !important;
position: absolute;
bottom: 0px;
background-color: transparent !important;
}
li.tribe-events-nav-previous {
left: 0;
}
li.tribe-events-nav-next {
right: 0;
}
li.tribe-events-nav-previous:hover,
li.tribe-events-nav-next:hover {
color: var(--templateRed);
}
.events-list #tribe-events-footer, .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer {
border-top: none;
} @media screen and (max-height: 835px) {
#blogFeaturedWrapper {
height: auto !important;
}
}
@media screen and (max-height: 815px) {
.home-feature {
height: 50vh !important;
min-height: unset !important;
}
.home-img {
margin-top: 25vh;
}
.page-header {
height: 20vh !important;
min-height: unset !important;
}
.ten-twenty-four.row.clearfix.loop-padding {
padding-top: 0 !important;
}
}
@media screen and (min-width: 1650px) {
h1.cta-title {
font-size: 10em;
}
.cta-header {
padding: 30vh 6% 6%;
}
.ten-twenty-four {
max-width: 1600px;
}
}
@media only screen and (min-width: 1024px) {
.content-single {
width: 90%;
margin: 0 auto;
}
}
@media (min-width: 950px) {
.uu-marquee--lg, .uu-marquee--lg .uu-marquee__default, .uu-marquee--lg .uu-marquee__slide {
min-height: 700px;
}
}
@media screen and (max-width: 1350px) {
.blog-description {
margin-right: 2%;
}
.blog-description h1 {
font-size:2em !important;
}
.blog-post-roll {
margin-right: 2%;
}
}
@media screen and (max-width: 1240px) {
.acc-menu .acc-title {
padding: 10px 10px;
}
.acc-menu .acc-inputs {
padding: 0px 10px;
}
.acc-menu .acc-link {
padding: 10px 10px;
}
}
@media screen and (max-width: 1235px){
h1.cta-title {
font-size: 6em;
}
.cta-tagline {
font-size: 24px;
transform: translateX(-3%);
margin-bottom: 30px;
margin-top: -20px;
}
.cta-form {
height: 95%;
}
}
@media screen and (max-width: 1220px) {
.blog-roll-wrapper {
padding: 0 6%;
}
article {
padding: 0 30px;
}
.ucrew-banner div article {
padding: 0;
}
}
@media screen and (max-width: 1200px) {
.cta-form .nf-form-content label {
font-size: 20px;
line-height: 1.3em;
}
.cta-form .label-above .nf-field-label {
margin-bottom: 10px;
}
}
@media screen and (max-width: 1150px) {
.meta-title-container{
margin-bottom: 30px;
width: 70%;
}
.meta-title-container h1 {
width: 100%;
}
.blog-banner {
min-height: 450px;
}
.blog-description {
width:100%;
}
#blogFeaturedWrapper {
height: 70vh;
background-position: left;
background-size: cover;
position: relative;
overflow: hidden;
}
.blog-single-content {
width: 100%;
padding: 6%;
max-width: none;
margin-left:auto;
}
.tag-button-single-container {
display: none;
}
a.btn#home-switch {
display:inline-block;
}
}
@media screen and (max-width: 1085px){
.waysBox-init h3.cta-title {
font-size: 26px;
padding: 0 20px 0 10px;
}
}
@media screen and (max-width: 1067px){
.waysBox-init h3.cta-title {
padding: 0 15px 0 10px;
}
}
@media screen and (max-width: 1050px){
h1.cta-title {
font-size: 5em;
}
.cta-tagline {
margin-top: -50px;
}
.waysBox-init h3.cta-title {
padding: 0 10px;
}
.cta-events > ul.ecs-event-list > li.ecs-event:nth-child(3) {
display: none;
}
.cta-events > ul.ecs-event-list > li.ecs-event {
width: 47%;
height: 230px;
}
}
@media screen and (max-width: 1034px){
.waysBox-init h3.cta-title {
padding: 0 5px 0 10px;
}
}
@media screen and (max-width: 1017px){
.waysBox-init h3.cta-title {
padding: 0 0 0 10px;
}
}
@media screen and (max-width: 1000px){
.waysBox-init h3.cta-title {
padding: 0 0 0 5px;
}
.cta-banner form {
height: 90vh;	
}
.cta-banner label {
width: 100%;
height: 60px;
padding: 10px 20px;
font-weight: bold;
font-size: 26px;
text-orientation: mixed;
-ms-writing-mode: lr-tb;
writing-mode: unset;
line-height: 40px;
margin-bottom: -5px;
float:none;
display: inline-block;
}
.cta-banner div > input:checked ~ article {
width: 100%;
height: calc(90vh - 239px);
padding: 10px 30px;
float: none;
margin-bottom: 0;
}
.cta-banner article {
height: 0;
width: 100%;
float:none;
}
article > h2.cta-title {
display: none;
}
.cta-form form {
height: 100%;
padding-top: 5%;
}
.cta-form .nf-form-content label {
line-height: 1.2em;
height: 1em;
}
}
@media screen and (max-width: 986px){
h1.cta-title {
font-size: 4.7em;
left: 5%;
}
.cta-tagline {
font-size: 20px;
margin-top: -60px;
}
}
@media screen and (max-width: 984px){
.waysBox-init h3.cta-title {
padding: 0;
}
}
@media screen and (max-width: 970px) {
.acc-menu .acc-title {
border: 0px;
display: none;
}
.acc-menu .acc-inputs {
border: 0px;
}
.acc-menu .acc-link {
border: 0px;
display: none;
}
.so-widget-uu-marquee-widget {
margin-bottom: 50px;
} }
@media screen and (max-width: 967px){
.waysBox-init h3.cta-title {
font-size: 23px;
padding: 0 10px;
}
}
@media screen and (max-width: 950px){
.cta-form .nf-form-content .nf-cell {
width: 100% !important;
padding: 0;
}
.cta-form textarea#nf-field-1245 {
height: 150px;
}
.cta-form #nf-field-1245-container {
margin-bottom: 0;
}
.cta-banner {
height: fit-content;
max-height: unset !important;
}
.cta-events {
width: 100%;
border-radius: 0;
padding: 6%;
height: fit-content;
}
.cta-events > ul.ecs-event-list > li.ecs-event:nth-child(3) {
display: inline-block;
}
.cta-events > ul.ecs-event-list > li.ecs-event {
width: 30%;
height: 270px;
}
.cta-form {
position: relative;
height: fit-content;
width: 100%;
}
.blog-description {
width:100%;
}
.blog-description h1 {
font-size:2.5em !important;
}
.blog-post-roll-description {
min-height: 200px;
}
}
@media screen and (max-width: 949px){
.waysBox-init h3.cta-title {
padding: 0 5px 0 10px;
}
.meta-title-container{
width: 90%;
}
}
@media screen and (max-width: 932px){
.waysBox-init h3.cta-title {
padding: 0 0 0 10px;
}
}
@media screen and (max-width: 915px){
.waysBox-init h3.cta-title {
padding: 0 0 0 5px;
}
}
@media screen and (max-width: 899px){
.waysBox-init h3.cta-title {
padding: 0;
}
}
@media screen and (max-width: 882px){
.waysBox-init h3.cta-title {
font-size: 22px;
}
}
@media screen and (max-width: 875px){
.cta-header {
width: 60%;
}
h1.cta-title {
top: 5%;
}
}
@media screen and (max-width: 880px) {
.blog-post-roll-description {
min-height: 180px;
min-width: 200px;
}
}
@media screen and (max-width:820px) {
.blog-post-roll {
margin:10px;
}
}
@media screen and (max-width:800px){
.podcastBox{
display:block;
text-align: center;
}
.podcastImg{
display: block;
position:relative;
width:200px;
height:200px;
margin:30px 0 0;
margin-left:50%;
transform:translateX(-50%);
}
.podcastBody{
flex: 1 1 100%;
position:relative;
}
}
@media screen and (max-width: 795px) {
.cta-header {
width: 75%;
}
h1.cta-title {
left: 10%;
font-size: 5em;
}
.cta-nav {
display: none;
}
.cta-img #mobile-hide {
display: none;
} }
@media (max-width: 781px) {
.tribe-events-series-relationship-single-marker.tribe-common,
.tribe-events-title,
h2.tribe-events-schedule__datetime {
text-align: center;
}
hr.left.title {
margin-left: auto;
}
.tribe-block__venue {
text-align: center;
width: 100%;
padding: 10px 0;
}
.tribe-block__venue .tribe-block__venue__meta {
margin-top: 0;
}
.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map,
.tribe-events-single-section.tribe-events-section-category,
.tribe-block.tribe-block__organizer__details.tribe-clearfix,
.tribe-block.tribe-block__additional-field {
display: none;
}
.tribe-events-inner {
flex: 1 1 100%;
padding: 0;
}
.tribe-block__events-link .tribe-events.tribe-common {
justify-content: center;
}
div.editorNote.infoBox {
flex-direction: row !important;
flex-wrap: wrap;
width: 80% !important;
margin-left: auto !important;
padding: 20px;
}
.tribe-events-host {
display: none;
}
}
@media screen and (max-width:772px) {
.blog-post-roll {
margin: 0 10px 10px 0;
}
}
@media screen and (max-width: 750px) {
#blogFeaturedWrapper {
height: 50vh;
background-position: left;
background-size: cover;
position: relative;
overflow: hidden;
}
#photoTitleWrapper {
padding: 35vw 0 5vw;
}
#photoTitleWrapper h1 {
font-size: 12vw;
}
#photoTitleWrapper p {
font-size: 8vw;
}
.blog-box {
width: 90%;
}
.blog-box .blog-img {
height: 40vw;
}
.blog-roll-wrapper {
align-content: center;
margin: auto;
text-align: center;
}
.blog-post-roll-description {
min-height: 210px;
margin-top: -30%;
}
.blog-description h1 {
text-align:left;
}
.blog-page .blog-img {
width: 100%;
}
.blog-page #blog-content {
width: 100%;
}
h3.speech + p {
margin-left: 20% !important;
}
a.tag-button {
font-size:16px;
}
.single-blog-header {
background-size: cover;
position: relative; width: 90%;
max-width: none;
background-position: left;
min-height: 300px;
}
}
@media screen and (max-width: 712px) {
.blog-post-roll-description {
min-height: 190px;
}
.postAuthor {
font-size: 14px;
}
}
@media screen and (max-width: 708px){
.waysBox-init h3.cta-title {
font-size: 26px;
}
}
@media screen and (max-width: 700px) {
.entry-content {
padding: 0 !important;
}
#ctaTitleWrapper {
height: unset;
overflow: visible;
}
h1.cta-title {
display: none;
text-align: center;
left: 0;
position: relative;
margin-top: 5%;
}
.cta-header {
width: 100%;
margin-top: 300px;
padding: 6%;
border-radius: 0;
min-height: unset;
text-align: center;
position: relative;
}
.cta-tagline {
transform: translateX(0);
margin-left: 0;
margin-top:0;
text-align: center;
font-weight: normal;
}
.cta-img {
width: 100%;
left: 0;
filter: brightness(1);
height: 300px;
text-shadow: 0 0 20px rgba(0,0,0,1);
}
.cta-header .cta-tagline {
display: none;
}
.cta-img #mobile-show {
display: inline-block;
}
.cta-img #mobile-show h1.cta-title {
display: inline-block;
}
div.button.arrow a {
padding: 10px 20px;
left: 45%;
width: 10%;
}
.single-blog-header {
margin-bottom: 50px;
}
}
@media screen and (max-width: 690px) {
.cta-banner label {
font-size: 23px;
}
h4.entry-title.summary {
padding: 20px 15px 0 15px;
width: calc(100% - 30px);
}
}
@media screen and (max-width: 685px) {
.uu-tab-panel {
display: none;
}
.so-widget-uu-marquee-widget {
margin-bottom: 50px;
}
}
@media screen and (max-width: 630px) {
div.editorNote.infoBox {
flex-direction: column !important;
flex-wrap: wrap;
}
}
@media screen and (max-width: 600px) {
.blog-post-roll-description {
margin-top: -35%;
}
.postAuthor {
text-align:center;
}
.postAuthor span {
float: none !important;
}
.blog-tag-container {
width: 100%;
margin-left: 0;
}
.post-thumbnail {
height: 30vh;
}
.cta-form form {
width: 90%;
margin-left: 50%;
transform: translateX(-50%);
}
.cta-form .label-above .nf-field-label {
width: 100%;
margin-top: 20px;
}
.cta-form .list-radio-wrap .nf-field-element ul li label {
margin-bottom: 5px;
}
.cta-form .nf-form-content label {
text-align: center;
}
.cta-banner form {
height: calc(100vh + 240px);	
}
.cta-banner div > input:checked ~ article {
height:100vh;
}
}
@media screen and (max-width: 550px){
.cta-events > ul.ecs-event-list > li.ecs-event:nth-child(3) {
display: none;
}
.cta-events > ul.ecs-event-list > li.ecs-event {
width: 47%;
height: 230px;
}
}
@media screen and (max-width: 535px) {
.cta-banner label {
font-size: 20px;
}
}
@media screen and (max-width: 520px){
.waysBox-init h3.cta-title {
font-size: 22px;
}
.cta-img #mobile-show {
padding-top: 5%;
}
h1.cta-title {
font-size: 4.5em;
}
}
@media screen and (max-width: 500px){
.cta-header {
margin-top: 270px;
}
.cta-img {
height: 270px;
}
h1.cta-title {
font-size: 4.5em;
}
article > h3.cta-title {
font-size: 22px;
}
.cta-events h4.entry-title.summary {
font-size: 20px;
}
.blog-banner {
height: 40vh !important;
}
.single-blog-header {
margin-top:-70px;
}
.meta-title-container h1 {
font-size: 28px;
}
}
@media screen and (max-width: 500px) {
.blog-post-roll-description {
margin-top: -40%;
}
}
@media screen and (max-width:475px) {
h2.cta-title {
font-size: 36px;
}
.cta-banner label {
font-size: 16px;
font-weight: lighter;
padding-right: 0;
line-height: 40px;
}
}
@media screen and (max-width: 425px) {
#blogFeaturedWrapper {
background-position: 35%;
height: auto;
}
.blog-post-roll-description {
margin-top: -50%;
}
.blog-post-roll {
padding-bottom: 10%;
}
.blog-roll-wrapper {
padding: 0 1.5%;
}
}
@media screen and (max-width: 415px){
h1.cta-title {
font-size: 3em;
}
.cta-img {
height: 250px;
}
.cta-img #mobile-show {
padding: 5% 6% 0;
}
.cta-header {
margin-top: 250px;
}
.cta-banner label {
padding: 10px;
}
.cta-events ul.ecs-event-list,
p#no-mobile {
display: none;
}
}
@media screen and (max-width:375px) {
.cta-banner form {
width: 100%;
left: 0;
}
#primary .blog-post-roll a h2 {
font-size: 1.2em !important;
}
}
@media screen and (max-width: 339px) {
.cta-banner label {
font-size: 20px;
font-weight: lighter;
padding: 5px 20px;
line-height: 25px;
}
}