@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
html {height: 100%}
body {background-color: #FFFFFF;margin: 0px;padding: 0px;color: #0e0e0e;width: 100%;text-align: center;font: normal 15px/15px 'Droid Sans', sans-serif;}
img {max-width: 100%;}
#item{position:relative;z-index:20;}
#entry{max-width: 800px;margin:auto;position: relative;}
#embed{text-align: left;margin-left:10px;margin-bottom:-5px;}
h3 {font-family: 'Open Sans', Arial, Helvetica;font-weight: bold;padding: 0 0 15px;font-size: 20px;color: #83C5BE;}
a:visited, a:active, a:hover {color: #509C94;}

article{min-width:310px;padding:5px;margin:0 auto;max-width:800px;font:normal 15px/20px 'Open Sans',sans-serif;text-align:left;color:#444}
article h1{margin:0 0 20px;padding:3px 0;font-size:18px;line-height:100%;color:#FF6D6B}
article h1{font-size:25px}
article h1.color{color:#8C6B76}
article h2{margin:0 0 20px;padding:3px 0;font-size:18px;line-height:100%;color:#F78F69}
article h2{font-size:22px}
article h2.color{color:#9E848D;}
article h3{margin:0 0 20px;padding:3px 0;font-size:18px;line-height:100%;color:#FFAF92}
article h3.color{color:#4f5254}
article a,article strong{color:#509C94}
article a,article strong.color{color:#4a4c3e}
article a.color{color:#9E848D}
article p{margin:0;padding:0 0 20px;}
div.center { margin-bottom: 20px; }
div.middle { text-align: center; }
ul { margin-bottom: 20px; }
ul li { padding-bottom: 2px; }

@media only screen and (min-width: 700px) {

#socialShare {display: block;width: 72px;text-align: center;margin-top: -199px;position: fixed;top: 40%;right: 10px;z-index: 99; }
#socialShare > img {position: relative;top: 12px; }
#socialShare > div {padding: 0;background: #fff;border-radius: 5px;box-shadow: 2px 2px 4px #999; }
#socialShare > div .social-icon {margin-bottom: 5px; }
#socialShare > div .fb {margin-bottom: 10px; padding-right: 4px; }
}

@media only screen and (max-width: 700px) {
#socialShare {display: none;}
}

textarea {
    background-color: #ded9ce;
    margin: 0px 10px 0px 10px;
    box-sizing: border-box;
    width: 70%;
    border: 1px #7c766b solid;
    color: #282828;
    font-size: 11px;
    font-family: monospace;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    height: 74px;
    margin-top: 10px;
    padding:10px 10px 0px 10px;
}

.fb-like.fb_iframe_widget{
    position: relative;
    margin-top: -2px;
    font-size: inherit !important;
}

#bottom {max-width: 800px;text-align: center;text-transform: uppercase;padding: 15px 0;margin: auto;padding-top:50px;padding-bottom: 50px;}
#bottom a {min-height:inherit !important; display: inline-block}
#spacer { width: 560px; height:10px;}
.addthis_toolbox {max-width: 480px;padding-bottom: 20px;padding-left:10px;padding-top:30px}
a.addthis_button_facebook_like.at300b{width:110px !important;}
a.addthis_button_tweet.at300b{width:130px !important;}
.tweet_iframe_widget{width:110px !important;}
a.addthis_button_google_plusone.at300b{width:80px !important;}
a.addthis_button_pinterest_pinit.at300b {width:inherit;width:60px !important;}
#socialShare span { background-color:transparent !important}
.social-icon fb{margin-left:1px;}
#socialShare > div{padding-top: 10px !important}

#broughtby { margin-bottom: 20px; }
.author-details { position: relative; padding: 5px 0 10px 41px; margin: 0 14px; font-size: 12px; }
.author-details p { margin: 0 !important; padding: 0 !important; }
.author-details .modified { color: #444; }
.author-details img { content: ''; position: absolute; top: 3px; left: -2px; width: 36px; height: 36px; border: 1px solid #e5e8eb; border-radius: 50%; background: #444; background-size: contain; filter: grayscale(1); }

@media (min-width: 1024px) {
    .author-details { padding-left: 45px; margin: 0 0 4px; }
}

.author-block {
    position: relative;
    padding: 10px 16px 84px;
    border-radius: 21px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.6;
    color: #29292a;
    background-image: -moz-linear-gradient( 90deg, rgb(228,238,237) 1%, rgb(211,235,210) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(228,238,237) 1%, rgb(211,235,210) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(228,238,237) 1%, rgb(211,235,210) 99%);
}

.author-block:after {
    content: '';
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 133px;
    height: 25px;
    background: url(/wp-content/themes/custom/images/footer-logo.png) no-repeat center/contain;
}

.author-block .author-image {
    margin: 0 auto -100px;
    border-radius: 50%;
    border: 12px solid #e3f2e4;
    width: 152px;
    height: 152px;
    overflow: hidden;
}

.author-block .author-inner {
    padding: 115px 20px 35px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-radius: 15px;
}

.author-block .author-inner p:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 23px;
    background: no-repeat url(/wp-content/themes/custom/images/ico-quote.png) center/contain;
    margin-right: 6px;
    margin-bottom: -2px;
}

.author-block .author-inner p + p:before {
    display: none;
}

.author-block .author-inner p:last-child {
    margin-bottom: 0;
}

.author-block .author-name {
    font-weight: 800;
    font-size: 28px;
    font-style: normal;
}

.author-block .author-job {
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    color: #187c3d;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .author-block {
        display: grid;
        grid-template-columns: 178px 20px auto;
        padding: 25px 20px;
        background-image: -moz-linear-gradient( 150deg, rgb(228,238,237) 1%, rgb(211,235,210) 99%);
        background-image: -webkit-linear-gradient( 150deg, rgb(228,238,237) 1%, rgb(211,235,210) 99%);
        background-image: -ms-linear-gradient( 150deg, rgb(228,238,237) 1%, rgb(211,235,210) 99%);
    }

    .author-block .author-image {
        margin-bottom: 0;
    }

    .author-block .author-image, .author-block:after {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .author-block:after {
        display: block;
        position: static;
        margin: 0 auto;
        transform: none;
    }

    .author-block .author-inner {
        padding: 25px 40px;
        grid-column-start: 3;
        grid-row-start: 1;
        grid-row-end: 3;
        text-align: left;
    }
}