/*
Theme Name: PSRC22 - Committee
Theme URI: http://underscores.me/
Author: Kessler Freedman, Inc.
Author URI: https://www.kesslerfreedman.com
Template: psrc22
Description: The PSRC's Committee child theme, based on Underscores.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
 Text Domain:  psrc22committee
*/


/* Committee Site Specific */

.psrc-page-header-image {
	margin-bottom: -13px;
	top: -13px;
}

.psrc-page-entry-header h1.page-title, .psrc-page-entry-header h2.site-title {
	background-color: var(--psrc-red-medium);
	/*clip-path: polygon(calc(100% - 4vw) 0, 100% 100%, 0% 100%, 0% 0%);*/
	color: var(--white);
	font-family: futura-pt-bold, sans-serif;
	/*font-size: 40px;*/
	font-size: 70px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0px 120px 0 40px;
}

/*.psrc-committee-header div.header-title {
	color: var(--white);
	font-size: 70px;
	font-weight: 700;
	letter-spacing: var(--psrc-letter-spacing);
	line-height: 1.5;
	margin: 0 auto;
	position: absolute;
	top: 46%;
	left: 50%;
	text-shadow: -1px -1px 8px rgba(0,0,0,0.5);
	text-transform: uppercase;
	transform: translate(-50%, -46%);
}*/

h1.page-title .header-second-line, h2.site-title .header-second-line {
	display: block;
	font-family: futura-pt, sans-serif;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: var(--psrc-letter-spacing);
	text-align: right;
	text-transform: none;
}

.psrc-title-divider {
	margin-top: -29px;
}


/* Responsive Items */

@media screen and (min-width: 2560px) { 

	

}


@media screen and (min-width: 1921px) { 

	.sub-menu-wrapper {
		top: -20px;
	}

}


@media screen and (min-width: 1240px) and (max-width: 1920px) {
	.psrc-page-header-image {
			margin-bottom: -2px;
			top: -13px;
		}
	
	.sub-menu-wrapper {
		top: -29px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
	
	.psrc-page-header-image {
		margin-bottom: 0px;
		top: -13px;
	}

	.psrc-page-entry-header h1.page-title, .psrc-page-entry-header h2.site-title {
		/*clip-path: polygon(calc(100% - 4vw) 0, 100% 100%, 0% 100%, 0% 0%);*/
		font-size: 30px;
	}
	
	h1.page-title .header-second-line, h2.site-title .header-second-line {
		font-size: 22px;
	}
	
	.sub-menu-wrapper {
		top: -29px;
	}
	
}


@media screen and (min-width: 768px) and (max-width: 1024px) {

	.psrc-page-entry-header h1.page-title, .psrc-page-entry-header h2.site-title {
		/*clip-path: polygon(calc(100% - 4vw) 0, 100% 100%, 0% 100%, 0% 0%);*/
		font-size: 26px;
	}
	
	h1.page-title .header-second-line, h2.site-title .header-second-line {
		font-size: 19px;
	}
	
	/* Sub-Menu */

	.sub-menu-wrapper {
		display: block;
	}
	
	img.sub-menu-background {
		display: none;
	}
	
	.prsc-subsite-menu-container {
		background-color: #494949;
		padding: 40px 0;
	 }
	
}


@media screen and (min-width: 320px) and (max-width: 768px) {
	
	.psrc-page-header-image {
		margin-bottom: 21px;
		top: 0px;
	}
	
	.page-title-wrap {
	  top: 32%;
	  left: 0;
	  transform: translate(0%, -46%);
	}
	
	.psrc-page-entry-header h1.page-title, .psrc-page-entry-header h2.site-title {
		/*clip-path: polygon(calc(100% - 4vw) 0, 100% 100%, 0% 100%, 0% 0%);*/
		font-size: 16px;
		padding: 0px 20px 0 20px;
	}
	
	h1.page-title .header-second-line, h2.site-title .header-second-line {
		font-size: 14px;
		display: inline;
		margin-left: 10px;
	}
	
	/* Sub-Menu */

	.sub-menu-wrapper {
		background-color: #494949;
		display: block;
		top: -30px;
		z-index: 4;
	}
	
	img.sub-menu-background {
		display: none;
	}
	
	.prsc-subsite-menu-container {
		background-color: #494949;
		padding: 40px 0;
	}
	
	ul#sub-menu {
		top: 50%;
		transform: translate(0, -50%);
	}
	
	ul#sub-menu li a {
	  font-size: 15px;
	  margin: 8px 16px 16px;
	}
	
}