/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1.1
*/

/* Some styles are temporarily MOVED to WP Customizer..... */


body .um-private-messages-wrapper .um-private-messages-sidebar .um-private-messages-sidebar-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
}

/* body .um-private-messages-wrapper .um-private-messages-sidebar {
    width: 450px;
} */

/* STYLES FROM style.css file
* =============
* BEGIN
* =============
*/

/* CHANGE "A"
|||||||||||||| CONTENT OF THIS style.css FILE ||||||||||||||

|| SECTION STARTS: SITE-WIDE STYLES
=== Site header
|| SECTION ENDS: SITE-WIDE STYLES

|| SECTION STARTS: OUR STYLES FOR THE ULTIMATE MEMBER PLUGIN
=== Profile page
=== The login page
=== Account page
=== Messages page
|| SECTION ENDS: OUR STYLES FOR THE ULTIMATE MEMBER PLUGIN

|| SECTION STARTS: OUR STYLES FOR THE JobBoardWP PLUGIN
=== (Job) Dashboard page
=== Find a Pro page
=== Post (job) submission page
=== Single Job Page
=== 
|| SECTION ENDS: OUR STYLES FOR THE JobBoardWP PLUGIN

|| SECTION STARTS: TO REVIEW and delete if they are not needed
=== probably we have some unused styles here
|| SECTION ENDS: TO REVIEW and delete if they are not needed

|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/*
|| SECTION STARTS: SITE-WIDE STYLES ==================================
*/


/* Site header STARTS */

.inside-header {
	padding-top: 10px;
	padding-bottom: 10px;
}
.main-navigation .main-nav ul li a {
	padding-left: 14px;
	padding-right: 14px;
	line-height: 2.4em;
}
span.um-user-menu-photo {
	position: relative;
	top: 7px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-left: 25px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: -3%;
}
span.um-user-menu-photo > img.um-avatar {
	border-radius: 50%;
	width: 100%;
	height: auto;
}
/* Site header ENDS */

/*
|| SECTION ENDS: SITE-WIDE STYLES ==================================
*/


/*
|| SECTION STARTS: OUR STYLES FOR THE ULTIMATE MEMBER PLUGIN ==================================
*/

/* Profile page STARTS */

.um-profile-nav {
padding: 10px;
background: unset; /* Comment out this rule when on the old UI from UM plugin*/
text-align: center;
display: flex;
justify-content: center;
}
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-info > div {
	margin-right: 5%;
}


/* Tweaks for the New UI from UM plugin
* START
*/
div.um.um-profile .um-profile-header .um-avatar {
/* 	flex: 60px 0;
	height: auto; */
}
.um-profile-display-name {
	font-size: 1.3rem !important;
	line-height: 1.25em !important;
}

div.um.um-profile .um-profile-header .um-profile-header-core .um-profile-header-content {row-gap:0;}

div.um.um-profile .um-profile-header .um-profile-header-core {
	align-items: center;
	column-gap: 15px;
}

/*Align login, signup and password reset forms */
.entry-content > div.um {
	margin: 0 auto;
}
div.jb-jobs {
	align-items: center;
}
.um div.um-tabs-wrapper.um-profile-nav .um-tabs-list {
	background-color: #f0f2fa;
}
.um .um-tabs-wrapper.um-horizontal-tabs div.um-tabs-list ul {
	justify-content: center;
}

.um.um-profile div.um-profile-body {
/* 	max-width: 698px !important; */
	max-width: 777px !important;
	margin: 0 auto;
}


@media screen and (max-width: 500px) {
 .um.um-profile.um-profile-cover-enabled:not(.um-profile-no-cover).um-profile-avatar-enabled .um-profile-header .um-profile-header-core div.um-profile-header-content {
		margin-left: 77px;
 }
 .um div.um-avatar.um-avatar-xl {
    width: 82px;
    height: auto;
    left: 12px;
 }
.um.um-profile.um-profile-cover-enabled:not(.um-profile-no-cover) div.um-profile-body,
body.um-page .um.um-profile.um-profile-cover-enabled div.um-profile-nav,
body.um-page-user div.um-profile-body {
	padding: unset;
}

/*delete this one after removinf the "Send a message form and switching to UM Messages*/	
/* .jb-single-job-wrapper .jb-job-footer div.jb-job-footer-row {flex-direction: column-reverse;}	 */
	
}


