/**
  * General
  */
@font-face {
    font-family:Cormorant;
    src:url(../fonts/CormorantGaramond-Medium.ttf);
}
@font-face {
    font-family:Fjalla;
    src:url(../fonts/FjallaOne-Regular.ttf);
}
@font-face {
    font-family:Modeschrift;
    src:url(../fonts/Modeschrift.ttf);
}
body {
    font-family:Cormorant,Serif;
    font-size:1.8rem;
}
h1 {
    margin:0 3% 2rem 3%;
    font-size:5rem;
}
h2 {
    font-size:2.5rem;
    font-weight:bold;
}
h3 {
    padding-bottom:.3rem;
    margin-top:0;
    font-size:2.25rem;
    font-weight:bold;
}
h4 {
    font-size:2rem;
    font-weight:bold;
}
h5 {
    font-size:1.8rem;
    font-weight:bold;
}
a {
    color:#323232;
}
a:hover {
    color:#ffac93;
    text-decoration:none;
}

/**
  * Button
  */
.btn-featured {
    border-radius:2.25rem;
    background:#ffac93;
    color:#323232;
    /*line-height:4.5rem;*/
    padding:1.4rem 3.5rem;
    text-transform:uppercase;
    font-size:1.2rem;
    font-family:Fjalla,Sans-serif;
}
.btn-featured:hover {
    background:#ffacaa;
}

/**
  * Category Link
  */
a.category-link, a.category-link:hover {
    font-family:Fjalla,Sans-serif;
    color:#ffac93;
    text-transform:uppercase;
    font-size:1.3rem;
    letter-spacing:.25px;
    text-decoration:underline;
}

/**
  * Category Sections
  */
#categories {
    padding-top:6rem;
    padding-bottom:6rem;
}
#categories h2 {
    font-family:Modeschrift,cursive;
    margin:0 0 4rem 0;
    font-size:2.5rem;
    line-height:2.5rem;
}
#categories .category {
    margin-bottom:3rem;
}
#categories .category-img-container {
    width:100%;
    padding-top:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:85% 85%;
}
#categories a {
    display:block;
    font-family:Fjalla,Sans-serif;
    font-size:1.4rem;
    text-transform:uppercase;
}
#categories a span {
    display:block;
    margin-top:.25rem;
}

/**
  * Pagination
  */
div#pagination {
    text-align:center;
}
ul.pagination li.page-item .page-link {
    font-family:Fjalla,Sans-serif;
    font-size:1.25rem;
    color:#323232;
    border:none;
    border-radius:50%;
    background:#f3f4f2;
    height:4rem;
    width:4rem;
    line-height:4rem;
    text-align:center;
    padding:0;
    margin:0 .5rem;
}
ul.pagination li.page-item.active .page-link {
    background:#ffac93;
}
ul.pagination li.page-item .disabled {}

/**
  * Breadcrumbs
  */
ol.breadcrumb {
    font-family:Fjalla,Sans-serif;
    font-size:1.1rem;
    text-transform:uppercase;
    padding:0;
    margin:0;
    margin-bottom:1rem;
    background:none;
}
ol.breadcrumb li.active {
    color:#ffac93;
}
.breadcrumb > li + li:before {
    color:#323232;
    padding:0 10px;
}

/**
  * Navbar
  */
.navbar {
    margin:0;
    padding:2rem 0;
}
.navbar-default {
    background-color:#fff;
    border:none;
}
.navbar-brand img {
    margin-top:-2px;
    max-height:24px;
}
.navbar .nav {
    font-family:Fjalla,Sans-serif;
    font-size:1.25rem;
    text-transform:uppercase;
}
.navbar .nav li a:hover {
    color:#ffac93;
    text-decoration:underline;
}

/**
  * Footer
  */
.footer {
    padding:1.5rem 0;
    margin-top:5rem;
    background-color:#2d2d2d;
    font-size:1.5rem;
    line-height:1.5rem;
}
.footer .text-muted {
    color:#999;
}

/**
  * Home
  */
/** Featured Section */
.featured {
    border:1rem solid #fff0d2;
}
@media (min-width:768px) {
    #featured-content {
        display:flex;
        align-items:center;
    }
}
@media (max-width:767px) {
    #featured-img {
        margin-bottom:2rem;
    }
    .featured .btn-featured {
        margin-bottom:6rem;
    }
}
#featured-content {
    padding:6rem;
}
#featured-img {
    width:100%;
    padding-top:75%;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
#featured-content h3 {
    font-size:3.25rem;
    line-height:3.25rem;
    margin-top:0;
}
#featured-content .post-info {
    margin-bottom:1rem;
}
/** More Featured Section */
#more-featured {
    padding-top:6rem;
    padding-bottom:.5rem;
    margin-top:2em;
    margin-bottom:2em;
    background:#fff0d2;
    text-align:center;
}
#more-featured h2 {
    font-family:Modeschrift,cursive;
    margin:0 0 4rem 0;
    font-size:2.5rem;
    line-height:2.5rem;
}
#more-featured .featured-post {
    margin-bottom:6rem;
}
#more-featured .img-wrapper {
    width:85%;
    margin:auto auto;
}
#more-featured .img-container {
    width:100%;
    padding-top:75%;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
