/*
 Theme Name:   TEMAH
 Description:  Baskerville Child theme
 Author:       Bram Peerlings
 Author URI:   https://bram.peerlings.me
 Template:     baskerville
 Version:      1.2.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  temah
 Domain Path:  /languages
*/

/*
    COLORS
        Standard TEMAH blue     R0 G153 B 204
        Light blue              #939DC9
        Whitish blue            #E5E8F0
        Dark white              #F2F2F6
        Dark grey               #373C47
        Darker grey             #202229

    FONTS
        Logo font               Built Titling, Impact

*/

/* FONTS */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built_titling_rg-webfont.eot');
    src: url('fonts/built_titling_rg-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/built_titling_rg-webfont.woff2') format('woff2'),
    url('fonts/built_titling_rg-webfont.woff') format('woff'),
    url('fonts/built_titling_rg-webfont.ttf') format('truetype'),
    url('fonts/built_titling_rg-webfont.svg#built_titlingregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built_titling_sb-webfont.eot');
    src: url('fonts/built_titling_sb-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/built_titling_sb-webfont.woff2') format('woff2'),
    url('fonts/built_titling_sb-webfont.woff') format('woff'),
    url('fonts/built_titling_sb-webfont.ttf') format('truetype'),
    url('fonts/built_titling_sb-webfont.svg#built_titlingsemibold') format('svg');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built_titling_bd-webfont.eot');
    src: url('fonts/built_titling_bd-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/built_titling_bd-webfont.woff2') format('woff2'),
    url('fonts/built_titling_bd-webfont.woff') format('woff'),
    url('fonts/built_titling_bd-webfont.ttf') format('truetype'),
    url('fonts/built_titling_bd-webfont.svg#built_titlingbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* HEADER */
.header {
    padding-bottom: 9px;
    padding-top: 140px;
}

.header .cover {
    background: rgba(255, 255, 255, 0.20) none repeat scroll 0 0
}

.blog-title, .blog-title a {
    color: #3658A7;
    font-family: "BuiltTitling", "Impact", Sans-serif;
    font-size: 2.25em;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    /*-webkit-text-stroke-width: 1px;*/
    /*-webkit-text-stroke-color: #E5E8F0;*/
}

/* GENERAL */
body a, body a:hover, .post-header .post-title a:hover, .posts .post-meta a:hover, .single .post-meta a:hover, .post-content input[type="submit"]:hover, .post-content input[type="reset"]:hover, .post-content input[type="button"]:hover {
    color: rgb(0, 153, 204);
}

/* MENU */
.nav-toggle .bar {
    background-color: #E5E8F0;
}

.mobile-menu a {
    color: #E5E8F0;
}

.bg-dark { /* menu */
    background-color: rgb(0, 153, 204);
}

.main-menu > li > a {
    color: #E5E8F0;
}

.main-menu li:nth-last-child(2)::before {
    content: none;
}

.main-menu li.wpml-ls-item {
    float: right;
}

/* CATEGORY ARCHIVE OVERVIEW */
.archive-box ul {
    margin-left: 0;
}

.archive-box ul li {
    float: left;
    list-style-type: none;
    text-align: center;
}

.archive-box img {
    width: 150px;
}

.archive-box .details p {
    text-align: center;
    width: 100%;
}

/* CONTENT */
.wrapper {
    padding-top: 2%;
}

.post-container {
    padding-bottom: 3%;
}


div.post div.featured-media {
    display: none;
}

.posts div.post div.featured-media {
    display: block;
}

.posts a.post-date {
    display: none;
}

.single .post-header {
    padding: 3% 4%;
}

.page .post-header { /* Equals body.single .content width * .single .post-header */
    padding: 2.09% 2.78%;
}

.post-header .post-title {
    font-size: 1.1em;
}

.post-excerpt p {
    font-size: 0.9em;
}

.single .post-title {
    font-size: 1.8em;
}

body.single .content {
    width: 69.5%;
}

.single .post-content {
    padding: 4%;
}

.page .post-content { /* Equals body.single .content width * .single .post-content */
    padding: 2.78%;
}

.page-template-template-werkvelden.single .post-content {
    padding-top: 0;
}

.post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre {
    font-size: 0.9em;
}

div.contact, div.wpcf7 {
    float: left;
    margin-bottom: 5%;
    margin-right: 5%;
    width: 560px;
}

/* SIDEBAR */
.sidebar .widget {
    background-color: #202229;
    color: #E5E8F0 !important;
}

.sidebar dt, .sidebar dd {
    margin-top: 0.75em;
}

.sidebar dt:first-child {
    margin-top: 0;
}

.sidebar dt {
    clear: both;
    float: left;
    min-width: 110px;
    width: 40%;
}

.sidebar dd {
    margin-left: 40%;
}

.sidebar dd a {
    word-wrap: break-word;
}

.sidebar dl.custom_fields {
    margin-bottom: 0;
    margin-top: 1em;
}

.post-nav {
    border: 0;
    margin-top: 0;
    padding-top: 0;
}

.post-nav a.post-nav-prev {
    float: left;
    margin-bottom: 0;
}

.post-nav a.post-nav-next {
    background-position: right 3px;
    float: right;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 23px;
    text-align: right;
}

.post-nav a.post-edit-link {
    clear: both;
}

/* FOOTER */
.bg-graphite { /* footer and sub-menu extension */
    background-color: rgb(0, 153, 204);
}

/* ICONS */
a.post-nav-prev {
    background-image: url(images/icons/1x/prev-g.png);
}

a.post-nav-prev:hover {
    background-image: url(images/icons/1x/prev-c.png);
}

a.post-nav-next {
    background-image: url(images/icons/1x/next-g.png);
}

a.post-nav-next:hover {
    background-image: url(images/icons/1x/next-c.png);
}

.single a.post-edit-link {
    background-image: url(images/icons/1x/edit-g.png);
}

.single a.post-edit-link:hover {
    background-image: url(images/icons/1x/edit-c.png);
}

.posts .post-meta a.post-edit-link:hover {
    background-image: url(images/icons/1x/edit-c.png);
}

.search-toggle {
    background-image: url(images/icons/1x/spyglass-w.png);
}

.post .sticky-post {
    background-image: url(images/icons/1x/tack-w.png);
}

.posts .post-meta a.post-date {
    background-image: url(images/icons/1x/clock-g.png);
}

.posts .post-meta a.post-date:hover {
    background-image: url(images/icons/1x/clock-c.png);
}

.posts .post-meta a.zilla-likes {
    background-image: url(images/icons/1x/heart-g.png);
}

.posts .post-meta a.zilla-likes:hover,
.posts .post-meta a.zilla-likes.active {
    background-image: url(images/icons/1x/heart-c.png);
}

.posts .post-meta a.post-comments {
    background-image: url(images/icons/1x/comment-g.png);
}

.posts .post-meta a.post-comments:hover {
    background-image: url(images/icons/1x/comment-c.png);
}

.post-link a {
    background-image: url(images/icons/1x/link-c.png);
}

.format-gallery .flex-direction-nav .flex-prev,
.single .format-gallery .flex-direction-nav .flex-prev {
    background-image: url(images/icons/1x/chevron-left-w-shade.png);
}

.format-gallery .flex-direction-nav .flex-next,
.single .format-gallery .flex-direction-nav .flex-next {
    background-image: url(images/icons/1x/chevron-right-w-shade.png);
}

.single .post-meta p.post-date {
    background-image: url(images/icons/1x/clock-g.png);
}

.single .post-meta a.zilla-likes {
    background-image: url(images/icons/1x/heart-g.png);
}

.single .post-meta a.zilla-likes:hover {
    background-image: url(images/icons/1x/heart-c.png);
}

.single .post-meta p.post-categories {
    background-image: url(images/icons/1x/folder-g.png);
}

.single .post-meta p.post-tags {
    background-image: url(images/icons/1x/tag-g.png);
}

.author-links a.author-link-posts {
    background-image: url(images/icons/1x/archive-w.png);
}

.author-links a.author-link-website {
    background-image: url(images/icons/1x/home-w.png);
}

.author-links a.author-link-mail {
    background-image: url(images/icons/1x/social/mail-w.png);
}

.author-links a.author-link-twitter {
    background-image: url(images/icons/1x/social/twitter-w.png);
}

.comment.bypostauthor:after {
    background-image: url(images/icons/1x/author-w.png);
}

.comment-actions .comment-reply-link {
    background-image: url(images/icons/1x/reply-w.png);
}

.comment-actions .comment-edit-link {
    background-image: url(images/icons/1x/edit-w.png);
}

input#author {
    background-image: url(images/icons/1x/author-g.png);
}

