/**
 * Series Theme Colors
 */
.oexp-series-cc {
    background-color: #c66600;
}
.oexp-series-dc {
    background-color: #757575;    
}
.oexp-series-pf {
    background-color:  #c44f65;    
}
.oexp-series-cruiser {
    background-color: #1fc4a6;    
}

/**
* Team Contact Detail Styles
*/
.oexp-contact-wrap {
    display: flex;
    flex-direction: column;
    flex-flow: wrap column;
    align-items: center;
}
.oexp-contact-row {
    display: flex;
    flex-direction: row;
    flex-flow: wrap row;
    align-items: center;
}
svg.oexp-contact-row {
    fill: #c44f65;
}
.oexp-iblurb-wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    align-content: center;
}
.oexp-iblurb-icon {
    width: 50%;
    color: #c44f65;
}
.oexp-blurb-column {
  display: flex;
  flex-flow: wrap column;
}

.oep-blurb-icon {
  color: #c44f65;
}

.oexp-model-specs-2col {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
}

.oexp-model-specs-1col {
    display: grid;
    grid-template-columns: 90%;
    justify-content: center;
}
.oep-spec-caption {
    text-align: left;
}
.oexp-model-class {
    padding: 2px 0;
}

.oexp-model-hertg-class {
    background-color:  #c44f65;    
}
.oexp-model-dc-class {
    background-color: #757575;    
}
.oexp-model-crsr-class {
    background-color: #1fc4a6;    
}
.oexp-model-cntr-class {
    background-color:  #c66600;    
}
.oexp-model-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    
    min-height: 3em;
    padding: 2px 0;
    margin: 2px 0;
}
.oexp-model-badge {
    color: white;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    margin: 4px;
    padding: 4px;
}
.oexp-model-descr {
    color:  #c44f65;
    font-size: 18px;
    font-weight: normal;
}

.oexp-icon-list li {
    margin: inherit;
}

/**
* Boat Search and Filter Styles
*/
.oexp-inventory-filter {
    display: flex;
    flex-flow: row nowrap;
    /* grid-template: auto / 30% auto; */
    padding: 20px;
}
@media only screen and (max-width: 400px) {
    .oexp-inventory-filter {
        display: flex;
        flex-flow: column nowrap;
        padding: 20px;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
    }    
}
.oexp-pb-filter {
    background-color: #c6c6c6;
    border-radius: 12px;
    margin: 6px;
    padding: 20px;
}
.oexp-pb-posts {
    background-color: #9cbb3e;
    border-radius: 12px;
    margin: 6px;
    padding: 20px;
}
#oexp-inv-qry-meta {
    background-color: #cd5c5c;
    color: White;
    border-radius: 12px 12px 0 0;
    padding: 6px;
}
#oexp-prod-index {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 20% auto;
}
.oexp-criteria-switch {
    display: flex;
    flex-flow: column wrap;
}
.fa-check-circle {
    color: #9cbb3e;
}
.fa-times-circle {
    color: #cd5c5c;
}
.oexp-prod-search-terms {
    display: grid;
    grid-template: 2em auto / auto;
}
.oexp-filter-header {
    width: 100%;
}
.oexp-filter-terms {
}
.oexp-filter-term {
    padding: 4px;
}
.oexp-search-term-checks {
    padding: 4px;
}
.oexp-prod-results {
    display: flex;
    flex-flow:column wrap;
    justify-content: space-around;

    background-color: cadetblue;
    margin: 1vw;
    padding: 12px;
    border-radius: 0 12px 26px 0;
}
.oexp-prod-item {
    display: flex;
    flex-flow: column nowrap;

    margin: 4px;
    padding: 8px;
    border-radius: 12px;
    background-color:#c8c8c8;
}
.oexp-boat-title-pvw {
	font-size: 1.4em;
    text-align: right;
}
.oexp-boat-model-pvw {
    font-size: 1.2em;
    text-align: right;
}
.oexp-boat-price-pvw {
	font-size: 1.4em;
	font-weight: 600;
	color: red;
    text-align: right;
}
.oexp-boat-thumb {
    margin: 4px;
}
.oexp-boat-highl-pvw {
    align-self: center;
}

