/*
Theme Name: Mindfray Theme
Theme URI: http://mindfray.com
Version: 1.0
Text Domain: mindfray
Template: jabberjaw-progression
*/

@import url("../jabberjaw-progression/style.css");

/***** GENERAL ******/

	body {
		word-wrap:break-word;
		padding-top:65px;
	}

	h1, h2, h3, h4, h5, h6{
		font-family: 'Lato', sans-serif;
	}

	input:focus, textarea:focus {
		border-color:#f06344;
	}

	body blockquote {
		border-color: #365e97;
	}
	
	@media screen and (max-width: 767px) {
		body {
			padding-top:8px;
		}
	}
	
	/***** LAYOUT ******/

	.content-padding {
		padding: 0 100px;
	}

	@media screen and (max-width: 767px) {
		.content-padding {
			padding: 0;
		}

		#boxed-layout-pro {
			padding-top: 63px;
		}
	}

	/***** HEADER ******/
	.header-top-right-progression {
		width: auto;
	}

	#header_top_social{
		float:right;
		display:block;
		margin-top:5px;
	}
	#header_top_social ul {
		list-style-type:none;
		margin:-2px 0 0 0;
		padding:0;
	}
	
	.header-top-left-progression  {
		width:auto;
	}
	
	.header-top-left-progression ul {
	    list-style-type:none;
		margin:2px 0 0 0;
		padding:0;		
	}
	
	#header_top_social ul li, .header-top-left-progression  ul li {
		float:left;
		text-align: left;
		padding:0 5px!important;
		display:block;
		position: relative;
		transition:all 0.3s;
	}
	
	.header-top-left-progression  ul li {
		padding:0px 10px 0px 0px!important;
	}

	#header_top_social ul li span {
		display:inline;
		overflow: hidden;
		margin:0 0 0 20px;
		position: absolute;
		top:3px;
	}


	#header_top_social ul li a, .header-top-left-progression ul li a {
		color:#ffffff!important;
	}
	
	.header-top-left-progression  ul li.mobile-contributor-hub {
		display:none;
	}
	
	#header-top-progression a:hover {
		color: #f06444!important;
	}

	nav#site-navigation {
		font-family:'Lato',sans-serif!important;
		font-weight: 400;
		letter-spacing: normal;
	}

	#menu-top-right-menu {
		padding: 0;
	    margin: 0 10px 0 0;
	    float: right;
	    list-style-type: none;
	}

	#menu-top-right-menu li {
		float: left;
		margin:0 5px;
	}
	#menu-top-right-menu li a{
		font-size: 14px;
		color:#ffffff!important;
	}

	#menu-top-right-menu li.contributors-menuitem a:before, .header-top-left-progression li.mobile-contributor-hub a:before {
		font-family: FontAwesome;
		content: "\f02d";
		margin-right: 5px;
	}
	#menu-top-right-menu li.submit-menuitem a:before {
	   font-family: FontAwesome;
	   content: "\f044";
	   margin-right: 5px;
	}

	#menu-top-right-menu li.login-menuitem a:before {
		font-family: FontAwesome;
		content: "\f023";
		margin-right: 5px;
	}

	li.my-profile-icon a:before {
		font-family: FontAwesome;
		content: "\f007";
		margin-right: 5px;
	}

	li.my-feed-icon a:before {
		font-family: FontAwesome;
		content: "\f0f3";
		margin-right: 5px;
	}

	#header-border-progression {
		display: none;
	}
	
	header#masthead-pro {
		width:100%;
		position:fixed;
		top:0;
		left:0;
	}
	
	.admin-bar header#masthead-pro {
		top:30px;
	}

	header#masthead-pro h1#logo-pro, .bars-icon {
		margin-top: 2px!important;
		float: left;
		display: block!important;
		margin: 0 20px 0 0!important;
	}

	.bars-icon {
		color: #fff;
		padding-top: 6px;
		padding-bottom: 4px;
		font-size: 18px;
		cursor: pointer;
	}

	#page-title-pro {
		background: #2e75b6;
		padding-bottom: 50px;
	}

	#header-overlay {
		position: fixed;
		z-index: 1000;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 25px;
		box-sizing: border-box;
		background-color: rgba(15,65,125,0.95);
	}
	
	#header-overlay .overlay-navigation {
		width:50%;
		box-sizing: border-box;
		float: left;
		padding-right: 50px;
		margin-top: 50px;
	}

	#header-overlay .overlay-navigation ul {
		list-style-type: none;
		margin: 0;
	}

	#header-overlay .overlay-navigation ul li {
		float: left;
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid #fff;
		background-image: url('img/r-arrow.png');
		background-size: 34px;
		background-position: right;
		background-repeat: no-repeat;
		font-size: 24px;
		line-height: 30px;
		color:#fff;
		transition: all 0.3s;
	}

	#header-overlay .overlay-navigation ul li a{
		color: #ffffff;
		display: block;
		width: 100%;
	}

	#header-overlay .overlay-navigation ul li:hover {
		background-size: 64px;
		cursor: pointer;
	}

	#header-overlay .overlay-navigation ul li:first-child {
		border-top: 1px solid #fff;
	}

	#header-overlay .overlay-articles{
		width: 50%;
		box-sizing: border-box;
		max-width: 500px;
		float: left;
		padding-right: 25px;
		margin-top: 40px;
		display: none;
	}

	#header-overlay .overlay-articles .single-article {
		float: left;
		margin-bottom: 20px;
		width: 100%;
	}

	#header-overlay .overlay-articles .single-article h3{
		font-size: 18px;
		line-height: 24px;
	}

	#header-overlay .overlay-articles .single-article img {
		max-width: 200px;
		height: auto;
		float: left;
		margin-right: 20px;
	}

	#header-overlay .overlay-articles h2, #header-overlay .overlay-articles .single-article h3, .overlay-articles.contributors a {
		color: #ffffff;
	}

	.overlay-articles.contributors a {
		font-size: 24px;
		line-height: 30px;
	}

	#header-overlay .overlay-close {
		position: fixed;
		top: 20px;
		right: 20px;
		color:#fff;
		font-size: 36px;
		line-height: 36px;
		cursor: pointer;
		transition: all 0.3s;
	}

	#mindfray-notifcations {
		display: none;
		position:absolute;
		right:0;
		background:#fbfdff;
		width:360px;
		white-space:normal;
		box-sizing:border-box;
		box-shadow: 0px 0px 15px rgba(0,0,0,.25);
	}

	#mindfray-notifcations .notification {
		display:block;
		padding:5px 10px;
		border-bottom: 1px solid #eeeded;
	}

	#mindfray-notifcations.feed .notification {
		padding: 25px 15px 5px 15px;
	}

	#mindfray-notifcations .notification.not-clicked {
		background: #eef6ff;
	}

	#mindfray-notifcations .notification:hover {
		background: #d9e6f5;
	}


	#mindfray-notifcations .notification span, #mindfray-notifcations .notification p {
		display:block;
		text-transform:none!important;
	}

	#mindfray-notifcations .notification p {
		color:#000000;
		font-size: 14px;
	}

	#mindfray-notifcations .notification.type-10 p {
		display: none;
	}

	#mindfray-notifcations .notification a {
		font-size:16px!important;
		line-height:18px!important;
		color:#365e97;
		padding: 0;
		margin: 5px 0!important;
		border: 0;
	}

	#mindfray-notifcations .notification a:hover {
		color: #2e75b6;
	}

	#mindfray-notifcations .notification span {
		font-size:14px!important;
		line-height:16px!important;
		margin-bottom: 5px;
	}

	#mindfray-notifcations .notification span i {
		margin-right: 3px!important;
		color: #365e97;
	}


	#mindfray-notifcations a.see-all-link {
			color:#365e97!important;
			padding:0;
			margin:0;
			border:0;
			text-align:center;
			text-transform:none;
		}

	#mindfray-notifcations a.see-all-link:hover {
		text-decoration:underline;
	}

	.notification-prompt {
		position:absolute;
		top:-6px;
		left:6px;
		background: #2e75b6;
		color:white;
		font-family:Arial,sans-serif;
		font-size:10px;
		line-height: 13px;
		font-weight: bold;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		text-align: center;
	}


	#header-overlay .overlay-close:hover {
		color:red;
	}

	.sf-menu a {
		font-size: 17px!important;
		margin: 5px 0!important;
		font-family: Rajdhani;
		padding:5px 8px;
	}

	.sf-menu a:hover, .sfHover a, .current-menu-item a {
		border-color: transparent!important;
	}

	.sf-menu a:hover, .sfHover a, .current-menu-item a {
		color:#365e97!important;
	}


	.search-form input.search-submit {
		background: #365e97!important;
		border-color: #365e97!important;
	}
	
	input.search-field {
		font-size:16px!important;
	}

	input.search-field:focus{
		border-color: #2e75b6!important;
	}

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

		.sf-menu a {
			font-size:0px!important;
			padding: 5px 10px;
			margin: 5px 0!important;
		}

		.sf-menu a span {
			font-size:18px!important;
		}
		.sf-menu i {
			margin:0px!important;
		}

		.sf-arrows .sf-with-ul {
			padding-right: 0px!important;
		}

		#header-overlay .overlay-navigation {
			width: 100%;
		}

		#mindfray-notifcations {
			width: 100%;
			height: 100%;
			position: fixed;
			left: 0;
		}


		header#masthead-pro h1#logo-pro {
			margin: 0 5px 0 0!important;
		}

		.bars-icon {
			margin: 0 25px 0 0!important;
			padding-top: 5px;
		}

		body #sticky-header-pro {
			position: fixed!important;
			margin-top: 0px!important;
			width: 100%!important;
			height: 66px;
			top: -3px!important;
		}
		
		.mf-header-hide-mobile {
			display:none!important;
		}
		
		.header-top-left-progression  ul li.mobile-contributor-hub {
			display:block;
			font-family:Lato;
			font-size:14px;
			text-transform:none;
			font-weight:normal;
		}
	}

	/***** FOOTER ******/
	footer#site-footer h4.widget-title {
		text-align: left;
	}

	footer .social-ico {
		float: left;
	}

	#progression-footer-icons {
		position: static;
		width: 100%;
		display: block;
		float: left;
		padding: 0!important;
		margin-bottom: 10px;
	}

	#progression-footer-icons .social-ico a {
		 font-size: 20px!important;
		 width: 20px;
	 }

	#progression-footer-navigation {
	    position: static;
	    float: left;
	    padding-top: 0!important;
	}

	#copyright-pro {
		padding: 15px 0;
		background-color: #2e75b6;
		color:#ffffff;
		border-top: none;
	}

	footer#site-footer #copyright-text {
		float: right;
	}

	@media screen and (max-width: 767px) {
		#widget-area-progression{
			padding: 20px;
		}

		footer#site-footer .widget {
			padding: 20px 0 0 0;
			text-align: center;
		}

		footer#site-footer h4.widget-title {
			text-align: center;
		}

		footer .social-ico {
			float: none;
		}
	}

	/***** POST LOOPS ******/

	.progression-cat-meta ul {
		display: inline-block;
	}

	.progression-meta-index span.progression-time-posted-index{
		margin-top: 15px;
	}

	.vertical-divider {
		width:1px;
		height: 10px;
		display: inline-block;
		margin:0 8px 0 0;
		background-color: #000; 
	}

	.mf-featured-post {
		position: relative;
		height: 60vh;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.mf-featured-post .progression-blog-content, .mf-featured-post .mf-author-info-roll {
		position: absolute;
		bottom: 50px;
		width: 50%;
	} 

	.mf-featured-post .progression-blog-content a, .mf-featured-post .mf-author-info-roll a{
		color: #ffffff!important;
	}

	.mf-featured-post .progression-blog-content {
		left:50px;
	}

	.mf-featured-post .mf-author-info-roll  {
		right:50px;
		text-align: right;
	}

	.mf-author-info-roll {
		width:100%;
		display: block;
		margin-top: 15px;
	}

	.mf-author-info-roll img, .mf-author-widget img {
		width: 70px;
		height: 70px;
		border-radius: 50%;
		margin-right: 20px;
		display: inline-block;
		object-fit:cover;
	}

	.mf-featured-post h2.progression-blog-title, .mf-featured-post .mf-author-info-roll a {
		text-shadow: 0px 0px 20px rgba(100, 100, 100, 1);
		padding: 10px;
		background: rgba(0,0,0,.6);
		display: inline-block;
		border-radius: 10px;
	}

	.progression-masonry-col-1 .mf-author-widget {
		width: 46%;
	}

	.mf-share-boxes{
		display: table;
		margin: 0 auto;
	}
	.mf-share-boxes div {
		display:block;
		float: left;
	}

	.mf-share-boxes div.fav {
		margin: 20px 10px 10px 10px;
	}

	.mf-share-boxes .essb_t_nb {
		display:none!important;
	}

	.small-author .mf-author-info-roll img {
		width: 36px;
		height: 36px;
	}

	.mf-author-widget {
		width:100%;
		display: block;
		float: left;
		margin-bottom: 20px!important;
	}

	.mf-author-widget a {
		width:100%;
		display: block;
		clear: both;
		float: left;
		margin-bottom: 20px;
	}

	.mf-author-widget img {
		float: left;
	}

	.mf-author-widget span.highlight {
		width: 100%;
		display: block;
		font-size: 14px;
		line-height: 18px;
	}


	.mf-author-widget.three-rows .one-third {
		float: left;
		width:33.3%;
	}

	#infinite-nav-pro a {
		color:#f06344!important;
	}

	#infinite-nav-pro a:hover {
		color:#ffffff!important;
	}

	@media only screen and (max-width: 767px) {
		.mf-featured-post {
			height: auto;
			padding: 150px 30px 30px 30px;
		}
		.mf-featured-post .progression-blog-content, .mf-featured-post .mf-author-info-roll {
			position: static;
			width: 100%;
		}
		.mf-author-widget.three-rows .one-third {
			width:100%;
		}

		.progression-masonry-col-1 .mf-author-widget {
			width: 100%;
		}

		.mf-featured-post h2.progression-blog-title, .mf-featured-post .mf-author-info-roll a {
			float: left;
		}
	}

