/*
Theme Name: Twenty Twenty Child
Theme URI: https://miklasnjor.com
description: >-
  Twenty Twenty Child Theme
Author: Miklas Njor
Author URI: http://example.com
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: twenty-twenty-child
*/


/* HEADER */




header#site-header {
    /* border: 2px solid blue; */
    
}

.header-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.8rem 0;
}



/* CONTENT */

/* FRONT PAGE */



div#frontpage-social-wrapper {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 0 10%;
    
}


div#frontpage-social-facebook, div#frontpage-social-twitter, div#frontpage-social-instagram {
    flex-grow: 1;
    
}

div#frontpage-social-twitter {
    
    margin: 0 20px;
    
}



/* VENN diagram */


div#lendager_venn_diagram {
    margin-top: 8em;
    display: block;
    width: 100%;
    max-width: 100%;
}





.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100% !important;
    width: calc(100% - 0rem) !important;
    /* border: 2px solid red; */
}

.cover-color-overlay.color-accent.opacity-80 {
    opacity: 0 !important;
}



/* contact page form */

.page-id-9 div#wpcf7-f18-p9-o1 form.wpcf7-form {
    width: 70%;
    margin: 0 auto;
}

.pgafu-post-content {
    font-size: 14px;
}

h2.pgafu-post-title {
    height: 30px;
}



/* end contact page */

/* no padding on frontpage */
body.home article header.entry-header {
    /* border: 3px solid rebeccapurple; */
    padding: 0;
}



/* seperator color */
span.gutentor-divider-separator {
    color: lightgray;
}


/* no metadata on top of projects */

article.category-projekter  .post-meta-wrapper.post-meta-single.post-meta-single-top {
    display: none;
}



/* tables in projects */
article.category-projekter figure.wp-block-table thead tr th:first-child,
article.category-projekter figure.wp-block-table tbody tr td:first-child {
  width: 5em;
  min-width: 5em;
  max-width: 5em;
  word-break: break-all;
}



/* SOCIAL FEEDS */

/* FACEBOOK */
.fts-jal-fb-message {
    font-size: 14px;
    line-height: 18px;
    color: #a0a0a0;
    padding-left: 20px;
}

/* make all links blue */
.fts-jal-single-fb-post a {
    color: steelblue;
}

/* remove user thumbnail */
.fts-jal-fb-user-thumb {
    display: none;
}

/* remove link name */
span.fts-jal-fb-user-name {
    display: none;
}

/* remove top h1 crap */
.fts-jal-fb-header {
    display: none;
}

/* TWITTER */

/* twitter user logo removed */
.fts-twitter-image {
    display: none;
}

/* remove the logo box that takes  up space */
.tweeter-info .fts-right {
    float: none!important;
    padding: 0 7px;
    line-height: 15px!important;
}

/*  SOCIAL FEED OTHER */

/* remove link attribution to plugin */
a.fts-powered-by-text {
    display: none;
    color: white;
}



/* MENU */

.open-responsive-menu{
display: block !important;
}

.header-navigation{
display: none !important;
}




/* widgets */
.widget.widget_text:first-child {
    /* border: 1px solid red; */
    float: left;
    max-width: 45%;
    margin-right: 2em;
    overflow: hidden;
}

.widget.widget_text, .widget.sfsi {
    float: right;
    width: 45%;
    margin-top: 0;
}

.footer-widgets-wrapper h2.widget-title.subheading.heading-size-3 {
    font-size: 1.4em;
    font-weight: bold;
}



/* remove navigation at bottom of single pages */
nav.pagination-single {
    display: none;
}


/* footer color */ 
.footer-nav-widgets-wrapper.header-footer-group {
    background: #f3f3f3;
}

body, .entry-content, .entry-content p, .entry-content ol, .entry-content ul, .widget_text p, .widget_text ol, .widget_text ul, .widget-content .rssSummary, .comment-content p, .entry-content .wp-block-latest-posts__post-excerpt, .entry-content .wp-block-latest-posts__post-full-content, h1, h2, h3, h4, h5, h6, .faux-heading, .entry-content .faux-heading, .site-title, .pagination-single a, .header-titles .site-title a  {
    
    font-family: 'Didact Gothic', sans-serif !important;
    
}

@media (max-width: 900px) {
    
    .pgafu-post-content {
        font-size: 14px;
    }
    
    h2.pgafu-post-title {
        height: 60px;
    }
    
    .widget.widget_text {
        max-width: 400px !important;
        clear: both;
        margin: 0em auto 2em;
    }
    
}

@media (max-width: 600px) { 
    .widget.widget_text, .widget.sfsi {
        width: 100% !important;
        clear: both !important;
        margin: 0em 0 2em 0 !important;
        float: none !important;
        
    }
}