/* Custom styling for OS Site */
article button {
    font-family: Montserrat, sans-serif;
    font-size: .65rem;
    text-transform: uppercase;
    padding: .9375rem 1.5625rem;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: 300;
}

.subtext {
    color: #CCC;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1px;
    font-size: 10px;
    text-transform: uppercase;
}

.breakout {
    margin: 0 -4.0625rem;
    width: calc(100% + 8.125rem);
    max-width: none;
}

@media only screen and (max-width:576px) {
    #main article #tailwind-gallery {
        margin: 0 -4.0625rem;
        width: calc(100% + 8.125rem);
        max-width: none;
    }
}
/* This is for creating links behind text */
/* Whatever needs to be in front of it needs a higher z-index */
.overlay-effect { 
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(259, 67, 95, 0.7);
    overflow:hidden;
}

.post-info {
    z-index: 5;
}

/* Theme standard styling */
/* Theme standard styling */
/* Theme standard styling */
/* Theme standard styling */
#featured-news-carousel .carousel-indicators .indicator:hover,
#main-navbar .navbar-nav .btn-control,
.dropdown-menu .circular-selector:hover {
    cursor: pointer
}

.dropdown-menu,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

a,
p,
span {
    color: #FFF
}

body {
    overflow-x: hidden;
    background-color: #0F0F0F
}

button:focus {
    outline: 0
}

body.custom-modal-open {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oswald, sans-serif;
    font-weight: 400
}

.latest-post a>span,
a,
p,
span {
    font-family: Raleway, sans-serif
}

/* Section related to QuickLinks */
p.jump-to {
    font-weight: 600;
    padding-top: 6.25rem;
}
p.jump-to a {
    color: #A98B69
}

a.search-panel-toggle .fa {
    padding-right: 5px;
}

/* Header Page Number Span Styling */

h1 >p.title-page-num {
    margin-top: 10px;
    font-size: 1 rem;
    color: #CCC;
}


/*  */
a.prev-top {
    text-align: left;
    left: 15px;
    top: 0;
    bottom: 0;
    color: #FFF;
    font-family: Raleway, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: .75rem;
    margin: 0;
}

a {
    font-weight: 300;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

a>i {
    margin-left: .3125rem
}

a:hover {
    color: #A98B69 !important;
    text-decoration: none
}

.carousel-item {
    -webkit-transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

#main-navbar,
.post-presentation .share-icons i,
.post-presentation .share-icons:not(.icons-visible) .icons {
    -webkit-transition: .35s all ease-in-out;
    -o-transition: .35s all ease-in-out
}

#main {
    padding: 0
}

#main .container .row {
    margin: 0 -.625rem
}

.d-flex.align-items-center .row {
    min-width: 100%
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background-color: #000;
    margin-top: 0;
    border-radius: 5px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

code[class*=language-],
pre[class*=language-] {
    text-shadow: none
}

pre[class*=language-] {
    border: none
}

.hero-unit {
    width: 100vw;
    height: 100vh
}

.hero-unit.hero-unit-post {
    width: 100vw;
    height: auto;
    position: relative
}

.latest-post {
    width: 100vw;
    padding: .625rem 0;
    background-color: #000
}

.latest-post a {
    color: #FFF;
    text-transform: none;
    font-weight: 400;
    font-size: .875rem
}

.latest-post a>span {
    color: rgba(255, 255, 255, .5);
    margin: 0 0 0 .3125rem;
    font-size: .75rem;
    height: 1.0625rem
}

#main-navbar .navbar-brand,
#main-navbar .navbar-nav>li>.dropdown>a,
#main-navbar .navbar-nav>li>a,
.badge,
.btn.btn-no-background {
    color: #FFF;
    letter-spacing: 1px
}

.paged .latest-post {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.paged #main>.container {
    min-height: calc(100vh - 333px)
}

#featured-news-carousel .carousel-item h1.animated,
.author-image-wrapper .animated,
.page-info-wrapper h1,
.post-info-wrapper h1.animated {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#featured-news-carousel .carousel-item .post-tags.animated,
.page-info-wrapper p,
.post-info-wrapper .author-info-wrapper h2.animated,
.post-info-wrapper .post-tags.animated {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#featured-news-carousel .carousel-item p.animated,
.page-info-wrapper .author-wrapper .animated,
.post-info-wrapper .author-info-wrapper p.animated,
.post-info-wrapper p.animated {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#featured-news-carousel .carousel-item .btn.animated,
.author-bio.animated,
.post-info-wrapper .author-wrapper .multiple-authors {
    -webkit-animation-delay: 2s !important;
    animation-delay: 2s !important
}

.post-info-wrapper .author-wrapper p {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.post-presentation .share-icons.icons-visible.animated {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.badge {
    background-color: #A98B69;
    padding: 4px 8px 2px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: .625rem;
    text-transform: uppercase;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

body:not(.paged) #main-navbar-sticky-wrapper {
    height: 0 !important;
    position: relative
}

.is-sticky #main-navbar {
    background-color: #000;
    padding: .9375rem 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.is-sticky .dropdown-menu {
    margin-top: 2rem !important
}

#main-navbar {
    margin: 0;
    padding: 2.5rem 0;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000 !important;
    transition: .35s all ease-in-out
}

#main-navbar .navbar {
    padding: 0
}

#main-navbar .navbar-brand {
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 1.5rem
}

#main-navbar .navbar-brand img {
    max-width: 9.375rem;
    height: auto
}

#main-navbar .navbar-nav>li>.dropdown>a,
#main-navbar .navbar-nav>li>a {
    font-family: Montserrat, sans-serif;
    font-size: .75rem;
    text-transform: uppercase;
    padding: .9375rem 1.5625rem
}

#main-navbar .navbar-nav>li:last-child>.dropdown>a,
#main-navbar .navbar-nav>li:last-child>a {
    padding-right: 0
}

