Theme Name: Collective Child
Theme URI:  http://collective.stonedthemes.com/
Description: A child theme of Collective Theme
Author: StonedThemes
Author URI: http://stonedthemes.com/
Version: 1.0
Template: collective
*/
@import url("../collective/style.css");


/********************************
 sitewide
********************************/

/* Add padding */
.stoned-container{
    /*padding: 0 30px;*/
    padding: 0 100px !important;
}

.pad-bottom {
    padding-bottom: 30px;
}

/* this is a hack - really should be removed and the page templates updated to remove the unused sidebar and set main section class to .col-md-12. */
.col-md-8 {
    width: 100% !important;
}

.col-md-offset-2 {
    margin-left: 0px !important;
}

/* Set custom link color */
body:not(.home) .main a {
    color: #5a8e99;
    text-decoration: underline;
}

/* main nav bigger font */
.header-v1 .menu > li > a {
    font-size: 16px;
    font-weight: 700;
}

/* get rid of 'loading' animation that sometimes gets stuck */
#loading-container { 
    display: none;
}

/* no titles anywhere */
/*
.page:not(.home) .page-title  {
    display: none; 
}
*/

/* title banner on each PAGE (set up individually in page options) */
.page-subheader-text {
    display: grid;
    align-items: center;
    /* justify-items: center; */
    /* text-align: center; */
}

.page-subheader-text * {
    color: #eeeeee;
}


/********************************
 homepage
********************************/

#about p a {
    text-decoration: underline;
    color: #607070 !important;
    font-weight: 700;
}

/* no title on homepage */
.home .page-title {
    display: none;
}

.home h5 {
	font-size: 16px;
}

/********************************
 News
********************************/

/* News page filter add top margin */
.vc_grid-filter {
    margin-top: 22px;
}

.single-blog-content {
    color: #151515 !important;
}

.single-blog-content a {
    color: #5a8e99 !important;
}

/********************************
 Pods general
********************************/

/* Removes featured image and blog meta content from single pods pages */
.single-people .single-blog-post-media, .single-blog-details {
    display: none !important;
}
.single-project .single-blog-post-media, .single-blog-details {
    display: none !important;
}
.single-publication .single-blog-post-media, .single-blog-details {
    display: none !important;
}

.single-item-details {
    
}

.single-item-details td {
    border: none;
    text-align: left;
    padding-left: 25px;
}


/********************************
 People
 ********************************/

.people-tile {
    float: left;
    text-align: center;
    width: 200px;
    height: 200px;
    border: none;
    margin: 15px;
    padding: 10px;
    background-color: #ffffff;
}

/* to display project tiles on People pages */
.project-tile-200x {
    float: left;
    text-align: center;
    width: 200px;
    height: 245px;
    border: 2px solid black;
    margin: 14px;
    padding: 20px;
    background-color: #ffffff;
}

/* don't underline */
.people-tile a:link, a:visited {
    text-decoration: none;
}

/* single-person-pod-template */
/* float position(s) to bottom right of image */
.person_clearfix {
	display: flex;
}
.person_thumbnail {
	float: left;
}
.person_position {
	float: left;
	padding-left: 20px;
	margin-bottom: -10px;
	display: flex;
}
.person_position span {
	align-self: flex-end;
}
.person_clearfix::after {
	content: "";
	clear: both;
}

/* people admin page - 
 * remove the edit 'position' icon
 * this edits the global 'position' 
 * attribute */

li.pods-dfv-list-edit a {
	display: none !important;
}


/********************************
 Publications
********************************/

/* indent list of publications */
.publication-single .pub_items {
    padding-left: 25px; 
    display: inline-block;
}

.publication-item {
    padding-left: 25px;
}

/********************************
 Projects
********************************/

.project-tile {
    float: left;
    text-align: center;
    width: 240px;
    height: 250px;
    border: 2px solid black;
    margin: 18px;
    padding: 20px;
    background-color: #ffffff;
}

/* don't underline */
.project-tile a:link, a:visited {
    text-decoration: none;
}

.single-project>.container a {
    color: #5a8e99;
    text-decoration: underline;
}

/* center optional header image on single project page */
.project-header-image > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ====BREAKPOINTS FOR DIFFERENT SCREENS==== */

@media only screen and (max-width: 768px) {
    
    /* hide homepage banner on narrower screens */
    #home-banner-static {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    
    /* remove homepage icons when there isn't room */
    #home-banner-static .icon-container {
        display: none;
    }
	
	#home-banner-static h5 {
		text-align: center;
	}

    .page-subheader-text {
        height: 230px;
    }
}

@media only screen and (min-width: 960px) {
    

    /* show homepage icons when there is room */
    #home-banner-static .icon-container {
        display: inline-block;
    }
    /* page widths are max 960px except for fullscreen homepage */
    body:not(.home) .main {
        width: 960px;
        margin: auto;
    }
    
    /* add this if you want to constrain to 960 (see People page) */
    .container {width: 960px !important;}
    
    .post-featured-image img {
		max-width: 50%;
	}
}

@media only screen and (min-width: 1200px) { /* desktop displays, laptops */
    
    body:not(.home) .main {
        width: 1200px;
        margin: auto;
    }

    /* Increase font size of main menu */
    #menu-menu.menu ul {
        font-size: 16px;
    }
	
	/* justify text in ABOUT box on homepage */
	#about p {
		text-align: justify;
	}
}