/*
 Theme Name:   GeneratePress Child - Jobs That Help
 Theme URI:    https://generatepress.com
 Description:  Jobs That Help theme based on GeneratePress
 Author:       Tom Usborne (GeneratePress base theme)
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      1.1.8
*/

/*--------------------------------------------------------------
Yoast SEO
--------------------------------------------------------------*/

.single-post .jth-breadcrumb,
.single-job_listing .jth-breadcrumb {
	margin-top: -15px;
	margin-bottom: 15px;
}

.single-resume .jth-breadcrumb,
.single-mec-events .jth-breadcrumb {
	margin-top: -15px;
}

/*--------------------------------------------------------------
Shortcodes Ultimate
--------------------------------------------------------------*/

/* External link icon (on submit opportunity page) */
a.sue-icon.jth-no-padding > i {
	padding: 0px!important;
}

/* Heading */
div.su-heading.su-heading-style-default.su-heading-align-center {
    border-top: 0px;
    border-bottom: 0px;
}

/* Choose a Package page */
div.su-spoiler.su-spoiler-style-fancy.su-spoiler-icon-plus.jth-package-spoiler { margin-bottom: 0em; }

div.su-spoiler.su-spoiler-style-fancy.su-spoiler-icon-plus.jth-package-spoiler > .su-spoiler-title {
	background: #fffff0;
}

#job_package_selection > div.job_listing_packages > ul > ul > li > div.sue-icon-text.jth-package {
    margin-bottom: 0px;
}

/* Checkout page */
div.sue-icon-text.jth-cart-link {
	float: right;
    z-index: 1;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: -10px;
}

div.sue-icon-text.jth-cart-link.sue-panel-clickable > div.sue-icon-text-content.sue-content-wrap > a {color: #ffffff;}

/* Home page, pricing pages, browse opportunities by region, and sidebar panels */
div.sue-icon-panel.jth-panel {
	border: 1px solid #e1e1e1!important;
	border-radius: 10px!important;
	box-shadow: 1px 0px 20px rgb(0 0 0 / 7%)!important;
}

/* Home page */

@media only screen and (max-width: 580px) {
    
    #post-17 > div > div > div.wp-block-columns.is-not-stacked-on-mobile.jth-home-panel.jth-nomargin.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        gap: 1em;
    }

    #post-17 > div > div > div.wp-block-columns.jth-home-panel > div > div > div.sue-icon-panel-head > i {
	    font-size: 60px!important;
    }
}

@media only screen and (max-width: 388px) {
    #post-17 > div > div > div.wp-block-columns.jth-home-panel > div > div > div.sue-icon-panel-head > i {
	font-size: 40px!important;
    }
}

/*--------------------------------------------------------------
Sassy Social Share
--------------------------------------------------------------*/

.heateor_sss_sharing_title {
	font-weight:500!important;
 font-style:italic;
}

.heateor_sss_sharing_title {
	color: #999;
}

 @media only screen and (min-width: 370px) {
  	.heateor_sss_svg {
  		width: 70px!important;
     }
   }

  @media only screen and (min-width: 440px) {
  	.heateor_sss_svg {
  		width: 90px!important;
     }
   }

@media screen and (min-width: 600px) {
	.heateor_sss_svg {
		width: 120px!important;
   }
}

@media only screen and (min-width: 800px) {
  .heateor_sss_svg {
    width: 150px!important;
  }
}

/*--------------------------------------------------------------
Modern Events Calendar Lite
--------------------------------------------------------------*/

/* Events calendar filters */
.mec-wrap .mec-totalcal-box {
	    background-color: #C5E2E3;
    border-radius: 10px;
    box-shadow: 1px 0px 20px rgb(0 0 0 / 7%);
}

#mec_sf_location_14766,
#mec_sf_s_14766 {
font-size: 18px;
border-radius: 0px 10px 10px 0px;
}

.mec-wrap .mec-totalcal-box i {
border-radius: 10px 0px 0px 10px;
}

/* Events calendar listings */
.mec-event-grid-minimal .mec-event-title {
	text-transform: initial;
}

h4.mec-event-title a.mec-color-hover {
color: #1d7e8b;
}

h4.mec-event-title a.mec-color-hover:hover {
color: #2395a5!important;
}

li.mec-organizer-item a.mec-color-hover,
li.mec-organizer-item a.mec-color-hover:hover {
	color: #9a9a9a!important;
	cursor: initial;
	font-size: 17px!important;
	line-height: 1;
}

.mec-wrap .mec-event-article .mec-color-hover {
	font-size: 18px
}

.mec-event-loc-place {
	font-size: 17px;
	}

.event-color {
	display: none;
}

.mec-load-more-button {
  background: #1d7e8b;
  border: 2px solid #1d7e8b;
	color: #fff;
	line-height: 5.5px;
	padding: 15px 28px;
	font-size: 1em;
}

.mec-load-more-button:hover {
    background: #2395a5;
    border: 2px solid #2395a5;
}

/* Single event pages */
.mec-container {
padding-left: 0px;
padding-right: 0px;
}

.mec-event-content p {
	font-weight: normal;
	font-size: 18px;
}

