.magazine-container {
    clear: both;
}

.magazine-container p {
    line-height: 1.2em;
}
.magazine-container p.category{
    line-height:20px;
}

.magazine-container .clear, .magazine-meta-information-container .clear {
    clear:both
}

.magazine-container .items {
    width: 100%;
}

.filter-form select,
.filter-form input {
    display:none;
}

.magazine-item {
    border-top: 1px solid #cccccc;
    border-bottom: 3px solid #02519f;
    background-color: #f6f6f6;
    color:#1d1d1d;
    margin:80px 24px;
}

.magazine-item.no-category {
    border-top: 0;
}

.magazine-item .category, .magazine-meta-information-wrapper .category {
    width:122px;
    padding:2px 5px 0 5px;
    background: #ec1b24;
    color:#f6f6f6;
    margin-bottom:0;
    margin-top:-22px;
    margin-left:0;
}

.magazine-item .publisher p {
    line-height:1em;
}

.magazine-meta-information-wrapper {
    margin-top:22px;
}

.magazine-meta-information-container {
    background: #f6f6f6;
    border-bottom: 3px solid #02519f;
    padding-bottom: 10px;
}
.magazine-meta-information-container > * {
    width:85%;
    margin: 0 auto;
}

.magazine-meta-information-container .publishing-date {
    font-size:12px;
    margin:0 auto;
    border-bottom: 1px solid #c1c1c1;
    color: #747474;
    padding-top: 2px;
}

.magazine-meta-information-container .publisher {
    color:#1d1d1d;
    padding-top: 20px;
}
.magazine-meta-information-container .publisher p {
    padding-bottom: 5px;
}
.magazine-meta-information-container .publisher a, .magazine-meta-information-container .publisher i {
    color: #02519f;
    text-decoration:none;
}
.magazine-meta-information-container .publisher i {
    padding-top:3px;
    padding-right:4px;
}
.magazine-meta-information-container .image-container {
    padding-top: 20px;
    width:100%;
}

.magazine-meta-information-container .image-container blockquote {
    width:90%;
    margin:0 auto;
    color: #1967b8;
    font-style: italic;
    font-size:15px;
    text-align:center;
    font-weight: normal;
    padding-top: 10px;
}

.magazine-meta-information-container .image-container blockquote p {
    color: #1967b8;
    font-style: italic;
    font-size:15px;
    font-weight: normal;
}

.magazine-meta-information-container .event-dates,
.magazine-meta-information-container .event-location {
    padding-top:20px;
    width:85%;
    color: #000;
}
.magazine-meta-information-container .event-location {
    padding-top:10px;
}

.magazine-meta-information-container .event-dates p,
.magazine-meta-information-container .event-location div,
.magazine-meta-information-container .event-location div p {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1em;
    width: 85%;
}

.magazine-meta-information-container .event-dates i,
.magazine-meta-information-container .event-location i {
    display:inline-block;
    vertical-align: top;
    padding:1px 4px 0 0;
    width:12px;
    text-align:center;
}

.magazine-meta-information-container .line {
    display: block;
    width:1px;
    height: 5px;
    margin: 0 auto;
    background-color: #c1c1c1;
}

.magazine-meta-information-container p.product-link {
    color: #1967b8;
    padding-top: 20px;
}
.magazine-meta-information-container p.product-link a {
    color: #1967b8;
    text-decoration: none;
}

.magazine-meta-information-container .fb-share {
    display: block;
    width: 65px;
    height:20px;
    background: url('../Icons/fb-share.png') no-repeat;
    text-indent: -9999px;
    margin: 20px 7.5% 0 7.5%;

}

.magazine-list-event-details {
    padding:0 10px;
}
.magazine-container .magazine-list-event-details .description-content {
    display: inline-block;
    border: 0;
    margin-left: 5px;
    width:90%;
}
.magazine-list-event-details .event-location i,
.magazine-list-event-details .description-content {
    float:left;
}
.magazine-list-event-details .description-content {
    width:240px;
}
.magazine-list-event-details .event-dates p,
.magazine-list-event-details .description-content {
    display: inline-block;
    padding:0;
    border: 0;
    margin: 0 5px;
    color:#1d1d1d;
}
.magazine-list-event-details .event-dates p {
    margin:0;
}
.magazine-list-event-details .description-content p {
    margin:0;
    font-size: 12px;
}

.magazine-list-event-details i {
    vertical-align:top;
    padding-top: 1px;
    width:12px;
    text-align:center;
    color:#1d1d1d;
}
.magazine-item .image-container {
    position: relative;
}
.magazine-item .image-container i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:rgba(255,255,255,0.95);
    font-size:6em;
}

.magazine-item:hover .image-container i {
    color:#fff;
}

.magazine-item img {
    width:100%;
}

.magazine-item blockquote {
    width: 100%;
    margin:0;
    padding:0;
    background: rgba(102,102,102,0.6);
    position: absolute;
    bottom: 5px;
    color: #fff;
    text-align:center;
}

.magazine-item blockquote p {
    padding:10px 6px;
    color:#fff;
}

.magazine-item h2 {
    font-size:12px;
    color:#1d1d1d;
    margin:5px 10px;
    line-height: 1.2em;
}

.magazine-item p {
    color:#1d1d1d;
    margin:5px 10px;
}
.magazine-item a  {
    text-decoration: none;
}
.magazine-item .call-to-action {
    text-align: right;
    line-height: 20px;
    color: #02519f;
}

