/*
Theme Name:     Workality Lite Child Theme
Theme URI:      http://northeme.com/
Description:    Child Theme for Workality Lite
Author:         Northeme.com
Template:       Workality-Lite-master
Version:        0.1.0
*/

@import url("../Workality-Lite-master/style.css");


a{
	color: #000;
}

#partners ul li a:hover{
	color: #ec2690;
}

#header_wrapper{
	border-bottom: none!important;
}

#header_logo{
	margin-top: 25px;
	border-bottom: none!important;
	margin-bottom: 30px;
	margin-left: 0px;

	border-bottom: 8px double #222!important;

	height: 180px;
}

#post-list h3 a{

	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 32px;

	margin-left: 3px;
	margin-right: 3px;

	color: #000;
	text-shadow: none;



	line-height: 1em;
	 -webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.2) 0 0 1px;
}


#post-list h3 a:hover{
	color: #ec2690;
}

/*
#stripe{
	height:65px;
	width: 100%;
	background: #000;
	position: absolute;
}*/

ul.main-nav li a{
	text-shadow: none;
	color: #000;

	font-family: "PT Sans", serif;
	font-weight: 700;
	font-size: 18px;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.1) 0 0 1px;
}
ul.main-nav .current_page_item a, ul.main-nav .current_menu_item a, ul.main-nav li:hover a{
	color: #ec2690;
	border-bottom: none;
}

div.nav-div{
	margin-top: 12px;
}

body{
	background: #fff;
}

.searchform{
	margin-top: 30px;

	
}

.searchform form
{
	display: inline-flex!important;
}

 input.medium{
	height: 12px;
	padding: 12px;
	margin-top: 0px;

	margin-right: 6px;
}

.searchform button{
	padding: 3px 3px;
	height: 42px;
	width: 42px;

	background: #fff;
	border: none;

	display: inline-flex;
}

.icon-search{
	background: url(images/searchicon.png) no-repeat;
	background-size: 32px 32px;
	padding: 2px;

	height: 36px;
	width: 36px;
}

.cdrl-project{
	max-width: 256px;
	margin: 0px;
	
}


.cdrl-project{

	transform-origin:bottom right;

	 -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    opacity: 1;
    /*border: 0.01px solid;*/

    margin-left: 4px;
    margin-right: 4px;
}

/*
.cdrl-project:hover {

	transform-origin:bottom right;
	-ms-transform: scale(1.01); 
    -webkit-transform: scale(1.01); 
    transform: scale(1.01);

    border: 9px solid #FF4D00;

    z-index: 100;
}*/

.cdrl-project:hover .cdrl-project-title img{
	opacity: 0.2;
}

.cdrl-project-title{
/*
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;



	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    padding-bottom: 6px;
 
 	display: none!important;
 	opacity: 1!important;*/
}

.profile-sidebar h3{
	display: block!important;

	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 32px;

	margin-left: 3px;
	margin-right: 3px;

	color: #000;
	text-shadow: none;

	text-transform: uppercase;

	line-height: 1em;
	 -webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.2) 0 0 1px;
}

#singlecontent p{
	font-family: "PT Sans", sans-serif;
	font-weight: 400;
	font-size: 15px;
}

#singlecontent p a{
	color: #000;
	font-style: italic;
}

#singlecontent p a:hover{
	color: #ec2690;
}

#singlecontent h2 a{
	display: block!important;

	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 32px;

	margin-left: 3px;
	margin-right: 3px;

	color: #000;
	text-shadow: none;

	text-transform: uppercase;

	line-height: 1em;
	 -webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.2) 0 0 1px;
}

#singlecontent .pinfo a{
	color: #666;
	font-style: italic;
}

#singlecontent .pinfo a:hover{
	color: #ec2690;
}

#singlecontent h2 a:hover{
	color: #ec2690;
}

.cdrl-project-title h5 a{
	display: block!important;

	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 30px;

	margin-left: 3px;
	margin-right: 3px;

	color: #000;
	text-shadow: none;

	text-transform: uppercase;

	line-height: 1em;
	 -webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.2) 0 0 1px;
}

