
.page-main {
    margin-top: 20px;
}

.column.main .products-list .product-image-photo {
    padding-left: 0;
    padding-right: 0;
}

.products-list .product-item .product-item-photo {
    padding: 0;
    background: none transparent;
}

.no-padding {
    padding: 0;
}

.no-left-padding {
    padding-left: 0 !important;
}

.no-right-padding {
    padding-right: 0 !important;
}

#periodictable {
    padding: 8px;
    font-family: "Work Sans";
    font-weight: 400;
}

#periodictable .pt tr {
    background: none transparent;
}

#periodictable .pt td {
    padding: 5px;
    border: 0;
    background: none transparent;
}

#periodictable .pt td a.store-url {
    color: #000;
}

#periodictable .pt td a.store-url:hover {
    text-decoration: underline;
}

#periodictable .pt td span.sym {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

#periodictable .pt td span.aw {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 80%;
}

#periodictable .pt-wrapper h1 {
    margin-top: 0;
    line-height: 1.0em;
    margin-bottom: 0;
    text-align: center;
}

#periodictable p.pt-subheader {
    text-align: center;
    font-size: 22px;
    line-height: 36px;
    vertical-align: middle;
}

#periodictable h2 {
    font-size: 18px;
    line-height: 30px;
}

.element-desc {
    font-family: "Work Sans";
    padding: 10px;
    margin-bottom: 25px;
    border: 1px solid #ccc;
}

.element-desc h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.element-desc table.table td {
    padding: 5px 10px;
}

.element-desc table.table td p {
    margin: 0;
}

.more-information {
    padding: 10px 20px;
}

.more-information .more-info-btn {
    display: block;
    background: #000;
    color: #fff;
}

.more-information .more-info-btn:hover {
    cursor: pointer;
}

.page-title-wrapper {
    margin-bottom: 0px;
}

/* PRODUCT GRID */

.product-item-link {
    display: block;
}

.product-item-link p {
    margin: 0;
}

li.item.product.product-item:hover {
    background: #eee;
}

.products-grid .product-item .product-item-name, .products-list .product-item .product-item-name {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 10px 0 15px;
}

strong.product-item-name {
    padding: 0;
    font-size: 18px;
}

.product-item-name .product-item-link p {
    padding: 10px;
    margin: 0;
}

.product-item-name .product-item-link p i {
    color: #1e88e5;
    font-size: 125%;
}

.catalog-product-view .data.items .title.active a {
    padding: 10px 20px;
    background: #ebeaea;
}

#shopping-cart-table .cart.item .product-item-details dl.item-options {
    font-size: 14px;
}

.column.main .products-list .product-item-photo {
    /*flex-basis: 100%;*/
    /*max-width: 50%;*/
}

.products-grid .product-item .price-box, .products-list .product-item .price-box {
    color: #333333;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea {
    display: block;

    padding: 7px 10px;
    font-size: inherit;
    min-height: 2em;
    vertical-align: baseline;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 0;
}

.product-item-inner .input-text, .product-item-inner input[type="text"],
.column.main .products-list .actions-primary .action {
    width: 50px;
    height: 50px;
    float: left;
}

.input-text.product-custom-option.espi-input {
    width: 100px;
}

.column.main .products-list .actions-primary .action.toquote {
    width: auto;
    background-color: #1e88e5;
}

.product-item-inner .input-text, input[type="text"] {
    margin-right: 5px;
}

.column.main .products-list .product-item-info {
    margin-bottom: 3px;
    margin-top: 10px;
}

.products-list .item.product.product-item {
    /*border-bottom: 1px solid #ccc;*/
    height: 35px;
}

.shipping-truck {
    display: block;
    height: 34px;
    width: 34px;
    background: url("../images/shipping_truck.png");
}

/* PRODUCT PAGE */

.catalog-product-view .product.descriptionwrap {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 2;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 50%;
    max-width: 100%;
}

.catalog-product-view .desc-header {
    font-size: 18px;
    padding: 15px 0 5px 0;
}

.catalog-product-view .product-info-price .price-box {
    font-size: 28px;
    line-height: 32px;
}

.cms-index-index .page-main {
    margin-top: 0px;
}

.toolbar {
    margin-top: 10px;
}

#periodictable .ls-petition-status label {
    line-height: 30px;
    vertical-align: middle;
}

#periodictable .ls-petition-status input {
    width: 100%;
}

#periodictable .ls-petition-status td,
#periodictable .ls-petition-status th {
    border: 0 none;
    padding: 2px;
    width: 5.5%;
}

#periodictable .ls-petition-status th label {
    line-height: 20px;
}

#periodictable .petition-year-selector {
    padding-top: 15px;
}