/***** PROFILE CARD ******/

.mindfray-profile-card .userpro-profile-name a i {
	text-transform: capitalize;
}

.mindfray-profile-card .mf-profile-followers-count {
	margin:15px 0!important;
}

.mindfray-profile-card .userpro-button {
	margin: 15px 10%;
	width: 80%;
	box-sizing: border-box;
}

.userpro-button.userpro-follow {
	margin: 15px auto!important;
	display: table;
	text-align: center;
	width: 100%;
	padding:5px 15px;
	font-size: 16px;
	line-height: 25px;
	box-sizing: border-box;
	max-width: 300px;
}

.mf-profile-details h4 {
	color:#2e75b6;
	padding:10px 0;
	margin-bottom: 0;
}

.mf-profile-details h5 {
	color:#777;
	font-size: 16px;
	line-height: 18px;
	padding:10px 0;
	margin:0;
	text-transform:uppercase;

}

.mf-profile-details p {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
}

a.userpro-profile-icon {
	background:#365e97!important;
}
a.userpro-profile-icon:hover {
	background:#2e75b6!important;
}
a.userpro-profile-icon i {
	color:#ffffff!important;
}

.page-id-330 #page-title-pro {
	display: none;
}

/***** HOME PAGE ******/

.home .mf-featured-post {
	margin: 0;
}

