/** 
	Housing Rights Watch Main CSS File
	- BigPixel Creative

**/
 
 /* Generic Page options */
 body{font-family: 'Varela Round', sans-serif;}
 a{
	color:#acb2b4;
	font-family: 'Varela Round', sans-serif;
 }
 a:hover{
	color:#FFFFFF;
	text-decoration:none;
	cursor: pointer;
 }
 
 p{font-family: 'Varela Round', sans-serif;}
 
 h1, h2, h3, h4, h5, h6{
	margin:10px 0;
	font-family: 'Quicksand', sans-serif;
 }
 
 h2{
	font-size:60px;
	font-weight: 300;
 }
 h3{
	font-size:50px;
	font-weight: 300;
 }
 h4{
	font-size:18px;
	color:#12b152;
	text-transform: uppercase;
 }
 
 .post-content .pull-quote, .pull-quote{
	padding:10px 20px;
	padding-bottom:5px;
	max-width: 320px;
	font-size: 23px;
	
 }
 
 .pq-left, .post-content .pq-left{
	float:left;
	padding-left:0;
 }
 .pq-right,.post-content .pq-right{
	float:right;
	padding-right:0;
}
 
 li a.active{
	color: #00ad3f;
 }
 
 .container{padding:0;} /** remove bootstrap padding so width is actually 1170 both sides **/
 
 .inline{display:inline-block;}
 
 .grey-separator{
	background:url(../images/grey-separator.png) no-repeat;
	height:70px;
	width:3px;
	margin: 0 13px;
	margin-bottom:-9px;
 }
 
 .hide-text{
	line-height: 0; 
    font-size: 0;
    color: transparent; 
 }
 
 .social-media a{
	line-height: 0; 
    font-size: 0;
    color: transparent; 
	vertical-align:middle;
 }
 
.row-full, .row-full-grey{
	padding: 55px 0;
}

