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

/* *******************************************

UPDATED:  7/8/2025 4:44AM

// col-xs
Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap

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

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

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

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

OFFICIAL COLORS:

UCLA Classic Blue #2774AE (as seen in their logo)
UCLA Darker blue: #005587
UCLA Darkest blue: #003B5C
UCLA lighter Blue #8BB8E8 
UCLA Lightest blue: #DAEBFE

******************************************* */

.ucla-blue {
	background-color: #DAEBFE !important;
}

  div.extraNav {
  	background-color: #DAEBFE !important;
  }

  ul.extraNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background-color: #CFD8EC; */
  }

  li.extraNav {
    float: right !important;
  }

  li.extraNav a {
    display: block;
    color: #535353 !important;
    text-align: center;
    padding: 6px 16px 4px;
    text-decoration: none;
  }

  /* Change the link color to #111 (black) on hover */
  li.extraNav a:hover {
    background-color: #003B5C;
	color: #FFF !important;
  }

  
@media (max-width: 416px) {
	
  li.extraNav a {
    padding: 5px 12px;
  }
  ul.extraNav {
  	padding: 0 !important;
	margin-lef: 0 !important;
  }
}
  
.extraNav a img {
	margin-top: -2px !important;
    width: 38px !important;
}
	  
@media (max-width: 580px) {
	.extraNavText {
		display: none;
	}
}	  
	

	.nav-bg {
		background: #003B5C !important;
    	background-image: initial;
    	background-position-x: initial;
    	background-position-y: initial;
    	background-size: initial;
    	background-repeat-x: initial;
    	background-repeat-y: initial;
    	background-attachment: initial;
    	background-origin: initial;
    	background-clip: initial;
    	background-color: rgb(58, 81, 151);
	}	
	
	.navbar {
		padding:0 !important;
		margin: 0 !important;
	}

	.slider-border {
		background-color: #7F7E7E !important;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}

@media (min-width: 901px) {

	.logo-ucla {
		margin: 0 5px 0 0 !important;
	}
}

@media (min-width: 992px) {
	
	.isap-title-text {
		font-size: 1.8em !important;
		font-weight: bold !important;
		vertical-align: middle !important;
	}

	.carousel-control-prev {
		 left: -34px !important;
	}

	.carousel-control-next {
		 right: -30px !important;
	}

	.slider-border {
		max-height: 350px !important;
	}
}	


@media (min-width: 768px) and (max-width: 991px) {
	
	.logo-isap, .logo-ucla {
		width: 50% !important;
	}
	
	.logo-ucla {
		margin: 0 5px 0 0 !important;
	}
	
	.isap-title-text {
		font-size: 1.3em !important;
		font-weight: bold !important;
		vertical-align: middle !important;
	}
	
	.mt-ken-30 {
		margin-top: 30px !important;
	}
	
	.cool-facts-homepage {
		margin-top: -50px !important;
	}
}
/*
@media (min-width: 1199.99999px) {
	.navbar-header {
		width: 100% !important;
		margin: 15px 0 !important;
	}   
}

@media (min-width: 1199.999px) {
	.navbar-header {
		width: 100% !important;
		margin: -30px 0 !important;
	}   
}

@media (min-width: 1200px) and (max-width: 1200px) {
	.navbar-header {
		width: 100% !important;
		margin: -45px 0 -15px 0 !important;
	}   
}
*/


/* Desktop view (≥1200px) */
.logo-isap-2024 {
  display: block;
}
#logos-mobile {
  display: none;
}

/* Mobile/tablet view (<1200px) */
@media (max-width: 1199px) {
  .logo-isap-2024 {
    display: none;
  }
  #logos-mobile {
    display: block;
  }
}

@media (min-width: 1198.999px) {
	.navbar-header {
		width: 100% !important;
		margin: 40px 0 40px !important;
	}         
}