.featured-post-container .vc_column-inner {
	padding-left:0px!important;
	padding-right:0px!important;
}

/***** FAQ PAGE ******/

.faq-page h3 {
	text-transform: uppercase;
	cursor: pointer;
	padding-left: 20px;
}

.faq-page h3 span.expand-button {
	margin-left: -20px!important;
}

.faq-page .faq-answer {
	display: none;
}


/***** CATEGORY PAGE ******/

.category #page-title-pro {
	padding-bottom: 0px;
}

.archive-explore-topics {
	width:100%;
	background:#eee;
	padding:20px;
	margin-bottom:10px;
	box-sizing: border-box;
	text-align:center;
}

.entry-sub-title-pro {
	color: #fff!important;
	text-align: center!important;
	margin: 20px 0 0 0!important;
	font-size: 18px!important;
}

.archive .mf-featured-post {
	margin-right: 0px!important;
	margin-left: 0px!important;
}

.malinky-load-more a {
	width:100%;
	display:block;
	background: #f06344;
    padding: 10px 0;
	color:#fff;
}

.malinky-load-more a:hover {
	color:#fff;
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	.archive-posts-item {
		width: 100%!important;
	}
}

/***** SINGLE PAGE ******/

.single .mf-featured-post {
	height: 50vh!important;
}