.cdrl-project-title h5 a:hover{
	color: #ec2690;
}

.cdrl-project:hover .cdrl-project-title{
	display: block!important;
	opacity: 1!important;


}

.cdrl-cats{
	color: #ec2690;
	margin-left: 3px;
	margin-top: 12px;
	padding-bottom: 12px;

	font-style: italic;

	border-bottom: 2px solid #666;
}

#partners h3{

	font-size: 28px;
	text-transform: none;
	font-family: "Arvo", serif;
  font-weight: 400;
  font-size: 32px;

	-webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.05) 0 0 1px;

	 margin-top: 10px;
	  margin-bottom: 25px;
}


#filters h3{

	font-size: 28px;
	text-transform: none;
	font-family: "Arvo", serif;
  font-weight: 400;
  font-size: 32px;

	-webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.05) 0 0 1px;

	 margin-top: 10px;
	  margin-bottom: 25px;
}

#highlights h3{

	font-size: 28px;
	text-transform: none;
	font-family: "Arvo", serif;
  	font-weight: 400;
  	font-size: 32px;

	-webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.05) 0 0 1px;

	 margin-top: 10px;
	 margin-bottom: 25px;
}

#filters a{

	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	background: #222;
	text-transform: lowercase!important;
	padding: 5px;

	padding-left: 7px;
	padding-right: 7px;
	margin-top: 6px;
	margin-left: 3px;

	line-height: 2.2em;
}

#filters a:hover{
	background-color: #ec2690;
	color: #000;
}

#filters a.selected{
	background-color: #ec2690;
	color: #000;
}

#entrylogo{
	/*background-image: url("images/ucbw.jpg");
	background-repeat: no-repeat;
	background-size: 1960px 1120px;

	height: 1120px;
	width: 100%;

	position: absolute;*/


	background: url(images/ucbw.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#entrylogo img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    
}

#placeholderentry{
	display: block;
	height: 12%;
}

#entrylogo h5{

    

  	 font-family: "Lato", sans-serif;
  	 text-shadow: none;
  	 font-weight: 700;
  	 text-transform: uppercase;
  	 font-size: 21px;
  	 line-height: 1.3em;
  	 color: #fff;

  	 width: 500px;
		margin-left: auto;
		margin-right: auto;

	margin-top: 24px;
	opacity: 0.8;

}

#imgandheaders{

	width: 50%;
    margin: 0 auto;

    height: 100%;
}

#entrylogo h5 a:hover{
	color: #FF4D00;

}

#entrylogo h5 a:focus{
	color: #FF4D00;

}

#imgandheaders img{
	 -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    opacity: 1;
    border: 0.01px solid;

}

#imgandheaders img:hover {
	-ms-transform: opacity(0.2); /* IE 9 */
    -webkit-transform: opacity(0.2); /* Chrome, Safari, Opera */
    transform: opacity(0.2);

    z-index: 100;
}

.entrybutton{
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}


.entrybutton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;

	background-color: rgba(255, 255, 255, 0.5);

	text-indent: 0;

	color: #222;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-weight: 700;
	font-style: normal;
	height: 42px;
	line-height: 42px;

	text-decoration: none;
	text-align: center;
	text-shadow: none;

	display: block;
	width: 210px;
	margin-left: auto;
	margin-right: auto;

	margin-top: 120px;
}
.entrybutton:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: #000;
}.entrybutton:active {
	position:relative;
	top:1px;
}

.memberprofile h5{
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 30px;

	margin-left: 3px;
	margin-right: 3px;
	margin-top: 12px;

	color: #000;
	text-shadow: none;

	text-transform: uppercase;

	line-height: 1em;
	 -webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0,0,0,0.2) 0 0 1px;
}

.memberprofile h5 a:hover{
	color: #ec2690;
}

#institution_profiles{
	color: #000;

	font-family: "PT Sans", sans-serif;
	font-weight: 300;
	font-size: 12px;
	font-style: italic;

	margin-top: 9px;
}

#institution_profiles a{
	color: #222;
}

#filters .fullnav{
	margin-bottom: 15px;
}

