/*---------------------------------------------------------------------------------

Theme Name:   Trinity-Divi Child
Theme URI:    http://trinitynazarene.org
 Description:  Extend Divi with custom Trinity code
 Author:       Joseph Weber
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*
* ----START----
* Menu: Services -> Past Sermons 
* jweber - 20170722
* * Remove the Title of sermon series, so that only the image shows.
* * Adjust the spacing of the sermon series images.
*/
#post-24750 h3.wpfc_grid_title {
	display:none;
}

#post-24750 li.wpfc_grid_image {
	margin:0 10px 0px 0 !important;
	padding: 10px;
	width: 350px;
    max-height: 195px;
}
.wpfc_sermon-video-link {
        max-width: 500px;
}
#post-24750 ul#wpfc_images_grid {
	grid-template-columns: 33% 33% 33%;
	grid-template-columns: repeat( auto-fit, minmax(320px, 1fr) );
}


/* Series post listing */
.wpfc_sermon-video-link {
	margin-top:15px;
}
.wpfc_sermon_image img {
    width: 175px;
}
.tax-wpfc_sermon_series .wpfc-sermon-image-img {
	background-size:contain;
	background-repeat: no-repeat;
}

@media (min-width: 801px) {
.tax-wpfc_sermon_series .wpfc-sermon-image {
	flex: 0 40%;
}
}

.trinity_sermon_series_header {
	width: 50%;
	margin: auto;
}

.archive .wpfc-sermon-single-video {
    flex: 0 45%;
	margin-top:30px;
}
.archive audio.wpfc-sermon-player {
	width:90%;
}
/* ----END---- Menu: Services -> Past Sermons */




/* MYTRINITY Relocate menu to appear like a tab.
 * On hover, change text to say "Login"
 * jweber, 2018-02-11
 */
#top-menu-nav #menu-item-26685 {
    position:absolute;
    top:0px;
    right:-140px;
}
#top-menu-nav #menu-item-26685 span.et_pb_button {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}
#et-top-navigation #menu-item-26685 span.et_pb_button {
    background-color:#46a6a6;
	background-color:#fff;
	color:#eb593c;
	font-weight: 700;
	width: 110px;
    display: inline-block;
    text-align: center;
	transition:unset;
}
#et-top-navigation #menu-item-26685 a:hover {
	opacity:1;
}
#et-top-navigation #menu-item-26685 span.et_pb_button:hover {
	color:#fff!important;
	background-color:#555!important;
}
#et-top-navigation #menu-item-26685 span.et_pb_button:after {
	background-color:#555;
}
#et-top-navigation #menu-item-26685 span.et_pb_button span:after {
	content:'MYTRINITY';
}
#et-top-navigation #menu-item-26685 span.et_pb_button:hover span:after {
	content:'Login';
}



/* Trinity Anywhere Sermon Content */
.trinity-anywhere-latest {
	width: 57%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.trinity-anywhere-latest .wpfc-sermon-title {
	margin:30px;
}
.trinity-anywhere-latest h2 a {
	color:#54abab;
}
.trinity-anywhere-latest .wpfc-sermon-description {
    font-size: 23px;
    font-weight: bold;
}

.trinity-anywhere-previous.wpfc-sermon-inner {
	display: inline-flex;
	flex-basis: 0;
	flex-grow: 1;
	justify-content:center;
}
.post-28736 #wpfc-sermons-container {
	text-align: center;
	display: flex;
}
.trinity-anywhere-previous .wpfc-sermon-main {
	padding:10px;
	max-width:300px;
}
.trinity-anywhere-previous  .wpfc-sermon-title {
	padding-bottom:10px;
	font-style:italic;
}
.trinity-anywhere-previous .wpfc-sermon-description {
	font-size:17px;
}
.trinity-anywhere-previous iframe {
	min-width:321px;
	margin-left: -18px;
}