/*
Job Board CSS
By: MillerMultimedia.net
*/

.donotshow { display: none; }

.job-title-wrapper h2.job-title { color: #f7971c; font-size: 14px; line-height: 1.4em; font-weight: 600; padding: 5px 10px 5px 10px; margin: 0;}
h3.apply-title { margin-top: 5px; text-transform: none; line-height: 34px; letter-spacing: 0; }
.job-category-title { color: #777; font-size: 12px; line-height: 1.4em; }

.all-job-posts { padding-top: 40px; padding-bottom: 65px !important; }
.single-openings #page { background-color: #FFF; }
.content-wrapper { width: 100%; max-width: 1200px !important; margin: 25px auto !important;}
.job-opening-listing { width: 100%; }
.job-post-row { position: relative; overflow: hidden; color: #777; font-size: 14px; line-height: 1.4em; padding: 8px; vertical-align: top; border-top: 1px solid #ddd; cursor: pointer; background: #f9f9f9; }
.job-post-row:nth-child(2n+1) { background-color: #fff; }
.job-post-row:hover, .job-post-row:nth-child(2n+1):hover { background-color: #DDDDDD; }
.job-post-row:hover .job-title, .job-post-row:hover .job-location {color: #181818 !important; }
.job-post-row-legend { position: relative; overflow: hidden; color: #777; padding: 8px; vertical-align: top; background: #fff; }
.job-opening-top {  display: flex; align-items: center; }
.job-title-wrapper { width: 70%; float: left; }
.job-post-location-function { width: 30%; float: left; line-height: 12px; display: flex; align-items: center; }
.job-location { color: #777; font-size: 12px; text-transform: uppercase; line-height: 14px; display: block; float: left; width: calc(100% - 10px); }
.job-post-location-function p { margin-bottom: 0; }
.job-section { padding-top: 10px; }
.glyphicon-menu-right::before { content: "»"; }
.glyphicon { display: block; font-style: normal; font-weight: 400; line-height: 20px; width: 20px; height: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #f7971c; }
.glyphicon-menu-right { float: right; }

.searchandfilter input { margin-bottom: 0 !important; }
.searchandfilter input.sf-input-text { padding: 5px 10px !important; width: 100% !important; }
.searchandfilter ul { padding-left: 15px; }
.searchandfilter li::before { display: none; }
.searchandfilter li.sf-level-0 { margin-left: 0; }
.searchandfilter ul li li { padding: 2px 0; }
.searchandfilter .sf-field-search label { display: block !important; width: 95%; }
.searchandfilter .select2-container { width: 100% !important; }
.combobox-wrapper, #page .select2-container .select2-selection--single { border-radius: 0 !important; }
.searchandfilter .sf-field-post-meta-job_type label { width: 95% !important; display: block; }
.searchandfilter ul .sf-field-reset .search-filter-reset {color: #000000 !important; text-transform: uppercase;}
.searchandfilter ul .sf-field-reset .search-filter-reset:hover {color: #F7971C !important;}
.sf-field-post-meta-city li .sf-input-checkbox:hover, .sf-field-post-meta-city li .sf-label-checkbox:hover, .sf-field-taxonomy-job_category li .sf-input-checkbox:hover, .sf-field-taxonomy-job_category .sf-label-checkbox:hover {cursor: pointer; color: #F7971C;}


/** Single Job Post **/
.job-post-content-wrapper h1 { color: #000000; text-transform: uppercase; font-size: 45px; line-height: 55px; font-style: normal; font-weight: 700; margin: 10px 0 0 0; }
.job-post-content-wrapper h3.job-location { text-transform: none; font-weight: 400; }
.job-post-content-wrapper { padding: 10px 55px 0 0 !important; }
.job-post-content-wrapper .job-location { font-size: 17px; }
.single-job-description { padding-top: 25px !important; padding-bottom: 50px !important; }
.single-job-description ul { margin-left: 20px; }
.single-job-description span { font-size: 16px !important; color: #5f727f !important; }
.job-post-sidebar-wrapper { background-color: #f9f9f9; padding: 15px !important; }
.required-field { font-size: 11px; color: #CC3333; margin-bottom: 15px !important; }
#gform_submit_button_3 { background-color: #1C98ED !important; border-radius: 25px !important; }
#gform_submit_button_3:hover { background-color: #F7971C !important; color: #ffffff !important; }
#gform_3 .gform_fileupload_rules { clear: both; }
.gform_legacy_markup_wrapper .top_label input#input_3_5 { width: 100% !important; }
.back-button a { display: inline-block; padding: 5px 25px; border: 2px solid #181818; border-radius: 25px; text-transform: uppercase; line-height: 20px !important; font-size: 12px !important; font-family: 'Montserrat'; font-weight: 700; color: #181818;}
.back-button a:hover {background-color: #181818 !important; color: #ffffff !important;}
.back-button {text-align: center !important; margin-bottom: 50px !important;}
.apply-btn a {padding: 8px 100px; background-color: #1C98ED; border-radius: 25px; text-transform: uppercase; line-height: 22px !important; font-size: 14px !important; font-family: 'Montserrat'; font-weight: 700; color: #ffffff;  width: 80% !important;}
.apply-btn a:hover {background-color: #F7971C !important; color: #ffffff !important;}
.apply-btn {text-align: center !important; margin-bottom: 45px !important;}
.related-openings .related-jobs-list {padding-inline-start: 25px !important; font-family: 'Montserrat' !important; font-size: 16px !important;}
.related-jobs-list li {padding: 4px 0 4px 0 !important; line-height: 22px !important;}
.related-openings h6, .related-jobs-list a {color: #414141 !important;}
.related-jobs-list a:hover {color: #F7971C !important;}
.orange-border_2 {border-top: 3px #F7971C solid !important; width: 21% !important; margin-bottom: 25px !important;}
.job-post-sidebar h4, .related-openings h6 {margin-bottom: 8px !important;}
.single-openings .site-main {background-color: #f4f4f4 !important;}
.share-buttons .btn[class$="-share"] [class^=icon] {float: left; display: block; height: 50px; width: 50px; background-size: 30px 30px; border-right: 1px solid #818181; padding: 13px 10px 10px 10px; background-position: center; margin-left: 15px; }
.share-buttons .btn[class$="-share"] [class^=icon]:hover {border-right: 1px solid #3c3950 !important;}
.icon-linkedin-1 {content: '\f0e1';}
.icon-twitter-1 {content: '\f099';}
.share-buttons .fab {font-family: 'FontAwesome'; font-size: 24px !important; color: #1C98ED;}


.share-buttons .btn {margin: 50px auto 0; font-family: 'source sans pro'; color: #2d7a95; text-transform: uppercase; font-size: 1.4rem;}
.share-buttons .btn[class$="-share"]:before, .share-buttons .btn[class$="-share"]:after {content: " "; display: table;}
.share-buttons .btn[class$="-share"]:after {clear: both;}
.share-buttons .btn[class$="-share"] {background-color: #3c3950; border-radius: 8px; margin-top: 20px;}
.share-buttons .btn[class$="-share"] .vertical-align {position: absolute; display: block; width: 100%; text-align: left; color: #30323b; padding-left: 85px; padding-top: 13px !important; text-transform: none;}
.share-buttons .share-btn-1 {margin-bottom: 15px !important; background-color: #ffffff  !important; border: 1px solid #818181 !important; border-radius: 25px !important;}
.share-buttons .share-btn-1:hover {background-color: #F7971C !important; border: 1px solid #3c3950 !important;}
.share-buttons .share-btn-1:hover .fab {color: #ffffff;}
.share-buttons .share-btn-1:hover .text {color: #ffffff !important;}
.share-buttons .share-btn-1 .text {font-weight: 600;}
.share-buttons .btn.active, .share-buttons .btn:active {outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);}
.share-buttons {margin-top: 40px !important;}



.job-header-section .container {padding: 8% 0 8% 0 !important;}
.job-header-container {width: 1212px !important; margin-right: auto !important; margin-left: auto !important; padding-left: 21px !important; padding-right: 21px !important;}
.single-openings #top-area {background-image: linear-gradient(to right, rgba(129,129,129, .5), rgba(65,65,65, .6),  rgba(0,0,0, .7), rgba(0,0,0, 1)) !important;}
.single-openings #top-area, .single-openings #top-area a {color: #ffffff !important;}
.single-openings #top-area a:hover, .single-openings #top-area .gem-contacts-item:before  {color: #F7971C !important;}
.single-openings #top-area .gem-contacts-item:hover:before {color: #ffffff !important;}


/** Job Search Pagination **/
.wp-pagenavi span.current {background-color: #414141 !important; color: #ffffff !important; padding: 5px 10px 5px 10px !important; margin-right: 10px !important; border: 2px solid #414141 !important;}
.wp-pagenavi a:hover {border: 2px solid #F7971C !important; background-color: #F7971C !important; color: #414141 !important;}
.wp-pagenavi span {border: 2px solid #414141 !important; font-weight: 700 !important;}
.wp-pagenavi a, .wp-pagenavi span:not(.current) {border: 2px solid #9F9F9E !important; font-weight: 700 !important; padding: 5px 10px 5px 10px !important;  margin-right: 10px !important; color: #9F9F9E !important;}


/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media (max-width: 767px) {
	.job-opening-top { display: block; }
	.job-title-wrapper {  width: 100%; float: none; }
	.job-post-location-function { width: 100%; float: none; }
	.job-post-content-wrapper h1 { font-size: 2.0em; }
	.glyphicon-menu-right { margin-top: -25px; }
	.wpb_text_column ul li.sf-field-post-meta-city ul { padding-left: 0; }
	.wpb_text_column ul li.sf-field-post-meta-city ul li { width: 50%; float: left; }
	.sf-field-post-meta-city h4 { padding-bottom: 0 !important; }
	.job-post-content-wrapper {padding-left: 0 !important; padding-right: 0 !important; }
	.job-post-content-wrapper ul {padding-inline-start: 15px !important; } 	

}

/*************** 991PX CSS HERE  ***************/

@media (max-width: 991px)
	and (max-device-width: 768px)
	and (-webkit-min-device-pixel-ratio: 2) {

.single-openings .orange-border, .single-openings .orange-border_2 {width: 15% !important;}				
	
}