/*
Theme Name: Genesis A-lehdet Starablogit
Template: genesis
Author: Tuomas Pajuniemi, Niklas Lindgren
Version: 2.14.0
*/

@import url(parent.css);

html {
    font-size: 1rem;
}

p {
    margin: 0 0 20px;
}

a,
.site-title a,
.site-title a:hover {
    color: inherit;
    text-decoration: none;
}

input,
select,
textarea {
    background-color: #e5e5e5;
    border: none;
    color: inherit;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    padding: 12px;
}

input:focus,
textarea:focus {
border: none;
outline: 1px solid #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    background-color: #333;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: bold;
    padding: 14px 18px;
    text-transform: none;
    width: auto;
}

blockquote {
    margin-right: 0;
    margin-left: 20px;
    padding-left: 20px;
}

blockquote::before {
    content: "\201d";
    display: block;
    font-size: 72px;
    font-size: 4.5rem;
    height: 0;
    left: -40px;
    position: relative;
    top: 20px;
    font-family: arial;
    font-style: normal;
    color: #ccc;
}

body {
    background-color: #ffffff;
    color: #222;
    font-family: helvetica, arial, sans-serif;;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1.35;
    margin: 0;
}

/*.site-header {
    background-color: #27272b;
    color: #fff;
    max-width: 1060px;
    margin: 0 auto;
    height: 300px;
    border-width: 40px 40px 0;
    border-style: solid;
    border-color: #fff;
    padding: 0;
}*/

.site-header {
    position: relative;
    background-size: contain;
    background-position: center;
    color: #fff;
    max-width: 1060px;
    margin: 0 auto;
    max-height: 300px;
    min-height: 0;
    border-width: 40px 40px 0;
    border-style: solid;
    border-color: #fff;
    padding: 0;
}

body:not(.header-image) .site-header{
    background-color: #27272b;
    min-height: 130px;
}

.site-header::after, .site-header::before{
    content: "";
}

/*.site-header .wrap {
    padding: 85px 10px;
}*/

.site-header .wrap {
    padding: 26.531% 10px 0 10px;
}

.title-area{
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-title {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: bold;
    line-height: 0.9em;
    padding-bottom: 10px;
}

.site-description {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.2;
    font-family: georgia, serif;
}

#title-area {
    float: left;
    padding: 10px 0;
    width: auto;
    max-width: 560px;
}

.title-area {
    text-shadow: 1px 2px 9px rgba(0, 0, 0, 0.15);
}

.site-header .widget-area {
    float: right;
    text-align: right;
    width: auto;
    margin-top: 20px;
}

.genesis-nav-menu{
    color: #aaa;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
}

.genesis-nav-menu a {
    color: #aaa;
    display: block;
    padding: 10px;
}

.nav-primary {
    background-color: transparent;
}

.nav-primary .genesis-nav-menu a {
    color: #666;
}

.entry {
    padding: 0;
}

p.entry-meta,
.sidebar {
    font-size: 15px;
    font-size: 0.9375rem;
}

.entry-comments-link::before {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    line-height: 1.75rem;
    margin: 0 0 10px;
}
.blog-collab-post {
    clear: both;
    margin-top: 0px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 15px;
}
.blog-collab-post b {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.entry-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.75rem;
    border-top: 1px solid #ccc;
    padding: 7px 0;
}

.entry-title a:hover {
    color: inherit;
    text-decoration: underline;
}

.entry-header {
    margin-bottom: 1em;
}

.entry-header .entry-meta {
    margin-bottom: 0;
    display: inline-block;
    color: #999;
}

.entry-header .entry-meta,
.entry-header .sharedaddy {
    margin-right:0.5em;
}

.entry-content {
    font: 16px/1.5em georgia, serif;
}

.entry-content a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #bbb;
    padding-bottom:1px;
}

.entry-content img {
    height: auto !important;
}

.entry-footer .entry-meta {
    border-top: 0;
    padding-top: 20px;
}

.entry-meta, .entry-meta a {
    color: #aaa;
}

.entry-footer .post-navigation {
    clear: both;
    margin-top: 20px;
    overflow: hidden;
}

.entry-comments-link {
    color:#aaaaaa;
}

.sidebar-primary {
    width: 300px;
}

.sidebar {
    font-size: 15px;
    font-size: 0.9375rem;
}