.row-full{background:#FFF;}
.row-full-grey{background:#e5e7e8;}
 
 
 
 /** Mobile dropdown menus */
 .mobile-container{
	
 
 }
 .mobile-container, .mobile-container .menu-drop {display:inline-block;} 
 .mobile-container a.mobile-nav-button{display:none; vertical-align: middle;}

 .mobile-container .mobile-nav-button{
	background: #ff7311; 
	width:42px; 
	height:42px; 
	border-radius: 3px; 
	padding:10px;
}
 
 .mobile-container .menu-drop.menu-drop-on{
	display:none;
	position:absolute;
	text-align:left;
	margin-top:-4px;
	top:73px;
	left:50%;
	z-index:1;
 }
 
 .mobile-container .menu-drop.menu-drop-on > ul, 
 .mobile-container .menu-drop.menu-drop-on > form, 
 .mobile-container .menu-drop.menu-drop-on > div {
	background: #ff7311; 
	position:relative;
	border-radius: 3px;
	padding: 10px 0px;
	left:-50%;
	display:block;
 }
 .mobile-container .menu-drop.menu-drop-on > form.header-search{
	padding: 20px 0;
 }
 .mobile-container .menu-drop.menu-drop-on ul li {
	display:block;
	border-bottom: 1px solid #ffb886;
	margin:0;
	float:none;
 }
 
 .mobile-container .menu-drop.menu-drop-on ul li a {
	display:block;
	color:#ffe3cf; 
	white-space:nowrap;
	height:36px;
	padding: 10px;
}
.mobile-container .menu-drop.menu-drop-on ul li > ul li{
	border: none;
}
.mobile-container .menu-drop.menu-drop-on ul li ul li a{
	color: #474747;
}

.mobile-container .menu-drop.menu-drop-on ul li:hover,
.mobile-container .menu-drop.menu-drop-on ul li a:hover,
.mobile-container .mobile-nav-button:hover
{
	background: #ff9348;
 }
 
 .mobile-container .menu-drop.menu-drop-on .lang-switcher li:after{display:none;}
 
 .mobile-container .menu-drop.menu-drop-on.open{display:inline-block;}
 
 
 .search-icon{background: url('../images/search-icon.png') no-repeat center; width:20px;height:20px;}
 .menu-icon{background: url('../images/menu-icon.png') no-repeat center; width:20px; height:20px;}
 
 /** ********* end generic stuff ****** **/
 
/** HEADER **/
.header
{
	background:#000;
	padding:0;
}
.header .row-contents{
	padding: 15px 0;
}
 
.header .logo{
	background: url(../images/hrw-logo.png) no-repeat;
	min-height: 70px;
	width: 125px;
	float:left;
}
 
.header .right-menu-container{
	float:right;
}

.header .top-menu .top-nav-grey,
.header .top-menu .lang-switcher,
.header .top-menu .social-media,
.header .top-menu .header-search
{
	display:inline-block;
	vertical-align:middle;
}

.header .top-menu{
	text-align:right;
	margin-bottom:15px;
}

/** GREY NAV **/

.header .top-menu ul.top-nav-grey{
	text-transform: uppercase;
	font-size: 13px;
	list-style:none;
	margin:0;
	padding:0;
}

.top-menu ul.top-nav-grey li{
	display:inline-block;
	margin: 0 7px;
}

/* END Grey Nav */

.lang-switcher{margin:0 15px;}
.lang-switcher a:hover{
	color: #00ad3f;
}

.lang-switcher ul{
	list-style:none;
	margin:0;
	padding:0;
}
.lang-switcher li{
	display:inline-block;
}

.lang-switcher li:after{
	content:"";
	border-right: 1px solid #acb2b4;
	width:1px;
	height:25px;
	margin:0 2px 0 6px;
}

.lang-switcher li:last-of-type:after{
	border:none;
}

.header .social-media{
	height:23px;
}
.header .social-media a
{
	height:23px; 
	width:23px;
	display:inline-block;
	margin: 0 3px;
}
.icon-small-twitter {background: url(../images/icon-small-twitter.png) no-repeat;}
.icon-small-fb {background: url(../images/icon-small-fb.png) no-repeat;}
.icon-small-linked {background: url(../images/icon-small-linked.png) no-repeat;}
.icon-small-rss {background: url(../images/icon-small-rss.png) no-repeat;}

.icon-small-twitter:hover{background: url(../images/icon-small-twitter-hover.png) no-repeat;}
.icon-small-fb:hover{background: url(../images/icon-small-fb-hover.png) no-repeat;}
.icon-small-linked:hover{background: url(../images/icon-small-linked-hover.png) no-repeat;}
.icon-small-rss:hover{background: url(../images/icon-small-rss-hover.png) no-repeat;}

.header .top-menu .header-search input{
	height:23px;
	width:146px;
	background:#b4b3b3;
	color:#000;
	border-radius:10px;
}

.mobile-container.search {
	margin: 0 0 0 3px;
}

/** Changing place holder - 2013 09 04 */
/*** NOTE: Need to keep separate or else the entire thing is ignored ***/
.header .top-menu .header-search input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
	font-weight:bold;
	text-transform:uppercase;
}
.header .top-menu .header-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
	font-weight:bold;
	text-transform:uppercase;
}
.header .top-menu .header-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
	font-weight:bold;
	text-transform:uppercase;
}
.header .top-menu .header-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
	font-weight:bold;
	text-transform:uppercase;
}
/*** NOTE: Need to keep separate or else the entire thing is ignored ***/


/*** main nav bar */
.header .bottom-menu{text-align:right;}
ul.top-nav-orange{
	list-style:none;
	padding:0;
}

ul.menu.top-nav-orange li, .top-nav-orange li{
	display:inline-block;
	margin: 0 10px;
}

ul.top-nav-orange > li:last-child{
	margin-right:0;
}

.bottom-menu ul.top-nav-orange li a{
	font-size: 17px;
	color: #ff7b18;
}

.bottom-menu ul.top-nav-orange li a.active{
	color: #00ad3f;
}

ul.top-nav-orange li:hover > a, ul.top-nav-orange li > a:hover, ul.top-nav-orange li > a.active:hover,
.bottom-menu ul.top-nav-orange li > ul li a:hover, .bottom-menu ul.top-nav-orange li > ul li:hover a
{
	color:#fff;
}

.bottom-menu ul.top-nav-orange li > ul {
	background: #FFF;
	padding: 20px 0;
	border-radius: 6px;
}