@media (min-width: 1201px) {
	.navbar-header {
		margin-bottom: 1px !important;
	}         
}

@media (min-width: 1200px) {
	.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
		-ms-flex-wrap: wrap;
		display: -webkit-flex; /* Safari */
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		display: flex;   
		flex-wrap: wrap;
	}

	.logo-ucla {
		margin: 0 5px 0 0 !important;
	}

	#main-menu {
		background-color: #DAEBFE !important;
		height: 45px !important;
	}
	
	.page-header-content h2 {
    font-size: 28px !important;
	}	
	
	.slider-border {
		background-color: #7F7E7E !important;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
	
	.portfolio-meta {
		padding-left: 5px !important;
		margin-bottom: 30px !important;
	}

	.carousel-control-prev {
		 left: -23px !important;
	}

	.carousel-control-next {
		 right: -19px !important;
	}

	.slider-border {
		max-height: 250px !important;
	}
	
	.boxPadCol-1 {
		background-image: linear-gradient(to right, #CCC, #F1F1F1);
	}
}


@media (max-width: 1199px) {
	
	.isap-title-text, .logo-isap, .logo-ucla {
		display: none !important;
	}
	
	.navbar-bkg {
		display: none !important;
	}
	
	.logo-isap {
		text-align: center !important;
	}
	
	.logo-isap-mobile, .logo-ucla-mobile {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		height: auto !important;
		padding: 0 5px !important;
   }
   
   .logo-ucla-mobile {
      margin-top: 20px !important;
   }

   
	#logos-mobile {
		text-align: center !important;
	}
	
	.isap-title-text-mobile {
		font-size: 1.65em !important;
		font-weight: bold !important;
		margin: 20px 0 -10px !important;
		display: inline-block !important;
		line-height: 29px !important;
	}
	
	#carousel-area {
		 padding-top: 0 !important;
	}
	
	.mt-ken-30 {
	  margin-top: 30px !important;
	}

	.carousel-control-prev {
		 left: -20px !important;
	}

	.carousel-control-next {
		 right: -15px !important;
	}
}


#header-wrap {
	margin-bottom: 0 !important;
}

.single-portfolio-area.section {
	padding-top: 50px !important;
}

@media (min-width: 767px) {

	.single-portfolio-area.section {
	margin-bottom: -65px !important;
	}
}

/* main.css: line 3673 */
.portfolio-meta ul li span {
	width: 100% !important;
   text-transform: none !important;
	line-height: 20px !important;
	font-size: .9em !important;
}

.title-box {
	background-color: #003B5C !important;
	margin-bottom: 20px !important;
	padding: 8px 15px 0 !important;
	color: #fff !important;
	font-size: .75em !important;
}

.smaller-title {
    font-size: 18px;
    position: relative;
    text-align: left;
}

hr.faded { 
    margin-top: 0 !important;
	 margin-bottom: 0 !important;
    height: 2px;
    border:none;
    background: #cccccc;
    width:100%;
    background: -webkit-gradient( 
                linear, 
                0 0, 
                100% 0,  
                from(rgba(50,50,50,0.01)),
                to(rgba(80,80,80,0.01)), 
                color-stop(.5,#c9c9c9)
                );
    background: -moz-linear-gradient(
                left,
                rgba(0,0,0,0.001) 0%,
                rgba(201,201,201,1) 50%,
                rgba(0,0,0,0.001) 100%
                );
    
    background:-ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:-o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    
    -moz-box-shadow: -5px 7px 13px 1px #dad2d2;
    -webkit-box-shadow: -5px 7px 13px 1px #dad2d2;
    box-shadow: -5px 7px 13px 1px #dad2d2;
}

hr.solid {
    border: 0;
    border-bottom: 3px solid #98A9D8;
    background: #999;
				width: 99% !important;
}

footer .menu li {
    float: left;
    width: 75%;
    padding-bottom: 10px;
}

footer .menu li a:hover {
  color: #8BBCE0 !important;
}

.sup-desc-wrap .sup-meta-wrap .sup-description {
    font-weight: bold !important;
    color: #666;
}

div#cool-facts {
	background-color: rgba(47,67,146,1.00) !important;
   /* background-image: url("../img/backgrounds/cannabis-summit.jpg"); */
}

