/*

Theme Name: UCLA Department
Description: Theme for Departments
Version: 1.0
Author: UCLA Social Sciences Computing
License: Themeforest Split Licence
License URI: -
Theme URI: www.kriesi.at/themes/enfold/
Template: enfold


*/



/*Add your own styles here:*/
a:focus { /* accessibility */
  outline: 1px dotted #00598c !important;
}

#footer a:focus { /* accessibility */
  outline: 1px dotted #ffffff !important;
}

strong {
 color: #333333 !important;
}

.logo {
  margin-top: 20px;
}

@-moz-document url-prefix() { /* Firefox styles */
  .logo img {
    margin-top: 7px;
  }
}

h1,
.section-header h2 {
  margin-bottom: 25px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 34px;
  line-height: 46px;
}

h1::before,
.section-header h2::before {
  margin-right: 18px;
  border-left: 8px solid #FFD100;
  content: "";
}

h2 {
  margin-bottom: 24px;
}

.section-header h2 a:hover {
  opacity: 1 !important;
}

.special-heading-border {
  display: none !important;
}

.container {
  padding: 0;
}

.entry-content-wrapper a:hover {
  background-color: #0079bf;
  color: #ffffff !important;
  text-decoration: none;
}

.image-overlay { /* remove animation on image hover */
  display: none !important;
  opacity: 0 !important;
}

.button {
  padding: 12px 16px;
  background-color: #00598c;
  border: none;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #0079bf !important;
  color: #ffffff;
}

/* enfold accordion */
.toggler,
.toggle_icon,
.vert_icon,
.hor_icon,
.toggle_content {
  border-color: #00598c !important;
}

/***** HEADER *****/
#header_main .inner-container {
  width: 1200px;
  margin: 0 auto; 
  padding-top:10px;
}

.html_header_top #top .av_header_stretch .container {
  width: 1200px; /* submenu above logo */
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown {
  float: left; /* position search icon in main nav */
}

#top #header .av-main-nav > li > a {
  height: 50px !important;
  line-height: 50px !important;
  margin-top: 53px;
}

.sub-menu .avia-menu-text {
  font-size: 16px;
  font-weight: bold;
  color: #00598C;
}

.sub-menu li a:hover .avia-menu-text {
  background-color: #00598C;
  color: #ffffff;
}

#top .av-main-nav li ul ul { /* move all submenus to the right, except for Graduate */
  right: -207px !important;
  left: auto !important;
}

/***** GIVE BUTTON *****/
.give-back {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 500;
  padding-top: 20px;
}

.give-btn {
  position: absolute;
  right: 0;
  display: inline-block;
  padding: 8px 16px;
  color: #00598c;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  text-decoration: none !important;
  border: 2px solid #00598c !important;
  border-radius: 2px;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}

.give-btn:hover {
  background: #0079bf;
  color: #ffffff !important;
  border: 2px solid #0079bf !important;
}

/***** HOMEPAGE *****/
.avia-slideshow ul.avia-slideshow-inner {
  margin: 30px 0;
}

.avia-fullwidth-slider.avia-shadow {
  box-shadow: none;
}

.avia-slideshow-dots a {
  margin: 10px 1px;
}

.home .post-entry {
  margin-top: 0;
}

.home .post-title {
  text-transform: capitalize;
  font-size: 30px;
}

.home .av-upcoming-event-without-image:hover span,
.home .av-upcoming-event-without-image:hover h4,
.home .av-upcoming-event-with-image:hover span,
.home .av-upcoming-event-with-image:hover h4 {
  color: #ffffff;
}

.home .avia-builder-el-10 .slide-entry-wrap {
  margin-bottom: 0;
}

.home .avia-builder-el-12 .slide-image { /* homepage publications */
  float: left;
  margin-right: 15px;
  background: #ffffff;
}

/***** PAGE HEADER *****/
.title_container .container {
  margin-top: 40px;
}

/***** BREADCRUMBS *****/
.title_container .breadcrumb {
  top: 50px;
  left: 0;
  font-size: 16px;
  line-height: 20px;
}

.title_container .breadcrumb .breadcrumb-trail a {
  padding: 0;
  color: #00598C;
  font-weight: bold;
}

.title_container .breadcrumb .breadcrumb-trail .trail-end {
  padding: 0; 
  color: #757575;
  font-weight: bold;
}

.breadcrumb-trail .sep {
  padding: 0;
}

.breadcrumb .sep {
  width: 0;
  padding: 0 15px 0 10px;
}

