@charset "UTF-8";
@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 400;
    src: local("Playfair Display Regular"), local("PlayfairDisplay-Regular"), url(playfair-display-v15-latin-regular.7750464a.woff2) format("woff2"), url(/playfair-display-v15-latin-regular.27909ae3.woff) format("woff")
}

@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 700;
    src: local("Playfair Display Bold"), local("PlayfairDisplay-Bold"), url(playfair-display-v15-latin-700.437a936b.woff2) format("woff2"), url(/playfair-display-v15-latin-700.55a200c1.woff) format("woff")
}

a {
    transition: all .5s ease
}

html {
    scroll-behavior: smooth
}

body {
    font-family: "Source Serif Pro", Georgia, serif;
    font-weight: 400;
    font-size: 1.6em;
    letter-spacing: .01rem;
    line-height: 1.6;
    background: #fff
}

::selection {
    background: #666
}

a {
    text-decoration: none;
    color: #dd4814;
    cursor: pointer
}

a:hover {
    outline: 0;
    color: orange;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 2rem;
    color: #222;
    font-weight: 700;
    font-family: Playfair Display, Times New Roman, serif;
    text-transform: capitalize
}

h1 {
    font-size: 3.2rem;
    line-height: 1.2
}

h1,
h2 {
    letter-spacing: -.1rem
}

h2 {
    font-size: 2.6rem;
    line-height: 1.25
}

h3 {
    font-size: 2.5rem;
    line-height: 1.3
}

h3,
h4 {
    letter-spacing: -.08rem
}

h4 {
    font-size: 2.4rem;
    line-height: 1.35
}

h5 {
    font-size: 2.2rem;
    letter-spacing: -.05rem;
    line-height: 1.5
}

