/*
 Theme Name:       Sound Data Survey
 Theme URI:        https://github.com/uweb/uw_wp_theme_child
 GitHub Theme URI: https://github.com/uweb/uw_wp_theme_child
 Primary Branch:   main
 Author:           Creative Communications
 Author URI:       https://c2.uw.edu
 Description:      Sound Data Survey child theme based on the UW WordPress Theme
 Template:         uw_wp_theme
 Version:          1.0
 License:          GNU General Public License v2 or later
 License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 Tags:             two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:      sound-data
*/

@font-face {
    font-family: 'Open Sans 700';
    src: url('assets/fonts/open_sans_700-webfont.woff') format('woff'),
         url('assets/fonts/open_sans_700-webfont.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans Compressed 700';
    src: url('assets/fonts/encodesanscompressed-700-bold-webfont.ttf') format('ttf'),
         url('assets/fonts/encodesanscompressed-700-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans Condensed 600';
    src: url('assets/fonts/encodesanscondensed-600-semibold-webfont.ttf') format('ttf'),
         url('assets/fonts/encodesanscondensed-600-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans Condensed 700';
    src: url('assets/fonts/encodesanscondensed-700-bold-webfont.ttf') format('ttf'),
         url('assets/fonts/encodesanscondensed-700-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans Condensed 400';
    src: url('assets/fonts/encodesanscompressed-400-regular-webfont.ttf') format('ttf'),
         url('assets/fonts/encodesanscompressed-400-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/open_sans_regular-webfont.woff') format('woff'),
         url('assets/fonts/open_sans_regular-webfont.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('assets/fonts/open_sans_600-webfont.woff') format('woff'),
         url('assets/fonts/open_sans_600-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Extra Bold';
    src: url('assets/fonts/open_sans_800-webfont.woff') format('woff'),
         url('assets/fonts/open_sans_800-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed Regular';
    src: url('assets/fonts/open_sans_condensed_300-webfont.woff') format('woff'),
         url('assets/fonts/open_sans_condensed_300-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed Bold';
    src: url('assets/fonts/open_sans_condensed_300-webfont.woff') format('woff'),
         url('assets/fonts/open_sans_condensed_300-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

#search-quicklinks button.uw-quicklinks{
	display: none !important;
	}

.navbar-dark .navbar-brand a.site-title, .footer-dark .navbar-brand a.site-title {
	color: #f8f9fa;
	text-decoration: none;
	}

header .navbar-brand .site-title {
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: none;
	font-family: 'Encode Sans Condensed 700';
	margin-left: 20px;
	color: #fff;
	text-decoration: none;
	}


	
.uw-hero-image, 
.no-uw-hero-image {
	height: 200px;
	background-size: 297px 200px;
	position: relative;
	background-color: #2C116F;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 8vw 0;
	}
	
body:not(.home) .uw-hero-image, 
body:not(.home) .no-uw-hero-image{
	box-shadow: 0 5px 5px -5px #000000;
	}

.uw-hero-image .uw-site-title{
	text-indent: -9999px;
	position: absolute;
	}

.uw-hero-image .tagline{
	font-family: 'Encode Sans Compressed 700';
	color: #fff;
	font-size: 36px;
	margin-left: 320px;
	line-height: 1.2em;
	color: #A0C4FC;
	}

body.home .entry-header{
	background-color: #efefef;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	padding-top: 35px;
	padding-bottom: 35px;
	box-shadow: 0 5px 5px -5px #000000;
	}

body.home .entry-header h1{
	margin-bottom: 30px;
	}

body.home .entry-header .container-intro p{
	font-family: 'Encode Sans Condensed 600';
	font-family: 'Encode Sans Condensed 400';
	line-height: 1.6em;
	font-size: 1.3em;
	}

body.home .entry-content .wp-block-columns.is-layout-flex .card .card-body{
	min-height: 340px;
	}
	
body.home .entry-content .wp-block-columns.is-layout-flex .card .card-body .udub-slant-divider {
	margin-left: 1.5rem;
	}
	
body.home .entry-content .wp-block-columns.is-layout-flex .card .card-body h2.card-title{
	font-family: 'Encode Sans Condensed 600';
	font-size: 1.2rem;
	padding-left: 1.5rem;
     padding-right: 1.5rem;
	}


body.home .entry-content .wp-block-columns{
	padding-top: 0;
	margin-top: 35px;
	margin-bottom: 0;
	gap: 0;
	column-gap: 20px;
	}

body.home main article{
	margin-top: 0;
	}

body.collaborators .entry-content .wp-block-columns{
	margin-top: 35px;
	padding-top: 35px;
	border-top: 1px solid #ccc;
	}
	
body.collaborators .entry-content .wp-block-columns .wp-block-column .wp-block-image{
	text-align: center;
	}
	
body.collaborators .entry-content .wp-block-columns .wp-block-column .wp-block-image img{
	width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
	
.post-type-archive-research-member article.type-research-member{
	border-bottom: none;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}

.post-type-archive-research-member h2.researcher-type{
	padding-top: 25px;
	margin-top: 25px;
	border-top: 2px solid #2C116F;
	}

.post-type-archive-research-member article .member-item{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px;
	}
	
.post-type-archive-research-member article.last-item .member-item{
	border: 0;
	padding-bottom: 0;
	}

.post-type-archive-research-member .member-item > div.member-photo{
	
	}

.post-type-archive-research-member .research-team-intro{
	margin-top: 30px;
	}

.post-type-archive-research-member .member-item .member-content h3{
	margin-top: 0;
	}

.post-type-archive-research-member .member-item .title-role{
	font-style: italic;
	}
	

.post-type-archive-research-member article .member-item .entry-footer{
	margin: 0;
	padding: 15px 15px;
	}


.contact-profile{
	max-width: 300px;
	}

.contact-profile .contact-profile-content{
	padding: 15px;
	background-color: #4b2e83;	
	}
	
.contact-profile .contact-profile-content h2.contact-profile-name{
	color: #ffffff;
	font-size: 24px;
	}

.contact-profile .contact-profile-content .contact-profile-role{
	color: #ffffff;
	font-size: .9em;
	}

h2.category{
	margin-top: 35px;
	padding-top: 25px;
	border-top: 1px solid #ccc;
	}

.file-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: -15px;
	margin-right: -15px;
	}

.file-list .download-content{
	padding: 15px;
	border-top: 10px solid #85754d;
	border-radius: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 20px 15px 20px 15px;
	border-bottom: 1px solid #ccc;
	max-width: calc(33.33% - 30px);
	flex: auto;
	}

.file-list .download-content .download-file a{
	display: inline-block;
	background-color: #4B2E83;
	padding: 6px 12px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-size: .9em;
	margin: 15px 0;
	}

.file-list .download-content .download-file.word a:after{
	content: "";
	width: 45px;
	height: 45px;
	background-image: url(assets/images/word.png);
	background-size: 45px 45px;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 25px;
	margin-top: -10px;
	}

.file-list .download-content .download-file.pdf a:after{
	content: " ";
	width: 45px;
	height: 45px;
	background-image: url(assets/images/pdf.png);
	background-size: 45px 45px;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 25px;
	margin-top: -10px;
	}

.file-list .download-content .download-file a:hover{
	background-color: #000;
	}

.file-list .download-content .download-title{
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 15px;
	}

/* Accoordion stuff */
/*
.sp-easy-accordion .sp-collapse.spcollapse{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
*/
footer.site-footer {
	background: none;
	background-size: cover;
	padding: 0 0 30px 0;
	background-color: #efefef;
	border-top: 7px solid #cccccc;
	position: relative;
	text-align: left;
	}

footer.site-footer .footer-content{
	display: flex;
	flex-wrap: wrap;
	}

footer.site-footer .footer-content .footer-left,
footer.site-footer .footer-content .footer-right{
	text-align: left;
	}

footer.site-footer .footer-content .footer-left{
	padding-right: 3%;
	padding-left: 0;
	}

footer.site-footer .footer-content .footer-right{
	padding-left: 3%;
	padding-right: 0;
	}

footer.site-footer .footer-content .footer-right .collaboration-logos{
	display: flex;
	flex-wrap: wrap;
	
	}
	
footer.site-footer .footer-content .footer-right .collaboration-logos div.logo{
	height: 135px;
	}

footer.site-footer .footer-content .footer-right .collaboration-logos div.logo img{
	width: 100%;
	height: auto;
	}

footer.site-footer .footer-content .footer-right .collaboration-logos div.logo.csde img{
	width: 60%;
	height: auto;
	}

footer.site-footer .footer-content .footer-left h2{
	margin-top: 35px;
	margin-bottom: 0;
	color: #000;
	}

footer.site-footer .footer-content .footer-right h3{
	margin-top: 35px;
	margin-bottom: 25px;
	}

.uw-hero-image:before, 
.no-uw-hero-image:before,
.uw-hero-image:after, 
.no-uw-hero-image:after {
    background: none;
}


.uw-body-copy p.uw-btn.btn-sm.btn-none a {
	padding: 8px 16px;
	text-transform: uppercase;
	background-color: #86754D;
	font-family: "Encode Sans Compressed";
	font-weight: 800;
	color: #fff;
	display: inline-block;
	position: relative;
	background-image: none !important;
	border-bottom: none;
	text-decoration: none;
	margin-bottom: 0;
	margin-right: 50px;
	z-index: 1;
	line-height: 24px;
	font-size: 15px;
	text-decoration: none !important;
	margin-top: 15px;
	}

.uw-body-copy p.uw-btn.btn-sm.btn-none a:hover{
	background-color: #000000;
	}

.uw-body-copy p.uw-btn.btn-sm.btn-none a:before {
	content: "";
	width: 48px;
	right: -48px;
	top: 0;
	bottom: 0;
	position: absolute;
	background-color: #E8E1D4;
	border-left: none;
	}

.uw-body-copy p.uw-btn.btn-sm.btn-none a:after{
	background: url(assets/svg/uw-sprite.svg) no-repeat 15px -475px transparent;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 55px;
	height: 55px;
	right: -50px;
	top: 50%;
	margin-top: -28px;
	}


@media (min-width: 992px) {
    	/*
    	body.home .wp-block-columns.is-layout-flex{
     	width: 80%;
    		}
    	*/
    }

@media (min-width: 768px) {

	}


@media (max-width: 1325px) {
    	
	}

@media (max-width: 1199.98px) {

	}	

@media (max-width: 1099px) {

	}

@media (max-width: 991.98px) {
	
	.uw-hero-image, 
	.no-uw-hero-image {
		background-position: 0 0;
		}

	.uw-hero-image .tagline{
		font-size: 32px;
		margin-left: 325px;
		}
	
	.file-list .download-content{ 
          max-width: calc(50% - 30px);
          margin-bottom: 30px;
          }
	}
	
@media (max-width: 880px) {
	
    	}
 
@media (max-width: 850px) {
	
    	}
    
@media (max-width: 769px) {
    
	}

@media (max-width: 767.98px) {
	
	.page-title, 
	.entry-header, 
	.entry-footer, 
	.site-info, 
	.post-navigation, 
	.page-navigation, 
	.comments-area {
		padding-right: 0;
		padding-left: 0;
		}
	
	.page-content>*, 
	.entry-content>*, 
	.entry-summary>*, 
	.not-found>* {
		padding-right: 0;
		padding-left: 0;
		}
	
	.file-list {
		display: block;
		max-width: 100%;
		}
	.file-list .download-content{
          margin-bottom: 30px;
          width: 100%;
          max-width: none;
		}
		
	footer.site-footer .footer-content .footer-left,
	footer.site-footer .footer-content .footer-right{
		padding-right: 0;
		padding-left: 0;
		}
	
	footer.site-footer .footer-content .footer-left{
		max-width: 60%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		}
	footer.site-footer .footer-content .footer-right h3{
		max-width: 60%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		}
	
	footer.site-footer .footer-content .footer-right .collaboration-logos div.logo{
		height: auto;
		text-align: center;
		margin-bottom: 35px;
		}
	
	footer.site-footer .footer-content .footer-right .collaboration-logos div.logo img{
		width: 35%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		}
	
	footer.site-footer .footer-content .footer-right .collaboration-logos div.logo.csde img{
		width: 25%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		}
	
	.blog article, .archive article, .category article, .tag article, .single-post article {
		padding-left: 0;
		padding-right: 0;
		}
	
	.post-type-archive-research-member .research-member .member-photo.col-md-3{
		padding-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
		}
		
	.post-type-archive-research-member .research-member .member-content.col-md-9{
		padding-left: 0;
		padding-right: 0;
		}
	}

@media (max-width: 600px) {
	.uw-hero-image .tagline {
		font-size: 28px;
		margin-left: 325px;
		}
	}

@media (max-width: 575px) {
	
	#primary {
		padding: 0 15px;
		}
	
	.uw-hero-image .tagline {
		font-size: 24px;
		margin-left: 225px;
		}
	
	.uw-hero-image, 
	.no-uw-hero-image {
		height: 160px;
		background-size: 225px 152px;
		background-position: 0;
		}
	
	header .navbar-brand .site-title {
		font-size: 2rem;
		margin-left: 15px;
		}
	
	}

@media (max-width: 460px) {
	.uw-hero-image .tagline {
		font-size: 20px;
		margin-left: 175px;
		}
	
	.uw-hero-image, 
	.no-uw-hero-image {
		height: 140px;
		background-size: 175px 118px;
		background-position: 0;
		}
	
	header .navbar-brand .site-title {
		font-size: 1.5rem;
		margin-left: 13px;
		}
	}