@media screen and (min-width: 768px) {
	
body.um-page-user.one-container .site-content
	{
	padding: 0;
 }
.um.um-profile.um-profile-no-cover {
		padding: 40px;
}
	
.um.um-profile.um-profile-cover-enabled:not(.um-profile-no-cover).um-profile-avatar-enabled div.um-profile-header .um-profile-header-core .um-profile-header-content {
	margin-left: 210px;
}
.um.um-profile.um-profile-cover-enabled:not(.um-profile-no-cover).um-profile-avatar-enabled div.um-profile-header .um-profile-header-core .um-avatar {
	top: -105px;
}
.um div.um-avatar.um-avatar-xl {
	width: 180px;
	height: 180px;
}
	
} /*media 768px ends*/


/* Tweaks for the New UI from UM plugin
* END
*/


/* Profile page ENDS */


/* The login page STARTS */

.go-to-registration-paragraph {
	text-align: center;
}
.logged-in .go-to-registration-paragraph {
	display: none;
}
.um-page-loggedout .um-right {
	display: none;
}

/* The login page ENDS */


/* Account Page STARTS */
.um .um-field-label.um-label-account-type {
	margin-top: 20px;
	margin-bottom: 0;
}
/* Account Page ENDS */

/* Messages page styles are moved to Customizer because it's critical CSS*/

/*
|| SECTION ENDS: OUR STYLES FOR THE ULTIMATE MEMBER PLUGIN ==================================
*/



/*
|| SECTION STARTS: OUR STYLES FOR THE JobBoardWP PLUGIN ==================================
*/

/* (Job) Dashboard page STARTS */

.jb-job-dashboard,
#prohood-applicants-stats tbody {
	background-color: #ffffff;
}

#prohood-applicants-stats tbody tr.disabled {
	opacity: 0.3;
}
#prohood-applicants-stats tbody tr td {
	text-align: center;
}
#prohood-applicants-stats ~ .description {
	color: #cccccc;
}
jb-job-dashboard .jb-dropdown ul li a.jb-jobs-action-un-fill-premium {
	color: #767676;
}

/* (Job) Dashboard page ENDS */



/* Find a Pro page STARTS */


/* page-id-206 = Find a Pro page */
.page-id-206 h1 {
	text-align: center;
	font-size: 3rem;
	font-weight: 700;
}
.jb-row-info .company {
	display: none !important;
}

.jb-load-more-jobs {
	text-decoration: none;
	background-color: #f2f2f2;
	color: #555;
	padding: 6px 15px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}
.jb-load-more-jobs:hover {
	background-color: var(--accent);
	color: #ffffff;
}

/* .jb-jobs-search-row .jb-do-search.jb-button {
 background-color: orange !important;	
} */

.jb-jobs .jb-jobs-header .jb-jobs-header-row.jb-jobs-search-row .jb-jobs-search-line label {
	flex: auto !important;
	max-width: 50% !important;
}
.jb-jobs .jb-jobs-header .jb-jobs-header-row.jb-jobs-search-row .jb-jobs-search-line label:last-of-type {
	margin-right: 0;
}
.jb-jobs .jb-jobs-header .jb-jobs-header-row.jb-jobs-search-row .jb-jobs-search-line label input {
	width: 100%;
}

.jb-remote-only-checkbox-label {
	margin-left: calc( 50% + 10px ) !important;
}


.jb-jobs .jb-jobs-wrapper .jb-job-list-row {
	flex-direction: column !important;
	align-items: stretch !important;
	box-sizing: border-box;
	padding: 20px 20px 15px !important;
	margin-top: 20px !important;
	margin-bottom: 25px !important;
	border: 2px solid #333 !important;
	border-radius: 9px;
	background-color: #ffffff;
}


/* .jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-author-info { */
.jb-job-author-info {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0; }
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-author-info .jb-job-author-avatar-link {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	width: 100px;
	margin: 0 0 10px 0;
	padding: 0; }
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-author-info .jb-job-author-avatar-link img {
	border-radius: 100%; }
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-author-info .jb-job-author-display-name {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
	width: calc( 100% - 110px );
	margin: 0;
	padding: 0; }

