/*======================================
Theme Name: TOB Theme
Theme URI: https://theologyofthebody.com/
Description: Theology of the Body Institute
Version: 1.0
Author: Michael Marchand
Author URI: http://projectym.com
Template: Divi
======================================*/



.trajan, .et_pb_toggle_title { font-family: 'Trajan', trajan-pro-3 !important; font-weight: 400 !important; }


.blogsquare {
	position: relative;
}

	.blogsquare.dark {
		 background:#000;
	}
	
	#sidebar .blogsquare {
		margin-bottom: 35px;
	}
	
	

	.blogsquare .blogsquare-text {
		position: absolute;
		top: 0; 
		left: 0; 
		height: 100%;
		color:#ffffff; 
		font-size: 30px; 
		font-weight:700;
		padding: 0px 20px 0px 20px; 
		text-align: center;
		line-height: 1.1em;
		font-family: Open Sans;
		display: flex;
	}
	
		.blogsquare .blogsquare-text .text-inner {
			margin: auto;	
		}
		
			#sidebar .blogsquare .blogsquare-text {
				font-size:20px;
			}
		
			.blogsquare .blogsquare-text p.post-title {
				padding: 8px 4px;
			}
			
			.blogsquare .blogsquare-text p.post-author {
				margin-top: 0px;
				font-size: 16px;
				text-transform: uppercase;
			}
			
				#sidebar .blogsquare .blogsquare-text p.post-author {
					font-size: 14px;	
				}	
	
	.blogsquare img {
		opacity: .1;
	}
	
		.blogsquare:hover img {
			opacity: 1;
		}
		
		
		/* LIGHT */
		.blogsquare.light {
			 background:#fff;
		}
		
		.blogsquare.light .blogsquare-text {
			 color:#1d1f7e;
		}
		
			.blogsquare.light:hover .blogsquare-text p.post-title {
				background:rgba(29, 31, 126, .9);
				color:#fff;
				padding: 8px 4px;
			}
			
			.blogsquare.light .blogsquare-text p.post-author {
				color:#8c8c98;
			}
			
				.blogsquare.light:hover .blogsquare-text p.post-author {
					color:#ffffff;
					text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
				}
				
			

				
/**** BLOGFEATURE ****/
.blogfeature {
	width:100%;
	max-width: 1080px;
	margin: 0 auto 0px auto;
    display: inline-block;
}
	.blog-feed .blogfeature {
		margin-bottom:40px;	
	}

	.blogfeature .post-image {
		width: 30%;
		float: left;
	}
	
		.blogfeature .post-image img {
			border: 1px solid #ededed;	
		}	
	
	.blogfeature .post-text {
		width: 65%;
		margin-left: 5%;
		float: left;
		max-height: 300px;
		position: relative;
	}
	
		.blogfeature .post-text .blogfeature-spacer {
			width: 100%;
		}
		
		.blogfeature .post-text .post-text-inner {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding-bottom: 20px;
			display: flex; 
		}
		
	
			.blogfeature .post-text .post-text-inner .post-text-content {
				margin: auto 0;
				width: 100%;
			}
		
				.blogfeature .post-text .post-text-inner .post-text-content h1.post-title {
					font-size: 42px; 
					font-weight:700;
					padding: 0 0px 0px 0px; 
					text-align: left;
					line-height: 1.1em;
					font-family: Open Sans;
					color: #1f1f7e;
				}
				
					.blogfeature.medium .post-text .post-text-inner .post-text-content h1.post-title {
						font-size: 24px;
					}
					
					
				
				.blogfeature .post-text .post-text-inner .post-text-content .post-author {
					margin-top: 6px;
					font-size: 16px;
					text-transform: uppercase;
					text-align: left;
				}
				
				.blogfeature .post-button {
					display: inline-block;
					background: #393d40;
					color: #ffffff;
					font-size: 16px;
					padding: 4px 12px;
					font-family: Open Sans;
					text-decoration: none;
					margin: 10px 10px 0 0;
				}
				
					.blogfeature .post-button.read-it {
						background: #3da759;	
					}
					
					.blogfeature .post-button.read-it:hover {
						background: #1e1f7e;	
					}
					
					
		.blogfeature .social-share .swp_social_panel {
			margin: 10px 0 0 0 !important;
		}	
		
			.blogfeature .social-share .swp_social_panel .swp_facebook {
				margin-left: 0 !important;
			}
					
					

				
.blog-row { max-width: 1080px !important; }
	



/** HOMEPAGE **/


.et_pb_fullwidth_slider_0 .et_pb_slide_description .et_pb_slide_title h1{
font-family: 'Trajan', trajan-pro-3 !important; }

#homepage-blogfeed .blogsquare {
	width: 28.333% !important;
    margin: 0 2.5% 0 2.5% !important;
	float: left;
}

#what-is-tob-institute a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: 600;
}

	#what-is-tob-institute a:hover {
		text-decoration: none;
		color: #dcae6a;
	}


