/**
 * Theme Name:  Colloquial (Make child theme)
 * Theme URI:   https://thethemefoundry.com/wordpress-themes/make/
 * Author:      The Theme Foundry
 * Author URI:  https://thethemefoundry.com
 * Description: Create your website without touching a line of code. Make's flexible customization features and a powerful drag and drop page builder make designing your site fun and easy. Build almost anything: a simple portfolio or photography site, an ecommerce business site, a minimalist blog, or even a professional magazine. You'll start by customizing your background, layouts, fonts, colors, and logo. Next, add and organize your content using the drag and drop page builder. Add a photo, a video, a gallery, or even a slider to any page on your website. Make is responsive, so your website will naturally look great on phones, tablets, and desktop screens. It's also fully compatible with popular plugins like WooCommerce, Gravity Forms, Contact Form 7, Jetpack, and WP PageNavi.
 * Version:     1.0.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: make
 * Text Domain: make
 * Domain Path: /languages/
 * Tags:        black, blue, green, gray, orange, red, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
 *
 * Make WordPress Theme, Copyright 2014 The Theme Foundry
 * Make is distributed under the terms of the GNU GPL
 */
body {
	font-family:"futura-pt",sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family:"futura-pt",sans-serif;
}

#site-header .header-bar {
	display: none;
}

#site-header {
	color: #171717; 
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	display: none;
}

.admin-bar #site-header {
	top: 32px;
}
.site-header-main {
	background: none;
	padding: 0;
}

.site-header-main .container {
	max-width: 100%;
	padding: 0;
}

.site-branding {
	 padding: 20px 0px 0px 70px;
}

.site-branding.scrolled {
	padding: 0px;
}

.site-branding.scrolled .custom-logo {
	background-image:url('img/colloquial-logo-partial.png');
	width: 52px;
    background-size: initial;
    margin-top: 30px;
    height: 180px;
	-webkit-transition: all 0.5s linear;
   	-moz-transition: all 0.5s linear;
  	-ms-transition: all 0.5s linear;
  	-o-transition: all 0.5s linear;
  	transition: all 0.5s linear;    
    
}

.site-branding.scrollDark .custom-logo {
	background-image:url('img/colloquial-logo-partial-gray.png');
	width: 52px;
    background-size: initial;
    margin-top: 30px;
    height: 180px;
}

.site-navigation .menu li, .site-navigation .nav-menu li {
	display: block;
	text-align: right;
}

.site-navigation .menu li a, .site-navigation .nav-menu li a  {
  font-size: 6.6rem;
  font-weight: bold;
  line-height: 5.6rem;
  border: 0;
}

/* I know this is weird, the duplicate responsive style is specifically to override the parent stylesheet */
.site-navigation .social-menu {
	display:none;
}

.site-navigation.toggled {
	background: #fff;
  	width: 50%;
  	opacity: 0.9;
	min-height: 686px;
	zoom: 1;
}
@media screen and (max-width: 1000px) {
	.spacer{display:none;}
}	

@media screen and (max-width: 800px) {
.site-navigation.toggled {
	top: 0;
	right: 0;
	position:absolute;
	width: 100%;
	}
/*.site-navigation .menu-toggle {
	margin-top: -4em;
	}*/
.site-branding.scrolled + .site-navigation .menu-toggle {
	margin-top: -8em;
	}
}
.menu-toggle {
	font-size: 26px;
	font-size: 2.6rem;
	margin: 22px 0 0;
	margin:  2.2rem 0 0;
	padding: 10px 14px;
	padding:  1rem 1.4rem;
	cursor: pointer;
	text-align: right;
	color: #ffffff;
	border: 0;
	border-radius: 0;
	background-color: transparent;
}
	
.site-branding.scrollDark + .site-navigation .menu-toggle {
	color: #5a5959;
}	
	
@media screen and (min-width: 800px) {
	.site-navigation .menu, .site-navigation .social-menu {
		display: none; 
	}
		
	.site-navigation ul {
		display: none; }
	
	.menu-toggle {
		display: block; }
}
@media screen and (max-width: 895px)and ( min-width:800px) {
	.gallery-item .gallery-caption div {
		min-height:11em !important;
    }
}
.menu-toggle:before {
	font-family: FontAwesome;
	padding-right: 6px;
	padding-right: .6rem; 
	content: "\f0c9";
	}
	
.site-navigation.toggled .menu-toggle {
	color: #000000;
}

.site-navigation.toggled .menu-toggle:before {
	font-family: FontAwesome;
	padding-right: 6px;
	padding-right: .6rem; 
	content: "\f05c";
}

.menu-toggle, .site-navigation.toggled .nav-menu, .site-navigation.toggled .menu, .site-navigation.toggled .social-menu, .site-navigation.toggled ul {
	display: block; 
	}

.site-navigation .social-menu {
	position:absolute;
	right: 3px;
}