.sidebar .widget {
    padding: 0;
    margin: 20px 0 40px;
}

.widget-area .widget_sp_image-description {
    margin-top: 18px;
}

.widget-title {
    font-size: 21px;
    font-size: 1.3125rem;
    border-top: 1px solid #ccc;
}

.sidebar li {
    border-bottom: 0;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar li a {
    border-bottom: 0;
    padding: 1px 0 15px;
    display: inline-block;
}
.pagination {
    clear: both;
    margin: 0 0 40px 0;
    border-top: 1px solid #ccc;
    padding: 30px 0;
}

.archive-pagination li a {
    background-color: transparent;
    color: inherit;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 3px 20px;
    border-left: 1px solid #ccc;
    margin-right: -4px;
}

.archive-pagination a:hover,
.archive-pagination .active a {
    background-color: #ccc;
}

.comment-respond, .entry-pings {
    padding:0;
}

.entry-comments {
    padding: 5px 0;
    font: 16px/1.55 georgia;
    border-top: 1px solid #ccc;
}

li.comment {
    background-color: #fff;
    border: 0;
    border-right: none;
}

.comment .comment-index {
    display: none;
}

.comment ul.children {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #ddd;
}

.comment-list li {
    margin-top: 24px;
    padding: 0;
}

.comment-list li li {
    margin-right: 0;
}

a.comment-author-link {
    font-weight: bold;
    color: #000;
}

.comment-header time.comment-time {
    color: #999;
}

/* */

.site-block {
    margin: 0 auto;
    width: 980px;
    padding-left: 40px;
    padding-right: 40px;
}

/* */

#panoraman-paikka {
    max-height: 400px;
    margin: 0 auto;
}

#paraatin-paikka {
    max-height: 400px;
    margin: 0 auto;
}

#boksin-paikka {
    max-height: 300px;
    width: 300px;
    margin-bottom: 2em;
}

#jattiboksin-paikka {
    max-width: 468px;
    height: auto;
    margin: 1em auto 2em;
}

#branding-header {
    height: 96px;
    margin: 1px auto;
    vertical-align: baseline;
    background-color:#ffffff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 40px center;
    position: relative;
}

#branding-header span {
    vertical-align: baseline;
    display: inline-block;
    font-size: 19px;
    font-size: 1.1875rem;
    color: #999;
    padding-top: 34px;
}

#branding-header .branding-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#branding-footer {
    /* TODO */
}

/* Sharedaddy (JetPack share) */

.sharedaddy .sd-title {
    display: none;
}

div.sharedaddy {
    display: inline-block;
}

div.sharedaddy ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.4;
}

.sharedaddy ul {
    margin: 0;
}

.sharedaddy li {
    display: inline-block;
    margin-right: 8px;
}

.sharedaddy a {
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
    height: 18px;
    line-height: 18px;
    padding-left: 23px;
    border-bottom: 0;
    vertical-align: bottom;
    display: inline-block;
    }

.sharedaddy .share-facebook .sd-button {
    background-image: url(static/icon_facebook@2x.png);
}

.sharedaddy .share-twitter .sd-button {
    background-image: url(static/icon_twitter@2x.png);
}

.sharedaddy .share-end {
    display: none;
}

.sharedaddy .share-count {
    margin-left: 0.5em;
}

.sharedaddy .share-count:before {
    content: "(";
}

.sharedaddy .share-count:after {
    content: ")";
}

/* */

.site-block,
.site-inner,
.site-footer {
    /* NOTE: inherits box-sizing: border-box */
    width: 100%;
    max-width: 1060px;
    padding-left: 40px;
    padding-right: 40px;
    margin: 0 auto;
}

.site-inner{
    background:#ffffff;
}

.content-sidebar-wrap {
    clear: both;
    overflow: hidden;
}

.content {
    margin-right: 40px;
    max-width: 640px;
}

.sidebar-primary {
    width: 300px;
}

@media only screen and (max-width: 1060px) {

    .site-inner,
    .wrap {
        max-width: 100%;
    }

    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
        width: 100%;
    }

    .content {
        margin-right: 0;
        max-width: 60%;
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .sidebar-primary,
    .title-area {
        width: 300px;
    }

    .footer-widgets-1 {
        margin-right: 30px;
    }

}

@media only screen and (max-width: 860px) {

    .content {
        margin-right: 0;
        max-width: 53%;
    }

}