.mec-single-event .mec-event-content {
	padding: 0px;
}

.mec-single-event .mec-event-meta dd a {
	color: #1d7e8b;
}

.mec-single-event .mec-event-meta dd a:hover {
	color: #2395a5!important;
}

div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > a:hover {
	background: #2395a5!important;
}

div.mec-event-content > div {
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    box-shadow: 1px 0px 20px rgb(0 0 0 / 7%);
	padding: 1em 1em 0em 1em;
}

div.mec-event-export-module.mec-frontbox,
div.mec-events-meta-group.mec-events-meta-group-countdown,
div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox,
div.mec-event-social.mec-frontbox{
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    box-shadow: 1px 0px 20px rgb(0 0 0 / 7%);
}

.mec-booking-button {
	text-transform: uppercase;
}

.mec-single-event .mec-event-social a.email {
	background:#649A3F;
}

.mec-single-event .mec-event-social a.email:hover {
	background: #507B32;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .single-mec-events .mec-wrap .mec-events-meta-group-countdown {
        padding: 20px 20px 20px 20px;
	}
}

@media only screen and (max-width: 479px) {
    .mec-container {
        width: initial;
	}
	.mec-events-meta-group-countdown .countdown-w {
        padding: 0px;
	}

    div.mec-event-export-module.mec-frontbox {
        padding: 20px 30px 20px 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .mec-container {
        width: initial;
	}
}

/*--------------------------------------------------------------
WooCommerce
--------------------------------------------------------------*/

/* Dashboard */
.woocommerce-account .woocommerce-MyAccount-navigation {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: left; 
	width: 100%;
}

/* Orders -- hides Browse products button when no orders yet */
#post-25937 div.woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info a {
display: none;
}

/* Cart */
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {width: 200px!important;}

div.woocommerce > p.return-to-shop {display:none;}

/* Mini-cart (added by GeneratePress theme) */
#wc-mini-cart > div > div > div > ul > li > a {
	text-transform: none;
	color: #1d7e8b!important;
}

#wc-mini-cart dl > dd {margin: 0;}

/* Checkout */
#post-18922 .woocommerce-message {display:none;}

#order_review > div.jth-checkout-edit-link {
	float: left;
	clear: both;
	position: relative;
	margin-top: -55px;
	margin-left: 20px;
}

#order_review > div.jth-checkout-edit-link > p {
	margin-bottom: 0px;
	font-size: 16px;
}

#order_review > table > tfoot > tr.order-total > th,
#order_review > table > tfoot > tr.order-total > td {
	padding-bottom: 40px;
}

div.woocommerce-form-coupon-toggle > div > a:hover,
div.woocommerce > div.jth-woocommerce-new-employer-notice > div > a:hover,
div.woocommerce > div.woocommerce-form-login-toggle > div > a:hover {
	opacity: 0.75;
    transition: opacity 0.2s;
}

.woocommerce-checkout #payment ul.payment_methods li img {
    float: initial!important;
}

.woocommerce-checkout #payment ul.payment_methods::before {
	content: 'Choose payment method';
	display: block;
	width: 100%;
	background: #fff;
	font-size: 20px;
	padding-bottom: 20px;
	line-height: 1.2em;
}

#payment .payment_methods > .wc_payment_method > label {
	margin-bottom: 10px;
}

#payment > ul > li.wc_payment_method.payment_method_ppec_paypal > label  {
	margin-bottom: 1em;
}

#payment .payment_methods li.wc_payment_method>input[type=radio]:checked+label:before {
    color: #0075ff;
}

#payment .payment_methods>.wc_payment_method>label:before {
	transition: 0s!important;
}

div.woocommerce-terms-and-conditions-wrapper {
	padding: 1em 1em 0em 1em;
	background: #DCEEEE;
}

#payment > div > div.woocommerce-terms-and-conditions-wrapper > div.woocommerce-privacy-policy-text > ul {padding-bottom: 1em;}

/* Shop page */
header.woocommerce-products-header { text-align: center; }

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > h2 {
	font-family: inherit;
	font-weight: 500;
}

nav.woocommerce-pagination { display: none;}

/* Hide APS job packages from shop page */
li.product.type-product.post-24615,
li.product.type-product.post-19343,
li.product.type-product.post-24617,
li.product.type-product.post-44801,
li.product.type-product.post-24618,
li.product.type-product.post-24619 {display: none;}

/* Product pages */
.woocommerce-product-gallery__trigger,
#product-19343 > div.summary.entry-summary > form > button.single_add_to_cart_button,
#product-24615 > div.summary.entry-summary > form > button.single_add_to_cart_button,
#product-24617 > div.summary.entry-summary > form > button.single_add_to_cart_button,
#product-24618 > div.summary.entry-summary > form > button.single_add_to_cart_button,
#product-24619 > div.summary.entry-summary > form > button.single_add_to_cart_button,
#product-44801 > div.summary.entry-summary > form > button.single_add_to_cart_button {display: none;}

/*--------------------------------------------------------------
WP Job Manager - WooCommerce Paid Listings
--------------------------------------------------------------*/