#main-navbar .container {
    padding: 0 1.25rem
}

#main-navbar .dropdown-toggle::after {
    content: none
}

.dropdown-menu {
    background-color: #000;
    border-radius: 0;
    border: none;
    box-shadow: none;
    width: 12rem;
    padding: .9375rem 1.25rem;
    margin: 1.25rem 0 0;
    left: inherit;
    right: 0
}

.dropdown-menu>span {
    color: rgba(255, 255, 255, .5);
    font-size: 10px;
    text-transform: uppercase
}

.dropdown-menu .color-selector-wrapper {
    display: block;
    margin: .3125rem 0 .625rem
}

.dropdown-menu .color-selector-wrapper:last-child,
.page-info-wrapper p {
    margin-bottom: 0
}

.dropdown-menu .circular-selector {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .3125rem;
    border-radius: 100%
}

.dropdown-menu .color-selector-wrapper .circular-selector:last-child {
    margin: 0
}

.dropdown-menu .circular-selector.dark {
    background-color: #222
}

.dropdown-menu .circular-selector.light {
    background-color: #F1F1F1
}

.paged #main-navbar {
    position: initial;
    background-color: #000;
    padding: .9375rem 0
}

.btn.btn-no-background {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Montserrat;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0;
    border-radius: 0
}

.post-info-wrapper .gradient .container:not(.author-wrapper) {
    padding: 11.75rem 4.6875rem 3.75rem
}

.page-info-wrapper .gradient .container:not(.author-wrapper) {
    padding: 11.75rem 20% 6.25rem
}

.post-info-wrapper .author-wrapper {
    padding: 2.5rem 1.25rem
}

.page-info-wrapper .author-wrapper {
    padding: 0 1.25rem 2.5rem
}

.post-info-wrapper .author-wrapper>.d-flex {
    width: 100%
}

.post-info-wrapper .author-bio {
    font-size: 1rem
}

.page-info-wrapper .author-post-count,
.post-info-wrapper .author-post-count {
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 2
}

.post-info-wrapper .author-wrapper .post-presentation .author-info {
    padding-right: 0;
    padding-left: 0
}

.post-info-wrapper .author-wrapper p {
    font-size: .75rem !important
}

.post-info-wrapper .author-info-wrapper h2 {
    padding: 0;
    margin: 0
}

.page-info-wrapper .author-info-wrapper p>i,
.post-info-wrapper .author-info-wrapper p>i {
    margin-right: 5px
}

.page-info-wrapper .author-wrapper p>i,
.post-info-wrapper .author-wrapper p>i {
    margin-right: .3125rem
}

.post-info-wrapper .author-image-wrapper .author-image {
    width: 6.25rem;
    height: 6.25rem
}

.page-info-wrapper h1,
.page-info-wrapper p {
    position: relative
}

.page-info-wrapper h1::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 45px;
    height: 1px;
    background-color: #A98B69
}

.page-info-wrapper .container:not(.author-wrapper) {
    padding: 0 25%
}

#featured-news-carousel,
#featured-news-carousel .carousel-inner,
#featured-news-carousel .carousel-item {
    height: 100vh
}

#featured-news-carousel .indicator-container {
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    right: 0;
    padding: 0
}

#featured-news-carousel .carousel-indicators {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    margin: auto;
    padding: 0
}

#featured-news-carousel .gradient>.container {
    padding: 0 4.6875rem;
    text-align: left
}

#featured-news-carousel .carousel-item h1,
.post-info-wrapper h1 {
    border-left: 3px solid #A98B69;
    padding: 0 0 0 1.875rem;
    color: #FFF;
    letter-spacing: 1px;
    margin: 0 0 .625rem;
    font-size: 2.25rem
}

#featured-news-carousel .carousel-inner p,
.post-info-wrapper p {
    font-size: 1rem !important
}

#featured-news-carousel .post-tags,
.post-info-wrapper .post-tags {
    padding-left: 2.125rem
}

#featured-news-carousel .post-tags>a:first-child,
.post-info-wrapper .post-tags>a:first-child {
    padding-left: 0
}

#featured-news-carousel p {
    margin-bottom: 1.25rem
}

.post-info-wrapper p {
    margin-bottom: 0
}

#featured-news-carousel a>i,
.post-info-wrapper a>i {
    margin-left: .625rem
}

#featured-news-carousel .carousel-indicators h1 {
    float: left;
    margin-bottom: 0;
    margin-right: 1.5625rem;
    color: #A98B69
}

#featured-news-carousel .carousel-indicators .indicator-content h4 {
    font-family: Montserrat;
    color: #FFF;
    font-weight: 600;
    margin: 0;
    max-height: 2.375rem;
    overflow: hidden;
    text-transform: none;
    font-size: 1rem
}

