/*--
	Theme Name: theme52547
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 4.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.5
--*/

/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */

a.job_application_email, .blogBottomSection p a{
  color:#CC0D0D !important;
  text-decoration: none !important; 
}
a.job_application_email:hover, .blogBottomSection p a:hover{
  color:#323232 !important;
  text-decoration: none !important; 
}

/***** apple mobile devises phone number styling *******/
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

@media (max-width: 767px) {
body.home.page-template h1{
	text-align: left !important;
}
}
body.single-job_listing{
	background: #f7f7f7;
}
#motopress-main div.wpcf7-mail-sent-ok, #motopress-main div.wpcf7-validation-errors{
	font-weight: bold;
	background: #fff !important;
	border: none !important;
	color: #CC0D0D !important;
	padding: 0 !important;
}
#motopress-main span.wpcf7-not-valid-tip{
	height: 52px !important;
	padding-bottom: 20 !important;
	color: #323232 !important;
}

/**** Homepage main slider on mobile ***/
@media (max-width: 480px) {
	.parallax-slider #paralaxSliderPagination.buttons_pagination ul li {
		display:inline-block !important;
		width: 45px !important;
		height:10px;
		margin:10px 5px 10px 5px !important;
	}
}

/**** Stlyes for Jobs list inside page ***/
body.page-id-1996 p a.btn.btn-default.btn-normal.btn-inline.btn-from-left{
	display: none;
}
body.page-id-1996 .spacer{
	height: 10px;
}

/**** Location Icon on Job Listings Page ***/
.single_job_listing .meta .location::before{
	display: none !important;
}

/**** Working with Employers Section homepage ***/
@media (max-width: 767px) {
.service-box .icon{
		margin:0 auto 20px auto !important; 
	}
.service-box.right .service-box_body, .service-box .service-box_body{ 
	text-align: center !important; 
	}
}

/**** Working with Professionials Section homepage ***/
div.parallax-content div.span6.right{
	width: 100%;
	max-width: 530px;	
	padding-right: 40px;
}
div.parallax-content div.span6{
	width: 100%;
	max-width: 530px;	
	padding-left: 10px;
}
@media (max-width: 1198px) {
div.parallax-content div.span6.right, div.parallax-content div.span6{
	max-width: 400px !important;	
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
div.parallax-content div.span6.right, div.parallax-content div.span6{
	display: block !important;
	width: 100% !important;
	max-width: 650px !important;
	margin: 0 auto 0 auto !important;
	text-align: center !important;
	padding: 0 !important;
	float: none !important; 
}	
}
@media (max-width: 979px) {
div.parallax-content div.span6.right, div.parallax-content div.span6{
	display: block !important;
	width: 100% !important;
	max-width: 650px !important;
	margin: 0 auto 0 auto !important;
	text-align: center !important;
	padding: 0 !important; 
	float: none !important; 
}
div.parallax-content div.span6.right h1, div.parallax-content div.span6 h1{
	width: 100% !important;
	text-align: center !important;
}
div.parallax-content div.span6.right p, div.parallax-content div.span6 p{
	width: 100% !important;
	text-align: center !important;
}
}
@media (max-width: 550px) {
div.parallax-content div.span6.right, div.parallax-content div.span6{
	padding: 0;
}
}

/**** Dermot photo under blogs/job posts ***/
p.post-author_gravatar{
	background-image: url(../../uploads/2016/12/DermotOSullivan-v2-150x150.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	height: 80px;
	width: 80px;
	border: 1px solid #dfdede;
	border-radius: 3px;
}
body.post-template-default.single.single-post div.post-author.clearfix{
	display: none;
}
img.avatar.avatar-80.photo{
	display: none;
}
.blogBottomSection{
	max-width: 800px;
	padding: 20px;
	margin: 20px 0 20px 0;
	border: 1px solid #dfdede;
	background: #f7f7f7;
	border-radius: 3px;
}

/**** Sign In & Log Out Buttons from main nav hidden ***/
li.menu-item.auth.log-out, li.menu-item.auth.log-in{
	display: none !important;
}
nav.nav.nav__primary.clearfix select.select-menu option:first-child{
	display: none;
}

/**** Review Job Listing Section Edits ***/
ul.job_types{
	display: none;
}
div.job_listings ul.job_listings li.job_listing .col_1 {
	display: none;
}

div.company img.company_logo{
	display: none;
}

li.job-type.permanent ul.job-types, li.job-type.contract ul.job-types, li.job-type.temporary ul.job-types{
	margin-left: 0px;
}
li.location a.google_map_link:hover{
	color: #CC0D0D !important;
}

/**** Individual Jobs Page Edits ***/
.company-desc p.name a.website, .company-desc ul.meta li.date-posted{
	display: none;
}
.single_job_listing .company .meta li.location a {
pointer-events: none !important;
}

/**** Comment Under Job Posts On Individual Jobs Pages ***/
p.nocomments{
	display: none;
}

/**** Centering Main Content In Middle of Page ***/
body.job_listing-template-default.single.single-job_listing div#content.span8.masonry.masonry{
	float: none !important;
	margin: 0 auto !important;
}
body.job_listing-template-default.single.single-job_listing h1.title-header{
	text-align: center;
}

/**** Centering Blog Stories on Blog List Page ***/
body.blog div#content.span8.right.right{
	float: none;
	margin: 0 auto;
}

/**** Centering Main Content On BLOG Inside Pages ***/
body.post-template-default.single.single-post div#content.span8.masonry.masonry{
	float: none;
	margin: 0 auto;
}
body.post-template-default.single.single-post h1.title-header{
	text-align: center;
}
body.post-template-default.single.single-post #respond{
	display: none;
}