.normal-caps {
	text-transform: none !important;
}

.navbar-bkg {
	background-color: #003B5C !important; 
	height: 75px !important;
}

#carousel-area .carousel-control {
    background: url(../../assets2/img/skin-black.png);
}


@media (min-width: 1200px) {
	
	.carousel-control-prev {
		 left: -44px !important;
	}

	.carousel-control-next {
		 right: -39px !important;
	}

	.slider-border {
		max-height: 400px !important;
	}
}

.section-title {
  font-size: 27px;
  text-align: center;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
	.page-header-content h2 {
    font-size: 23px;
	}
}

h2.page-title {
/*	margin-top: 45px !important; */
	margin-left: 14px !important;
	color: #003B5C !important;
	text-transform: uppercase !important; 
	font-weight: bolder !important;
}

h2.page-title2 {
/*	margin-top: 45px !important; */
	margin-left: 14px !important;
	color: #003B5C !important;
	text-transform: uppercase !important; 
	font-weight: bolder !important;
	font-size: 23px !important;
}


/*
.content-inner {
	margin-top: 50px !important;
}
*/
/* For h3 */
.subhead1 {
	color: #2774AE !important;
	font-weight: bolder !important;
	margin-top: 30px !important;
}

/* For h4 */
.subhead2 {
	margin-top: 40px !important;
	font-size: 21px !important;
	font-style: italic !important;
	display: block !important;
}

/* For h4 Past updates and report article titles */
.subhead4 {
	margin-top: 30px !important;
	font-size: 17px !important;
	display: block !important;
}

.container > .row p, li {
	font-size: 15px !important;
}

footer div.container div.row p, footer div.container div.row li {
	font-size: 13px !important;
}

.page-header-area {
  height: 57px !important;
}

#team .team-item figure img {
	width: auto !important;
	display: inline-block !important;
}

#team .info h2 {
  font-size: 16px;
}

#team .info p {
  font-size: 14px !important;
}

.profile-pix {
	height: 200px;
	max-height: 200px;
}

.info {
	margin-bottom: 35px !important;
	clear: both
}

@media (max-width: 416px) {
	
	.page-header-content h2 {
    font-size: 23px !important;
	}
	
	h2.page-title {
		font-size: 20px !important;
		margin-left: 0px !important;
	}
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block !important;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:200px !important;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
	
.no-border-btm {
	border-bottom: none !important;
}

.text-wrap {
	white-space: normal !important;
}

#main-menu > ul > li:first-child {
	margin-left: 14px !important;
}


#main-menu ul .dropdown .dropdown-menu {
    width: 240px;
}

#main-menu a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

/* ******Main menu highlight**** 
#main-menu a:hover, #main-menu ul .dropdown a:hover {

}
*/

#main-menu a:hover {
	background-color: #003B5C !important;
	color: #FFF !important;
	height: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;	
}

/* ****** Dropdown Menu Highlight ****** */
#main-menu ul .dropdown .dropdown-menu a:hover {
	background-color: #003B5C !important;
	color: #FFF !important;
}

.subMenuBorderBtm {
	border-bottom: 1px solid #e6e6e6 !important;
}

#main-menu .dropdown .dropdown-menu .text-normal {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.text-normal {
    text-transform: none !important;
}

#publications ol li, #publications ul li {
	margin-bottom: 17px !important;
}

.mt-20 li {
	margin-bottom: 8px !important;
}

/* *********************************************************** */
/* COOL FACTS MODIFIED -- IMAGE REMOVED, BLUE COLOR BACKGROUND */
/* *********************************************************** */