/* Dashboard */
table.shop_table.my_account_job_packages.my_account_wc_paid_listing_packages th {
	background-color: #f2f2f2;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

table.shop_table.my_account_job_packages.my_account_wc_paid_listing_packages {	
	border-left: 1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
}

.woocommerce table.shop_table tr,
.shop_table.my_account_job_packages.my_account_wc_paid_listing_packages td {
	background-color: #fafafa;
}

/* "Return" page */
#post-25937 > div > div > div.woocommerce > div > h2, 
#post-25937 > div > div > div.woocommerce > div > table.my_account_job_packages.my_account_wc_paid_listing_packages {display: none;}

/* Choose a Package page */
#job_package_selection .job_listing_packages_title {
	padding: 0.5em 1em 1.2em 1em;
	background-color: #eee;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
}

#job_package_selection > div.job_listing_packages {
	border: 0px;
}

#job_package_selection > div.job_listing_packages > ul > li.package-section,
#job_package_selection > div.job_listing_packages > ul > ul > li.package-section {
	text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding-top: 1.5em;
    border-bottom: 0px;
}

#job_package_selection > div.job_listing_packages > ul.job_packages > li.user-job-package,
#job_package_selection > div.job_listing_packages > ul.job_packages > ul.job_packages > li.job-package {
	margin-top: 1em;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
}

#job_package_selection > div.job_listing_packages > ul.job_packages > li.user-job-package {
	background: #DCEEEE;
}

#job_package_selection > div.job_listing_packages > ul > li > label,
#job_package_selection > div.job_listing_packages > ul > ul > li > label {
	font-size: 20px;
}

#job_package_selection > div:nth-child(3) {
margin-top: 1em;
}

#job_package_selection > div.job_listing_packages > ul.job_packages > ul.job_packages > li.job-package.job-package-featured {
	background-color: #fffff0;
}

/* Hide shop only job packages from submission flow */
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(2),
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(3),
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(4),
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(5),
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(6),
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(7),
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(8),
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(9),
#job_package_selection > div.job_listing_packages > ul > ul > li:nth-child(10) {display: none;}

/*--------------------------------------------------------------
WP Job Manager - Application Deadline
--------------------------------------------------------------*/

/* Hide "Closing Date" in job dashboard, job listings, single job listings, and preview */
th.closing_date,
td.closing_date,
li.application-deadline,
li.application-deadline.expiring.expired {
    display: none!important;
}

/*--------------------------------------------------------------
WP Job Manager
--------------------------------------------------------------*/

/* Style job dashboard */
#job-manager-job-dashboard table th,
#job-manager-job-dashboard table td {
	padding-left: 10px;
}

#job-manager-job-dashboard th {
	background-color: #f2f2f2;
	text-align: left;
}

#job-manager-job-dashboard .job-manager-jobs tr:nth-child(odd) {
	background-color: #fafafa;
}

#job-manager-job-dashboard .job-manager-jobs tr:nth-child(even) {
	background-color: #f2f2f2;
}

/* Style job editing form */
#post-827 #submit-job-form {
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 15px;
}

/* Style job listing filters */
div.search_jobs input#search_keywords,
div.search_jobs input#search_location,
select#search_categories.job-manager-category-dropdown, 
div.search_jobs input[type="submit"] { 
	border-radius: 10px;
}

.job_filters {
	background-color: #C5E2E3;
	border-radius: 10px;
    box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
}

.job_filters .job_types {
	background-color: #DCEEEE;
	border: 0px;
	border-radius: 0px 0px 10px 10px;
}

.job_filters .showing_jobs {
	background: #DCEEEE;
	margin-top: -7px;
	border-top: 0px;
	border-radius: 0px 0px 10px 10px;
}

/* Style job listings structure */
ul.job_listings li.job_listing {
	margin-top: 10px;
}

ul.job_listings li.job_listing a { 
    padding-left: 1em;
}

ul.job_listings li.job_listing a div.position {
	width: 40%;
	padding: 0px;
}

ul.job_listings li.job_listing a div.position h3 {
	font-weight: 600;
}

ul.job_listings li.job_listing a .meta {
    width: 19%;
}

ul.job_listings li.job_listing a img.company_logo {
	height: 100px;
	width: 100px;
	border-radius: 5px;
	background-color: #ffffff;
    position: initial;
}

/* Mobile styling of job listings */
@media only screen and (max-width: 767px) {

    ul.job_listings li.job_listing a .meta {
        clear: right;
    }

    ul.job_listings li.job_listing a div.location,
    ul.job_listings li.job_listing a .meta {
        width: 37%;
    }

    ul.job_listings li.job_listing a img.company_logo,
    ul.job_listings li.no_job_listings_found a img.company_logo {
	    visibility: inherit;
	}
}

@media only screen and (max-width: 630px) {
	
    ul.job_listings li.job_listing a div.position {
	    float: right;
        width: 52%;		
	}

    ul.job_listings li.job_listing a div.location {
		margin-top: 1em;
    }

  ul.job_listings li.job_listing a div.location,
  ul.job_listings li.job_listing a .meta {
		float: left;
		clear: left;
		padding: 0px;
		text-align: left;
		line-height: 1.5em;
    }
}

