/*----- IMAGE */
.picThumbnail {
	height: 250px;
	overflow: hidden;
	background-position: center;
	margin: 10px 0 10px 0;
	border: 1px solid #999;
}

/*----- COLOR */

.uvOrange {
	color: #FF7003;
}

.uvBlue {
	color: #0D3268;
	font-weight: 600;
}

.uvWhite {
	color: #F5F2DA;
}

.gray {
	color:#666;
}

.pt-serif-regular {
  font-family: "PT Serif", serif;
  font-weight: 500;
  font-style: normal;
}

.pt-serif-bold {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal;
}

.pt-serif-regular-italic {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: italic;
}

.pt-serif-bold-italic {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: italic;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container {
    flex: 1;
    padding-bottom: 70px !important;
}

.page-footer {
	background-color : #0A1432;
	height:70px;
}

.footer-copyright {
	background-color : #ffffff;
}
.copywrite-box {
	height: 70px;
}
@media (max-width: 768px) {
    .align-copywrite {
	    justify-content: center !important;
    }
    .som-logo {
        justify-content: center !important;
    }
}


#footer-email:hover {
	color: #ce93d8;
}
.som-logo {
    max-height:70px; 
    padding:5px;
}

.bg-image-0 {
	background-image: url(../img/homepage_background.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100%;
}
.bg-image-1 {
	background-image: url(../img/people_background.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100%;
}
.bg-image-2 {
	background-image: url(../img/activities_background.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100%;
}
.bg-image-3 {
	background-image: url(../img/research_background.jpg);
	background-position: 50% 10%;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100%;
}
.bg-image-4 {
	background-image: url(../img/alumni_background.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100%;
}

.page-header {
	min-height: 200px;
}

@media (min-width: 992px) {
	.container {
		max-width: 980px !important;
	}
}

@media screen and (max-width: 768px) {
	.display-2 {
		font-size: 3.0rem;
	}
}

.modal-body {
    max-height: 90vh !important; 
	overflow-y: auto !important;
}

.matteo-gallery {
     max-height: 300px;
}
.modal-img {
    max-height: 80vh !important; 
	overflow-y: auto !important;
}

.home-buttons {
	background-color: #0D3268;
	color: #fff;
}

.home-buttons:hover {
	background-color: #E57200;
	color: #0D3268;
}

.headshot {
    max-width: 50%;
    width: 250px;
}

.map-aspect {
	--bs-aspect-ratio: calc(2 / 3 * 100%);
}

.page-link {
    color: 	#0D3268;
}

.page-link:hover {
    color: 	#0D3268;
}
.page-item.active .page-link {
	background-color: 	#0D3268;
	border-color: #0D3268;
}
@media (min-width: 992px){
    .newspaper {
        columns: 100px 2;
        -webkit-columns: 100px 2; /* Safari and Chrome */
        -moz-columns: 100px 2; /* Firefox */
        padding-bottom: 20px;
    }
	.center {
		text-align: center;
	}
}
@media (max-width: 993px){
    .container {
        overflow: scroll !important;
    }
}

.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

.card-body {
    padding: 0px !important;
}

/** Fancyapps - Beginning **/
.image-fit {
    object-fit: cover;
}

.carousel__slide {
   width: 100%;
   padding: 0px;
}
.carousel__dots {
   top: 100%;
}

/** Fancyapps - Ending **/

/** Nav-Bar - Beginning **/

.nav-tabs {
  font-size: 1.25rem;
  border-bottom: none !important;
}
.navbar-brand {
  font-size: 1.50rem;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  color: #FF7003 !important;
  background-color: rgba(255,255,255,0) !important;
  border-color: rgba(255,255,255,0) !important;
}

.image-color-fix {
    color: #0A1432 !important;
    text-shadow:
    -1px -1px 0 #FFF,
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px 1px 0 #FFF !important;
}
.image-color-fix a{
    color: #0A1432;
}

/** Nav-Bar - Ending **/

#newsActivitiesCarouselContainer {
    --f-thumbs-padding-y:0px;
    
    display: grid;
    grid-template-columns: 112px 1fr;

    max-width: 800px;
    margin: 0 auto;
}

#newsActivitiesCarousel {
    --f-carousel-gap: 10px;
    --f-carousel-slide-width: 100%;

    --f-arrow-pos: 10px;
    --f-arrow-width: 38px;
    --f-arrow-height: 38px;
    --f-arrow-svg-width: 16px;
    --f-arrow-svg-height: 16px;
    --f-arrow-svg-stroke-width: 2.5;
    --f-arrow-color: #475569;
    --f-arrow-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);
    --f-arrow-border-radius: 50%;
    --f-arrow-bg: #fff;
    --f-arrow-hover-bg: #f9f9f9;
    --f-arrow-active-bg: #f0f0f0;

    order: 1;
}

#newsActivitiesCarousel .f-carousel__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#newsActivitiesCarousel .f-carousel__slide img {
    max-width: 100%;
    height: auto;
}

.text-border {
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}
.menu-text-space {
    letter-spacing: 0.04em;
}

.f-carousel .f-caption {
    display: none !important;
}