/*
 Theme Name:  Psych Study Theme
 description: >-
   A child theme of the UW Boundless Wordpress theme
 Author:       Nigel Heinsius, Winter Williams
 Template:     uw-2014
 Version:      1.0.1
*/

.uw-body .uw-site-title {
    position: absolute;
    top: -320px;
    left: 11px;
    color: #fff;
    font-family: "Encode Sans Compressed", sans-serif;
    font-size: 40px;
    line-height: 43px;
    font-weight: 900;
    max-width: 80%;
    -webkit-font-smoothing: antialiased;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.7) !important;
}

#main_content h1{
	position: absolute;
	color: #fff;
	left: 5000px;
	}

#main_content ul li{
	font-size: .9em;
	}


div.block-white{
	padding: 40px;
	max-width: 85%;
	border-radius: 15px;
	}
div.block-beige{
	padding: 40px;
	background-color: #eaddd4;
	max-width: 85%;
	border-radius: 15px;
	}

div.block-white h2,
div.block-beige h2{
	margin-top: 0;
	}

#main_content h1{
	margin-top: 0;
	}

div.investigators{
	display: block;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 35px;
	overflow: hidden;
	text-align: center;
	}

div.investigator{
	text-align: center;
	}

div.investigator:nth-child(4){
	margin-left: 17%;
	}

div.investigator p{
	font-size: .9em;
	line-height: 1.1em;
	}

div.investigator img{

	}
	
div.download-button{
	text-align: center;
	}

div.download-button a{
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-top: 35px;
	margin-bottom: 35px;
	}

div.download-button a:hover{
	color: #fff;
	}

#dawgdrops{
	display: none;
	}

.uw-hero-image, .no-uw-hero-image {
	height: 350px;
	background-color: #ccc;
	position: relative;
	}

.uw-hero-image:before, 
.no-uw-hero-image:before{
	content: "";
	width: 85%;
	height: 250px;
	background: none;
	background-color: #85764d;
	opacity: 1.0;
	transform: skew(-20deg);
	left: -45px;
	}

.uw-hero-image:after, .no-uw-hero-image:after {
    position: absolute;
    bottom: 0;
    height: 0;
    width: 0;
    content: "";
    background: none;
    opacity: 0;
}

nav#mobile-relative,
button.uw-mobile-menu-toggle{
	display: none;
	}

figure.wp-block-image.size-full{
	width: 100%;
	text-align: center;
	}
	
@media (min-width: 992px){

	}

@media (max-width: 1200px){
	.uw-body .uw-site-title {
		top: -325px;
		}
	}

@media (max-width: 992px){
	div.investigator:nth-child(4){
		margin-left: 0;
		}
	div.investigator:nth-child(5){
		margin-left: 25%;
		}
	
	.uw-body .uw-site-title {
		font-size: 36px;
		line-height: 38px;
		top: -325px;
		}
	}

@media (max-width: 767px){
	.uw-hero-image{
		display: block;
		height: 210px;
		}
	
	.uw-body .uw-site-title,
	.home .uw-body .uw-site-title {
		position: absolute;
		top: -225px;
		left: 35px;
		color: #fff;
		font-family: "Encode Sans Compressed", sans-serif;
		font-size: 30px;
		line-height: 32px;
		font-weight: 900;
		-webkit-font-smoothing: antialiased;
		width: 100%;
		margin: 0;
		padding: 0;
		padding-right: 0;
		}
		
	body.home div.block-beige,
	body.home div.block-white{
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
		border-radius: 15px;
		}
	
	.uw-hero-image:before, 
	.no-uw-hero-image:before{
		height: 210px;
		width: 100%;
		transform: none;
		left: 0;
		}
	
	div.download-button a {
		font-size: 15px;
		}
		
	}

@media (max-width: 567px){
	.uw-body .uw-site-title,
	.home .uw-body .uw-site-title {
		font-size: 25px;
		line-height: 27px;
		}
	}

.w-logo-purple {
	height: 45px; 
	width: 68px; 
	position: absolute; 
	top: -2px; 
	left: 0; 
	z-index: 1
}

.uw-wordmark-purple {
	height: 12px; 
	width: 165px; 
	position: absolute; 
	top: 14.5px; 
	left: 68px; 
	z-index: 1;
	visibility: hidden;
}

.fred-hutch{
	height: 40px; 
	width: 152px; 
	position: absolute; 
	top: 3px; 
	right: 62px; 
	z-index: 1;
}

.w-wrapper {
	display: inline-block;
	position: absolute;
	width: 68px;
	height: 45px;
	top: -2px;
	left: 0;
	z-index: 1;
}

.w-wrapper svg {
	width: 100%;
	height: 100%;
}