h3.nav-header {
	color:#f0553f;
}	

h3.nav-header .fa {
	color: #000000;
}

ul.header-social-links {
	margin: -7px 0 0 5px;
}

input.newsletter {
  background: transparent;
  border-bottom: 2px solid #f0553f;
  font-size: 11pt;
  min-width: 200px;
}

img.main-logo {
	margin-bottom: -60px;
}

.site-content {
	padding: 0;
}

.builder-section {
	margin-bottom: 0;
}
.home .builder-section-first.builder-section-banner {
/*	min-height: 686px; */
}

@media screen and (min-width: 700px) {
	.home .builder-section-first .builder-banner-slide {
		background-attachment: fixed; 
	}
}

.home .builder-section-first + .builder-section-prev-banner {
	background-color:#f0553f;
	color: #ffffff;
	padding: 60px 0px;
	text-align: center;
	margin: 0;
	font-size: 2.5rem;
}

.home .builder-section-first + .builder-section-prev-banner > h3.builder-text-section-title, .home .builder-section-prev-text.builder-section-text.builder-section-next-gallery > h3.builder-text-section-title {
	font-size: 4.2rem;
	margin: 3.2rem auto;
	text-align:center;
	font-family:"futura-pt",sans-serif;
}

.home .builder-section-last h3.builder-text-section-title  {
	font-family:"futura-pt",sans-serif;
	font-size: 4.2rem;
	margin: 2.2rem auto;
	color: #f0553f;
	text-align:center;
}

.about-button {
	display: inline-block;
	width: 160px;
	margin: 0px auto  6px auto;
}

.about-button:first {
	margin-left: 5px;
}

div.collapse-arrow {
	display:none;
}

img.expand-div, img.collapse-div {
	cursor:pointer;
}

.home .builder-section-first + .builder-section-prev-banner .ttfmake-button {
	border: 3px solid #ffffff;
}
.home .builder-section-prev-text.builder-section-text.builder-section-next-gallery {
	margin: 5.2rem auto;
}

ul.social-links {
 overflow: auto;
 margin: auto;
 max-width: 201px;
}
 
ul.social-links li {
 list-style-type: none;
 float: left;
}
 
ul.social-links li a i {
 color: #fff;
 width: 40px;
 height: 40px;
 font-size: 25px;
 text-align: center;
 margin-right: 10px;
 padding-top: 15%;
}


.builder-section-gallery .builder-section-content {
	max-width: 100%;
	padding: 0;
}

.home #gallery-1.gallery-columns-5 .gallery-item:nth-last-of-type(5n) {
	clear: left;
}

.gallery-caption {
	display: block;
	font-style: normal;
}
.gallery-caption div {
	min-height:9em;
}


.home .builder-section-prev-gallery.builder-section-postlist, .home .builder-section-prev-postlist {
	background-color:#fde6e2;
	padding-bottom: 30px;
}

.ttfmp-post-list-item {
	min-height: 440px;
	background-color:#ffffff;
}

.ttfmp-post-list-item-title, .ttfmp-post-list-item-date, .ttfmp-post-list-item-content {
	color: #939598;
	padding: 0 6px;
}

.builder-section-postlist .ttfmp-post-list-item-date a {
	color: #939598!important;
}

@media screen and (min-width: 500px) {
	.builder-gallery-columns-3 .builder-gallery-item {
		width: 33.3%;
	}
	.builder-gallery-columns-3 .builder-gallery-item.last-2:nth-child(2) {
		width: 66.6667%;
	}
	
}

.builder-gallery-item {
	margin: 0;
}

.builder-gallery-content {
	background-color:rgb(240,85,63);
	background-color:rgba(240,85,63,0.6);
	color: #ffffff;
	line-height: 2.5em;
	font-family:"futura-pt",sans-serif;
}

.builder-gallery-title {
	color: #ffffff;
  	padding: 6px;
  	border: 3px solid #fff;
  	width: 110px;
  	text-align: center;
  	margin: auto;
  	background-color:#f0553f;
}

.builder-gallery-description h2 {
	
}

.builder-gallery-columns-3.builder-gallery-captions-reveal .builder-gallery-item:first-of-type .builder-gallery-content {
	visibility: visible;
	display:block;
	background: transparent;
	color: #f0553f;
	font-family:"futura-pt",sans-serif;
	text-align:center;
}

.builder-gallery-columns-3.builder-gallery-captions-reveal .builder-gallery-item:first-of-type .builder-gallery-content .builder-gallery-description h2 {
	background: transparent;

}

@media screen and (max-width: 500px) {
	.builder-gallery-columns-3.builder-gallery-captions-reveal .builder-gallery-item .builder-gallery-content {
		visibility: visible;
		display:block;
	}
	.builder-gallery-columns-3 .builder-gallery-item.last-2:nth-child(2) .builder-gallery-image {
		min-height: 400px;
		overflow:hidden;
	}
	.builder-section-gallery .builder-section-content .builder-gallery-item:first-child h2{ font-size:44px;line-height:4.54rem;}
}