#periodictable .empty-block,
#periodictable .nolink-block {
    display: block;padding:5px;
}

#periodictable .pt td,
#periodictable .pt th {
    padding: 0;
    border: 0;
}

#periodictable .pt td a.store-url,
#periodictable .pt th a.store-url,
#periodictable .nolink-block {
    color: #000;
    font-size: 16px;
    display: block;
    padding: 5px;
}

#periodictable .pt td a.store-url:hover,
#periodictable .pt th a.store-url:hover {
    text-decoration: underline;
}

#periodictable .pt td span.sym,
#periodictable .pt th span.sym {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

#periodictable .pt td span.aw,
#periodictable .pt th span.aw {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 80%;
}

.cart-container {
    margin-top: 30px;
}

.cart-summary .checkout.methods .item .primary.checkout {
    width: auto;
    float: left;
    margin-right: 10px;
}

.step-title {
    font-size: 115%;
    font-weight: bold;
}

.miniquote-wrapper .action.showquote .counter.qty,
.espi-blue {
    background: #1e88e5;
}

#product-addtoquote-button, .quote-btn-list, .cart-back-btn {
    background: #1e88e5;
    color: #fff;
}

.page-main > .page.messages .messages {
    width: 33%;
    margin: 0 auto;
}

.page-main > .page.messages .messages .message {
    box-shadow: 3px 3px 3px 3px #888888;
}

.pages .item:not(.pages-item-previous):not(.pages-item-next) a, .pages .item.current strong {
    border-radius: 0;
}

.miniquote-items-wrapper .product-image-wrapper {
    padding-right: 15px;
}

.grid-header {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #6e6e6e;
}

.sm-desktop nav.navigation > .ui-menu {
    padding: 0;
}

.sm-desktop nav.navigation li.level-top > .ui-state-focus {
    color: #fff !important;
}

nav.navigation[role="navigation"] .row {
    margin-bottom: 0;
}

.field.required > .label:not(.admin__field-label)::after {
    margin:0;
}

.product-item-inner .actions-primary {
    width: 100%;
}

.column.main .products-list .product-item-details {
    max-width: 50%;
}

.espi-contact-btn {
    padding: 10px 20px;
    background: #008CE0;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.quotation-quote-index #billing .step-title,
.quotation-quote-index #shipping .step-title {
    width: 100% !important;
}

.quotation-quote-index #billing .step-title::after,
.quotation-quote-index #shipping .step-title::after {
    content: "" !important;
}

.catalog-product-view .product.media {
    height: 100%;
}

.fotorama__stage__frame .fotorama__img {
    /*top: 33% !important;*/
    /*max-height: 75% !important;*/
}

.product.media .gallery-placeholder,
.fotorama-item.fotorama {
    height: 100% !important;
}

.sidebar .filter-wrapper .filter-subtitle,
#layered-filter-block .block-title strong,
.block.filter strong.subtitle
{
    font-size: 2rem;
}

.block.filter strong.subtitle {
    color: #1e88e5;
    font-weight: bold;
}

.block.filter .title strong {
    font-weight: 700;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    color: #333333;
    font-size: 2em;
    margin-bottom: 32px;
}

.block-static-block h2 {
    padding-bottom: 0;
}

.fotorama__caption {
    display: none !important;
}

.espi-alloys-section div {
    /*margin: 2px;*/
    /*background: #9499B2;*/
    text-align: center;
    padding: 3px;
}

.espi-alloys-section div a {
    display: block;
    border: 2px solid #fff;
    background: #9499B2;
    padding: 20px 0;
    color: #fff;
    min-height: 80px;
    font-size: 20px;
}

.espi-alloys-section div a:hover {
    background: #4C4F5C;
}



/* RESPONSIVE */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 0;
    }

    .pages,
    .toolbar .field.limiter {
        float: left;
    }

    .actions-primary .field.required {
        float: right;
    }

    .column.main .products-list .actions-primary .action span {
        display: block;
    }

    .no-mobile-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }



}

@media only screen and (max-width : 375px) {

    .column.main .products-list .product-item-info {
        float: left;
    }

    .rts-column, .uom-column {
        display: none;
    }

    .name-column, .sn-column {
        padding: 0;
        width: 50%;
    }
}


/*@media only screen and (min-width : 376px) {*/


/*    .rts-column, .uom-column {*/
/*        display: block;*/
/*    }*/

/*    .name-column, .sn-column {*/
/*        padding: 0 15px;*/
/*    }*/

/*}*/

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 525px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    /*.field.required {*/
        /*float: left;*/
        /*margin-right: 10px;*/
    /*}*/

    .no-mobile-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }

}

@media only screen and (max-width : 768px) {

    .column.main .products-list .product-item-info {
        float: left;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}