/* Bootstrap Barrio Theme Update (8.x-4.6 -> 8.x-4.22) Fixes */

/* 
 * CONTENTS
 *
 * Global Changes
 * Page: Home Page
 * 	Region: Header
 * 	Region: Content-Top
 * 	Region: Posfase
 * 	Region: Footer
 * Page: page.html
 *	Region: Breadcrumb
 *	Region: Cuerpo Interno - Prefase
 *	Container: Main
 * Views: 
 * 	Faculty & Staff Directory
 * 	Announcements
 * 	News
 * 	Search Results
 *  Blocks: 
 *  	Stats Graphic
 *  	Shariff Social Buttons
 */ 	

/*
 * Global Changes
 */

/* Global: Margin Resets for Newly Inserted Row Classes */
#posfase .region-posfase,
#posfase .location-homepage-full-content .view-content.row,
#headers .headers-fix,
#headers .region-head,
#headers #terc-menu .region-terc-menu,
#prefase .region-prefase,
#bfooter .region-bfoter,
#footer .region-footer2,
#footer .region-footer1,
#footer .region-footer1 #block-views-block-front-block-5 .view-content  {
        margin: 0;
}

/* Global: Enforce 100% Default Width for Flex Based Elements */

//#headers #block-secondmenu, 
#headers #terc-menu nav,
#headers #terc-menu .nav-item,
#prefase .region-prefase,
#content-top .region-content-top, 
#content-supertop #block-sunystatisticsgraphic,
#bfooter .region-bfoter,
#footer .region-footer1 #block-views-block-front-block-5 .views-row,
.footer2,
.views-faculty-and-staff #main .row .col-lg-11 {
	width: 100%;
} 

/* Global: Breadcrumbs */

#bread {
	padding-top: 35px;
}

/* Global: Pagination */

nav .pagination {
        color: #616161;
        display: inline-block;
        margin: auto;
        text-align: center;
}

nav .pagination li a,
nav .pagination li span {
        background: transparent none repeat scroll 0 0;
        border: 0;
        border-bottom: 5px solid #616161;
        border-radius: 0;
        color: #616161;
        font-size: 15px;
        margin: 0 12px;
        padding: 0 0 10px;
        width: 35px;
}

nav .pagination li.active span,
nav .pagination li.active span:hover {
        border-color: #002c73;
        color: #002c73;
	background: none;
}

nav .pagination li a:hover {
        color: #002c73;
        border-bottom: 5px solid #002c73;
        text-decoration: underline;
	background: none;
}

nav .pagination li a span:first-child {
        border-bottom: none;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
        border-radius: 0;
}

/*
 *  Page: Home Page Bootstrap 4 Fixes 
 * /

/* Region: Header Bootstrap 4 Fixes */

@media (max-width: 768px) {
	body .head .region {
		padding-left: 70px;
	}
	body.mundo .head .region {
		padding-left: 49px;
	}
	#navegador #head-modal {
		padding-left: 70px;
	}
	#navegador #head-modal > .row {
		margin: 0;
	}
	#navegador #terc-modal-menu .region-terc-menu {
		display: block;
	}
	#navegador #sec-modal-menu .region-sec-menu {
		display: block;
		margin: 0;
	}
}

.front #carusel .container-fluid > .row {
	margin: 0;
}

#headers #block-secondmenu ul.nav {
	//justify-content: flex-end;
	float: right;
}

#headers .region-head,
#carusel .region-carusel {
	display: block;
}

/* Region: Content-Top */

@media (max-width: 768px) {
	#content-top .container-fluid::before {
		display: none;
	}
}

@media (max-width: 1280px) {
	.new-homepage-news .col-lg-4 {
		max-width: none;
	}
}

/* Region: Posfase */
#block-views-block-locationsssss-block-4 {
	margin-top: 0;
	width: 100%;
}

/* Region: Footer Bootstrap 4 Fixes */

@media (max-width: 769px) {
	#footer .region-footer1 .col-auto {
		padding: 0;
	}
	#footer .region-footer1 .col-auto .view-content {
		margin: 0;
	}
}