#featured-news-carousel .indicator-content p {
    color: rgba(255, 255, 255, .5);
    font-family: Raleway, sans-serif;
    margin: 0;
    font-size: .75rem;
    overflow: hidden;
    line-height: 1
}

#featured-news-carousel .indicator-content a {
    text-transform: none;
    color: rgba(255, 255, 255, .5)
}

#featured-news-carousel .carousel-indicators .indicator {
    padding-bottom: 1.25rem
}

#featured-news-carousel .carousel-indicators .indicator::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background-color: rgba(255, 255, 255, .05)
}

#main .post,
#pagination>.container {
    position: relative
}

#featured-news-carousel .carousel-indicators .indicator.active h4 {
    color: #A98B69
}

#featured-news-carousel .carousel-indicators .active {
    background-color: transparent
}

.carousel-control-next,
.carousel-control-prev {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 1;
    top: auto;
    bottom: 2.5rem;
    background-color: #000;
    border-radius: 100%;
    text-align: center
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: .875rem;
    height: .875rem
}

.carousel-control-next {
    right: 2.5rem
}

.carousel-control-prev {
    left: 2.5rem
}

.post-presentation .post-tags a {
    color: #CCC;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: .9375rem
}

.post-presentation .post-tags a:last-child {
    margin-right: 0
}

.post-presentation p {
    color: #eee;
    line-height: 1.5;
    font-size: .875rem
}

/* Modify Description for Tag / Longboards page */
.post-presentation p.tag-description {
    color: #CCC;
}

.post-presentation p.page-number {
    color: #999;
}

.post-square.post-presentation p {
    margin: 0
}

.post-presentation .separator {
    background-color: #A98B69;
    content: "";
    width: 2.5rem;
    height: .125rem;
    margin: 1.25rem auto
}

.post-presentation:not(.first-post) .separator {
    margin-top: 0
}

.post-presentation .author-image {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    margin-right: 1.25rem
}

.post-presentation:not(.second-post) .author-image-fill {
    width: 2rem;
    height: 2rem;
    margin: .25rem 1rem .25rem 0
}

.post-presentation .multiple-authors .author-image-fill {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    margin: 0 1.25rem 0 0
}

.post-presentation .author-info {
    color: #fff;
    font-family: Montserrat;
    font-size: .75rem;
    text-transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.post-presentation .author-info.no-name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.post-presentation .author-info.no-name .author-image {
    margin-right: .625rem
}

.post-presentation .share-icons i {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #000;
    color: #FFF;
    border-radius: 100%;
    display: block;
    float: right;
    text-align: center;
    padding-top: .9375rem;
    padding-left: .0625rem;
    font-size: .75rem;
    margin-left: .625rem;
    transition: .35s all ease-in-out
}

.post-presentation .share-icons:not(.icons-visible) .icons {
    opacity: 0;
    visibility: hidden;
    transition: .35s all ease-in-out;
    display: inline-block
}

.post-presentation .share-icons.icons-visible {
    display: inline-block
}

.post-presentation .share-icons span {
    color: rgba(255, 255, 255, .5);
    font-family: Raleway, sans-serif;
    margin: 0 0 0 .3125rem;
    font-size: .75rem;
    height: 1.0625rem
}

#main .post.second-post.post-presentation h3,
.post-presentation h3>a {
    font-family: Oswald;
    text-transform: uppercase
}

.post-presentation:not(.second-post) .share-icons .icon-container:hover .icons {
    opacity: 1;
    visibility: visible
}

.post-presentation .share-icons .fa-globe:hover {
    background-color: #A98B69
}

.post-presentation .share-icons .fa-facebook:hover {
    background-color: #3B5998
}

.post-presentation .share-icons .fa-twitter:hover {
    background-color: #55ACEE
}

.post-presentation .share-icons .fa-google-plus:hover {
    background-color: #D34836
}

#pagination,
article blockquote,
article li code,
article p>code,
article ul code {
    background-color: #000
}

.post-presentation h3>a {
    color: #FFF;
    font-size: 1.5rem;
}

.post-presentation h3>a:hover {
    color: #A98B69
}


.post-presentation h2>a {
    color: #FFF;
    font-family: Oswald;
    text-transform: uppercase;
}

.post-presentation h2>a:hover {
    color: #A98B69
}

.post-presentation h1>a {
    color: #FFF;
    font-family: Oswald;
    text-transform: uppercase;
}

.post-presentation h1>a:hover {
    color: #A98B69
}

#main .post {
    margin-bottom: 2.5rem
}

#main .post.first-post,
#main .post.second-post {
    height: 500px
}

#main .post:not(.second-post) .float-bottom {
    right: 1.25rem;
    left: 1.25rem
}

#main .post:not(.second-post) .float-top {
    right: 1.25rem;
    left: 1.25rem;
    text-align: right
}

#main .post:not(.second-post) .post-info {
    padding: 0 10%;
    width: 100%;
    text-align: center;
    z-index: 5;
}

#main .post.first-post .post-info {
    padding: 0 15%;
    z-index: 5;
}

#main .post:not(.second-post) .float-bottom,
#main .post:not(.second-post) .float-top {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .35s all ease-in-out;
    -o-transition: .35s all ease-in-out;
    transition: .35s all ease-in-out
}

#main .post:not(.second-post):hover .float-bottom,
#main .post:not(.second-post):hover .float-top {
    opacity: 1;
    visibility: visible;
    height: 2.5rem
}