.oexp-boat-details {
    margin: 8px;
    padding: 4px;
    align-self: center;
}
.oexp-boat-details > a {
    font-size: 1.3em;
    font-weight:500;
    text-decoration: none;
    padding: 4px;
    border-radius: 4px;
}
.oexp-boat-details > a:link,a:visited {
    background-color:purple;
    color:#c8c8c8;
}
.oexp-boat-details > a:hover {
    background-color:purple;
    color:white;
    font-weight:700;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.oexp-price-wrap {
    display: grid;
    grid-template: auto / 50% 50%;
    align-items: center;
    justify-content: center;
}
.oexp-size-wrap {
    display: grid;
    grid-template: auto / 50% 50%;
    align-items: center;
    justify-content: center;
}
.oexp-range-wrap {
  width: 80%; /* Width of the outside container */
}

/* The slider itself */
.oexp-price-slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    -moz-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
  /* height: 25px; */ /* Specified height */
    height: 15px;
    border-radius: 5px;    
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    -moz-transition: .2s; /* 0.2 seconds transition on hover */
    -o-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

/* Mouse-over effects */
.oexp-price-slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.oexp-price-slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    -moz-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%; 
    background: #04AA6D; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.oexp-price-slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    background: #04AA6D; /* Green background */
    cursor: pointer; /* Cursor on hover */
}
/**
 * Powerboat Inventory Results Styles
 */
.oexp-pb-preview {
    display: block;
    background-color: #c6c6c6;
    color: #222;
    border-radius: 12px;
    margin: 12px;
    padding: 4px;
}
.oexp-pb-pvw-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    border-radius: 12px 12px 0 0;
    margin: 6px;
    padding: 6px;
}
.oexp-pb-pvw-content {
    display:grid;
    grid-template: auto / 25% auto;
    align-content: center;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 768px) {
    .oexp-pb-pvw-content {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;        
    }    
}
.oexp-pb-pvw-footer {
    display: flex;
    flex-flow: column nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    margin: 4px;
}
.oexp-term-title {
    display: block;
    color: White;
    font-family: 'Orbitron',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    font-style: italic;
    font-variant: small-caps;
    font-size: 18px;
    letter-spacing: 5px;
    text-align: left;
    border-bottom: 2px solid White;
}
.oexp-term-value {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: right;
}
.oexp-pb-pvw-price {
    font-size: 20px;
    font-weight: 600;
}
.oexp-pb-pvw-action {
    border: 2px solid #cd5c5c;
    border-radius: 8px;
    padding: 6px;
}
.oexp-pb-pvw-footer a:link, a:visited {
    color: #cd5c5c;
}
.oexp-pb-pvw-footer a:hover {
    border: 4px solid #cd5c5c;
    border-radius: 8px;
    padding: 8px;
}

/**
 * Powerboat Template Styles
 */
.oexp-boat-summary {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center; 
    align-items: center;
}
.oexp-pb-highlights {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 2em auto;
}
.oexp-pb-hl-cf {
    width: 100%;
    display: grid;
    grid-template: auto / 2em auto;
    grid-gap: 10px 10px;
    gap: 10px 10px;
}
.oexp-pb-hl-icon {
    color: Green;
    padding-right: 4px;
    text-align: right;
}
.oexp-pb-hl-descr {
    font-weight: 600;
    padding-right: 8px;
}
.oexp-summ-val-col {
    padding-right: 12px;
}
.oexp-summary-caption {
    font-weight: 700;
    text-align: right;
}
.oexp-summ-price {
    font-weight: 700;
    color: #bb3a52;
}
#oexp-product-header.oexp-series-link a {
    color: White;
}
#oexp-product-header.oexp-series-link > a:hover {
    color: Yellow;
}
.oexp-pb-boat-price {
    color: White;
    font-size: 1.5em;
}
.oexp-series-link {
    color: Yellow;
    cursor: pointer; 
}
.oexp-model-link {
    color: Yellow;
    cursor: pointer; 
}
.oexp-condition-link {
    color: Yellow;
    cursor: pointer; 
}