body, html {
height: 100%;
}
main {
display:block;
}
/* body { */
/* This is base. All others should be "em". */ /*
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
-webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
font-weight:400;
font-style:normal;
margin:0;
}
h1 {
font-size: 1.6888em;
margin-bottom: 15px;
line-height:1.185em;
}
h2 {
font-size: 1.5em;
margin-bottom:10px;
}
h3 {
font-size: 1.125em;
margin-bottom:10px;
line-height:1.389em;
}
h4 {
font-size: 1em;
font-weight: 600;
margin-bottom:10px;
line-height:1.25em;
}
.emphasis {
font-style: italic;
}
p {
font-size:0.875em;
}*/
.white-text {
color: #fff;
}
ol {
padding-left: 1.5em;
}
.center {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.left {
text-align:left;
}
.hr {
margin:5em 0 2em;
}
.hr.display-mode {
margin:2em 0 2em;
}
#main-content-region {
margin-top:30px;
}
.page-about-scadamp.no-hero #main-content-region,
.page-content-scadamp.no-hero #main-content-region {
margin-top: 0;
}
.page-about-scadamp.no-hero nav#top-main-nav,
.page-content-scadamp.no-hero nav#top-main-nav {
margin-bottom: 0;
}
.nopadding {
padding: 0 !important;
}
.nopadding-top {
padding-top: 0 !important;
}
.nopadding-right {
padding-right: 0 !important;
}
.nopadding-bottom {
padding-bottom: 0 !important;
}
.nopadding-left {
padding-left: 0 !important;
}
.nomargin {
margin: 0 !important;
}
.nomargin-top {
margin-top: 0 !important;
}
.nomargin-right {
margin-right: 0 !important;
}
.nomargin-bottom {
margin-bottom: 0 !important;
}
.nomargin-left {
margin-left: 0 !important;
}
.margin-top-all-10 {
margin-top:10px !important;
}
.margin-top-all-20 {
margin-top:20px !important;
}
.margin-top-all-30 {
margin-top:30px !important;
}
.margin-top-all-40 {
margin-top:40px !important;
}
.margin-top-all-50 {
margin-top:50px !important;
}
.margin-bottom-all-10 {
margin-bottom:10px !important;
}
.margin-bottom-all-20 {
margin-bottom:20px !important;
}
.margin-bottom-all-30 {
margin-bottom:30px !important;
}
.margin-bottom-all-40 {
margin-bottom:40px !important;
}
.margin-bottom-all-50 {
margin-bottom:50px !important;
}
.padding-top-all-10 {
padding-top:10px !important;
}
.padding-top-all-20 {
padding-top:20px !important;
}
.padding-top-all-30 {
padding-top:30px !important;
}
.padding-top-all-40 {
padding-top:40px !important;
}
.padding-top-all-50 {
padding-top:50px !important;
}
.padding-bottom-all-10 {
padding-bottom:10px !important;
}
.padding-bottom-all-20 {
padding-bottom:20px !important;
}
.padding-bottom-all-30 {
padding-bottom:30px !important;
}
.padding-bottom-all-40 {
padding-bottom:40px !important;
}
.padding-bottom-all-50 {
padding-bottom:50px !important;
}
.border-top {
border-top:1px solid #ddd;
}
.border-left {
border-left:1px solid #ccc;
}
.border-right {
border-right:1px solid #ccc;
}
.border-bottom {
border-bottom:1px solid #ccc;
}
.border-thin {
border-width: 1px !important;
}
.border-normal {
border-width: 2px !important;
}
.border-thick {
border-width: 3px !important;
}
body.not-front .main-wrapper{
min-height: 100% ;
position: relative ;
overflow: hidden;
/*padding-bottom:30px;*/
}
body.not-front .main-container{
padding-bottom: 60px;
}
.a11y__hidden-visually {
border: 0;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.a11y__skip-nav {
position: absolute;
z-index: 1600;
top: 0;
left: 0;
padding: 10px;
display: flex;
flex-direction: column;
background-color: white;
border-bottom-right-radius: 5px;
border: 1px solid grey;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.a11y__skip-nav a {
padding: 4px;
}
/*.btn-stroke {
background-color: white;
border-color: red;
/* override border color per section */ /*
border-style: solid;
border-width: 2px;
color:red;
border-radius:0;
}
.btn-stroke a:hover,
.btn-stroke:hover{
background:red;
color:white;
transition-duration: 0.2s;
box-shadow: none;
text-decoration: none;
}*/
/*navigation container */
/*#navbar {
margin-bottom: -3px; /* adjustment to move up main-container closer to nav due to bottom header border*/
/*}*/
#navbar .navbar-header{
width:100%;
}
header#navbar .container .navbar-collapse {
margin-right:0px;
margin-left:0px;
}
header#navbar .container{
padding-right:0px;
padding-left:0px;
}
#bottom-header-border {
border-bottom: 1px solid #ccc;
}
#bottom-nav-border {
border-bottom: 3px solid #ccc;
position:relative;
top: -3px;
z-index:0;
}
/* Locations */
body.section-locations #bottom-nav-border {
border-bottom-color: #0d7862;
z-index:888;
}
/* Calendar */
body.section-calendar #bottom-nav-border {
border-bottom-color: #1968B1;
z-index:888;
}
img {
display: block;
height: auto;
max-width: 100%;
}
.section-admission-visit-scad-scad-days .location-city-state .gray {
color: #333 !important;
font-size: 13px;
}
/* ul li strong:only-child {
padding-bottom: 15px;
display: inline-flex;
} */
.padding-left {
padding-left:15px;
}
#navbar {
background:#fff;
position: relative;
z-index: 2;
}
#navbar .navbar-brand {
padding:0px;
}
#navbar a.navbar-brand.mobile-logo{
position: relative;
top: 3px;
left: 22px;
}
#scad-logo.scadlogo-icon-scad_logo{
font-size: 2.5em;
}
#scad-logo.scadlogo-icon-scad_logo:before {
line-height:inherit;
position:relative;
top:0px;
padding-top:14px;
}
#navbar a.navbar-brand:hover{
color:#333333;
}
ul.navbar-nav.secondary li {
background:none;
}
#main-nav .navbar-nav {
clear: both;
margin: 0px auto;
float: none;
padding:0px;
}
.main-menu-navbar-collapse {
background:rgb(241,241,241);
}
#main-nav .last.expanded.dropdown {
display: none;
}
.navbar-collapse #main-nav .navbar-nav li.dropdown {
width:100%;
}
#main-nav li a.dropdown-toggle {
text-align: left;
border:1px solid #ccc;
border-top:0px;
/*font-size:1.125em; */
}
#main-nav li.main-menu > a.dropdown-toggle {
border-top:1px solid #ccc;
}
#main-nav li.all-programs > a{
border-bottom:1px solid #ccc;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-academics > ul > li > ul> li.dropdown-submenu a{
background-color:#eef1fa;
border-left:3px solid #bfc6e2;
border-right:3px solid #bfc6e2;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-academics > ul > li > ul > li > ul > li.dropdown-submenu a{
background-color:#e1e6f7;
border-left:3px solid #959fc9;
border-right:3px solid #959fc9;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-admission > ul > li > ul> li.dropdown-submenu a{
background-color:#f7eefc;
border-left:3px solid #dbc5e6;
border-right:3px solid #dbc5e6;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-admission > ul > li > ul > li > ul > li.dropdown-submenu a{
background-color:#eddaf7;
border-left:3px solid #c19fd2;
border-right:3px solid #c19fd2;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-success > ul > li > ul> li.dropdown-submenu a{
background-color:#ffeded;
border-left:3px solid #fbd3d3;
border-right:3px solid #fbd3d3;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-success > ul > li > ul > li > ul > li.dropdown-submenu a{
background-color:#fad3d3;
border-left:3px solid #e6a1a1;
border-right:3px solid #e6a1a1;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-life > ul > li > ul> li.dropdown-submenu a {
background-color:#ffece4;
border-left:3px solid #fed0be;
border-right:3px solid #fed0be;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-life > ul > li > ul > li > ul > li.dropdown-submenu a {
background-color:#ffdacc;
border-left:3px solid #fdb79b;
border-right:3px solid #fdb79b;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-about > ul > li > ul> li.dropdown-submenu a {
background-color:#e2fcf7;
border-right:3px solid #c4e7e0;
border-left:3px solid #c4e7e0;
}
#main-nav .navbar-nav li.dropdown.main-menu-item-about > ul > li > ul > li > ul > li.dropdown-submenu a {
background-color:#cdf1ea;
border-right:3px solid #a5dacf;
border-left:3px solid #a5dacf;
}
#navbar button.navbar-toggle {
/* background:url("/sites/all/themes/swarm/images/button-menu.png");
background-repeat:no-repeat; */
margin-left: 10px;
margin-right: 2px;
position:relative;
left:33px;
}
#main-nav .navbar-nav li a {
padding-left:20px;
padding-top: 20px;
padding-bottom: 20px;
/* max-height:59px; */
padding-right:38px;
line-height:1.2em;
}
#main-nav .navbar-nav li.first-contextual a {
padding-left:36px;
}
#main-nav .navbar-nav li {
background:rgb(255,255,255);
}
.main-menu-navbar-collapse.navbar-collapse {
max-height:initial; /* we want nav to have height > default bootstrap height: 340px */
width:100%;
padding-left:15px;
padding-right:15px;
}
#main-nav li span.caret {
display:none;
}
li.main-menu-item-additional-sections {
display:none;
}
/* secondary navigation */
div.secondary-nav-wrapper.mobile-secondary{
width: 100%;
}
div.secondary-nav-wrapper.mobile-secondary ul{
width: 100%;
}
.secondary-nav-wrapper ul.secondary li {
display: inline-block;
width:49%;
border:1px solid #ccc;
margin-top:5px;
background:rgb(255,255,255);
font-size:1em;
}
ul.menu.nav.navbar-nav.secondary {
padding-bottom:5px;
padding-top:16px;
min-width:474px;
}
.secondary-nav-wrapper ul.navbar-nav {
margin:0px;
}
ul.menu.nav.navbar-nav.secondary li a {
color:#333;
/* font-size:0.650em; */
padding:5px 6px;
text-transform:uppercase;
font-size:0.6em;
background-color:#eaeaea;
font-weight:500;
letter-spacing:.0625em;
}
ul.menu.nav.navbar-nav.secondary li:hover a {
background-color:#e0e0e0;
}
/* search bar */
.main-menu-navbar-collapse form.navbar-form {
padding:0 0 20px 0;
margin:10px 0 0 0;
border:none;
box-shadow:0 0 0;
webkit-boxshadow:0 0 0;
}
.main-menu-navbar-collapse .form-control { /* bootstrap default is 34px: changed here to match main nav heights */
height:60px;
}
div.main-menu-navbar-collapse.pull-left.navbar-collapse.navbar-right.collapse {
width:auto;
}
.main-nav-search-icon {
width:55px;
height:52px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
position:relative;
left:35px;
}
/*.main-nav-search-icon a {
padding:30px;
padding-right:50px; */
}
.main-nav-search-icon img {
margin-right:10px;
position:relative;
bottom:5px;
left:21px;
}
img#search-page-active {
bottom:11px;
display:none;
}
.page-search #main-content-region {
margin-top:0;
}
.page-search img#search-page-active {
display:block;
}
.page-search .image img {
max-width: 200px;
float:left;
padding: 5px 20px 20px 0;
}
.page-search .result .title a{
color: #428bca;
}
.page-search .result .link{
font-size:0.75em;
color:#999;
}
.page-search .result .snippet {
font-size: 0.875em;
}
.page-search #load-more {
clear:both;
margin-left:40%;
}
.page-search form#gcs-search {
float:left;
}
/* main menu list and list items */
ul.navbar-nav.main-menu > li.dropdown {
z-index: 888;
}
ul.navbar-nav.main-menu > li.dropdown.click-active {
z-index: 999;
}
#main-nav li.main-menu-item-academics > a.dropdown-toggle {
border-bottom:3px solid #5b5aa2;
}
#main-nav li.main-menu-item-admission > a.dropdown-toggle{
border-bottom:3px solid #0a7eb5;
}
#main-nav li.main-menu-item-success > a.dropdown-toggle {
border-bottom:3px solid #c95656;
}
#main-nav li.main-menu-item-life > a.dropdown-toggle {
border-bottom:3px solid #0d7862;
}
#main-nav li.main-menu-item-about > a.dropdown-toggle {
border-bottom:3px solid #57af9d;
}
/*resolves issue of border color showing after activating drop-down*/
body.not-front li.dropdown.main-menu.click-active{
border-bottom: none;
}
.main-menu-navbar-collapse .navbar-nav li.dropdown.main-menu ul {
background-color:#f1f1f1;
}
.main-menu-navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu {
border-radius:0px;
}
.navbar-collapse #main-nav .navbar-nav li a {
color:#333;
}
.main-menu-navbar-collapse .nav>li>a:focus {
background-color:#fff;
}
.navbar-collapse #main-nav .navbar-nav li.dropdown ul.dropdown-menu li a {
color:#333;
padding-top:20px;
padding-bottom:20px;
/* max-height:59px; */
padding-right:64px;
}
ul.menu.nav.navbar-nav.secondary a {
color:#333;
}
.navbar-collapse #main-nav .navbar-nav li.dropdown ul.dropdown-menu li a:hover{
background-color: #fff;
color:#428bca;
}
li.dropdown.main-menu {
margin-top: 10px;
}
.main-nav-search-icon a {
line-height:1.3em;
}
span.dropdown-img {
float:right;
position:relative;
padding:5px 0px 5px 100px;
bottom:55px;
height:0px;
margin-top:-10px;
}
span.dropdown-img i{
padding:21px 7px 18px 10px;
position:relative;
top:22px;
right:3px;
font-size:15px;
border-left:1px solid #ccc;
}
span.dropdown-img:hover{
cursor:pointer;
}
.main-menu-navbar-collapse ul li ul {
padding-left:10px;
}
.main-menu-navbar-collapse .dropdown-menu {
padding-top:0px;
padding-bottom:0px;
}
div#full-nav-container li.main-menu-item-academics{
display:none;
}
div#full-nav-container li.main-menu-item-admission{
display:none;
}
div#full-nav-container li.main-menu-item-success{
display:none;
}
div#full-nav-container li.main-menu-item-life{
display:none;
}
div#full-nav-container li.main-menu-item-about{
display:none;
}
div#full-nav-container li.main-menu-item-additional-sections{
display:none !important;
}
#main-nav .nav li.open.main-menu-item-academics a:focus, #main-nav .nav li.open.main-menu-item-academics ul li a:focus #main-nav {
background:inherit;
background-color: #fff;
}
#main-nav .nav li.open.main-menu-item-admission a:focus, #main-nav .nav li.open.main-menu-item-admission ul li a:focus #main-nav {
background:inherit;
background-color: #fff;
}
#main-nav .nav li.open.main-menu-item-success a:focus, #main-nav .nav li.open.main-menu-item-success ul li a:focus{
background:inherit;
background-color: #fff;
}
#main-nav .nav li.open.main-menu-item-life a:focus, #main-nav .nav li.open.main-menu-item-life ul li a:focus{
background:inherit;
background-color: #fff;
}
#main-nav .nav li.open.main-menu-item-about a:focus, #main-nav .nav li.open.main-menu-item-life ul li a:focus{
background:inherit;
background-color: #fff;
}
#main-nav .nav .open a {
background: inherit;
}
#main-nav .nav li a:hover {
background-color: #fff;
}
.main-menu-navbar-collapse #context-nav-container ul li ul {
padding-left:0px;
}
#desktop-menu-wrapper {
display:none;
top: -6px;
z-index: 888;
}
/* menu icons */
/* prevent academics>elearning>programs from picking up academics>programs icon*/
/* caret and dropdown click styling */
img.main-caret {
margin:0 auto;
position:relative;
z-index:1001;
top:56px;
display:none;
}
.main-menu-caret {
float:left;
width:100%;
}
.navbar-toggle:focus {
outline:none;
}
li.dropdown.main-menu-item-academics.open, li.dropdown.main-menu-item-admission.open, li.dropdown.main-menu-item-success.open, li.dropdown.main-menu-item-life.open, li.dropdown.main-menu-item-about.open, li.dropdown.main-menu-item-additional-sections.open {
border-bottom:none;
}
button#menu-climber {
background-color: #fff;
margin-top:10px;
margin-bottom:10px;
}
a.dropdown-toggle.active {
font-weight:bold;
/*background: rgb(255,255,255) url("/sites/all/themes/swarm/images/menu-icons/active-link.png") no-repeat scroll 14px 25px; */
}
/*#main-nav .nav .open a.active {
background: rgb(255,255,255) url("/sites/all/themes/swarm/images/menu-icons/active-link.png") no-repeat scroll 14px 25px;
}*/
#main-nav .nav .open.first-contextual > a.active {
background:none;
font-weight:bold;
}
#main-nav .nav .open.first-contextual > a {
border:1px solid #ccc;
}
li.first-contextual.menu-item-programs {
display:none;
}
/* #main-nav li.all-programs a.dropdown-toggle {
font-size:1.00em;
} */
li.dropdown-submenu.menu-item-programs-full-list .all-programs {
/*font-size:0.825em; */
}
.current-program-menu span.dropdown-img img {
display:none;
}
.dropdown-menu li.dropdown-submenu a {
white-space:normal;
}
li.all-programs.programs {
/* font-size:1.125em; */
border:1px solid #ccc;
border-bottom:none;
}
li.dropdown-submenu {
margin-left:4px;
margin-right:4px;
margin-bottom:0px;
}
li.main-menu {
margin-left:0px;
margin-right:0px;
}
/* END MAIN MENU CSS */
/* BEGIN SEARCH ICON, SEARCH PAGE, AND BREADCRUMB NAVIGATION CSS */
.breadcrumb { display:none; }
section#block-scad-nav-scad-nav-up-one-level {
display: none;
}
.page-search .region-content form#gcs-search,
.page-404page .region-content form#gcs-search,
.page-403page .region-content form#gcs-search {
width:88%;
}
.page-search form#gcs-search input#search-text,
.page-404page form#gcs-search input#search-text {
width: 100%;
border:none;
font-size:27px;
float:left;
padding-bottom:20px;
padding-top:20px;
-webkit-font-smoothing: antialiased;
}
.page-search form#gcs-search input#search-text:focus,
.page-404page form#gcs-search input#search-text:focus {
outline:0px;
}
.page-search form#gcs-search input#search-image,
.page-404page form#gcs-search input#search-image {
float:right;
width:5%;
min-width:30px;
padding-top:10px;
}
.page-search form#gcs-search ::-webkit-input-placeholder, .page-404page form#gcs-search ::-webkit-input-placeholder, .page-404page form#gcs-search ::-webkit-input-placeholder {
font-style:italic;
}
.page-search .count-wrapper {
width:100%;
margin-bottom:20px;
clear:both;
}
.page-search .cancel-button button{
position: relative;
float: right;
top: 72px;
right: 15px;
color: #ccc;
background: transparent;
border: 0;
}
.page-404page .cancel-button .icon-close{
position: relative;
top: 23px;
color:#ccc;
}
.page-search .cancel-button .icon-close {
color:#ccc;
}
.page-search .cancel-button:hover .icon-close,
.page-search .cancel-button.focus-text .icon-close {
color:#333
}
.page-search .count-wrapper .total {
background:#f7f7f7;
padding:0px 10px;
font-size:0.86em;
}
.page-search .result {
width: 100%;
margin-bottom:40px;
}
.page-search .result em.ais-Snippet-highlighted {
font-style: normal;
font-weight: 600;
}
.page-search .result .title {
font-size:18px;
}
.page-search h1.page-header {
display:none;
}
.page-search .results-area {
clear:both;
min-height:500px;
}
.page-search .page-trigger {
opacity: 0;
font-size: 0;
}
.cancel-button a {
float:right;
}
#search-image {
display: none;
}
/* END SEARCH ICON SEARCH PAGE BREADCRUMB NAVIGATION */
/* BEGIN: list item */
.legal-stlye li ol li {
list-style-type: inherit;
}
/* END: List item */
/* General Typography */
blockquote:before {
color: rgba(234, 234, 234, 1);
content: "“";
position: absolute;
font-size: 9em;
top: 60px;
}
blockquote {
border-left:0;
}
.border-box {
border:1px solid #ccc;
}
#node-url{
font-size: .875em;
}
.media-title {
text-transform: uppercase;
font-weight: 400;
font-size: .75em;
display:block;
}
.inner-row {
width:100%;
margin:20px 0;
}
/* Begin Academics Programs */
.page-academics-programs #main-content-region, .page-academics-minors-and-certificates #main-content-region {
margin-top:0;
}
.full-program-grid .program, .elearning-programs .program {
margin-top:20px;
}
.program-grid-tile {
padding: 10px 15px 0px 0px;
min-height: 70px;
}
.program h2 {
margin-bottom: 0px;
}
.program-grid-tile a {
color:#333333;
}
.program-grid-tile span {
padding-right:10px;
}
ul.degrees {
display: inline-block;
margin: 2em 0 0;
padding: 0;
}
.degrees li {
float: left;
list-style-type: none;
margin: 0 20px 21px 0;
}
.degrees a {
border: 1px solid rgb(204, 204, 204);
color: #5b6aa2;
display: block;
font-size: 2.071em;
font-weight: 700;
line-height: 1.1;
padding: 0.3em 0.3em 0.6em;
width: 120px;
}
.degrees a:hover {
background-color: #3c45b8;
border-color: #3c45b8;
color: white;
text-decoration: none;
transition-duration: 0.2s;
}
.degrees small {
font-size: 50%;
}
ul.paragraph-list {
display: inline-block;
margin: 0;
padding: 0;
}
.paragraph-list li {
float: left;
list-style-type: none;
margin: 0 20px 0 0;
white-space: nowrap;
}
span.location-dot {
border-radius: 20px;
display: block;
float: left;
height: auto;
margin-right: 0.08em;
padding: 2px;
width: auto;
}
span.dot-b {
display: inline-block;
font-size: 17px;
margin-right: 0.2em;
}
span.dot-f {
display: inline-block;
font-size: 17px;
margin-left: -0.2em;
margin-right: 0.2em;
}
span.letter-f {
margin-left: -0.05em;
}
span.dot-a {
display: inline-block;
font-size: 17px;
margin-left: 0.15em;
}
span.dot-u {
font-size: 17px;
display:inline-block;
margin-left:-0.05em;
}
span.letter-u {
margin-left:-0.15em;
}
span.dot-d {
font-size: 17px;
margin-left:-0.05em;
}
span.dot-arch {
display: inline-block;
font-size: 17px;
margin-left: 0.05em;
}
span.dot-m {
font-size: 17px;
}
span.location-dot:first-of-type {
margin-left: 0.05em;
}
span.location-dot.atl {
background-color: #e8098c;
}
span.location-dot.hk {
background-color: #ef6e2d;
}
span.location-dot.loc {
background-color: #e9d433;
}
span.location-dot.sav {
background-color: #8fc548;
}
span.location-dot.el {
background-color: #03b0ed;
}
/* End Academic Programs */
/* BEGIN UNIVERSAL SCAD_PANES STYLES */
#scad-panes-content-type-edit-form .option-text-aligner, #scad-panes-content-type-edit-form .description {
display:none;
}
/* END UNIVERSAL SCAD_PANES STYLES */
/* Buildings and Facilities */
body.page-life-buildings-and-facilities-facilities #main-content-region{
margin-top: 0px !important;
}
.view-life-scad-facilities .col-sm-8 {
padding:30px 30px 0;
}
.view-life-scad-facilities .col-sm-8 ul {
padding:0;
margin:0;
}
.view-life-scad-facilities .col-sm-8 ul li {
display:inline-block;
list-style:none;
}
.view-life-scad-facilities .col-sm-4 {
padding-right:0;
}
.view-life-scad-facilities .views-row {
margin-bottom:20px;
}
.view-life-scad-facilities .views-row .border-box {
border-color:#ccc;
}
.view-life-scad-facilities .views-row p {
margin-bottom:0;
}
.view-life-scad-facilities .views-row a {
color:#333;
}
.view-life-scad-facilities .views-row .entity-details{
padding: 1.5em 2em 1.5em 2em;
}
.view-life-scad-facilities .views-row h3.title{
margin-bottom:0px;
}
.view-facilities-feed .views-row .location-address-no-title.secondary-text,
.view-life-scad-facilities .views-row .location-address-no-title.secondary-text {
margin-bottom: 15px;
}
section#main-content-region .view-facilities-feed .views-row .location-address-no-title.secondary-text a,
section#main-content-region .view-life-scad-facilities .views-row .location-address-no-title.secondary-text a{
font-weight:normal;
}
.view-facilities-feed .views-row .location-address-no-title a,
.view-life-scad-facilities .views-row .location-address-no-title a {
color:#999;
font-size: 1em;
}
.view-life-scad-facilities .associated-programs{
font-size: .875em;
margin-top: 10px;
}
.view-life-scad-facilities .field-name-field-scad-master-vocref,
.view-life-scad-facilities .field-name-field-scad-master-vocref .field-items,
.view-life-scad-facilities .field-name-field-scad-master-vocref .field-item{
color: #999;
display: inline;
font-style: italic;
}
.view-life-scad-facilities .field-name-field-scad-master-vocref .field-item a{
color: #999;
}
.view-facilities-feed .views-row {
margin-bottom:20px;
}
.view-life-scad-facilities i.icon-location_solid,
.view-facilities-feed i.icon-location_solid {
float:left;
position:relative;
right:3px;
font-size:0.6em;
/*top:2px;*/
bottom:5px;
}
.node .facility-sidebar i.icon-location_solid {
position:relative;
top:2px;
}
.node .facility-sidebar .svg-icon {
position:relative;
display: inline-block;
vertical-align: top;
padding-right: .15em;
width: 23px;
top: 1px;
text-align: right;
padding-top: 1px;
}
.node .facility-sidebar .facility-sidebar-item {
display: flex;
}
.node .facility-sidebar .facility-field-label,
.node .facility-sidebar .facility-sidebar-item li {
font-size: 12px;
line-height: 1.75;
}
.node .facility-sidebar .facility-field-label {
font-weight: bold;
margin-bottom: 5px;
}
.view-facilities-feed .views-row a:hover,
.view-life-scad-facilities .views-row a:hover {
color:#0d7862;
}
.view-life-scad-facilities .associated-programs span, .view-life-scad-facilities .associated-programs a {
font-size:0.825em;
}
.view-life-scad-facilities h3.title a:hover {
text-decoration:none;
}
/** Career and Alumni services */
.view-careers-and-alumni-services .pager-load-more {
text-align: left;
}
.view-careers-and-alumni-services .pager-load-more a {
padding: 0;
border: 0;
background: transparent;
}
.view-careers-and-alumni-services.view-display-id-block_2 .view-content {
display: flex;
flex-wrap: wrap;
}
/* Slick Event Slider */
.slick--view--events-slider .slick-arrow::before {
color: #333;
}
/* Carousel Overrides */
.carousel-control {
background:none!important;
}
.carousel-control.right .glyphicon-chevron-right, .carousel-control.right .icon-next_right {
right: 18px;
top: 48%;
position:absolute;
}
.carousel-control.left .glyphicon-chevron-left, .carousel-control.left .icon-previous_left {
left:10px;
top:48%;
position:absolute;
}
.carousel-control:hover, .carousel-control:focus {
outline: none;
}
.carousel-indicators{
bottom: -10px;
}
.carousel-indicators li{
width: 10px;
height: 10px;
margin: 0px;
margin-bottom: 10px;
}
.carousel-indicators .active{
width: 10px;
height: 10px;
margin-bottom: 10px;
}
.gallery .carousel-indicators {
bottom:10px;
}
.modal .img-responsive {
width:100%;
}
/* Building & Facility Node */
#facility-media {
margin-bottom:1em;
}
#associated-programs-header{
font-weight: bold;
font-size: .875em;
margin: 0px;
padding: 0px;
}
.node-type-scad-facility .field-name-field-scad-hours-of-operation,
.modal-dialog.scad_facility .field-name-field-scad-hours-of-operation{
font-size: .75em;
}
.node-type-scad-facility .field-name-field-scad-hours-of-operation span,
.modal-dialog.scad_facility .field-name-field-scad-hours-of-operation span{
width: auto !important;
}
.node-type-scad-facility .oh-display-label,
.modal-dialog.scad_facility .oh-display-label{
display: block;
line-height: .75em;
}
.node-type-scad-facility .oh-display,
.modal-dialog.scad_facility .oh-display{
padding-bottom: 5px;
display: block;
}
.node-type-scad-facility .field-name-field-scad-master-vocref a,
.modal-dialog.scad_facility .field-name-field-scad-master-vocref a{
font-size: .875em;
color: #0d7862;
}
.node-type-scad-facility .facility-sidebar .facility-sidebar-item i,
.modal-dialog.scad_facility .facility-sidebar .facility-sidebar-item i{
display: inline-block;
vertical-align: top;
padding-right: .15em;
}
.node-type-scad-facility .facility-sidebar .field,
.modal-dialog.scad_facility .facility-sidebar .field {
display: inline-block;
}
/* All facilities */
.node-type-scad-facility p.view-all {
padding-top:20px;
}
.node-type-scad-facility section#main-content-region p.view-all a {
color:#333;
font-weight:400;
}
.node-type-scad-facility section#main-content-region p.view-all a:hover {
text-decoration:none;
color:#0d7862;
}
.node-type-scad-facility p.view-all [class^="icon-"]:before, .node-type-scad-facility p.view-all [class*=" icon-"]:before {
margin-left:0em;
}
.oh-display-label, .oh-display-times {
font-size:0.75em;
}
.oh-display-times {
margin-bottom:6px;
}
.facility-phone {
font-size:0.75em;
margin-left:24px;
}
.facility-phone p {
margin-bottom:3px;
}
.secondary-text.floor-plan-text-link{
text-transform: uppercase;
}
.field-name-field-floor-plan ul.field-collection-view-links, .node-type-scad-facility ul.action-links-field-collection-add {
display:none;
}
.modal-pdf-download-link{
text-transform: uppercase;
text-align: center;
position: absolute;
display: block;
bottom: 30px;
width: 100%;
font-weight: 600;
}
.node-type-scad-facility .field-collection-view {
padding: 0px;
margin: 0px;
border-bottom: none;
}
.node-type-scad-facility .field-collection-container {
border-bottom: none;
margin-bottom: 1em;
}
/* End Buildings and Facilities */
/* News and Press */
body.page-about-news-press-and-recognition-list #main-content-region{
margin-top: 0px !important;
}
.view-news-press-recognition .col-sm-8 {
padding:30px 30px 0;
}
.view-news-press-recognition .views-row {
margin-bottom:20px;
}
.view-news-press-recognition .views-row .border-box {
border-color:#ccc;
}
.view-news-press-recognition .views-row p {
margin-bottom:0;
}
.view-news-press-recognition .views-row a {
color:#333;
}
.view-news-press-recognition .views-row .entity-details{
padding: 1.7em 2em 2em 2em;
}
.view-news-press-recognition .views-row a:hover{
text-decoration: none;
}
.view-news-press-recognition .views-row h2.title{
margin-top: 5px;
margin-bottom:0px;
}
.view-news-press-recognition .media-title,
.node-type-scad-recognition .media-title,
.node-type-scad-press-release .media-title,
.node-type-scad-in-news .media-title{
padding: 0px;
}
.node-type-feature .media-title,
.node-type-scad-recognition .media-title,
.node-type-scad-press-release .media-title,
.node-type-scad-in-news .media-title{
border-bottom: 1px solid #ccc;
line-height: 3em;
padding-top: 8px;
}
.view-scad-news-latest-5 .views-row {
margin-bottom: 20px;
}
.view-latest-blog-entries .views-row {
margin-top:20px;
}
.view-latest-blog-entries .view-header h2, .view-latest-blog-entries .view-header img {
text-align:left;
margin-left:0px !important;
}
.view-latest-blog-entries .views-row .info h3 {
margin-top:10px;
}
.pane-latest-blog-entries-panel-pane-1 .border-block .media-title {
padding-left:0;
}
.featured-news h1{
margin:15px 0px;
}
.press-title h1{
margin: 15px 0px;
}
.press-image .secondary-text{
border-bottom:1px #eaeaea solid;
padding-bottom:10px;
padding-top:10px;
}
/* All news and press */
.node-type-scad-press-release p.view-all, .node-type-scad-recognition p.view-all,
.node-type-scad-in-news p.view-all {
padding-top:20px;
}
.node-type-scad-press-release section#main-content-region p.view-all a, .node-type-scad-recognition section#main-content-region p.view-all a,
.node-type-scad-in-news section#main-content-region p.view-all a {
color:#333;
font-weight:400;
}
.node-type-scad-press-release section#main-content-region p.view-all a:hover, .node-type-scad-recognition section#main-content-region p.view-all a:hover,
.node-type-scad-in-news section#main-content-region p.view-all a:hover {
text-decoration:none;
color:#57af9d;
}
.node-type-scad-press-release p.view-all [class^="icon-"]:before, .node-type-scad-press-release p.view-all [class*=" icon-"]:before,
.node-type-scad-recognition p.view-all [class^="icon-"]:before, .node-type-scad-recognition p.view-all [class*=" icon-"]:before,
.node-type-scad-in-news p.view-all [class^="icon-"]:before, .node-type-scad-in-news p.view-all [class*=" icon-"]:before {
margin-left:0em;
}
/* Node*/
.custom-dateline {
float: left;
font-size: .875em;
max-height:20px;
line-height: 1.43em;
}
/* End News and Press */
/* sidebar first */
.region-sidebar-first .views-exposed-form .views-exposed-widget {
float:none;
padding:0;
}
.region-sidebar-first.well,
.region-sidebar-second.well {
background:none;
border:none;
box-shadow:none;
}
/* end sidebar first */
/* Front Page */
#front-artist-container{
position: relative;
}
#widget-container {
position: relative;
}
#widget-bg{
/* Absolutely position it, but stretch it to all four corners, then put it just behind #search's z-index */
position: absolute;
z-index: 99;
width: 100%;
height: 100%;
display: block;
top:0px;
}
#front-widgets{
position: relative;
z-index: 100;
padding: 100px 20px 20px 20px;
}
#front-artist-image-container img {
width: 100%;
}
#front-artist-info-container {
position: absolute;
bottom: 0px;
width: 100%;
/*padding-right: 120px;*/
}
body.front .artist_info{
font-size: .85em;
color: #999999;
text-align: center;
background:#fff;
min-height:30px;
position: relative;
z-index: 102;
}
body.front .artist_info a{
text-decoration: none;
color: #999999;
font-weight: bold;
/*font-size: 2.75em;*/
}
#artist_container,
#program_container{
display:block;
}
#artist_container{
padding:10px 0px;
}
#program_container{
border-top: 1px solid #ccc;
}
#program_container span{
display: block;
width: 100%;
height: 100%;
}
#program_container a{
display: block;
width: 100%;
height: 100%;
padding: 10px 0px;
}
/*Frontpage Widgets*/
#front-widgets .btn{
height: 36px;
text-align: left;
margin: 0px;
padding: 0px;
color:#fff;
}
#front-widgets #apply-widget{
width:100%;
margin-bottom: 20px;
display:inline-block;
}
#apply-widget.btn-stroke {
max-width:100%;
}
#front-widgets #program-widget,
#front-widgets .tour-btn{
width:48%;
}
#front-widgets .btn-stroke{
padding-top: 9px;
padding-left: 8px;
font-size: .813em;
/*font-weight: 600;*/
border-color: #e52082;
/* override border color per section */
border-style: solid;
border-width: 2px;
border-radius:0;
-webkit-transition: color 0.3s ease, background-color 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease;
-o-transition: color 0.3s ease, background-color 0.3s ease;
-ms-transition: color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease;
overflow: hidden;
position: relative;
}
#front-widgets .btn-default{
font-weight:500;
}
#front-widgets .btn-default,
#homepage-features .btn-default{
overflow: hidden;
position: relative;
}
#front-widgets .tour-btn{
float:right;
}
#front-widgets .btn-stroke:hover{
text-decoration: none;
}
#top-main-nav .btn-title{
position:relative;
z-index:2;
}
#front-widgets .btn-title,
#homepage-features .btn-title{
position:relative;
z-index:10;
}
/* End Front Page */
/* Responsive Embed */
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
}
/* End Responsive Embed */
/* FOOTER */
/* Position Footer Absolute bottom when not on front-page */
body.not-front div#footer{
width:100%;
bottom: 0px ;
left: 0px;
}
/* End Position Footer Absolute bottom when not on front-page */
html body.admin-menu{
margin-top:30px !important;
}
.logged-in .ctools-modal-dialog .modal-content{
overflow:scroll;
}
.scad-footer {
margin: 0px;
padding: 0px;
background: #f1f1f1;
border-top: 2px solid #ccc;
}
.footer-logo {
display: none;
}
.social-media-footer .footer-copyright {
font-size: .75em;
margin: 0 25px 0px 20px;
padding-bottom: 15px;
color: #999999;
}
.social-media-footer a {
/*font-size: 1em;*/
/*font-weight: 300;*/
}
.social-media-footer ul{
margin: 0px;
padding: 0px;
display: inline;
}
.social-media-footer #footer-social{
margin:10px 4px 0px 4px;
}
.social-media-footer #footer-social .social-link-container {
display: inline-block;
padding: 0px 6px;
margin-bottom: 10px;
width: 33.33%;
height: 41px;
text-align: center;
}
.social-media-footer #footer-social .social-link-container [class^="social-icon-"]:before,
.social-media-footer #footer-social .social-link-container [class*=" social-icon-"]:before{
color: #999999 !important;
}
.social-media-footer #footer-social .social-link-container a {
display: inline-block;
width: 100%;
height: 100%;
border: 1px solid #ccc;
color: #999999 !important;
font-size: 1.3em;
padding-top: 7px;
-webkit-transition: color 0.2s ease, background-color 0.2s ease;
-moz-transition: color 0.2s ease, background-color 0.2s ease;
-o-transition: color 0.2s ease, background-color 0.2s ease;
-ms-transition: color 0.2s ease, background-color 0.2s ease;
transition: color 0.2s ease, background-color 0.2s ease;
}
.social-media-footer #footer-social .social-link-container a:hover [class^="social-icon-"]:before,
.social-media-footer #footer-social .social-link-container a:hover [class*=" social-icon-"]:before{
color: #ffffff !important;
}
.social-media-footer #footer-social #footer-social-twitter.social-link-container a:hover { background-color:#00ACED;}
.social-media-footer #footer-social #footer-social-instagram.social-link-container a:hover { background-color:#3F729B;}
.social-media-footer #footer-social #footer-social-facebook.social-link-container a:hover { background-color:#3B5998;}
.social-media-footer #footer-social #footer-social-youtube.social-link-container a:hover { background-color:#CD332D;}
.social-media-footer #footer-social #footer-social-tumblr.social-link-container a:hover { background-color:#2C4762;}
.social-media-footer #footer-social #footer-social-linkedin.social-link-container a:hover { background-color:#007FB1;}
ul.scad-footer-links li{
border: 1px solid #ccc;
float: none;
height: 38px;
line-height: 2.01em;
margin: 10px;
}
ul.scad-footer-links li a{
color:#999999;
display:inline-block;
width: 100%;
height: 100%;
padding-left: 20px;
display: inline-block;
line-height: 2.72em;
}
/* END FOOTER */
/* ******************************************************************* */
/* Begin SCAD Card - Added on 7/19/2016 */
/* ******************************************************************* */
.scad-card,
.scad-card-no-hover {
display: block;
padding: 25px;
box-shadow: 0 0 0 #ccc;
-webkit-transition: all 0.3s ease-out; /* Safari */
transition: all 0.3s ease-out;
position: relative;
box-sizing: inherit;
height: 100%;
}
.scad-card-no-hover {
background-color: #f7f7f7;
}
.scad-card {
background-color: #eee;
}
.scad-card.scad-card-white {
background-color: #fff;
box-shadow: 0 1px 15px #ccc;
}
.scad-card.scad-card-white h3{
color:#333333;
}
.scad-card:hover {
background-color: #fff;
box-shadow: 0 1px 15px #ccc;
color: inherit !important;
text-decoration: none;
}
.scad-card h3,
.scad-card .card-title {
color: #666666;
margin-top: 0;
margin-bottom: 10px;
line-height: 1.1
}
.scad-card h4 {
margin-bottom: 0;
}
.scad-card .btn {
-webkit-transition: all 0.3s ease-out; /* Safari */
transition: all 0.3s ease-out;
}
.scad-card p > .btn {
margin-bottom: -10px;
}
/* Padding Block */
.scad-card.padding-block {
padding: 45px;
}
/* Background Color */
.scad-card.section-background-color {
background-color: #676767;
}
.scad-card.section-background-color:hover {
box-shadow: 0 4px 20px 5px #aaa;
box-shadow: 0 0px 0px 0px #aaa;
}
.scad-card.section-background-color > * {
color: white;
}
.scad-card.section-background-color a,
.scad-card.section-background-color a:hover,
.scad-card.section-background-color a:focus,
.scad-card.section-background-color a:active {
color: white;
}
.scad-card.section-background-color h3 {
color: #ffffff;
}
/* Stroke */
.scad-card.scad-card-stroke {
border: 3px solid #eee;
background-color: transparent;
}
.scad-card.scad-card-stroke:hover {
background-color: #fff;
}
/* Mini Card */
.scad-card.scad-card-mini {
text-align: center;
border: 3px solid #eee;
padding: 35px 20px 20px 20px;
}
.scad-card.scad-card-mini:hover {
border-color: #fff;
}
.scad-card.scad-card-mini a {
text-decoration: none;
}
.scad-card.scad-card-mini svg.svg-icon {
margin-bottom: .5em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.scad-card.scad-card-mini:hover svg.svg-icon {
transform: scale(1.05);
}
/* No Hover */
.scad-card.scad-card-no-hover:hover {
box-shadow: 0 0px 0px #ccc;
color: inherit !important;
text-decoration: none;
}
/* Flexed card */
.flexed-panel-row .scad-card-no-hover {
flex: 1 0 auto;
height: auto;
}
/** REad-on */
.read-on {
overflow: hidden;
position: relative;
margin-bottom: 10px;
}
.read-on + .read-on-trigger {
color: #1476cc;
font-weight: 600;
text-transform: uppercase;
display: none;
margin-bottom: 10px;
}
.read-on.read-on--reduce + .read-on-trigger {
display: block !important;
}
.read-on.active {
margin-bottom: 0px;
height: 0px;
}
.read-on.active + .read-on-trigger {
display: block;
}
/* Posted Note */
.posted-note {
display: inline-block;
padding: 6px 0 0 8px;
margin: 0px 0 0 0px;
color: #ffffff;
width: 55px;
top: 0;
left: 0;
z-index: 3;
font-size: 20px;
line-height: normal;
height: 62px;
font-weight: 900;
position: absolute;
border: 1px solid #505050;
border-top-left-radius: 3px;
border-color: #505050 rgba(136, 28, 28, 0) rgba(171, 81, 81, 0) #505050;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.posted-note:before {
content: "";
border-style: solid;
border-width: 60px 53px 0 0;
border-color: #505050 transparent transparent transparent;
position: absolute;
float: left;
top: 0px;
left: 0px;
z-index: -3;
}
.posted-note.circle {
border-color: #505050 #505050 #505050 #505050;
border-radius:50%;
width:25px;
height:25px;
border-width:0px;
background:#505050;
padding:3px 6px 4px 9px;
left:15px;
top:-2px;
}
.circle.posted-note:before {
border-color: #505050 #505050 #505050 #505050;
border-radius:50%;
width:25px;
height:25px;
border-width:0px;
}
.post-link a{
display:inline-block;
margin-left:40px;
}
.circle.scad-card-next:after {
width:50px;
height:50px;
top:-12px;
right:20px;
}
/* Footer callout icons */
ul.footer-callout-icons {
list-style-type: none;
margin-bottom: 0;
text-align: center;
margin-top: 1.3em;
padding-left: 0;
}
ul.footer-callout-icons li {
display: inline-block;
width: 150px;
text-align: center;
vertical-align: text-top;
margin: 0 0 15px;
position: relative;
}
ul.footer-callout-icons li .circle, ul.footer-callout-icons li .circle-2{
border-radius: 50%;
display: inline-flex;
overflow: hidden;
width: 120px;
height: 120px;
background-color: #eee;
margin: auto;
position: relative;
-webkit-transition: background-color 0.3s ease, fill 0.3s ease;
-moz-transition: background-color 0.3s ease, fill 0.3s ease;
-o-transition: background-color 0.3s ease, fill 0.3s ease;
-ms-transition: background-color 0.3s ease, fill 0.3s ease;
transition: background-color 0.3s ease, fill 0.3s ease;
}
ul.footer-callout-icons li .circle-2 {
overflow: visible;
margin-bottom:70px;
}
ul.footer-callout-icons li:hover .circle {
background-color: #0a7eb5;
}
ul.footer-callout-icons li svg.svg-icon {
padding: 0;
border-radius: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 35%;
background-color: transparent !important;
}
ul.footer-callout-icons li:hover svg.svg-icon {
color: #FFF;
}
ul.footer-callout-icons a {
color: #333 !important;
}
ul.footer-callout-icons a:hover {
text-decoration: none;
}
/* ********************************************************************* */
/* Begin SCAD Card - Added on 7/19/2016 */
/* ********************************************************************* */
/* Locations */
.btn-stroke, .btn-fill {
width:100%;
max-width:20em;
text-align:center;
border-radius:2px;
font-size: 12px;
font-weight:500;
}
.btn-stroke {
background-color: white;
border-color: #333;
/* override border color per section */
border-style: solid;
border-width: 2px;
color:#333;
}
.btn-stroke-reverse {
color: white;
border-color: white;
background-color: #333;
border-width: 2px;
}
.btn-center {
margin-left: auto;
margin-right: auto;
display: table;
}
.btn-text-width {
width: auto;
}
.btn-full-width {
display: block;
max-width: auto;
max-width: none;
}
/*.btn-stroke.center, .btn-fill.center {
text-align:center;
} */
section#main-content-region p a.btn {
font-weight:500;
}
/* Buttons for all sections */
.btn-stroke{
-webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.btn-fill{
-webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.section-event .btn-stroke {
border-color: #1968B1;
color:#1968B1;
}
.section-event .btn-stroke:hover, .section-event .btn-stroke a:hover, .section-event .btn-fill {
background:#1968B1;
color:white;
}
.section-locations .btn-stroke:hover, .section-locations .btn-stroke a:hover, section-locations .btn-fill {
background:#0d7862;
color:white;
}
.rfi-apply-cta-btn-group .btn {
text-align:center;
width:100%;
}
/* End Locations */
/*Panel Styles */
.panel-pane {
margin-bottom:20px;
}
.panel-pane.gray-background {
background:#f7f7f7;
padding:30px;
float: left;
}
.panel-pane.region-hero-container {
margin-bottom: 0;
}
.vertical-center-wrapper {
display:table;
}
.vertical-center {
display:table-cell;
vertical-align:middle;
}
.scad-panes-pane div {
margin-bottom: 10px;
}
.scad-panes-plugin-links a {
margin-left: 10px;
font-size:0.9em;
text-transform:uppercase
}
.callout-box {
background: none repeat scroll 0 0 #f7f7f7;
margin: 60px 0;
padding: 30px 0;
}
.callout-box.nopadding {
padding: 30px 0 !important; /*need to override the no padding aspect of scad panes when using callout boxes */
}
/* course finder */
.views-exposed-form .views-exposed-widget .form-submit {
margin-top:0;
}
/* End course finder */
/* Modal Style*/
.blur {
-webkit-filter: blur(5px) grayscale(50%);
transform:translate3d(0,0,0);
}
.modal {
overflow-y: auto;
}
.modal-backdrop.in {
opacity: .75;
filter: alpha(opacity=75);
z-index: 110001;
}
.modal-close{
/*background: url('../images/icons/modal-close.png');
width: 14px;
height: 14px;*/
right: -30px;
position: absolute;
display: block;
cursor: pointer;
}
.modal-close i.icon-close:before{
font-size: 1.15em;
color:#fff !important;
}
.modal-dialog.video .modal-body,
.modal-dialog.scad_projects .modal-body,
.modal-dialog.scad_facility .modal-body{
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.modal-content-wrapper{
padding:50px 0px;
}
/* Setup Modal to use grid system. Main container set to 10 columns */
.modal-content.col-sm-10,
.modal-content.col-sm-6{
padding:0px 0px 20px 0px;
}
.modal-dialog{
width: 100%;
padding:0px;
padding-top: 30px;
padding-bottom: 30px;
}
/*Modal Media*/
.modal-body #facility-media img,
.modal-body #event-media img {
width: 100%;
}
.modal-body #scad-event-caption {
border-bottom:1px solid #ccc;
}
.modal-body p.secondary-text {
margin:10px 20px;
}
/*Basic Page, News & Press Modals*/
.modal-dialog .media-title{
padding-left: 0px;
}
/*Person Modal*/
.modal-dialog.scad_person #person-name{
margin-bottom: 0px;
}
.modal-dialog.scad_person #academic-title{
font-size: .875em;
font-style: italic;
}
.modal-dialog.scad_person #person-name.person-no-sub{
margin-bottom:0px;
}
.modal-dialog.scad_person #sub-name{
margin-bottom:20px;
}
.modal-dialog.scad_person .person-section ul{
padding: 0px;
list-style-position: inside;
}
.modal-dialog.scad_person #education ul li,
.modal-dialog.scad_person #publications-presentations ul li {
margin: 0px;
padding: 0px;
line-height: 1.4em;
}
.modal-dialog.scad_person .person-section{
margin-top: 35px;
}
.modal-dialog.scad_person h4 .person-section{
margin-bottom:0px;
}
/*Project Modal*/
.modal-dialog.scad_projects img{
margin: 0px auto;
}
/* Career Fair Modal */
.scad_company .modal-body {
height: auto;
}
/*Video Modal*/
/*Course Modal*/
.modal-dialog.scad_academic_course h4.course-id{
margin:0px;
padding:10px 40px;
background-color: #3c45b8;
color: #ffffff;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.modal-dialog.scad_academic_course h2 {
padding-bottom:0.5em;
}
.modal-dialog.scad_academic_course .modal-body{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding:0px 0px 10px 0px;
overflow:hidden;
margin-top: -1px;
}
.modal-dialog.scad_academic_course .course-descr{
padding: 30px 40px 0px 40px;
}
.modal .hidden-modal{
visibility: hidden;
display: none;
}
.modal .elearning .video-node-img .container{
width: auto;
}
/* End Modal Style */
/*Hide element in xs but keep item inline*/
.hidden-xs-inline{
display: none !important;
}
/* SVG menu icons general/mobile */
#navbar object {
float:left;
height:24px;
position:relative;
z-index:3;
left:6px;
top:18px;
margin-bottom:-24px;
}
#block-scad-nav-scad-nav-sidebar-contextual, .pane-scad-nav-scad-nav-sidebar-contextual{
display:none;
}
div.img-circle img {
border-radius: 50%;
}
div.hero-container.container-fluid {
background:#f1f1f1;
clear: both;
}
div.hero-container.container-fluid img{
margin:0px auto;
}
div.hero-container-gapless.container-fluid {
margin-top: -70px;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.region-hero-container {
margin-bottom: 10px;
}
#above-main-container #block-scad-nav-scad-nav-section-title-icons{
padding: 0px 0px 20px 0px;
margin-top:20px;
}
#block-scad-nav-scad-nav-section-title-icons object, .pane-scad-nav-scad-nav-section-title-icons object,
#block-scad-nav-section-title-icons-sidebar object{
height:34px;
float:left;
padding-right:20px;
}
.region-sidebar-first.well #block-scad-nav-scad-nav-section-title-icons{
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.pane-scad-nav-scad-nav-section-title-icons .section-title-title {
z-index:2;
position:relative;
}
/* FAQ section */
.faq-wrapper h4,
.pane-custom-tabbed.faq-wrapper h3 {
position: relative;
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 1px solid #ccc;
}
.faq-wrapper h4:before,
.pane-custom-tabbed.faq-wrapper h3:before {
content: "";
width: 70px;
height: 3px;
background-color: #000;
position: absolute;
display: block;
left: 0px;
bottom: 0px;
}
/* Faculty Node */
.faculty-descr-sec{
margin-bottom: 1.5em;
}
.section-title-title a h3,
.left_sidebar .panel-pane .section-title-title h2 {
color:#333;
max-height:50px;
}
.left_sidebar .panel-pane .section-title-title h2 {
font-size: 1.25em;
margin: 0px 0px 15px 0px;
}
.section-title-title a:hover {
text-decoration: none;
}
body.node-type-scad-person #person-name.person-no-sub{
margin-bottom:0px;
}
body.node-type-scad-person #sub-name{
margin-bottom:20px;
}
/* Hide Pager on Infinite Scrolls*/
.view-calendars ul.pager,
.view-news-press-recognition ul.pager,
.view-news-press-recognition ul.pager,
.view-life-scad-facilities ul.pager{
display: none;
}
.section-event p a, .section-event .hovered a, .section-event span a, .section-event .region-content li a, .section-event .modal-content li a, .section-event .modal-content li a{
color:#1968B1;
}
.section-event .node.scad-in-your-area p a, .section-event .node.scad-in-your-area .hovered a, .section-event .node.scad-in-your-area span a, .section-event .node.scad-in-your-area .region-content li a, .section-event .node.scad-in-your-area .modal-content li a, .section-event .node.scad-in-your-area .modal-content li a{
color:#0a7eb5;
border-color:#0a7eb5;
}
.section-event .node.scad-in-your-area p a:hover {
color:#FFF;
background-color:#0a7eb5;
}
section#main-content-region .pane-scad-academia-single-program-degree li.degree a, section#main-content-region #block-scad-academia-single-program-degree li.degree a {
padding:.8em .0em .6em .7em;
line-height:0.4em;
width:135px;
height:80px;
font-weight:700;
}
section#main-content-region p a, section#main-content-region span a, section#main-content-region li a, section#main-content-region ul.navbar-nav li a.active, .modal-body p a, .modal-body span a, .modal-body li a, .scad-featured-jobs-feed a, .node p a {
font-weight:600;
}
.scad-featured-jobs-feed {
margin-bottom:15px;
font-size:0.9em;
}
section#main-content-region ul.navbar-nav li a {
font-weight:400;
}
/* admin specific styles for non /admin/ pages */
#admin-menu-wrapper li {
font-size:1.0em;
}
/* Form Styles */
.form-control{
border-radius: 0px;
}
form.webform-client-form select{
background-color: #fff;
height: 2.6em;
border-radius: 0;
width: auto;
display: inline-block;
}
form.webform-client-form #webform-component-when-would-you-like-to-commence-this-project .form-type-select {
width: 100%;
display: inline-block;
}
form.webform-client-form .form-item-submitted-when-would-you-like-to-commence-this-project-month label.element-invisible,
form.webform-client-form .form-item-submitted-when-would-you-like-to-commence-this-project-day label.element-invisible,
form.webform-client-form .form-item-submitted-when-would-you-like-to-commence-this-project-year label.element-invisible{
position: relative !important;
}
.share-table{
width: 100%;
}
.share-table td{
vertical-align: top;
}
/* Necessary to fix zoom issue in Firefox for homepage image and hero images */
@-moz-document url-prefix() {
.front-main-container #front-artist-image-container picture img{
/*display: inline-block;*/
width: 100%;
}
#block-fieldblock-node-panel-default-field-hero-image,
#block-fieldblock-node-panel-default-field-hero-video,
#scad-event-image-wrapper{
text-align: center;
}
#block-fieldblock-node-panel-default-field-hero-image picture img,
#block-fieldblock-node-panel-default-field-hero-video picture img,
#scad-event-image-wrapper picture img,
#scad-event-image-wrapper picture img{
display: inline-block;
}
#block-fieldblock-node-panel-default-field-hero-video .embed-responsive{
width: 100%;
overflow:visible;
}
}
/* End Necessary to fix zoom issue in Firefox */
/* SEO Pages */
.seo-page-link {
height:210px;
padding:1.625em;
margin-top:1.925em;
}
.seo-page-link a.seo-anchor {
width:100%;
display:block;
text-decoration:none;
}
a.seo-anchor:hover {
text-decoration:none;
color:#fff;
transition:.2s;
}
.seo-page-link:hover a, .seo-page-link:hover p{
text-decoration:none;
color:#fff;
}
.seo-page-link:hover {
color:#fff;
}
.seo-page-link p {
color:#333;
}
.seo-landing-wrapper {
clear:both;
}
/* Events feed content pane views (multiple pages .. ie SCAD days, /success/events-and-workshops/workshops, /life/residence-life/important-dates */
.view-events-feed-content-pane .views-row {
margin-bottom:1.25em;
}
.view-events-feed-content-pane .secondary-text {
font-size:1.0em;
margin-bottom:10px;
}
.view-events-feed-content-pane .publication-date {
margin-bottom:10px;
display:inline-block;
}
.view-events-feed-content-pane .border-box .entity-details {
padding:1.7em 2em 2em 2em;
}
.view-events-feed-content-pane h3 a:hover {
text-decoration:none;
}
/*.view-display-id-about_scad_res_life h2{
margin-top:2em;
margin-bottom:2em;
}*/
/* Homepage Fly-Out*/
#apply-btn-container{
display:inline-block;
width:100%;
}
#apply-flyout{
background-color: #fff;
padding: 10px;
margin-bottom: 15px;
margin-top: -12px;
display:none;
}
#apply-flyout select{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#apply-flyout label{
font-weight: normal;
}
#apply-flyout #edit-submit{
width: 100%;
background-color: #333333;
color: #f3f3f3;
text-align:center;
border-radius: 0px;
}
#apply-flyout .form-control:focus{
border-color: #5d2d77;
}
#front-widgets .icon-close:before{
float: right;
color: #c6c6c6;
position: relative;
top: 3px;
right: 2px;
}
#apply-modal-container{
position:absolute;
z-index:99999999;
display:block;
width:253px;
height:36px;
overflow: hidden;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
border-radius:4px;
opacity: 0;
}
body.apply-form-open #apply-modal-container{
opacity: 1;
width:326px;
height:526px;
top: 50% !important;
left: 50% !important;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
}
body.apply-form-close #apply-modal-container{
opacity: 0;
width:253px;
height:36px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, opacity 0.4s 0.1s;
transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, opacity 0.4s 0.1s;
}
body.apply-form-close #apply-modal-container{
}
#apply-form-modal-wrapper{
width:300px;
height:500px;
border-radius:4px;
overflow: hidden;
position:relative;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
margin: 0px auto;
}
#apply-form-modal-wrapper #form-background{
display:block;
width:100%;
height:100%;
background-color: #fff;
}
#apply-form-modal-wrapper .form-logo {
background: url('/sites/all/themes/swarm/images/SCADlogo@2x.png');
background-color: #00aff5;
background-repeat: no-repeat;
background-size: 220px, auto;
background-position: center 30px, top;
height: 142px;
}
#apply-form-modal-wrapper form {
padding-top: 30px;
}
#apply-form-modal-wrapper .form-group{
display:block;
position: relative;
margin-bottom: 34px;
}
#apply-form-modal-wrapper input,
#apply-form-modal-wrapper select {
color:#000;
width: 220px;
margin: 0px auto;
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
height:26px;
font-size:11px;
font-weight: bold;
letter-spacing: .5px;
text-transform: uppercase;
}
#apply-form-modal-wrapper input {
border-bottom: 1px solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
padding-left: 0px;
/*height:34px*/
}
#apply-form-modal-wrapper select {
display:block;
border: 0;
margin-left: -7px;
}
#apply-form-modal-wrapper input:focus{
color: #000;
}
#apply-form-modal-wrapper ::-webkit-input-placeholder { /* Safari, Chrome and Opera */
color: #000;
}
#apply-form-modal-wrapper :-moz-placeholder { /* Firefox 18- */
color: #000;
}
#apply-form-modal-wrapper ::-moz-placeholder { /* Firefox 19+ */
color: #000;
}
#apply-form-modal-wrapper :-ms-input-placeholder { /* IE 10+ */
color: #000;
}
#apply-form-modal-wrapper ::-ms-input-placeholder { /* Edge */
color: #000;
}
#apply-form-modal-wrapper :placeholder-shown { /* Standard one last! */
color: #000;
}
#apply-form-modal-wrapper select option{
color:#000;
}
#webform-component-i-am{
border-bottom: 1px solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
width: 220px;
margin: 0px auto;
}
#apply-form-modal-wrapper #edit-submit--5{
width:220px;
display: block;
margin: auto;
text-align:center;
color:#fff;
background-color:#00aff5;
font-size: 12px;
font-weight:bold;
padding: 14px 0px;
letter-spacing: 1px;
border: 0;
border-radius: 3px;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}
#apply-form-modal-wrapper #edit-submit--5:hover{
background-color:#0079d2;
}
#apply-modal-container label{
display:none;
}
#apply-modal-close-wrapper{
padding-top:6px;
text-align: center;
}
#close-apply{
position: relative;
top: -30px;
color: #FFF;
display: inline-block;
font-size: 0px;
width: 34px;
height: 34px;
background: url(/sites/all/themes/swarm/images/CLOSE@2x.png);
background-repeat: no-repeat;
background-size: cover;
}
.apply-form-error{
width:20px;
height:20px;
position:absolute;
left: 14px;
top: 2px;
}
#webform-component-i-am .apply-form-error{
left:-26px;
}
body.apply-form-open .main-wrapper,
body.apply-form-close .main-wrapper{
-webkit-filter: blur(7px);
-moz-filter: blur(7px);
-o-filter: blur(7px);
-ms-filter: blur(7px);
filter: blur(7px);
opacity: .5;
}
/**
* Start of 2020 - 2021 apply form header override
* To undo delete everything between this comment and the ending comment.
*/
#apply-form-modal-wrapper {
height: 510px;
}
#apply-form-modal-wrapper .form-logo {
background: url('/sites/default/files/SMA-widget.jpg');
background: url('https://www.scad.edu/sites/default/files/SMA-widget.jpg');
background-color: #00aff5;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center, top;
height: 160px;
}
#apply-form-modal-wrapper input,
#apply-form-modal-wrapper select {
text-transform: initial;
letter-spacing: normal;
}
#apply-form-modal-wrapper select {
margin-left: -3px;
padding: 6px 4px 6px 0px;
}
#apply-form-modal-wrapper #edit-submit--5 {
background-color: #FEBF3B;
color: #000;
letter-spacing: normal;
}
#apply-form-modal-wrapper #edit-submit--5:hover {
background-color: #fee63b;
color: #000;
}
/**
*End of 2020 - 2021 apply form header override
*/
.about-header, .about-admission-contact, .about-offices-resources {
margin-bottom:5em;
padding:0 15px;
}
.about-offices-resources .row {
margin-bottom:2em;
}
.about-header .col-xs-4 {
height: 150px;
text-align:center;
}
h2.border-bottom {
padding-bottom:2px;
margin-bottom:1em;
}
/* ****************** */
/* Case Studies nodes */
/* ****************** */
.item-type-case_study h3{
margin:10px 0 5px 0px;
}
/* Callout box padding */
.callout-box {
padding:2.75em;
}
/* Filter */
.fade {
opacity: 0;
-webkit-transition: opacity s linear;
-moz-transition: opacity .2s linear;
-ms-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
/* End Filter*/
/*Unpublished node highlighting for admin*/
body.logged-in.unpublished-entity #main-content-region,
body.logged-in.unpublished-entity .node-scad-event.node-unpublished{
background-color: #FFF0F5;
}
/* Helpful pane classes for content managers */
.gray-border img {
border-radius:0;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
/* ******************* */
/* Temp for scadtv off */
#live-streaming-banner { display:none; }
/* ************************ */
/* Begin base flyout styles */
#flyout-right, #flyout-left {
width:380px;
background:#fff;
z-index:110000; /* Very high so it appears on over the Liveperson chat button */
position: fixed;
}
#flyout-right .block, #flyout-left .block {
display:none;
}
#flyout-left {
left:-388px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
}
#flyout-right {
right:-388px;
-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
}
#flyout-right-blocks, #flyout-left-blocks {
overflow-y: auto;
overflow-x: none;
height:100%;
}
.flyout-left, .flyout-right {
cursor:pointer;
}
.flyout-left:hover, .flyout-right:hover {
text-decoration:underline;
}
.flyout-close .icon-close {
font-size:20px;
padding:10px;
float:right;
cursor:pointer;
}
.flyout-fixed-top {
top:0;
}
/* End base flyout styles */
/* ********************** */
.alert-text p:last-child {
margin-bottom:0;
}
/* Collapsible sidebar nav styles */
#Swarm-Full-Width-Panel.left_sidebar .panel-pane {
margin-bottom: 0;
}
.left_sidebar .panel-pane .glyphicon {
display:none;
}
/* ********************************************************************* */
/* Begin SCADWorks styles that have to be called AFTER bootstrap.min.css */
/* ********************************************************************* */
.section-blog a:visited {
color:#333;
}
/* ******************************************************************* */
/* End SCADWorks styles that have to be called AFTER bootstrap.min.css */
/* ******************************************************************* */
/* ********************************************************************* */
/* Begin Historic Preservation css - Added on 10/23/2015 */
/* ********************************************************************* */
.col-xs-6 .img-responsive.preservation-img {
display: inline-block;
padding-top: 10px;
}
.col-xs-6:last-of-type .img-responsive.preservation-img {
padding-bottom: 40px;
}
/* ******************************************************************* */
/* END Historic Preservation css - Added on 10/23/2015 */
/* ******************************************************************* */
/* ********************************************************************* */
/* Begin Historic Preservation css - Added on 10/23/2015 */
/* ********************************************************************* */
.student-page-center {
text-align: center;
}
.scad-person-work-image-gallery {
margin-bottom: 20px
}
.scad-person-work-description, .scad-person-work-title {
display: inline-block;
}
/* ******************************************************************* */
/* END Historic Preservation css - Added on 10/23/2015 */
/* ******************************************************************* */
/* ********************************************************************* */
/* Begin CLC Test css - Added on 10/28/2015 */
/* ********************************************************************* */
picture .row {
width: 1170px;
min-height: 511px;
overflow: hidden;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: white;
background-color: rgba(0, 0, 0, 0.40);
}
picture .row > div {
position: relative;
height: 100%;
}
picture .row > div > div {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
}
.border-callout {
background: #fff;
padding: 25px;
border: 1px solid #bbb;
}
.img-cap-img {
margin-bottom: 0;
}
.img-cap-content {
padding: 15px;
border: 1px solid #bbb;
border-top-width: 0;
}
/* minors page */
.page-academics-minors-and-certificates .info h3 {
font-size: 1.1em;
}
body.not-front .main-container.container-fluid {
padding: 0;
}
.adjusted-sticky-set {
position: relative;
top: auto;
}
.adjusted-sticky-fixed{
position: fixed;
top: 24px;
}
.adjusted-sticky-bottom{
position: absolute;
top: auto;
bottom: 0;
}
.full-panel-background-image {
position: relative;
overflow: hidden;
}
.full-panel-background-image .panel-panel, .full-panel-background-image .full-panel-background-image {
position: static;
}
.full-panel-background-image .panel-pane {
position: relative;
z-index: 25;
color: white;
}
.full-panel-background-image .full-background-image {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
}
.full-panel-background-image .pane-content {
position: relative;
}
.full-panel-background-image .full-background-image img {
width: 100%;
margin: auto;
position: absolute;top: 50%;
left: 50%;
margin-top: -416px;
margin-left: -953px;
}
/* ******************************************************************* */
/* Custom Modals */
/* ******************************************************************* */
.showcase-modal .modal-close{
top: 0;
right: 0;
z-index: 5;
padding: 10px;
}
.showcase-modal .modal-close i.icon-close:before {
color: #000 !important;
}
.showcase-modal .modal-body {
padding: 30px 0px 0px;
max-height: 85vh;
overflow: scroll;
}
.showcase-modal div#modal-widths {
padding: 0px !important;
overflow: hidden;
}
.showcase-modal .modal-body hr,
.showcase-modal .modal-body #node-url {
display: none;
}
.showcase-modal.showcase-2021-modal .container.showcase-footer .rteleft a,
.showcase-modal.showcase-2021-modal .container.showcase-footer .rteright a {
position: relative;
}
.showcase-modal.showcase-2021-modal .container.showcase-footer .rteleft a,
.showcase-modal.showcase-2021-modal .container.showcase-footer .rteright a {
position: relative;
padding: 20px 30px;
}
.showcase-modal.showcase-2021-modal .container.showcase-footer .rteleft a:before,
.showcase-modal.showcase-2021-modal .container.showcase-footer .rteright a:after {
content: "";
position: absolute;
top: 50%;
width: 0;
height: 0;
transform: translateY(-50%);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.showcase-modal.showcase-2021-modal .container.showcase-footer .rteleft a:before{
border-right: 9px solid white;
left: 15px;
}
.showcase-modal.showcase-2021-modal .container.showcase-footer .rteright a:after {
border-left: 9px solid white;
right: 15px;
}
/* START SHOWCASE 2022 */
.showcase-2022.showcase-modal .modal-body {
overflow: hidden;
padding: 0px;
}
.showcase-2022.showcase-modal .modal-body .row {
display: flex;
justify-content: center;
align-items: center;
}
.showcase-2022.showcase-modal h1 {
display: none;
}
.showcase-2022.showcase-modal .modal-wrapper {
margin-left: 0px;
width: 100%;
padding-left: 0px;
}
.showcase-2022.showcase-modal .container-fluid {
height: 100%;
}
.showcase-2022.showcase-modal .modal-dialog {
margin-top: 100px;
}
.showcase-2022.showcase-modal .col-sm-8 p {
margin: 0px;
}
.showcase-2022.showcase-modal #modal-widths {
max-width: 800px;
margin: 0 auto;
display: block;
float: none;
}
.showcase-2022.showcase-modal .modal-close i.icon-close:before {
color: #993CE0 !important;
}
.showcase-2022.showcase-modal .modal-content a,
.showcase-2022.showcase-modal .modal-content a:hover,
.showcase-2022.showcase-modal .modal-content a:visited,
.showcase-2022.showcase-modal .modal-content a:active {
color: #993CE0;
}
@media (max-width: 767px) {
.showcase-2022.showcase-modal .modal-dialog {
padding: 30px;
margin-top: 45px;
}
.showcase-2022.showcase-modal .modal-body {
overflow: auto;
}
.showcase-2022.showcase-modal .modal-wrapper {
padding-right: 0px;
}
.showcase-2022.showcase-modal .modal-body .row {
flex-direction: column;
align-items: flex-start;
margin: 0;
}
.showcase-2022.showcase-modal .col-sm-8 {
padding: 0;
}
.showcase-2022.showcase-modal .col-sm-4 {
margin-top: 50px;
}
}
/* END SHOWCASE 2022 */
body:not(.editing-panel) .container.showcase-footer {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
z-index: 40;
background-color:#1968B1;
border-radius: 0px 0px 4px 4px;
}
body:not(.editing-panel) .container.showcase-footer a {
color: #79bfff;
font-weight: 600;
}
body:not(.editing-panel) .container.showcase-footer .rteleft,
body:not(.editing-panel) .container.showcase-footer .rteright {
margin: 0 !important;
padding: 20px 0px;
}
body:not(.editing-panel) .container.showcase-footer .rteleft a,
body:not(.editing-panel) .container.showcase-footer .rteright a {
padding: 20px;
color: #fff;
transition: all .3s;
background: rgba(0, 0, 0, 0);
}
body:not(.editing-panel) .container.showcase-footer .rteleft a:hover,
body:not(.editing-panel) .container.showcase-footer .rteright a:hover {
background: rgba(0, 0, 0, 15%);
}
body:not(.editing-panel) .container.showcase-footer .panel-pane{
margin: 0;
}
body:not(.editing-panel) .container.showcase-footer p:last-child {
margin-bottom: 0;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
.showcase-modal .modal-dialog {
margin-top: 0;
}
}
/* ******************************************************************* */
/* End Custom Modals */
/* ******************************************************************* */
/* ******************************************************************* */
/* Custom Accordion */
/* ******************************************************************* */
.panel-group--swarm > .panel+.panel {
margin-top: 18px;
}
.panel-group--swarm .panel-default>.panel-heading {
background-color: #F8F8F8;
}
.panel-group--swarm a[data-toggle="collapse"]:hover,
.panel-group--swarm a[data-toggle="collapse"]:focus {
text-decoration: none;
}
.panel-group--swarm a[data-toggle="collapse"]:before {
content: "\e114";
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
position: relative;
top: 3px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.878' height='15.527' viewBox='0 0 8.878 15.527'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M6.2,7.761.326,1.89a1.1,1.1,0,0,1,0-1.567A1.119,1.119,0,0,1,1.9.322L8.555,6.975a1.108,1.108,0,0,1,.032,1.53L1.9,15.2A1.11,1.11,0,1,1,.331,13.637Z' fill='currentColor'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
content: "";
width: 15px;
height: 15px;
display: inline-block;
transform: rotateZ(90deg);
}
.panel-group--swarm a[data-toggle="collapse"].collapsed:before {
/* content: "\e080"; */
transform: rotateZ(0deg);
}
.panel-group--swarm .panel-group .panel {
border-radius: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;
box-shadow: 0px 0px;
}
.panel-group--swarm .panel-group .panel:last-child {
border-bottom: 0;
}
.panel-group--swarm .panel-group .panel-heading {
border: 0px;
padding-left: 0;
padding-right: 0;
background-color: transparent;
}
.panel-group--swarm .panel-group .panel-title {
font-size: 14px;
}
.panel-group--swarm .panel-group .panel-heading+.panel-collapse .panel-body {
border: 0px;
font-size: 13px;
padding-top: 0;
padding-left: 25px;
}
.panel-group--swarm .panel-group a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_58' data-name='Group 58' transform='translate(-455.949 460) rotate(-90)'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M16.345,12.433,13.606,9.7a.806.806,0,0,1,0-1.144.817.817,0,0,1,1.147,0l3.31,3.306a.808.808,0,0,1,.024,1.117l-3.33,3.34a.81.81,0,0,1-1.147-1.144Z' transform='translate(462.435 450.505) rotate(90)' fill='current'/%3E%3Cg id='Ellipse_20' data-name='Ellipse 20' transform='translate(460 455.949) rotate(90)' fill='none' stroke='%23e2e2e2' stroke-width='1'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none'/%3E%3Ccircle cx='10' cy='10' r='9.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
font-size: 12px;
padding: 3px 3px 1px;
width: 18px;
height: 18px;
top: 4px;
}
.panel-group--swarm .panel-group a.collapsed:before {
padding: 2px 3px 2px;
}
.left-plus-accordion.panel-group .panel {
border-radius: 0;
border-width: 0;
border-top-width: 1px;
font-size: 13px;
-webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 5%);
box-shadow: 0 0px 0px rgb(0 0 0 / 5%);
}
.left-plus-accordion.panel-group .panel:last-child {
border-bottom-width: 1px;
}
.left-plus-accordion.panel-group .views-row:last-child .panel {
border-bottom-width: 1px;
}
.left-plus-accordion .panel-heading,
.left-plus-accordion .panel-heading a {
position: relative;
display: block;
color: black;
background-color: transparent;
font-weight: 600;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
}
.left-plus-accordion .panel-heading:hover,
.left-plus-accordion .panel-heading a:hover {
text-decoration: none;
}
.left-plus-accordion .panel-heading,
.left-plus-accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
padding: 0px;
}
.left-plus-accordion .panel-heading a:after {
background: black;
mask: url(/sites/all/themes/swarm/images/minus.svg) no-repeat center center;
-webkit-mask: url(/sites/all/themes/swarm/images/minus.svg) no-repeat center center;
mask-size: contain;
-webkit-mask-size: contain;
content: "";
position: absolute;
height: 25px;
width: 25px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.left-plus-accordion .panel-heading a.collapsed:after {
mask-image: url(/sites/all/themes/swarm/images/plus.svg);
-webkit-mask-image: url(/sites/all/themes/swarm/images/plus.svg);
}
.left-plus-accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
border: 0;
padding-left: 40px;
padding-bottom: 20px;
}
.left-plus-accordion .panel-title {
font-size: 20px;
padding-right: 0px;
}
/* ******************************************************************* */
/* End Custom Accordion */
/* ******************************************************************* */
/* ******************************************************************* */
/* Begin Button Hover Animation */
/* ******************************************************************* */
.bt-bg-animation {
top: 0;
left: -100%;
background: rgba(255,255,255,1);
position: absolute;
width: 100%;
height: 100%;
z-index:1;
}
/* ********************************************************************* */
/* End Button Hover Animation */
/* ********************************************************************* */
#apply-form-modal-wrapper #webform-component-test-field.form-group {
display: none;
}
/* Begin awards specific hero styles */
.section-about-awards-and-rankings nav#top-main-nav,
.section-content-awards-and-rankings nav#top-main-nav{
margin-bottom:0px;
}
.section-about-awards-and-rankings .region-hero-container,
.section-content-awards-and-rankings .region-hero-container{
margin-bottom:0px;
}
.section-about-awards-and-rankings #main-content-region,
.section-content-awards-and-rankings #main-content-region{
margin-top:0px;
}
.section-about-awards-and-rankings .container-fluid.awards-hero-copy-parent,
.section-content-awards-and-rankings .container-fluid.awards-hero-copy-parent{
padding-top:0px;
}
.section-about-awards-and-rankings #awards-copy-col {
padding-top: 20px;
padding-bottom: 40px;
}
.section-content-awards-and-rankings #awards-copy-col{
padding-top:17px;
}
.section-about-awards-and-rankings .awards-hero-copy,
.section-content-awards-and-rankings .awards-hero-copy{
display: inline-block;
width:100%;
overflow: visible;
background-color: #fff;
-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, .08);
-moz-box-shadow: 0 0 20px 0px rgba(0, 0, 0, .08);
box-shadow: 0 0 20px 0px rgba(0, 0, 0, .08);
/* transition: all 0.2s ease-in-out; */
position: relative;
margin-bottom: -6px;
}
.section-about-awards-and-rankings .awards-hero-copy img,
.section-content-awards-and-rankings .awards-hero-copy img{
position:absolute;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index:99;
top:-50px;
}
.container-fluid.awards-big-feature{
padding-bottom:0px;
}
/*.section-content-awards-and-rankings .region-hero-container picture > div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(90,177,156,0.9);
color: #fff;
}
.section-content-awards-and-rankings .region-hero-container picture > div .pane-content {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
}*/
/* End awards specific hero styles */
.text-ad.text-ads {
display: none;
}
/* Bees Classic confirmation form styles */
.page-node-219511-done input,
#webform-client-form-219511 button {
border: 1px solid rgb(202, 168, 0);
background: #FFF;
color: rgb(202, 168, 0);
}
.page-node-219511-done input:hover,
#webform-client-form-219511 button:hover {
border: 1px solid rgb(202, 168, 0);
background: rgb(202, 168, 0);
color: #FFF;
}
/* Coronvirus */
#node-258506 .panel-default>.panel-heading {
background-color: #F7F7F7;
padding: 10px 15px 10px 40px;
font-size: 14px;
}
#node-258506 .panel-group .panel-heading+.panel-collapse .panel-body {
border-top: none;
background-color: #F7F7F7;
}
#node-258506 .panel-body {
padding: 15px 15px 15px 40px;
}
#node-258506 .question-toggle {
position: relative;
}
#node-258506 .question-toggle.collapsed::before {
width: 31px;
content: " ";
background-image: url("../images/green-right-arrow.png");
background-repeat: no-repeat;
background-size: 14px 14px;
position: absolute;
left: 14px;
top: 14px;
height: 25px;
}
#node-258506 .question-toggle:not(.collapsed)::before {
width: 31px;
content: " ";
background-image: url("../images/green-down-arrow.png");
background-repeat: no-repeat;
background-size: 12px 12px;
position: absolute;
left: 14px;
top: 16px;
height: 25px;
}