.progression-blog-title {
	font-size: 36px;
	line-height: 1.2;
}

#progression-single-post-border {
	margin-top:0px;
}

.single #sidebar {
	margin-top:50px;
}

.progression-border-left-meta, .progression-no-border-meta {
	margin:0;
	padding:10px;
}

.progression-author-image {
	width: 35%;
}

.progression-author-main {
	width: 60%;
}

.post-fav-share {
	float: left;
	width: 100%;
	display: block;
	margin:15px 0;
	padding: 5px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.fav .fa-star {
	font-size: 36px;
	line-height: 36px;
	color:#365e97;
	transition: all 0.3s;
	cursor: pointer;
}

.fav a.following .fa-star {
	color:#f06344;
}

 .fav .fa-star:hover {
	color:yellow;
}

.post-fav-share .fav, .post-fav-share .date {
	display: block;
	margin:0;
	padding:20px 0;
	line-height: 36px;
	width: 15%;
	text-align: center;
}

.post-fav-share .fav{
	float: left;
}

.post-fav-share .date {
	float: right;
	padding-top: 25px;
}

.post-fav-share .share {
	float: left;
	display: block;
	margin:0;
	padding:0;
	width: 70%;
}

.progression-related-list .progression-post-container h2.progression-blog-title {
	min-height: 80px;
}

.mf-featured-post .photo-credit	{
	padding: 5px;
	margin: 0;
	background: rgba(0,0,0,.5);
	display: inline;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	position: absolute;
	bottom: 0;
	right: 0;
}

.mf-featured-post .photo-credit a {
	color:#fff;
	text-decoration:underline;
}

@media screen and (max-width: 767px) {
	.single #content-pro {
		padding-top: 20px!important;
	}
	.single .mf-featured-post {
		height: 30vh!important;
	}
	.post-fav-share .fav, .post-fav-share .date {
		width: 50%;
		box-sizing: border-box;
		padding-bottom: 0;
	}
	.post-fav-share .date{
		text-align: left;
	}

	.post-fav-share .share {
		width: 100%;
	}

	.single .progression-author-image, .single .progression-author-main {
		width: 100%;
		margin: 0;
	}
}