#main .post:not(.second-post):hover .float-top {
    top: 1.25rem
}

#main .post:not(.second-post):hover .float-bottom {
    bottom: 1.25rem
}

#main .post.second-post.post-presentation h3 {
    color: #FFF;
    margin: 0 0 .9375rem;
    border-left: 2px solid #A98B69;
    padding: 0 0 0 1.25rem
}

#main .post.second-post .gradient {
    padding: 2.5rem
}

#main .post.second-post.post-presentation .post-tags>a:first-child {
    padding-left: 0;
    margin-left: 0
}

#main .post.second-post .float-bottom {
    bottom: 2.5rem;
    right: 2.5rem;
    left: 2.5rem
}

#main .post.second-post.post-presentation .author-info {
    display: inline-block;
    float: left
}

#main .post.second-post.post-presentation .author-image {
    padding: 0;
    margin: 0
}

#main .post.second-post.post-presentation .share-icons .fa-share {
    float: left
}

#main .post.second-post.post-presentation .share-icons {
    margin-top: 1.5625rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .35s all ease-in-out;
    -o-transition: .35s all ease-in-out;
    transition: .35s all ease-in-out
}

#main .post.second-post.post-presentation .icons:hover,
#main .post.second-post.post-presentation i.fa-share:hover+.icons,
#main .post.second-post.post-presentation:hover .share-icons {
    visibility: visible;
    opacity: 1
}

#pagination {
    margin-top: 10px;
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

#pagination a {
    position: absolute
}

#pagination a,
#pagination p {
    color: #FFF;
    font-family: Raleway, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: .75rem;
    margin: 0
}

#pagination .prev {
    text-align: left;
    left: 15px;
    top: 0;
    bottom: 0
}

#pagination .next {
    text-align: right;
    right: 15px;
    top: 0;
    bottom: 0
}

#pagination .next>i {
    margin-left: 1.25rem
}

#pagination .prev>i {
    margin-right: 1.25rem;
    margin-left: 0
}

#rights>.gradient {
    padding: 2.5rem 0
}

#rights p {
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 2
}

#rights .social-icons a {
    padding: 0 1.25rem;
    font-size: .875rem
}

#rights .social-icons a:last-child {
    padding-right: 0
}

article {
    padding: 0 1.25rem
}

article .kg-card-markdown>*,
article pre[class*=language-],
article>* {
    margin-bottom: 2.5rem
}

article .kg-card-markdown>:not(img):not(blockquote):not(.highlighted-code):not(ul):not(ol):not(pre):not(.kg-width-wide):not(.kg-embed-card):not(.kg-width-full),
article>:not(img):not(blockquote):not(.highlighted-code):not(ul):not(ol):not(pre):not(.kg-card-markdown):not(.kg-width-wide):not(.kg-embed-card):not(.kg-width-full) {
    padding: 0 4.0625rem
}

article .kg-gallery-card,
article .kg-width-full {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw
}

article .kg-embed-card>iframe,
article .kg-embed-card>twitterwidget {
    margin-right: auto !important;
    margin-left: auto !important;
    display: block
}

article figcaption {
    color: rgba(255, 255, 255, .5);
    font-family: Raleway, sans-serif;
    margin: 0;
    padding: .625rem 2.5rem 0;
    font-size: .75rem
}

article li,
article p {
    font-size: 1.125rem;
    line-height: 1.6
}

article .kg-width-full figcaption {
    padding: .625rem 2.5rem
}

article pre {
    padding-right: 4.0625rem !important;
    padding-left: 4.0625rem !important;
    color: #A98B69
}

article pre code>* {
    font-family: monospace !important
}

article ol,
article ul {
    padding: 0 8.125rem
}

article .mark,
article mark {
    border-radius: 5px;
    padding: 3px 5px;
    background-color: #A98B69
}

article code,
article li code,
article p>code,
article ul code {
    padding: 3px 5px;
    color: #A98B69;
    border-radius: 5px
}

article .highlighted-code,
article blockquote,
article img {
    width: 100%;
}

article blockquote {
    border-radius: 5px;
    padding: 1.25rem
}

article hr {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

article blockquote,
article blockquote p {
    color: rgba(255, 255, 255, .5);
    font-family: Raleway;
    font-size: 1.125rem;
    line-height: 1.6;
    font-style: italic
}

article blockquote>* {
    margin: 0
}

article a span {
    color: #A98B69
}

article p>a>img,
article p>img {
    margin: 0 -4.0625rem;
    width: calc(100% + 8.125rem);
    max-width: none;
}

article .kg-card-markdown a,
article a {
    text-transform: none;
    color: #A98B69
}

article .code>a {
    color: #A98B69;
    font-family: monospace
}

article .mark,
article li,
article mark {
    color: #FFF
}

article li {
    font-family: Raleway, sans-serif
}

article li+li {
    margin-top: .625rem
}

article .kg-gallery-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

article .kg-gallery-row .kg-gallery-image {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5 1 0%;
    flex: 1.5 1 0%;
    margin-bottom: .75rem
}

article .kg-gallery-row .kg-gallery-image img {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%
}

article .kg-gallery-image:not(:first-of-type) {
    margin: 0 0 .75rem .75rem
}

.article-bottom-info {
    margin: 5rem 0 2.5rem;
    padding: 0 .625rem;
    position: relative
}

.article-bottom-info:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 45px;
    height: 1px;
    background-color: #A98B69
}