.bottom-menu ul.top-nav-orange li > ul:after {
	background: url('../images/menu-arrow.png') no-repeat center;
	content: '';
	position:absolute;
	top:-12px;
	left:16%;
	width:23px;
	height: 15px;
}

.bottom-menu ul.top-nav-orange li > ul li{
	padding: 5px 20px;
	margin:0;
}

.bottom-menu ul.top-nav-orange li > ul li:hover{
	background:#00ad3f;
}
.bottom-menu ul.top-nav-orange li > ul li a{
	color:#474747;
}


/** Front page Content area **/


/*** MAP BILLBOARD SECTION **/
.main .row-full.home-map{
	padding:0;
}

.main .home-map .map-container{ /** FOR TESTING ONLY - should not have to alter map **/
	/*background:url(../images/testmap.png) no-repeat center center;*/
	width:100%;
	height: 755px;
}

.home-map .container{
	position:relative;
}

.home-map .container .row{margin:0;}

.home-map .map-banner{
	background: #00ad3f;
	padding:6px 20px 10px 20px;
	color:#FFF;
	font-family: 'Varela Round', sans-serif;
	font-size:27px;
	position:absolute;
	bottom:0px;
	
}
.home-map .map-banner .explore{
	color:#000;
}

.home-map .map-banner  .arrow{
	background: url(../images/map-arrow.png) no-repeat;
	height:36px;
	width:30px;
}

/** JURISPRUDENCE DATABASE**/
.jurisprudence .heading h3{display:inline-block;}

.jurisprudence .case-counts{
	color:#ff6817;
	font-family: 'Quicksand', sans-serif;
	font-size: 28.48px;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow:1px;
}

.case-counts strong{font-weight:700;}

.post{
	margin-bottom: 20px;
}
.post .title, .post .title a{
	font-family: 'Varela Round', sans-serif;
	font-size: 20px;
	color: #000;
}

.post .title a:hover{
	color: #00ad3f;
}

.post-info .info-item{
	display:inline-block;
	border-left : 1px solid #b2b2b2;
	padding: 0 4px 0 8px;
}

.post-info .info-item:first-child{
	padding-left:0;
	border:none;
}

.post-info .info-item:last-child{
	padding-right:0;
}

.post-info .info-item, .post-info .info-item a{
	color:#b2b2b2;
	text-transform:uppercase;
	font-family: 'Verdana', sans-serif;
	font-size: 9px;
}
.post-info .info-item a:hover{
	color:#00ad3f;
	text-decoration:none;
}

/** SEARCH FORM  **/
.jurisprudence .front-search-form{
	background: #e5e7e8;
	padding: 30px;
}

.front-search-form form .form-control, .front-search-form  form.form-inline .select{
	margin-bottom: 10px;
}
.front-search-form form input{
	width:100%;
	height:45px;
	display:block;
	font-size:20px;
}

.front-search-form form .select.col-md-4{
	width:33.33%;
}

.front-search-form .btn{
	height:45px;
	font-size:20px;
}

.front-search-form form .select:last-of-type{
	margin-right:0;
}

.front-search-form .dropdown-menu li a span{
	white-space:normal;
}
.front-search-form ul.dropdown-menu{
	height:200px;
}



.front-search-form form input[type="submit"]{
	width:226px;
	background:#12b152;
	color:#fff;
	text-transform:uppercase;
	font-size: 18px;
	text-align:left;
	display:block;
	clear:both;
}

/*** NOTE: Need to keep separate or else the entire thing is ignored ***/
.front-search-form form input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #555;
}
.front-search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #555;
}
.front-search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #555;
}
.front-search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #555;
}
/*** NOTE: Need to keep separate or else the entire thing is ignored ***/


/** NEWS AND FOLLOW US SECTION **/

.info-item.comments{
	border:none;
}
.info-item .comment{
	background:url('../images/comment-icon.png')no-repeat;
	padding-left: 14px;
}

.button-green{
	padding: 10px 11px;
	margin-right: 12px;
	background:#12b152;
	color:#fff;
	display:inline-block;
	font-size:10.84px;
	font-family: 'Montserrat', sans-serif;
}