.cdrl-cats span{
	font-style: none!important;
	color: #000;
}

.wp-caption, blockquote, .widget li, .widget, .navigation-bottom a, table#wp-calendar, .border-color, .widget_tag_cloud div a {
	border-color: #d5d5d5!important;
}

.blogpost{
	border-bottom: 1px solid #d5d5d5!important;
}

.widget h4{
	font-family: "PT Sans", sans-serif;
}

.widget a{
	color: #000;
}

.widget a:hover{
	color: #ec2690;
}

h3{
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 24px;

	margin-bottom: 15px;
	margin-top: 30px;
}

p{
	font-family: "PT Sans", sans-serif;
	font-size: 15px;
}

p a{
	color: #000;
	font-style: italic;
}

p a:hover{
	color: #ec2690;
}

ol li{
	font-family: "PT Sans", sans-serif;
	font-size: 15px;
}

ol{
	margin-top: 30px;

	list-style-type: disc;
}

.profile-sidebar h3{
	margin-top: 12px;
}

.profile-sidebar #institution_profiles{
	margin-left: 6px;
}

.memberprofile{
	margin-bottom: 16px;
}



#post-list .bottom a{
	color: #000;
	font-style: italic;
}

#post-list a:hover{
	color: #ec2690;
}

#post-list h3{
	margin-top: 0px;
	font-style: none;
}

#post-list h3 a{
	font-style: none;
}

.cdrl-project-title{
	display: block;
}

.quote h5{
	font-family: "PT Sans", sans-serif;
	text-transform: none;
	font-style: italic;

	font-size: 21px;
	line-height: 1.2em;
	padding: 5px;
	padding-left: 15px!important;
 

	border-left: 5px solid #ec2690;
}

#entrypage{
	background-image: url("images/entrypage-01.png");
	background-size: 960px 720px;
	height: 720px;
	width: 960px;
}

#entrypagea{
	display: block;
	background-image: url("images/entrypage-01.png");
	background-size: 1080px 810px;
	height: 810px;
	width: 1080px;
	filter: grayscale(100%);
}
#entrypagea:hover{
	filter: grayscale(0%);
	-webkit-transition: background-color 5s; /* Safari */
    transition: background-color 5s;

}

#entrytext h5{
	padding-left: 15%;
	padding-right: 15%;

	text-align: center;

	font-family: "PT Sans", sans-serif;
	font-size: 21px;
	line-height: 1.2em;

	margin-top: 30px;
}

.flexslider h5{
	font-family: "PT Sans", sans-serif;
	font-size: 21px;
	line-height: 1.2em;

	color: #fff;

	margin-top: 12px;
	margin-bottom: 12px;

	text-shadow: none;
}

.flexslider .caption{
	margin-bottom: 15px;
}

.thecontent h4{
	font-family: "PT Sans", serif;
	font-weight: 700;
	font-size: 18px;

	margin-top: 35px;
	margin-bottom: 24px;
}

.blogpage{
	margin-top: 0px!important;
}

#filters{
	/*border-bottom: 2px solid #222;*/

	margin-bottom: 10px;
}

#metaslider_115{
	margin-right: 15px;
}

#projects-sidebar{

/*border-right: 8px solid #bba330;*/
}

#narrative p{
	font-family: "PT Sans", serif;
	font-size: 16px;

	color: #222;
	padding: 5px;

	margin-bottom: 0px;
	margin-top: 24px;

	line-height: 1.3em;
}

#narrative{
	background-color: #d9d9d9;
}

#filters{
	background-color: #d9d9d9;
	padding: 10px;
}

#highlights{
	padding: 10px;
	background-color: #ec2690;
}

#partners{
	background-color: #d9d9d9;

	padding: 10px;
	margin-top: 10px;
}


#header_wrapper .nav-div{
	float: right!important;

	display: inline;
}

#header_wrapper .searchform{

	float: right;
}

.profile_single{
	margin-left: 10%;
	margin-right: 10%;

}

#aboutpage{
	max-width: 900px;
	margin: 0 auto;
}

#parsonslogo{
	background-color: #000;
}