@media only screen and (max-width: 344px) {
	
	ul.job_listings li.job_listing a img.company_logo {
	height: 70px;
	width: 70px;
}
	
	ul.job_listings li.job_listing a div.position {
	font-size: 16px;
    width: 57%;		
	}

}

@media only screen and (min-width: 767px) {
ul.job_listings li.job_listing a div.location {
    width: 22%;
    }
}    

/* Style job listings visuals */
ul.job_listings {
	border: 0px
}

img.company_logo {
	object-fit: contain;
}  

ul.job_listings li.job_listing:nth-child(odd),
ul.job_listings li.job_listing:nth-child(even) {
    background-color: #fff;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
}

ul.job_listings li.job_listing:hover a {
	background-color: #e9f4f4;
	transition: all ease-in 300ms;
	border-radius: 9px;
}

div.job_listings .job-manager-pagination,
ul.job_listings li.no_job_listings_found.no_job_listings_found {
	border-bottom: 0px;
}

.job_listing .job-type {
    color: #075869;
}

.job_listing .full-time {
    color: #5b922a;
}

.job_listing .part-time {
    color: 	#2a8fa1;
}

.job_listing .internship {
    color: #3DAD9D;
}

.job_listing .board {
    color: #78B0C9;
}

.job_listing .americorps {
    color: #a84067;
}

/* Style featured job listings */
ul.job_listings li.job_listing.job_position_featured a {
  background: #def1eb;
  border-radius: 9px
}

ul.job_listings li.job_listing.job_position_featured a:hover,
ul.job_listings li.job_listing.job_position_featured a:focus {
  background: #fff;
}

li.job_position_featured .position::before {
	content: 'FEATURED';
	display: block;
	margin-top: -10px;
	margin-bottom: 5px;
	font-size: 15px;
  font-weight: bold;
	font-style: italic;
	color: #fff;
	background: #2a8fa1;
	border-radius: 5px;
	width: 90.5px;
	padding-left: 7.5px;
}

/* Single job listing page structure and style */
.job_listing .entry-content:not(:first-child) {margin-top: 1em;}

.job_listing > .inside-article > .featured-image {display: none;}

div.single_job_listing > div.jth-breadcrumb {
	margin-bottom: 8px;
}

.single_job_listing .meta { margin: 0 0 10px 0;}

.single_job_listing .meta li {
	margin-top: 5px;
}

#jmfe-wrap-job_details {
	color: #222222;
	line-height: 1.3em;
    padding-left: 0px;
    clear: left;
}

div.single_job_listing > div.job_description, 
div.single_job_listing > div.company {
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
	margin: 0 0 1em;
}

div.single_job_listing > div.job_description {
	padding: 1em 1em 0em;
}

div.single_job_listing > div.company {
min-height: 5.5em;
}

.single-job_listing img.company_logo {
	width: 100px;
	height: 100px;
    border-radius: 5px;
	background-color: #ffffff;
}

div.single_job_listing > div.company > p.name {
	margin-left: 120px;
	margin-top: 30px;
	padding: 0px;
	overflow-wrap: normal;
}

div.single_job_listing > div.company > p > a.company_name {
	float: inherit;
	margin: 0px;
	font-size: 22px;
}

div.single_job_listing > ul > li.job-type.job-type {
    background-color: #075869
}

div.single_job_listing > ul > li.job-type.full-time {
    background-color: #5b922a
}

div.single_job_listing > ul > li.job-type.part-time {
    background-color: 	#2a8fa1
}

div.single_job_listing > ul > li.job-type.temporary {
    background-color: #d93674
}

div.single_job_listing > ul > li.job-type.freelance {
    background-color: #39c
}

div.single_job_listing > ul > li.job-type.internship {
    background-color: #3DAD9D
}

div.single_job_listing > ul > li.job-type.board {
    background-color: #78B0C9
}

div.single_job_listing > ul > li.job-type.americorps
 {
    background-color: #a84067
}

div.single_job_listing > div.application {
    overflow: visible;
    margin: 0;
}

#jmfe-custom-job_referral { font-weight: 500; }

@media only screen and (max-width: 630px) {
	div.single_job_listing > div.company > p.name {
		margin-top: 120px;
		margin-left: 0px;
	}
	
	div.single_job_listing > div.company > p > a.website	{
		margin-top: -90px;
	}
}

/* Bookmarks */
.wp-job-manager-bookmarks-form a.bookmark-notice::before {
	content: "\e81f";
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-font-smoothing: antialiased;
	font-family: job-manager;
	text-decoration: none;
	font-weight: 400;
	font-style: normal;
	vertical-align: top;
	font-size: 16px;
	margin: 0 2px 0 0;
}

div.single_job_listing > form {
    margin-top: 0em;
}

div.single_job_listing > form,
div.single_job_listing > div.job-manager-form.wp-job-manager-bookmarks-form {
		position: relative;
		float: right;
		border: none;
		margin-bottom: -60px;
		z-index: 1;
	}

div.single_job_listing > div.job-manager-form.wp-job-manager-bookmarks-form {
		margin-right: 20px;
        margin-top: 20px;
	}

div.single_job_listing > form > div.bookmark-details {
		padding-bottom: 70px;
	}

