/*
 Theme Name:   UCLA Life Sciences Template
 Description:  Enfold Child Theme
 Author:       Andrew Tran
 Template:     enfold
 Version:      1.0
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
* { box-sizing: border-box; }
	
/***************************************************
General
****************************************************/

/***************************************************
Footer
****************************************************/

#footer {	
	display: none; 
}

#socket {
	background: #2c5e91 url("../life-sciences/assets/footer-bg.jpg") repeat-x bottom;
}

#socket ul li:first-child {
	padding-right: 0;
}

#socket ul li a {
	color: white;
}

.sub_menu_socket {
	display: none;
}

#socket-links {
	float: left;
}

#socket-links a {
	text-transform: uppercase;
	font-weight: bold;
	font-family: ProximaNova, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#socket-links a:hover {
	color: #fff100;
}

#socket-links li:first-child {
	background: none;
	
}

#socket-links ul li ul div {
	text-align: right;
	padding: 5px 5px 0 0;
}

a.close {
	color: gray !important;
}

a.close:hover {
	color: gray !important;
	text-decoration: none;
}

#socket-links ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

#socket-links ul li {
	text-align: left;
	float: left;
	display: list-item;
	list-style: none;
	padding: 5px 10px 5px 10px;
	background: url(/wp-content/themes/life-sciences/assets/white-divider.gif) no-repeat left center;
}

#socket-links ul li a.down {
	display: block;
	width: 93px;
	padding-left: 4px;
	color: #1e4b87;
	background-color: white;
	margin-right: 2px;
}

#socket-links ul ul{
	background-color: white;
	width: 930px;
	height: 210px;
	padding: 0px 10px 10px 10px;
}

#socket-links ul ul li {
	float: left;
	text-align: left;
	width: 220px;
	position: relative;
	background-image: none;
	padding: 0;
	margin: 0;
}

#socket-links ul ul ul {
	width: 205px;
	height: 160px;
}

#socket-links ul ul ul li {
	float: none;
	background: none;
}

#socket-links ul ul li ul li{
	padding: 0 5px 0 5px;
	margin: 0;
	border-bottom: 1px solid #1e4b87;
}

#socket-links ul ul li ul li a{
	font-size: 12px;
	color: #1e4b87;
	border: none;
	line-height: 30px;
}

#socket-links ul ul li ul li a:hover{
	color:blue;
	text-decoration: none;
}

#socket-address {
	clear: both;
	color: white;
	font-size: 13px;
	text-transform: uppercase;
	font-family: ProximaNova, Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
}

#socket-address ul {
	margin: 0;
	padding: 0;
}

#socket-address ul li {
	color: white;
	font-size: 13px;
	text-transform: uppercase;
	font-family: ProximaNova, Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	margin: 0;
	border-top: 1px solid #fff100;
}

#socket-copyright {
	color: white;
	font-size: 12px;
	margin-bottom: 30px;
}

#socket-copyright a {
	color: white !important;
}

#socket-copyright a:hover {
	color: white !important;
}

/*Responsive Footer Styles*/

@media only screen and (min-width: 768px) and (max-width: 989px){
	#socket-links ul ul {
		width: 700px;
		height: 350px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	#socket-links ul ul {
		width: 480px;
		height: 370px;
		left: -10px;
	}
}

@media only screen and (max-width: 479px){
	#socket-links ul ul {
		width: 260px;
		height: 670px;
		}
}
/* Custom Color Section H1 */
#color-section > div > main > div > div >div > h1.av-special-heading-tag {
font-weight: 600;
text-shadow: 0px 3px 5px rgba(0,0,0,0.8);
}

#color-section > div > main > div > div > div > div.av-subheading.av-subheading_below.av_custom_color > p {
text-shadow: 0 3px 3px rgba(0,0,0,0.8);
}

#content.widecolumn {
max-width:1020px;
margin:0 auto;
padding: 25px 10px;
}

#content.widecolumn p.lead-in {
font-size:1.2em;
font-weight:300;
line-height:1.2em;
}

/* 3.1.1 updates */
.html_bottom_nav_header #top .av_seperator_big_border .av-main-nav > #menu-item-search > a {
  border-left-style: solid;
  border-left-width: 0px;
  border-color: inherit;
  margin-left: -1px;
}

#top .av_seperator_big_border .av-main-nav > li:last-child > a, #top .av_seperator_big_border .av-main-nav > #menu-item-search > a {
  border-right-style: solid;
  border-right-width: 0px;
}

.av_seperator_big_border .av-main-nav > li > a {
  border-left-style: solid;
  border-left-width: 0px;
  text-align: center;
  min-width: 0px;
}

/* Widget Area Menus */

.avia-builder-widget-area .menu-main-menu-container a {
color: #fff;
text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item {
background: none;
}

/* Left-aligns news widget text */
#top .fullsize .template-blog .post .entry-content-wrapper{
	text-align:left;	
}
/* News widget image float left */
.wp-post-image {
	float:left;
}
/* Control image size */
/*#top .fullsize .template-blog .big-preview img {
	width:50%;
}*/


/* 1.1.1 Additions */