.subscribe,
.subscribe .d-md-flex {
    width: 100%
}

.next-prev-post-wrapper {
    padding: 0 .625rem
}

.next-prev-post-wrapper .post {
    height: 350px
}

.next-prev-post-wrapper .post .post-info {
    position: absolute;
    bottom: 2.5rem;
    padding: 0 2.5rem !important;
    text-align: left !important
}

.next-prev-post-wrapper .post .post-info span {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    letter-spacing: 1px;
    font-family: Montserrat;
    border: none;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0;
    border-radius: 0
}

#comments,
.subscribe {
    background-color: #000
}

#comments p,
.subscribe p {
    color: rgba(255, 255, 255, .5);
    font-family: Raleway, sans-serif;
    font-size: .75rem
}

.next-prev-post-wrapper .post .post-info h3 {
    margin: 1.25rem 0 0
}

.next-prev-post-wrapper .post .post-info .post-tags>a:first-child {
    padding-left: 0;
    margin-left: 0
}

.next-prev-post-wrapper .post-prev span>i {
    margin-right: .3125rem
}

.next-prev-post-wrapper .post-next span>i {
    margin-left: .3125rem
}

.comments-wrapper {
    padding: 0 .625rem;
    margin-bottom: 2.5rem
}

#comments {
    border-radius: 0;
    padding: 2.5rem
}

#comments h2 {
    margin: 0
}

#comments p {
    margin: 0 0 1.25rem
}

.subscribe {
    display: inline-block;
    padding: 1.5625rem 0
}

.subscribe h3 {
    margin: 0
}

.subscribe p {
    padding: 10px;
    font-size: 14px;
}

.subscribe form {
    position: relative
}

.subscribe form input {
    padding: 0 4.625rem .625rem 0;
    font-weight: 400;
    width: 100%
}

#error-page,
#search-section {
    width: 100vw;
    height: 100vh
}

.subscribe form input:active,
.subscribe form input:focus {
    font-weight: 400
}

.subscribe button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

#search-section,
#search-section i.fa-close {
    position: fixed;
    -webkit-transition: .35s all ease-in-out;
    -o-transition: .35s all ease-in-out
}

.subscribe button:hover {
    color: #A98B69
}

#error-page .post .container {
    text-align: center;
    padding-top: 2.5rem
}

#error-page .post .container p {
    padding: 0 25%;
    text-transform: none;
    font-size: 1rem;
    margin-bottom: .9375rem
}

#error-page .post .container .btn i {
    margin-right: .3125rem
}

#error-page .search-panel-toggle {
    display: none !important
}

#error-page .post {
    height: 100%
}

.subscribe-email,
.subscribe-email:active,
.subscribe-email:focus,
input.form-control,
input.form-control:active,
input.form-control:focus,
textarea.form-control,
textarea.form-control:active,
textarea.form-control:focus {
    background-color: #333;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: none;
    color: #FFF;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    padding: .325rem 0 .325rem;
    border: 2px solid rgba(255, 255, 255, .1);
    margin: 5px;
}

.subscribe-email:active,
.subscribe-email:focus,
input.form-control:active,
input.form-control:focus,
textarea.form-control:active,
textarea.form-control:focus {
    border-color: #A98B69
}

.subscribe-square .subscribe {
    background: url("https://d2l36g7div3qnn.cloudfront.net/dark-pattern.png") no-repeat fixed center; 
}

.form-template {
    margin-bottom: 2.5rem
}

.form-template form {
    padding: 2.5rem;
    background-color: #000;
    border-radius: 5px
}

.form-template form textarea {
    resize: none;
    height: 100px
}

.form-template form .form-control {
    margin-bottom: 2.5rem;
    font-weight: 300
}

.form-template .post-presentation p {
    font-size: 1rem
}

.form-template .post-presentation p:last-child {
    margin-bottom: 0
}

.form-template form .btn-no-background {
    margin: 0 auto;
    display: block
}

.form-template form .btn-no-background:hover {
    color: #A98B69
}

.form-control::-webkit-input-placeholder .subscribe-email::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3);
    opacity: 1
}

.form-control:-ms-input-placeholder .subscribe-email:-ms-input-placeholder {
    color: rgba(255, 255, 255, .3);
    opacity: 1
}

.form-control::-ms-input-placeholder .subscribe-email::-ms-input-placeholder {
    color: rgba(255, 255, 255, .3);
    opacity: 1
}

.form-control::placeholder .subscribe-email::placeholder {
    color: rgba(255, 255, 255, .3);
    opacity: 1
}

.form-control:-ms-input-placeholder,
.subscribe-email:-ms-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

#search-section {
    opacity: 0;
    visibility: hidden;
    background-color: #000;
    top: 0;
    z-index: 100000;
    display: block;
    transition: .35s all ease-in-out;
    padding: 5rem 0
}

#search-section.is-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    visibility: visible
}

#search-section input.form-control {
    font-size: 1.25rem
}

#search-section i.fa-close {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    font-size: 1rem;
    padding-top: .6875rem;
    background-color: #0F0F0F;
    color: #FFF;
    border-radius: 100%;
    top: 2.5rem;
    right: 2.5rem;
    transition: .35s all ease-in-out
}

#search-section i.fa-close:hover {
    background-color: #FFF;
    color: #000;
    cursor: pointer
}

