/*
@import 'https://www.archivingpoliceviolence.org/themes/papvc/css/erin.css';
@import 'https://www.archivingpoliceviolence.org/themes/papvc/css/nicole.css';
*/

/* nav tweaks */
.nav{
	padding-top: .35em;
	margin-left: 0 !important;
	width: auto !important;
}

#primary-navigation{
	padding: 0 !important;
}
.navbar-right .form-group{
	background-color:#999;
}
.navbar-form button{
	background-color:#999;
	color:#fff;
	border: 1px solid #999;
	text-transform: uppercase;
}
.form-control{
	border-color:#aaa;
	color: #3b2c2f;
}

/* general */
.files-container{margin-bottom: 2em;}
.files-container img.full,
.files-container .video-container,
.files-container audio,
.files-container iframe{
	width:100%;
	max-width: 100%;
	padding:0;
	margin:0;
}

/* thumb gallery */
.gallery-thumbs .square_thumbnail img.thumb{
	max-width: 100%;
	height: auto;
}
.gallery-thumbs{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.gallery-thumbs .square_thumbnail{
	width:24%;
	padding: .5em 0 0;
}
.gallery-thumbs .square_thumbnail:nth-child(4n+4) {
}



/* VideoJS */
.video-js {padding-top: 56.25%;max-width: 100%;max-height: 380px}
.vjs-fullscreen {padding-top: 0px}

/* Description */
.item-show-description{
	margin-bottom: 2em;
}
#content .container .row .no-files{
	max-width: 55em;
	margin:0 auto;
	float: none;
}

/* Toggle metadata */
a.toggle,a.toggle:visited,a.toggle:active,a.toggle:focus{
    display: block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    text-decoration: none;
    color: #db572f;
    border-radius: 5px;
}
a.toggle:hover{
	background-color: #eee;
}

/* Item meta */
.item-meta a{
	text-decoration: underline;
}
.item-meta{
	margin-bottom: 2em;
	color:#777;
}

/* Citation */
#item-citation{
	margin: 0 auto 2em;
}
.citation-url{
	word-wrap: break-word;
}

/* Comments */
#idc-container{
	border-top: 1px dashed #ccc;
	padding-top: 1em;
}

/* Docs Viewer */
#docsviewer h2,
#docsviewer_viewer h2{
	display: none;
}
/* Collections */
#browse-items{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;	
}
#browse-items .hentry{
	flex-grow: 1;
	width: 31%;
	padding: 0 0 1em;
	border-bottom: 1px solid #ccc;
	margin: 1%;
}
.collections.show #browse-items{
	border-top: 1px solid #ccc;
	padding-top: 1em;
	margin-top: 1em;	
}
/*
#browse-items .hentry:nth-child(3n+3){
	margin-right: 0;
	padding-right: 0;
}
#browse-items .hentry:nth-child(4n),#browse-items .hentry:nth-child(7n),#browse-items .hentry:nth-child(10n),#browse-items .hentry:nth-child(13n),#browse-items .hentry:nth-child(16n),#browse-items .hentry:nth-child(19n),#browse-items .hentry:first-child{
	margin-left: 0;
	padding-left: 0;
}
*/
#browse-items .hentry img{
	float: left;
	width: 25%;
	padding: 1% 3% 0 0; 
}
#browse-items .hentry .full{
	display: block;
	max-height: 15em;
	overflow: hidden;
	margin-bottom: 1em;
}
#browse-items .hentry .full img{
	float: none;
	width: 100%;
	padding: 1% 0 0 0; 
	font-size: 0;
}
#browse-items h3{
	margin-top: 0;
}
@media all and (max-width:40em){
	#browse-items .hentry{
		width:100%;
		margin: 1% 0;
		padding: 1% 0 2%;
	}
	#browse-items .hentry img{
		width: 25%;
	}
}

.item-description{
  display: -webkit-box;
  overflow-y: hidden;	
  /* Chrome/Blink only... not critical */
  -webkit-line-clamp: 14;
  -webkit-box-orient: vertical;   
}

a.collection-button{
    display: block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    text-decoration: none;
    color: #db572f;
    border-radius: 5px;	
    float: right;
    margin-top: 2em;
    border-radius: 15px;
    min-width: 32%;
}

.browse-collections .collection{
	margin: 2em 0 1em;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 1em;
}

.browse-collections .collection img{
	max-width: 100%;
	font-size: 0;
}
/* Subnav */
#content .nav{width: 100% !important;float: none !important;width: 100%;}