.jb-job-author-info .jb-job-author-display-name-link {
	font-weight: 600; 
}
.jb-job-author-info .jb-job-author-display-name-link a {
	text-decoration: none;
}

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-author-info .jb-job-author-display-name .jb-job-author-display-name-sub {
	font-size: 12px;
	color: #888; }


.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-types {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: baseline;
	flex-wrap: wrap;
	width: 100%; }
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-types .jb-job-type {
	font-size: 15px;
	padding: 5px 26px;
	border: 0;
	border-radius: 3px; }
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-types .jb-job-type:not(:first-child) {
	margin: 0 0 0 5px; }

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-skills {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: baseline;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
}
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-skills .jb-job-skill {
	font-size: 12px;
	color: #444444;
	text-align: center;
/* 	padding: 5px 7px; */
	border-radius: 15px;
	margin: 5px 10px 0 0;
	background-color: #f2f2f2;
	border: 1px solid #e5e5e5;
}

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-data .jb-job-title .jb-job-title-link-line {
	width: auto !important;
}

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-data .jb-job-title {
	align-items: baseline !important;
}

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-info {
	flex-direction: row !important;
	justify-content: flex-start !important;
	align-items: baseline !important;
	flex-wrap: nowrap;
}

/* REMOVED: .jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-info > div - This rule is overridden by the more specific rule at line 88-90*/
	
/* Find a Pro page ENDS */


/* Post (job) submission page STARTS */

#job_location-1 {
	display: none;
}

/* JobPosting form */
#jb-job-submission-form-wrapper.jb-ui-m label[for="job_skills"],
#jb-job-submission-form-wrapper.jb-ui-l label[for="job_skills"],
#jb-job-submission-form-wrapper.jb-ui-xl label[for="job_skills"] {
	top: -15px;
	position: relative;
}

/* Post (job) submission page ENDS */

/* Single Job Page STARTS */

/* Applying form */

.single-jb-job .jb #jb-job-application .jb-form-row.jb-field-label-type {
	justify-content: flex-end;
}

.jb-job-apply-wrapper {
	width: 100%;
}

#jb-job-application .jb-field-conditional_radio-type .jb-form-field-content > span {
	width: 100%;
}
#jb-job-application .jb-field-conditional_radio-type .jb-form-field-content input[name="preferred_channel"] {
	width: 100%;
}


/* Author data */
.jb-single-job-wrapper .jb-job-author-info {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0; }
.jb-single-job-wrapper .jb-job-author-info .jb-job-author-avatar-link {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	width: 100px;
	margin: 0 0 10px 0;
	padding: 0; }
.jb-single-job-wrapper .jb-job-author-info .jb-job-author-avatar-link img {
	border-radius: 100%; }
.jb-single-job-wrapper .jb-job-author-info .jb-job-author-display-name {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
	width: calc( 100% - 110px );
	margin: 0;
	padding: 0; }

.jb-single-job-wrapper .jb-job-author-info .jb-job-author-display-name .jb-job-author-display-name-sub {
	font-size: 12px;
	color: #888; }

.jb .jb-job-info .jb-job-info-row.jb-job-info-row-before-first {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: baseline;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

.jb .jb-job-info .jb-job-info-row.jb-job-info-row-before-first .jb-job-skills {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: baseline;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
}
.jb .jb-job-info .jb-job-info-row.jb-job-info-row-before-first .jb-job-skills .jb-job-skill {
	font-size: 12px;
	text-align: center;
	padding: 5px 70px;
	border-radius: 15px;
	margin: 5px 10px 0 0;
	background-color: #f2f2f2;
	border: 1px solid #e5e5e5;
}

/* Overwrite JobBoardWP default styles */
div.jb-single-job-wrapper .jb-job-title-info .jb-job-info .jb-job-info-row .jb-job-types .jb-job-type {
	font-size: inherit;
	font-weight: normal;
}

.jb-single-job-wrapper hr {
	margin: 5px 0;
}
.jb-single-job-wrapper .jb-job-title-info .jb-job-info .jb-job-info-row:not(:first-child) {
	margin: 15px 0 0 0 !important;
}

/* Single Job Page ENDS */

/*
|| SECTION ENDS: OUR STYLES FOR THE JobBoardWP PLUGIN ==================================
*/


/*
|| SECTION STARTS: TO REVIEW and delete if they are not needed ==================================
*/


/* .company i {
	display: none !important;
} */

/* .um-profile {
	max-width: 1200px;
	margin: 0 auto;
} */


/* See this one: https://www.notion.so/prohood/UX-issue-Open-to-Tab-Manage-Open-to-posts-button-redesign-dc1c52e73fa945e49723477f03c4d6b9?pvs=4#dddd46ec747949beab550ce24422f37a*/
/*div.manage-your-posts {*/
	/*box-sizing: border-box;*/
	/*display: flex;*/
	/*width: 100%;*/
	/*justify-content: space-between;*/
	/*align-items: flex-start;*/
	/*border: 1px solid #444;*/
	/*padding: 20px;*/
	/*border-radius: 2px;*/
	/*background: linear-gradient(164deg, #dde6fc, color(srgb 0.9795 0.9795 0.9795));*/
/*}*/

/*div.manage-your-posts h5 {*/
	/*color: #473558;*/
	/*font-weight: 500;*/
	/*margin-bottom: 0;*/
/*}*/

/* div.manage-your-posts a {*/
	/*font-size: 17px;*/
	/*font-weight: 500;*/
	/*align-self: center;*/
/*}*/

/*
|| SECTION ENDS: TO REVIEW and delete if they are not needed ==================================
*/


/* STYLES FROM style.css file
* =============
* END
* =============
*/








/* Site-wide styles
*
* START
*/



code {
	background-color: #f3edfb;
}

.apply-border-radius {
	border-radius: 12px;
}
.apply-border {
/* 	border: 2px solid #333; */
	border: 1px solid rgb(204, 204, 204);
}
.ul-ol-remove-margin-left {
	margin-left: 0;
}

.wp-block-group {
	padding: 10px;
}


button,
a.button,
.select2-container--default .select2-selection--multiple,
input[type=button], input[type=reset], input[type=submit],
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border-radius: 4px !important;
	border-color: #ccc;
}

.wp-block-column {
	overflow-wrap: initial;
	word-break: initial;
}

/*Changes to the default Toggle element in Gutenberg*/
details.wp-block-details summary {
	margin-bottom: 10px;
}
details.wp-block-details p {
	padding-left: 19px;
}
details.wp-block-details ul,
details.wp-block-details ol {
	padding-inline-start: 8px;
}


.um-account .um-request-button,
.um-account .um-button,
.um-account input[type=submit].um-button,
.jb-form-button#jb-job-preview,
.add-new-opento-post-btn a.wp-block-button__link
{
  color: #ffffff;
  background-color: #5164cb;
}

.um-account .um-button#um_account_submit_delete {
	background-color: #ba4747;
}
.um-account .um-button#um_account_submit_delete:hover {
	background-color: #ba4747f0;
}