/**** Centering Main Content On SEND YOUR CV Page ***/
body.page.page-id-2159 .span7{
	float: none;
	margin: 0 auto;
}
body.page.page-id-2159 .span7 input{
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}
body.page.page-id-2159 .span7 input[type="text"], body.page.page-id-2159 .span7 input[type="email"], body.page.page-id-2159 .span7 input[type="tel"]{
	color: #323232;
	font-weight: bold;
	padding: 15px 20px;
}
body.page.page-id-2159 .span7 input.wpcf7-form-control.wpcf7-submit{
	float: left;
	width: 150px;
	margin: 20px 0 0 0;
}
body.page.page-id-2159 .span7 label{
	font-size: 16px;
	font-weight: bold;
	color: #CC0D0D;
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}
body.page.page-id-2159 .span7 .wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required{
	width: 100% !important;
	background-color: #efeeee;
	float: left !important;
}
body.page.page-id-2159 .span7 p{
	font-size: 16px;
	color: #333;
	float: left;
	width: 100%;
}

.btn > span::after, .reply a > span::after {
	content:"\f105" !important;
    display: inline-block;
    vertical-align: baseline;
    font: 40px/1.2em !important;
}
ul.posts-grid .btn > span::after, ul.posts-grid .reply a > span::after {
content: "Read more" !important;
display: inline-block;
vertical-align: baseline;
}
.blog .btn > span::after, .blog .reply a > span::after {
content: "Read more" !important;
display: inline-block;
vertical-align: baseline;
}
.get-introduced-btn.btn-from-left > span::after{
	margin-top: -10px;
	padding-top: -10px;
}

/**** Styles of Three Soical Media Icons Under Get Connected ***/
ul.posts-grid.row-fluid.unstyled.companies.without-title.ul-item-0{
	width: 100% !important;
	max-width: 850px;
	margin: 0 auto 0 auto !important;
	float: none !important;
}
.posts-grid.companies li .featured-thumbnail, .posts-grid.companies li .thumbnail img{
	max-width: 100px !important;
	max-height: 100px !important;
	margin: 0 auto 0 auto !important;
	padding: 0 !important;
	display: block !important;
	float: none !important;
	}
li.span3.list-item-1, 
li.span3.list-item-2, 
li.span3.list-item-3{
	width: 33.333% !important;
	text-align: center !important;
}
.span3{
	display: inline-block !important;
	width: 50px !important;
}
.row-fluid .span3{
	padding: 0 !important;
}
.row-fluid [class*="span"]{
	margin-left: 0 !important; 
}
@media (max-width: 767px) {
.posts-grid.companies li .featured-thumbnail, .posts-grid.companies li .thumbnail img{
	max-width: 100px !important;
	max-height: 100px !important;
	margin: 0 auto 0 auto !important;
	padding: 0 !important;
	display: block !important;
	float: none !important;
	}
li.span3.list-item-1, 
li.span3.list-item-2, 
li.span3.list-item-3{
	width: 100% !important;
	text-align: center !important;
}
li.span3.list-item-2{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}	
}

/**** Share Buttons at end of Blog & Jobs Listing  ***/
.share-buttons li.twitter{
	color: #CC0D0D !important;
	}
@media (max-width: 480px) {
.share-buttons{
	display: block !important;
	}
}

/**** Styles for Dermots Info Page ***/
body.page-id-2367{
	background: #f7f7f7;
}
body.page.page-id-2367 #content.row{
	padding: 20px 0 0 0;
}
body.page.page-id-2367 div#content.span8.masonry.masonry{
	float: none !important;
	display: block;
	max-width: 800px !important;
	margin: 0 auto !important;
}
body.page.page-id-2367 .single-resume-content{
	margin: 0 auto !important;
}
body.page.page-id-2367 .resume-aside{
    display: block;
	max-width: 800px !important;
	background: #fff;
	float: none;
	margin: 0 auto !important;
}
body.page.page-id-2367 p a:link, body.page.page-id-2367 p a:visited{
	color: #CC0D0D;
	text-decoration: none;
}
body.page.page-id-2367 p a:hover{
	color: #323232;
	text-decoration: none;
}

/* ------------------------------------------------

	Header Changes to overide main-style.css 
	
--------------------------------------------------- */
.nav__primary .sf-menu > .menu-item.current-menu-item > a, .nav__primary .sf-menu > .menu-item.sfHover > a, .nav__primary .sf-menu > .menu-item.active-menu-item > a {
	color:#CC0D0D !important;
	background:none;
}
.nav__primary .sf-menu > .menu-item > a:hover, .nav__primary .sf-menu > .menu-item > a:active, .nav__primary .sf-menu > .menu-item > a:focus {
	color:#CC0D0D !important;
	background:none;
}
.nav__primary .sf-menu {
	float:right;
	padding:20px 0 0 0 !important;
	position:relative;
}
@media only screen and (min-width: 998px) {
.nav-wrap{
		padding:20px 0 30px 0 !important;
		width:100%;
	}
.nav-wrap.isStuck {
		padding:20px 0 30px 0 !important;
		width:100%;
	}
}
@media only screen and (max-width: 767px) {
.home .header{
	width: 100% !important;
	padding: 0 !important;
}
.header{
	padding: 0 !important;
}
.home .header .container { 
	padding:0 !important; 
}
.header .nav-wrap.isStuck{
	width: 100% !important;
	display: block;
}
.nav-wrap { 
	padding: 20px 0 20px 0 !important;
}
.logo { 
	padding: 0 0 20px 0 !important;
	}
.logo.pull-left img{
	display: block !important;
	width: auto !important;
	float: none !important;
	margin: 0 auto 0 auto !important;
}
.select-menu{
	width: 94% !important;
	margin: 0 3% 0 3% !important;
}
}