/* Search results */
#search-filters ul{display: inline-block; list-style-type: none;margin: 1em 0;padding: 0 0 .5em 0;border-bottom: 1px solid #ccc;width: 100%;line-height: 1.6em;}
#search-filters ul li{display: inline-block; padding-right: 1em;}
#search-filters ul li span{padding: 0 ;margin-right: .1em;text-transform: capitalize}

/* Advanced search */
#advanced-search-form{margin-top: 2em;width: 100%;display: block}
#advanced-search-form .label{color:inherit !important}
#advanced-search-form .field{margin-bottom: 1em;}
#advanced-search-form .field select {margin-right:1em;}
#search-narrow-by-fields button{margin-top: .5em;}
.search .item{border-bottom:1px solid #eaeaea;margin: 2em 0 1em;padding-bottom:1em;}

/* Admin Bar */
#admin-bar li a{
	padding:.5em 1em .5em 0;
}
#admin-bar #menu-admin-bar-welcome + ul {
    display: none;
    text-align: left;
    position: absolute;
    left: 0;
    top: 1.5em;
    background: #404040;
    padding-left: 0
}
#admin-bar #menu-admin-bar-welcome:hover + ul, #admin-bar #menu-admin-bar-welcome + ul:hover{
	display: inline-table;
}
#admin-bar #menu-admin-bar-welcome + ul li a{
	display: block
}
/* Contribution and Guest User */
#contribution-type-form{padding:1em 0; border-top:1px dashed #ccc; margin-top:1em;}
#contribution-type-form .explanation, body.register .explanation, body.update-account .explanation{display: none;}
#contribution-type-form .field, #fieldset-login .field, body.update-account .field{margin:2em 0 1em}
div#contribution-type-form div.inputs, body.login main #fieldset-login, body.login main form, body.register main form,body.update-account main form{width:100%;max-width: 44em}
#contribution-type-form textarea, #contribution-type-form input,
body.login main input#username, body.login main input#password, input#email, input#name,textarea#message,
body.register main form input#username, body.register main form input#password, body.register main form input#name, body.register main form input#email, body.register main form input#new_password, body.register main form input#new_password_confirm,
body.update-account main form input#username, body.update-account main form input#password, body.update-account main form input#name, body.update-account main form input#email, body.update-account main form input#new_password, body.update-account main form input#new_password_confirm, body.update-account main form input#current_password{width: 100%;border:1px solid #ccc;padding:.5em;max-width: 45em;}
#contribution-type-form textarea{min-height: 12em;}
#contribution-confirm-submit > p{margin: 1em 0 0.25em; font-style: italic;}
body.contribution main #form-submit, body.login main #submit, body.register main #submit, body.login main .submit, body.update-account main #submit{margin-top: .5em;}
#fieldset-login > div:nth-child(3){display: block;margin: 1em 0;}
#fieldset-login > div:nth-child(3) > div.inputs.six.columns.omega,
#remember{display: inline}
#remember-label{display: inline-block;}
body.register .columns.omega, body.update-account .columns.omega{display: block;margin:0 !important;}
body.register .columns, body.update-account .columns{float:none !important;}
table {width: 100%;border: 1px solid #ccc;min-height: 10em;padding: 1em;margin: 1em 0 1em;}
table th{padding:.5em}
table td{padding: .5em}
table thead{background:#f2f2f2;border-bottom: 1px solid #ccc;}
#content > div > div.guest-user-widget{position: relative}
#content > div > div.guest-user-widget ul + a{padding: 1em;text-align: center;display: inline-block;position: absolute;bottom: 0;width: 100%;}
#content > div > div.guest-user-widget h2 + p{text-align: center}
h2.guest-user-widget-label{padding:1em;}

/* Output formats */
#outputs{display: block;text-align: right;}

/* Browse pagination */
.pagination-container{ border-bottom: 1px solid #ccc;margin-bottom: 1em;}
body.browse .pagination{display: flex;margin-bottom: 2em;}
body.browse .pagination > li{margin-right: 5px;}
body.browse .pagination input{padding: 5px;}

/* Tags */
.hTagcloud ul{display: inline-block;margin: 0;padding: 0;}
.hTagcloud ul li{display: inline;}
.hTagcloud ul li a{margin: 5px;}
.popular{font-size: 1em;opacity:.75}
.v-popular{font-size: 1.25em;opacity:.85}
.vv-popular{font-size: 1.5em;opacity: 1}
.vvv-popular{font-size: 2em;}
.vvvv-popular{font-size: 2.5em;}
.vvvvv-popular{font-size: 3em;}
.vvvvvv-popular{font-size: 3.5em;}

/* reset Recaptcha styles (todo: add proper body class to contribution and guest user templates so we can target those tables properly... then delete this) */
table#recaptcha_table{width: inherit !important;border: inherit !important; min-height: inherit !important;padding: inherit !important; margin: 1em 0 2em !important}

@media all and (max-width: 767px){
	.navbar-form .form-group:last-child {
	    display: flex;
	    padding: .5em;
	}
	.dropdown-menu{
		position: relative;
		float: none;
		background: #fafafa !important;
		text-align: center;
	}
	
}
@media all and (min-width: 767px) and (max-width: 960px){
	.navbar-left, .navbar-form button {
	    font-size: .9em !important;
	}
	.navbar-left li{
		
	}

}
@media all and (max-width: 1000px) and (min-width:767px){
	.nav-pills>li>a{
		padding: 10px 8px;
		margin-top: 4px;
	}		
}

img {
    max-width: 100%;
}
body{
	font-family:"Quattrocentro";
	background-color: #f6f6f6;
}
p,li,{
	font-family: "Quattrocento";
	font-size: 1.1em;
}
a{
	color:#db572f;
}
h1,h2,h3,h4,h5,h6,#admin-bar ul li a{
	font-family: "Open Sans" !important;
}
h1{
font-size: 2em;
font-weight: 700;
color:#722d19;

}
h2{
font-size: 1.6em;
color:#3b2c2f;
}
h3{
font-size: 1.5em;
color:#990000;
}
/*HEADER*/
.navbar-form input,button{
	font-family: "Open Sans";
	box-shadow: none;
	border-radius: none;
}

input.form-control,button.form-control,button.btn{
	border-radius:0;
}
.navbar-form .btn-default{
}
/*MAINNAV*/

.navbar-default{
	border-color:#ffffff;
	background-color:#ffffff;

}


.dropdown-menu{
	border:none;
	background-color:rgba(255,255,255,.95);
	box-shadow:none;
}
a.nav-header,a.dropdown-toggle{
	color:#3b2c2f;
	font-family: "Open Sans";
	text-transform: uppercase;

}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background-color: #eeeeee;
	color:#722d19;
}
ul.dropdown-menu>li{
	font-family: "Open Sans";
}
/*********************************
HOME
*********************************/

.home-node img{
	margin-bottom: .5em;
}

/*CAROUSEL*/
.bxslider>li>img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin:auto;
}
.browse-items>ul{
	list-style: none;
}
#sort-links-list{
	list-style: none;
	font-style: bold;
	
}