.builder-gallery-content-inner { 
	display: table; height: 100%; 
}

.builder-gallery-description { 
	display: table-cell; vertical-align: top; margin:auto;
}
.builder-section-gallery .builder-section-content .builder-gallery-item:first-child .builder-gallery-content-inner, 
.builder-section-gallery .builder-section-content .builder-gallery-item:first-child .builder-gallery-description,
.builder-section-gallery .builder-section-content .builder-gallery-item:first-child h2{ width:100%; display:block;}
@media screen and  ( min-width:870px) {
	.builder-section-gallery .builder-section-content .builder-gallery-item:first-child h2{ font-size:44px;line-height:4.5rem;} 
}

/*.builder-section-gallery .builder-section-content .builder-gallery-item:first-child .builder-gallery-description { vertical-align: top; }*/

@media screen and (max-width: 800px)and ( min-width:600px) {
	.builder-gallery-description h2 { 
		font-size: 24px; line-height: 24px; 
		}
}

@media screen and (max-width: 600px) and (min-width: 500px) {
	.builder-gallery-description h2 { 
		font-size: 18px; line-height: 18px;  margin-top:0;
		}
}

.builder-section-gallery .builder-section-content .builder-gallery-item:first-child .ttfmake-button { }
.builder-gallery-item { overflow: hidden; }
.builder-gallery-item:hover figure { -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all .2s ease-in-out;  transition: all .2s ease-in-out; }


/* .home .builder-section-prev-text.builder-section-text.builder-section-next-gallery */
section.builder-section.builder-section-prev-text.builder-section-text.builder-section-next-gallery.builder-text-columns-1 {
	background-image:url('img/orange-partial.png');
	background-repeat: no-repeat;
	background-position:0;
/*	background-attachment: fixed; */
	background-size: auto; 
	margin: 0;
	padding: 5.2rem 0;
	padding: 52px 0;
}

section.builder-section.builder-section-prev-gallery.builder-section-text.builder-section-last.builder-text-columns-1 {
	background-image:url('img/gray-partial.png');
	background-repeat: no-repeat;
	background-position:0;
/*	background-attachment: fixed; */
	background-size: auto;
	margin: 0;
	padding: 5.2rem 0;
	padding: 52px 0;
}

@media screen and (max-width: 600px) {
	section.builder-section.builder-section-prev-text.builder-section-text.builder-section-next-gallery.builder-text-columns-1 {
			background-image:url('img/orange-partial-sm.png');
			background-repeat: no-repeat;
	}
	section.builder-section.builder-section-prev-gallery.builder-section-text.builder-section-last.builder-text-columns-1 {
			background-image:url('img/gray-partial-sm.png');
			background-repeat: no-repeat;
	}
	 
}

.home .builder-section-prev-postlist .ttfmake-button, .home .builder-section-last .ttfmake-button {
	font-size: 160%;
}

.home .gallery-columns-6 .gallery-item {
	width: 16.6667%;
	margin: 0px;
}

.home .gallery-columns-6 .gallery-item .gallery-icon {
	margin-bottom: 10px;
}

.home .gallery-columns-6 .gallery-item .gallery-caption strong {
	font-size: 130%;
	line-height: 2em;
}

@media screen and (max-width: 800px) {
	.home .gallery-columns-6 .gallery-item {
		width: 49.5%;
	}
	.home .gallery-columns-6 .gallery-item:nth-last-of-type(2n) {
		clear:left;
	}
}

.site-footer .widget-area {
	margin: 0;
 
}
.site-footer *:not(select) {
	border-bottom: none!important; /* the parent stylesheet uses !important here, so I have to override it */
}
footer#site-footer.site-footer.footer-layout-2 {
	text-align:center;
	height: 40px;
	padding: 10px 0px;
}

@media screen and (max-width: 450px) {
	footer#site-footer.site-footer.footer-layout-2 {
		height: 100%;
	}
}

ul#menu-footer-widget-menu li {
	display: inline;
 	padding:0px 10px;
  	border-right: 1px solid #414042;
}
ul#menu-footer-widget-menu li a {
	color:#414042;
	height: 20px;
	font-weight: normal;
	white-space: nowrap;
}
ul#menu-footer-widget-menu li:last-of-type {
  	border-right: 0px;
}
.widget-area.inactive {
	display:none;
}
/* Temporary until I can find the source of the bad CSS Make is writing inline in wp_head();*/

#builder-section-1430842408524 .builder-banner-slide {
	padding-bottom: 686px!important;
}
.menu-footer-widget-menu, #footer-1 .widget_nav_menu {margin-bottom:0px !important; }

.play-icon {
	position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  right: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  z-index: 1000;
  font-size: 4em;
  color: #fff;
}