@media (min-width: 770px) and (max-width: 1280px) {
	#footer .region-footer1 > div, 
	#footer .region-footer1 > nav {
		flex-basis: 50%;
		max-width: none;
	}
	#footer .region-footer1 .view-display-id-block_5 {
		margin: 0;
	}
}

#footer .container {
	max-width: none;
}

@media (min-width: 1500px) {
	#footer #block-menufooter0 {
		flex-basis: 20%;
	}
}

#footer .region-footer1 ul.nav {
	flex-direction: column;
}

/* 
 * Template: page.html Bootstrap 4 Fixes 
 */

/* Region: Breadcrumb */

.breadcrumb-item+.breadcrumb-item::before {
	display: none;
}

.bread-container .content {
	padding: 0 15px;
}

/* Region: Cuerpo Interno - Prefase */

#prefase .container,
.bread-container .container {
	max-width: none;
}

/* Container: Main */

.layout-sidebar-first #main.container {
	max-width: none;
}

/* Region: Sidebar First */
#block-sunysidebarmenu .nav {
        flex-direction: column;
}

.drops .dropdown-menu {
	position: relative !important;
	transform: none !important;
}

.drops .dropdown-menu .nav {
	flex-direction: column;
}

.drops>.btn-secondary.dropdown-toggle {
        color: #333;
        background-color: #F5f5f5;
}

/* Region: Bfoooter */

#bfooter .container {
	max-width: none;
}

/* 
 * Views 
 */

/* Faculty & Staff Directory */

.views-faculty-and-staff  #main,
.views-faculty-and-staff #main .col-xl-11 {
	max-width: none;
}

.views-faculty-and-staff  #main .col-xl-11 {
	flex-basis: 100%;
}

.faculty-staff-filter-block div.js-form-item.form-group {
	margin-top: 0px;
	margin-bottom: 0;
	padding-bottom: 26px;	
}

.faculty-staff-filter-block div.js-form-item.form-group:first-child {
	margin-top: 20px;
}

.faculty-staff-filter-block .form-row>div,
.faculty-staff-filter-block .form-row>fieldset  {
	padding: 0;
}

.faculty-staff-filter-block .form-type-textfield,
.faculty-staff-filter-block .form-type-select,
.faculty-staff-filter-block #edit-field-lastname-value--wrapper,
.faculty-staff-filter-block #edit-field-lastname-value--2--wrapper,
.faculty-staff-filter-block .form-actions {
	width: 100%;
}

/* Announcements */

.views-announcements #main {
	max-width: none;
}

.views-announcements .col-lg-11 {
	flex-basis: 83.3333%;
}

.views-announcements .views-element-container {
	padding: 0;
}

.views-announcements .form-row {
	margin: 0;
	flex-direction: column;
}

.views-announcements .form-group {
	padding: 0;
}

.views-announcements .form-actions {
	padding: 0;
	margin: 0;
	width: 100%;
}

.views-announcements .view-content.row {
	margin: 0;
}

.views-announcements nav[aria-label='Page navigation'] {
        text-align: center;
}

.views-announcements .pagination>li>span {
        width: auto;
        color: #333;
        margin-top: 5px;
}

.views-announcements .pagination>li>a {
        margin: 0;
        padding: 5px 14px;
}

.views-announcements .pagination>li>span,
.views-announcements .pagination>li>a {
        border: none;
        line-height: 1.75;
}

.views-announcements .pagination>li>span:hover,
.views-announcements .pagination>li>a:hover {
        background-color: transparent;
}

.views-announcements .page-item:last-child a,
.views-announcements .page-item:first-child a {
        border-radius: 3px;
        background-color: #002C73;
        text-decoration: none;
        padding-top: 5px;
        padding-bottom: 5px;
}

.views-announcements .page-item:last-child a span,
.views-announcements .page-item:first-child a span {
        color: white;
        border: none;
        margin: 0;
        padding: 0;
}

