.fadein img {
    opacity: 1;
    transition: 1s ease;
}

.fadein img:hover {
    opacity: 0.5;
    transition: 1s ease;
}

.imageslideritem {
   background-size: cover;
}

/**
WORDPRESS
 */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    /*height: auto;*/
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.hiddenfields {
    display: none;
}

.smaller-tree {
    max-height: 150px;
}

.sliderwrap {
    position: relative;
}

.pricelistnotificationsidebar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #a5cd37;
    position: relative;
    top: 10px;
    left: 10px;
    float: right;
}

.pricelistnotificationsidebar span {
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.pricelistnotificationheader {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #a5cd37;
    position: absolute;
    top: 10px;
    left: 10px;
}

.pricelistnotificationheader span {
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
}

/* nav editing for search bug */
@media (min-width: 992px) {

    .nav,
    .navwrap {
        z-index: 99;
    }
}

/* making text red (duh) */
.account-summarywrap .__redtext {
    color: rgb(240, 48, 48);
}

.quoteitem-ref span {
    color: rgb(240, 48, 48);
}

/* z indexing issues with menu dropdowns over product blocks */
.proditem-image::before {
    z-index: 1;
}

.proditem-imgwrap::after {
    z-index: 1;
}

@media (min-width: 992px) {
    .__mobileMenuOnly {
        display: none !important;
    }
}

.faqsidebar-submenu {
    padding-left: 30px;
}




/* temporary amends, can be taken out once in main.scss */
body {
    -webkit-transform: none;
}
body.__navactive{
    -webkit-transform: translateZ(0);
}
.thankyoumodal {
    top:50vh;
}
.thankyoumodal-title {
    font-size: 1.7rem;
}
@media (min-width: 567px) {
    .thankyoumodal-title {
        font-size:2.5rem;
    }
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(165,205,55,.15);
    border-right:6px solid rgba(165,205,55,.15);
    border-bottom:6px solid rgba(165,205,55,.15);
    border-top: 6px solid rgba(165,205,55,.8);
    border-radius:100%;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}