/** BLOG SIDEBAR **/

.square-resource-ad {
	width:47% !important;
	float: left !important;
	margin-bottom: 15px;
}

	.square-resource-ad:nth-child(odd) {
		margin-right:6%;
	}

		
/** BLOG POST PAGE **/

.top-section-mobile { display: none; }

.top-section {
	background: #fafafa;
    border-top-width: 1px;
	border-top-color: #f9f9f9;
	padding: 80px 0;
}

	.top-section .top-content {
		width: 80%;
		max-width: 1080px;
		margin: 0 auto;
	}
	
.blog-post-content .container {
	padding-top: 80px !important;
}
	
.blog-post-content .entry-content {
	padding-top: 0 !important;
	font-size: 14pt;
}

	.blog-post-content .entry-content h2 {
		font-family: 'Trajan', trajan-pro-3 !important;
		font-weight: 700 !important;
		color: #1e1f7e;
		margin: 30px 0 15px 0 !important;
		border-top: 1px solid #eeeeee !important;
		border-bottom: 1px solid #eeeeee !important;
		padding: 10px 15px !important;
	}
	
	.quote-excerpt {
		margin: 20px 20px 35px 20px;
		padding: 20px 20px;
		opacity: .8;
		background: #f9f9f9;
		border: 1px solid #e8e8e8;
		font-size: 80%;
	}

.blog-post-content #sidebar {
	width: 25%;
	padding-left: 0;
}

	.blog-post-content #sidebar .et_pb_widget {
		margin-bottom: 70px;
	}

.blog-post-content #left-area {
	width: 65%;
	margin-right: 10%;
	padding-right: 0;
}

#sidebar h4.widgettitle {
	text-align: center;
	font-family: 'Trajan', trajan-pro-3 !important;
	font-size: 24px;
	color: #1e1f7e;
}

.blog-post-content .bottom-section {
	padding: 55px 5%;
	background: #1e1f7e;
}

#comment-wrap { display: none; } /* HIDE COMMENTS */
	


/** SITE PAGES **/

#endorsements p {
	font-weight: 600 !important;
}

#endorsements h2 { display: none; }

#endorsements h3 {
	font-family:  'Trajan', trajan-pro-3 !important;
	font-size: 18px;
	color: #5c3a0a !important;
	text-transform: uppercase;
	margin-top: 10px;
	text-shadow: none;
	font-weight: 600;
}




/** EVENTS **/

#event-feed {
	
}

	#event-feed .type-tribe_events {
		width: 30%;
		float: left;
		margin: 0 2.5%;
		position: relative;
	}
	
	#event-feed .tribe-events-list .tribe-events-loop .tribe-events-event-image {
		width: 100%;
		margin-bottom: 70px;
	}

	#event-feed .tribe-events-read-more,
	#event-feed .tribe-events-venue-details a {
		display: none;	
	}
	
	.tribe-events-list-event-title {
		position: absolute;
		bottom: 40px;
		font-family: 'Trajan', trajan-pro-3 !important;
		text-align: center;
		color: #1f1f7e;
		margin: 0 auto;
		width: 100%;
	}
	
	.tribe-events-event-meta {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		height: 30px;
		font-family: "Open Sans";
		font-size: 16px !important;
	}
	
		.tribe-events-event-meta .tribe-events-venue-details {
			margin: 0;
		}
		
.mfm-event {
	padding-bottom: 40px;
}		
		
	.mfm-event .city-name {
		font-size: 24px;
		color: #ffffff;
		font-family: "Open Sans";
		font-weight: 900;
		text-transform: uppercase;
		text-align: center;
	}
	
	.mfm-event .event-date {
		font-size: 20px;
		color: #ffffff;
		font-family: "Open Sans";
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		opacity: .8;
	}
	
	.mfm-event .ticket-link {
		display: inline-block;
		width: 50%;
		max-width: 200px;
		margin: 0 auto;
		text-align: center;
		background: #5b3064;
		padding: 4px;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		border-radius: 8px;
		opacity: .8;
	}
	
		.mfm-event .ticket-link:hover {
			opacity: 1;
			background: #ffffff;
			color: #5b3064;
		}
	
	
	
#event-request-form {
	width: 650px;
}	



	
	
/** MENU **/
.free-search-container, .free-search-container .free-search-outer, .free-search-container .et-search-form, .free-search-container .et-search-form input {
    height: auto!important;
    color: #1f1f7e !important;
    font-size: 18px;
}



/** FOOTER **/

#contact-form h2 {
	text-align: center;
	font-family: 'Trajan', trajan-pro-3 !important;
	font-size: 26px;
	color: #1e1f7e;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#main-footer {
	background-color: #141319 !important;
}

	#main-footer #footer-bottom {
		background-color: #141319 !important;
	}
	

