/**
 * Theme Name:  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
 */

@import url( '../make/style.css' );
@import url('search.css');
@import url('genericons.css');

/* Add your custom styles below. */


/*-------------------------------------------------------*/
/* General                                                    */
/*-------------------------------------------------------*/

.clear {
	clear: both;
}



/*-------------------------------------------------------*/
/* Fixed background and transparent header */
/*-------------------------------------------------------*/

.site-header-main {
	background-color: rgb(255,255,255);
}

.header-bar {
	border-bottom: none;
	background-color: rgb(255,255,255);
}

#site-wrapper {
	position: relative;
}



/*-------------------------------------------------------*/
/* Header */
/*-------------------------------------------------------*/

/* expanding the width */

body.boxed .header-bar .container {
	padding: 0 2rem;
}

.site-header-main {
	padding-bottom: 0.5rem;
}

.header-bar .menu {
	margin-left: 0;
}

.header-bar .search-form {
	padding: 3px 0;
}

#menu-header {
	margin-bottom: 0;
}

body.boxed .site-header-main .container {
	padding: 0 2rem;
}

.site-title {
 	text-shadow: rgb(255, 255, 255) 0px 0px 30px;
}

.site-navigation .menu li a, .font-nav {
 	text-transform: uppercase;
 	text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}

.site-header-main {
	padding-top: 1.5em;
}

.site-description {
	padding-left: 5px;
}


/*-------------------------------------------------------*/
/* Language switcher - next to search */
/*-------------------------------------------------------*/

/* #left-search float right is in search.css */

#left-search {
	height: 40px;
	line-height: 40px;
	padding-right: 10px;
}

#left-search a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

#left-search a:hover {
	color: #666;
}



/*-------------------------------------------------------*/
/* Content area */
/*-------------------------------------------------------*/

/* 
.site-content {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 1px;
}
 */
 
#site-main {
	position: relative;
	margin-top: 0;
}

nav.navigation.post-navigation {
	display: none;
}

.post {
	padding-bottom: 0;
	border-bottom: none;
}

.featured-images {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}



/*-------------------------------------------------------*/
/* Headings */
/*-------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal !important;
 	
}

/* for programmed pages to match builder template */

.page-template-default h1.entry-title {
	margin-bottom: 40px;
}



/*-------------------------------------------------------*/
/* Home */
/*-------------------------------------------------------*/

.home .actionable-headings {
 	text-transform: uppercase;
 	font-family: "Roboto Condensed";
 	font-size: 24px;
}

.home h2 a {
	font-weight: normal !important;
}

.home .byline {
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 14px;
}

.home .action-link a {
	font-weight: normal;
	color: #555;
	border: 1px solid #aaa;
	padding: 0.5em 0.75em;
}

.home .action-link {

}
	
#builder-section-1417190132410, #builder-section-1417194384441 {
	background-color: #d1e6eb;
	padding-bottom: 4rem;
	margin-bottom: 0;
}

.home .site-content {
	padding-bottom: 0;
}



 /*-------------------------------------------------------*/
/* Entry headers */
/*-------------------------------------------------------*/

.builder-text-content .entry-title {
	clear: left;
	line-height: 100px;
}

ul.action-buttons {
	list-style: none;
	float: right;
	margin-bottom: 2em;
	overflow: auto;
}

.action-button-wrapper:after {
	content: "";
	display: table;
	clear: both;
}

ul.action-buttons li {
	display: block;
	margin-left: 20px;
	float: left;
}

ul.action-buttons a {
 	text-transform: uppercase;
 	font-family: "Roboto Condensed" !important;
	font-size: medium;
	font-weight: bold;
	color: #1491b3;
}



/*-------------------------------------------------------*/
/* Projects */
/*-------------------------------------------------------*/


.filter-box {
	display: inline-block;
	margin-right: 20px;
}

.filter-box label {
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	color: #0d6188;
	font-size: 12px;
}

.filter-box input[type="button"] {
	margin-right: 5px;
}

.filter-box input[type="text"] {
	background: #fff;
}


.filter-box-wrapper {
	background: #f0f0f0;
	padding: 1em;
	margin-bottom: 3em;
	clear: both; 
	margin-top: 75px;
}

.project {
	margin-bottom: 4em;
	overflow: auto;
}

.project img {
	float: left;
}

.project h2 {
	font-size: 24px;
	clear: none;
	margin-top: 0;
}

.project-description h2, .project-description h2 a {
	color: #0093b6;
}

div.project-thumb {
	display: none;
}

@media screen and (min-width: 700px) {
	div.project-thumb {
		float: right;
		display: block;
	}
}

.project-description {
	margin-left: 180px;
}

.archive-list {
	clear: both; 
	margin-top: 100px;
}

.archive-message {
	font-weight: bold;
	background-color: #e0e0e0;
	padding: 1em;
	margin-right: 170px;
	margin-bottom: 1.75em;
}

.builder-banner-slide {
	padding-bottom: 259px;
}

#custom-collapse-0-personnel .panel-body .js-wpv-view-layout > div {
	display: inline;
	margin: 0 -0.25rem;
}