input#email {
    background-image: url(images/icons/1x/social/mail-g.png);
}

input#url {
    background-image: url(images/icons/1x/home-g.png);
}

input#author:focus {
    background-image: url(images/icons/1x/author-w.png);
}

input#email:focus {
    background-image: url(images/icons/1x/social/mail-w.png);
}

input#url:focus {
    background-image: url(images/icons/1x/home-w.png);
}

.single .post-meta p.image-resolution {
    background-image: url(images/icons/1x/image-g.png);
}

.single-attachment .post-author:before {
    background-image: url(images/icons/1x/image-w.png);
}

.searchform .searchsubmit {
    background-image: url(images/icons/1x/spyglass-g.png);
}

.searchform .searchsubmit:hover {
    background-image: url(images/icons/1x/spyglass-c.png);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    /* 2X images */
    a.post-nav-prev {
        background-image: url(images/icons/2x/prev-g.png);
    }

    a.post-nav-prev:hover {
        background-image: url(images/icons/2x/prev-c.png);
    }

    a.post-nav-next {
        background-image: url(images/icons/2x/next-g.png);
    }

    a.post-nav-next:hover {
        background-image: url(images/icons/2x/next-c.png);
    }

    .single a.post-edit-link {
        background-image: url(images/icons/2x/edit-g.png);
    }

    .single a.post-edit-link:hover {
        background-image: url(images/icons/2x/edit-c.png);
    }

    .posts .post-meta a.post-edit-link:hover {
        background-image: url(images/icons/2x/edit-c.png);
    }

    .search-toggle {
        background-image: url(images/icons/2x/spyglass-w.png);
    }

    .post .sticky-post {
        background-image: url(images/icons/2x/tack-w.png);
    }

    .posts .post-meta a.post-date {
        background-image: url(images/icons/2x/clock-g.png);
    }

    .posts .post-meta a.post-date:hover {
        background-image: url(images/icons/2x/clock-c.png);
    }

    .posts .post-meta a.zilla-likes {
        background-image: url(images/icons/2x/heart-g.png);
    }

    .posts .post-meta a.zilla-likes:hover,
    .posts .post-meta a.zilla-likes.active {
        background-image: url(images/icons/2x/heart-c.png);
    }

    .posts .post-meta a.post-comments {
        background-image: url(images/icons/2x/comment-g.png);
    }

    .posts .post-meta a.post-comments:hover {
        background-image: url(images/icons/2x/comment-c.png);
    }

    .post-link a {
        background-image: url(images/icons/2x/link-c.png);
    }

    .format-gallery .flex-direction-nav .flex-prev,
    .single .format-gallery .flex-direction-nav .flex-prev {
        background-image: url(images/icons/2x/chevron-left-w-shade.png);
    }

    .format-gallery .flex-direction-nav .flex-next,
    .single .format-gallery .flex-direction-nav .flex-next {
        background-image: url(images/icons/2x/chevron-right-w-shade.png);
    }

    .single .post-meta p.post-date {
        background-image: url(images/icons/2x/clock-g.png);
    }

    .single .post-meta a.zilla-likes {
        background-image: url(images/icons/2x/heart-g.png);
    }

    .single .post-meta a.zilla-likes:hover {
        background-image: url(images/icons/2x/heart-c.png);
    }

    .single .post-meta p.post-categories {
        background-image: url(images/icons/2x/folder-g.png);
    }

    .single .post-meta p.post-tags {
        background-image: url(images/icons/2x/tag-g.png);
    }

    .author-links a.author-link-posts {
        background-image: url(images/icons/2x/archive-w.png);
    }

    .author-links a.author-link-website {
        background-image: url(images/icons/2x/home-w.png);
    }

    .author-links a.author-link-mail {
        background-image: url(images/icons/2x/social/mail-w.png);
    }

    .author-links a.author-link-twitter {
        background-image: url(images/icons/2x/social/twitter-w.png);
    }

    .comment.bypostauthor:after {
        background-image: url(images/icons/2x/author-w.png);
    }

    .comment-actions .comment-reply-link {
        background-image: url(images/icons/2x/reply-w.png);
    }

    .comment-actions .comment-edit-link {
        background-image: url(images/icons/2x/edit-w.png);
    }

    input#author {
        background-image: url(images/icons/2x/author-g.png);
    }

    input#email {
        background-image: url(images/icons/2x/social/mail-g.png);
    }

    input#url {
        background-image: url(images/icons/2x/home-g.png);
    }

    input#author:focus {
        background-image: url(images/icons/2x/author-w.png);
    }

    input#email:focus {
        background-image: url(images/icons/2x/social/mail-w.png);
    }

    input#url:focus {
        background-image: url(images/icons/2x/home-w.png);
    }

    .single .post-meta p.image-resolution {
        background-image: url(images/icons/2x/image-g.png);
    }

    .single-attachment .post-author:before {
        background-image: url(images/icons/2x/image-w.png);
    }

    .searchform .searchsubmit {
        background-image: url(images/icons/2x/spyglass-g.png);
    }

    .searchform .searchsubmit:hover {
        background-image: url(images/icons/2x/spyglass-c.png);
    }

}

/* RESPONSIVE */
@media (max-width: 1600px)  and (min-width: 1000px) {
    .sidebar dt {
        float: none;
        width: 100%;
    }

    .sidebar dd {
        margin-left: 30px;
        margin-top: 0;
    }
}

@media (max-width: 1000px) {
    body.single .content {
        width: 100%;
    }

    .sidebar {
        /*background-color: #202229;*/
        display: block;
        margin-top: 2.09%;
        width: 100%;
    }

    .sidebar > img {
        display: none;
    }

    .sidebar > div {
        float: left;
        margin-bottom: -9969px !important;
        min-height: 100%;
        padding-bottom: 9999px !important;
        width: calc(50% - 0.5px);
    }

    .sidebar .navigation {
        border-left: 1px solid #EEEEEE;
    }
}

@media (max-width: 750px) {
    .sidebar > div {
        float: none;
        width: 100%;
    }

    .sidebar .navigation {
        border-left: none;
    }
}