/** FULL IMAGE SLIDER **/
.full-image-slider .et_pb_slide {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.full-image-slider .et_pb_slide:first-child .et_pb_slide_image img.active {
 animation: unset !important;
}

.full-image-slider .et_pb_container {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

.full-image-slider .et_pb_slide_image img {
  max-height: none !important;
  width: 100% !important;
}

.full-image-slider .et_pb_slide_image {
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  position: relative !important;
  width: 100% !important;
  display: block !important;
    -webkit-animation-name: fade !important;
    -moz-animation-name: fade !important;
    -ms-animation-name: fade !important;
    -o-animation-name: fade !important;
    animation-name: fade !important;
}

.full-image-slider .et_pb_slider_container_inner {
  position: relative;
}

.full-image-slider .et_pb_slide_description {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right:  0 !important;
  padding: 0 !important;
  margin: 0 !important;
width: auto !important;
height: auto !important;
}

.full-image-slider .et_pb_slide_description .et_pb_button_wrapper,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a:hover {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
 color: rgba(0, 0, 0, 0) !important;  
  border: none !important;
  background: none !important;
}

.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider .et_pb_slide_description .et_pb_slide_title,
.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider .et_pb_slide_description .et_pb_slide_content,
.full-image-slider .et_pb_slide_description .et_pb_slide_title,
.full-image-slider .et_pb_slide_description .et_pb_slide_content {
  display: none;
}
	
	
	



/** MOBILE **/

@media (max-width: 980px) {
	.et_header_style_split #et_mobile_nav_menu {
		margin-top: 0;
	}
	
	.blogfeature.medium {
		margin-bottom: 15px;
	}
	
	.blogfeature.medium .post-text .post-text-inner .post-text-content h1.post-title {
		font-size: 16px;
		padding-top: 5px;
	}
	
	.blogfeature.medium .post-text .post-text-inner .post-text-content .post-author {
		font-size: 12px;
		margin-top: 0;
	}
	
	.blogfeature.medium .post-text .post-text-inner .post-button {
		display: none;
	}
	
	.top-section-mobile { display: block; }
	.top-section { display: none; }
	
		.top-section-mobile .post-details {
			padding: 30px 20px; 
			text-align: center;
		}
	
			.top-section-mobile .post-details h1.post-title {
				font-size: 32px; 
				font-weight:700;
				padding: 0 0px 0px 0px; 
				text-align: center;
				line-height: 1.1em;
				font-family: Open Sans;
				color: #1f1f7e;
			}
			
			.top-section-mobile .post-details .post-author {
				margin-top: 10px;
				font-size: 16px;
				text-transform: uppercase;
				text-align: center;
			}
			
		.top-section-mobile .featured-image {
			width: 100%;
			height: 250px;	
			object-fit: cover;
		}
	
	.blog-post-content .container {
		width: 90%;
		padding-top: 30px !important;
	}	
		
	.blog-post-content .entry-content {
		font-size: 12pt;
	}
	
		.blog-post-content .entry-content h2 {
			font-size: 14pt !important;
			padding: 10px 0 !important;
		}
	
	#sidebar .blogsquare {	
		width: 80% !important;
    	margin: auto !important;
    	height: 100% !important;
	}
	
	#sidebar .et_pb_widget {
		text-align: center;
		margin-bottom: 40px !important;
	}
	
	
	#sidebar .widget_media_image {
		width: 80% !important;
    	margin: auto !important;
    	height: 100% !important;
	}
		
		#sidebar .widget_media_image img {
			width: 100% !important;
			height: auto !important;
		}
	
	.blog-post-content .bottom-section {
		padding: 25px 5% !important;
		margin-top: 40px;
	}
	
#event-request-form {
	width: 450px;
	max-width: 90%;
}	

.blogfeature .social-share .swp_social_panel {
	margin-top: 2px !important;
}

.social-share .swp_social_panel span.iconFiller {
	font-size: 14px !important;	
	height: 24px !important;
}

.social-share .swp_social_panel .sw {
	line-height: 24px !important;
	height: 24px !important;
}

.social-share .swp_social_panel span.swp_share {
	height: 24px !important;
}

.social-share .swp_social_panel a.swp_share_link {
	height: 24px !important;
}	

.social-share .swp_social_panel .swp_share_button {
	height: 25px !important;
}

}

/* IPHONE X – MAYBE NOT NEEDED */
@media only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (   min--moz-device-pixel-ratio: 3),
  only screen and (     -o-min-device-pixel-ratio: 3/1),
  only screen and (        min-device-pixel-ratio: 3),
  only screen and (                min-resolution: 458dpi),
  only screen and (                min-resolution: 3dppx) {
	  
	.et_header_style_split #et_mobile_nav_menu {
		margin-top: 0;
	}
	
	.blogfeature.medium .post-text .post-text-inner .post-text-content h1.post-title {
		font-size: 16px;
		padding-top: 5px;
	}
	
	.blogfeature.medium .post-text .post-text-inner .post-text-content .post-author {
		font-size: 12px;
		margin-top: 0;
	}
	
	.blogfeature.medium .post-text .post-text-inner .post-button {
		display: none;
	}
	
}