.browse_sort_links{font-size: 1.1em; margin: 0 1em 2em;text-align: right;}
.browse_sort_links a{color: #23527c;}
.browse_sort_links .sorting a{text-decoration: underline;font-weight: bold;}
.browse_sort_links ul{padding: 0;margin: 0; display: inline;}
.browse_sort_links ul li{display: inline-block;padding-left: .5em;}

.browse-items>ul>li{
	padding:.5em;
	margin:1em;
}
.browse-items img{
	max-width:100%;
	border:5px solid #ffffff;
	margin-bottom: 5px;
}
/***********************
RESPONSIVE
***********************/
@media(max-width:480px){
	#content .container .nav{
		font-size: .85em;
	}
	#content .container .nav>li>a{
		padding: 10px 5px;
	}
}

@media(max-width:767px){
	#primary-navigation>ul>li{
		width:100%;
		text-align: center;
	}
}

img {
    max-width: 100% ;
}
body{
	font-family:"Quattrocento";
}
p{
	font-family: "Quattrocento";
}
a{
	color:#db572f;
	font-style: bold;
}
.no-border{
	border:none !important;
}
/*HEADER BANNER*/
div#banner{
background:url("../images/carBackground.jpg");
background-repeat: no-repeat;
background-size: cover;
/*ackground-position-y:-200px;*/
padding-left: 0;
}
div#banner img{
	max-width:300px;
}
/*MAINNAV*/
.navbar-default{
	border-color:#ffffff;
	background-color:#ffffff;

}
a.nav-header,a.dropdown-toggle{
	color:#3b2c2f;
	font-family: "Open Sans";
	font-weight: 600;
	text-transform: uppercase;

}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background-color: #eeeeee;
	color:#722d19;
}