.um-account .um-request-button:hover,
.um-account .um-button:hover,
.um-account input[type=submit].um-button:hover,
.um input[type="submit"].um-button:focus, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active,
.jb-form-button#jb-job-preview:hover,
.jb-form-button#jb-job-preview:focus
{
	background-color: #5164cbe0;
}

body, button, input, select, textarea {
	line-height: 1.3;
}

ul,ol {
	padding-inline-start: 1.1rem;
	margin-left: 0;
	line-height: 1.4em;
}

ul.menu {
	padding-inline-start: 0;
}

select.jb-job-type-filter {
	padding: 5px 8px;
	font-size: 15px;
}

.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
	background-color: unset;
}	


h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}


/*Let's reduce margin for ul and ol when they inside table*/
td ul, td ol {
	margin-left: 1.5em;
}

/*--Header-- starts*/

.main-title {
	font-size: 1em;
}

.site-description {
	font-size: 14px;
}

.about-link{
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 2px;
}
.about-link:hover {
	
	color: var(--accent) !important;
}

p.beta-label {
/*Reset paragraphs' margins*/
margin-bottom: 0;
	
	font-size: 13px;
	font-weight: 500;
	margin-top: 2px;
	background-color: #9e216d;
color: #fff;
	border-radius: 9px;
	text-align: center;
	padding: 0px 7px;
}

.main-navigation ul ul {
	width: 178px;
}

.menu-item-has-children .dropdown-menu-toggle {
	padding-left: 4px;
}

ul.sub-menu li:hover {
	background-color: #ffffff;
}
ul.sub-menu li i {
	display: inline-block;
	width: 16px;
}


/*The same custom CSS as we had for the parent generatepress theme*/
/* REMOVED DUPLICATE: .inside-header and .main-navigation .main-nav ul li a (already defined at lines 43-50) */

/*--Header-- ends*/


/*--Footer-- starts*/



/*--Stick footer to bottom on short pages-- starts*/
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.container.grid-container {
    width: 100%;
}
.site-footer {
    margin-top: auto;
}
/*--Stick footer to bottom on short pages-- ends*/


.footer-widgets h2 {
	font-weight: 500;
	font-size: 1.2rem;
}

.footer-widgets a {
	text-decoration: none;
	color: rgb(34, 34, 34);
	font-size: 1rem;
}
.footer-widgets a:hover {
	text-decoration: underline;
}

/*--Footer-- ends*/


/* Site-wide styles
*
* END
*/