#more-featured a.category-link {
    display:inline-block;
    margin-top:2rem;
    font-size:1.1rem;
}
#more-featured h3 {
    margin:.5rem 0 0 0;
    font-size:2.1rem;
    line-height:2rem;
}
#more-featured .published {
    display:inline-block;
    margin:.7rem 0 0 0;
}
/** Most Recent Section */
#most-recent {
    padding-top:6rem;
    padding-bottom:2rem;
}
#most-recent h2 {
    font-family:Modeschrift,cursive;
    text-align:center;
    margin:0 0 4rem 0;
    font-size:2.5rem;
    line-height:2.5rem;
}
#most-recent .img-container {
    width:100%;
    padding-top:75%;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
#most-recent h3 {
    margin:1rem 0 0 0;
    font-size:2rem;
    line-height:2rem;
}
#most-recent #most-recent-first {
    text-align:center;
}
#most-recent #most-recent-first #most-recent-first-info {
    display:block;
    margin-top:2rem;
}
#most-recent #most-recent-first h3 {
    margin:2rem 0;
    font-size:3.5rem;
    line-height:3.5rem;
}
/** About Us Section */
#about {
    margin-bottom:6rem;
    border:2rem solid #fff0d2;
}
@media (min-width:768px) {
    #about-content {
        display:flex;
        align-items:center;
    }
}
#about-content {
    padding:6rem;
}
#about-content h3 {
    font-family:Modeschrift,cursive;
    font-size:3rem;
    line-height:3rem;
    margin:0 0 2rem 0;
}
#about-content small {
    display:block;
    font-size:1.5rem;
    line-height:2rem;
    font-style:italic;
}
@media (max-width:767px) {
    #about-content h3 {
        margin-top:3rem;
    }
    #about-content small {
        padding-bottom:6rem;
    }
}
#about-img-container {
    text-align:center;
}
#about-img-container img {
    width:80%;
}

/**
  * Inner Page
  */
/** Masthead */
#masthead {
    padding-top:8rem;
    padding-bottom:8rem;
    margin-bottom:5rem;
    background:#fff0d2;
    text-align:center;
}
/** Search Form */
#search-form {
    background:#f3f4f2;
    padding:5rem 3rem;
    margin-bottom:5rem;
}
.search-input-group .input-group-addon {
    background:#fff; 
    border:none;
}
.search-input-group .form-control {
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.search-input {
    font-size:1.75rem;
    height:5rem;
    border:none;
}
.search-input-group button {
    border:0;
    background:transparent;
    border-radius:50%;
    background:#ffac93;;
    height:3.5rem;
    width:3.5rem;
}
.search-input-group button span {
    font-size:1.5rem;
}
/** Sidebar Categories */
#sidebar #categories {
    padding:0;
}
#sidebar #categories h2 {
    margin-bottom:2rem;
}

/**
  * Posts List
  */
#posts {
    list-style:none;
    padding:0;
}
#posts li {
    text-align:center;
    width:100%;
}
#posts .post-info {
    margin-top:2rem;
}
#posts .post-info .category-link {
    margin-right:1rem;
}
#posts li h3 {
    margin-top:1rem;
    font-size:3rem;
    line-height:3rem;
}
#posts li hr {
    margin:5rem 0;
}
#posts .img-container {
    width:90%;
    padding-top:60%;
    margin-left:5%;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

/**
  * Category Page
  */
#category-content {
    margin-top:2em;
    background-color:#f8f8f8;
    border-top:1px solid #dadada;
}
#category-content ul {
    padding-left: 2em;
}

/**
  * Post Page
  */
#post-image {
    margin-bottom:1rem;
    text-align:center;
}
#post-image img {
    max-width:100%;
}
#post-disclosure {
    margin-bottom:1.25rem;
    text-align:center;
    font-size:2rem;
    line-height:1.75rem;
    background:#f7f7f7;
}
#post-disclosure small {
    display:inline-block;
    padding:.75rem;
    font-style:italic;
}
#post-info {
    margin-bottom:1rem;
    text-align:center;
}
#post-info a.category-link {
    margin-right:1rem;
}
#post-body a {
    color:#ffac93;
    font-weight:bold;
}
#post-body a:hover {
    text-decoration:underline;
}

.rectangle {
    text-align: center;
    margin:3rem 0;
}
.rectangle a img {
    max-width:100%;
}
.leaderboard {
    text-align: center;
    margin-top:4rem;
}
.leaderboard img {
    max-width:100%;
}
#leaderboard-home {
    margin-top:0;
    margin-bottom:8rem;
}