@media only screen and (max-width: 760px) {
    html {
        font-size: 0.8rem;
    }

    .site-block,
    .site-inner,
    .site-footer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .site-header {
        border-width: 10px 10px 0;
        background-size: contain;
        background-position: left center;
    }

    .custom-header .site-header {
        background-size: contain !important;
        background-position: left center;
    }

    .content {
        max-width: 100%;
    }

    .sidebar-primary {
        float: left;
    }

    .comment-respond input[type="email"],
    .comment-respond input[type="text"],
    .comment-respond input[type="url"] {
        width: 100%;
    }

}

/* Instagram Widget Styles */

.null-instagram-feed {
    clear: both;
    overflow: hidden;
}

.null-instagram-feed img {
    max-width: 90px;
    max-height: 90px;
}

.null-instagram-feed li {
    border-top: none;
    width: 30%;
    margin-right: 5%;
    float: left;
    text-align: center;
}

.null-instagram-feed li:nth-child(3n) {
    margin-right: 0;
}

/* Branding overrides */
.branding-apufi #branding-header {
    background-image: url(static/apu_logo@2x.png);
}

.branding-apufi #branding-header span {
    margin-left: 100px;
}

/* Eeva branding */
body.branding-eevafi {
    font-family: Georgia;
}

.branding-eevafi h1,
.branding-eevafi h2,
.branding-eevafi h3,
.branding-eevafi h4,
.branding-eevafi h5,
.branding-eevafi h6 {
  font-family: 'HeroinePro-Regular';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
}

.branding-eevafi h1,
.branding-eevafi h2 {
  font-family: 'HeroinePro-Bold';
  letter-spacing: -0.025em;
  font-style: normal;
  font-weight: normal;
}

.branding-eevafi .entry-title {
    font-size: 44px;
    line-height: 1.1;
    border-top: 10px solid #000;
    padding-top: 25px;
}

.branding-eevafi .entry-meta,
.branding-eevafi .sd-sharing-enabled .sd-social,
.branding-eevafi .entry-footer {
    font-family: 'MBEmpire-Medium';
}

.branding-eevafi .entry-content {
    font-size: 18px;
}

.branding-eevafi .entry-content .gallery img {
    border: none !important;
}

.branding-eevafi .entry-content .gallery a {
    border-bottom: none;
}

.branding-eevafi #branding-header {
    background-image: url(static/eeva_logo.png);
}

.branding-eevafi #branding-header span {
    margin-left: 110px;
}

.branding-eevafi .widget-title,
.branding-eevafi .comment-reply-title {
    font-family: 'MBEmpire-Medium';
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 1.0666666667em;
    line-height: 1.7;
    border-top: 10px solid #000;
    padding-top: 15px;
}

.branding-eevafi .widget-area .widget_sp_image-description {
  line-height: 1.55;
}

.branding-eevafi .entry-comments {
    border-top: none;
}

.branding-eevafi .sidebar li {
  border-bottom: 1px solid #eee;
  border-top: 0;
}

.branding-eevafi .sidebar li a {
  padding: 15px 0;
}

@media only screen and (max-width: 767px) {
    .branding-eevafi #branding-header span {
        margin-left: 130px;
    }

    .branding-eevafi .entry-title {
        font-size: 32px;
    }

    .branding-eevafi .entry-content {
        font-size: 19px;
    }

    .branding-eevafi .sidebar {
        font-size: 15px;
        font-size: 1.2rem;
    }
}

/* Meillä Kotona branding */

.branding-meillakotonafi #branding-header {
    background-image: none;
    height: auto;
    margin: 4px auto;
}

.branding-meillakotonafi #branding-header .branding-logo {
    background-color: #000;
    background-image: url(static/meillakotona_blogit_logo@2x.png);
    background-position: 40px center;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 96px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .branding-meillakotonafi #branding-header .branding-logo {
        background-size: 80%;
    }
}

.branding-meillakotonafi #branding-header .branding-logo a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.branding-meillakotonafi #branding-header .branding-links {
    margin: 4px auto
}

.branding-meillakotonafi #branding-header .branding-links ul {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;
    flex: 1;
    z-index: 1000;
}

.branding-meillakotonafi #branding-header .branding-links li {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    float: left;
    margin-left: 1.25%;
    text-align: center;
    position: relative;
    width: 19%;
    text-transform: uppercase;
    height: 60px;
}