/*-------------------------------------------------------*/
/* Members */
/*-------------------------------------------------------*/

.member {
	margin-bottom: 20px;
	margin-bottom: 2rem;
	overflow: auto;
}

.flexbanner.member-banner {
	margin-bottom: 30px;
	margin-bottom: 3rem;
	border-top: 4px solid #3b8eb0;
}

.flexbanner.member-banner .slider-category {
	margin-left: 20px;
}

.member.contact {
	clear: both;
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}	

.member img {
	display: block;
}

.member h3 {
	clear: none;
	font-size: 25px;
	font-size: 2.5rem;
}

.member h4, .affiliated-member h4 {
	clear: none;
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 16px;
	font-size: 1.6rem; 
	font-weight: normal;
	text-transform: uppercase;
}

.member h4 a {
	color: #0093b6;
}

.affiliated-member h4 {
	font-weight: bold !important;
}

.site-main {
	margin-top: 40px;
	margin-top: 4rem;
}

.heading-no-link {
	font-weight: bold !important;
}

@media screen and (min-width: 500px) {
	.member.contact {
		margin-bottom: 0;
	}

	.member img {
		float: left;
	}

	.member-info {
		margin-left: 180px;
	}

	.member.contact .member-info {
		margin-left: 220px;
	}
	
	.member-info h3 {
		margin-top: 40px;
		margin-top: 4rem;
	}
	
	.member-info h4 {
		margin-top: 0;
	}

}

@media screen and (min-width: 768px) {
	.member-banner {
		background: #FFF url('http://mbmc-cmcm.ca/mbmc/wp-content/uploads/2015/07/LOGO-thumb-150x150.jpg') bottom right no-repeat;
	}

}

/*-------------------------------------------------------*/
/* Bootstrap */
/*-------------------------------------------------------*/

.panel-group {
	margin-top: 2em;
}