#cool-facts-blue {
  width: 100%;
  height: 100%;
  background-color: rgba(47,67,146,1.00) !important;
}

#cool-facts-blue .section-title, #cool-facts-blue .section-subcontent {
  color: #fff;
}

#cool-facts-blue .facts-item {
  text-align: center;
  padding-bottom: 30px;
}

#cool-facts-blue .facts-item i {
  font-size: 45px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
}

#cool-facts-blue .fact-count h3 {
  color: #fff;
  font-weight: 400;
  font-size: 36px;
}

#cool-facts-blue .fact-count h4 {
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
}

ul .dropdown-menu .no-bullets li {
	list-style-type: none !important;
}

.panel-default .panel-heading a {
/* background: #486AB0 !important; */
/*	background: #DDDDDD !important; */
	border: 1px #999999 solid !important;
	background: #FFF !important;	
	color: #003B5C !important;
}

@media (max-width: 416px) {
	
	#trapezoid, .trapezoid {
		border-top: 30px solid #98A9D8 !important;
		border-left: 10px solid transparent !important;
		border-right: 10px solid transparent !important;
		height: 15px !important;
		width: 350px !important;
		margin-top: 0px !important;
		margin-left: 4px !important;
	}
	
	.trapezoid-text {
		display: block !important;
		margin-top: 10px !important;
		font-size: .95em !important;
	}
}

#trapezoid, .trapezoid {
	border-top: 35px solid #98A9D8;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	height: 20px;
	width: 400px;
   color: #FFF;
	font-weight: bold;
   text-align: center;
}

#trapezoid, .trapezoid:before {
    margin-top: -31px !important;
    display: block !important;
}

.trapezoid-text {
	display: block !important;
	margin-top: -32px !important;
}

/*
#toc {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
*/

h3.report-title { 
	font-size: 1.6em !important;
} 

p.pBul {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 30px !important;
	margin-right: -30px !important;
	padding-right: -10px !important;
}

li.learningObj {
	font-size: 1em !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	margin-left: -20px !important;
	margin-bottom: 15px !important;
}

.resTrainSeriesBkg {
	background-image: url("../../video/Research-Training-Series/assets/images/bkg-lectures-box.jpg");
}

.vidIntroImg {
	max-width: 258px !important;
	float: left !important;
}