.branding-meillakotonafi #branding-header .branding-links li:first-child {
    margin-left: 0;
}

.branding-meillakotonafi #branding-header .branding-links li:hover {
    background-color: #F8F4F3;
}

.branding-meillakotonafi h1,
.branding-meillakotonafi h2,
.branding-meillakotonafi h3,
.branding-meillakotonafi h4,
.branding-meillakotonafi h5,
.branding-meillakotonafi h6{
    font-family: "FFMiloWebProMed";
}

.branding-meillakotonafi .entry-content {
    font-family: "FFTisaWeb";
}

.branding-meillakotonafi .entry-content a[href$=".jpg"],
.branding-meillakotonafi .entry-content a[href$=".jpeg"],
.branding-meillakotonafi .entry-content a[href$=".png"],
.branding-meillakotonafi .entry-content a[href$=".gif"]{
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-bottom: none;
}

.branding-meillakotonafi .branding-links a {
    display: table-cell;
    height: 52px;
    vertical-align: middle;
    width: 19%;
    text-align: center;
}

.branding-meillakotonafi .sidebar {
    font-family: FFTisaWeb;
}

/* Image branding */

.branding-imagefi #branding-header {
    background-image: url(static/image_logo.png);
}

.branding-imagefi #branding-header span {
    margin-left: 230px;
}

.branding-imagefi h1,
.branding-imagefi h2,
.branding-imagefi h3,
.branding-imagefi h4,
.branding-imagefi h5,
.branding-imagefi h6 {
    font-family: "Graphik";
}

.branding-imagefi .entry-header,
.branding-imagefi .sharedaddy {
    font-family: "Graphik-Cond-Regular";
}

.branding-meidantalofi #branding-header {
    background-image: url(static/meidantalofi_logo.png);
}

.branding-meidantalofi #branding-header span {
    margin-left: 170px;
    padding-top: 45px;
}

.branding-viherpihafi #branding-header {
    background-image: url(static/vp_logo@2x.png);
}

.branding-viherpihafi #branding-header span {
    margin-left: 230px;
    padding-top: 39px;
}

/* Kauneus ja terveys branding */

.branding-kauneusjaterveysfi{
    font-family: "source-sans-pro";
    color: #242424;
}

.branding-kauneusjaterveysfi h1,
.branding-kauneusjaterveysfi h2,
.branding-kauneusjaterveysfi h3,
.branding-kauneusjaterveysfi h4,
.branding-kauneusjaterveysfi h5,
.branding-kauneusjaterveysfi h6 {
    font-family: "abril-display";
    font-weight: 400;
    font-style: italic;
    line-height: 1em;
}

.branding-kauneusjaterveysfi #branding-header{
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    overflow: auto;
}

.branding-kauneusjaterveysfi #paraatin-paikka{
    background: #fff;
}

.branding-kauneusjaterveysfi .content{
    width: 100%;
}

.branding-kauneusjaterveysfi:not(.header-image) .site-header{
    background-color: #242424;
}

.branding-kauneusjaterveysfi .site-description{
    font-family: "source-sans-pro";
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.branding-kauneusjaterveysfi .entry-title{
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-top: none;
    border-bottom: 1px dashed #9294a5;
    font-size: 36px;
}

.branding-kauneusjaterveysfi .entry-header{
    margin-bottom: 35px;
    border-bottom: 1px dashed #9294a5;
    font-size: 14px;
    color: #242424;
    font-weight: 400;
}

.branding-kauneusjaterveysfi .entry-header::after{
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.branding-kauneusjaterveysfi .entry-header .entry-meta{
    color: #242424;
}

.branding-kauneusjaterveysfi .entry-header .sharedaddy > p{
    margin-bottom: 15px;
}

.branding-kauneusjaterveysfi .entry-content{
    font-family: "source-sans-pro";
}

.branding-kauneusjaterveysfi .entry-content .blog-collab-post{
    margin-top: -10px;
}

.branding-kauneusjaterveysfi .entry-content a{
    border-bottom: none;
}

.branding-kauneusjaterveysfi .entry-content p a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]){
    box-shadow: inset 0 -3px 0 #e44078;
}

.branding-kauneusjaterveysfi .entry-content p a:hover:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]){
    background: #e44078;
    color: #fff;
}