.panel-title {
	padding: 5px 10px;
	border: 0px solid #aaa;
	background: linear-gradient(to right bottom, #fafcfc 10%, #eef4f5 35%, #fafcfc 75%);  
}

/* used jQuery to add .collapsed to a.accordion-toggle on load */

.panel-heading .accordion-toggle:after {
    /* open panels */
    font-family: 'Genericons'; 
    content: "\f405";        /* "\f32"; */
    float: right;
    color: #53adc7;
    font-size: 18px;
    line-height: 22px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* collapsed panels */
    font-family: 'Genericons'; 
    content: "\f419";  /* "\f31";  */
}

/* 
#custom-tabs-0 li {
	width: 33.3333333333%;
}
 */

.tab-padding {
	padding-top: 20px;
	padding-top: 2rem;
}



/*-------------------------------------------------------*/
/* Media */
/*-------------------------------------------------------*/

.slide-holder {
	min-height: 200px;
	min-height: 20rem;
/* 
	height: 200px;
	height: 20rem;
 */
	margin-top: 20px;
	margin-top: 2rem;
	position: relative;
}

.slide-text {
	padding-right: 20px;
	padding-bottom: 20px;
}

.slide-text h3 {
	clear: none;
}

.slide-image {
	float: left;
	margin-right: 20px;
}

.slide-controls {
	position: absolute;
	bottom: 0;
	right: 40px;
}

.media-crumb {

}

.mc-sep {
	color: #AAA;
	padding: 0 2px;
}

.page-id-113 .wp-post-image, .page-id-2652 .wp-post-image, .page-id-2907 .wp-post-image {	
	margin-bottom: 0.75em;
}



/*-------------------------------------------------------*/
/* Search */
/*-------------------------------------------------------*/

.search-result {
	border-bottom: solid 1px #ececec;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
 
h1 span.search-term {
	font-weight: normal !important;
}

#fake-tabs {
	margin-top: 30px;
	margin-top: 3rem;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

body.category-mediaspot #fake-tabs > li.media > a, 
body.category-mediaspot #fake-tabs > li.media > a:hover, 
body.category-mediaspot #fake-tabs > li.media > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

body.post-type-archive.post-type-archive-project #fake-tabs > li.project > a, body.post-type-archive.post-type-archive-project #fake-tabs > li.project > a:hover, body.post-type-archive.post-type-archive-project #fake-tabs > li.project > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

body.post-type-archive.post-type-archive-member #fake-tabs > li.member > a, body.post-type-archive.post-type-archive-member #fake-tabs > li.member > a:hover, body.post-type-archive.post-type-archive-member #fake-tabs > li.member > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

body.search-results.category-icare  #fake-tabs > li.icare > a, body.search-results.category-icare #fake-tabs > li.icare > a:hover, body.search-results.category-icare #fake-tabs > li.icare > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

body.search-results:not(.post-type-archive):not(.category-mediaspot):not(.category-icare) #fake-tabs > li.page> a, body.search-results:not(.post-type-archive):not(.category-mediaspot):not(.category-icare) #fake-tabs > li.page> a:hover, body.search-results:not(.post-type-archive):not(.category-mediaspot):not(.category-icare) #fake-tabs > li.page> a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}


 


/*-------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------*/

footer a, footer a:hover {
	color: #fff;
}

.site-footer .widget-area {
	margin-bottom: 0;
}



/*-------------------------------------------------------*/
/* Temp */
/*-------------------------------------------------------*/

.wp-post-image {
	margin-bottom: 60px;

}



/*-------------------------------------------------------*/
/* Categories */
/*-------------------------------------------------------*/

.category-post {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 1em;
	margin-bottom: 3em;
}

h2.category-link {
	margin-bottom: 1em;
}

.category-date {
	font-weight: bold;
	color: #999;
}

.category-post .wp-post-image {
	margin-bottom: 1em;
}



/*-------------------------------------------------------*/
/* Flexslider */
/*-------------------------------------------------------*/

.flexslider .slides li, .flexbanner .slides li {
	position: relative;
}

.flexslider .slides li img, .flexbanner .slides li img {
	max-width: 100%;
	height: auto;
	width: 100%;
}

.flex-caption {
	padding: 0 1.5em 1em 1.5em;
	border-top: 4px solid #3b8eb0;
	border-bottom: 1px solid #e0e0e0;
}

 .slider-category {
	display: inline-block;
	text-transform: uppercase;
	padding: 2px 6px;
	background-color: #3b8eb0;
	color: #FFF; 
	font-weight: bold;
	font-family: "Roboto Condensed";
	font-size: 13px;
	font-size: 1.3rem;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	margin-top: -2px;
	float: left;
	margin-bottom: 0.75em;
}

.slider-title {
	clear: left;
	margin-top: 0.5em;
	font-size: 20px;
	font-size: 2.0rem;
}

.slider-category + .slider-title {
	margin-top: 0;
}


/*-------------------------------------------------------*/
/* Banners */
/*-------------------------------------------------------*/

.home .builder-banner-inner-content, .single-project .builder-banner-inner-content {
	background-color: rgba(255,255,255,0.75);
 	width: auto !important;
 	padding: 2em;
 	color: #000;
}

.banner-title {
	color: #000;
 	text-shadow: none;
 	font-size: 28px;
 	font-size: 2.8rem;
 	margin-bottom: 0.5em;
}
	
.banner-text {
	color: #000;
 	text-shadow: none;
 	font-size: 14px;
 	font-size: 1.4rem;
}

.flexbanner img {
	display: block;
}

.flexbanner .slider-title {
	padding-bottom: 0.25em;
}

.flexbanner.projects, .flexbanner.media {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

.flexbanner.projects .flex-caption {
	background-color: rgba(29, 105, 124, 0.6);
}

.flexbanner.media .flex-caption {
	background-color: rgba(51, 78, 140, 0.6);
	color: #FFF;
}

.flexbanner.media .section-title strong {
	font-weight: normal;
}

.flexbanner.projects .slider-title {
	color: #FFFFFF;
}

@media screen and (min-width: 768px) {
	
	.flexbanner.projects .flex-caption {
		width: 60%;
	}
}



 /*-------------------------------------------------------*/
/* Responsive */
/*-------------------------------------------------------*/

.site-navigation {
	float: none;
	clear: both;
}

@media screen and (min-width: 800px) {
	.site-content {
		padding-top: 195px;
	}

	.site-navigation {
		max-width: 100%;
	}

	#site-header {	
		position: fixed;
		top: 0;
		width: 100%;
		max-width: 1144px;
		z-index: 9999;
	}
}

@media screen and (min-width: 800px) and (max-width: 999px)  {
	.site-navigation {
		margin-left: -12px;
	}
}

@media screen and (min-width: 1000px) {
	.site-content {
		padding-top: 175px;
	}

	.site-navigation {
		max-width: 75%;
		float: right;
		clear: none;
		margin-left: 0;
	}
}

@media screen and (max-width: 799px) {
	
	ul.action-buttons {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.action-button-wrapper:after {
		margin-left: auto;
		margin-right: auto;
	}

	.project img {
		display: none;
	}
	
	.project-description {
		margin-left: 0;
	}
	
	.filter-box {
		display: block;
		text-align: center;
		margin: 0 auto 1em auto;
	}

	.filter-box select {
		width: 75%;
	}

}

@media screen and (min-width: 768px) {

	.flex-caption {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 40%;
		z-index: 1000;
		border-bottom: none;
	 }

	li.darken .flex-caption {
		background: rgba(255, 255, 255,0.8);
	}

	li.right .flex-caption {
		text-align: right;
		right: 2.5%;
		padding-right: 20px;
	}

	li.left .flex-caption, li.none .flex-caption {
		text-align: left;
		left: 2.5%;
		padding-left: 20px;
	}

	.slider-title {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 1.2;
	}


	.flexbanner .flex-caption {
		padding: 0 1.5em 1em 1.5em;
		border-bottom: none;
	}

}



@media screen and (min-width: 600px) {


}


@media screen and (max-width: 960px) and (min-width: 600px) {

	.builder-banner-slide {
		padding-bottom: 26.979166666667%;
	}

}