/*!
 *  User override settings for Grove v2.2
 */

/* Tag cloud styles */
.tagsize-5 {
  font-size: 20px;
  font-weight: 600;
}

.tagsize-4 {
  font-size: 18px;
  font-weight: 400;
}

.tagsize-3 {
  font-size: 16px;
  font-weight: 200;
}

.tagsize-2 {
  font-size: 14px;
}

.tagsize-1 {
  font-size: 12px;
}

.tag-cloud-group {
    margin-top: 20px;
}

/* Additional row settings for tighter fit */
.row.content.description {
  margin-top: -25px;
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 16px;
}

.row.content.tight {
    margin-top: 0;
    margin-bottom: 50px;
}

/* Override pager settings to prevent white background flash */

.pager li>a:hover, .pager li>a:focus {
    background-color: #587588;
}

/* reset the colour back to Grove specified */
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
    background-color: #587588;
}

/* mimic the Grove squared look vs. Bootstrap rounded look */
.pager li>a, .pager li>span {
    border-radius: 0;
}

/* fix images to not have a shadow border & be offset */
article img:not(.no-border) {

    -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 0;
    -moz-box-shadow: rgba(0,0,0,0.15) 0 0 0;
    box-shadow: rgba(0,0,0,0.15) 0 0 0;
    border: #fff 0 solid;
}

.widewrapper.pagetitle.visible-xs {
    padding-left: 5px;
    padding-right: 5px;
}

.grove-navbar .grove-nav .nav .caret {
    /* allow caret indicator */
    display: inline-flex !important;
}

/* Override uppercasing of read more buttons */
div.content a.readmore, span.readmore {
    text-transform: none;
}

footer h4 {
    font-weight: 800;
    margin-top: 15px;
}

.widget-title {
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
}

/*
.widewrapper.pagetitle h1 {
    text-align: center;
    float: none;
} */

/* Grove fix for rotation offset - but also shortens the visible band */
div.pagetitle {
    padding:10px 0;
}

div > blockquote {
    font-size: 16px;
}

/* additional styles */

.col-header {
    margin: 10px 0 0;
}

.page-post {
    padding-top: 25px;
}

.faq-sidecolumn {
    padding-top: 17px;
}

.page-sidecolumn {
    padding-top: 25px;
}

.img-float {
    padding-top: 20px;
}
@media screen and (max-width: 767px) {
    .img-float {
        overflow: hidden;
        display: block;
        margin: auto;
    }
}
@media screen and (min-width: 768px) {
    .img-float {
        float: right;
        padding-right: 10px;
        padding-left: 20px;
    }
}

.img-article {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}

#search-container {
    padding-top: 5px;
}