/*
Theme Name: Merry Christmas Jumpers
Template: pinfinity
*/
.clearboth {
    clear: both;
    line-height: 0;
}
.wrap.group > .lozenge {
    width: 55%;
    float: left;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
}
.wrap.group > .lozenge > button {
    background: #C5161D;
    color: #fff;
    border: 0px;
    padding: 10px;
    font-size: 20px;
    margin: 0 auto;
    border-bottom: 3px solid #751b1e;
    font-family: "Courgette", arial, sans-serif;
    border-radius: 4px;
}

.wrap.group > .lozenge > button:hover {
    background: #751b1e;
    cursor: pointer;
}

.wrap.group > .logo {
    width: 20%;
}

.header-wgt.group {
    width: 25%;
    margin-left: -32px;
    float: right;
}
.header-wgt.group aside.widget#search-3 {
    margin-left: 10px;
}
.header-wgt.group aside.widget#search-3, .header-wgt.group aside.widget#custom_html-2 {
    float: right;
}

.entry-content > h1 {
    color:#e36d6d;
}
.pre-head-wgt.group label#spanLabel0.fLabel {
    z-index: 1 !important;
}

.single #main:before, #main:after, .single #main .wrap.group .group:before, .single #main .wrap.group .group:after {
    clear: both;
    display: block;
    content: '';
    height: 0;
}

.related-products {
    clear: both;
}

.related-products a.ci-shortcodes-default.ci-button {
    display: none;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.retailer-item {
    width: 14%;
    float: left;
    padding: 10px;
}
.retailer-item > a > img {
    width: 100%;
}

.retailer-item:nth-child(7n+7) {
    clear:both;
}

#myModal.modal .modal-content .top {
    color: #e36d6d;
    font-family: "Courgette", arial, sans-serif;
    font-size: 22px;
    margin-bottom: 0.7em;
}

#myModal.modal .modal-content .retailer-item .header {
    color: #e36d6d;
    font-family: "Courgette", arial, sans-serif;
    font-size: 20px;
    margin-bottom: 0.7em;
}

/*.entry-intro .entry-meta, .entry-meta {
display: none;
}*/
/*#box-container > h3 {
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.31);
    padding: 8px 12px;
}*/
/*.box.category-sticky {
    width: 250px;
}*/
/*#entry-listing .entry h1, #entry-listing .entry h2 {
  font-size: 1.538461538461538em;
  margin-bottom: 0;
  padding: 4px 8px;
}*/
/*.box {
  background: #F7F7F7;
}
.box .entry-desc {
  background: #FFFFFF;
}
#entry-listing .format-standard .entry-content a {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}*/

@media only screen and ( max-width: 1140px) {
    .wrap.group > .lozenge > button {
        font-size: 15px;
    }
    .wrap.group > .lozenge {
        width: 50%;
    }
    .header-wgt.group {
        width: 25%;
    }
    .retailer-item {
        width: 14%;
    }
    .wrap.group > .logo {
        width: 25%;
    }
}

@media only screen and ( max-width: 1050px ) {
    .retailer-item {
        width: 13%;
    }

}

@media only screen and ( max-width: 870px ) {
    .wrap.group > .lozenge {
        float: right;
        width: 50%;
    }
    .header-wgt.group {
        width: 25%;
    }
    .wrap.group > .lozenge > button {
        margin: 0;
        float: right;
    }
    .wrap.group > .logo {
        width: 35%;
        float: left;
    }
    .retailer-item {
        width: 21%;
    }
    .retailer-item:nth-child(5n+5) {
        clear:both;
    }
    .retailer-item:nth-child(7n+7) {
        clear:none;
    }
}

@media only screen and ( max-width: 680px ) {
    .retailer-item {
        width: 42%;
    }

    .retailer-item:nth-child(7n+7) {
        clear:none;
    }
    .retailer-item:nth-child(5n+5) {
        clear:none;
    }
    .retailer-item:nth-child(2n+1) {
        clear:both;
    }
    .wrap.group > .lozenge {
        width: 100%;
        margin: 0 auto 20px;
        float: none;
    }
    .wrap.group > .lozenge > button {
        float: none;
    }

    .wrap.group > .logo {
        width: 100%;
    }
}

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

}

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

}

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

}