.button-green:hover{
	background:#da6416;
}

.button-green:after{
	content:'';
	background:url('../images/button-arrow.png') no-repeat right;
	display:inline-block;
	padding-right:15px;
	vertical-align:middle;
	height:12px;
}


.news-follow .heading h3{display:inline-block;}
.news-follow .social-media{
	display:inline-block;
	float:right;
	margin-top:30px;
	margin-bottom:10px;
}
.news-follow .social-media a{
	height:30px;
	width: 30px;
	display:inline-block;
	margin-right:10px;
	background-size:contain;
}
.news-follow .social-media a:hover{
	background-size:contain;
}

.news-follow .social-media a:last-child{
	margin-right:0;
}

.icon-large-twitter {background: url(../images/icon-large-twitter.png) no-repeat;}
.icon-large-fb {background: url(../images/icon-large-fb.png) no-repeat;}
.icon-large-linked {background: url(../images/icon-large-linked.png) no-repeat;}
.icon-large-rss {background: url(../images/icon-large-rss.png) no-repeat;}

.social-media .icon-large-twitter:hover {background: url(../images/icon-large-twitter-hover.png) no-repeat;}
.social-media .icon-large-fb:hover {background: url(../images/icon-large-fb-hover.png) no-repeat;}
.social-media .icon-large-linked:hover {background: url(../images/icon-large-linked-hover.png) no-repeat;}
.social-media .icon-large-rss:hover {background: url(../images/icon-large-rss-hover.png) no-repeat;}




.tweet-container{
	display:inline-block;
	font-family: 'Varela Round', sans-serif;
	font-size:20px;
}

.tweet-container > h3{
	font-weight:400;
}

.tweet-container a:hover{
	color:#00ad3f;
}

.tweet-container .tweet-box{
	background:#fff;
	padding: 20px;
	border-radius: 10px;
}

.tweet-box .tweet-pic{
	height:54px;
	width: 54px;
	float:left;
	margin-right:10px;
}
.tweet-box .post{
	overflow: hidden;
	word-wrap: break-word;
}
.tweet-box .name{
	color:#7f7f7f;
}	
.tweet-box .tweet-at{
	color:#bfbfbf;
}
.tweet-box .tweet{
	color: #000;
}
.tweet-box .retweet{
	color:#b2b2b2;
	font-size:9px;
	font-family: 'Verdana', sans-serif;
	text-transform:uppercase;
}

.post-tweetbox{
	text-align:center;
}
.left-time, .right-time{
	display:inline-block;	
	vertical-align:middle;
	color:#c3c5c5;
}

.left-point, .right-point{
	display:inline-block;
	vertical-align:middle;
    height:74px;
	width:50px;
	background:url('../images/left-point.png') no-repeat bottom left;
}
.right-point{
	background:url('../images/right-point.png') no-repeat bottom right;
}


/** FEATURE SECTION **/

.featured h2{
	margin-bottom: 30px;
}

.feature-item .feature-img{
	height:207px;
}

.feature-item .feature-img img{
	width:100%;
	height:100%;
}

.feature-item .feature-text{
	background:#da6416;
	padding: 11px 18px;
	font-size:20px;
	color:#FFF;
	min-height: 78px;
}


.feature-item a:hover{
	text-decoration:none;
}
.feature-item a:hover .feature-text{
	background:#12b152;
}

/** Footer Sections **/

.footer-sections{
	background:#515b60;
	padding-top:17px;
	border-top:3px solid #888e91;
}
.footer-sections .row-full{
	padding:32px 0 0;
}

/** Footer site section - links to different pages **/
.footer-site{
	background:#596469;
	padding-bottom: 0;
}
.footer-site .row{
	margin-bottom:20px;
}

.footer-site .heading{
	font-size: 24px;
	color: #dee0e1;
	border-bottom:1px solid #788185;
	margin-bottom: 15px;
	padding-bottom:10px;
}

.footer-site p{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	color:#acb2b4;
}

.footer-nav{
	list-style:none;
	padding:0;
}

.footer-site .footer-nav li{
	margin: 8px 0;
}
.footer-nav li a{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
}

.footer-nav li a:hover{
	text-decoration:none;
}

