/* Scoped Vermont Sales product description styles for Toolhome.
 * Source: https://www.vermontsales.co.za/image/designelements.css
 * All selectors are prefixed with .vermont-product-description to avoid global bleed.
 * Requires Font Awesome on the storefront theme.
 */

.vermont-product-description .definition-products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #eff1f1;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #4d4d4d;
    padding: 10px 10px 10px 70px;
    overflow: hidden;
    margin: 15px 0;
}

.vermont-product-description .definition-products:before {
    position: absolute;
    display: inline-block;
    content: "\f059";
    font-weight: 400;
    font-family: FontAwesome;
    font-size: 3em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0px -55px;
    line-height: initial;
    color: #888888;
}

.vermont-product-description .definition-products p {
    margin: auto 0x;
}

.vermont-product-description p.definition-products {
    margin: 15px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.vermont-product-description p.definition-products * {
    display: contents;
}

.vermont-product-description .caution_box {
    background: #fff1c6;
    border: 1px solid #dfc164;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 3px;
    min-height: 60px;
    margin: 15px 0;
    color: #000;
    padding: 10px 10px 10px 70px;
    overflow: hidden;
}

.vermont-product-description .caution_box::before {
    position: absolute;
    content: "\f071";
    display: inline-block;
    margin: -10px -55px;
    font-weight: 400;
    font-family: FontAwesome;
    font-size: 3em;
    font-style: normal;
    font-variant: normal;
    color: #FFC107;
    text-shadow: -1px -1px 0 #410000, 1px -1px 0 #390000, -1px 1px 0 #3d0000, 1px 1px 0 #560000;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.vermont-product-description .caution_box p {
    margin: auto 0;
}

.vermont-product-description p.caution_box {
    display: block;
}

.vermont-product-description .caution_box img {
    margin-left: 15px;
    padding: 2px 4px 2px 4px;
    background: transparent;
}

.vermont-product-description .tip-products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #e6faff;
    border: 1px solid #83bbca;
    border-radius: 4px;
    color: #008393;
    padding: 10px 10px 10px 45px;
    overflow: hidden;
    margin: 15px 0;
    min-height: 60px;
}

.vermont-product-description .tip-products:before {
    position: absolute;
    content: "\f0eb";
    font-weight: 400;
    font-family: FontAwesome;
    font-size: 3em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: -35px;
    line-height: initial;
    color: #008393;
}

.vermont-product-description .tip-products p {
    margin: auto 0;
}

.vermont-product-description .attention-products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fffacb;
    border: 1px solid #dfd78f;
    border-radius: 4px;
    font-size: 14px;
    min-height: 60px;
    color: #464000;
    padding: 10px 10px 10px 65px;
    overflow: hidden;
    margin: 15px 0;
}

.vermont-product-description .attention-products:before {
    position: absolute;
    display: inline-block;
    content: "\f071";
    line-height: initial;
    font-weight: 400;
    font-family: FontAwesome;
    font-size: 3em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: -50px;
    color: #f20000;
    text-shadow: -1px -1px 0 #410000, 1px -1px 0 #390000, -1px 1px 0 #3d0000, 1px 1px 0 #560000;
}

.vermont-product-description .attention-products p {
    margin: auto 0;
}

.vermont-product-description .attention-products h1,
.vermont-product-description .attention-products h2,
.vermont-product-description .attention-products h3,
.vermont-product-description .attention-products h4,
.vermont-product-description .attention-products h5,
.vermont-product-description .attention-products h6 {
    margin-top: 10px;
    color: #4a472a;
}