h6 {
    font-size: 2.1rem;
    letter-spacing: 0;
    line-height: 1.4
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    border: 1px solid #e74c3c
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

figcaption {
    text-align: center;
    font-style: italic
}

b,
strong {
    font-weight: 700
}

dt {
    margin-bottom: 1.4rem
}

blockquote {
    position: relative;
    margin: 0 0 2.5rem;
    padding: 0 0 1rem;
    color: #666;
    font-family: Playfair Display, Times New Roman, serif;
    font-style: italic
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-underline {
    text-decoration: underline
}

.kg-width-full .kg-image,
.kg-width-wide .kg-image {
    max-width: 100%
}

.kg-card {
    margin: 0;
    text-align: center
}

.kg-card.kg-gallery-card .kg-gallery-container {
    display: flex;
    flex-direction: row;
    width: 100%
}

.kg-card.kg-gallery-card .kg-gallery-container .kg-gallery-row {
    display: flex;
    flex-direction: column
}

.kg-card.kg-gallery-card .kg-gallery-container .kg-gallery-row .kg-gallery-image {
    margin: 5px
}

.kg-card.kg-gallery-card .kg-gallery-container .kg-gallery-row .kg-gallery-image img {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    transition: transform .15s ease
}

.kg-card.kg-gallery-card .kg-gallery-container .kg-gallery-row .kg-gallery-image img:hover {
    transform: scale(1.4);
    z-index: 5
}

.kg-bookmark-card .kg-bookmark-container {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    text-align: initial;
    border: 2px solid #666
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-content {
    flex-basis: 0;
    flex-grow: 999;
    min-width: 50%;
    padding: 20px
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-content .kg-bookmark-title {
    font-weight: 600
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-content .kg-bookmark-description,
.kg-bookmark-card .kg-bookmark-container .kg-bookmark-content .kg-bookmark-metadata {
    margin-top: 12px
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-content .kg-bookmark-metadata .kg-bookmark-icon {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    vertical-align: bottom
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-content .kg-bookmark-metadata .kg-bookmark-author {
    font-style: italic
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-content .kg-bookmark-metadata .kg-bookmark-author:after {
    content: "•";
    margin: 0 6px
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-content .kg-bookmark-metadata .kg-bookmark-publisher {
    font-style: italic
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-thumbnail {
    flex-basis: 15rem;
    flex-grow: 1
}

.kg-bookmark-card .kg-bookmark-container .kg-bookmark-thumbnail img {
    vertical-align: bottom;
    object-fit: cover;
    width: 100%
}

.container {
    max-width: 112rem
}

header.site-header {
    margin: 6rem 0 7rem
}

header .title {
    font-family: "Source Serif Pro", serif;
    font-weight: 700;
    font-size: 2.4em;
    margin-bottom: 0.2em;
    line-height: 1
}

header .subtitle {
    font-family: "Source Serif Pro", serif;
    font-size: 1.2em;
    font-weight: 400;
}

header .logo-link img {
    max-height: 80px
}

nav.header-navigation {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 0 10rem
}

nav.header-navigation ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

nav.header-navigation ul li {
    margin-bottom: 0
}

nav.header-navigation ul li.nav-current a {
    color: #e74c3c
}

nav.header-navigation ul li a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2rem;
    margin: 0 20px;
    line-height: 6.5rem
}

main article .entry-author,
main article .entry-tags {
    font-size: 1.3rem;
    font-style: italic
}

main article .entry-author {
    position: relative
}

main article .entry-author:after {
    content: "";
    position: absolute;
    bottom: -.6rem;
    left: 0;
    width: 2rem;
    height: .2rem;
    background-color: #222
}

main article .entry-date,
main article .entry-reading-time {
    font-size: 1.3rem;
    font-style: italic
}

main .posts article {
    margin-bottom: 10rem
}

main .posts article.featured-post {
    border-bottom: 1px solid #eee;
    padding-bottom: 5rem
}

main .posts article .continue-reading {
    text-decoration: underline
}

main .posts article header {
    margin: 0
}

main .post-wrapper .post-media,
main .post-wrapper header {
    margin-bottom: 2rem
}

main .post-wrapper .post-media>img {
    object-fit: cover;
    max-width: 100%
}

main .post-wrapper .post-meta {
    margin-bottom: 3rem
}

main .post-wrapper .post-full-content a {
    text-decoration: underline
}

main .post-wrapper .post-full-content img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

main .post-wrapper .post-full-content ul {
    list-style-type: square
}

main .post-wrapper .post-full-content ol,
main .post-wrapper .post-full-content ul {
    list-style-position: initial;
    margin-left: 30px;
    padding-left: 5px;
    margin-bottom: 2.5rem
}

main .post-wrapper .post-full-content code {
    overflow: auto
}

main .post-wrapper .post-extra {
    margin-top: 3rem
}

main .post-wrapper .post-extra .post-tags {
    color: #666
}

main .post-wrapper .post-extra .post-share {
    font-size: 1.2em
}

main .post-wrapper .post-extra .post-share a {
    color: #666
}

main .post-wrapper .post-extra .post-share a:hover {
    color: #e74c3c
}

main .post-wrapper .about-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin-top: 3rem
}

main .post-wrapper .about-list a {
    font-size: 1.7em
}

main .post-wrapper aside.read-next {
    margin-top: 3rem
}

main .post-wrapper .sidebar .widget {
    margin-bottom: 4rem
}

main .post-wrapper .sidebar .widget li {
    padding-bottom: 1rem;
    border-bottom: 1px dotted #666
}

main .post-wrapper .table-wrapper table tr:first-child td {
    padding-top: 0
}

main .post-wrapper .table-wrapper table tr:last-child td {
    border: 0
}

main .post-wrapper .table-wrapper table tr td:first-child {
    width: 25%
}

main .post-wrapper .table-wrapper.speaking-list table tr td:first-child {
    width: 70%
}

main .post-wrapper .table-wrapper.speaking-list table tr td:nth-child(2) {
    width: 10%
}

main .author-meta .author-image {
    width: 14rem;
    height: 14rem;
    border-radius: 3px
}

main .author-meta .author-name small {
    font-size: 60%
}

main .author-meta .author-info-icon {
    width: 2rem;
    display: inline-block
}

main .post-spacer {
    display: block;
    width: 100%;
    height: 1rem;
    z-index: 99;
    border-bottom: 1px solid #ddd
}

main .post-spacer+.post-full-content {
    margin-top: 20px
}

main .blog-navigation .page-number {
    margin: 0 2rem
}

main form.subscribe * {
    margin: 0
}

main form.subscribe .form-group {
    display: inline-block
}

footer {
    margin: 3rem 0 6rem;
    padding-top: 3rem;
    border-top: 1px solid #ddd;
    font-style: italic
}

footer .copyright {
    font-size: .8em
}
.btn {
 display:inline-block;
 margin-bottom:0.25em;
 padding: 0em;
 font-size:3em;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
 background-color:#fff;
 border:0 !important;
 border-radius:4px;
 cursor:pointer
}
.btn--twitter {
color:#55acee
}
.btn--twitter:hover {
color:#448abe
}
.btn--reddit {
color:#ff3d1b;
}
.btn--reddit:hover {
color:#cb604d
}
.btn--linkedin {
color:#007bb6
}
.btn--linkedin:hover {
color:#006292
}
/* ==========================================================================
   1. Icons - Sets up the icon font and respective classes
   ========================================================================== */

/* Import the font file with the icons in it */
@font-face {
    font-family: "icons";
    src:url("icomoon.eot");
    src:url("icomoon.eot?#iefix") format("embedded-opentype"),
        url("icomoon.woff") format("woff"),
        url("icomoon.ttf") format("truetype"),
        url("icomoon.svg#icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Apply these base styles to all icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons", Fira Sans, "Open Sans", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.2em;
    padding: 0.3em;
}

.share-footer {
    font-size: 1.8em;
}

@media (max-width:480px) {
    .site-header {
        margin: 10rem 0 6rem
    }
    main .post-wrapper .author-meta,
    main .post-wrapper .post-extra .post-share {
        text-align: center
    }
    main .author-meta .author-image {
        margin-right: 0
    }
    footer .subscribe,
    footer .subscribe .text-right {
        text-align: center
    }
    footer form {
        margin-left: 0
    }
    footer form .form-group {
        margin-bottom: 10px
    }
}

@media screen and (min-width:480px) {
    blockquote {
        padding-left: 6rem
    }
    blockquote:before {
        content: "“";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        color: #222;
        font-family: Playfair Display, Times New Roman, serif;
        font-size: 6rem;
        font-style: normal;
        font-weight: 700;
        line-height: .8
    }
}

@media screen and (min-width:800px) {
    blockquote {
        padding-right: 2rem;
        padding-left: 8.6rem
    }
    blockquote:before {
        font-size: 8rem
    }
}

@media (min-width:40rem) {
    h1 {
        font-size: 3.2rem
    }
    h2 {
        font-size: 2.6rem
    }
    h3 {
        font-size: 2.5rem
    }
    h4 {
        font-size: 2.4rem
    }
    h5 {
        font-size: 2.2rem
    }
    h6 {
        font-size: 2.1rem
    }
}