/*Profile page 
*
* STARTS
*/



.um-ui-xs.um.um-profile.um-profile-has-cover div.um-profile-header,
.um-ui-s.um.um-profile.um-profile-has-cover div.um-profile-header
{
	width: 100vw;
  margin-left: -20px;
}

.um-ui-xs.um.um-profile.um-profile-cover-enabled:not(.um-profile-no-cover) .um-profile-header div.um-profile-header-core {
	padding-left: 25px;
	padding-right: 25px;
}


/*Changed your mind? Manage “Open to” posts
START*/
div.manage-your-posts {
	display: flex;
	width: 100%;
	box-sizing: border-box;
  max-width: 650px;
	justify-content: space-between;
	align-items: flex-start;
	border: 1px solid #444;
	padding: 20px;
	border-radius: 2px;
	background: linear-gradient(164deg, #dde6fc, #f9f9f9);
}

div.manage-your-posts h5 {
	color: #473558;
	font-weight: 500;
	margin-bottom: 0;
}

div.manage-your-posts a {
	font-size: 17px;
	font-weight: 500;
	align-self: center;
}
/*Changed your mind? Manage “Open to” posts
END*/


/*Profile page 
*
* ENDS
*/



.company i {
	display: none !important;
}

/* REMOVED DUPLICATE: .page-id-206 h1 (already defined at line 290) */

.um-profile {
	max-width: 1200px;
	margin: 0 auto;
}



/*Find a Pro page 
* STARTS
*
*/

.jb-jobs .jb-jobs-header {
	width: 100%;
	max-width: 750px;
	margin: 0 auto 30px !important;
	background-color: #fff;
	padding: 49px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 9px;
	filter: drop-shadow(rgba(0, 0, 0, 0.065) 0px 1px 6px);
}



.jb-jobs .jb-jobs-wrapper {
	width: 100%;
	max-width: 650px;
  margin: 0 auto !important;
}

/* "Open to" filter row */
div.filter-row-2 label {
	display: flex;
	flex-direction: column;
	flex: 1;
	max-width: 320px;
}


/* select2 on the "Find a Pro" page -- starts */


/* "Skills" filter row (powered by Select2) */

div.filter-row-5 {
	flex-direction: column !important;
	align-items: stretch !important;
}

  .jb-skills-dropdown-label {
	  flex: 1 0 80px;
  }
  .jb-skills-dropdown-label select {
	  max-height: 41px;
	  width: 100% !important;
  }


  .jb-skills-dropdown-label .select2-selection--multiple {
	  margin-bottom: 2px;
}


div.filter-row-5 input[type=button].jb-do-search {
	flex: 1 0 25px;
/* 	margin-left: auto; */
	
	margin-top: 10px;
	box-shadow: none;
}




/*Overwrite JobBoardWP default style*/
/* .jb-jobs .jb-jobs-header .jb-jobs-header-row {
	align-items: flex-end;
} */


div.jb .select2-container .select2-selection__rendered {
/* padding-top: 2px;
padding-bottom: 2px; */
/* 	font-size: inherit !important; */
	font-size: 15px !important;
		
}

.jb-jobs .jb-jobs-header .jb-jobs-header-row.jb-jobs-filters-row label {
	margin: 0;
}
div.jb-jobs-filters-row {
	margin-top: 10px;
}


div.jb .select2-dropdown {
	font-size: 15px !important;
}

/* div.jb .select2.select2-container  .select2-selection--multiple {

} */


.select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding: 4px 8px;
	background-color: #ddddfe;
}

div.jb .select2-container li.select2-search--inline {
	width: 100%;
}

div.jb .select2-container .select2-search--inline input.select2-search__field {
/* 	margin-top: 9px; */
	margin-bottom: 0;
	padding: 5px;
	width: 100% !important;
	font-size: inherit;
}

div.jb .select2-selection__choice__remove {
		font-size: 20px;
	}


/*My attempt to fix the UI issues on the multiple select 2 element in Safari on iOS
div.jb .select2-container .select2-selection--multiple span.select2-search--inline {
  display: inline-block !important;
	width: 100% !important;
}*/


/* select2 on the "Find a Pro" page -- ends */




.jb-job-author-avatar-link {
	width: 100% !important;
	max-width: 42px;
  margin: 0 8px 0 0 !important;
}


.jb-job-author-display-name {
	font-size: 16px;
}
.jb-job-author-display-name-sub {
	font-size: 0.8em !important;
color: #655 !important;
}

