/* 
Theme Name:		 Twenty Seventeen Child
Description:	 Twenty Seventeen Child Theme
Author:			 Vanilla Gecko
Author URI:		 http://www.vanillagecko.co.uk/
Template:		 twentyseventeen
Version:		 1.0.0
Text Domain:	 Twenty-Seventeen-child
-------------------------------------------------------------- */ 


/*Computer screen */
@media screen and (min-width: 48em) {
	.has-header-image.home.blog .custom-header {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 50vh!important;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}

/* Mobile screen*/
.has-header-image.home.blog .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 50vh!important;
	/*width: 100%;*/
}

/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.has-header-image.home.blog .custom-header {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px)!important;
	}
}


body, button, input, select, textarea {
	font-size: 18px;
	line-height: 26px;
}

body, label {
    font-family: 'Montserrat', sans-serif;
	color: #2f484d;
	font-weight: 300;
}
.navigation-top {
	background-color: #f5f5f5;	
}
a, .comment-reply-link .icon {
		color: #000;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .main-navigation a  {
	    font-family: 'Montserrat', sans-serif;
	font-weight: 300;

}
.main-navigation a {
	text-transform: uppercase;
	    font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	    letter-spacing: 1px;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
		    font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.comment-body, 	label, .entry-meta a, .entry-meta {
	color: #5e5e5e;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a, .navigation-top a, .menu-toggle, .main-navigation a:hover {
color: #2f484d;
}
.main-navigation ul ul a {
			color: #2f484d;
			text-transform: uppercase;
		letter-spacing: 0;
	font-size: 0.775rem;
}
@media screen and (min-width: 48em) {
.navigation-top .current-menu-item a {
    font-size: 0.979rem;
}
}
@media screen and (min-width: 48em) {
	.main-navigation li li:hover, .main-navigation li li.focus {
		background-color: #f5f5f5; 
		color: #5e5e5e;
		text-transform: uppercase;
	}
	.main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
		color: #5e5e5e;
		text-transform: uppercase;
	}
}


b, strong, h2.widget-title, button, input[type="button"], input[type="submit"]  {
	font-weight: 600;
	    font-family: 'Montserrat', sans-serif;

}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
	color: #cb409b;
	font-weight: 500; 
}
@media screen and (min-width: 48em) {
h2.widget-title {
font-size: 12px;	
	color: #585858;
}
}

h2, .home.blog .entry-title, h2 a, .home.blog .entry-title a, .single-post .entry-title, .page .entry-title, h3 {
	color: #2f484d;
	   font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h2 a:hover, .home.blog .entry-title a:hover {
	color: #cb409b;

}
body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a {
	   font-family: 'Montserrat', sans-serif;
		font-weight: normal;
	text-transform: uppercase;
}
@media screen and (min-width: 48em) {
	.site-title {
font-size: 46px;		
}
}
@media screen and (min-width: 30em) {
	h2, .home.blog .entry-title, .page .panel-content .recent-posts .entry-title  {
font-size: 30px;
	
	}
}
@media screen and (min-width: 48em) {
.single-post .entry-title, .page .entry-title {
	font-size: 35px;

}
}
.social-navigation a, button, input[type="button"], input[type="submit"] {
	background-color: #cb409b;
}
.social-navigation a:hover {
	background-color: #fff;
}
.comments-title {
		font-size: 25px;
}
@media screen and (min-width: 30em) {
	h3 {
		font-size: 25px;
}
}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
	font-weight: 500;
	color: #cb409b;
	border-bottom: 1px solid #cb409b;
	padding-bottom: 3px;
}
.entry-content .link-more a {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.widget a {border-bottom: none;}
.entry-meta a {font-weight: 300; }
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
     -webkit-box-shadow: none;
    box-shadow: none;
	color: #cb409b;
	text-decoration: none;
	border-bottom: 2px solid #cb409b;
}
.site-info {
	display: none;
}

.pagination, .comments-pagination {
	font-weight: 300;
}


@media screen and (min-width: 48em) {
.has-sidebar:not(.error404) #primary {
    width: 68%;
}
	.has-sidebar #secondary {
    width: 26%;
}
	.single-post .entry-title, .page .entry-title {
		font-size: 36px;
		line-height: 42px;
	}

}
@media screen and (min-width: 67em) {
.navigation-top .wrap {
    padding: 0 2em;
}
}
.custom-header-media:before {
   background: -moz-linear-gradient(top, rgba(91,40,62,0) 0%, rgba(91,40,62,0.3) 75%, rgba(91,40,62,0.3) 100%);
background: -webkit-linear-gradient(top, rgba(91,40,62,0) 0%,rgba(91,40,62,0.3) 75%,rgba(91,40,62,0.3) 100%);
background: linear-gradient(to bottom, rgba(91,40,62,0) 0%,rgba(91,40,62,0.3) 75%,rgba(91,40,62,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b283e', endColorstr='#4d5b283e',GradientType=0 );
}
.single.has-header-image .custom-header-media:before {
background: -moz-linear-gradient(top, rgba(91,40,62,0) 0%, rgba(91,40,62,0.1) 75%, rgba(91,40,62,0.1) 100%);
background: -webkit-linear-gradient(top, rgba(91,40,62,0) 0%,rgba(91,40,62,0.1) 75%,rgba(91,40,62,0.1) 100%);
background: linear-gradient(to bottom, rgba(91,40,62,0) 0%,rgba(91,40,62,0.1) 75%,rgba(91,40,62,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b283e', endColorstr='#1a5b283e',GradientType=0 );
}

@media screen and (min-width: 48em) {
.twentyseventeen-front-page.has-header-image .custom-header-media:before, .twentyseventeen-front-page.has-header-video .custom-header-media:before, .home.blog.has-header-image .custom-header-media:before, .home.blog.has-header-video .custom-header-media:before {
    height: 73%;
}
	.single.has-header-image .custom-header-media:before {
    height: 83%;
}
}
.site-branding-text .site-description {
	text-shadow: 0px 0px 4px rgba(91, 40, 62, 0.4);
	text-transform: uppercase;
	letter-spacing: 3px;
}
.custom-logo-link, body:not(.title-tagline-hidden) .site-branding-text {
	display: block;
}
.single.has-header-image .custom-header-media img, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    height: auto;
    left: 0;
    -o-object-fit: none;
    object-fit:none;
    }
@media screen and (min-width: 48em) {
.wrap {
max-width: 1500px!important	
}
}

@media screen and (min-width: 48em) {
.main-navigation ul ul a {
    width: 300px;
	padding: 0.55em 1.25em;
}
}
h2, .home.blog .entry-title, h2 a, .home.blog .entry-title a, .single-post .entry-title, .page .entry-title, h3 {
	text-transform: none;
	letter-spacing: inherit;
}
h3 {
	font-weight: 500;
}