.hrw-signup-modal{
	
}
.hrw-signup-modal .modal-content{
	
}
.hrw-signup-modal .heading{
	
}

.hrw-signup-modal .indicates-required{
	color:#ff0000;
}
.hrw-signup-modal .asterisk{
	color:#ff0000;
	font-weight:normal;
}

.hrw-signup-modal .mc-field-group{
	padding: 5px 0;
}

.hrw-signup-modal .mc-field-group label{
	width: 100px;
}
.hrw-signup-modal .mc-field-group input{
	
}

.hrw-signup-modal #mc-embedded-subscribe{
	margin-top: 10px;
}



/** Funders section **/

.funders{
	background:#455157;
}
.funders .heading{
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	color:#dadcdd;
	margin-bottom: 25px;
}

.funders .a-funder{
	margin:25px 0;
}

.funders .a-funder, .a-funder a{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	color:#acb2b4;
}

/** Footer End - very bottom **/

.footer-end{
	background: #374046;
}

.copyright p, .design-by{
	color:#787e83;
	font-family: Arial,Helvetica,sans-serif;
}

.copyright .terms,.copyright .terms a {
	color:#656c70;
	font-family:Arial,Helvetica,sans-serif;
}
.copyright .terms a:hover{
	color:#fff;
}

.footer-end .design-by{
	text-align:right;
	color:#656c70;
}

.footer-end .design-by a{
	color:#656c70;
}

.footer-end .design-by a:hover{
	color:#fff;
}

/**  listings **/
.search-heading form .top-form .description{
	display:none;
}

@media only screen and (max-width:1200px) {
	
}

@media only screen and (max-width:979px) {
	
	.main .home-map .map-container{
		height: 480px;
	}
	
	.featured .feature-item{
		margin-bottom:10px;
	}
	.featured .feature-item .feature-img{
		height:auto;
	}
}

@media only screen and (max-width:767px) {

	/* generic pieces */
	.container{
		padding: 0 20px;
	}
	.footer-site .container .container{padding: 0;}
	
	h3{font-size: 3em;}
	
	/* mobile header and menus */
	.row-full.header .container{padding-left: 20px; padding-right: 20px;}
	
	.header .right-menu-container{margin-top:18px;}
	.header .top-menu{display:inline-block; margin:0;}
	.header .top-menu .top-nav-grey{display:none;}
	.header .top-menu .social-media{display:none;}
	.header .bottom-menu{display:inline-block;}
	
	.mobile-container{margin-right:0;}
	.mobile-container.search{margin-right:5px;}
	.mobile-container.lang{margin-right:1px;}
	.mobile-container a.mobile-nav-button{display:inline-block;}
	.mobile-container a.mobile-nav-button{color:#fff; font-size:18px;}
	
	.mobile-container .menu-drop,
	.mobile-container .menu-drop > form{
		min-width: 290px;
	}
	.header .top-menu .header-search input{
		background: #fff;
		border-radius: 5px;
		height: 48px;
		width: 257px;
		margin:auto;
	}
	
	.bottom-menu ul.top-nav-orange li > ul{
		width:auto!important;
		padding: 10px 0;
	}
	.bottom-menu ul.top-nav-orange li > ul li{
		padding:0;
	}	
	
	
	.main .home-map .map-container{
		height: 475px;
	}
	.home-map .map-banner{
		left:0;
		margin:auto;
	}
	
	.front-search-form form .select.col-md-4{
		width:auto;
		display:block;
	} 

	.front-search-form .btn-group .btn{margin-bottom:10px;}
	
	.footer-site .col-md-4{
		clear:both;
	}
	
}

@media only screen and (max-width:480px) {
	
	
	
	/* Orange header */
	/*
	.bottom-menu .bootstrap-select{width:auto;}
	.bottom-menu .bootstrap-select button.dropdown-toggle{
		background: #ff7311;
		width: 42px;
		height:42px;
	}
	*/
	
	.jurisprudence .grey-separator{display:none;}

	.news-follow .social-media{
		display:block;
		float:none;
		margin-bottom: 10px;
	}
	
	
}

.col-md-4 .title {
	font-weight: 600;
}