div.single_job_listing > form > div.remove-bookmark-wrapper > a.remove-bookmark {
	display: none;
}

/*Homepage widget styling of job listings for desktop */
.widget ul.job_listings li.job_listing ul.meta li::after {
		display: none;
}

.widget a.load_more_jobs {
	display: none;
}

.widget ul.job_listings li.job_listing ul.meta li {
	font-weight: 500;
}

@media (min-width: 1101px) {
    .widget ul.job_listings li.job_listing {
        margin-top: 1em;    
    }

    .widget ul.job_listings li.job_listing a div.position {
	    float: right;
		margin-left: 1em;
		margin-right: 1em;
	}

    .widget ul.job_listings li.job_listing a div.location {
		margin-top: 1em;
		width: auto;
    }

    .widget ul.job_listings li.job_listing a div.location,
    .widget ul.job_listings li.job_listing a .meta {
		float: left;
		clear: left;
		padding: 0px;
		text-align: left;
		line-height: 1.5em;
		margin-left: 1em!important;
		margin-right: 1em;
    }

    .widget ul.job_listings li.job_listing a img.company_logo {
	    margin-left: auto;
        margin-right: auto;
        display: block;
        float: initial;
    }

    .widget li.job_position_featured .position::before {
	    margin-top: 10px;
    }

    .widget div.position > div.company {
	    margin-top: 20px;
    }
	
    .widget ul.job_listings li.job_listing a div.position {
		margin-top: 10px;
	}

    .widget ul.job_listings li.job_listing ul.meta li {
	    float: left;
    }
}

/*Homepage widget styling of job listings for mobile */
@media (max-width: 1100px) {
	#block-3 {
        padding: 0px;
	}

    .widget ul.job_listings li.job_listing a {
        padding: 1em;
    }

    .widget ul.job_listings li.job_listing .position {
        float: left;
        width: 40%;
    }

    .widget ul.job_listings li.job_listing ul.meta {
        width: 19%;
        float: right;
        text-align: right;
        padding: 0 0 0 1em;
    }

    .widget ul.job_listings li.job_listing ul.meta li {
        margin: 0;
        display: block;
    }
}

@media only screen and (max-width: 630px) {
    .widget ul.job_listings li.job_listing a div.position {
        float: right;
        width: 52%;
    }
	.widget ul.job_listings li.job_listing a .meta {
        float: left;
        padding: 0px;
        text-align: left;
		width: 37%;
    }
}

@media only screen and (max-width: 344px) {
    .widget ul.job_listings li.job_listing a div.position {
        width: 57%;
    }
}

/* Job post submission form */
#submit-job-form > fieldset.fieldset-logged_in {
display: none;
}

.job-manager-form fieldset label:not(.full-line-checkbox-field label) {
	width: auto;
	clear: left;
}

.job-manager-form .job-manager-term-checklist {
	max-height: 100%;
}

#submit-job-form > fieldset > label {
    width: 25%;
}

.job-manager-form fieldset small.description {
	opacity: 1;
	color: #757575
}

#submit-job-form small > li {
    margin-left: 1em;
}

#submit-job-form > p > input.button.secondary.save_draft {
	background: #575760;
	float: left;
	margin-right: 1em;
}

#submit-job-form > p > input.button.secondary.save_draft:hover {
	background: #b2b2be;
}

#submit-job-form .text-job_details-description p {
	padding: 5px 0 0 0;
	margin: 0px;
}

.job-manager-form fieldset .job-manager-uploaded-files .job-manager-uploaded-file .job-manager-uploaded-file-preview img {
	height: 100px;
	border-radius: 5px;
	background-color: #fff;
}

/* Collapsible button */
input#collapsible[type='checkbox'] {
	visibility:hidden;
}

.lbl-toggle {
  display: block;
  text-align: center;
  padding: 0.5rem;
  background: #1c7885;
  color: #fff;
  cursor: pointer;
  border-radius: 7px;

}

.lbl-toggle:hover {
  background: #2395a5;
  color: #fff;
}

.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .5s ease-in-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
    margin-top: 35px;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 2000px;
}

.collapsible-content .content-inner {
  background: rgba(150, 150, 150, .2);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
  border-radius: 8px;
}

.content-inner p {
	margin-bottom: 0px;
}

/* Job posting preview step */
#job_preview > div.job_listing_preview_title {
padding: 0.5em 1em 1em 1em;
}

#job_preview > div.job_listing_preview_title > input.button.job-manager-button-edit-listing {
	background: #575760;
}

#job_preview > div.job_listing_preview_title > input.button.job-manager-button-edit-listing:hover {
	background: #b2b2be;
}

#job_preview > div.job_listing_preview.single_job_listing > div > div.company > img {
	border-radius: 5px;
	background-color: #fff;
	width: 100px;
	height: 100px;
}

.job_listing_preview #jmfe-wrap-job_referral {
	display: none;
}

#job_preview > div:nth-child(5) {
    padding-bottom: 1.2em!important;
}

/*--------------------------------------------------------------
WP Job Manager - Company Profiles
--------------------------------------------------------------*/

div.company-letters {
	text-align: center;
}

div.company-letters a {
	padding: 0px 9.5px 0px 9.5px;
}

