/*
Theme Name: My Wex Theme
Theme URI: https://clockworkmoggy.com
Version: 1.5
Description: Bespoke theme for My Wex 
Author: Neil Dickson - Clockwork Moggy
Author URI: https://clockworkmoggy.com
Text Domain: My Wex
template: astra
*/

.topheader {
    padding:10px 0;
    text-align:right;
    border-bottom: 1px solid #eaeaea;
    background: white;
}
/*home page styles */
#homeBGimg {
    padding-top: 200px;
    background-size: auto 100%;
    background-position: center;
    min-height: 400px;
}
.nologinmessage {
    background-color: rgba(255,255,255,0.5);
    padding: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: -0px;
    height: 120px;
}
@media(min-width:600px) {
    #homeBGimg {
        height:100vh;
    }
    .nologinmessage {
        margin-top: 235px;
        height: 100px;
    }
    .page-template-template-position-search-results .nologinmessage {
        margin-top:0;
    }
}

.homeSearch {
    margin:0 auto;
    max-width:900px;
}
#primary {
    background-color: white;
}

/** search page styles **/
.search-section, .results-section {
    padding:30px;
}

@media (min-width:769px) {
    body.single-position #primary {
        width:70%;
    }
    body.single-position #secondary {
        width:30%;
        border-left: 1px solid #eee;
        margin-left: -1px;
    }
}
@media (min-width:992px) {
    body.single-position #primary {
        padding-right:30px;
    }
    body.single-position #secondary {
        padding-left:30px;
    }
}


/** position page **/
.sidebar-box {
    margin-top:30px
}
/** choice forms **/

body.single-position form div.validation_error {
    display:none;
}

.choiceFormsCol {
    margin-top:10px;
}
.choiceFormsCol form .gform_body ul li.gfield {
    padding-right: 0px !important;
    max-width:100% !important;
}
.choiceFormsCol .gform_footer {
}

.hiddenchoice .gfield_label,
.hiddenchoice .ginput_container {
    display:none !important;
}

/*** search fields ****/
.searchRow .searchWrap .wpas-search_query input.wpas-text  {
    width:100%;
}
.searchRow {
    width:100%;
}
.searchRow .searchWrap,
.searchRow .searchBTNWrap {
    width:100%;
    display:inline-block;
}
@media (min-width:768px) {
    .searchRow .searchWrap{
        width: 85%;
    }
    .searchRow .searchBTNWrap {
        width: 15%;
    }
}
@media (min-width:992px) {
    .searchRow .searchWrap{
        width:85%;
    }
    .searchRow .searchBTNWrap {
        width:15%;
    }
}
.searchRow .searchBTNWrap .wpas-submit  {
    text-align:right;
}
.searchRow .searchBTNWrap .wpas-submit .button {
    background-color:#e10089;
    width: 100%;
    text-align: center;
}
@media (min-width:768px) {
    .searchRow .searchBTNWrap .wpas-submit .button {
        width:auto;
    }
}
.wpas-tax_sector-checkboxes {
    margin-top:10px;
    margin-bottom:10px;
    background-color: #e10089;
    color: white;
}
.wpas-tax_sector-checkboxes .wpas-checkbox-container {
    display:inline-block;
    padding:10px;
}

/** search results **/
.sectorBlockLink {
    display:inline-block;
    margin:5px;
    background-color:white;
    color:#1A009D;
    padding:1px 3px;
    border:1px solid #1A009D;
}
.sectorBlockLink:hover {
    background-color:#1A009D;
    color:white;
}

.searchResultRow {
    border-bottom: #9e9e9e 1px dotted;
    margin-bottom: 25px;
    height: auto;
    text-align: center;
}
.searchResultRow:first-of-type {
    border-top:#9e9e9e 1px dotted;
    margin-top:25px;
}
.searchResultCol {
    padding:10px;
    overflow-y: hidden;
    height: auto;
}
.SearchLogoCol {
    text-align:center;
}
.searchResultFullCol {
    padding:10px;
    clear: both;
}
.searchLogoRow {
    width:200px;
}
.logoplaceholder {
    display:block;
    text-align: center;
    padding-top: 25px;
    max-height: 100px;
    width:200px;
    height:100px;
    margin: 0 auto;
}
.postionResult,
.companyResult {
    display:block;  
}
.postionResult a {
    font-size:18px;
    font-weight:bold;
    text-transform:capitalize;
}
.companyResult a {
    text-transform:capitalize;
    color:#e10089;
}
@media(min-width:768px) {
.searchResultRow {
    min-height: 185px;
    text-align: left;
}
.searchResultCol {
    height: 120px;
    min-width:20%;
    display: table;
    float: left;
}
.colCell {
    display:table-cell;
    vertical-align:middle;
}
.SearchLogoCol {width: 220px;height: 120px;max-width: 35%;}
.SearchTitleCol {
    width: auto;
    max-width: 65%;
}
.SearchSectorCol {
    clear: left;
    height: auto;
    width: 100%;
}

.logoplaceholder {
    max-height: 100px;
    width:200px;
    height:100px;
}   
}
@media(min-width:992px) {
.searchResultRow {
    min-height: 130px;
}
.searchResultCol {
    height: 120px;
}
.SearchLogoCol {
    max-width: 25%;
}
.SearchTitleCol {
    max-width: 25%;
}
	.SearchLocationCol {
    max-width: 15%;
}
.SearchSectorCol {
    max-width: 35%;
    clear: none;
    text-align:right;
    float: right;
}
.logoplaceholder {
    max-height: 100px;
    width:200px;
    height:100px;
}   
}

/*** single position page***/
.singlePositionDetails{
}

.title-row{
	    display: flex;
    align-items: center;
    gap: 120px;
    flex-wrap: wrap;
}
.singlePositionDetails .positionTitle {
    font-size:30px;
    text-transform:capitalize;
    margin: 0 15px 15px 15px;
}
.singlePositionDetails .sectorResult,
.singlePositionDetails .companyDetailsWrap,
.singlePositionDetails .positionContent {
    margin:15px;
}

.positionThumbnail, 
.positionCompany {
    display:inline-block;
    margin: 0px 15px 0px 0px;
    font-size:18px;
}


/*** new user activations pages ***/
#activation-content {
    padding:50px;
}
#activation-content h2 {
    margin-bottom:20px;
}
#activation-content .lead-in {
    margin:0px 5px 20px 5px;
}

/*** sector page ***/

.popsectorstitle {
    text-align: center;
    margin:20px 0;
}

.sectorBlock {
    height:100px;
    text-align:center;
    padding:20px 10px;
    margin:30px 10px;
    background-color:#fff;
    outline:#f9f9f9 10px solid;
    display: block;
}
.sectorBlock:hover, .sectorBlock:focus {
    outline: #1A009D 10px solid;
}
/**** position single customfields ****/

.positionContent {margin:15px 0;}
.position-box {margin:15px 0;}
.position-box span {min-width:180px; display:inline-block;}


/*** print screen on placement table ***/
.dateandprint {display:table;width:100%;}
.dateandprint span {display:table-cell ;}
.dateandprint span a {float:right ;}