/*Job Title on card and "View More" Btn*/
.jb-row-data .jb-job-title span {
		font-size: 25px;
		font-weight: 400;
	  flex: 5;
	}
.jb-row-data .jb-job-title a.button {
	 padding: 8px 25px;
	 flex: 1;
	 flex-basis: 72px;
	text-align: center;
}

div.jb-job-types .jb-job-type {
  font-size: 14px !important;
  padding: 4px 24px !important;
	}	


.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-data:not(:last-child) {
	margin-bottom: 10px;
}
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-data:nth-child(2) {
	margin-bottom: 26px;
}
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-data:nth-child(3) {
	margin-bottom: 7px;
}

.jb-job-skills .jb-job-skill {
	padding: 2.5px 10px !important;
}


.jb-row-info {
	color: #655;
}
/*Hide "Closing on" on a single post card*/
.jb-row-info .expires {
	display: none;
}




/*
Align "Show only remote" label delete this rule later if it's no longer needed
*/
/* .jb-jobs-filters-row label:nth-child(2) {
	order: -1;
	flex: 2;
	margin: 0 7px 0 0;
	min-width: 90px;
	max-width: 42%;
} */

/* REMOVED DUPLICATE: .jb-row-info .company and .jb-load-more-jobs (already defined at lines 295-310) */


/*Styles for the filter for recruiters START*/

.jb-hide-posts-with-min-salary-filter-label input::-webkit-outer-spin-button,
.jb-hide-posts-with-min-salary-filter-label input::-webkit-inner-spin-button,
.jb-hide-posts-with-min-salary-filter-label::-webkit-list-button{
/* Hide arrows on input with "number" type in Chrome, Safari, Edge, Opera */
	display: none !important;
	appearance: none;
	-webkit-appearance: none !important;
	margin: 0;
}

.jb-hide-posts-with-min-salary-filter-label input {
/* Hide arrows on input with "number" type in Firefox */
	appearance: textfield;
	-moz-appearance: textfield;
	padding: 5px 8px;
	width: 95px;
	margin-left: 2px;
}


/*Styles for the filter for recruiters END*/

/*Find a Pro page 
* ENDS
*
*/



/*Single jb-job page  
* STARTS
*
*/

.single-jb-job .jb-single-job-wrapper .jb-job-title-info .jb-job-title h1 {
	font-size: 40px;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
}

.single-jb-job .jb-single-job-wrapper .jb-job-title-info .jb-job-info div.jb-job-title {
	margin-top: 0 !important;
}

.single-jb-job .jb-single-job-wrapper .jb-job-title-info .jb-job-info .jb-job-info-row:nth-child(1) {
	margin-bottom: 20px !important;
}



/*A tweak to the Apply Form: the notice for the last applicant)*/
form#jb-job-application .jb-field-label-type span {
	padding: 20px 20px 0px;
	border: 1px grey solid;
	border-radius: 9px;
  background-color: #e9ebff;
}


/*Single jb-job page  
* ENDS
*
*/
	

/*Preview post before submition
STARTS*/

#jb-job-preview-wrapper .jb-job-company,
#jb-job-preview-wrapper div.jb-job-title h3 {display: none !important;}

#jb-job-preview-wrapper hr {
	margin: 20px 0 0;
}

#jb-job-preview-wrapper div.jb-job-title h2 {
	font-size: 2rem;
  font-weight: 500;
	padding: 0;
}

#jb-job-preview-wrapper div.jb-job-content h2 {
  margin-top: 25px;
  margin-bottom: 20px;
  padding: 0;
}

/*Preview post before submition ENDS*/



/*Open to Dashboard STARTS*/

table#prohood-applicants-stats {
	font-size: 0.9em;
}
#prohood-applicants-stats th[scope=row] {
	font-weight: 500;
}

#prohood-applicants-stats ~ .description {
  color: inherit;
}

/*Adding some breathing space*/
.jb-job-dashboard .jb-row-data .job_title a {
	text-decoration: none;
	margin-bottom: 5px;
}
.jb-job-dashboard.jb-ui-xs .jb-job-dashboard-rows .jb-job-dashboard-row .jb-row-data .jb-row-info-small {
	line-height: 1.45;
}




@media screen and (min-width: 768px) {
	
	.wp-block-buttons.wp-container-1.add-new-opento-post-btn {
		margin-top: -69px;
		justify-content: flex-end;
	}
	
  .single-jb-job .jb-single-job-wrapper .jb-job-title-info .jb-job-title h1 {
	font-size: 42px;
}
	
.jb-jobs .jb-jobs-wrapper .jb-job-list-row {
		padding: 20px 20px 25px !important;
	}	
	
}