.uw-sidebar .widget.widget_nav_menu{
	padding-left: 0;
	padding-right: 0;
	} 

.col-md-3.uw-sidebar{
	padding-right: 0;
	padding-left: 0;
	}


.widget_nav_menu ul.menu > li {
	background-color: #84754D;
	}

.widget_nav_menu ul.menu li a, 
.widget_nav_menu ul.menu li span {
    color: #fff;
    padding: 6px 25px 6px 20px;
    border-bottom: 10px solid #FFF;
    display: block;
}

@media (min-width: 480px){
	.uw-wordmark-purple{
		visibility: visible;
	}
}

@media (min-width: 576px){
	.uw-thinstrip {
		height: 45px;
	}

	.w-logo-purple {
		height: 45px; 
		width: 68px; 
		position: absolute; 
		top: -2px; 
		left: 0; 
		z-index: 1
	}

	.uw-wordmark-purple {
		height: 16px; 
		width: 220px; 
		position: absolute; 
		top: 14.5px; 
		left: 68px; 
		z-index: 1;
	}

	.fred-hutch{
		height: 40px; 
		width: 152px; 
		position: absolute; 
		top: 3px; 
		right: 62px; 
		z-index: 1;
	}

	.w-wrapper {
		width: 68px;
		height: 45px;
		top: -2px; 
		left: 0; 
		z-index: 1
	}

}

@media (min-width: 768px){
	.uw-thinstrip {
		height: 65px;
	}

	.w-logo-purple {
		height: 45px; 
		width: 68px; 
		position: absolute; 
		top: -14px; 
		left: 0; 
		z-index: 1
	}

	.uw-wordmark-purple {
		height: 16px; 
		width: 220px; 
		position: absolute; 
		top: 3px; 
		left: 70px; 
		z-index: 1;
	}

	.fred-hutch{
		height: 40px; 
		width: 152px; 
		position: absolute; 
		top: -10px; 
		right: 180px; 
		z-index: 1;
	}

	.w-wrapper {
		width: 68px;
		height: 45px;
		top: -14px; 
		left: 0; 
		z-index: 1
	}
}

/* Fixes Quick Links position in md to lg breakpoint */
@media (min-width: 768px) and (max-width: 991px){
	#search-quicklinks{
		position: absolute !important;
		top: -12px !important;
		right: -80px !important;
	}
}

@media (min-width: 992px){
	.uw-thinstrip {
		height: 90px;
	}

	.w-logo-purple {
		height: 90px; 
		width: 136px; 
		position: absolute; 
		top: -22px; 
		left: 0; 
		z-index: 1
	}

	.uw-wordmark-purple {
		height: 24px; 
		width: 330px; 
		position: absolute; 
		top: 12px; 
		left: 125px; 
		z-index: 1;
	}

	.fred-hutch {
		height: 62px; 
		width: 239px; 
		position: absolute; 
		top: -9px; 
		right: 150px; 
		z-index: 1;
	}

	.w-wrapper {
		width: 136px;
		height: 63px;
		top: -12px; 
		left: 0; 
		z-index: 1
	}
}

@media (max-width: 768px){
    	
    	h2.recruit-head.therapists {
	    font-size: 26px;
	    margin-right: 15px;
	    margin-left: 15px;
		}
    	
	}

@media (max-width: 670px){
		
	div.container.uw-body div.uw-site-title {
        margin-top: -40px;
    		}
    	
    	h2.recruit-head.therapists {
	    font-size: 26px;
	    margin-right: 15px;
	    margin-left: 15px;
		}
    	
	}
@media (max-width: 576px){
		
	div.container.uw-body div.uw-site-title {
        margin-top: -40px;
    		}
    	
    	 h2.recruit-head.therapists {
	    	font-size: 26px;
	    margin-right: 15px;
	    margin-left: 15px;
		}
    	
	}
	
.uw-icon-color {
	fill: #4B2E83;
  }
  
.w-wrapper:hover .uw-icon-color {
	fill: #b7a57a;
}
.uw-hero-image::before {
	background: url(https://depts.washington.edu/mdma-narcissism/wordpress/wp-content/themes/psychstudy/assets/narcissism-header.png);
	background-size: cover;
	background-position: center;
	height: 350px;
	background-color: unset;
	transform: unset;
	left: unset;
	width: 100%;
}

.recruit-bar {
	background-color: #4B2E83;
	padding-top: 15px;
	padding-bottom: 20px;
	left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    width: 100vw;
}

.recruit-head {
	font-size: 36px;
	color: #FFF !important;
	margin: 0;
}

.recruit-head.therapists {
	font-size: 32px;
	color: #FFF !important;
	margin: 0;
}

.uw-body {
	padding-top: 0 !important;
}