/*
Theme Name:     CSCCE
Theme URI:      http://cscce.berkeley.edu
Description:    Child theme for the Maddux theme
Author:         Elizabeth del Rocío Camacho
Author URI:     http://irle.berkeley.edu
Template:       maddux                             
Version:        0.1.3
Text Domain: 	cscce
*/
@import url("../maddux/style.css");
/*--------------------------------------------*/

/* 3a. font-family */
body, h1, h2, h3, h4 { font-family: "Open Sans", Arial, sans-serif !important; }
#main .single-entry .post h3 { color: #662D91; font-weight: bold; }

#top #logo-nav { padding: 15px 0; }
#logo { width: 75%; }
#logo h1 { float: left; margin-right: 10px; }
#name h2 { padding-top: 20px; font-size: 28px; line-height: 1.2em; }

#main-nav { background-color: #1a4452; }
#main-nav .menu-item-792 { margin-left: 40px; }

#ts-post-the-content { font-size: 16px; }
.ts-top { border: none; padding-bottom: 0px; }

.ts-slider-item .ts-item-link:before { display: none; }
.ts-slider-wrapx { padding: 20px; background-color: #f2f2f2; }
.ts-slider-item .ts-item-details .blog-title { color: #006699 !important; text-shadow: none; background: none; font-weight: bold; line-height: 1.3em;  }
.ts-slider-item:hover .ts-item-details .blog-title { text-decoration: underline;  }
.ts-slider-item .ts-item-details .blog-descr { color: #212121 !important; padding-bottom: 0; }
.ts-item-details { position: relative !important; padding: 5px 10px !important; }
p.blog-descr.descr { display: block !important; }
span.ts-sticky-badge.bg-primary { display: none !important; }

.loop-slider-wrap .ts-item-details { background: none; }
.loop-slider-wrap .ts-sticky-badge  { display: none; }
.loop-default .entry { margin-bottom: 20px; padding-bottom: 0; }
.loop-default .featured-media-wrap { border: none; }
.loop .entry .featured-media-wrap { margin: 0 15px 15px 0; width: 20%; float: left; }
.loop .entry .read-more-wrap { padding: 0px; }
.loop-wrap h4 a { color: #006699 !important; font-weight: bold; }
.home .loop .featured-photo img, .loop .featured-photo-link img { width: 100%; }
.home .loop .entry .featured-media-wrap { margin: 0 0 15px 0; width: 100%; float: none; }
.ts-related-posts-on-single .loop-wrap h4 a { color: #006699 !important; font-weight: normal; }
.ts-related-posts-on-single .loop .entry .featured-media-wrap { width: 100%; float: none; }

.publications h4 { position: relative; text-align: center; font-size: 16px; color: #F85633; font-weight: bold; margin-bottom: 20px; }
.publications h4 span { background: #fff; padding: 0 15px; position: relative; z-index: 1; }
.publications h4:before { background: #F85633; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%; }
.publications h4:before { left: 0; }
.category-112 .publications { display: none; }
.category-111 .publications { display: none; }
.category-111 .loop .entry .meta-item::before { display: none; }
.category-111 .loop .entry .meta-item { margin-left: 0; padding-left: 0; }
.category-111 span.meta-item.meta-item-author { display: none; }
.category-108 .ts-one-half p:nth-child(2) { display: none; }
#post-recent-2 h4 { font-size: 13px; }

span.title-h.entry-title a { font-weight: bold; }
#main .single-entry .title-info { line-height: 1.3em; } 
.title-info .entry-info { padding-top: 5px !important; }
#download-links { width: 200px; }
#download-links p { margin-bottom: 20px !important; }
#download-links a { color: #006699 !important; font-size:16px; font-weight: bold; padding-left: 0 !important; }
.widget .tab-header { width: 75%; }
.button.primary.medium h3 { font-size: 20px; font-weight: bold; color: #FFFFFF; }

.social { width: 75%; margin: 0 auto; }
.social-icons-widget-style .social .icon-style { width: 32px; height: 32px; margin-left: 16px; padding-top: 5px; }
.social-icons-widget-style .social .icon-style { font-size: 21px !important; }
#text-4 { margin-top: 20px !important; }

.endnotes { margin-left: 15px !important; font-size: 13px; line-height: 16px; }

/*--------------blog: about-author---------------*/
.post-3555 #download-links { display: none; }
.post-template-blog-single-post .ts-about-author { z-index: -1; }

/*--------------blog: about-author---------------*/
#main .single-entry .ts-about-author { padding: 0px; }
#main .single-entry .ts-about-author .avatar-img { width: 200px; top: 0; position: relative; }
#main .single-entry .ts-about-author .avatar-img a { float: left; margin-right: 10px; }
#main .single-entry .ts-about-author { border: none; }
.ts-about-author p.smaller a { color:#212121; }
/*--------------blog: single-post template---------------*/
body.post-template-blog-single-post #ts-post-wrap { padding-top: 20px; }

/*------------------post filter---------------------*/
.pgafu-post-grid-main h3.pgafu-post-title { line-height: 1em; padding: 0px !important; margin-bottom: .3em !important; }
.pgafu-post-grid-main h3.pgafu-post-title a { font-size:15px !important; color: #006699; }
.pgafu-post-grid-main h3.pgafu-post-title a:hover { text-decoration: underline; }
.pgafu-post-grid-main.pgafu-design-2 .pgafu-post-grid-content { border-bottom: 1px solid #EEEEEE; }
.pgafu-post-grid-main.pgafu-design-2 .pgafu-content-above-image { position: inherit; padding-top: 0px; margin-top: 0px; }
.pgafu-post-grid-main.pgafu-design-2 .pgafu-post-image-bg { background-color: transparent; height: auto !important; }
.pgafu-post-grid-main.pgafu-design-2 .featured-media-wrap { margin: 0px 15px 15px 0; width: 20%; float: left; }
.pgafu-post-grid-main.pgafu-design-2 .meta-item::before { content: "\2022"; margin: 0 10px; }

ul.pgafu-filter { margin-bottom: 50px !important; margin-left: 0px; }
.pgafu-filter li:first-child { display: none; }

/*------------------slider---------------------*/
.slider-meta-item-category, .slider-meta-item-date, .comment-bubble  { display: none; }
.home .meta-item.meta-item-date.published { display: none; } 

#footer { padding: 20px 0; }

	@media (max-width: 992px) {
		#title-bar { padding-top: 0px; }
		.page-id-3193 #title-bar { padding-top: 25px; }
		.page-id-16 #main-container-wrap { padding-top: 0px; padding-bottom: 20px; }
		
	}	

	@media (max-width: 768px) {
    	#name { display: none; }
		.widget .tab-header { width: 50%; }
		#title-bar h1, #title-bar h1 a { font-size: 26px; }		
	}