/***** CONTRIBUTORS DIRECTORY ******/

div.userpro-awsm-pic {
	left:50%!important;
}

/***** ALL NOTIFICATIONS ******/

#mindfray-notifcations-feed{
	width: 100%;
	background:#fbfdff;
	box-sizing:border-box;
}

#mindfray-notifcations-feed .notification {
	display:block;
	padding:10px;
	border-bottom: 1px solid #eeeded;
}


#mindfray-notifcations-feed .notification.not-clicked {
	background: #eef6ff;
}

#mindfray-notifcations-feed .notification:hover {
	background: #d9e6f5;
}

#mindfray-notifcations-feed .notification span, #mindfray-notifcations-feed .notification p {
	display:block;
	text-transform:none!important;
	margin-bottom: 0;
}

#mindfray-notifcations-feed .notification p{
	color: #000000;
}

#mindfray-notifcations-feed .notification a {
	font-size:16px!important;
	line-height:18px!important;
	color:#365e97;
	padding: 0;
	margin: 5px 0!important;
	border: 0;
}

#mindfray-notifcations-feed .notification a:hover {
	color: #2e75b6;
}

#mindfray-notifcations-feed .notification span {
	font-size:14px!important;
	line-height:16px!important;
	margin-bottom: 5px;
}

#mindfray-notifcations-feed .notification span i {
	margin-right: 3px!important;
	color: #365e97;
}