.boxPadCol-1 {
	padding-top: 30px !important;
	background-image: linear-gradient(to right, #CCC, #F3F3F3);
}

.boxPadCol-2 {
	padding-top: 30px !important;
	padding-left: 30px !important;
	background-color: #E9E9E9 !important;
}

/* =============== Expandable/Collapsible Content Code ======== */
  .less.active .button-read-more {
    display: none;
  }

  .button-read-less{
    display: none;
  }

  .less.active .button-read-less{
    display: block;
	margin-top:5px;
  }

  .more{
    margin-top: 10px;
  }

  .more p{
    margin: 0;
    padding: 0;
  }
  
  .toggle {
	  margin-left:0 !important;
	margin-top:-5px;	  
  }
/* =============== End Code ======== */

/* col-xs
Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */
h2.page-title2 {
	font-size: 15px !important;
	margin-left: 0px !important;
}


/* col-sm
Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	h2.page-title2 {
		font-size: 18px !important;
	}
}

/* col-md
Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h2.page-title2 {
		font-size: 20px !important;
		text-align: center !important;
	}
}
	
@media screen and (min-width: 992px) and (max-width: 1199.999999px) {
   
   .mt-ken-30 {
      margin-top: 0 !important;
   }
   
   .logo-and-site-title {
      display: block !important;
   }
   
   img.logo-ucla {
      display: inherit !important;
      float: left !important;
      position: relative !important;
      margin-top: 85px !important;
      margin-bottom: 50px !important;
   }
   
   .isap-title-text {
      display: inherit !important;
      margin-top: 100px !important;
      margin-bottom: 50px !important;
   }
   
   .slicknav_nav {
      margin-top: 150px !important;
   }
}

.slicknav_nav {
   background-color: #DAEBFE !important;
}


/* col-lg
Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h2.page-title2 {
		font-size: 20px !important;
		text-align: left !important;
		margin-left: 14px !important;
	}
	
	h3.title1 a {
		font-size: 1.1em !important;
	}
	
	.tn-isap-projects-tall {
	height: 125px !important;
	max-height: 125px !important;
	}
   
   .isap-title-text-mobile {
      display: none !important;
   }
}
	
/* col-xl
Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	h2.page-title2 {
		font-size: 20px !important;
		text-align: left !important;
		margin-left: 14px !important;		
	}
	
	h3.title1 a {
		font-size: 1.4em !important;
	}	
}

hr.hrDots {
   border: 0;
   border-bottom: 3px dotted #8D8D8D;
   background: #FFF;
	max-width: 100px !important;
	margin: 30px 0 30px 0 !important;
}

#carousel-area .carousel-item img {
	border: 4px #C3C3C3 solid;
}

.conf-number, .conf-series, .conf-address, .conf-click-here {
	color: #4B4B4B !important;
}

	#cool-facts .fact-count h3.conf-number {
		font-size: 32px !important;
	}

	#cool-facts .fact-count h3.conf-series {
		font-size: 38px !important;
	}

	#cool-facts .fact-count h4.larger-facts-title {
		color: #243FBE !important; 
		text-transform: uppercase !important;
		line-height: 33px !important;
		font-weight: normal !important;
	}

.conf-address {
	font-weight: normal !important;
	text-transform: none !important;
}


@media (min-width: 1100px) {
	
  #cool-facts .fact-count h3.conf-number, .conf-address {
  	font-size: 2.1em !important;
  }

  #cool-facts .fact-count h3.conf-series {
  	font-size: 2.45em !important;
  }
	
	.conf-click-here {
		font-size: 1.65em !important;
	}

  #cool-facts .fact-count h4.larger-facts-title {
  	font-size: 2.35em !important;
  }
	
  .conf-click-here {
  	font-size: 1.7em !important;
  }
}



@media (max-width: 1099px) {
  #cool-facts .fact-count h3.conf-number, .conf-address, .conf-click-here {
  	font-size: 2.7vw !important;
  }

  #cool-facts .fact-count h3.conf-series, #cool-facts .fact-count h4.larger-facts-title {
  	font-size: 2.9vw !important;
  }

  .conf-click-here {
  	font-size: 2.2vw !important;
  }
}


@media (max-width: 899px) {
  #cool-facts .fact-count h3.conf-number, .conf-address, .conf-click-here {
  	font-size: 3vw !important;
  }

  #cool-facts .fact-count h3.conf-series, #cool-facts .fact-count h4.larger-facts-title {
  	font-size: 3.5vw !important;
  }

  .conf-click-here {
  	font-size: 2.5vw !important;
  }
}


@media (max-width: 699px) {
  #cool-facts .fact-count h3.conf-number, .conf-address, .conf-click-here {
  	font-size: 3.65vw !important;
  }

  #cool-facts .fact-count h3.conf-series, #cool-facts .fact-count h4.larger-facts-title {
  	font-size: 4.1vw !important;
  }
	
  .conf-click-here {
  	font-size: 3.2vw !important;
  }
}

.tn-isap-projects {
	height: 75px !important;
	max-height: 75px !important;
}

.tn-isap-projects-tall {
	height: 100px !important;
	max-height: 100px !important;
}

.tn-isap-projects-wide {
	height: 55px !important;
	max-height: 55px !important;
}

.tn-isap-projects, .tn-isap-projects-tall, .tn-isap-projects-wide {
	padding-top: 5px !important;
	padding-left: 10px !important;
	padding-bottom: 5px !important;
}



@media (max-width: 499px) {
	#cool-facts .fact-count h4.larger-facts-title, .conf-address, .conf-click-here {
	line-height: 25px !important;
	}
	
	.tn-isap-projects, .tn-isap-projects-tall, .tn-isap-projects-wide {
		float: left !important;
		padding-left: 0 !important;
		margin-right: 100%;
		margin-bottom: 10px;
	}		
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	.tn-isap-projects-tall {
		height: 125px !important;
		max-height: 125px !important;
		margin-bottom: 20px !important;
	}
}
	

.navbar-nav {
	margin-top: -7px !important;
	height: 45px !important;
	max-height: 45px !important;
	text-align: center !important;
}

@media (min-width: 900px) {
	#main-menu ul .dropdown .dropdown-menu a {
		font-size: .8rem !important;
		line-height: 20px !important;
	}
}


@media (min-width: 1199px) {
	.navbar-nav li a {
		font-size: 13.25px !important;
/*		font-size: 1.1vw !important; */      
		line-height: 16px !important;
	}
}