.views-announcements .page-item:last-child a:hover,
.views-announcements .page-item:first-child a:hover {
        background-color: white;
        border: 1px solid black;
}

.views-announcements .page-item:last-child a:hover span,
.views-announcements .page-item:first-child a:hover span {
        color: #002C73;
}

.view-announcements .page-item .visually-hidden {
        display: none;
}

/* News  */

.views-news #main {
	max-width: none;
}

.views-news #main .col-lg-11 {
	flex-basis: 100%;
	max-width: none;
}

.views-news #main .col-lg-11, 
.views-news #main .views-element-container {
	padding: 0;
}

.view-news nav {
	text-align: center;
}

@media (min-width: 768px) {
	.views-news .suny-noticias .views-row:nth-child(3) {
    		flex-basis: 24%;
	}
}

/* Search Results */

.views-search .view-search nav {
	text-align: center;
}

.views-search form .js-form-item,
.views-search form .form-actions {
	padding: 0;
}

.view-id-search .view-content {
	flex-direction: column;
}

/* 
 * Blocks 
 */

/* Block: Stats Graphic */

#content-supertop .container {
	max-width: none;
}

#content-supertop .region-content-supertop {
	margin: 0;
}

#content-supertop #block-sunystatisticsgraphic .btn-facts-close {
	top: -180px;
}

#content-supertop #block-sunystatisticsgraphic .btn-facts-close-label {
	top: -140px;
}

@media (max-width: 767px) {
        #content-supertop #block-sunystatisticsgraphic .btn-facts-close {
                top: -455px;
        }
        #content-supertop #block-sunystatisticsgraphic .btn-facts-close-label {
                top: -420px;
        }
}
@media (min-width: 768px) and (max-width: 991px) {
        #content-supertop #block-sunystatisticsgraphic .btn-facts-close {
                top: -690px;
        }
        #content-supertop #block-sunystatisticsgraphic .btn-facts-close-label {
                top: -655px;
        }
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content-supertop #block-sunystatisticsgraphic .btn-facts-close {
		top: -140px;
	}
	#content-supertop #block-sunystatisticsgraphic .btn-facts-close-label {
		top: -100px;
	}
}

/* Block: Shariff Social Buttons */

.shariff .orientation-horizontal {
	flex-wrap: nowrap;
	max-width: none;
}

/* 
 * Page: landing page 1 Bootstrap 4 Fixes 
 */

body.node--type-landing-page-1 #main .plinks h2 {
	max-width: 99%;
}

body.node--type-landing-page-1 #main {
        display: block;
	margin: auto;
	max-width: none;
}

body.node--type-landing-page-1 .region-carusel {
	margin: 0;
}

body.node--type-landing-page-1 #content-supertop {
	overflow-x: hidden;
}

@media (max-width: 1199px) and (min-width: 992px) {
	body.node--type-landing-page-1 #main .col-lg-11.suny, 
	body.node--type-landing-page-1 #bread,
	body.node--type-landing-page-1 #content-supertop .col-lg-10,
	body.node--type-landing-page-1 #content-top .col-lg-10 {
		max-width: none;
		flex-basis: 100%;
	}
	body.node--type-landing-page-1 #bread #block-views-block-fields-content-block-1 {
		max-width: none;
	}
	body.node--type-landing-page-1 #carusel .region-carusel {
		width: 100%;
		margin: 0;
	}
	body.node--type-landing-page-1 #carusel .view-content .col-lg-6.suny-simple,
	body.node--type-landing-page-1 #carusel .view-content .txt-txt.col-lg-6,
	body.node--type-landing-page-1 #carusel .view-content .imgs .pull-left,
        body.node--type-landing-page-1 #carusel .view-content .imgs .pull-right,
	body.node--type-landing-page-1 #content-bottom > .container {
		max-width: none;
	}

}

@media (max-width: 1199px) {
        .node--type-landing-page-1 .plinks .col-lg-9 {
                flex-basis: 100%;
                max-width: 100%;
        }
}