/*
	Theme Name: twentyseventeen-cas
	Description: Twenty Seventeen child theme for CAS development website
	Author: ncvp
	Template: twentyseventeen
	Version: 1
	
	Above lines required for child theme to work properly
	Derived from 2017-ncvp
*/

/****************************/
/* General 2017 adjustments */
/****************************/

/* Reduce dead space between menu and page/post title */
div.site-content {
	padding-top: 1.5em;
}

/********/
/* Misc */
/********/

/**********/
/* Footer */
/**********/

/* These styles are duplicated in all my child themes, but I couldn't make putting them in ncvp-live-misc.css work */

/* Footer elements nicely laid out side-by-side */
.ncvp-footer-01 {
	display: flex;
	justify-content: space-between;
}

/* svg sprite social icons */

.ncvp-smenu ul {
	list-style: none; 					/* No bullets */
}
.ncvp-smenu li {
	float: left;							/* Horizontal rather than vertical list */
}
.ncvp-smenu svg {
	height: 2em;							/* Size of icon */
	width: 3em;								/* Horizontal spacing */
	fill: lightblue;
}
.ncvp-smenu svg:hover {
	fill: blue;
}

/*****************/ 
/*	Small screens */
/*****************/

@media screen and (max-width: 49em) {				/* 49em = 782px */

	/* Footer elements one above the other and centred. Where did this come from? */

	.ncvp-footer-01 {
		display: initial;
	}
		
	.ncvp-footer-01 div {
		display: table;
		margin: 0 auto;
		text-align: center;
	}

	/* Reduce site logo and title size */

	.custom-logo-link img {
		max-width: 40%;
	}

	.site-title {
		font-size: 1rem;
	}

	.site-description, .site-description a {
		font-size: .7rem;
		line-height: 1rem;
	}
}