li.company-group.masonry-brick {	
	width: 375px;
	list-style: none;
	margin-right: 25px;
	margin-top: 40px;
}

@media only screen and (max-width: 500px) {
    ul.companies-overview.masonry {
        margin: 0 0 1.5em 0em;
        max-width: 300px;
        }
    li.company-group.masonry-brick {	
        width: 300px;
        }
}

/* Company profile single pages */
article.job_listing-widget.default-widget {display: none;}

#jth-org-h1 {
	text-align: center;
	font-weight: bold;
}

#jth-org-h2 {
	text-align: center;
}

#jth-org-h2 > strong {
	font-weight: 500;
}

div.latest-job.article-row1 > div.content-area {
	width: 100%;
}

@media only screen and (min-width: 1101px) {
#jth-org-container {
	padding-right: 20px;
	}
}

/*--------------------------------------------------------------
WP Job Manager - Resume Manager
--------------------------------------------------------------*/

/* Resume listings page style */
form.resume_filters {
	background-color: #C5E2E3;
	border-radius: 10px;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
}

div.search_resumes > div.search_keywords.resume-filter > label,
div.search_resumes > div.search_location.resume-filter > label,
div.search_resumes > div.search_skills.resume-filter {
    display: none;
}

ul.resumes li.resume:nth-child(odd) {
		margin-top: 10px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
}

ul.resumes li.resume:nth-child(even) {
	margin-top: 10px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
}

ul.resumes li.resume:hover a {
	background-color: #e9f4f4;
	border: 0px solid #fff;
	transition: all ease-in 300ms;
	border-radius: 9px;
}

ul.resumes li.resume a div.candidate-column h3 {
    font-weight: 600;
}

/* Resume listings structural elements */
img.candidate_photo {
	display: none;
}

ul.resumes li.resume a {
	padding: 1em 1em 1em 1em;
}

ul.resumes li.resume a div.candidate-column {
	padding-left: 0px;
}

@media only screen and (max-width: 576px) {
ul.resumes li.resume a .candidate-location-column,
ul.resumes li.resume a div.candidate-column,
ul.resumes li.resume a .resume-posted-column {
	width: 100%;
	float: none;
}
	ul.resumes li.resume a div.candidate-column .candidate-title {
		padding: 10px 0px;
	}
}

/* Access Resume Bank page styling */
#post-49174 div.resumes > ul {border-top: 0px;}

#post-49174 div.resumes > a {display:none;}

/* Single resume pages */
div.entry-content > div.single-resume-content > form.wp-job-manager-bookmarks-form {
	margin-top: -35px;
}

div.single-resume-content  > form > div.remove-bookmark-wrapper > a.remove-bookmark {
	display: none;
}

div.single-resume-content form.wp-job-manager-bookmarks-form {
	position: relative;
	float: right;
	border: none;
    	z-index: 1;
	margin: 0em;
}

.single-resume .resume-aside {
    margin: 0 0 1em;
}

div.single-resume-content .resume-aside .job-title,
div.single-resume-content .resume-aside .location {
	padding: 0px;
}

@media only screen and (max-width: 630px) {
	div.single-resume-content form.wp-job-manager-bookmarks-form {
		float: none;
		text-align: center;
	}
}

#jmfe-wrap-candidate_notes {
	margin-bottom: 25px;
	font-style: italic;
	border-bottom: 2px solid;
	border-color: #4C9C99;
}

.resume-aside, 
.resume_description,
.single-resume .resume_contact .resume_contact_details {
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
}

.resume_description {
	padding: 1em 1em 0em 1em;
}

.single-resume-content > ul.meta {
	margin: 1em 0em;
}

.single-resume .resume_contact {
	overflow: visible;
}

@media only screen and (max-width: 416px) {
.single-resume .resume_contact .resume_contact_button {
        width: initial;
    }
}

/*--------------------------------------------------------------
WP Job Manager - Alerts
--------------------------------------------------------------*/

/* Single Job Listings */
.job-manager-single-alert-link {
	display: none;
}

/* Add Job Alerts */
#post-4564 .select2-container {z-index: 0;}

#post-4564 .select2.select2-container .select2-selection {
color: #666666!important;
background-color: #fafafa!important;
border-color: #cccccc!important;
}

#post-4564 .select2-container .select2-search--inline .select2-search__field {
	margin-top: 0px;
	padding: 12px 0px;
}

#post-4564 .select2-container .select2-search--inline .select2-search__field,
#post-4564 .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container.select2-container--open .select2-dropdown .select2-results li {
    font-size: 18px!important;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 250px!important;
}

/*--------------------------------------------------------------
Ultimate Member
--------------------------------------------------------------*/

/* Profile (User) */
div.um-header.no-cover {
	display: none;
}