/*Open to Dashboard ENDS ???*/

@media screen and (max-width: 847px) {
	
	
.jb-jobs .jb-jobs-header .jb-jobs-header-row.jb-jobs-search-row .jb-jobs-search-line {
	display: flex !important;
	flex-direction: column !important;
  justify-content: stretch !important;
}

.jb-jobs .jb-jobs-header .jb-jobs-header-row.jb-jobs-search-row .jb-jobs-search-line label {
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  min-width: auto !important;
}	
	
	
.jb-jobs .jb-jobs-header .jb-jobs-header-row:last-child {
		flex-direction: column;
}

/*Let's change back to 100% width on phones*/
.jb-skills-dropdown-label {
		width: 100%;
}	



/* Let's set "Title, keywords..." and "City, State" inputs to 100% width */
.jb-jobs .jb-jobs-header .jb-jobs-header-row.jb-jobs-search-row .jb-jobs-search-line label,
.jb-jobs-header input {
		max-width: 100% !important;
}
	
.jb-jobs-header input:not(type="checkbox")
	{
		width: 100% !important;
	}
	
.jb-jobs-header .jb-remote-only-checkbox-label {
		margin-left: 0 !important;
	}
	
	
label.jb-skills-dropdown-label {
		display: flex;
		flex-direction: column;
}
	label.jb-skills-dropdown-label select {
		flex: 1;
	}	
	
	
.jb-jobs .jb-jobs-header .jb-jobs-header-row.jb-jobs-filters-row input.jb-do-search[type=button]
 {
		min-width: 100%;
	 width: 100%;
	}
	
	
	.select2-selection__choice__remove {
		font-size: 26px;
	}
	
	
} /* 847px media ends */


/*Let's change main container padding and mobile menu*/
@media screen and (max-width: 768px) {

	/*Let's change paddings*/
header .inside-header,
.one-container .site-content {
  padding: 20px;
}
	
/* Mobile Menu STARTS*/
	
.main-navigation.toggled .main-nav li {
  text-align: center;
}
li.menu-item-with-user-photo a,
img.um-user-menu-photo {
		display: inline-block;
}	

img.um-user-menu-photo {
		margin-bottom: -9%;
}	
.toggled .menu-item-has-children .dropdown-menu-toggle {
		padding-left: 5px;
	}
/*Mobile Menu ENDS*/
	
}

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

	
/*User Profile Page on Mobile STARTS*/

	
/* Delete the following later:
 	body.um-page-user .site-content {
		padding: 0;
	}	 */
/* 	body.um-page-user .um-profile-body {
		padding: 10px ;
	}
 */
	
.jb-jobs .jb-jobs-wrapper .jb-job-list-row {
		box-sizing: border-box;
}
	
div.um.um-profile .um-profile-header .um-profile-header-core .um-profile-header-content .um-profile-header-main-row .um-profile-header-actions {
  column-gap: 1px;
}
div.um.um-profile .um-profile-header .um-profile-header-core .um-profile-header-content .um-profile-header-main-row .um-profile-header-actions a {
	padding: 5px 10px;
}
	
/*User Profile Page on Mobile ENDS*/

	div.jb-jobs .jb-jobs-header {
	padding: 0;
	background-color: transparent;
		border: none;

	}
	

	.jb-jobs-header .jb-jobs-header-row:nth-child(n+2) {
		margin-bottom: 8px;
	}
	
.jb-jobs-header .jb-jobs-header-row:nth-child(3) label,
select.jb-job-type-filter {
		display: block;
		width: 100% !important;
	}
	
/*Card design STARTS*/

.jb-job-author-avatar-link {
	max-width: 40px;
	}
	
/*Change font-size on mobile*/
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-types .jb-job-type {
		font-size: 13px !important;
	}	

.jb-job-title span.jb-job-title-link-line {
	font-size: 26px;
	font-weight: 500;
	}

.jb-row-data .jb-job-title {
		flex-direction: column !important;
	}	
 .jb-job-title span,
.jb-job-title a {
	width: 100% !important;
	flex: 0 !important;
}
	
.jb-job-title a.button {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-info {
flex-wrap: wrap !important;
	font-size: 0.9em;
	}
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-row-info div {
		margin-top: 4px;
		margin-bottom: 4px;
	}

	/* "Open to" filters row max-width on mobile */
	div.jb-jobs-filters-row:nth-child(3) label {
	max-width: 100%;
}
	
} /* 500px media ends */





