/**
 * @file
 * Subtheme specific CSS.
 */
 
 #parallax {
	/* The image used */
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://www.emergencymedicine.ucla.edu/sites/default/files/2021-01/homebgimageorig.jpg');
	/* Set a specific height */
	height: auto;
	z-index:0;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* Paragraph for Parallax Section */
#parallax p, #parallax h1 {
	color: white;
	text-shadow:black 1px 0 8px;
}

.responsive {
  max-width: 100%;
  width: max-content;
  height: 100%;
}
.view-content.row {
    padding: 20px;
}
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.view-content a {
	color: inherit;
	text-decoration: none;
}
.col{
	flex-basis: auto;
}
#content-d{
  display:block;
}
#main-wrapper{
  	min-height: 85vh;
}
.maincontainer {
	margin: 100px 0;
	padding: 0 100px;
}
.toolbar-oriented .toolbar-bar {
	z-index: 1502;
}
img.header-img{
  object-fit: cover;
filter: brightness(0.6);
height: 300px;
width: 100%;
}
.pagetitle-nested{
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	overflow: hidden;
	width: 100%;
}

/* Title header */
.pagetitle{
	position: relative;
	margin-top: 5em;
	margin-bottom: 2em;
	overflow: hidden;
}
.node__content {
	margin-top: 0;
}
/* Navbar */
#navbar-main{
      box-shadow: 0px -2.5px 7px 0px;
}
#superfish-main-toggle{
  float:right
}
.block-superfish {
    padding-top: 15px;
}
ul.sf-menu.sf-style-default {
	float: right;
	margin-top: 1em;
  margin-bottom: 0;
}
ul.sf-menu.sf-style-default li.menuparent {
	margin: 0px 30px 0 30px;
}
div.sf-accordion-toggle.sf-style-default a,ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded,div.sf-accordion-toggle.sf-style-default a.sf-expanded,ul.sf-menu.sf-style-default.sf-navbar,ul.sf-menu.sf-style-default li li li,ul.sf-menu.sf-style-default li li {
	background:#ffffff;
}
ul.sf-menu.sf-style-default li{
	background:transparent;
}
ul.sf-menu.sf-style-default li:hover,ul.sf-menu.sf-style-default li.sfHover,ul.sf-menu.sf-style-default a:focus,ul.sf-menu.sf-style-default span.nolink:hover {
	background:white;
	color:black;
	box-shadow: 3px 1px 20px 3px #aaaaaa26;
}
ul.sf-menu.sf-style-default a:hover {
	background: none;
	text-decoration:none;
}
ul.sf-menu.sf-style-default a,ul.sf-menu.sf-style-default a:visited,ul.sf-menu.sf-style-default span.nolink {
	color: black;
}
ul.sf-menu.sf-style-default a.is-active {
	color: rgba(0,0,0,0.5);
	background:transparent;
}
.img-fluid{
  width:70%;
  height:70%;
}
ul.sf-menu li li:hover > ul, ul.sf-menu li li.sfHover > ul {
    left: 0;
    top: 2.5em;
}
@media screen and (max-width: 1361px){
  ul.sf-menu.sf-style-default li.menuparent {
    margin: 0;
	}
}
.lead {
	color:#a69ab3;
}
.align {
	margin: 10px 0 20px;
}
.p-card{
	padding: 2rem 2rem;
}
.p-lead{
	font-weight: 300;
	color:#a69ab3;
}
.grid{
	width: 330px;
	height: 347px;
}
#jumbotron_css {
	border-radius: 0rem;
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	transition: transform 0.8s;
}
#jumbotron_css:hover.p-card {
	transform: translate(0, -5px);
	transition: transform 0.8s;
}
.field-content > a {
	text-decoration: inherit;
	color: inherit;
}
.font1{
	font-size: 1em;
	color:#d0d6e2;
	text-decoration: none;
}
.font2{
	font-size: 2.5em;
	color:#a69ab3;
}
.container-fluid{
	padding:0 !important;
}
#section1,#section2,#section3,#section4,#section5{
	position: relative;
	padding-top: 4em;
	padding-bottom: 4em;
	background-color: white;
}
.bg-secondary hr{
	border-top: 1px solid #ccc;
}
blockquote{
	font-size: 1.4em;
	width:100%;
	margin:50px auto;
	font-family:Open Sans;
	font-style:italic;
	color: #555555;
	padding:1.2em 30px 1.2em 75px;
	border-left:8px solid #78C0A8 ;
	line-height:1.6;
	position: relative;
	background:#EDEDED;
}
blockquote::before{
	font-family:Arial;
	content: "\201C";
	color:#78C0A8;
	font-size:4em;
	position: absolute;
	left: 10px;
	top:-10px;
}
blockquote::after{
	content: '';
}
blockquote span{
	display:block;
	color:#333333;
	font-style: normal;
	font-weight: bold;
	margin-top:1em;
}
.padding{
	padding-top:120px;
	padding-bottom:120px;
}
#sections{
	background-color: #cde4e5;
}
#vid{
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

#vid video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#vid .container {
  position: relative;
  z-index: 2;
}

#vid .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
}