/***** REGISTRATION ******/

.userpro-field-user_login{
	display: none!important;
}

.mindfray-register .userpro-field.userpro-submit.userpro-column {
	margin-top:25px!important;
}


/***** SUBMIT A PUBLICATION ******/
label.usp-label {
	text-align:left;
	margin:10px 0;
	font-weight:bold;
}

.usp-input {
	text-align:left;
	background-color:#fff!important;
}

#usp-files {
	padding:0;
	box-shadow:none;
}

input[type='text'].usp-input, textarea.usp-input{
	border:1px solid #dedede;
}

label[for=usp-custom-please-add-image]{
	width: auto!important;
	clear: none!important;
	float: left!important;
}
input#usp-custom-please-add-image {
	width:auto;
	clear:none;
	float:left;
	margin: 17px 5px 0 5px;
}

.wp-editor-container textarea.wp-editor-area {
	min-height: 400px;
}

.usp-submit {
	background-color: #365e97;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	width:50%;
}

.usp-submit:hover {
	opacity:0.8;
}

.page-template-page-submit .wp-media-buttons{
	position: relative;
}

.page-template-page-submit .wp-media-buttons:hover .tooltip{
	display: inline-block!important;
}

.page-template-page-submit .wp-media-buttons .tooltip{
	position: absolute;
	left: 0;
	top: -65px;
	font-size: 12px;
	line-height: 16px;
	padding: 5px;
	border-radius: 5px;
	text-align: center;
	background-color: #464646;
	color: #fff;
	transition: all 0.3s;
	display: none;
}

.half-width {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.half-width label, .half-width input {
	text-align:left!important;
}

.click-to-include-tag {
	display:inline-block;
	margin-right:5px;
	padding:3px 10px;
	background:#dedede;
	cursor:pointer;
}

@media screen and (max-width: 767px) {
	.half-width {
		width: 100%;
	}
}

/***** SUBMIT AN ANSWER ******/

.nf-field-element textarea, .nf-field-element input[type=text] {
    border:2px solid;
    border-color: #2e75b6;
}

.nf-field-element input[type=button] {
    background-color: #365e97;
    border:2px solid #365e97;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	width:50%;
}

.nf-field-element input[type=button]:hover {
    background-color: #ffffff;
	color:#365e97;
}

.page-template-page-short-answer .nf-response-msg {
    padding:100px 0;
}

.nf-field-container.submitted-by {
	display:none!important;
}

/***** MY PROFILE AND FEED ******/

ul#profile-feed-navigation {
	list-style-type:none;
	border-bottom: solid 3px #365e97;
	border-top: solid 1px #dedede;
	margin:0 0 25px 0;
	padding:0;
	text-align:center;
	box-shadow: 0 7px 5px -5px rgba(0,0,0,.3);
}

ul#profile-feed-navigation li {
	display:inline-block;
	padding: 7px;
}

ul#profile-feed-navigation li a {
	color: #333333;
	padding:10px 20px;
	text-transform: capitalize;
}

ul#profile-feed-navigation li.active a, ul#profile-feed-navigation li a:hover {
	color: #2e75b6;
}

#personalize-feed-field {
	margin-bottom: 25px;
}

#personalize-feed-field input {
	width: 100%;
	box-sizing: border-box;
}

.my-feed-follow-list{
	width: 100%;
	min-height: 100px;
	background: #eee;
	margin-bottom: 25px;
	padding: 10px;
	box-sizing: border-box;
}