/* Callout buttons
****************************************************/
@media screen and (max-width: 768px) {
	#callout-nav {
		display: none;
	}
	
	
/*	#avia2-menu { display: none; }*/
}
/* Breadcrumb, align left */ 
@media only screen and (max-width: 767px) {
.responsive .phone-info {
text-align: left;
}
}
/* Reposition secondary menu */
.av_secondary_right .sub_menu {
float: right;
margin-right: 120px;
}

#callout-nav { height:auto; overflow:hidden; position:absolute; right:45px; top:-31px; z-index: 10; }
#callout-nav li { float:left; margin-left:0px; text-align:center; }
#callout-nav li a { font-style: italic; 
	height: 45px !important; 
	line-height: 40px; 
	margin-top: 30px; 
	background:url(/wp-content/themes/life-sciences/assets/callout-nav-bkgd.jpg) repeat-x left top #FFe800;
	border-top:4px solid #ffb300; 
	box-shadow:0 1px 1px #666; 
	color:#1e4b87 !important; 
	display:block; 
	font-size: 12px; 
	font-weight:600; 
	height:38px; 
	letter-spacing:.1em; 
	text-decoration:none; 
	text-shadow:1px 1px 1px #ffb300; 
	text-transform:uppercase; 
	width:75px; 
}
#callout-nav-give-now a {
background: url(/wp-content/themes/life-sciences/assets/callout-nav-give-now-bkgd.png) repeat-x left top !important;
border-top     : none !important;
box-shadow     : none !important;
color          : #1e4b87;
display        : block;
font-size      : 1.3em;
font-weight    : 800;
height         : 38px !important;
letter-spacing : .1em;
line-height    : 1em !important;
text-decoration: none;
text-shadow    : none !important;
text-transform : uppercase;
width          : 107px !important;
padding-top    : 10px;
}
li#callout-nav-give-now a:hover { background-position: left -50px !important; color: #fff !important; text-shadow: none !important; }
#callout-nav li a:hover { background-position:left -50px; color:#fff !important; }
#callout-nav li a.active { background-position:left -50px; border-color:#ffb300; text-shadow:1px 1px 1px #fada79; }

.html_stretched #wrap_all { background-color: #fff; }
.max-width-1220 { max-width: 1220px; margin: 0 auto; box-shadow: 0px 0px 0px rgba(0,0,0,0.0); margin-top: 10px; }

.hide_this,.hide_this2, .hide_this3, .hide_this4, .hide_this5, .hide_this6, .hide_this7 { display: none; }
.hide-item { display: none; }


/* CEILS - Teaching Guide Page */

#nav_menu-3 { padding: 0px; margin: 0px; margin-right: 20px; }
#menu-teaching-guides {
	background: #2c5e91;
}

#menu-teaching-guides li { border-bottom: 1px solid #fff; margin-right: 20px; }

#menu-teaching-guides > #menu-item-2176 { border-bottom: 0px solid #fff; }

#menu-teaching-guides li a { color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold;}

#menu-teaching-guides li a:hover { color: #fff100;}

/* Showing Category Descriptinos in Masonry */
.av-masonry-sort { text-align: left; }
div.category-description { font-size: 20px; font-weight: 200; line-height: 24px; }
div.av-sort-by-term > a.avia_show_sort > span.inner_sort_button > div.category-description { display: none; }

/*** UCLA WordPress ***/
figure {line-height: 0;}

.aligncenter {
  text-align: center;
}
.alignright {
  text-align: right;
}

/* TODO: eliminate CSS specificity war */
body .ucla-content .entry-content.ucla-prose ul:not([class]),
body .ucla-content .entry-content.ucla-prose ol:not([class]) {
  padding-left: 1.5rem;
}

/* Pagination */
.navigation.pagination {
  grid-area: pagination;
}
.pagination .page-numbers {
  display: flex;
  gap: 2px;
  margin: 0;
  list-style: none;
}
.pagination .page-numbers>li {
  margin: 0;
}