#search-section #results {
    height: 75vh;
    overflow-y: auto;
    margin-bottom: 1.25rem
}

#search-section .result {
    display: block;
    padding: 1.875rem 0;
    -webkit-transition: .35s all ease-in-out;
    -o-transition: .35s all ease-in-out;
    transition: .35s all ease-in-out;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

#search-section .result:hover {
    padding-left: 1.5625rem;
    background-color: #0F0F0F
}

#search-section .result-info {
    position: absolute;
    bottom: 1.5rem
}

#search-section .results:hover h3 {
    color: #A98B69
}

#search-section .result.post-presentation .post-tags span:first-child {
    padding-left: 0
}

#search-section .result.post-presentation h3 {
    font-family: Montserrat, sans-serif;
    color: #FFF;
    font-weight: 600;
    margin: 0;
    line-height: 1;
    text-transform: none;
    font-size: 1.25rem
}

#search-section .result-info span,
#search-section .result.post-presentation span {
    margin-left: .3125rem;
    color: rgba(255, 255, 255, .5);
    text-transform: none;
    font-family: Raleway, sans-serif;
    font-size: .75rem;
    font-weight: 400
}

#search-section .result.post-presentation .post-tags span {
    color: #CCC;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 15px
}

.author-widget {
    margin-bottom: 2.5rem;
    width: 100%
}

.author-widget .author-cover {
    height: 200px;
    position: relative
}

.author-widget .share-icons {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    display: flex
}

.author-widget .author-image {
    width: 7.5em;
    height: 7.5rem;
    border-radius: 100%;
    left: 1.25rem;
    bottom: -3.125rem;
    position: absolute
}

.author-widget h2,
.float-bottom {
    position: absolute;
    bottom: 0
}

.author-widget .author-additional-info {
    background-color: #000;
    width: 100%;
    display: flex;
    align-items: center;
    padding: .3125rem .9375rem .3125rem 10rem
}

.author-widget h2 {
    left: 10rem
}

.author-widget h2>a {
    font-weight: 400;
    font-family: Oswald, sans-serif
}

.author-widget .author-additional-info p {
    color: rgba(255, 255, 255, .5);
    margin: 0 .9375rem 0 0;
    font-size: .75rem;
    height: 1.0625rem
}

.author-widget .author-additional-info p>i {
    margin-right: .3125rem
}

.author-widget .author-additional-info p:last-child {
    margin: 0
}

.author-widget .author-body {
    padding: 2.5rem 2.5rem 2rem;
    background-color: #0a0a0a;
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.author-widget .author-body p {
    margin-bottom: 0;
    font-size: 1rem
}

.b-frame {
    width: 100vw;
    height: 2.5625rem;
    background-color: #000
}

.background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.background-pattern {
    background-repeat: repeat;
    background-position: center
}

.float-top {
    position: absolute;
    top: 0
}

.gradient {
    width: 100%;
    height: 100%
}

.gradient.gradient1 {
    background: -webkit-linear-gradient(top, rgba(15, 15, 15, .45) 0, rgba(15, 15, 15, .8) 65%, rgba(15, 15, 15, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 15, 15, .45)), color-stop(65%, rgba(15, 15, 15, .8)), to(rgba(15, 15, 15, 1)));
    background: -o-linear-gradient(top, rgba(15, 15, 15, .45) 0, rgba(15, 15, 15, .8) 65%, rgba(15, 15, 15, 1) 100%);
    background: linear-gradient(to bottom, rgba(15, 15, 15, .45) 0, rgba(15, 15, 15, .8) 65%, rgba(15, 15, 15, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#590f0f0f', endColorstr='#0f0f0f', GradientType=0)
}

.gradient.gradient2,
.gradient.gradient3 {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#660f0f0f', endColorstr='#660f0f0f', GradientType=0)
}

.gradient.gradient2 {
    background: rgba(15, 15, 15, .5)
}

.gradient.gradient3 {
    background: -webkit-linear-gradient(top, rgba(15, 15, 15, .8) 0, rgba(15, 15, 15, .8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 15, 15, .8)), to(rgba(15, 15, 15, .8)));
    background: -o-linear-gradient(top, rgba(15, 15, 15, .8) 0, rgba(15, 15, 15, .8) 100%);
    background: linear-gradient(to bottom, rgba(15, 15, 15, .8) 0, rgba(15, 15, 15, .8) 100%)
}

.gradient-transparent .gradient {
    background: 0 0 !important
}

@media only screen and (max-width:992px) {
    #main-navbar .navbar-nav>li>a {
        border-top: 1px solid rgba(255, 255, 255, .1)
    }
    .is-sticky #main-navbar .navbar-nav>li>a {
        padding: .9375rem 0
    }
    #main-navbar .collapse.show,
    #main-navbar .collapsing {
        margin-top: 1.25rem;
        background-color: #000
    }
    #main-navbar .navbar-toggler {
        display: inline-block;
        border-radius: 0;
        padding: .75rem 1.25rem;
        font-size: 1rem
    }
    #main-navbar .navbar-toggler:last-child {
        padding-right: 0
    }
    #main-navbar .mobile-navbar-buttons {
        display: flex
    }
    #main-navbar .mobile-navbar-buttons .dropdown>a.nav-link {
        margin-right: 0;
        padding-right: 0
    }
    #main-navbar .mobile-navbar-buttons a>i {
        margin: 0
    }
    #main-navbar .navbar-toggler>i {
        color: #FFF
    }
    #search-section i.fa-close {
        top: 1.25rem;
        right: 1.25rem
    }
    #main .post:not(.second-post) .float-bottom {
        opacity: 1;
        visibility: visible;
        bottom: 1.25rem
    }
    #main .post:not(.second-post) .float-top {
        opacity: 1;
        visibility: visible;
        top: 1.25rem
    }
    #main .post.second-post.post-presentation .share-icons {
        opacity: 1;
        visibility: visible
    }
    .post-info-wrapper .author-bio {
        margin-top: 1.25rem
    }
}