.branding-kauneusjaterveysfi .entry-footer .entry-meta a{
    color: #242424;
    text-transform: uppercase;
    text-decoration: underline;
}

.branding-kauneusjaterveysfi .post-navigation{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.branding-kauneusjaterveysfi .post-navigation a:hover{
    color: #e44078;
}

.branding-kauneusjaterveysfi .entry-comments{
    padding-top: 30px;
    border-top: 1px dashed #9294a5;
    font-family: "source-sans-pro";
}

.branding-kauneusjaterveysfi .entry-comments .comment-list{
    padding-bottom: 30px;
    border-bottom: 1px dashed #9294a5;
}

.branding-kauneusjaterveysfi .entry-comments .comment-list > li{
    margin-top: 35px;
}

.branding-kauneusjaterveysfi .entry-comments .comment-reply{
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: underline;
}

.branding-kauneusjaterveysfi .comment-respond h3.comment-reply-title{
    font-family: "source-sans-pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.branding-kauneusjaterveysfi .comment-respond .form-submit input[type=submit]{
    border-radius: 3px;
    text-transform: uppercase;
}

.branding-kauneusjaterveysfi .sidebar h1,
.branding-kauneusjaterveysfi .sidebar h2,
.branding-kauneusjaterveysfi .sidebar h3,
.branding-kauneusjaterveysfi .sidebar h4,
.branding-kauneusjaterveysfi .sidebar h5,
.branding-kauneusjaterveysfi .sidebar h6{
    padding-top: 20px;
    font-family: "source-sans-pro";
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.branding-kauneusjaterveysfi .sidebar p{
    line-height: 1.6;
}

.branding-kauneusjaterveysfi .sidebar li{
    border-top: none;
}

.branding-kauneusjaterveysfi .sidebar a:hover{
    color: #e44078;
}

.branding-kauneusjaterveysfi #kt_rss_lift{
    padding: 30px 0 40px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.branding-kauneusjaterveysfi #kt_rss_lift h3{
    margin-bottom: 30px;
    font-size: 28px;
    text-transform: uppercase;
}

.branding-kauneusjaterveysfi #kt_rss_lift ul{
    font-size: 0;
}

.branding-kauneusjaterveysfi #kt_rss_lift ul li{
    width: 30%;
    margin-right: 5%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}

.branding-kauneusjaterveysfi #kt_rss_lift ul li a:first-of-type{
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 5px;
    padding-top: 62.5%;
    display: block;
    overflow: hidden;
}

.branding-kauneusjaterveysfi #kt_rss_lift ul li a:first-of-type img{
    position: absolute;
    top: 50%;
    left: 0;
    height: auto;
    width: 100%;
    max-width: none;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.branding-kauneusjaterveysfi #kt_rss_lift ul li span{
    margin-bottom: 2px;
    display: block;
    color: #999;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.branding-kauneusjaterveysfi #kt_rss_lift ul li:nth-child(3n){
    margin-right: 0;
}

.branding-kauneusjaterveysfi #kt_rss_lift ul li a:last-of-type{
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}

.branding-kauneusjaterveysfi .sharedaddy{
    float: right;
    margin: 0 0 0 1em;
}

.branding-kauneusjaterveysfi .entry-content .sharedaddy{
    width: 100%;
    margin: 10px auto 0 auto;
    text-align: center;
}

.branding-kauneusjaterveysfi .sharedaddy ul{
    opacity: 1;
}

.branding-kauneusjaterveysfi .sharedaddy ul li{
    margin: 0 0 0 1em;
}

.branding-kauneusjaterveysfi .entry-content .sharedaddy ul li{
    margin: 0 0.5em;
}

.branding-kauneusjaterveysfi .sharedaddy ul li .sd-button{
    position: relative;
    width: 25px;
    height: 25px;
    margin-bottom: 30px;
    background: #e44078 center no-repeat;
    background-size: 70% auto;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    /*font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    line-height: 2.2em;
    text-align: center;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;*/
}

.branding-kauneusjaterveysfi .entry-content .sharedaddy ul li .sd-button{
    margin-bottom: 20px;
}

.branding-kauneusjaterveysfi .sharedaddy .share-facebook .sd-button{
    background-image: url(static/kauneusjaterveys/kt_icon_facebook.png);
}