.breadcrumb-trail span:nth-last-child(2),
.breadcrumb-trail span:last-child {
  display: none;
}

.content {
  padding-top: 0;
}

/***** PAGE LAYOUT *****/
.post-entry {
  margin-top: 30px; /* move main content down */
}

#top form {
  margin-bottom: 40px; /* people directory search */
}

body .column-top-margin {
  margin-top: 0;
}

/***** BLOG POST LAYOUT *****/
.post {
  width: 736px;
}

#top .fullsize .template-blog .blog-meta {
  display: none;
}

.blog-meta .iconfont { 
  display: none; /* remove icon when there is no image */
}

.blog-meta a {
  background: transparent!important;
}

span.fallback-post-type-icon + *, span.fallback-post-type-icon + * + * {
  display: none !important;
}

.single-post .post-title.entry-title {
  pointer-events: none; /* disable linked post title */
}

.avia-content-slider .fake-thumbnail .slide-image {
  border: none;
  min-height: 0;
}

#top .fullsize .template-blog .big-preview img {
  width: 736px;
  height: auto;
  margin-top: 20px;
}

.post .featured-image-description {
  margin-top: 5px;
  font-size: 14px;
}

#top .fullsize .template-blog .post-title {
  text-align: left;
}

#top .fullsize .template-blog .post-meta-infos {
  text-align: left;
  font-weight: bold;
}

/***** FOOTER *****/
.footer_color {
  background-color: #2774AE;
}

footer.socket_color {
  background-color: #2774AE;
  color: #ffffff;
}

#footer .widget {
  margin-bottom: 0;
}

#footer li a {
  font-size: 12px;
}

#footer li a:hover {
  text-decoration: none;
  background-color: #FFE500;
  color: #333333;
}

#footer #text-2 {
  margin-top: 12px;
}

#footer .social-icon {
  margin-right: 8px;
}

/***** SEARCH RESULTS PAGE *****/
.search .page-heading-container,
.error404 .entry-content-wrapper {
  margin-top: 30px;
}

.search aside.sidebar {
  display: none !important;
}

/***** PEOPLE DIRECTORY PAGES *****/
.person-box {
  height: 400px;
  padding-top: 25px;
  border-bottom: 1px solid #e5e5e5 !important;
  text-align: center;
}

.person-box h3 {
  margin-bottom: 5px;
}

.person-box .faculty-position {
  margin: 0;
  font-size: 16px !important;
  color: #666666;
}

.person-box .person-category,
.person-box .contact-info {
  margin: 0;
  font-size: 14px !important;
  color: #666666;
}

/***** PERSON TEMPLATE *****/
.single-person .post {
  width: 100%;
}

.single-person .entry-content-header,
.single-person .av-share-box { 
  display: none !important; /* hide header blog info, title and social share buttons on profiles */
}

.person-image a:hover {
  background: none;
}

.single-person * { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}

#top.single-person .fullsize .template-blog .post .entry-content-wrapper > * { 
  max-width: 100%; 
}

#top.single-person .fullsize .template-blog .post .entry-content-wrapper {
  text-align: left;
  max-width: 100%;
  margin: 0 auto;
  overflow: visible;
}

.single-person .section {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 15px;
  border-top: 1px solid #E5E5E5 !important;
}

.single-person .section ul li {
  font-size: 16px;
}

.single-person .contact-info p {
  margin: 5px 0;
}

.single-person h1::before {
  margin-right: 0;
  border-left: none;
}

.single-person p.position {
  font-size: 20px !important;
  font-weight: 200 !important;
}

.single-person .biography {
  padding-bottom: 15px;
}

.single-person .website-links {
  font-size: 16px;
}

.single-person .website-links:last-of-type {
  margin-bottom: 20px;
}

/***** EVENTS LIST PAGE *****/
#tribe-events-content-wrapper {
  margin-top: 30px;
}

body.post-type-archive-tribe_events .breadcrumb-trail span, 
body.post-type-archive-tribe_events .breadcrumb-trail a[title="Events"] {
    display: none !important; /* fix duplicate breadcrumb bug */
}

/***** SINGLE EVENT PAGE *****/
body.single-tribe_events .breadcrumb-trail span:nth-last-child(2) { /* remove current page from breadcrumbs */
  display: block !important;
}

.tribe-events-single {
  margin-top: 30px;
}

/***** PUBLICATIONS PAGE *****/
.page-id-6407 .publication-item img {
  display: block;
}

/***** PUBLICATION TEMPLATE *****/

.single-publication .publication-image {
  margin-top: 50px;
}

