.wp-block-lazyblock-page-up-listings {width: 40%; margin: 0 auto;}
#pageup-right-column {display:block;float:right;width:25%;overflow: hidden; line-height: 140%;}
#pageup-login{display:block; width: 100%;}
#pageup-searchfilter{display:block; width: 100%;}
#pageup-jobMail{display:block;float:left;width:75%;margin-top:12px;margin-bottom: 30px;}
#pageup-listing{display:block;float:left;width:75%;}
.pageup-loader{background: url(/wp-content/uploads/2019/08/puff-1.svg) 50% 50% no-repeat; display:block; width:100%; height:69px; }

#pageup-listing .job-listing-wrapper{margin-bottom:20px;}
#pageup-listing ul {margin:0;margin-bottom: 20px;}
#pageup-listing ul li {margin:0; width: 100%; text-align: left; color: #fff;}
#pageup-listing .jobs-listing {margin:0;padding:0;list-style:none; padding-right: 12px; width:100%;}
#pageup-listing .jobs-listing li {margin:0;padding:0;list-style:none;}
#pageup-listing .jobTitle {color: #7a9eb4; font-family: 'BrandonText-Medium'; font-weight: normal; text-decoration: none; text-transform: uppercase; margin: 0 0px 10px 0px; letter-spacing: 0px; text-transform: uppercase;}
#pageup-listing .jobSubTitle {color: #7a9eb4;}
#pageup-listing .jobViewButton {display:block;float:right;}
#pageup-listing .jobViewButton a {display:block; background: #7a9eb4; color: #fff;text-shadow: none; text-decoration: none; font-size: 100%; letter-spacing: 2px; text-transform: uppercase; outline: none;padding: 8px 16px; font-weight: 300;}
#pageup-listing .jobSummary {margin-top: 12px;margin-bottom: 40px; width: 100%;}
#pageup-listing .paging-item {display:inline-block;float:left;text-align:center;overflow:hidden;width: auto;}
#pageup-listing .paging-item a {display: block; line-height: 100%; font-size: 100%; color: #7a9eb4; font-weight: 300; text-decoration: none; text-align: center; background: #fff; cursor: pointer; padding: 0.5vw 0.75vw;}
#pageup-listing .paging-item a.active-page {background:#7a9eb4;color: #fff;}
#pageup-listing .paging-list {display:block;float:right;    width: 100%;}
#PageUpPeopleLink {display:none;}
#pageup-listing h2, #pageup-login h2 {margin:0;padding:0;}
#pageup-listing #pageup-job-listing-template-worktype {display:block;color: #fff;}
#pageup-listing #pageup-job-listing-template-categories {display:block;color: #7a9eb4;}
#pageup-listing #pageup-job-listing-template-salary {display:block;color: #fff;}
#pageup-listing #pageup-job-listing-template-content {margin-top:12px;}
#pageup-listing #pageup-job-listing-template-content p, #pageup-listing #pageup-job-listing-template-content ul {width: 100%;}

#pageup-listing_details {text-align:left; padding-right: 12px;}
#pageup-listing_details h2 {color: #7a9eb4; font-family: 'BrandonText-Medium'; font-weight: normal; text-decoration: none; margin: 0 0px 10px 0px; letter-spacing: 0px; text-transform: uppercase;}
#pageup-listing .jobApplyButton {display:block;float:right;}
#pageup-listing #pageup-job-listing-template-apply-link {display:block; background: #7a9eb4; color: #fff;text-shadow: none; text-decoration: none; font-size: 100%; letter-spacing: 2px; text-transform: uppercase; outline: none;padding: 8px 16px; font-weight: 300; line-height: 140%;}

#pageup-listing .jobApplyWideButton {display:block;float:right;}
#pageup-listing #pageup-job-listing-template-apply-wide-link {display:block; background: #7a9eb4; color: #fff;text-shadow: none; text-decoration: none; font-size: 100%; letter-spacing: 2px; text-transform: uppercase; outline: none;padding: 8px 16px; font-weight: 300; line-height: 140%;}

#pageup-listing .jobBackButton {display:block;float:left;}
#pageup-listing #pageup-job-listing-template-back-link {display:block; background: #fff; color: #7a9eb4;text-shadow: none; text-decoration: none; font-size: 100%; letter-spacing: 2px; text-transform: uppercase; outline: none;padding: 8px 16px; font-weight: 300; line-height: 140%;}

#pageup-login .logInButton {display: block; width: 100%; overflow: hidden;}
#pageup-login #pageup-login-link {display: block; background: #fff; color: #7a9eb4; text-shadow: none; text-decoration: none; font-size: 100%; letter-spacing: 2px; text-transform: uppercase; outline: none; padding: 8px 16px; font-weight: 300;}

#pageup-searchfilter .submit-wrapper {display: block; width: 100%; overflow: hidden; margin-top: 1vw;}
#pageup-searchfilter .submit-button {display: block; background: #fff; color: #7a9eb4; text-shadow: none; text-decoration: none; font-size: 100%; letter-spacing: 2px; text-transform: uppercase; outline: none; padding: 8px 16px; font-weight: 300; border: none; width: 100%; font-family: 'Roboto', sans-serif;}

