@charset "utf-8";
/* CSS Document */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}


/* Custom (landscape phones, 581px and up) */
@media (min-width: 581px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}


/* Custom (landscape phones, 933px and up) */
@media (min-width: 933px) {}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}


* {
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

body {
	font-family: Arial, Geneva, Helvetica, sans-serif;	
	background-color: #8fa9be !important; /* #D9E2F3 #c7d4ed #7192ac */
}

.logo-ucla-isap {
   max-width: 325px !important; 
/*   margin-left: -16px !important; */
}

div.siteTitle {
	border: 4px solid #4469A1; }

h1.siteTitleText {
	margin-top: 7px !important;
	font-size: 2.5em !important;
	font-weight: 600;
}

h2.pageTitle {
	color: #FFF !important;
	font-size: 1.75em !important;
	font-weight: 500;
}

h3.pageIntro, h4.addRes {
	font-size: 1.3em;
	font-weight: 500;
}

h4.addRes {
	font-size: 1.32em;
	font-weight: 600;
}



h1 {
    font-size: 2.45em !important;
    padding-left: 15px;
    padding-right: 15px;
	color: #4472C4 !important;	
}

h3.subheading2 {
	font-weight: 600;
	font-size: 1.55em;
	margin: 10px 0 20px;
}

@media (min-width: 768px) {
	img.asam-video-screenshot-lg {
		max-width: 700px !important;
	}
}

ul.ulCheckMark, ul.ulRightArrow {
  	list-style: none;
	list-style-position: outside !important;
}

ul.ulCheckMark li:before {
   content: '✓';
	padding-right: 15px !important;
   font-size: 15px !important;
   font-weight: bold !important;
}

ul.ulRightArrow li:before {
   content: "\00BB";
	padding-right: 20px !important;
   font-size: 30px !important;
}

li.checkMark, li.rightArrow {
	font-size: 1em !important;
/*	font-style: italic !important; */
	list-style-position: inside;
	text-indent: -1.75em !important;
	margin-bottom: 10px !important;
	line-height: 26px !important;
}



.mr-0 {
	margin-right: 0 !important;
}
.pr-0 {
	padding-right: 0 !important;
}

.ppt-title {
   font-size: 1.5em;
   font-weight: bold;
}

@media (max-width: 434px) {
   .navbar-toggler {
      margin-top: 12px !important;
      margin-bottom: 12px !important;
   }
}


@media (min-width: 576px) and (max-width: 991px) {
   .logo-ucla-isap {
      margin-left: 10px !important;
   }
}

@media (min-width: 992px) and (max-width: 1199px) {
   .logo-ucla-isap {
      margin-top: 15px !important;
      margin-bottom: 12px !important;
   }
}

@media (min-width: 1200px) {
   .col-md-6 {
      max-width: 562px !important;
   }

   #logo {
      margin: 50px 0;
   }

   .logo-oasis-tta {
      margin-top: -30px !important;
   }
}

      
.btn-outline-dark {
   border-color: #67737F !important;
}
      

hr.solid {
   border-top: 3px solid #121212;
   width: 300px !important;
   margin: 0 auto;
}


@media screen and (max-width: 575px) {
   .p-5, footer {
      padding-left: 10px !important;
      padding-right: 10px !important;
   }
}




/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .logo {
      max-width: 700px !important;
   }
}

footer {
   background-color: #304A71 !important;
   color: #FFF !important;
   padding-top: 30px !important;
   padding-bottom: 30px !important;
   font-size: .75rem;
   opacity: 100 !important;
}

a, a.nav-link:hover, a.dropdown-item:hover { text-decoration: none !important; }

a:hover { text-decoration: underline; }

a.dropdown-item.nav-link.active, a.dropdown-item.nav-link.inactive { 
	padding: 4px 16px !important;
	font-size: 16px !important;
}