@media only screen and (max-width:768px) {
    #rights,
    .latest-post,
    .subscribe {
        text-align: center
    }
    #main {
        padding-top: 1.25rem
    }
    #featured-news-carousel .carousel-item .btn {
        padding: 0 0 0 1.875rem;
        margin-top: 1.25rem
    }
    .latest-post {
        padding: .9375rem 0
    }
    .latest-post .badge {
        margin: 0 0 .625rem
    }
    .post-info-wrapper .gradient .container p,
    article {
        margin-top: 1.25rem
    }
    .latest-post a>span {
        display: block
    }
    #rights p {
        margin-bottom: .9375rem
    }
    #rights .social-icons a:last-child {
        padding: 0 1.25rem
    }
    .page-info-wrapper .gradient .container:not(.author-wrapper) {
        padding: 11.75rem 4.6875rem 3.75rem
    }
    article .kg-card-markdown>:not(img):not(blockquote):not(.highlighted-code):not(ul):not(ol):not(pre):not(.kg-width-wide):not(.kg-embed-card):not(.kg-width-full),
    article>:not(img):not(blockquote):not(.highlighted-code):not(ul):not(ol):not(pre):not(.kg-card-markdown):not(.kg-width-wide):not(.kg-embed-card):not(.kg-width-full) {
        padding: 0 2.5rem
    }
    article pre {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important
    }
    article ol,
    article ul {
        padding: 0 5rem
    }
    .subscribe {
        /* padding: 2.5rem 0 */
    }
    .subscribe form .subscribe-email {
        font-size: .875rem;
        width: 75%;
        margin: 1.25rem auto 0
    }
    .subscribe .row .d-block {
        width: 100%
    }
    .subscribe button {
        right: 12.5%
    }
}

@media only screen and (max-width:576px) {
    #main.form-template {
        margin-top: 2.5rem;
        padding: 0 .9375rem
    }
    .form-template form {
        margin-top: 2.5rem
    }
    .author-widget>.author-cover {
        height: auto
    }
    .author-widget>.author-cover>.gradient {
        display: block;
        text-align: center;
        padding: 5rem 1.25rem 1.25rem
    }
    .author-widget .author-image {
        position: initial;
        margin: 0 auto 1.25rem
    }
    .author-widget h2 {
        position: initial;
        margin: 0
    }
    .author-widget .author-additional-info {
        padding: .3125rem 1.25rem;
        text-align: center;
        justify-content: center
    }
    .author-widget .author-body {
        text-align: center
    }
    .container {
        padding: 0 1.25rem
    }
    #main-navbar {
        padding: 1.25rem 0
    }
    #main-navbar .container {
        padding: 0 1.25rem
    }
    #featured-news-carousel .carousel-item h1,
    .post-info-wrapper h1 {
        padding: 0;
        border: none
    }
    #featured-news-carousel .gradient>.container {
        text-align: center;
        padding: 0 2.5rem
    }
    #featured-news-carousel .post-tags,
    .post-info-wrapper .post-tags {
        padding: 0;
        margin-bottom: .9375rem
    }
    #featured-news-carousel .post-tags>a:first-child,
    .post-info-wrapper .post-tags>a:first-child {
        padding-left: .9375rem
    }
    #featured-news-carousel .carousel-item .btn {
        padding: 0;
        margin-top: 1.25rem
    }
    #main .post {
        margin-bottom: 1.25rem
    }
    #main .post:not(.second-post) .post-info {
        padding: 0 10% 1.25rem;
        z-index: 5;
    }
    #main .post:not(.second-post) h2 {
        font-size: 1.75rem
    }
    .page-info-wrapper .gradient .container:not(.author-wrapper),
    .post-info-wrapper .gradient .container:not(.author-wrapper) {
        padding: 7.75rem 2.5rem 1.75rem;
        text-align: center
    }
    .post-info-wrapper .gradient .container>.row {
        width: 100%;
        margin: 0
    }
    .post-info-wrapper .post-tags {
        margin-bottom: 0
    }
    .page-info-wrapper .author-wrapper,
    .post-info-wrapper .author-wrapper {
        padding: 1.25rem
    }
    .post-info-wrapper .container p {
        display: none
    }
    .post-info-wrapper .author-wrapper>.d-flex {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .post-info-wrapper .author-image-wrapper .author-image {
        margin: 0 auto 1.25rem
    }
    article li,
    article p {
        font-size: 1rem
    }
    article {
        padding: 0 2.5rem
    }
    article .kg-card-markdown>:not(img):not(blockquote):not(.highlighted-code):not(ul):not(ol):not(pre):not(.kg-width-wide):not(.kg-embed-card):not(.kg-width-full),
    article>:not(img):not(blockquote):not(.highlighted-code):not(ul):not(ol):not(pre):not(.kg-card-markdown):not(.kg-width-wide):not(.kg-embed-card):not(.kg-width-full) {
        padding: 0
    }
    article pre {
        padding: 2.5rem
    }
    .comments-wrapper,
    .next-prev-post-wrapper,
    article ol,
    article ul {
        padding: 0 1.25rem
    }
    .post-presentation .share-icons.icons-visible {
        margin: 0 auto
    }
    .post-presentation .multiple-authors>.no-name:last-child .author-image {
        margin-right: 0
    }
    .article-bottom-info {
        display: block !important;
        text-align: center
    }
    .article-bottom-info p {
        color: rgba(255, 255, 255, .5);
        font-family: Raleway, sans-serif;
        font-size: .75rem
    }
    .article-bottom-info p>i {
        margin-right: .3125rem
    }
}

