/*
Theme Name: Twenty Sixteen Child
Template: twentysixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*
background for millennium bridge header: #5989cc OR rgb(89, 137, 204, 0.8) for .8 opacity

NOTES

MODERN FONT - OVERRIDING STANDARD FONT WHERE REQUIRED:

	font-family: Montserrat, "Helvetica Neue", sans-serif;
*/


/***********************
STYLE SITE TITLE AND HEADER IMAGE
/**********************

/*Style site title - general*/

.site-title {
	border-top: 4px solid #d135ab;
	border-bottom: 4px solid #d135ab;
	padding-top: 6px;
	padding-bottom: 6px;
	text-transform: uppercase;
}

.site-description {
	color: #5989cc;
	text-align: center !important;
	text-transform: uppercase;
}


/* Spacing of header */


#masthead {
	padding-bottom: 1%;
	padding-top: 1%;
}

div.header-image {
	padding-top: 1px;
	padding-bottom: 2px;
}

/* Remove header image from listing pages (.single) */

.single  .header-image img {
	display:none;
}

/* Style for smaller screens*/

@media screen and (max-width: 479px) {
	.home .header-image img, /*remove header image from home page on smaller screens*/
	.archive .header-image img, /*remove header image from categories page on smaller screens*/
	.page .header-image img /*remove header impage from directory page on smaller screens*/
	{
		display: none;
	}
	.site-title {
		font-size: 1.1rem; /*reduce site title font on smaller screens*/
	}
	
}

/*********************************
COLORS
*********************************/

h1 {
	color: white;
}

h2, h3, h4, h5, h6, a, .box p a, .liststyle, .site-header, .site-title a {
	color:  #5989cc !important;
}

/*.site-title */a:hover {
    color: rgb(89, 137, 204, 0.8) !important;
}

.liststyle span {
    color: #373737; /*dark grey for text*/
 }


/*********************
SIDEBAR
**********************/

.widget {
    border-top: 1px solid #5989cc;
}

/*remove bullets from sidebar navigation menu*/

/*This menu not currently in use*/
#menu-sidebar {
    list-style: none;
	text-transform: uppercase;
}

#menu-external-sites {
	text-decoration: none;
	list-style: none;
	margin-left: 0;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 1rem;
}

/*************************
HEADINGS
*************************/

h1 {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	text-transform: uppercase;
	background:  #5989cc;
	text-align: center;
	border-radius: 2px;
	padding: 5px;
	font-size: 1.25em !important;
	font-weight: 800;
}

h2, h3, h4, h5, h6 {
	font-size: 1.25rem !Important;
}


/*************************
BODY
*************************/
/*remove space at bottom of body of text*/
.site-main {
	margin-bottom: auto;
}

/*remove underlines from general links*/
a {
	box-shadow: none !important;
}


/***********************
BULLET POINTS - GENERAL
************************/
/*.liststyle {
    padding-left: 1%;
    margin-left: 2%;
}*/

.ul-style {
	padding: 2%;
}

/******************************
CALL OUT BOX - GENERAL
******************************/

.border-box {
	border: 1px solid  #5989cc;
	font-family: inherit;
	font-size: inherit;
	background: #f7f7f7; /*pale grey*/
	margin-bottom: 10px;
	box-shadow: 0 15px 20px -12px rgba(0,0,0,0.8);
	padding: 2%;
}

.frontpagelist {
	line-height: 1.75rem;
	margin: 1% 0%;
	display: inline-block;
	width: 100%;
}

/*to remove underlined links in front page boxes*/
.frontpagelist a {
    box-shadow: none;
}

@media screen and (min-width: 840px) {
	.frontpagelist {
		width: 44%;
	}
	
	.tileone {
		margin: 0 5% 0 0;
		
	}
	.tiletwo {
		margin: 0 0 0 5%;
	}
}

.second-section {
    border-top: 1px solid #5989cc;
    padding-top: 4%;
    border-bottom: 1px solid #5989cc;
    padding-bottom: 4%;
}


/************************************
CONTACT FORM
************************************/

textarea {
	max-height: 80px;
}

button[disabled], html input[disabled] {
     opacity: 1;
}

.wpcf7-form-control.wpcf7-submit {
    background: #5989cc;
    width: 100%;
    font-size: 1.15rem;
    margin: auto;
}

.wpcf7-form-control.wpcf7-submit:hover {
	background: rgb(89, 137, 204, 0.8) !important;
}



/******************
OLD CODE
/**********************
REMOVE TITLE AND TAG FROM ALL PAGES (.HOME, .ARCHIVE AND .PAGE) OVER 480PX (OTHER THAN LISTING PAGE)


@media screen and (min-width: 480px) {
	.home .site-title,
	.home .site-description,
	.archive .site-title,
	.archive .site-description,
	.page .site-title, 
	.page .site-description

	{
		display: none;
	}
}

/*	.frontpagelist .liststyle {
    	padding-left: 3%;
    	margin-left: 4%;
	}
*/