/*
	Theme Name: tiny-framework-cas
	Description: Tiny Framework child theme for CAS development
	Author: ncvp
	Template: tiny-framework
	Version: 1
	
	Above required for child theme to work properly
*/

form.search-formx {
	display: none;
}

/* Refer to a label in a diagram */
.labl {
	border: 5px solid #00f;
	border-radius: 20px;
	padding: 0 10px;
}

/* Footer */

/* Normally right */
#menu-social-items {
	text-align: center;
}

/* Footer extend full width */
.site-info {
	max-width: none;
}

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

/* Fix spilling over menu items */
@media screen and (min-width: 783px) {
	.main-navigation li ul li a {
		width: 300px;
	}
}

/* Small screens */

@media screen and (max-width: 782px) {
	/* Footer elements one above the other */
	.ncvp-footer-01 {
		display: initial;
	}
		
	.ncvp-footer-01 div {
		display: table;
		margin: 0 auto;
		text-align: center;
	}

	/* Top bar CAS colour */
	.main-navigation {
		background-color: #516f80; 
	}

	/* Removes searchbox in top bar, but not the others */
	.main-navigation .search-field {
		display: none;
	}

	/* 
		Centre menu in top bar
		CSS selection:
			All elements class=menu-toggle which are descendants of class=main-navigation
		   and all elements class=nav-menu which are descendants of class="main-navigation toggled" 
	*/
	.main-navigation .menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: table;
		float: unset;
		margin: 0 auto;	
	}
}

/* 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: 2.5em;							/* Size of icon */
	width: 4em;								/* Horizontal spacing */
	fill: skyblue;
}
.ncvp-smenu svg:hover {
	fill: blue;
}