/*
 Theme Name:   Trauma Story Healing: The Legacy Project
 Description:  Custom Theme for https://traumastoryhealing.ca
 Author:   		 Black Cap Design 
 Author URI:   http://www.blackcapdesign.com
 Template:     generatepress
 Version:      1.0
*/

/* Sticky Footer --> https://generatepress.com/forums/topic/sticky-footer/ */
html, body {
	height:100%;
}
body {
  display: flex;
  flex-direction: column;
}
div.container {
	flex: 1 0 auto;
	width: 100% !important;
}
div.site-footer {
  flex-shrink: 0;
}

/* Header */
img.header-image,
.navigation-branding img, 
.site-logo.mobile-header-logo img {
	width: 186px !important;
	height: 56px !important;
}
.navigation-branding img, .site-logo.mobile-header-logo img {
  padding: 0;
}

/* Navigation */
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	font-weight: 600;
}

/* Sections */
.generate-sections-inside-container {
    box-sizing: border-box;
}
div.generate-sections-container {
	margin-bottom: 40px;
	margin-bottom: 0;
}
span.colour-emphasis {
	color: #bf0000;
	font-size: 3em;
}
span.small {
	font-size: 0.75em;
}
div.extra-wide-section .grid-container {
    max-width: 1400px;
}
.vertical-align-middle .inside-grid-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.no-bottom-margin .inside-grid-column {
	margin-bottom: 0;
}
div.owl-nav button {
	text-indent: -10000px;
}

/* three widgets section */
.three-widgets img {
	display: block;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* custom credits */
p.small-text {
	font-size: 80%;
}
span.home-only {
	display: none;
}
.home span.home-only {
	display: inline-block; 
}


/* custom buttons */
a.custom-button {
  font-size: 16px !important;
  letter-spacing: 0.05em;
	font-weight: 400;
	padding: 10px 18px;
	border: 2px solid #285090;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	color: #285090;
	background: transparent;	
	-webkit-transition: background-color 0.4s ease-out;
  -moz-transition: background-color 0.4s ease-out;
  -o-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out;	
}
a.custom-button:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left: 10px;	
}
a.custom-button:visited {
	color: #285090;
	background: transparent;
}
a.custom-button:hover {
	background: #285090 !important;
	color: #fff !important;
}



/* Primary Navigation Menu */ 
ul#menu-primary-navigation-menu-2.slideout-menu {
	margin-top: 12px;
}

/* collapse-o-matic */
.collapseomatic_content {
	margin: 0 0 20px 0;
	padding: 0; 
	border-bottom: 1px solid #e5e5e5;
}
span.collapseomatic {
	color: #005fbf;
	font-weight: 600;
	background-position: 100% 6px;
	display: table;
	margin-bottom: 10px;	
}
.collapseomatic.colomat-hover,
.collapseomatic.colomat-visited.colomat-hover {
	color: #ffA040; /* orange */
	color: #bf6000; /* light brown */	
	color: #bf0000; /* red */
	text-decoration: none;
}

/* ------- DISPLAY BELOW SPECIFIED RESOLUTION --------- */

@media (max-width: 850px) {
	.navigation-branding .main-title {
		font-size: 20px;
	}
	img.header-image,
	.navigation-branding img, 
	.site-logo.mobile-header-logo img {
		width: 166px !important;
		height: 50px !important;
	}
	
}