.branding-kauneusjaterveysfi .sharedaddy .share-twitter .sd-button{
    background-image: url(static/kauneusjaterveys/kt_icon_twitter.png);
}

.branding-kauneusjaterveysfi .sharedaddy ul li .sd-button > span{
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    padding-left: 25px;
    overflow: hidden;
}

.branding-kauneusjaterveysfi .sharedaddy .share-count{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: 0;
    text-align: center;
}

.branding-kauneusjaterveysfi .sharedaddy .share-count::before, .branding-kauneusjaterveysfi .sharedaddy .share-count::after{
    content: "";
}


@media only screen and (max-width: 760px) {
    /* Left (and right) padding for the container is reduced by 30px in this breakpoint */

    .branding-apufi #branding-header span {
        margin-left: 130px;
    }

    .branding-imagefi #branding-header span {
        margin-left: 260px;
    }

    .branding-meidantalofi #branding-header span {
        margin-left: 190px;
        padding-top: 48px;
    }

    .branding-viherpihafi #branding-header span {
        margin-left: 260px;
    }

    .branding-kauneusjaterveysfi #kt_rss_lift ul li{
        width: 100%;
        margin-bottom: 20px;
    }

    .branding-kauneusjaterveysfi #kt_rss_lift ul li:last-of-type{
        margin-bottom: 0;
    }
}

/* Mobile navigation */

.branding-links__mobile-header {
    border: solid black 2px;
    color: black;
    cursor: pointer;
    display: none;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    height: 56px;
    line-height: 56px;
}

.branding-links__mobile-header:hover,
.branding-links__mobile-header:active,
.branding-links__mobile-header--active {
    background-color: black;
    color: white;
}

@media only screen and (max-width: 767px) {

    .branding-links__mobile-header {
        display: block;
    }

    .branding-links__mobile-header:before {
        content: "\2630  " ;
    }

    .branding-list-wrapper {
        position: relative;
    }

    .branding-meillakotonafi #branding-header .branding-links ul {
        display: none;
        left: 0;
        padding-bottom: 1em;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .branding-meillakotonafi #branding-header .branding-links ul.branding-links__list.branding-links__list--open {
        display: block;
    }

    .branding-meillakotonafi #branding-header .branding-links li {
        background-color: black;
        border: none;
        color: white;
        display: block;
        font-family: Sans-Serif;
        font-size: 18px;
        font-weight: 500;
        height: 52px;
        line-height: 52px;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
        text-transform: none;
        width: 100%;
    }

    .branding-meillakotonafi #branding-header .branding-links li:hover {
        -webkit-box-shadow: 0px -5px 0px 0px rgba(0,0,0,1);
        -moz-box-shadow: 0px -5px 0px 0px rgba(0,0,0,1);
        box-shadow: 0px -5px 0px 0px rgba(0,0,0,1);
    }

    .branding-meillakotonafi #branding-header .branding-links li:nth-last-child(1) a {
        border: none;
    }

    .branding-meillakotonafi #branding-header .branding-links li a {
        border-bottom: solid white 2px;
        display: block;
        height: 52px;
        line-height: 52px;
        text-align: left;
        width: 100%;
    }

    .branding-meillakotonafi #branding-header .branding-links li a:after {
        content: "\25BE";
        float: right;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

}

/** Blogwise style overrides */
.blog-valkoinen-harmaja .comment-index {
    display: inline;
    float: right;
}

.blog-valkoinen-harmaja .comment-index-reply {
    display: none;
}

/** Cxense widgets */

.cxense-widget .block-wrapper {
    padding: 20px 0 40px 0;
}
.cxense-widget h2.block-title {
    text-align: center;
    padding-top: 5px;
}
.cxense-widget h4.title {
    max-height: 140px;
    overflow: hidden;
}
.cxense-widget h6.source {

}
.cxense-widget .lift-items {
    padding: 10px 0 10px 0;
}
.cxense-widget .lift-items:after {
    content: '';
    display: block;
    clear: both;
}
.cxense-widget .lift-item {
    width: 300px;
    float:left;
    display: inline-block;
    margin: 0 10px 20px;
    text-align: center;
    height: 355px;
    vertical-align: top;
    padding: 10px 0;
    border-top: 1px solid #ccc;
}
.cxense-widget .lift-item:hover {
    border-top: 1px solid red;
    background: #fafafa;
}