/*	--------------------------------------------------

	Reveal Modals

	-------------------------------------------------- */
	a:focus {
	outline: none!important
        }
	

	#img-holder {

		position: absolute;

		left: -6px;

		background: none repeat scroll 0% 0% #D5202A;

		border-radius: 25%;

		width: 200px;

		height: 200px;

		bottom: 19%;

		text-align: center;

		color: #FFF;

		padding: 0px 15px;

		right: 0px;

		margin: auto;

	}

	

	article.post {

		border-top: none !important;

		background-color: #FFF !important;

		background-repeat: no-repeat !important;

		margin-bottom: 60px !important;

		padding-bottom: 30px !important;

	}

	

	article.category-geral {

		background-image: url("http://headingrh.porqueanima.com/wp-content/uploads/2015/03/Geral.png");

		background-size: 100% 5px !important;

		background-position: 0px 0px !important;

	}

	

	article .entry-wrap {

		background-color: transparent !important;

		margin-bottom: 0px !important;

	}

	

	article.category-careers {

		background-image: url("http://headingrh.porqueanima.com/wp-content/uploads/2015/03/Careers.png");

		background-position: 105% 0px !important;	

		background-size: auto !important;

	}

	

	article.category-value {

		background-image: url("http://headingrh.porqueanima.com/wp-content/uploads/2015/03/Value.png");

		background-position: 105% 0px !important;	

		background-size: auto !important;

	}

	

	article.category-insight {

		background-image: url("http://headingrh.porqueanima.com/wp-content/uploads/2015/03/Insight.png");

		background-position: 105% 0px !important;	

		background-size: auto !important;

	}

	

	article h2 > a {

		/* font-family: "PFReminderPro-Bold"; */

	}

	

	.entry-footer {

		padding-left: 60px;

	}

	

	.entry-footer a {

		margin: 0px !important;

		border: none !important;

		padding: 0px !important;

		color: #f1433a !important;

	}

	

	#img-holder p {

		font-size: 13px!important;

	}

	

	#modal, #newsletter-form { position: fixed; top: 22%!important; left: 50%; max-height: 76%; overflow: auto; }

	

	a.modal_links { color: #f1433a; }

	a.modal_links:hover { color: #f78e25; }

	

	#categories .pagination a, 

	#categories .pagination span,

	#agenciados .pagination a,

	#agenciados .pagination span,

	.pagination li a	{

		width: auto; height: auto; padding: 10px!important; line-height: 1.7em; background-color: #f1433a;

		line-height: 100% !important;

		color: #fff !important;

		text-shadow: none !important;

		/*font-family: "PFReminderPro-Bold" !important;*/

		font-size: 22px !important;

	}

	

	.pagination li a	{

		height: 40px;

	}

	

 	.pagination .current {

		background-color: #FDCC09!important;

		color: #fff !important;

		text-shadow: none !important;

		/*font-family: "PFReminderPro-Bold" !important;*/

		font-size: 22px !important;

		height: 40px;

		line-height: 1em;

	}

	

	.pagination span.current {

		padding: 10px!important;

	}

	

	#categories .pagination .current,

	#agenciados .pagination .current {

		line-height: 100% !important;

		background: #FDCC09 !important;

	}

	

	.pagination a:hover {

		line-height: 100% !important;

		background: #FDCC09 !important;

	}

	

	.pagination .current:hover,

	.pagination a:hover

	{

		background: #FDCC09 !important;

		text-shadow: none !important;

	}

	

	.formacao-columns li {

		background-size: 100%;

	}	

	

	.pagination a, .pagination span

	{

		box-shadow: none!important;

	}

		

	.reveal-modal.agenc_modal { width: 70%!important; margin-left: -35%!important; }

	

	.job_title { font-weight: 700!important; color: #577488; }

	#modal_data h3 { font-weight: 700!important; }

	#modal_data p, #modal_data span { font-size: 12px!important; }

	

	#after-newsletter {

		position: fixed;

		top: 170px;

		right: 1%;

		display: none;

	}

	

	.newsletter-action:hover  + div>div>div#after-newsletter  {

		display:block;

	}

	

	#after-proposta {

		position: fixed;

		top: 350px;

		right: 1%;

		display: none;

	}

	

	.proposta-action:hover  + div>div>div#after-proposta  {

		display:block;

	}

	

	#after-newsletter , #after-proposta  {

		/*font-family: "PFReminderPro-Bold";*/

		font-size: 18px !important;

		color: #2A4F69;

		line-height: 16px;

		width: 91px;

		text-align: center;

	}

	

	#comments {

		width: 65%;

		margin: auto;

	}

	

	#reply-title {

		font-size: 24px!important;

	}

	

	label[for=author], label[for=email], label[for=url], label[for=comment]

	{

		font-size: 14px!important;

	}

	

	.reveal-modal-bg { 

		position: fixed; 

		height: 100%;

		width: 100%;

		background: #000;

		background: rgba(0,0,0,.8);

		z-index: 100;

		display: none;

		top: 0;

		left: 0; 

		}

	

	.reveal-modal {

		visibility: hidden;

		top: 20px; 

		left: 50%;

		margin-left: -300px;

		width: 520px;

		background: #fff;

		color: #7a7a7a;

		position: absolute;

		z-index: 101;

		padding: 30px 40px 34px;

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

		border-radius: 5px;

		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);

		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);

		-box-shadow: 0 0 10px rgba(0,0,0,.4);

		}

		

	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}

	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}

	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}

	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	

	.reveal-modal .close-reveal-modal {

		font-size: 22px;

		line-height: .5;

		position: absolute;

		top: 8px;

		right: 11px;

		color: #aaa;

		text-shadow: 0 -1px 1px rbga(0,0,0,.6);

		font-weight: bold;

		cursor: pointer;

		} 

	

	.loadingDiv {

		background: url(../img/ajaxloader.gif);

		margin: 0 auto;	

		width: 16px;

		height: 16px;

		display: none;

	}

	

	.loadingDiv2 {

		background: url(../img/ajaxloader.gif);

		margin: 0 auto;	

		width: 16px;

		height: 16px;

		display: none;

	}

	

	.verCandidatura {

		background: #f1433a;

		color: #fff;

		border-radius: 8px 8px 8px;

		padding: 3px 5px;

		float: right;

		margin-top: 15px;

		margin-bottom: 20px;

	}

	

	.verCandidatura:hover {

		background: #f78e25;

		color: #fff;

	}

	

	span.error {

		color: red;

	}

	

	span.info {

		color: blue;	

	}

	

	span.success {

		color: green;	

	}

	

	#filter {

		position: relative;

	}

	

	/* sidebar-search */

	a.search-action {

		position: relative;

	}



	.sidebar-search {

		position: absolute;

		margin-top: 15px;

		right: 18%;

		display: none;

		padding: 10px;

		border-radius: 2px;

		-webkit-border-radius: 2px;

		-moz-border-radius: 2px;

	}



	.searchForm {

		position: relative;

		background: #FFD36A; /* form bg color */

		padding: 10px;

		padding-bottom: 0;

	}



	.sidebar-search input[type=text] {

		padding: 10px;

		border-radius: 3px;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		border: 1px solid #EF4223; /* border color */

		position: relative; 

		z-index: 1;

		background: #fff; /* bg color */

		color: #222; /* text color */ 

	}



	.sidebar-search button {

		width: 20px;

		height: 27px;

		position: absolute;

		right: 14px;

		top: 14px;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		z-index: 2;

		padding: 10px 13px;

		border: 1px solid #F1552C; /* bg button border color */

		background: #F1552C; /* bg button color */

	}



	.sidebar-search span.icon-search {

		position: relative;

		top: -6px;

		left: 1px;

		width: 16px;

		height: 16px;

		background: url(../img/search.png) no-repeat;

		display: block;

	}



	.sidebar-search-drop-arrow {

		background:url(../img/top-arrow.png) no-repeat;

		width:13px;

		height:6px;

		position:absolute;

		left:48%;

		top:4px;

		margin-left:-6px;

		display:block

	}

	

	.cg_btn {

		margin-left: 8%;

	}

	

	.cg_btn .button {

		margin-right: 20px!important;

	}

	

	.genius_by_insight_wrap {

		padding: 5% 15% 0 8%!important;

	}
	
	.pagination {
		height: 40px!important;
		margin-bottom: 50px!important;
	}



	#soap_content {

		overflow-x: auto;

		overflow-y: hidden;

	}

	/*

		

	NOTES

	

	Close button entity is &#215;

	

	Example markup

	

	<div id="myModal" class="reveal-modal">

		<h2>Awesome. I have it.</h2>

		<p class="lead">Your couch.  I it's mine.</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>

		<a class="close-reveal-modal">&#215;</a>

	</div>

	

	*/