@media (min-width: 1250px) {
	.navbar-nav li a {
		font-size: 14px !important;
/*		font-size: 1.1vw !important; */      
		line-height: 16px !important;
	}
}

@media (min-width: 1300px) {
	.navbar-nav li a {
		font-size: 1em !important;
/*		font-size: 1.1vw !important; */      
		line-height: 19px !important;
	}
}

@media (min-width: 1418px) {
	.navbar-nav li a {
		font-size: 1.1vw !important;
		line-height: 20px !important;
	}
/*
	#main-menu a, #main-menu ul .dropdown a {	
		font-size: .8vw !important; 
	}	
	
	#main-menu a, #main-menu ul .dropdown a, #main-menu ul .dropdown .dropdown-menu a {	
		font-size: .8vw !important; 
	}
*/	
}

@media (min-width: 1200px) {
	#main-menu ul .dropdown .dropdown-menu a {
	font-size: .87rem !important;
	line-height: 20px !important;
	}

}


.dropdown-item {
	white-space: normal !important;
}

h2.page-title-cps {
	margin-left: 14px !important;
	text-transform: uppercase !important;
	font-weight: bolder !important;
	color: #FFF !important;
	text-transform: none !important;
}

h4.subhead2-cps {
	color: #548235 !important;
	text-align: center !important;
}

h3.subhead2-cps, h3.subhead3-cps, h4.subhead1-cps {
	color: #548235 !important;
}

h4.request-ta {
	color: #FFF !important;
	font-weight: bold !important;
/*	line-height: 1.5rem !important; */
}

.joshi-title {
	color: #548235 !important;
	font-weight: bold !important;
}

@media (max-width: 767px) {
	h3.subhead2-cps, h3.subhead3-cps, h4.subhead1-cps {
		text-align: center !important;
		color: #548235 !important;
	}
	h3.subhead2-cps {
		font-size: 2.1rem !important;
		font-weight: bold !important;
	}
	h3.subhead3-cps {
		font-size: 1.7rem !important;
	}
}

