@charset 'UTF-8';
/* Fix boldness of menu items */
.nav>li>a {
position: inherit;
}
body .menu-s .nav li:last-child a, body .menu-s .nav li:nth-last-child(2) a {
font-family: aveniro!important;
font-weight: 100!important;
}
/* Apply button on menus */
/*body .terc-menu .nav li a {
background: #FFC02E none repeat scroll 0 0;
color: #200C73;
}
body .terc-menu .nav li:first-child a {
color: white;
}
*/
/* Tirtiary Menu Always Enabled */
body:not(.front) .terc-menu .nav li a {
visibility: visible!important;
display: block!important;
opacity: 100!important;
}
//body.mundo .terc-menu .nav li a {
// visibility: visible!important;
// display: block!important;
// opacity: 100!important;
//}
/* Fix slider spacing */
.node--view-mode-teaser {
border-bottom: none;
}
#carusel {
/* Uncomment the below rule when the alert system is enabled.
* To calculate the top margin: Add the heights of the header and alert system bar.
* The top margin brings the slider down on the screen to the desired position.
margin-top:42px; */
margin-top: 82px;
}
/*
@media (min-width: 1281px) {
.views-frontpage #carusel {
margin-bottom: -120px;
}
}
@media (max-width: 1280px) {
.views-frontpage #carusel {
margin-bottom: -50px;
}
}
*/
/* video image sizing on front page */
.location-homepage-full-content {
/* Added top and bottom padding for consistency with the rest of the rows on the page & consolidated into one rule */
padding: 50px 30px 0 30px;
}
.location-homepage-full-content .field--name-field-image-loca {
max-width: 650px;
float: none;
margin: 0 auto;
}
.location-homepage-full-content .field--name-field-image-loca img {
width: 100%;
height: auto;
min-width: 640px;
min-height: auto;
max-width: 700px;
}
.contextual {
display: none;
}
.location-homepage-full-content .field--name-field-video-location {
display: none;
}
/* Removed excess spacing from bottom of campus labels text */
.location-homepage-full-content .field--name-body {
margin-bottom: 0;
}
/* Videos Bumped to bottom of page and titles edited */
.vids-bot {
//max-width: 1309px;
background-position: center center;
float: none;
margin: 0 auto;
}
/* Ready To Get Started block */
#bfooter.bfooter,
body[class*=path-] #bfooter {
background: #FFC02E;
padding-top: 50px;
padding-bottom: 50px;
}
body.node--type-news #bfooter {
background: #ffffff;
}
.btn-hover-ambar:hover {
background: #002C73;
}
/* Front Page Title Fixes */
.suny-blue-title {
color: #002C73;
}
.suny-blue-title h2 {
font-size: 40px;
}
/* Edit footer to make space for give icon */
@media (min-width: 992px) {
.give-nudge {
margin: -125px 0 0 0;
text-align: center;
max-width: 175px;
}
}
@media (max-width: 992px) {
.give-nudge {
max-width: 175px;
}
}
/* Change background color of 'ready to get started' footer */
/*#bfooter.bfooter {
background-color: #FFC02E;
}
*/
/* Fix size of headers, site-wide */
/*
font-size: 60px;
}
.carusel-home .node .container h2 {
font-size: 60px!important;
}
*/
/* Fix Top Menu - Secondary Menu Not Hidden & Background Alterations */
body .sec-menu {
visibility: visible;
opacity: 100;
display: block;
}
body .headers {
background: #002C73;
max-height: 82px;
}
body .terc-menu {
padding-top: 12px;
}
body .levanta-modal {
background-color: #002C73;
}
/* Pager Button color */
.pager li>a, .pager li>span {
border-radius: 3px;
background-color: #002C73;
color: white;
}
.pager li>a:hover, .pager li>span:hover {
background-color: white;
color: #002C73;
border: 1px solid black;
}
nav[aria-labelledby=pagination-heading] {
margin: 50px 0 25px 0;
}
/* Apply Button color */
.btn-primary {
background-color: #002C73;
}
/* Events On Homepage Styles */
.content-bottom .container .row .col-lg-10 {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.events-title-home h2 {
/* Added margin for consistency with white rows */
margin-top: 50px;
font-size: 40px;
text-transform: uppercase;
}
.events-title-home .views-row h2.node__title {
font-size: 20px;
font-weight: bold;
width: 75%;
float: right;
text-align: left;
margin-left: 10px;
margin-right: 10px;
vertical-align: top;
}
.events-title-home .field__item {
font-size: 20px;
padding-top: 9px;
font-weight: 999;
width: 15%;
min-width: 68px;
float: left;
display: block;
color: black;
vertical-align: center;
}
.events-title-home .row {
width: 100%;
}
.events-title-home .views-row:hover {
border-left: 5px solid #002C73;
}
@media (max-width: 768px) {
.events-title-home .views-row {
width: 100%!important;
}
}
@media (max-width: 1280px) and (min-width: 769px) {
.events-title-home .views-row {
width: 33%!important;
display: block;
vertical-align: top;
text-align: center;
height: auto;
border-left: 5px solid transparent;
//border-bottom: solid 1px #002C73;
padding-top: 10px;
padding-bottom: 15px;
}
.events-title-home {
margin-bottom: 50px;
}
}
@media (min-width: 1281px) {
.events-title-home .views-row {
padding-left: 14px;
height: 100px;
width: 33%;
display: inline-block;
vertical-align: top;
border-left: solid 1px #002C73;
margin-top: 20px;
margin-bottom: 40px;
}
.events-title-home .views-row:hover {
padding-left: 10px;
}
}
.events-title-home .views-row a {
color: black;
}
.front .content-bottom .container {
width: 100%;
}
.front .content-bottom {
background-color: #CCC;
/* padding-bottom: 20px; */
padding-top: 0px;
}
/* Event Page Styles */
.calendar-calendar .day-view #single-day-container {
min-height: 300px;
margin-top: 30px;
}
.calendar-calendar .week-view #single-day-container {
min-height: 300px;
}
.calendar-calendar .week-view #header-container {
margin-top: 30px;
}
.calendar-calendar .month-view table {
margin-top: 30px;
min-height: 200px;
}
.calendar-calendar .day-view div.single-day .view-item, .calendar-calendar .week-view div.single-day .view-item {
position: relative;
}
.calendar-calendar .month-view .full td .inner div.day a {
border-radius: 100px;
background-color: #002C73;
color: white;
padding: 3px;
text-decoration: none;
}
.calendar-calendar .mini {
min-height: 250px;
}
.calendar-calendar .mini-day-off {
font-size: 15px;
}
.calendar-calendar .mini-day-on {
background-color: #002C73;
}
.calendar-calendar .mini-day-on a {
color: white;
text-decoration: none;
font-size: 15px;
padding: 22.5px;
border-radius: 50%;
padding: 30px;
background-color: #002C73;
}
.new-events .field--name-field-date {
color: black;
font-size: 18px;
//font-weight: bold;
//text-transform: uppercase;
//line-height: 95%;
}
.new-events .field__item {
margin: 0px;
padding: 0px;
}
.new-events .node h2 {
color: #002C73;
font-size: 25px;
font-weight: bold;
//line-height: 1.32;
margin: 15px 0 4px;
//text-transform: uppercase;
}
.new-events .node .field--name-field-place {
color: black;
font-size: 18px;
font-weight: bold;
}
.new-events .node--type-events.node--view-mode-teaser {
min-height: 100px!important;
}
.new-events .views-row .node {
background: #f5f5f5 none repeat scroll 0 0;
padding: 40px 0 40px 0; cursor: pointer;
position: relative;
display: block;
padding-left: 10px;
border-bottom: 1px solid rgba(0,0,0,.1);
border-left: 5px solid transparent;
}
.new-events .views-row .node:hover,
.new-events .views-row .node:active,
.new-events .views-row .node:focus {
text-decoration: none;
/*-webkit-box-shadow: 3px 3px 7px 0px rgba(74,116,182,1);
-moz-box-shadow: 3px 3px 7px 0px rgba(74,116,182,1);
box-shadow: 3px 3px 7px 0px rgba(74,116,182,1); */
border-left: 5px solid #002C73;
}
.side-cal .calendar-calendar tr.single-day {
display: none;
}
.new-events #views-exposed-form-eventstest-page-1 {
margin-bottom: 20px;
}
/* Add padding between sidebar-first blocks */
.sidebar .block {
padding: 10px;
}
/*fix width of in-body news images */
body.node--type-news .body-news-full img {
float: left;
margin: 0 45px 20px 0;
width: auto;
}
/* Add bottom margin to 'first text' on landing pages */
.first-text p {
color: #002c73;
font-size: 20px;
line-height: 2;
margin: 0;
margin-bottom: 40px;
}
/* Adjust post meta info in announcements/news/events etc */
.wrapper-top-news {
color: #002c73;
/* font-weight: bold; */
font-style: italic;
}
/* Fix excess padding at top of basic pages and posts */
.suny-pt-80 {
padding-top: 0px;
}
/* SOCIAL FEED */
/* Fix instagram feed on home page */
@media (min-width: 768px) {
#block-instagramblock {
float: left;
width: 50%;
margin-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 767px) {
#block-instagramblock {
float: left;
width: 50%;
margin-bottom: 100px;
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 768px) and (max-width: 848px) {
#block-instagramblock > h2 {
min-height: 88px;
}
}
@media (max-width: 750px) {
#block-instagramblock {
float: none;
width: 100%;
margin-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
border-right: none;
}
}
#block-instagramblock h2 {
font-size: 40px;
margin: 20px 0 10px 0;
}
#block-instagramblock .ig-profile-link a {
color: #002c73;
}
/* FIX TWITTER BLOCK FRONT PAGE */
@media (min-width: 1300px) {
#twitter-widget-0 {
width: 100%!important;
height: 300px!important;
padding-left: 15%!important;
padding-right: 15%!important;
margin: 50px 0;
}
}
@media (max-width: 1300px) {
#twitter-widget-0 {
width: 100%!important;
height: 550px!important;
padding-left: 15%!important;
padding-right: 15%!important;
}
}
@media (max-width: 880px) {
#twitter-widget-0 {
width: 100%!important;
height: 400px!important;
padding: 0px !important;
}
}
#block-twitterblock h2 {
font-size: 40px;
margin-top: 50px;
}
@media (max-width: 750px) {
#block-twitterblock {
float: none;
width: 100%;
padding-left: 30px;
margin: 20px 0;
}
}
@media (min-width: 750px) {
#block-twitterblock {
float: right;
width: 50%;
padding-left: 30px;
border-left: 1px solid #ccc;
margin: 50px 0;
}
}
/* Fix light-blue overlay on 1st news article on front page */
.front .suny-noticias .views-row:first-child .node {
height: auto;
}
.suny-noticias .views-row:first-child .inside-text .field--name-node-post-date {
color: #fff;
font-size: 14px;
}
/* FIX FOR DATES AT BOTTOM OF NEWS ARTICLES FRONT PAGE */
@media (max-width: 768px) {
.suny-noticias .views-row.views-model .inside-text .field {
font-size: 12px;
}
}
#block-views-block-news-block-2 .view-news .views-summary {
position: relative;
z-index: 5;
background-color: white;
}
/* Slider */
.img-news-full > img {height: auto; width: 30%!important;}
/*FLOAT FOR IMAGES IN NODES */
.body-news-full img {margin:15px!important;}
.slick-loading .slick-list
{
background: #fff url('ajax-loader.gif') center center no-repeat;
}
/* Icons */
/*@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
/*.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*/
.slick-prev {
left: 0;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: 'â†';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next {
right: 0;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: 'â†';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
/*.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*/
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* Faculty & staff directory main content/footer overlap fix (this is hacky - need to investigate the cause further) */
.views-faculty-and-staff-page-1 .col-lg-11 .row {
margin-bottom: 100px;
}
.views-faculty-and-staff-page-1 .col-lg-11 nav {
margin-bottom: 0;
}
/* Colleges page - center seal hero image on mobile */
@media (max-width: 768px) {
.page-node-124 #prefase {
background-position: 87%;
}
}
/* Increased visibility of "More Facts" button in statistics block - was previously very faint and hard to read (color: #CACACA; background-color: #EDEDED; border: none;) */
.btn-more-facts {
color: #555;
border: 1px solid #ccc;
}
.btn-more-facts:hover {
color: #555;
}
/* Fix footer from overlapping with main page content on certain pages (announcements) */
#bfooter, .cuerpo-interno {
clear: both;
}
/* Add spacing between basic pages and footer */
.node--type-page .main-content {
margin-bottom: 40px;
}
/* Fix secondary toolbar displaying behind header after Drupal 8.6.7 upgrade */
.user-logged-in #headers {
z-index: 1300;
}
/* Fix primary toolbar from displaying behind sidebar content after Drupal 8.6.7 upgrade */
.user-logged-in #toolbar-bar {
z-index: 1500;
}
/* Add spacing to the research and community links in the expanded menu modal */
.modal-headers .sec-modal-menu .menu-s .nav li:nth-last-child(2) {
right: 135px;
}
.modal-headers .sec-modal-menu .menu-s .nav li:nth-last-child(1) {
right: 20px;
}
/* Prevent scrollbars from appearing on expanded menu modal */
.navegador .modal-dialog .modal-content {
overflow: hidden;
}
/* Fix missing spacing between main content and social sharing buttons */
.shariff {
padding-top: 30px;
}
/* Search Console Mobile Error: Fixed content wider than screen */
body.node--type-locationss .field--name-field-image-loca img {
max-width: 100%;
height: auto;
}
@media (max-width: 768px) {
#block-sunny-content img {
max-width: 100%;
height: auto;
}
}
/* Prevent homepage events dates from shifting out of alignment when multiple dates are listed for an event */
body.views-frontpage .view-eventstest .node__title {
margin-bottom: 20px;
}
/* Reduced font size of titles on academic program pages */
@media screen and (min-width: 768px) {
.node--type-majors-and-programs .cuerpo-interno h1.page-title {
font-size: 80px;
line-height: 1.15em;
}
.page-node15869.node--type-majors-and-programs .cuerpo-interno h1.page-title {
font-size: 75px;
line-height: 1.1em;
}
}
@media screen and (max-width: 767px) {
.page-node15869.node--type-majors-and-programs .cuerpo-interno h1.page-title {
font-size: 40px;
line-height: 1.3em;
}
.node--type-academics h1.page-title {
font-size: 37px;
left: 10px;
}
}
/* Aligned location titles on homepage */
@media screen and (min-width: 1500px) {
.location-homepage-full-content .field--name-body,
.location-homepage-full-content .field--name-field-image-loca {
margin: 0 10%;
}
}
.location-homepage-full-content .field--name-body p {
margin-left: 0;
}
/* Footer "Ready to Get Started?": Reduced vertical spacing, equally aligned columns, aligned headings w/rest of page titles */
@media (min-width: 1500px) {
.bfooter .suny-simple:last-child .content {
float: none;
}
}
.node--type-locationss .field--name-body,
.node--type-student .field--name-body {
margin-bottom: 0;
}
.views-frontpage #bfooter {
padding: 0;
}
.views-frontpage #bfooter .suny {
margin: 0;
}
.views-frontpage #bfooter .container {
width: 100%;
padding: 50px;
margin: 0;
}
/* Homepage locations vertical spacing reduction */
.location-homepage-full-content .node--type-locationss .field--name-body p {
margin-top: 10px;
margin-bottom: 0;
}
.location-homepage-full-content .view-header h2 {
margin-top: 0;
}
/* Darkened horizonatal rule */
hr {
border-top: 1px solid #d6d6d6;
}
/* New Search View/Block Styles */
@media (min-width: 360px) {
.region-serch input#edit-title {
min-width: 330px;
}
}
.region-serch input#edit-title {
font-size: 32px;
height: auto;
box-shadow: none;
padding: 15px;
background: #fff repeat scroll 0 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #fff;
border-radius: 0;
}
@media (min-width: 798px) {
.region-serch .block-views {
width: 50%;
margin-top: 5%;
}
}
@media (max-width: 797px) {
.region-serch .block-views {
width: 100%;
margin-top: 25%;
}
}
.view-search .view-header {
margin-top: 20px;
}
.view-search .views-row {
margin-bottom: 35px;
}
.node--type-major-program-internal #bfooter {
margin-top: 80px !important;
}
/* Label for ADA compliance */
#views-exposed-form-search-page-1 label[for="edit-title"] {
color: transparent;
}
/* Popover Link Styles */
.popup-box {
display: none;
position: absolute;
width: 400px;
left: 50px;
background-color: #ffffff;
border: 1px solid #002C73;
padding: 10px;
z-index: 100;
}
.popup-box-active {
display: block;
}
@media all and (max-width: 787px) {
.popup-box {
position: relative;
width: 100%;
left: 0;
border: none;
}
}
#main p strong {
font-size: inherit;
}
h1, h2, h3, h4, h5, h6 {
color: #002c73;
}
.carusel-home h1,
.carusel-home h2,
.carusel-home h3,
h2.title-programs,
#footer h1,
#footer h2,
#footer h3 {
color: #ffffff;
}
.fab {
font-family: FontAwesome;
font-style: normal;
}
.footer .suny-rs li a:hover,
.footer .suny-rs li i:hover {
text-decoration: none;
}
/* Back to Top 8.x-1.1 Update - increase line-height to center icon */
#backtotop i {
line-height: 50px;
}
/* Darken background/highlight color of <mark> elements */
mark {
background-color: #ffff7b;
}
/* Style custom internal M&P page sidebar menu links */
@media all and (max-width: 1499px) {
.custom-link>.nav>li>a {
padding: 17px 0px;
}
}
@media all and (min-width: 1500px) {
.custom-link>.nav>li>a {
padding: 17px 8px;
}
}
.custom-link ul {
padding-top: 0;
margin-top: -15px;
}
.custom-link a {
color: #000;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1;
}
.custom-link a:hover {
text-decoration: underline !important;
}
/* College of Business Mgmt Faculty Directory */
.view-faculty-and-staff.view-display-id-block_1 .view-header {
margin-bottom: 50px;
}
.view-faculty-and-staff.view-display-id-block_1 .views-row {
margin-bottom: 20px;
padding: 0 15px;
}
.view-faculty-and-staff.view-display-id-block_1 .field__label {
font-weight: 700;
}
@media (min-width: 768px) {
.view-faculty-and-staff.view-display-id-block_1 .staff-image-container {
float: left;
width: 25%;
}
.view-faculty-and-staff.view-display-id-block_1 .staff-info-container {
float: left;
width: 66.67%;
margin-left: 10px;
}
}
@media (max-width: 767px) {
.view-faculty-and-staff.view-display-id-block_1 .views-row {
float: left;
width: 50%;
}
.view-faculty-and-staff.view-display-id-block_1 .views-row:nth-child(2n-1) {
clear: both;
}
.view-faculty-and-staff.view-display-id-block_1 .staff-image-container,
.view-faculty-and-staff.view-display-id-block_1 .staff-info-container {
float: left;
width: 100%;
padding: 0 15px;
}
}
/* Accordion */
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
.accordion.active, button.accordion:hover {
background-color: #ddd;
}
.panel {
display: none;
padding: 10px 18px 0 18px;
background-color: white;
display: none;
}
.panel img {
max-width: 100%;
}
.accordion:after {
content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
.accordion.active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* FAQs View */
.faqs-filters #edit-term-node-tid-depth--2 ul,
.faqs-filters #edit-term-node-tid-depth ul {
padding: 0;
list-style-type: none;
}
.faqs-view .accordion div {
display: inline;
}
.faqs-view .pagination {
margin-top: 20px;
}
/* Drupal 8.9.1 Admin Search Bar Fix */
#admin-toolbar-search-input {
height: 34px;
margin-top: 2px;
}
#admin-toolbar-search-tab > .form-group {
margin: 0;
}
/* Pager Tweaks */
.pagination .page-item span:first-child,
.pagination .pager__item--next span:first-child {
white-space: nowrap;
margin: 0;
}
.pagination .page-item > a,
.pagination .pager__item--next > a {
width: auto;
min-width: 35px;
}
/* Accessibility Changes Nov. 2020 */
body .terc-menu .nav li a {
background: #707070 none repeat scroll 0 0;
}
#prefase .help-text .help-inner {
text-shadow: 0 0 3px black;
}
mark a {
color: #2B6597;
}
/* Tile Grid Styles */
.grid-wrapper.equal-tiles {
display: flex;
justify-content: space-between;
align-content: stretch;
flex-wrap: wrap;
}
.grid-item {
width: 32%;
flex-basis: 32%;
margin: 1% 0;
border: 1px solid #ccc;
overflow: hidden;
}
@media only screen and (max-width: 900px) {
.grid-item {
width: 100%;
flex-basis: 100%;
}
}
.grid-item .title1 {
background-color: #002C73;
color: white;
padding: 8px;
font-size: 18px;
}
.grid-item .content1 {
width: 100%;
height: 100%;
padding: 0px;
}
.grid-item .content1 img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.grid-item .content1 p {
margin-left: 15px;
margin-right: 15px;
}
.grid-item .content1>p:first-child,
.grid-item .content1>ul:first-child {
padding-top: 15px;
}
.yellow-bg {
background-color: #FCE99C;
}
.yellow-bg a {
color: #2B6597;
}
#main ul strong {
color: #002c73;
}
/* Flex Row Styles */
.flex-row {
display: flex;
margin-bottom: 25px;
width: 100%;
}
.flex-row > * {
padding: 10px;
}
.flex-row .img-100 {
height: auto;
width: 100%;
}
@media all and (max-width: 767px) {
.flex-row {
flex-direction: column;
}
.flex-row > * {
flex-basis: 100%;
width: 100%;
}
}
@media all and (min-width: 768px) {
.flex-row {
flex-direction: row;
}
.flex-25 {
flex-basis: 25%;
width: 25%;
}
.flex-33 {
flex-basis: 33.33%;
width: 33.33%;
}
.flex-50 {
flex-basis: 50%;
width: 50%;
}
.flex-75 {
flex-basis: 75%;
width: 75%;
}
}
/* Flex Row Color Boxes */
.flex-row.blue-tiles {
margin-bottom: 0;
}
.flex-row.square-tiles>[class^="flex-"]:before {
content: '';
float: left;
padding-top: 100%;
}
.flex-row.blue-tiles>[class^="flex-"] {
padding: 0;
}
.flex-row.blue-tiles>[class^="flex-"] a {
height: 100%;
min-height: 140px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #002c73;
padding: 10px;
transition: all 1s ease-in-out;
}
.flex-row.blue-tiles>[class^="flex-"] a:hover {
background-color: #FFC02E;
text-decoration: none;
transition: all 1s ease-in-out;
}
.flex-row.blue-tiles>[class^="flex-"] a span {
color: white;
text-transform: uppercase;
margin: 0;
text-align: center;
font-size: 25px;
font-weight: bold;
line-height: 1.1em;
transition: all 1s ease-in-out;
}
.flex-row.blue-tiles>[class^="flex-"] a:hover span {
color: #002c73;
}
@media all and (max-width: 767px) {
.flex-row.blue-tiles>[class^="flex-"] {
margin-bottom: 15px;
}
}
@media all and (min-width: 768px) {
.flex-row.blue-tiles>.flex-25 {
flex-basis: 24%;
width: 24%;
margin: .5%;
}
.flex-row.blue-tiles>.flex-50 {
flex-basis: 49%;
width: 49%;
margin: .5%;
}
.flex-row.blue-tiles>.flex-33 {
flex-basis: 32%;
width: 32%;
margin: .66%;
}
.flex-row.blue-tiles>.flex-75 {
flex-basis: 74%;
width: 74%;
margin: .5%;
}
}
/* Flex Row Icon Boxes */
@media all and (max-width: 767px) {
.icon-boxes>div {
margin-bottom: 10px;
}
}
@media all and (min-width: 768px) {
.icon-boxes>div {
margin: 0 5px;
}
}
.icon-boxes>div {
padding: 0;
}
.icon-boxes>div a {
text-align: center;
background-color: #002c73;
color: white;
padding: 15px 10px;
border-radius: 7px;
transition: all ease-in-out .75s;
display: block;
}
.icon-boxes>div a:hover,
.icon-boxes>div a:focus {
background-color: #011f50;
text-decoration: none;
}
.icon-boxes>div a>* {
transition: all ease-in-out .5s;
}
.icon-boxes>div a:hover>* {
transform: scale(1.025);
}
.icon-boxes>div a i,
.icon-boxes>div a span {
display: block;
}
.icon-boxes>div a .box-title {
font-size: 18px;
font-weight: bold;
margin-top: 10px;
}
.icon-boxes>div a .box-subtitle {
font-size: 14px;
}
/* Image + Text + CTA boxes */
.text-img-box {
width: 100%;
border: 1px solid #ccc;
margin-bottom: 5%;
}
.text-img-box .cover-img img {
width: 100%;
height: 200px;
object-fit: cover;
}
.text-img-box .text-area {
padding: 15px;
color: black;
transition: all ease-in-out 1s;
}
.text-img-box .text-area:hover {
background-color: #002c73;
}
.text-img-box .text-area h4,
.text-img-box .text-area p,
.text-img-box .text-area a {
transition: all ease-in-out 1s;
}
.text-img-box .text-area:hover h4,
.text-img-box .text-area:hover p,
.text-img-box .text-area:hover a {
color: white;
}
.text-img-box .text-area p {
font-size: 13px;
}
.text-img-box .text-area a.cta-link {
display: block;
font-weight: bold;
line-height: 1em;
text-transform: uppercase;
}
/* Buttons */
.btn-round-blue {
background: #002c73;
padding: 10px 15px;
border-radius: 5px;
transition: .5s;
position: relative;
display: inline-block;
}
.btn-round-blue a {
color:white;
text-decoration: none;
transition: .5s;
}
.btn-round-blue a:after {
content: '\00bb';
opacity: 0;
position: absolute;
right: -20;
padding-left: 5px;
transition: .5s;
}
.btn-round-blue:hover {
box-shadow: inset 0 0 10px #012052;
}
.btn-round-blue:hover a {
padding-right: 15px;
}
.btn-round-blue:hover a:after {
opacity: 1;
right: 5;
}
/* Remove "Photo Gallery" breadcrumb from gallery pages */
.node--type-gallery .breadcrumb-item:nth-child(2) {
display: none;
}
/* Remove blue space between header & slider */
@media all and (max-width: 767px) {
.views-frontpage #carusel, .cuerpo-interno {
border-top: none;
}
}
/* Homepage Slider Bottom Bar */
.slider-bar-bottom {
background-color: #ffc02e;
text-align: center;
padding: 10px 0;
}
.slider-bar-bottom p {
margin: 0;
}
.slider-bar-bottom a {
color: #002c73;
font-weight: bold;
text-decoration: none;
display: block;
}
.slider-bar-bottom a i {
transition: .5s ease-in-out;
}
.slider-bar-bottom a:hover i {
transform: translateY(3px);
}
/* New Front News */
@media all and (max-width: 767px) {
.content-top .container-fluid::before, .content-top .container-fluid::after {
background: none;
}
.region-posfase {
flex-direction: column;
}
.new-homepage-news {
margin-bottom: 50px;
width: 100%;
padding-right: 30px;
padding-left: 30px;
}
.new-homepage-news > h2 {
margin: 20px 0 30px 0;
}
.new-homepage-news .slick-prev {
left: -15px;
}
.new-homepage-news .slick-next {
right: -15px;
}
.new-homepage-news .news-item {
margin-bottom: 15px;
}
.new-homepage-news .news-item > a,
.new-homepage-news .news-item > a img,
.new-homepage-news .news-item .news-short-title,
.new-homepage-news .view-footer {
width: 100%;
max-width: 300px;
}
.new-homepage-news .news-item > a,
.new-homepage-news .news-item > a img {
margin: auto;
height: 100%;
max-height: 300px;
}
.new-homepage-news .news-item .news-short-title {
margin: -72px auto 0 auto;
}
.new-homepage-news .view-footer {
margin: 15px auto 0 auto;
}
}
@media all and (min-width: 768px) {
.region-posfase {
flex-direction: row;
}
.new-homepage-news {
width: 50%;
padding-right: 30px;
padding-left: 30px;
}
.new-homepage-news .slick-prev {
left: -10px;
}
.new-homepage-news .slick-next {
right: -20px;
}
.new-homepage-news .news-item {
margin: 20px;
}
.new-homepage-news .news-item > a {
margin: auto;
}
.new-homepage-news .news-item .news-short-title {
min-height: 93px;
}
}
@media all and (min-width: 768px) and (max-width: 1300px) {
.new-homepage-news .news-item {
width: 100%;
}
.new-homepage-news .news-item > a,
.new-homepage-news .news-item > a img,
.new-homepage-news .news-short-title {
width: 100%;
max-width: 200px;
}
.new-homepage-news .news-item > a,
.new-homepage-news .news-item > a img {
height: 200px;
width: 100%;
}
.new-homepage-news .news-short-title {
margin: -93px auto 0 auto;
}
.new-homepage-news .view-footer {
margin-top: 15px;
}
}
@media all and (min-width: 1300px) {
.new-homepage-news .news-item {
width: 100%;
}
.new-homepage-news .news-item > a,
.new-homepage-news .news-item > a img,
.new-homepage-news .news-item .news-short-title {
width: 100%;
max-width: 300px;
}
.new-homepage-news .news-item > a,
.new-homepage-news .news-item > a img {
height: 207px;
width: 100%;
}
.new-homepage-news .news-item .news-short-title {
margin: 0 auto 0 auto;
}
.new-homepage-news .view-footer {
margin-top: 35px;
}
}
.region-posfase {
display: flex;
flex-wrap: wrap;
}
.new-homepage-news .view-header {
margin-bottom: 25px;
}
.new-homepage-news .slick-arrow {
z-index: 99;
}
.new-homepage-news .slick-prev::before,
.new-homepage-news .slick-next::before {
color: #7b7b7b;
font-size: 40px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
.new-homepage-news .slick-prev::before {
content: "\f053";
}
.new-homepage-news .slick-next::before {
content: "\f054";
}
.new-homepage-news .news-item {
display: flex;
height: 100%;
flex-direction: column;
margin-bottom: 0;
overflow: hidden;
}
.new-homepage-news .news-item > a {
display: block;
overflow: hidden;
border-radius: 7px 7px 0 0;
}
.new-homepage-news .news-item > a img {
object-fit: cover;
transition: 2s ease-in-out;
box-shadow: 0 0 5px #cccccc;
border-radius: 7px 7px 0 0;
display: block;
}
.new-homepage-news .news-item:hover > a img {
transform: scale(1.1);
}
.new-homepage-news .news-item .news-short-title {
background-color: #f1f1f1;
border-radius: 0 0 7px 7px;
padding: 15px 10px;
z-index: 999;
}
.new-homepage-news .news-item .news-short-title a {
width: 100%;
color: black;
font-weight: bold;
}
.new-homepage-news .view-footer > a {
color:#002c73;
}
/* Home Social Icons */
@media all and (max-width: 767px) {
#block-socialiconsrow .social-icons {
justify-content: space-evenly;
}
}
@media all and (min-width: 768px) {
#block-socialiconsrow .social-icons li {
margin: 0 10px;
}
}
#block-socialiconsrow {
width: 100%;
background: #f5f5f5;
margin: 0;
}
#block-socialiconsrow .flex-row {
margin: 0;
justify-content: center;
align-items: baseline;
}
#block-socialiconsrow .social-header {
text-transform: uppercase;
color: #757575;
text-align: center;
font-size: 40px;
margin: 0;
}
#block-socialiconsrow .social-icons {
display: flex;
margin: 0;
}
#block-socialiconsrow .social-icons li {
list-style-type: none;
width: auto;
}
#block-socialiconsrow .social-icons li a {
color: #757575;
font-size: 45px;
}
#block-socialiconsrow .social-icons li a:hover {
color: #002c73;
}
/* News Page */
.views-news .suny-noticias .views-row .node--type-news .inside-text {
padding: 25px;
border-radius: 0 0 7px 7px;
}
.views-news .views-row .inside-text {
background-color: #f1f1f1;
}
.views-news .suny-noticias img {
border-radius: 7px 7px 0 0;
}
/* /email-migration page */
.path-email-migration #block-sunny-page-title.titular {
margin-left: 0;
}
.path-email-migration #bread {
margin-left: 0;
padding-left: 0;
}
.path-email-migration #bread .content {
padding-left: 0;
}
/* Ready to Get Started */
.field--name-body .get-started-desc {
min-height: 50px;
}
/* Library Tabs */
.tabs-wrapper div.tab {
overflow: hidden;
}
.tabs-wrapper div.tab button {
margin: 0 5px;
border-radius: 7px 7px 0 0;
background-color: #002c73;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
color: white;
}
.tabs-wrapper div.tab button:first-child {
margin-left: 0;
}
.tabs-wrapper div.tab button:hover {
background-color: #243979;
}
.tabs-wrapper div.tab button.active {
background-color: #eee;
color: black;
}
.tabs-wrapper .tabcontent {
background-color: #eee;
padding: 15px;
border-top: none;
}
.tabs-wrapper .tabcontent a {
color: #2E6CA3;
}
/* Majors and Programs Pages */
.node--type-majors-and-programs #block-sunny-content,
.node--type-majors-and-programs #block-views-block-majors-and-programs-fields-block-1,
.node--type-majors-and-programs #block-views-block-majors-and-programs-fields-block-2 {
margin-bottom: 5%;
}
/* Social Media Support for Faculty & Staff Directory */
@media all and (max-width: 767px) {
.node--type-faculty-and-staff- .sm-container.flex-row {
flex-direction: row;
}
.node--type-faculty-and-staff- .sm-container > * {
width: auto;
}
}
.node--type-faculty-and-staff- .sm-container {
flex-wrap: wrap;
}
.node--type-faculty-and-staff- .sm-container > .field__label {
flex-basis: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.node--type-faculty-and-staff- .sm-container > a[class^="sm-"] {
flex-basis: auto;
padding-top: 0;
}
.node--type-faculty-and-staff- .sm-container > a[class^="sm-"]::before {
font-family: "Font Awesome 5 Brands";
font-weight: normal;
color: #002c73;
font-size: 25px;
}
.node--type-faculty-and-staff- .sm-container > a[class^="sm-"]:hover,
.node--type-faculty-and-staff- .sm-container > a[class^="sm-"]:active,
.node--type-faculty-and-staff- .sm-container > a[class^="sm-"]:focus,
.node--type-faculty-and-staff- .sm-container > a[class^="sm-"]:visited {
text-decoration: none;
}
.node--type-faculty-and-staff- .sm-container > a[class^="sm-"]:hover::before {
color: #757575;
}
.node--type-faculty-and-staff- .sm-container .sm-linkedin::before {
content: "\f08c";
}
.node--type-faculty-and-staff- .sm-container .sm-twitter::before {
content: "\f099";
}
.node--type-faculty-and-staff- .sm-container .sm-instagram::before {
content: "\f16d";
}
.node--type-faculty-and-staff- .sm-container > a.sm-gscholar {
padding-top: 2px;
}
.node--type-faculty-and-staff- .sm-container > a.sm-gscholar::before {
content: url(../../../../sites/default/files/faculty-staff/google-scholar.png);
}
.node--type-faculty-and-staff- .sm-container > a.sm-orcid::before {
content: "\f8d2";
}
/* Remove unecessary top margin for content_supertop region on the content type landing_page_1 */
body.node--type-landing-page-1 #content-supertop {
margin-top: 0;
}