/*
Theme Name: True North Child
Theme URI: https://www.cssigniter.com/themes/truenorth/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Description: Child theme for True North
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: truenorth
Text Domain: truenorth-child
*/

/*
 * Add your custom styles below. The parent theme's styles are loaded automatically by default.
 * If you need to change this, see functions.php
 */

a{color:#fff;}
.btn, .button, input[type="submit"], input[type="reset"], button[type="submit"],
.entry .read-more a
{
	border:1px solid #fff;
}
.widget_ci_about_widget
{
	text-align: center;
}
.widget_ci_about_widget img
{
	display: inline-block;
    margin-bottom: 15px;
    border-radius: 100%;
}

.widget_about
{
	padding: 0 100px;
}

.footer-widgets{
	background: inherit;
}

main.main{
	margin-top: 100px;
}
.navigation a,
h1, h2, h3, h4, h5, h6,
blockquote,
.logo .site-logo
{
	font-family: 'Roboto', sans-serif;
}

.navigation a{font-size:14px; font-weight: bold;}

.hero {
	height: calc( 100vh - 350px);
	background-size: contain;
	background-repeat: no-repeat;
}

.social-icon i {
	background-color: #fff;
	color: #444;
	border: 1px solid #444;
}

.entry .entry-meta dt,
.entry .entry-meta dd a:hover
{
	color: #fff;
}

.footer .sticky-area
{
	background-color: #444;
}

body {font-size:17px}
.widget {font-size:17px}

.menu-trigger, .menu-trigger:focus{
	color:#fff ;
}

.fa-wordpress:before {
	content: "\f09a"!important;
}

.list-social-icons li
{
	margin: auto 10px;
}

.espa {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 999;
	max-width: 100%;
}

.nav-hold
{
	height: 130px;
}

nav ul {
	margin-top: 70px!important;
}

nav ul ul {
	margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
	.hero {
		height: 25vh;
		background-position: bottom;
		margin-bottom: 0;
	}

}
.page-template-template-listing-portfolio-categories .entry-portfolio-item
{
	min-height: 330px;
}
.archive .taxonomy_description a,
.widget_about a,
.entry-content a {
	color: #fff; 
	text-decoration: underline!important;
}

.heroFigure
{
	text-align: center;
	margin-top: 150px;
}

@media screen and (max-width: 768px) {
	
	.nav-hold{
		height: 80px;
	}
	.heroFigure{
		margin-top: 80px;
	}
}