/*
 Theme Name:   Shift Project
 Theme URI:    https://shift.berkeley.edu
 Description:  Onepagepro Child Theme
 Author:       Elizabeth del Rocio Camacho
 Template:     onepagepro
 Version:      2.0.0
 Text Domain:  shift-project

*/

/*-----------------Navigation------------------*/
.onepagepro-main-menu-search i { color: #2e2e2e !important; }
.onepagepro-navigation .sf-menu > .onepagepro-normal-menu li:first-child { margin-bottom: 0px !important; }

/*-----------------Newsroom Single-------------------*/
.single-newsroom h1.onepagepro-page-title { color: #383838 !important; letter-spacing: normal !important; }

/*-----------------Archive-------------------*/
.archive .gdlr-core-blog-title { font-size: 18px;}
.gdlr-core-blog-content { font-size: 14px; }
.archive .gdlr-core-opacity-on-hover { background: #ffffff; }
.archive .gdlr-core-blog-left-thumbnail img { float: right; }
.onepagepro-page-title-wrap.onepagepro-style-medium .onepagepro-page-title-content { padding: 0px; }
div.onepagepro-page-title-content.onepagepro-item-pdlr { padding-top: 50px !important; padding-bottom: 0px !important; }
h3.onepagepro-page-title { font-size: 50px !important; line-height: 1.7 !important; color: #383838 !important; letter-spacing: normal !important; }

/*-----------------Search ------------------*/
.search .gdlr-core-blog-title { font-size: 18px;}
.search .gdlr-core-opacity-on-hover { background: #ffffff; }

/*-----------------Publications Archive------------------*/
.page-id-2 .gdlr-core-page-builder-body [data-skin="Grey"] .gdlr-core-skin-title a { color: #1072a3; }
.page-id-2 .gdlr-core-blog-info-font { font-size: 14px !important; }
span.gdlr-core-head { display: none; }

/*-----------------Single Publication ------------------*/
.endnotes { font-size: 85% !important; }
sup { top: -.5em; font-size: 75%; font-weight: bold; line-height: 0; position: relative; }
blockquote { font-style: normal !important; }
blockquote li { line-height: 1.7 !important; margin-bottom: 10px; }
li { line-height: 1.5 !important; margin-bottom: 15px; }
.onepagepro-single-article-content p { color: #575757; }

/* DEV COLLAB CSS EDITS */

.onepagepro-navigation .sf-menu > li > a {
	padding-bottom:10px!important;
}


.sf-menu > .onepagepro-normal-menu ul li {
	margin-bottom:0;
}


.alignwide,
.alignfull {
	margin-left: calc( -50vw + 50%);
    margin-right: calc( -50vw + 50%);

}


.alignfull .wp-block-group__inner-container {
	max-width:1200px;
}


.onepagepro-page-title-wrap.onepagepro-style-small .onepagepro-page-title{
	font-size:42px;
}

.onepagepro-body h2.wp-block-heading {
	font-size:36px;
}


/*button {
	background-color: #309cea;
    background: -webkit-linear-gradient(#52aae9, #309cea);
    background: -o-linear-gradient(#52aae9, #309cea);
    background: -moz-linear-gradient(#52aae9, #309cea);
    background: linear-gradient(#52aae9, #309cea);

}*/

.wp-block-button__link {
	    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 15px 33px;
}
    
/* New homepage */

body.page-id-7955 .onepagepro-page-title-container {
	display:none;
}

body.page-id-7955 .onepagepro-content-area {
	padding-top:0;
	padding-bottom:0;
}

.home-hero {
	/*overflow:hidden;*/
}

.home-hero .info-section {
	padding:5% 8%;
}

.home-hero .info-section p {
	font-size:19px!important;
}

.home-hero {
	margin-bottom:40px;
}

.home-hero .wp-block-cover {
	height:100%;
	padding:0;
	margin-top:0;
}

.home-info {	
	margin:50px auto 60px auto!important;
	max-width:1000px;
}


.home-info p {
	font-size:19px!important;
	color:#666;
}

.home-recent-pubs {
	padding:3%;
}

.home-recent-pubs .wp-block-columns {
	max-width:1200px;
	margin:10px auto;
}

.home-recent-pubs h3 {
	font-size:24px!important;
	text-transform: uppercase;
	    letter-spacing: 0.8px;
	    margin:20px 0 40px 0 !important;
}

.home-recent-pubs .wp-block-column.is-vertically-aligned-center {
	    align-self: flex-start;
}

.home-recent-pubs .wp-block-post-date {
	text-transform:uppercase;
	margin:0px 0 5px 0;
	color:#000;
}

.home-recent-pubs .wp-block-query {
	margin-bottom:20px;
}

.home-recent-pubs .view-more {
	margin:30px 0 10px 0;
}


/*DOWNSTREAM */

.onepagepro-page-title-wrap .onepagepro-page-title {
	color:#383838!important;
}

/* FILTERS */

.filters-area {
	margin-bottom:20px;
}

.filters-area .facetwp-facet {
	margin-bottom:10px;
}

.filters-area .facetwp-facet-reset a {
	text-transform:uppercase;
	font-weight:bold;
}

.filters-area .facet-label {
	color:#333;
	font-weight:bold;
}

.filters-area .facetwp-facet select {
    font-size: 1rem;
    padding: 0.70em;
}
.filters-area .facetwp-facet select, .filters-area .facetwp-facet input.facetwp-search {
    background: #fff;
    width: 100%;
    border: 1px solid #979797;
}

.filters-area .button-container {
	text-align:right;
}

.filters-area #search {
	font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 15px 33px;
	background:#1072a3;
	color:#fff;
	border:0;
	border-radius:30px;
}

ul.facetwp-template {
	margin-left:0;
}

/* FUNDERS */

.funders-grid {

}

.funders-grid .wp-block-image {
	padding:10px 40px;
}


/* PUBLICATIONS */

.related-posts {
	margin-top:50px;
}

.related-posts .query-loop-grid ul {
	margin:0;
	 grid-gap: 30px;
}

.related-posts .query-loop-grid ul li .wp-block-group {
	padding:0!important;
}

.related-posts .query-loop-grid .wp-block-post-title {
	font-size:22px;
}


.facetwp-pager {
	text-align:center;
}


/* NEWSLETTER LANDING PAGE */

.newsletter-block {
	max-width:600px;
	margin:0 auto;
}


/* NEWSROOM LAYOUT */

.query-loop-grid .wp-block-post-featured-image {
	margin-bottom:15px;
}

.query-loop-grid .wp-block-post-title {
	font-size:24px;
}

.query-loop-grid .columns-4 .wp-block-post-title {
	font-size:20px;
}

.query-loop-grid .wp-block-post-date {
	text-transform: uppercase;
    margin: 5px 0;
    color: #000;
    font-size:13px;
}


.wp-block-query-pagination-numbers a.page-numbers {
	padding:0 8px;
}


.query-loop-grid .wp-block-post-author-name {
	font-size:14px;
	padding:5px 0;
}

.query-loop-grid .wp-block-post-author-name a {
	text-decoration:underline;
}

.query-loop-grid .wp-block-post-author-name a:hover {
	text-decoration:none;
}


/* TEAM PAGE */


.people-query {
	margin:0 0 30px 0;
}

.person-teasers {
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.25em;
	margin-bottom:30px;
}

.people-query li.person  {
	padding:0px;
}


.tcc-person {
	padding:10px;
}

.tcc-person-info h3.tcc-person-name,
.tcc-person-info h2.tcc-person-name {
	font-size:26px;
	margin:10px 0;
}

.tcc-person-info ul.social_icons {
	margin:0 0 10px 2px;
}

.tcc-person-info ul.social_icons li {
	display:inline-block;
	margin:0 10px 0 0;
}

.tcc-person-info ul.social_icons li a {
	font-size:20px;
}

.tcc-person .job-title {
	color:#000;
	margin-bottom:10px;
	font-size:15px;
	line-height:1.4em;
	font-weight:600;
}

.tcc-person .entry-summary {
	color:#333;
}


/* SINGLE PERSON */

.single-person ul.person-publist {
	    grid-template-columns: repeat(3, minmax(0, 1fr));
	    	margin:0;
}

.single-person ul.person-publist h2.wp-block-post-title {
	margin-bottom:5px;
}

ul.person-publist .wp-block-post-author-name {
	margin-bottom:10px;
}

.single-person .person-details-container {
	margin-bottom:40px;
	padding-bottom:30px;
	border-bottom:2px solid #a7bfc5;
}

.single-person .wp-block-social-links {
	margin-top:10px;
}

.single-person .wp-social-link-mail  {
	background-color:#333!important;
	color:#ccc!important;
}

.single-person .wp-block-social-links.has-small-icon-size {
	font-size:18px;
}


.single-person span.job-title,
.people-query  span.job-title {
	font-size:17px;
	color:#333;
	display:block;
	margin-bottom:15px;
	font-weight:600;
}


/* FOOTER */

.onepagepro-footer-wrapper .widget {
	margin-bottom:30px;
}

/* RESPONSIVE */

@media (max-width: 1200px) {

	.home-hero .info-section {
		padding:5%;
	}

	.person-teasers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}

@media (max-width: 1000px) {

	.query-loop-grid .wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin:0;
	}


}

@media (max-width: 768px) {


    .reverse-mobile {
        flex-direction: column-reverse;
    }


    body.home .onepagepro-content-area {
    	width:100%;
    	padding:0;
    }

    .home-hero .info-section {
    	padding:30px;
    	max-width:500px;
    	margin: 0 auto;
    }


	.home-info {
		width:100%;
		padding:10px;
	}


     .home-recent-pubs {
     	padding:8% 5%;
     }


	.home-recent-pubs h3 {
		margin: 10px auto!important;
	}

	.home-recent-pubs :where(.wp-block-columns.is-layout-flex) {
		gap:.05em!important;
	}

	/*.home-recent-pubs .wp-block-column-is-layout-flow {
		border:2px solid red;
	}*/

	.home-recent-pubs {
		border:2px solid green;
	}

	.pub-row {
		max-width:500px;
     	padding:20px;
	}

     /*.home-recent-pubs .wp-block-columns.wp-container-core-columns-is-layout-4,
     .home-recent-pubs .wp-block-columns.wp-container-core-columns-is-layout-7 {
     	max-width:500px;
     	padding:20px;
     }*/

    .home-recent-pubs ul.wp-block-post-template {
    	margin:0;
    }

    .home-recent-pubs .view-more {
    	margin:0 0 30px 0;
    }

    .query-loop-grid .wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.person-teasers {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.person-teasers .post-image {
		text-align:center;
	}

}


@media (max-width: 575px) {

	.home-hero .wp-block-cover {
		height:240px!important;
		min-height:auto!important;
		max-height:240px!important;
	}

	.home-hero .wp-block-cover .wp-block-cover__image-background {
		height:240px!important;
	}

	.home-info {
		width:100%;
		padding:15px;
	}

	.pub-row {
     	padding:10px;
	}

	.person-teasers {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
