/* Maginus Styling */

@media (max-width: 767px) {
    .expansiveSplitContentBlock.content-stacked {
        display: flex;
        flex-direction: column;
    }
    .expansiveSplitContentBlock.content-stacked .block-container {
        order: 2;
    }
    .expansiveSplitContentBlock.content-stacked .block-container>.blockContent {
        width: 100%;
        float: none;
    }
    .expansiveSplitContentBlock.content-stacked .letterbox {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        order: 1;
    }
    .expansiveSplitContentBlock.content-stacked .image-main {
        position: relative;
        transform: translate(0) !important;
    }
    .expansiveSplitContentBlock.content-stacked .image-main img {
        max-width: 100%;
    }
}
/*Custom css added by The Royal Mint*/
    /*Facet filters styling for desktop sized viewing*/
    @media screen and (min-width: 992px) {
        .category-filters .filter-title {
            font-size:15px !important; margin-top:7px !important;
        }


        /*Removes excess breadcrumb margin*/
        #pageTop > div.pageContainer > div.container.clear.hidden-xs > ol {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        /*Removes excess padding and margin from filter links*/
        #ecommerceFilters > div.filter-body > div > a {
            margin-top: 0px !important;
            margin-bottom: 0px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        /*Removes bottom margin from expanded filter ul*/
        .category-filters ul.unordered-list {
            padding-left: 0;
            margin-bottom: 0px;
        }

        /*Hide scroll bar on dropdown navigation*/
        /* #navSectionNav > div > div > div > div > div > div > div > div.row {
            overflow: hidden !important;
        } */
        .contentNav > li > a {
            font-size: 16px;
            margin-top: 4px;
        }

        /*Hide key features tab on product*/
        /* #tab1 > div > div.block.editorialBlock.col-xs-12.col-sm-4 {
            margin-bottom: 0;
            display: none;
        } */

        /*Extend product spec column*/
        /* #tab1 > div > div.block.editorialBlock.col-xs-12.col-sm-8.mb-0.mb-xs-2x {
            width: 100%;
        } */

        /* four tile styling on 50p page*/
        #pageTop > div.pageContainer > div > div > main > div.contentArea > div > div.block.containerBlock.col-xs-12.col-sm-12 > div > div > div > div > article > div > h2 {
            margin: 0px !important;
            font-size: 18pt;
        }
        #pageTop > div.pageContainer > div > div > main > div.contentArea > div > div.block.containerBlock.col-xs-12.col-sm-12 > div > div > div > div > article > picture > img {
            margin: 0px !important;
        }
        #pageTop > div.pageContainer > div > div > main > div.contentArea > div > div.block.containerBlock.col-xs-12.col-sm-12 > div > div > div > div {
            margin-bottom: 5px !important;
        }
    }

    /*Facet filters styling for mobile viewport*/
    @media screen and (max-width: 991px) {
        #ecommerceFilters > div.filter-body > div > a {
            margin-top: 0px !important;
        }

/* .trmVariant .item-details p:nth-child(1) {
    margin-bottom: 0px;
    display: none;
} 

.trmVariant .item-details {
    height: 22px !important;
} */

        /*Removes bottom margin from expanded filter ul*/
        .category-filters ul.unordered-list {
            padding-left: 0;
            margin-bottom: 0px;
        }

        /*Hide key features tab on product
        .tabContainerBlock .row .block:last-child {
            margin-bottom: 0;
            display: none;
        }*/

        /*Extend product spec column*/
        #tab1 > div > div.block.editorialBlock.col-xs-12.col-sm-8.mb-0.mb-xs-2x {
            width: 100%;
        }
    }

        /*site wide changes across all devices - active and hover on product tabs*/
        #detailTabs > div > div.row.ng-scope > div > ul > li.active > a {
            color: #C6893F;
            border-bottom: 1px dotted #C6893F;
        }
        #detailTabs > div > div.row.ng-scope > div > ul > li > a:hover {
            color: #C6893F;
            border-bottom: 1px dotted #C6893F;
        }
        #pageTop > div.pageContainer > div > div > div > div.row.ng-scope > div > ul > li.active > a {
            color: #C6893F;
            border-bottom: 1px dotted #C6893F;
        }
    .trmVariant 
    .item-title {
    border-top: 1px dotted #253746 !important;
    }

/* Treasure for life */
.tfl-logo {height:19px; width:150px; margin-top:6%;}
.tfl-slateBlue { background: url(../the-royal-mint/images/logos/tfl_slateBlue.png) no-repeat;}
.tfl-white, .tfl-White{ background: url(../the-royal-mint/images/logos/tfl_white.png) no-repeat;}
.tfl-black { background: url(../the-royal-mint/images/logos/tfl_black.png) no-repeat;}
.tfl-blue { background: url(../the-royal-mint/images/logos/tfl_blue.png) no-repeat;}
.tfl-emerald{ background: url(../the-royal-mint/images/logos/tfl_emerald.png) no-repeat;}
.tfl-gold { background: url(../the-royal-mint/images/logos/tfl_gold.png) no-repeat;}
.tfl-ochre{ background: url(../the-royal-mint/images/logos/tfl_ochre.png) no-repeat;}
.tfl-red{ background: url(../the-royal-mint/images/logos/tfl_red.png) no-repeat;}

/* Hide the review rating on listing pages */
 #entryGridView > article > div.row.ng-scope {display:none;} 

/*error message for failed login styling */
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #D9534F !important;
    font-weight: 900;
    font-size: 11pt;
    border: 1px solid;
    padding: 5px;
}

/*checkout message colour*/
#checkoutForm > div > div.checkbox.small.fancy > p {
color: #5B7F95!Important;
}