.btn{
	white-space:inherit;
}
/* Accordion */
.card .btn-link{
	color:#3c3c3c;
	text-decoration:none;
}
.card-header{
	background-color:white;
	border-bottom:none;
}
.vertical-tabs{
	font-size:14px;
	border:transparent;
}
.nav-tabs{
	border:transparent;
}
.vertical-tabs .nav-tabs .list-group-item.active{
	border-color:transparent !important;
	color:#fff;
}
.vertical-tabs .tab-content>.active{
	background:#fff;
	display:block;
}
.vertical-tabs .nav.nav-tabs{
	display:block;
	float:left;
}
.vertical-tabs .sv-tab-panel{
	background:#fff;
	height:auto;
	padding-top:10px;
}
.cover{
	object-fit:cover;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
.crop{
	height:300px;
	width:450px;
	object-fit:cover;
}
/* footer */
.site-footer {
    padding: 10px;
    font-size: 0.95em;
}
/* Mobile Style */
@media screen and (max-width: 768px) {
  #vid {
    max-height: 50vh;
    background: url(/sites/default/files/images/Recruitment_S_poster_frame.png) black no-repeat center center scroll;
    background-size: cover;
    margin-top: 45px;
}
  #vid video {
    display: none;
  }
  h1.title-font{
    font-size:45px;
  }
	.maincontainer{
		padding: 0 15px;
	}
	ul.sf-menu.sf-style-default {
		float:left;
	}
	.align{
		margin:10px 7px 20px 7px;
	}
  .resize{
    max-width:50%;
  }
  #content-d{
	display:none;
  }
  .block-superfish {
    padding-top:0;
    
}
  .img-fluid{
    height: 42%;
    width: 42%;
  }
  .navbar-brand{
  position:fixed;
  top:0;
  }
  .pagetitle{
    margin-top:1em;
  }
}

.panel {
    padding: 30px 30px 30px 30px;
    /* background-color: Red; */
    text-align: center;
    color: white;
    font-size: 17px;
    font-weight: 600;
    /* height: 200px; */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)
}

.nopad {
    padding-left: 0!important;
    padding-right: 0!important;
}

@media screen and (min-width: 768px) {
    .nopad-left {
        padding-left: 0!important;
        padding-right: 50px!important;
    }    
}

@media screen and (max-width: 768px) {
    .column, .column2, .column3 {
        width: 100%!important;
    }
    .row {
        display: flex;
         flex-direction: column;
    }
}

.learn-more {
    bottom: 0;
    font-weight: 400;
    border: 1px solid white;
    color: white;
    padding: 8px 13px 8px 13px;
    border-radius: 8px;
    font-size: 13px;
}

.learn-more:hover {
    background-color: white;
    text-decoration: none;
    color: #000;
    transition: all ease-in-out 0.3s;
}

#hoffman-panel {
    background-color: #631729;
    background-image: url("https://www.emergencymedicine.ucla.edu/sites/default/files/2020-12/hoffman.png");
    width: 100%!important;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
}

#marshall-panel {
    background-color: #42889a;
    background-image: url("https://www.emergencymedicine.ucla.edu/sites/default/files/2021-05/morgan2.png");
    width: 100%!important;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
}

#emergency-panel {
    background-color: #37415A;
    background-image: url("https://www.emergencymedicine.ucla.edu/sites/default/files/2021-06/embanner.png");
    width: 100%!important;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    
}

#gme-panel {
    background-color: #4883b9;
    background-image: url("https://www.emergencymedicine.ucla.edu/sites/default/files/2021-01/dgsom1.png");
    width: 100%!important;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
}

#uclahealthbound-panel {
    background-color: #143b59;
    background-image: url("https://www.emergencymedicine.ucla.edu/sites/default/files/2021-01/dgsom2.png");
    width: 100%!important;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
}

.centerme {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

.removecenter {
    margin-top: 50%;
    display: inline-block;
}

#donate-1 {
    background-color: #631729;
    border: 1px solid #631729;
    color: #ffffff;
    padding: 13px 40px;
    border-radius: 5px
}

#donate-1:hover {
    background-color: #ffffff;
    color: #631729;
    transition: all ease-in-out 0.3s;
    border: 1px solid #631729;
    text-decoration: none!important;
}

#donate-2 {
    background-color: #42889A;
    border: 1px solid #42889A;
    color: #ffffff;
    padding: 13px 40px;
    border-radius: 5px
}

#donate-2:hover {
    background-color: #ffffff;
    color: #42889A;
    transition: all ease-in-out 0.3s;
    border: 1px solid #42889A;
    text-decoration: none!important;
}

#donate-3 {
    background-color: #36508B;
    border: 1px solid #36508B;
    color: #ffffff;
    padding: 13px 40px;
    border-radius: 5px
}

#donate-3:hover {
    background-color: #ffffff;
    color: #36508B;
    transition: all ease-in-out 0.3s;
    border: 1px solid #36508B;
    text-decoration: none!important;
}

#main-menu-link-contenta23a5b0f-a659-4bc1-b545-3b32e31377da {
    background-color: #cde4e5;
    font-weight: bold;
    transition: all ease-in-out 0.3s;
    border-radius: 5px;
}

#main-menu-link-contenta23a5b0f-a659-4bc1-b545-3b32e31377da:hover {
    background-color: #78C0A8;
    font-weight: bold;
    transition: all ease-in-out 0.3s;
    border-radius: 5px;
}

.responsive {
  max-width: 100%;
  height: auto;
  object-fit: scale-down;
}

.responsivemin {
  width: 100%;
  max-width: 700px;
  height: auto;
  object-fit: scale-down;
}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 50%;
  padding: 10px;
}

.column2 {
  float: left;
  width: 33.33%;
  padding:10px;
}

.column3 {
  float: left;
  width: 25%;
  padding: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.display-4 strong {font-family: sans-serif!important;
font-weight: 700!important;
}

body, .container {
    overflow-x: hidden;
}

.video_player {
  width: 100%;
}

.button-home {
    bottom: 0;
    font-weight: 400;
    border: 1px solid white;
    color: white;
    padding: 8px 13px 8px 13px;
    border-radius: 8px;
    font-size: 16px;
}

.button-home:hover {
    background-color: white;
    text-decoration: none;
    color: #000;
    transition: all ease-in-out 0.3s;
}

.fellow-content div:first-child {
	padding: 2rem 2rem;
}