.pagination .page-numbers>li>.page-numbers {
  border: 2px solid transparent;
  width: 44px;
  height: 44px;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .page-numbers>li>span.current {
  background-color: #003b5c;
  border-color: #003b5c;
  color: #fff;
}

.pagination .page-numbers>li>a.page-numbers {
  text-decoration: none;
  border-color: #00598c;
  color: #00598c;
}

.pagination .page-numbers>li>a.page-numbers:hover {
  border-color: #00568C;
  background-color: #00568C;
  color: #fff;
}

.pagination .page-numbers>li>a.page-numbers>svg>path {
  fill: #00598c;
}

.pagination .page-numbers>li>a.page-numbers:hover>svg>path {
  fill: #fff;
}

.ucla-card__title>a {text-decoration: none;}

.post-thumbnail {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .post-thumbnail {
    margin-bottom: 2rem;
  } 
}

pre.wp-block-code code {
  background-color: transparent;
}

.wp-block-cover > .ucla__cover_button-control {
  position: absolute;
  right: 24px;
  bottom: 24px;
  color: #ffffff;
  z-index: 5;
  line-height: 0;
  cursor: pointer;
}

.wp-block-cover > .ucla__cover_button-control:focus {
  outline-color: #FFE500;
}

/* Block pattern styles */
.wp-block-cover.ribbon-banner.alignfull > .wp-block-cover__inner-container.wp-block-cover-is-layout-flow, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container {
  width: 100%;
}


.ribbon-banner.wp-block-cover:not(.alignfull) > .wp-block-cover__inner-container {
  padding-left: 1.5rem;
}

.wp-block-cover.ribbon-banner.alignfull .wp-block-cover__inner-container > * {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover.ribbon-banner.alignfull
  .wp-block-cover__inner-container
  > .alignfull {
  max-width: none;
}
.wp-block-cover.ribbon-banner.alignfull
  .wp-block-cover__inner-container
  > .alignwide {
  max-width: var(--wp--style--global--wide-size);
}
.ucla-dept-footer {
  margin-top: 54px;
}

.ucla-dept-footer__container > img.ucla-dept-footer__custom_logo {
  max-height: 2.188rem;
  max-width: 550px;
}

.ucla-dept-footer .tertiary-nav-header {
  line-height: 1.125;;
}

.ucla-dept-footer .tertiary-nav-header > a {
  text-decoration: none;
}

.ucla-dept-footer__logo-text {
  font-weight: bold;
  color: #ffffff;
  font-size: 1.5rem;
}
/* 
  Page Templates
*/

.ucla-content-header {
  grid-area: header;
}

.ucla-sidebar {
  grid-area: sidebar;
}

.ucla-content {
  grid-area: content;
}


.main {
  gap: 1.5rem 0;
  grid-template-areas:
    "header"
    "content"
    "pagination";
}

.page-template.page-template-page-left-sidebar .main, .page-template.page-template-page-right-sidebar .main {
  grid-template-areas:
    "header"  
    "content"
    "sidebar";
}

body:not(.page-template-page-left-sidebar, .post-tempalte-single-left-sidebar) .entry-content > *:not(.alignfull), body:not(.page-template-page-right-sidebar, .post-tempalte-single-left-sidebar) .entry-content > *:not(.alignfull) {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

body:not(.page-template-page-left-sidebar, .post-tempalte-single-left-sidebar) .entry-content > *:not(.alignfull).alignwide, body:not(.page-template-page-right-sidebar, .post-tempalte-single-left-sidebar) .entry-content > *:not(.alignfull).alignwide {
  max-width: var(--wp--style--global--wide-size);
}

/**
  Sidebar Templates
*/

@media (min-width: 960px) {
  .page-template.page-template-page-left-sidebar .main, .post-template.post-template-single-left-sidebar .main {
    gap: 1.5rem 8.3333333%;
    grid-template-columns: 1fr 3fr;
    grid-template-areas:
      ". header"
      "sidebar content";
  }
  .page-template.page-template-page-right-sidebar .main, .post-template.post-template-single-right-sidebar .main {
    gap: 1.5rem 8.3333333%;
    grid-template-columns: 3fr 1fr;
    grid-template-areas:
      "header ."
      "content sidebar";
  }
}

@media (min-width: 1200px) {
  body:not(.page-template-page-left-sidebar, .post-tempalte-single-left-sidebar) .entry-content > *:not(.alignfull), body:not(.page-template-page-right-sidebar, .post-tempalte-single-left-sidebar) .entry-content > *:not(.alignfull) {
    padding-left: 0;
    padding-right: 0;
  }
}

/*
 Post Templates
*/

footer.ucla-wordpress__post-tags {
  display: flex;
  align-items: center;
  font-weight: bold;
}

footer.ucla-wordpress__post-tags > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer.ucla-wordpress__post-tags > ul > li {
  display: inline;
  margin-left: 23px;
}

footer.ucla-wordpress__post-tags > ul > li > a {
  text-decoration: none;
}

/* Search */
.ucla-search__form {
  padding: 0;
  display: flex;
  margin-top: 1rem;
  margin-bottom: 57px;
}

.ucla-search__form label {
  width: 100%;
}

.ucla-search__field {
  padding: 0.781rem 1rem 0.781rem 3.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Ctitle%3ESearch%3C/title%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666666' d='M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2C16 5.9 13.1 3 9.5 3S3 5.9 3 9.5 5.9 16 9.5 16c1.6 0 3.1-.6 4.2-1.6l.3.3v.8l5 5 1.5-1.5-5-5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5 14 7 14 9.5 12 14 9.5 14z'/%3E%3C/svg%3E")
    1.5rem center / 1.5rem no-repeat #f2f2f2;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  flex-grow: 1;
}

.ucla-search__form > .ucla-btn {
  margin-left: 0.5rem;
}

/* 404 */
.error-404__header {
  padding-top: 32px;
  padding-bottom: 24px;
}

@media (min-width: 768px) {
  .error-404__header {
    padding-top: 48px;
    padding-bottom: 29px;
  }
}

@media (min-width: 1024px) {
  .error-404__header {
    padding-top: 72px;
    padding-bottom: 32px;
  }
}
#scroll-top-link {display: none; }