.my-feed-follow-list p{
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 5px 10px;
	background: #365e97;
	color: #fff;
	border-radius: 5px;
}

.my-feed-follow-list p span.remove:hover {
	color: #cccccc;;
	cursor: pointer;
}

.autocomplete-box {
	display: none;
	position: absolute;
	width: 90%;
	min-height: 50px;
	z-index: 200;
	background: #fff;
	border: 1px solid #eee;
	border-top: none;
}

.autocomplete-box ul {
	list-style-type:none;
	margin: 0;
}

.autocomplete-box ul li {
	width: 100%;
	margin: 5px 0;
}

.autocomplete-box ul li:hover {
	color:#0000ff;
	cursor: pointer;
}

.page-template-page-myaccount .userpro .userpro-centered, .page-template-page-myaccount .userpro-profile-img-btn, .page-template-page-myaccount label.userpro-checkbox.hide-field {
	display: none!important;
}

.page-template-page-mypublications .no-posts {
	width: 100%;
	text-align: center;
}

a.userpro-small-link{
	display:none!important;
	opacity: 0;
}

.mf-logout-button {
	font-size:13px;
	padding:10px 20px;
	background:#2e75b6;
	color:#fff!important;
	border-radius:5px;
}

.mf-logout-button:hover {
	background:#bd3d3d ;
}

.userpro-field.userpro-field-cause_1, .userpro-field.userpro-field-cause_2, .userpro-field.userpro-field-cause_3, .userpro-field.userpro-field-employment_company, .userpro-field.userpro-field-education{
	float:left;
	width:47%;
}

.userpro-field.userpro-field-cause_link_1, .userpro-field.userpro-field-cause_link_2, .userpro-field.userpro-field-cause_link_3, .userpro-field.userpro-field-employment_url , .userpro-field.userpro-field-education_url {
	float:left;
	width:47%;
	margin-left:6%;
}

.userpro-field.userpro-field-employment_company label, .userpro-field-employment_url label, .userpro-field-education_url label, .userpro-field-education_degree label {
	display:none;
}

.userpro-field.userpro-field-education_url {
	padding-top: 18px;
}

.userpro-field.userpro-field-cause_1 + div, .userpro-field.userpro-field-cause_2 + div, .userpro-field.userpro-field-cause_3 + div, .userpro-field.userpro-field-employment_company + div, .userpro-field.userpro-field-education + div {
	clear:none;
}

.page-template-page-myaccount input.userpro-button, .page-template-page-myaccount a.userpro-button{
	color:#ffffff!important;
	background-color:#f06344!important;
	border-color:#f06344!important;
}

.page-template-page-myaccount input.userpro-button:hover, .page-template-page-myaccount a.userpro-button:hover{
	color:#ffffff!important;
	background-color:#f06344!important;
	border-color:#f06344!important;
	opacity:0.9;
}

input.userpro-button.red,
a.userpro-button.red{
	color: #fff !important;
	border: solid 1px #bd3d3d !important;
	background: #ae3434 !important;
	-webkit-appearance: none;
}

input.userpro-button.red:hover,
a.userpro-button.red:hover {
	background: #ae3434 !important;
	border: solid 1px #bd3d3d !important;
	color: #fff !important;
}

@media only screen and (max-width: 767px) {
	ul#profile-feed-navigation {
		overflow: auto;
		white-space: nowrap;
	}

	ul#profile-feed-navigation li a{
		padding: 10px 10px 10px 0;
	}
}

/***** LOGIN POPUP ******/
.modal-box {
	display: none;
	position: fixed;
	z-index: 1000;
	width: 98%;
	background: white;
	border-bottom: 1px solid #aaa;
	border-radius: 4px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-clip: padding-box;
}

.modal-box header,
.modal-box .modal-header {
	padding: 1.25em 1.5em;
	border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
	padding: 1em;
	border-top: 1px solid #ddd;
	background: rgba(0, 0, 0, 0.02);
	text-align: right;
}