.magazine-item:hover .call-to-action {
    color: #ec1b24;
}

.magazine-item .call-to-action i {
    position:relative;
    top:1px;
    padding-left: 4px;
}

.magazine-container .select-boxes {
    position:relative;
    float:left;
    margin-right: 25px;
}

.magazine-container .select-box {
    position:relative;
    display:inline-block;
}

.magazine-container .select-toggle {
    background:#ccc;
    color:#000;
    height:18px;
    width:168px;
    padding:2px 6px;
    font-size:12px;
}

.magazine-container .select-box ul {
    position:absolute;
    top:22px;
    background-color:#f6f6f6;
    color:#000;
    width:180px;
    min-height:100px;
    z-index: 10;
}

.magazine-container .select-toggle i {
    position:absolute;
    right:8px;
    top: 5px;
}

.magazine-container .select-box ul li {
    list-style: none;
    padding: 2px 4px;
    margin:0;
    cursor: pointer;
}

.magazine-container .select-box li i {
    background: #c1c1c1;
    padding:1px;
    margin-right: 5px;
}

.magazine-container .select-box li i.inactive {
    color: #c1c1c1;
}

.magazine-container .checkboxes {
    float:left;
    line-height:22px;
    margin-right:40px;
}

.magazine-container .checkbox {
    position: relative;
    padding-left: 5px;
}
.magazine-container .checkboxes i {
    background: #c1c1c1;
    color: #c1c1c1;
    padding:1px;
    margin-right: 5px;
    cursor: pointer;
    top:-1px;
}

.magazine-container .checkboxes i.checked {
    color: #1d1d1d;
}

.content_boxed .magazine-detail-image {
    float:right;
}

.filter-overview {
    top: 15px;
    position: relative;
}

.filter-overview h3 {
    margin: 15px 0;
    font-size: 14px;
    font-weight:bold;

}

.filter-overview ul {
    margin: 0;
    padding: 0;
}

.filter-overview li {
    list-style: none;
    margin: 0;
}

.filter-overview span.title {
    display: inline-block;
    width:50px;
}

.filter-overview span {
    display: inline-block;
    padding: 2px 4px;
}

.filter-overview i {
    background: #c1c1c1;
    padding:1px 2px;
    margin-right: 5px;
    cursor: pointer;
}

.magazine-container .spinner {
    text-align: center;
    display: none;
}

.magazine-container .spinner i {
    color: #ec1b24;
    margin: 20px auto;
}
.magazine-container .overlay.active {
    background: rgba(0,0,0,0.1);
    z-index:100;
}

.magazine-container .select-box li.button {
    background: #c1c1c1;
    border-bottom: 3px #02519f solid;
    margin: 4px;
    text-align: center;
    padding: 4px 0 1px 0;
}

.magazine-container .select-box li.button:hover {
    border-bottom: 4px #02519f solid;
    padding: 4px 0 0 0;
}

.magazine-container .select-box li.button-submit {
    background: #ec1b24;
    color: #fff;
}

.magazine-container .all-filter {
    cursor: pointer;
}

.magazine-container .pagination {
    text-align: right;
}
.magazine-container .pagination li {
    list-style:none;
    display:inline;
    padding: 3px 7px;
    margin:0;
    color:#1d1d1d;
}
.magazine-container .pagination a {
    color: #1d1d1d;
    text-decoration:none;
}

.magazine-container .pagination i {
    padding-left: 4px;
}

#grid .column {
    float: left;
}
#grid .size-1of3 {
    width: 33%;
}
#grid .size-1of3:nth-child(2) {
    width: 34%;
}
#grid .size-1of3:nth-child(1) > div {
    margin-left: 0;
}
#grid .size-1of3:nth-child(3) > div {
    margin-right: 0;
}
#grid .size-1of2 {
    width: 50%;
}
#grid .size-1of1 {
    width: 100%;
}

@media screen and (max-width: 759px) and (min-width: 500px) {
    #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }

    .size-1of2:nth-child(1) .magazine-item {
        margin: 80px 30px 80px 0;
    }
    .size-1of2:nth-child(2) .magazine-item {
        margin: 80px 0 80px 30px;
    }
}
@media screen and (max-width: 759px) {

    .magazine-container .select-boxes {
        position: static;
        float: left;
    }

    .magazine-container .select-boxes > * {
        text-align: left;
    }

    .magazine-container .select-box {
        margin-bottom:10px;
    }

    .magazine-container .checkboxes {
        margin-right: 0;
    }

    .contentwrap .leftbox.magazinebox {
        display: block;
        width: 200px;
        margin-bottom: 40px;
    }
}



@media screen and  (max-width: 499px) {
    #grid[data-columns]::before {
        content: '1 .column.size-1of1';
    }

    .magazine-item {
        margin: 80px 0;
    }
}

@media screen and (min-width: 760px) {
    #grid[data-columns]::before {
        content: '3 .column.size-1of3';
    }

    .magazine-container.filtered #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }

    .magazine-container.filtered .size-1of2:nth-child(1) .magazine-item {
        margin: 30px 27px 30px 0;
    }
    .magazine-container.filtered .size-1of2:nth-child(2) .magazine-item {
        margin: 30px 0 30px 27px;
    }
}