@media (min-width: 768px) {
	.ghost {
		display: none !important;
	}
	h4.subhead2-cps {
		text-align: right !important;
	}
	.request-ta {
		font-size: 1.15rem !important;
	}
	.col-gilbert {
		text-align: right !important;
	}
	h3.subhead2-cps {
		font-size: 2.45rem !important;
		font-weight: bolder !important;
	}
	h3.subhead3-cps {
		font-size: 1.75rem !important;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.page-header-section {
		margin-top: 50px !important;	
	}
	h2.page-title-cps {
		font-size: 1.6rem !important;	
	}	
}

@media (min-width: 989px) and (max-width: 991.95px) {
	h2.page-title-cps {
		font-size: 1.23rem !important;	
	}
}

@media (max-width: 988px) {
	h2.page-title-cps {
		font-size: 1.25rem !important;	
	}
}

@media (max-width: 376px) {
	h2.page-title-cps {
		font-size: 1.1em !important;
	}
}

@media (max-width: 768px) {
	.joshi-title {
		margin-bottom: 0 !important;
		font-size: 1.25rem !important;
		display: inline-block !important
	}
	.request-ta {
		font-size: 1.25rem !important;
	}
}


@media (max-width: 399px) {
	.joshi-title {
		margin-top: 41px !important;
		font-size: .9rem !important;
		line-height: 1.25rem !important;
	}
	img.joshi {
		width: 100px !important;
		margin-right: 20px !important;
		position: relative !important;
		float: left !important
	}	
}

@media (min-width: 768px) {
	img.joshi {
		float: left !important;
		margin-right: 8px !important;
	}
	.joshi-title {
		display: inline-block !important;
		margin-top: 17px !important;
		line-height: 21px !important;
		font-size: 1rem !important;
	}
}


@media (min-width: 400px) {
	img.joshi {
		width: 100px !important;
		margin-right: 25px !important;
		margin-top: -25px !important;
	}
	.joshi-title {
		display: inline-block !important;
		margin-top: 33px !important;
		line-height: 25px !important;
		font-size: 1rem !important;		
	}	
}

@media (max-width: 575px) {
	.joshi-div-border {
		max-width: 320px !important;
		margin: auto !important;
	}
	img.joshi {
		margin-right: 15px !important;
	}
}

@media (min-width: 768px) {
	img.joshi {
		width: 95px !important;
		margin: 0 15px 0 0 !important;
	}
	.joshi-title {
		display: inline-block !important;
		margin-top: 33px !important;
		line-height: 20px !important;
		font-size: .8rem !important;		
	}	
	.col-gilbert {
		text-align: right !important;
	}
}

@media (min-width: 992px) {
	img.joshi {
		width: 110px !important;
		margin: 0 25px 0 0 !important;
	}
	.joshi-title {
		display: inline-block !important;
		margin-top: 40px !important;
		line-height: 23px !important;
		font-size: 1.05rem !important;
	}
}

.joshi-div-border {
	border-top: #42742C 7px solid;
	background-color: #FFF;
	overflow: hidden;
}

.container > .row p.bahnfont, .container > .row p.bahnfont, li.bahnfont {
	font-size: 1.05rem !important;
	color: #343434 !important;
}

li.bahnfont {
	margin-bottom: 1rem !important;
}

@media (max-width: 767px) {
	.ta-form {
		width: 100% !important;
		max-width: 640px !important;
	}
}

h4.cps-announcement {
	font-size: 1.45rem;
}
/*
@media only screen and (max-width: 1199.99px) {
	.navbar-bkg {
		display: none !important;
	}   
}
*/
@media only screen and (min-width: 1199.9999px) {
   .navbar-bkg {
      display: block !important;
   }   
}


#header-wrap .container-fluid.extraNav .container .extraNav .extraNav.social-img a {
    padding-left: 5px;
    padding-right: 5px;
}

/* ************ SOCIAL MEDIA LOGO PADDING ************** */


/* col-xs 
Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */
@media (max-width: 449.9999px) {
	.padding { 
		padding: 20px 120px !important; 
	}
}

@media (min-width: 450px) and (max-width: 575.9999px) {
	.padding { 
		padding: 30px 150px !important; 
	}
}

/* col-sm
Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.999px) {
	.padding { 
		padding: 30px 160px !important; 
	}
}

/* col-md
Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.9999px) {
	.padding { 
		padding: 30px 120px !important; 
	}
}

/* col-lg
Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.9999px) {
	.padding { 
		padding: 30px 65px !important; 
	}
}

/* col-xl
Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.padding { 
		padding: 30px 65px !important; 
	}
	img.social {
		max-width: 120px !important;
	}
}