.vermont-product-description p.attention-products {
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.vermont-product-description p.attention-products * {
    display: contents;
}

.vermont-product-description .readmanual-products {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    background: #d6faff;
    border: 1px solid #b5cdd3;
    border-radius: 4px;
    min-height: 60px;
    color: #003339;
    padding: 10px 10px 10px 55px;
    overflow: hidden;
    margin: 15px 0;
}

.vermont-product-description .readmanual-products:before {
    position: absolute;
    content: "\f02d";
    display: inline-block;
    font-weight: 400;
    font-family: FontAwesome;
    font-size: 2.5em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: -45px;
    color: #001517;
}

.vermont-product-description .readmanual-products h1,
.vermont-product-description .readmanual-products h2,
.vermont-product-description .readmanual-products h3,
.vermont-product-description .readmanual-products h4,
.vermont-product-description .readmanual-products h5,
.vermont-product-description .readmanual-products h6 {
    margin-top: 10px;
    color: #005561;
}

.vermont-product-description .readmanual-products p {
    margin: auto 0;
}

.vermont-product-description p.readmanual-products {
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.vermont-product-description p.readmanual-products * {
    display: contents;
}

.vermont-product-description .warning-products {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    background: #ffd9d6;
    border: 1px solid #e09891;
    border-radius: 4px;
    font-size: 14px;
    min-height: 60px;
    color: #c00000;
    padding: 10px 10px 10px 60px;
    overflow: hidden;
    margin: 15px 0;
}

.vermont-product-description .warning-products:before {
    position: absolute;
    content: "\f256";
    font-weight: 400;
    font-family: FontAwesome;
    font-size: 2.3em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: -45px;
    color: #db1100;
}

.vermont-product-description .warning-products h1,
.vermont-product-description .warning-products h2,
.vermont-product-description .warning-products h3,
.vermont-product-description .warning-products h4,
.vermont-product-description .warning-products h5,
.vermont-product-description .warning-products h6 {
    margin: 10px 0px;
    color: #840a00 !important;
}

.vermont-product-description .warning-products p {
    margin: auto;
}

.vermont-product-description .note_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #f1f1f1;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    color: #383838;
    padding: 10px 10px 10px 45px;
    overflow: hidden;
    margin: 15px 0;
    min-height: 60px;
}

.vermont-product-description .note_box:before {
    position: absolute;
    content: "\f12a";
    display: inline-block;
    font-weight: 400;
    font-family: FontAwesome;
    font-size: 3em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: -25px;
    color: #797979;
}

.vermont-product-description .note_box h1,
.vermont-product-description .note_box h2,
.vermont-product-description .note_box h3,
.vermont-product-description .note_box h4,
.vermont-product-description .note_box h5,
.vermont-product-description .note_box h6 {
    color: #464646;
    margin: 10px 0;
}

.vermont-product-description p.note_box {
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.vermont-product-description .knowledge_box {
    flex-wrap: wrap;
    align-items: center;
    background: #e2f2ff;
    border: 1px solid #c6d5e1;
    border-radius: 4px;
    font-size: 14px;
    min-height: 60px;
    color: #1362a1;
    padding: 10px 10px 10px 40px;
    overflow: hidden;
    margin: 15px 0;
}

.vermont-product-description .knowledge_box:before {
    position: absolute;
    content: "\f129";
    font-weight: 400;
    font-family: FontAwesome;
    font-size: 2.5em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: -25px;
    color: #1373bf;
}

.vermont-product-description .knowledge_box li {
    margin-left: -20px;
}

.vermont-product-description .SpecsTable {
    min-width: 90%;
    border-collapse: collapse;
}

.vermont-product-description .SpecsTable th {
    background: #e8e8e7;
    font-size: initial;
    letter-spacing: 1.1px;
    padding: 10px;
}

.vermont-product-description .SpecsTable ul li {
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 10px;
    margin-left: -30px;
    line-height: 20px;
    padding-left: 20px;
    text-indent: -20px
}

.vermont-product-description .SpecsTable ul li:before {
    color: #cc0000;
    content: "\f00c";
    font-family: FontAwesome;
    padding-right: 5px;
}

.vermont-product-description .SpecHeading {
    padding-left: 8px;
    letter-spacing: 1.5px;
    background: #333;
    border: 1px #C0C0C0 solid;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    height: 26px;
    color: #fff;
    border-left: 1px solid #000;
    border-right: 0.09em solid #666;
    border-bottom: 1px solid #000;
    border-top: 1px solid #999;
}

.vermont-product-description .SpecsSubHeading {
    padding-left: 8px;
    background-color: #E8E8E8;
    border: 1px #c0c0c0 solid;
    font-size: 1.2em;
    letter-spacing: 1px;
    text-transform: none;
    color: #000;
}

.vermont-product-description .SpecLeft {
    text-align: left;
    background-color: #f5f5f5;
}

.vermont-product-description .SpecBB {
    text-align: left;
    font-size: 14px;
    color: #333;
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 2px;
}

.vermont-product-description .SpecRight {
    color: #369;
}

.vermont-product-description .SpecRightCenter {
    text-align: left;
    color: #369;
    background-color: #FFFFFF;
    text-align: center;
}