@media only screen and (max-height:512px) {
    #featured-news-carousel .gradient>.container {
        padding-top: 3.75rem
    }
}

@media only screen and (max-width:320px) {
    #main .post-presentation .float-bottom>.author-info,
    #main .post.second-post.post-presentation p,
    #pagination .page-indicator {
        display: none
    }
    #main .post.second-post.post-presentation h3 {
        border: none;
        padding-left: 0
    }
    #main .post.first-post,
    #main .post.second-post {
        height: 450px
    }
    #featured-news-carousel .carousel-item h1,
    .post-info-wrapper h1 {
        font-size: 2rem
    }
}

.brown:not(body) {
    background-color: #A98B69
}

.green #featured-news-carousel .carousel-indicators .indicator.active h4,
.green #featured-news-carousel .carousel-indicators h1,
.green .form-template form .btn-no-background:hover,
.green .post-presentation h3>a:hover,
.green .subscribe button:hover,
.green a:hover,
.green article .code>a,
.green article .kg-card-markdown a,
.green article a,
.green article a span,
.green article code,
.green article li code,
.green article p>code,
.green article pre,
.green article ul code,
.green:not(body) {
    color: #77975E !important
}

.green .article-bottom-info:after,
.green .badge,
.green .page-info-wrapper h1::after,
.green .post-presentation .separator,
.green .post-presentation .share-icons .fa-globe:hover,
.green article .mark,
.green article mark,
.green:not(body) {
    background-color: #77975E
}

.green #featured-news-carousel .carousel-item h1,
.green #main .post.second-post.post-presentation h3,
.green .post-info-wrapper h1,
.green .subscribe-email:active,
.green .subscribe-email:focus,
.green input.form-control:active,
.green input.form-control:focus,
.green textarea.form-control:active,
.green textarea.form-control:focus,
.green:not(body) {
    border-color: #77975E
}

.purple #featured-news-carousel .carousel-indicators .indicator.active h4,
.purple #featured-news-carousel .carousel-indicators h1,
.purple .form-template form .btn-no-background:hover,
.purple .post-presentation h3>a:hover,
.purple .subscribe button:hover,
.purple a:hover,
.purple article .code>a,
.purple article .kg-card-markdown a,
.purple article a,
.purple article a span,
.purple article code,
.purple article li code,
.purple article p>code,
.purple article pre,
.purple article ul code,
.purple:not(body) {
    color: #AA6A6A !important
}

.purple .article-bottom-info:after,
.purple .badge,
.purple .page-info-wrapper h1::after,
.purple .post-presentation .separator,
.purple .post-presentation .share-icons .fa-globe:hover,
.purple article .mark,
.purple article mark,
.purple:not(body) {
    background-color: #AA6A6A
}

.purple #featured-news-carousel .carousel-item h1,
.purple #main .post.second-post.post-presentation h3,
.purple .post-info-wrapper h1,
.purple .subscribe-email:active,
.purple .subscribe-email:focus,
.purple input.form-control:active,
.purple input.form-control:focus,
.purple textarea.form-control:active,
.purple textarea.form-control:focus,
.purple:not(body) {
    border-color: #AA6A6A
}

.blue #featured-news-carousel .carousel-indicators .indicator.active h4,
.blue #featured-news-carousel .carousel-indicators h1,
.blue .form-template form .btn-no-background:hover,
.blue .post-presentation h3>a:hover,
.blue .subscribe button:hover,
.blue a:hover,
.blue article .code>a,
.blue article .kg-card-markdown a,
.blue article a,
.blue article a span,
.blue article code,
.blue article li code,
.blue article p>code,
.blue article pre,
.blue article ul code,
.blue:not(body) {
    color: #4E5574 !important
}

.blue .article-bottom-info:after,
.blue .badge,
.blue .page-info-wrapper h1::after,
.blue .post-presentation .separator,
.blue .post-presentation .share-icons .fa-globe:hover,
.blue article .mark,
.blue article mark,
.blue:not(body) {
    background-color: #4E5574
}

.blue #featured-news-carousel .carousel-item h1,
.blue #main .post.second-post.post-presentation h3,
.blue .post-info-wrapper h1,
.blue .subscribe-email:active,
.blue .subscribe-email:focus,
.blue input.form-control:active,
.blue input.form-control:focus,
.blue textarea.form-control:active,
.blue textarea.form-control:focus,
.blue:not(body) {
    border-color: #4E5574
}