/*  2. Small - Media Queries
 
 *  CONTENTS
 *  2.4 Embeds and Figures
 
----------------------------------------------------------------------------------------------------------- */

@media ( min-width: 480px ) {


body {
    font-size: 1.8rem;
}


/*  2.1 Document Structure
------------------------------------------------------------------------------------------------------- */

.wrapper-outer {
    padding: 4rem 0 6rem 0;
}

.wrapper-inner + .wrapper-inner {
    margin-top: 4rem;
}

/* WRAPPER PADDING CLASSES */

.no-padding     { padding: 0;               }
.normal-padding { padding: 6rem 0 6rem 0;   }
.small-padding  { padding: 4rem 0 4rem 0;   }
.big-padding    { padding: 10rem 0 10rem 0; }
.huge-padding   { padding: 13rem 0 13rem 0; }


/*  2.2 Helper Classes & Grid
------------------------------------------------------------------------------------------------------- */

/* TYPOGRAPHY CLASSES */

.subtitle.mini { font-size: 1.2rem; }


/*  2.3 Base Typography
------------------------------------------------------------------------------------------------------- */

h1 { font-size: 3.8rem; }
h2 { font-size: 3.2rem; }


/*  2.4 Site Header
------------------------------------------------------------------------------------------------------- */

body {
    padding-top: 8rem;
}

.site-header .wrapper-inner {
    height: 8rem;
}

.nav-toggle {
    width: 8rem;
}

.header-logo {
    padding: 2rem 0 2rem 0;
}

.header-logo img {
    max-height: 4rem;
}

.search-toggle {
    width: 8rem;
}

.mobile-search {
    right: 8rem;
}

.mobile-search form .search-field {
    font-size: 1.8rem;
    line-height: 1.3;
}

.mobile-nav { 
    top: 8rem; 
}

.mobile-nav a {
    font-size: 1.5rem;
    padding: 1.9rem 5% 1.8rem 5%;
}

.mobile-nav .menu-item-has-children > .sub-menu-toggle {
    height: 5.1rem;
    padding: 1.5rem 0 0 0;
}

.mobile-nav .menu-item-has-children > .sub-menu-toggle:before {
    margin-top: -0.8rem;
}

/* AUTOCOMPLETE SEARCH */

.autocomplete-search.open .search-field {
    font-size: 2rem;
}


/*  2.5 Page
------------------------------------------------------------------------------------------------------- */

@media ( min-width: 550px ) and ( max-width: 769px ) {

    .content-tools {
        padding: 0 0 0 0;
    }

    .content-tools li {
        float: left;
        padding-left: 2rem;
        width: 33.25%;
    }
    
    .content-tools.can-edit li {
        width: 25%;
    }
    
    .content-tools li + li {
        border-left: .1rem solid rgba( 221, 221, 221, 1 );
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
    
    .content-tools a {
        padding: 2rem 2rem 2rem 0;
    }

}


/*  2.6 Page Templates
------------------------------------------------------------------------------------------------------- */

/* EMPLOYEES */

.employees .mobile-clear {
    display: block;
}

.employee {
    float: left;
    margin-bottom: 4rem;
    width: 47.5%;
}

.employee + .employee {
    margin-left: 5%;
}

/* BRANDS PAGE TEMPLATE */

.puff-sep + p {
    font-size: 1.35em;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
}

.puff-sep + p:before {
    left: calc( 50% - 7.5rem );
    width: 15rem;
}

.featured-brands:before,
.featured-brands:after {
    background: rgba( 204, 204, 204, 1 );
    content: "";
    display: block;
    width: .1rem;
    position: absolute;
        bottom: 0;
        left: 50%;
        top: 0;
}

.featured-brands-inner {
    margin-top: 3rem;
    margin-bottom: -4rem;
    position: relative;
        top: -4rem;
}

.featured-brand {
    width: 47.5%;
    float: left;
}

.featured-brand:nth-child(2) {
    display: block;
}

.featured-brand + .featured-brand {
    margin: 0 0 0 5%;
}

.featured-brand img {
    height: 8rem;
}

.featured-brand p {
    margin: 1.5rem 0 2rem 0;
}

.other-brand {
    width: 50%;
}

.other-featured {
    display: none;
}

.other-featured ~ .other-featured {
    display: block;
}


/*  2.7 News
------------------------------------------------------------------------------------------------------- */

.featured-post {
    width: 50%;
}

.featured-post + .featured-post {
    display: block;
}

.featured-post.overlay-content-link .overlay-header {
    position: absolute;
        bottom: 3rem;
        left: 3rem;
        right: 3rem;
}


/*  2.8 Article Content
------------------------------------------------------------------------------------------------------- */

.article-content > p:first-child {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
}

/* HEADLINES */

.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 {
    margin: 4rem 0 2rem 0;
}

.article-content h1 { font-size: 4rem; }
.article-content h2 { font-size: 3.6rem; }
.article-content h3 { font-size: 3.2rem; }
.article-content h4 { font-size: 2.6rem; }
.article-content h5 { font-size: 2.2rem; }


/* ARTICLE MEDIA */


.wp-caption-text {
    font-size: 1.5rem;
    margin: 1.5rem 0 0 0;
}


/*  2.9 Comments
------------------------------------------------------------------------------------------------------- */

/* COMMENT RESPOND */

.comment-form .comment-form-author,
.comment-form .comment-form-email {
    float: left;
    width: 47.5%;
}

.comment-form .comment-form-email {
    margin-left: 5%;
}


/*  2.10 Pagination
------------------------------------------------------------------------------------------------------- */

.pagination {
    margin-top: 6rem;
}


/* SINGLE PAGINATION */

.single-pagination a span {
    display: inline;
}


/*  2.11 Sidebar
------------------------------------------------------------------------------------------------------- */

@media ( max-width: 1025px ) {

    .news-sidebar {
        margin-top: 6rem;
    }

    .news-sidebar .widget_dijoyb2b_contact_person {
        display: block;
        float: left;
        width: 47.5%;
    }
    
    .news-sidebar .widget_dijoyb2b_contact_person .widget-title {
        display: none;
    }
    
    .news-sidebar .widget_dijoyb2b_contact_person + .widget_dijoyb2b_contact_person {
        margin: 0 0 0 5%;
    }

}


/*  2.12 Blocks
------------------------------------------------------------------------------------------------------- */

/* SUB PAGE NAV */

.sub-page-nav-mobile {
    margin: -0.9rem 0 3rem 0;
}

.sub-page-nav-mobile a {
    padding: 1.8rem 0 1.8rem 0;
}


/*  2.13 Site Footer
------------------------------------------------------------------------------------------------------- */

.site-footer {
    padding: 6rem 0 4rem 0;
}

.footer-menu {
    float: left;
    width: 31.2%;
}

.footer-menu + .footer-menu {
    margin: 0 0 4rem 3.2%;
}


.footer-menu-items {
        -webkit-columns: 1;
        -moz-columns: 1;
    columns: 1;
}

.footer-menu-clear {
    display: block;
    clear: both;
}

/*  2.13.1 Light Site Footer
------------------------------------------------------------------------------------------------------- */

.light-footer-nav li {
    display: inline-block;
    line-height: 1.4;
}

.light-footer-nav li + li {
    margin: 0 0 0 2.5rem;
}

    
}


@media ( min-width: 700px ) {


/*  Helper Classes & Grid
------------------------------------------------------------------------------------------------------- */

/* COLUMN CLASSES */

.one-half,
.one-third,
.one-fourth {
    float: left;
    margin: 0 0 0 3.2%;
}

.one-half:first-child,
.one-third:first-child {
    margin-left: 0;
}

.one-half { width: 48.4%; }
.one-third { width: 31.2%; }
.one-fourth { width: 22.6%; }


/*  Base Typography
------------------------------------------------------------------------------------------------------- */

h1 {
    font-size: 4.8rem;
    margin-bottom: 3rem;
}

h2 { font-size: 4rem; }


/*  Page
------------------------------------------------------------------------------------------------------- */

.article-media {
    margin-bottom: 4rem;
}

/* BREADCRUMBS */

.breadcrumbs {
    margin-bottom: 2rem;
}

.breadcrumbs li + li:before {
    margin: 0 1.5rem 0 1.5rem;
}


/*  Page Templates
------------------------------------------------------------------------------------------------------- */

/* BRANDS PAGE TEMPLATE */

.page-template-brands h1 {
    font-size: 5.6rem;
}


/*  Archive
------------------------------------------------------------------------------------------------------- */

.archive-header .page-title {
	margin-bottom: 1.5rem;
}

/*  News
------------------------------------------------------------------------------------------------------- */

/* NEWS ARCHIVE */

.content-preview + .content-preview {
    margin-top: 4rem;
    padding-top: 4rem;
}

.preview-thumbnail {
    width: 27rem;
}

.preview-thumbnail.fallback {
    height: auto;
    padding-bottom: 16.875rem;
}

.preview-inner {
    margin-left: 27rem;
    padding-left: 2.5rem;
}

.preview-inner p {
    display: block;
}

.preview-title {
    font-size: 2.4rem;
    margin: 1rem 0 1rem 0;
}

.preview-article-meta {
    margin-top: 1.5rem;
}

/* NEWS SINGLE */

.article-header {
    margin-bottom: 4rem;
}


/*  Pagination
------------------------------------------------------------------------------------------------------- */

.pagination {
    min-height: 5.9rem;
}

.pagination li {
    display: inline-block;
}

.pagination a,
.pagination .ellipsis span {
    padding-bottom: 2.1rem;
    padding-top: 2.2rem; 
}

.pagination .prev-next {
    position: absolute;
        top: 0;
}

.pagination-newer { left: 0; }
.pagination-older { right: 0; }


}