digital-balans

/*
Theme Name: Twenty Seventeen Child
Theme URI: http://www.digital-balans.se
Template: twentyseventeen
Author: Cecilia Berglöf, Inweb
Author URI: http://www.inweb.nu
Version: 1.1.1489049358
*/



/* TYPOGRAPHY */

    /* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 9, 2017 */

    @font-face { font-family: 'jellyka_cuttycupcakesregular';
     src: url('/wordpress/wp-content/themes/twentyseventeen-child/fonts/jellyka_cuttycupcakes-webfont.woff2') format('woff2'),
         url('/wordpress/wp-content/themes/twentyseventeen-child/fonts/jellyka_cuttycupcakes-webfont.woff2') format('woff');
     font-weight: normal; font-style: normal; }

    body, button, input, select, textareah1, h1.entry-title, p {
        font-family: "Trebuchet MS", Helvetica, Arial, sans-serif !important; color: #494949; }


/* HEADER (13.1) */

     .twentyseventeen-front-page.has-header-image .custom-header-media::before, .twentyseventeen-front-page.has-header-video
    .custom-header-media::before, .home.blog.has-header-image .custom-header-media::before, .home.blog.has-header-video
    .custom-header-media::before {height: 15%;}



/* FRONT PAGE */

    /* Logo bg */
    .custom-header-media:before {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,acc9bb+100&0.25+0,0.25+100 */
        background: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(172,201,187,0.25) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(172,201,187,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(172,201,187,0.25) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#40acc9bb',GradientType=0 ); /* IE6-9 */

    /* bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; z-index: 2; */ }



    /* Tagline */

    p.site-description { font-family: 'jellyka_cuttycupcakesregular', Arial, sans-serif !important; font-size: 1.5rem; width: 30rem;
    font-weight: bold; color: #494949 !important; display: block; margin-left: 70% !important; margin-top: -80% !important;}



/* MENU */

    a.menu-scroll-down svg.icon.icon-arrow-right { display: none !important; visibility: hidden !important; }


/* POSTS */

    #content.site-content { background-color: #f4f8f6; /* #f8fbf9; */ }
    .site-content { padding: 4em 0 0; }

    .page-header { display: none; }

    .entry-meta { display: none; }

    .entry-title a { box-shadow: none !important; }
    .entry-title a:hover { color: #494949;  }
    .post-thumbnail img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


/* LINKS */

    a:hover { color: #419c75; }

    .main-navigation a:hover { color: #419c75; }

    .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { color: #86ae9d; }



/* WIDGETS */

    .widget {  padding-bottom: 0; margin-bottom: 6em; }

    h2.widget-title { background-color: #fff; padding: 0.6em 1em; font-size: 1.2rem;
         -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
        margin-bottom: 1em; border: 1px solid #d7e6de; }

    .textwidget { border: 1px solid #d7e6de; padding: 0.3em 0.5em;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.5+100 */
        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+,
        Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=1 ); /* IE6-9 */
        }

    .textwidget tr { border-bottom: none; }

    #text-12 h2.widget-title { background-image: url("http://www.digital-balans.se/wp-content/uploads/2017/03/jeanette.jpg"); z-index: 999;  }
    #text-12 img { margin-top: ; }
    #text-12.widget_text { margin-top: ; }


/* FOOTER */

    .site-footer { background-color: #494949 !important; }

    footer div.textwidget, footer h2.widget-title, footer p { color: #d7e6de !important; border: none !important; background: transparent; padding-left: 0; }

    footer a { color: #fff !important;  box-shadow: none !important; }
    footer a:hover { color: #eaf3ef !important;   box-shadow: none !important; }
    .site-info .inweb { text-align: right !important; }