/*

 Theme Name:     Live Curiously for FireTree Builder

 Theme URI:      http://livecurious.ly/

 Description:    A custom child theme for FireTree Builder

 Author:         FireTree Design LLC

 Author URI:     https://firetreedesign.com

 Template:       firetree-builder

 Version:        1.0.0

*/

 

@import url("../firetree-builder/style.css");

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

 

/* =Theme customization starts here

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



body { font-family: 'Open Sans', sans-serif !important; }

a { text-decoration: none; color: #375F57; }

a:visited { color: #375F57; }

a:hover { text-decoration: underline; }



xheader .builder-container {	padding: 0 15px; }



/**

 * Header

 */



.header-image-title { color: #fff;	text-align: center;	padding: 0;	margin-top: 0; font-size: 2.7em; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3); }

.header-image-description {	font-size: 1.3em; color: #fff; text-align: center; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3); }

x.header-image {	padding: 60px 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.navbar-header { float: left; }

.site-logo { margin: 10px 25px 0 0; overflow: visible; padding: 0; }

.site-title img { height: 77px; }



/**

 * Navigation

 */



.primary-menu {	height: 100px; float: right; padding: 50px 0 0 0; }

.primary-menu > li { padding: 0 10px; }

.primary-menu > li > a { line-height: 1.5em !important; padding-top: 0 !important; padding-bottom: 0 !important; padding: 3px 5px !important; color: #375F57; font-size: 1em; font-weight: 700; text-decoration: none; text-transform: uppercase; }

.primary-menu > li > a:hover { background-color: #f0f0f0; }

.primary-menu > li:nth-of-type(n+2):after {	content: "/"; position: absolute; top: 0; left: 0; margin-left: -15px; font-size: 1.5em; line-height: 1.3em; color: #ccc; }

.primary-menu > li.current-menu-item > a,

.primary-menu > li.current-page-item > a { background-color: #CAE8E7; }



/**

 * Meal Count

 */



#header-meal-count { float: right; font-size: 11px; font-weight: bold; background-color: #e5e5e5; color: #000; text-align: center; padding: 4px 8px; margin: 25px 0 0 20px; text-transform: uppercase; }

#header-meal-count .meal-count { font-size: 34px; line-height: 34px; color: #375F57; text-shadow: 1px 0px 0px #fff; }

#header-meal-count a { color: #000; }

#header-meal-count span { text-decoration: underline; }



/**

 * Page Header Image

 */

 

.header-image,

.page-header-image { position: relative; overflow: auto; padding: 70px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 200px; }

.header-image:after,

.page-header-image:after { content: ''; position: absolute; top: 0; right: 15px; bottom: 15px; left: 0; background-repeat: no-repeat; background-position: right bottom; background-size: 50px; background-image: url("images/live_curious.png"); }

.page-header-image h2 { color: #fff; text-align: center; text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); }



/**

 * Sharing buttons

 */

.sharedaddy { padding-top: 15px; }



/**

 * Grid

 */

.grid [class^='col-'] {	padding-right: 30px; }



/**

 * Content

 */

.page-content { padding: 30px 0; }

.builder-container .content-area,

.main-content .fl-module-content,

.blog-posts .fl-post-feed-post,

.widget-area aside,

.sidebar aside,

.fl-builder-pagination,

article,

.comment-respond,

.nav-links,

.archive .page-header,

.pingback .comment-body { overflow: hidden; background-color: #fff; padding: 30px; }

article.home-feed { background-color: transparent; padding: 0; }

article.home-feed .entry-content { margin: 0; }

.builder-container .content-area.content-home { background-color: transparent; padding: 0; }

.builder-container .content-area.content-home .entry-content { margin-top: 0; }

.blog-posts .fl-post-feed-post { margin-bottom: 30px; }

article .entry-title,

.main-content .fl-module-content h1,

aside .widget-title,

.blog-posts .fl-post-feed-title { margin-top: 0; font-weight: 700; text-transform: uppercase; font-size: 1.3em; clear: none; line-height: inherit; }

article .entry-title,

article .entry-title a,

.main-content .fl-module-content h1,

aside .widget-title,

.blog-posts .fl-post-feed-title a { color: #000; }

article.hentry { margin-bottom: 0; }

article.post,

.archive .page-header { margin-bottom: 30px; }

article.post .entry-header { position: relative; }

body.home article.post,

.blog-posts .fl-post-feed-post { position: relative; width: 100%; }

.entry-featured-image img { width: 100%; height: auto; margin-top: 15px; }

article.post a,

article.page a {font-weight: bold; }



/**

 * Entry Meta

 */

.entry-meta,

.entry-meta a,

.comment-metadata,

.comment-metadata a,

.entry-meta-tags,

.entry-meta-tags a { color: #a7a7a7; font-size: 0.95em; font-weight: normal !important; }

.entry-meta .author a { font-weight: bold !important; }



/**

 * Comments

 */

article.post .entry-footer,

article.comment-body .reply { border-top: 1px solid #ddd; margin-top: 15px; padding-top: 20px; text-transform: uppercase; font-size: 0.9em; }

body.single article.post .entry-footer { border-top: 0; margin-top: 0; padding-top: 0; }

.comments-link a,

article.comment-body .reply a { color: #A7A7A7; font-weight: normal !important; }

.comments-link a:before,

article.comment-body .reply a:before { content: "\f0e5"; font-family: FontAwesome; padding-right: 5px; }

 .form-allowed-tags { display: none; }

.comments-title { padding-bottom: 20px; }

.comment-meta img.avatar { vertical-align: middle; margin-right: 5px; }

article.comment-body,

.comment-respond,

.pingback .comment-body { margin-bottom: 30px; }

.comment-metadata { margin-bottom: 10px; }

ol.comment-list { list-style: none; margin-left: 0; }

.comment.bypostauthor article.comment-body { position: relative; }

.comment.bypostauthor article.comment-body:before { content: "Post Author"; text-transform: uppercase; position: absolute; right: 0; top: 7px; font-size: 0.7em; background-color: #c0c0c0; color: #fff; padding: 1px 5px; }



/**

 * Speaking Schedule

 */

table.speaking-schedule th,

table.speaking-schedule td { padding: 3px 5px; }

table.speaking-schedule tr:nth-child(even) { background-color: #F0F0F0; }

table.speaking-schedule td:nth-of-type(2),

table.speaking-schedule td:nth-of-type(3) { border-left: 1px solid #E1E1E1; }



/**

 * Sidebar

 */

aside.widget { margin-bottom: 30px; }

aside.popular-posts ul { margin: 10px 0 0 0; }

aside.popular-posts ul li { list-style: none; margin-bottom: 20px; }

aside.popular-posts .wpp-thumbnail { margin-right: 10px; }



/**

 * MailChimp form

 */

aside.widget .mc4wp-form input[type=email] { display: inline-block; width: 70%; }

aside.widget .mc4wp-form input[type=submit] { width: 25%; height: 32px; background-color: #375F57; color: #fff; box-shadow: none; border: none; text-shadow: none; border-radius: 0; }



/**

 * Footer

 */

.site-footer { min-height: 200px; padding: 45px 0; position: relative; color: #fff; }

x.site-footer:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 30px; background-color: #3caa96; }

.site-footer .site-info { text-align: center; padding-top: 30px; }

.site-footer .widget-title { color: #000; }

.site-footer aside { padding-bottom: 10px; }

.site-footer aside.popular-posts ul { margin: 10px 0 0 0; }

.site-footer aside.widget_text ul { margin: 10px 0 0 0; }

.site-footer aside.widget_text ul li { list-style: none; margin-bottom: 10px; }

.site-footer a { color: #fff; text-decoration: none; }

.site-footer a:hover { text-decoration: underline; }



/**

 * Portfolio

 */

.curious-grid-container { padding: 15px 0; }

.curious-grid-item { float: left; overflow: hidden; margin: 0 12px 12px 0; background-color: #000; }

.curious-grid-item img { display: block; width: 100%; height: auto; opacity: 1; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.curious-grid-item:hover img { opacity: 0.5; }

.curious-fade { opacity: 0; -moz-transform: scale(.7); -webkit-transform: scale(.7); -o-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.curious-fade-in { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.curious-grid-item.width1 { width: 252px; }

.curious-grid-item.width2 { width: 516px; }

.curious-grid-item .curious-title,

.curious-grid-item .curious-social { opacity: 0; position: absolute; top: 15px; width: 100%; color: #fff; z-index: 2; text-align: center; font-weight: 600; font-size: 1.3em; text-transform: uppercase; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.curious-grid-item .curious-social { top: auto; bottom: 15px; font-size: 1.2em; }

.curious-grid-item:hover .curious-title,

.curious-grid-item:hover .curious-social { opacity: 1; }

.curious-grid-item .curious-social a { margin: 0 4px; color: #E0E0E0; text-decoration: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.curious-grid-item .curious-social a:hover { color: #fff; }

button.mfp-arrow,

button.mfp-close { border-color: transparent; box-shadow: none; }



/**

 * iPad - Landscape

 */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {



	/**

	 * Portfolio

	 */

	.curious-grid-item.width1 { width: 216px; }

	.curious-grid-item.width2 { width: 444px; }



}



/**

 * iPad - Portrait

 */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	

	.grid [class^='col-'] {	padding-right: 0px;	}

	

	.primary-menu { float: none; clear: both; padding-top: 0; height: auto; }

	.primary-menu > li { display: block; float: none; padding: 3px 0; border-bottom: 1px solid #c0c0c0; }

	.primary-menu > li:last-of-type { border-bottom: 0; }

	.primary-menu > li:after { display: none; }

	.primary-menu > li > a { font-size: 1.3em; text-align: center; }

	.site-logo img { height: 65px; }

	

	.builder-content .content-home .fl-module-content { margin-bottom: 0; }

	.builder-sidebar { padding-top: 0; }

	

	.hide-on-mobile { display: none !important; width: 0; height: 0; }

	

	.navbar-header { float: left; }

	.main-navigation { margin-top: -10px; }

	

	.menu-toggle { float: left; margin: 30px 20px 0 0; }

	.menu-toggle:after { content: ' Menu'; }

	.menu-toggle,

	.main-navigation.toggled ul { display: block; }

	.main-navigation ul { display: none; }

	

	/**

	 * Portfolio

	 */

	.curious-grid-item.width1 { width: 156px; }

	.curious-grid-item.width2 { width: 324px; }

}



/**

 * Other portrait tablets and most phones

 */

@media only screen and (max-width: 767px) {

	.grid [class^='col-'] { padding-right: 0px;	}

	

	.site-logo { margin-right: 0; }

	.site-logo img { width: 75%; height: auto; }

	

	.primary-menu { float: none; clear: both; padding-top: 10px; height: auto; }

	.primary-menu > li { display: block; float: none; padding: 3px 0; border-bottom: 1px solid #c0c0c0; }

	.primary-menu > li:last-of-type { border-bottom: 0; }

	.primary-menu > li:after { display: none; }

	.primary-menu > li > a { font-size: 1.3em; text-align: center; }

	.navbar-header { float: none; }

	#header-meal-count { float: none; margin: 0 10px; text-align: center; }

	#header-meal-count div { display: inline-block; padding: 0 5px; }

	

	.menu-toggle { float: left; margin: 5px 20px 0 0; }

	

	.header-image-title { font-size: 2em; }

	.header-image-description { font-size: 1em; }

	.header-image,

    .page-header-image { height: 120px; }

	

	.main-navigation { height: auto; }

	.builder-content .content-home .fl-module-content { margin-bottom: 0; }

	.builder-sidebar { padding-top: 0; }

	

	/**

	 * Portfolio

	 */

	.curious-grid-item.width1 { width: 100%; }

	.curious-grid-item.width2 { width: 100%; }

	

	/**

	 * Speaking Schedule

	 */



	table.speaking-schedule th { display: none; }

	table.speaking-schedule td { display: block; }

	table.speaking-schedule td:nth-of-type(1) { font-weight: bold; }

	table.speaking-schedule td:nth-of-type(2),

	table.speaking-schedule td:nth-of-type(3) { border-left: 0; }

}



/**

 * Other portrait tablets and most phones - Landscape

 */

@media only screen and (max-width: 767px) and (orientation: landscape) {



	.menu-toggle:after { content: ' Menu'; }

	.menu-toggle,

	.main-navigation.toggled ul { display: block; }

	.main-navigation ul { display: none; }



}




.primary-menu .sub-menu {
	padding: 10px;
	margin: 5px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
}

.primary-menu .sub-menu a {
	padding: 2px 4px;
	color: rgb(55, 95, 87);
}

.primary-menu .sub-menu a:hover,
.primary-menu .sub-menu a:focus,
.primary-menu .sub-menu a:active {
	text-decoration: none;
	background-color: #eee;
	width: auto;
}

.display-posts-listing {
	margin: 60px 0;
	list-style-type: none;
}

.display-posts-listing .listing-item:not(:last-of-type) {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	
}

.display-posts-listing .title {
	color: #000;
	margin-top: 0;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.3em;
	clear: none;
	line-height: inherit;
	display: block;
}

.display-posts-listing .title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
}

.display-posts-listing .date,
.display-posts-listing .author,
.display-posts-listing .category-display,
.display-posts-listing .category-display a{
	display: inline-block;
	color: #a7a7a7;
	font-size: 0.95em;
	font-weight: normal;
}

.display-posts-listing .content {
	padding-top: 10px;
}