div.um-profile-body.main.main-default > div.um-col-alt > div.um-center > input { background: #1c7885;}
div.um-profile-body.main.main-default > div.um-col-alt > div.um-center > input:hover { background: #2395a5}

div.um-row._um_row_3 > div.um-col-122 > div:nth-child(1)
{ 
	font-size: 15px;
  font-weight: 600;
  border-bottom: solid 2px #eee;
  padding-bottom: 4px;
	color: #555555;
}

div.um-row._um_row_3 > div.um-col-122 > div:nth-child(2) { 
	padding-top: 8px;
	font-size: 15px;
	color: #666;
}

/* Account */
div.um-account-side.uimob340-hide.uimob500-hide > div,
div.um-account-meta.radius-1.uimob340-show.uimob500-show,
div.um-account-meta-img-b.uimob800-show.um-tip-w {
	display: none;
}

div.um-account-side.uimob340-hide.uimob500-hide > ul > li > a.current { background: #2395a5; }

div.um-account-side.uimob340-hide.uimob500-hide > ul > li > a.current > span.um-account-icon.uimob800-hide,
div.um-account-side.uimob340-hide.uimob500-hide > ul > li > a.current > span.um-account-title.uimob800-hide,
div.um-account-side.uimob340-hide.uimob500-hide > ul > li > a.current > span.um-account-arrow.uimob800-hide { color: #fff; }

#um_account_submit_general,
#um_account_submit_password,
#um_account_submit_delete { background: #1c7885; }

#um_account_submit_general:hover,
#um_account_submit_password:hover,
#um_account_submit_delete:hover { background: #2395a5; }

/* Employers + Job Seekers */
#post-14525 > div > div > div.um.um-login.um-logout.um-258.uimob340,
#post-3986 > div > div > div.um.um-login.um-logout.um-258.uimob340 {display:none;}

/* Login */
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i { color: #2395a5!important; }

#um-submit-btn { background: #1c7885; }
#um-submit-btn:hover { background: #2395a5; }

div.um-col-alt > div.um-right.um-half > a { color: #1c7885; }
div.um-col-alt > div.um-right.um-half > a:hover { color: #2395a5; }

#post-262 > div > div > div > div > div > div.um-misc-img {display: none;}

/* Registration pages */
div.um-field-label > span.um-tip.um-tip-w:hover { color: #2395a5; }

/*--------------------------------------------------------------
 WPForms Lite
 --------------------------------------------------------------*/

/* Hides Google reCAPTCHA badge on contact us form page and adds and styles required alternative notice */
.grecaptcha-badge {
    opacity:0;
}

div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
    padding: 0px;
    line-height: 80%;
}

div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container::after {
    content: 'This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.';
	font-size: 12px;
	color: #999999;
	padding: 0px;
}

 /* Modify appearance of WP Forms contact form */
 .wpforms-form {
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	box-shadow: 1px 0px 20px rgb(0 0 0 / 7%);
    padding: 20px 15px;
 }
 div.wpforms-container-full .wpforms-form .wpforms-required-label {
     color: #1d7e8b;
     font-weight: 400;
 }
 div.wpforms-container-full .wpforms-form input[type=submit],
 div.wpforms-container-full .wpforms-form button[type=submit] {
     background-color: #1c7885;
     border: 0px solid #ccc;
     color: #fff;
     font-size: 1em;
     padding: 5px 15px;
 }

 div.wpforms-container-full .wpforms-form button[type=submit]:hover {
     background-color: #2395a5;
     border: 0px solid #ccc; 
     color: #fff;
     font-size: 1em;
     padding: 5px 15px;
 }

#wpforms-confirmation-2975,
#wpforms-confirmation-63534
 {
     background: #2395a5;
     border: 1px solid #1d7e8b;
 }

 #wpforms-confirmation-2975 > p,
#wpforms-confirmation-63534 > p
 {
     color: #fff;
 }

/*--------------------------------------------------------------
GeneratePress
--------------------------------------------------------------*/

/* Sitewide */
input[type="checkbox" i],
input[type="radio" i] {
    cursor: pointer;
}

h1.entry-title {
    text-align: center;
}

#content a:link {
		font-weight: 500;
}

div.entry-content li {
	margin-bottom: 1em;
}

div.entry-content ul > li > ul > li:first-child,
div.entry-content ul > li > ol > li:first-child,
div.entry-content ol > li > ul > li:first-child,
div.entry-content ol > li > ol > li:first-child {
	margin-top: 1em;
}

.jth-nomargin {
	margin-bottom: 0px!important;
}

/* Header image settings */
.site-header {
    background-image: url(https://www.jobsthathelp.com/wp-content/uploads/2019/03/cropped-Centered-Hoan-Bridge.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    padding: 6.75em 0;
    position: relative;
    text-align: center;
    overflow: hidden;
}

/* Make header image larger on home page */
.home .site-header {
    padding: 9.75em 0;
}

/* Shrink header for mobile sizes */
@media screen and (max-width: 768px) {
	.home .site-header, 
	.site-header { 
		padding: 2.25em 0; 
	}
}

/* Adjust header for tablets */
@media screen and (min-width: 769px) and (max-width:1100px) {
	.home .site-header, 
	.site-header { 
		padding: 5em 0; 
	}
}

/* Format logo text */
#masthead > div > div > p > a {	
	text-transform: uppercase;
	padding: 0 .25em;
	line-height: 1.25;
	letter-spacing: .03em;
	border: 5px solid #222222;
	font-size: 16px;
}

/* Increase size of logo text beyond mobile */
@media screen and (min-width: 600px) {
	#masthead > div > div > p > a 
	{
	border: 10px solid #222222;
	border: 0.7vw solid #222222;
	font-size: 40px;
	font-size: 3vw;
	}
}

/* Sidebar*/
.home #block-6 {display: none;}

body:not(.home) #block-3,
body:not(.home) #block-8,
body:not(.home) #block-5
{display: none;}

#block-3,
#block-6,
#block-8 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#block-5 {
	padding-top: 20px;
}

/* Changes breakpoint of sidebar */
@media (max-width: 1100px) {
    .site-content {
        flex-direction: column;
    }
    .container .site-content .content-area {
        width: auto;
    }
    .is-left-sidebar.sidebar, .is-right-sidebar.sidebar {
        width: auto;
        order: initial;
    }
    #main {
        margin-left: 0;
        margin-right: 0;
    }
    body:not(.no-sidebar) #main {
        margin-bottom: 0;
    }
} 

/* Pricing page */
hr.wp-block-separator.jth-separator {
	border-top: 2px solid;
	border-bottom: 2px solid;
	margin-top: 0px;
}

h2.has-text-align-center.jth-separator-h2 {
	margin-bottom: 1.5em;
}

/* Social media buttons in footer */
div.wp-block-image.jth-social > figure:hover {
    border-radius: 50px;
    box-shadow: 1px 0px 20px rgba(0,0,0,0.3);
    transition: all ease-in 100ms;
}

/* Cart in menu */
.mobile-bar-items.wc-mobile-cart-items:not(.has-items),
.main-navigation .wc-menu-item:not(.has-items) {
    display: none;
}

/* Mobile menu */
@media (max-width: 768px) {
    .nav-align-right .inside-navigation, .nav-align-center .inside-navigation {
        justify-content: center;
    }
}

/* Membership reusable block + Events Calendar highlighted event */

.jth-membership-column {
	gap: 0em;
}

.jth-membership-image {
	margin-top: 25px;
}

/*--------------------------------------------------------------
Fading separators CSS
--------------------------------------------------------------*/

.jth-fading-separator-top { /* minor cosmetics */
  display: table;
  font-family: "Alegreya", serif;
  font-style: italic;
  font-weight: bold;
  font-size: 21px;
  text-align: center;
  width: 100%; /* divider width */
  margin: 20px auto 0px; /* spacing above */
}

.jth-fading-separator-top span {
  display: table-cell;
  position: relative;
}

.jth-fading-separator-top span:first-child, .jth-fading-separator-top span:last-child {
  width: 43%;
  top: 16px; /* adjust vertical align */
  -moz-background-size: 100% 2.5px; 	/* line width */
  background-size: 100% 2.5px; 			/* line width */
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
}

.jth-fading-separator-top span:first-child { /* color changes in here */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#999));
  background-image: -webkit-linear-gradient(180deg, transparent, #999);
  background-image: -moz-linear-gradient(180deg, transparent, #999);
  background-image: -o-linear-gradient(180deg, transparent, #999);
  background-image: linear-gradient(90deg, transparent, #999);
}

.jth-fading-separator-top span:nth-child(2) {
  color: #999;
  padding: 0px 10px;
  width: auto;
  white-space: nowrap;
}

.jth-fading-separator-top span:last-child { /* color changes in here */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(transparent));
  background-image: -webkit-linear-gradient(180deg, #999, transparent);
  background-image: -moz-linear-gradient(180deg, #999, transparent);
  background-image: -o-linear-gradient(180deg, #999, transparent);
  background-image: linear-gradient(90deg, #999, transparent);
}

.jth-fading-separator-bottom { /* minor cosmetics */
  display: table;
  font-family: "Alegreya", serif;
  font-style: italic;
  font-weight: bold;
  font-size: 21px;
  text-align: center;
  width: 100%; /* divider width */
  margin: -25px auto 20px; /* spacing above/below */
}

.jth-fading-separator-bottom span {
  display: table-cell;
  position: relative;
}

.jth-fading-separator-bottom span:first-child, .jth-fading-separator-bottom span:last-child {
  width: 50%;
  top: 16px; /* adjust vertical align */
  -moz-background-size: 100% 2.5px; 	/* line width */
  background-size: 100% 2.5px; 			/* line width */
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
}

.jth-fading-separator-bottom span:first-child { /* color changes in here */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#999));
  background-image: -webkit-linear-gradient(180deg, transparent, #999);
  background-image: -moz-linear-gradient(180deg, transparent, #999);
  background-image: -o-linear-gradient(180deg, transparent, #999);
  background-image: linear-gradient(90deg, transparent, #999);
}

.jth-fading-separator-bottom span:nth-child(2) {
  color: #999;
  padding: 0px 5px;
  width: auto;
  white-space: nowrap;
}

.jth-fading-separator-bottom span:last-child {				/* color changes in here */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(transparent));
  background-image: -webkit-linear-gradient(180deg, #999, transparent);
  background-image: -moz-linear-gradient(180deg, #999, transparent);
  background-image: -o-linear-gradient(180deg, #999, transparent);
  background-image: linear-gradient(90deg, #999, transparent);
}