/*Submit a Job Page 
* STARTS
*/
/* REMOVED DUPLICATE: #job_location-1 (already defined at line 441) */

/*Submit a Job Page 
* ENDS
*/


/* Log in page
 * STARTS
*/
/* REMOVED DUPLICATE: .go-to-registration-paragraph, .logged-in .go-to-registration-paragraph, and .um-page-loggedout .um-right (already defined at lines 178-186) */

/* Log in page
 * ENDS



/* Account page
 * STARTS
*/

label.account-type span {
	color: #888888;
}


/* Account page
 * ENDS
*/


/*Tweaks for Pricing page
* START
*/
.prohood-pricing-table {
	max-width: 750px;
	background-color: #fbfbfb;
}

/*Let's make it responsive*/
.prohood-pricing-table table {
	min-width: 450px;
	overflow-x: scroll;
	width: 100%;
	font-size: 16px;
table-layout: fixed;
border-collapse: collapse;
}

.prohood-pricing-table thead {
    border-bottom: none;
}
.prohood-pricing-table th,
.prohood-pricing-table td {
	border-color: rgb(204, 204, 204);
}

.prohood-pricing-table tr:first-child th {
	vertical-align: top;
	padding: 12px 10px;
}
.prohood-pricing-table tr td:first-child {
	font-weight: 500;
}

/*Let's style buy buttons*/
.prohood-pricing-table tr:first-child div.getpaid {
	margin-top: 10px;
}
.prohood-pricing-table tr:first-child div.getpaid button {
	padding: 5px 0;
	width: 100%;
}

.prohood-pricing-table ul,
.prohood-pricing-table ol {
	padding-inline-start: 0;
	margin-top: 5px;
	margin-left: 1.2rem;
}

@media screen and (max-width: 500px) {
	.prohood-pricing-table {
		font-size: 15.5px;
	}	
}
	

/*Tweaks for Pricing page
* END
*/
/* Tweaks for 404 page */
body.error404 .search-form {
	display: none;
}


/* Tweaks for GetPaid Plugin styles
*
* START
*/

.bsui {
	font-size: 1rem;	
}


div.bsui .bg-secondary,
div.bsui .btn-secondary{
  color: #ffffff;
}
.getpaid-subscriptions {
	overflow-x: auto;	
}
.getpaid-subscriptions table {
	font-size: inherit;
  table-layout: auto;
}	

.getpaid-subscriptions table tfoot {
	display: none;
}


/* Tweaks for GetPaid Plugin styles
*
* END
*/


/* Tweaks for Perfecty Push Plugin styles
*
* START
*/

/* Hide the bell icon if not on the Account page and not logged in*/
/* body:not(.um-page-account.um-page-loggedin) div.perfecty-push-dialog-container,
body:not(.um-page-account.um-page-loggedin) div.perfecty-push-settings-container {
	display: none !important;
}  */

/*Part 2 of the "Integrate Perfecty Push checkbox on the Notifications page" code. It hides the popup (dialog)  everywhere (we'll show it later in JS after ticking the checkbox*/
div.perfecty-push-dialog-container,
body div.perfecty-push-settings-container {
	display: none !important;
} 



.perfecty-push-settings-container #perfecty-push-settings-open svg {
    background-color: #6963d4;
}

.perfecty-push-dialog-box {
    align-items: flex-start;
    padding: 20px;
    margin: 50px auto 0;
    font-size: 0.9em;
}

.perfecty-push-dialog-container .perfecty-push-dialog-form .perfecty-push-dialog-title {
    margin: 20px 20px 10px;
    text-align: left;
}


.perfecty-push-dialog-container .perfecty-push-dialog-form #perfecty-push-dialog-cancel {
	display: none;
/*   color: #ad6edd; */
}

.perfecty-push-dialog-container .perfecty-push-dialog-form #perfecty-push-dialog-subscribe {
    background-color: #6963d4;
}


/* Tweaks for Perfecty Push Plugin styles
*
* END
*/


/* Styles for the Comming Soon Page
*
* START
*/

div.registration-for-prohood-public-beta {
	color: green;
	font-size: 1.5rem;
	font-weight: 600;
	margin-top: 20px;
}

/* Styles for the Comming Soon Page
*
* END
*/



/* My referrals Page styles
*
* START
*/

.referral-link-group {
	color: var(--accent);
}
.referral-link-group p {
	color: var(--contrast);
}

/* My referrals Page styles
*
* END
*/