.single-publication h1 {
  margin-top: 15px;
  margin-bottom: 35px;
}

.single-publication h4 {
  margin-bottom: 25px;
}


/******************* 
*
* RESPONSIVE STYLES
*
*******************/

@media only screen and (max-width: 1250px) {
  /***** HEADER *****/
  .container,
  #header_main .inner-container,
  .html_header_top #top .av_header_stretch .container,
  .breadcrumbs {
    padding: 0 50px;
  }

  .av-main-nav {
    left: -88px;
  }
}

@media only screen and (max-width: 1199px) {
  /***** HEADER *****/
  #header_main .inner-container,
  .html_header_top #top .av_header_stretch .container,
  .give-back { /* header */
    width: 100%;
  }
  
  .logo {
    margin-top: -35px;
  }

  .main_menu { /* move main nav below logo */
    left: 0;
    margin-top: 65px;
  }

  .av-main-nav {
    left: -13px;
  }

  .responsive #top #header .av-main-nav > li > a:hover {
    background-color: #00598C;
    color: #ffffff;
  }

  #top #header .av-main-nav > li > a {
    margin-top: 0;
  }

  /***** GIVE BUTTON *****/
  .give-back {
    text-align: right;
    padding-right: 5%;
  }

  .give-btn {
    position: relative;
  }  
}

@media only screen and (max-width: 989px) and (min-width: 767px) {
  /***** PERSON TEMPLATE *****/
  .person-template-default .av_one_fourth { /* fix person template for tablet view */
    width: 20% !important;
  }

  .person-template-default .av_three_fourth { /* fix person template for tablet view */
    width: 62%;
    margin-left: 5%;
  }
}

@media only screen and (max-width: 767px) {
  /***** HEADER *****/
  #header_main .inner-container {
    padding: 0;
  }

  .responsive .logo img {
    max-height: 100px;
  }

  .logo {
    margin-top: -25px;
  }

  .main_menu { /* hamburger menu styles */
    margin-top: 0;
  }

  .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    padding: 0 10px;
  }

  .av-burger-menu-main:hover .av-hamburger-inner,
  .av-burger-menu-main:hover .av-hamburger-inner::before,
  .av-burger-menu-main:hover .av-hamburger-inner::after {
    background-color: #ffffff; /* hamburger icon hover */
  }

  .av-burger-overlay li li .avia-bullet, 
  .av-burger-overlay-active #top .av-burger-menu-main:hover .av-hamburger-inner, 
  .av-burger-overlay-active #top .av-burger-menu-main:hover .av-hamburger-inner::before, 
  .av-burger-overlay-active #top .av-burger-menu-main:hover .av-hamburger-inner::after {
    background-color: #ffffff; /* exit mobile menu hover */
  }

  #menu-item-search,
  .av-burger-menu-main {
    margin-top: 30px;
  }

  .av-burger-menu-main {
    margin-right: -20px;
  }

  .responsive .title_container .main-title + .breadcrumb {
    margin-left: -50px;
    top: 30px;
  }

  .breadcrumbs {
    padding: 0;
  }

  /***** PAGE LAYOUT *****/
  .responsive #top #wrap_all .flex_column {
    margin-bottom: 0;
  }

  /***** BLOG POST LAYOUT *****/
  .post {
    width: 100%;
  }

  #top .fullsize .template-blog .big-preview img {
    width: 100%;
    height: auto;
  }

  /***** PERSON TEMPLATE *****/
  .person-template-default .av_one_fourth img { /* fix person template for mobile view */
    padding-bottom: 20px;
  }

  .person-template-default .section:first-of-type { /* fix person template for mobile view */
    padding-top: 15px;
  }

  /***** PUBLICATION TEMPLATE *****/
  .single-publication .container .av-content-full.units {
  	width: 100%;
  }
}

@media only screen and (max-width: 450px) {
  /***** HEADER *****/
  #menu-item-search {
    display: none !important; /* hide search icon for mobile */
  }

  #menu-item-search, .av-burger-menu-main {
    margin-top: 20px;
  }

  .av-burger-overlay-active #menu-item-search {
    display: block !important; /* display search icon when hamburger menu is open */
  }
  
  .responsive #top .logo {
    width: 90%;
  }
  
  .logo {
    margin-top: 15px;
  }

  .give-back {
    display: none;
  }

  @-moz-document url-prefix() { /* Firefox styles */
    .logo img {
      margin-top: 20px;
    }
  }
}

@media only screen and (max-width: 320px) {
  .responsive #top .logo {
    width: 85%;
  }
}