.modal-overlay {
	opacity: 0;
	filter: alpha(opacity=0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
	line-height: 1;
	font-size: 1.5em;
	position: absolute;
	top: 5%;
	right: 2%;
	text-decoration: none;
	color: #bbb;
}

a.close:hover {
	color: #222;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	transition: color 1s ease;
}

@media (min-width: 32em) {
	.modal-box { width: 70%; }
}

/***** LOGIN AND REGISTER ******/

div.userpro-body {
	padding: 10px 0 !important;
}

div.userpro-section.userpro-collapsed-0, div.userpro-section.userpro-collapsed-1 {
	background: #2e75b6;
	border: 1px solid #2e75b6;
	color: #fff !important;
	text-shadow: none;
}

div.userpro-section.userpro-collapsed-0 i, div.userpro-section.userpro-collapsed-1 i {
	color:#ffffff!important;
}

div.userpro div.userpro-head {
	padding: 5px 0 15px 0;
}

div.userpro div.userpro-head div.userpro-left {
	font-size: 18px!important;
	font-weight: bold;
}

.g-recaptcha iframe {
	width: 304px!important;
	height: 78px!important;
}


/***** MISC ******/

.theme-buttons{
	width: 100%;
	box-sizing: border-box;
    display:inline-block;
    padding:5px 15px;
    color:#fff;
    cursor:pointer;
    border-radius:2px;
    max-width: 300px;
}

.theme-buttons.register-button {
	color:#f06344!important;
	border:2px solid #f06344;
	margin-top: 15px;
}

.theme-buttons.register-button:hover {
	color:#ffffff!important;
	background:#f06344!important;
	border:2px solid #f06344;
}

a.userpro-button.userpro-follow.notfollowing, .inactive-follow-button {
	display: table;
	width: 100%;
	text-align: center;
	color:#365e97!important;
	border:2px solid #365e97!important;
	padding:5px 15px!important;
	margin: 15px auto 0 auto!important;
	border-radius:2px!important;
	box-sizing: border-box;
	max-width: 300px;
}

.inactive-follow-button i {
	margin: 0 4px 0 0 !important;
	font-size: 14px !important;
}

a.userpro-button.secondary i{
	color:#365e97;
}

a.userpro-button.userpro-follow.notfollowing:hover, a.userpro-button.userpro-follow.following, .inactive-follow-button:hover{
	color:#ffffff!important;
	background:#365e97!important;
	border: 2px solid #365e97!important;
	padding: 5px 15px!important;
	border-radius: 2px!important;
	margin: 15px auto 0 auto!important;
}

a.userpro-button.userpro-follow.notfollowing:hover i{
	color:#ffffff;
}

input.userpro-button, a.userpro-button {
	background :#2e75b6!important;
	border:1px solid #2e75b6!important;
}

a.userpro-button {
	margin-top: 15px!important;
	cursor: pointer!important;
}

input.userpro-button:hover, a.userpro-button:hover {
	background :#365e97!important;
}


	/***** MAILCHIMP WIDGET ******/

	#mc_embed_signup {
		font-size:12px;
		margin-bottom:10px;
	}

	#mc_embed_signup .mc-field-group, #mc_embed_signup label {
		display:block;
		margin-bottom:5px;
	}

	#mc_embed_signup .mc-field-group input {
		padding:5px 10px;
		font-size:17px;
		line-height:1.6;
		width:100%;
		border:1px solid #ddd;
		box-sizing: border-box;
	}

	#mc_embed_signup h2 {
		color:#fff;
		font-size:18px;
	}

	#mc_embed_signup .indicates-required {
		margin-bottom:10px;
	}

	#mc_embed_signup input[type=submit]{
		display:table;
		width: 100%;
		margin:0 auto;
		margin-top:10px;
		padding:5px 15px;
		color:#fff;
		background:#f06344;
		border:none;
	}
	#mc_embed_signup input[type=submit]:hover {
		opacity:0.9;
	}

/** TEMPORARY **/

.userpro-message-demo {
	display: none;
}