#pageup-searchfilter ul, #pageup-searchfilter ul li {padding:0;margin:0;list-style:none; width: 100%;}
#pageup-searchfilter input[type="checkbox"] {-webkit-appearance: none;clear:both;display:inline-block;background:#fff;width:16px;height:16px;border:4px solid #fff;float:left;cursor:pointer;outline: none;}
#pageup-searchfilter input[type="checkbox"]:checked {background:#7a9eb4;}
#pageup-searchfilter ul li label {display: block; line-height: 130%; float: left; padding-left: 4px; cursor: pointer; outline: none; font-size: 80%; width: calc(100% - 28px); text-align: left; padding-top: 2px;}


#pageup-searchfilter label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

#pageup-searchfilter input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#pageup-searchfilter .search-wrapper .field-wrapper {clear: both; display: block; overflow: hidden;}
#pageup-searchfilter .search-wrapper .field-wrapper h3 {font-family: 'BrandonText-Medium'; text-transform: uppercase; font-size: 100%;color: #7a9eb4; margin: 1vw auto 0.2vw; text-align: left; max-width: 100%; clear: both;}
#pageup-searchfilter .search-wrapper .field-wrapper:first-of-type h3 {margin: 24px auto 4px;}
#pageup-searchfilter .Keyword {display: block; width: 100%; margin: 4px 0px; line-height: 34px; border: 1px solid #666666; outline: none; padding: 0px 10px; border-radius: 3px;}

#pageup-jobMail h3.field-title {font-family: 'BrandonText-Medium'; text-transform: uppercase; font-size: 100%; color: #7a9eb4; max-width: 100%; text-align: left; margin: 1vw auto 0.2vw;}
#pageup-jobMail .submit-wrapper {display: block; float: left; overflow: hidden;}
#pageup-jobMail .submit-wrapper:empty {display:none;}
#pageup-jobMail .submit-button {width: 100%; border: none; cursor: pointer; display: block; background: #fff; color: #7a9eb4; text-shadow: none; text-decoration: none; font-size: 100%; letter-spacing: 2px; text-transform: uppercase; outline: none; padding: 8px 16px; font-weight: 300; font-family: 'Roboto', sans-serif;margin-top: 12px;}
#pageup-jobMail .job-mail-subscribe-email {display: block; float: left; width: 304px; border-radius: 3px; line-height: 34px; border: 1px solid #666666; outline: none; margin: 0px; padding: 0px 10px; margin-bottom: 12px;}
#pageup-jobMail .message-wrapper {display:block;float:left;width:calc(100% - 190px);}
#pageup-jobMail .message-wrapper .error {color:#d62631;margin-left:10px;}
#pageup-jobMail .message-wrapper .success {color:#4C0066;margin-left:10px;}

@media screen and (max-width: 480px) {
    #pageup-right-column {width:100%;}
    #pageup-login, #pageup-searchfilter, #pageup-listing, #pageup-jobMail {width:100%;}
    #pageup-login .logInButton {width:100%;}
    #pageup-login #pageup-login-link {width:100%;background-position:calc(100% - 24px) 50%;line-height:40px;}
    #pageup-searchfilter .search-wrapper .field-wrapper h3 {display:none;}
    #pageup-searchfilter ul {display:none;}
    #pageup-searchfilter .search-wrapper {margin-top:40px;}
    #pageup-searchfilter .search-wrapper .Keyword {height:36px;line-height:34px;border-radius:34px;padding:0px 12px;border:1px solid #666666;width:calc(100% - 24px);outline:none;}
    #pageup-searchfilter .submit-wrapper {width:100%;}
    #pageup-searchfilter .submit-button {width:100%;background-position:calc(100% - 8px) 50%;line-height:40px;}
    #pageup-listing {margin-top:40px;}
    #pageup-listing .paging-wrapper {overflow: hidden;}
    #pageup-listing .paging-item {width:36px;height:36px;}
    #pageup-listing .paging-item a {width:36px;height:36px;line-height:40px;}
    #pageup-listing .jobApplyWideButton {width:100%;margin-bottom:12px;}
    #pageup-listing #pageup-job-listing-template-apply-wide-link {width:100%;background-position:calc(100% - 8px) 50%;line-height:40px;}
    #pageup-listing #pageup-job-listing-template-apply-link, #pageup-listing .jobViewButton a, #pageup-listing #pageup-job-listing-template-back-link {line-height:40px;}
    #pageup-listing .jobBackButton {margin-bottom:20px;}
    
    #pageup-jobMail .submit-wrapper{float:none;line-height:34px;padding:0px 12px;width:100%;outline:none;overflow:hidden;top:0px;padding:0px;margin-top:12px;}
    #pageup-jobMail .submit-button {width:100%;background-position:calc(100% - 8px) 50%;line-height:40px;}
    #pageup-jobMail .job-mail-subscribe-email {float:none;height: 36px;line-height: 34px;border-radius: 34px;padding: 0px 12px;border: 1px solid #666666;width: calc(100% - 24px);outline: none;}
    #pageup-jobMail .message-wrapper {width:100%;}
}

@media screen and (min-device-width : 320px) and (max-device-width : 767px) {
    .wp-block-lazyblock-page-up-listings {width: 90%;}
    #pageup-searchfilter .search-wrapper .Keyword {width: 100%;}
}