/*
 Theme Name:   Enfold Child
 Description:  Enfold Child Theme
 Author:       Quran Karriem, Rebecca Uliasz & Sarah Riazati
 Template:     enfold
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  enfoldchild
*/


/*
* PLEASE DO NOT EDIT THIS FILE!
*
* This file is only in your themefolder for WordPress to recognize basic theme data like name and version
* CSS Rules in this file will not be used by the theme.
* Instead use the custom.css file that is located in your themes /css/ folder to add your styles.
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->General Styling
*/

/* Article / Post Slider Updates for News Section */
div.avia-content-slider > div.avia-content-slider-inner {
	overflow: visible;
}

#top.page-id-206 #wrap_all .main_color .slide-entry.flex_column {
	padding: 0px;
	background: white;
}

#top.page-id-206 #wrap_all .main_color h3.slide-entry-title {
	font-size: 1.05em;
}

div.slide-entry-wrap {
	padding: 8px;
}
article.slide-entry.post-entry {
	/*border: 1px black solid;*/
	background-color: white;
	box-shadow: 0px 0px 5px #888;
	border-radius: 3px;
}

article.slide-entry.post-entry > a.slide-image {
	height: 13em;
	width: 100%;
	border-radius: 3px 3px 0px 0px;
}

article.slide-entry.post-entry > a.slide-image > img {
	object-fit: cover;
	object-position: 50% 50%;
	width:100%;
	height:13em;
	border-radius: 3px 3px 0px 0px;
}

article.slide-entry.post-entry > div.slide-content {
	height: 6.5em;
	margin: 0 10px;

}

article.slide-entry.post-entry > div.slide-content > header.entry-content-header {
	height: 6.5em;
	max-width:300px;
 	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
 	overflow:hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
}

div.slide-entry-wrap > article.slide-entry.post-entry > div.slide-content > header.entry-content-header > h3.slide-entry-title.entry-title > a{
	font-size: .9em;
	line-height: .5em;
	color: #222 !important;
	font-family: 'Arial', sans-serif;
}

article.slide-entry.post-entry > div.slide-content > header.entry-content-header > span.blog-categories.minor-meta, article.slide-entry.post-entry > div.slide-content > header.entry-content-header > span.blog-categories.minor-meta > a {
	display: none;
}

article.slide-entry.post-entry > footer.entry-footer > .slide-meta > time {
	margin-left: 1.5em;
	color: #012169;
}

/* Portfolio (Project & Publication) Browser */
.grid-sort-container .grid-entry{
	padding: 15px;
}


div.grid-entry.post-entry .inner-entry .grid-content {
	max-height:70px;
	min-height:70px;
	background-color: #007EA7;
	padding: 15px;
}

div.grid-entry.post-entry .inner-entry .grid-content header.entry-content-header h3.entry-title{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	background-color: #007EA7;
	color: white;
	text-overflow: ellipsis;
	text-align: center;
	vertical-align: middle;
}

div.grid-entry.post-entry .inner-entry .grid-content .avia-arrow{
	display: none;
}

div.grid-entry.post-entry .inner-entry .grid-content header.entry-content-header h3.entry-title a {
	display: block;
	font-size:0.45em;
	line-height: 1.3em;
	vertical-align:middle;
}

div.grid-entry.post-entry .inner-entry .grid-content header.entry-content-header h3.entry-title title {
	color:white;
}

/*Page Title*/

#top .alternate_color.title_container .main-title a {
    //color: #001A57;
}
/* Events */

#top #wrap_all .all_colors h4.av-upcoming-event-title{
	padding: 0.5em;
	font-size: 1.25em;
	font-family: 'Helvetica', sans-serif;
	line-height: 1.5em;
	text-align: center;
	color: white;
	background-color: #012169;
}

.av-upcoming-events {
	display: flex;
  flex-flow: row wrap;

}

.av-upcoming-event-entry {
	border-radius: 3px;
	box-shadow: 0px 0px 5px #888;
	background: white;
	max-width: 28em;
	min-width:18em;
}

.av-upcoming-event-meta {
	text-align: center;
	color: #012169;
	padding: 0.5em 0.5em 1em 0.5em;
	font-family: 'Helvetica', sans-serif;
}