/*
Theme Name: Texas Standard
Theme URI: http://texasstandard.com/
Author: Tipit
Author URI: http://tipit.net/
Template: salient
Version: 0.1
*/

@import url("../salient/style.css?ver=20251202");

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,400i,600');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400');

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


dt {
    font-family: 'Libre Franklin', sans-serif;
    color:#333;
}

body,body .ui-widget {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 12px;
    color: #ffffff;
}

body #error-404 h2 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 600;
    font-size: 34px !important;
}


body h1 a, body h2 a, body h3 a, body h4 a, body h5 a {
     color: #000;
}

body a:hover {
    color:#1aafe0;
}



h1,h2,h4,h5,h6 {
    color:#444;
    letter-spacing:normal;
    /*font-weight: 400;*/
    -webkit-font-smoothing:antialiased;
    font-weight: normal;
    font-family: 'Merriweather', serif;
}

h2{
    font-size: 17px;
    line-height: 1.6em!important;
}

h3 {
    color:#000;
    letter-spacing:normal;
    font-family: 'Merriweather', serif;
    font-weight: normal;
    -webkit-font-smoothing:antialiased;
    font-size: 24px !important;
}

.bold, strong, b {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 600;
}
.italic, em, i {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 400;
}

.container-wrap {
    margin-top: -75px;
    background-color: #f3f3f3;
}

#wpadminbar {
    position: fixed;
}

#page-header-bg {
    color: inherit !important;
}

#page-header-bg[data-parallax="1"] .vc_span6 {
    z-index:0;
}

#page-header-bg .row {
    visibility:visible;
}

#page-header-bg h1 {
    font-family: 'Merriweather', serif;
    font-weight: normal;
}

.project-title .section-title {
    padding: 0 !important;
}

.single-portfolio .row .col.section-title h1 {
    text-align: left;
    text-transform: uppercase;
}

.single-portfolio .row .col.section-title h1 a {
    color: #FFFFFF;
}

body .sf-menu li li ul {
    left: -16em!important;
}

.row .col img {
    margin-bottom: 0;
}

/* responsive.css */
body.single-portfolio .row .col.section-title h1 {
    width: auto !important;
    margin: 0 !important;
}

header#top nav > ul > li > a {
    font-size:1.25em;
    font-family: 'Libre Franklin', sans-serif;
    text-transform:uppercase;
}

header#top nav ul #search-btn > div {
    border-left:none!important;
    padding-left:0;
}

header#top nav ul #search-btn a span {
    font-size:19px;
}

header a.sf-with-ul {
    padding-top: 5px;
}

#search-outer #search input[type="text"] {
    font-family: 'Libre Franklin', sans-serif;
    font-size:1.3em;
    color:#999;
}

.sf-sub-indicator [class^="icon-"],.sf-sub-indicator [class*=" icon-"] {
    font-size:1.3em;
    line-height:18px;
}

#header-secondary-outer {
    background-color:#101010;
    border-bottom: none !important;
    padding: 0;
}

#header-space {
    height: 144px !important;
}

.secondary-production {
    line-height:13px !important;
    font-size:11px !important;
    font-family: 'Libre Franklin', sans-serif;
    color:#fff;
    display:inline-block;
    padding:10px !important;
}

#header-secondary-outer nav > ul > li > a {
    font-family: 'Libre Franklin', sans-serif;
    color:#fff;
    border-left:1px solid transparent;
}

#portfolio-extra .vc_row-fluid:first-child {
    padding-top: 20px !important;
}

#social img {
    padding-top:10px;
    margin-bottom:0;
}

#call-to-action .container {
    max-width:650px;
    padding:60px 0!important;
}

#call-to-action .container span {
    letter-spacing:normal;
    line-height:1.15em;
}

#call-to-action {
    font-weight:400;
    -webkit-font-smoothing:antialiased;
}

#call-to-action span {
    font-family:'Libre Franklin', sans-serif;
    font-size:1.8em;
    color:#fff !important;
    letter-spacing:normal;
    text-transform:uppercase;
    font-weight: 600;
}

#footer-support {
    background:#252525;
    border-bottom:1px solid #444;
}

#footer-support .container {
    margin-bottom:10px;
}

#footer-support .row {
    margin-bottom:30px;
}

#footer-support .support-by {
    font-family: 'Libre Franklin', sans-serif;
    color:#777;
    font-size:.96em;
    display:inline-block;
    width:100%;
    text-align:center;
    margin-bottom:15px;
    padding-top:30px;
}

#footer-outer a,#footer-outer {
    color:#777 !important;
}

#footer-outer .row {
    padding-top:30px;
}

#footer-outer #copyright {
    padding:0;
}

#footer-outer #copyright p {
    font-family: 'Libre Franklin', sans-serif;
    margin: 18px 0;
}

#footer-outer #copyright p span {
    border-bottom:1px solid;
}

#footer-outer #copyright #sponsors {
    float: right;
}

#footer-outer .widget.widget_nav_menu li a {
    font-family: 'Libre Franklin', sans-serif;
    color:#777;
    font-size:.96em;
}

#footer-outer .widget.widget_categories li a,#footer-outer .widget.widget_pages li a,#footer-outer .widget.widget_nav_menu li a {
    padding:2px 0;
}

#footer-outer #footer-widgets .col p {
    font-family: 'Libre Franklin', sans-serif;
    color:#777;
    font-size:.96em;
    padding:2px 0;
}

#footer-outer .widget h4 {
    font-family: 'Libre Franklin', sans-serif;
    letter-spacing:normal;
    margin-bottom:4px;
}

#footer-outer #footer-widgets .col ul li {
    border-bottom:none!important;
}

#post-area p {
    font-size: 18px;
    line-height: 1.5;
    color: #323232;
    padding: 5px 0 20px;
}

#post-area p.caption{
    font-size: 13px !important;
    padding: 0px;
}
.blog-recent .col {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    display: inline-block;
    margin-bottom: 2.5%;
    padding: 18px;
    position: relative;
    width: 23.5%;
}

.blog-recent h3 {
    font-family: 'Libre Franklin', sans-serif;
    color:#777;
    font-size:24px !important;
    font-weight:400;
    line-height:24px;
    letter-spacing:normal!important;
}

.container h1{
    padding-bottom:15px !important;
}

.row .col.section-title p {
    font-family: 'Libre Franklin', sans-serif;
    font-weight:200;
    padding-bottom: 0;
}

#page-header-wrap {
    background-color: #000;
    margin-top: 0px !important;
}

.carousel-heading h2, .recent-posts-title {
    font-family: 'Libre Franklin', sans-serif;
    font-size:1.8em!important;
    color:#333!important;
    letter-spacing:normal!important;
    text-transform:uppercase;
}

.carousel-wrap[data-full-width="false"] .carousel-heading h2 {
    font-size:1.8em!important;
}

.work-item style-3 h3 {
    font-size:14px !important;
    font-weight:800!important;
    line-height:16px !important;
    text-align:left!important;
}

body.single-portfolio .container-wrap, body.page-template-template-portfolio-php .container-wrap, body.tax-project-type .container-wrap {
    padding-bottom: 0px !important;
}

#page-header-bg:before{
    background-color: rgba(0,0,0,0.4);
}

#page-header-bg .container h1 {
    text-transform: unset;
}

body[data-bg-header="true"] .container-wrap {
    padding-bottom: 40px !important;
}
body.single-portfolio div[data-project-header-bg="true"] .container-wrap {
	margin-top: -13px !important;
}

@media only screen and (min-width : 1px) and (max-width : 1000px) {
    body[data-bg-header="true"] .container-wrap {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

.nectar-love-wrap {
    display: none!important;
}

.nectar-button.medium {
    font-family: 'Libre Franklin', sans-serif;
    font-size:14px !important;
    color: #FFF!important;
    text-transform:uppercase;
    background-color: #1aafe0!important;
    padding: 14px 14px !important;
    border-radius: 4px !important;
}

@media only screen and (min-width: 1000px) {
    #page-header-bg .span_6 {
        width: 49%!important;
    }
}

#footer-support {
    position: relative;
}

#header-outer .caroufredsel_wrapper {
    height:120px !important;
}

#header-outer[data-full-width="true"] header > .container{
    padding: 3px 28px 4px !important;
}

#page-header-bg[data-parallax="0"]  {
    height:auto !important;
    max-height: 642px;
}

.single-portfolio #page-header-bg:after {
    content: '';
    pointer-events: none;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    /*background-image:  linear-gradient(0deg,rgba(39, 39, 39, 0.8) 28%,rgba(64, 64, 64, 0.6) 58%,rgba(76, 76, 76, 0) );*/
    z-index: 2;
}


@media only screen and (max-width : 690px) {
    .blog-recent .col  {
        width: 100% !important;
    }

    .row .col.section-title .facebook-like span {
        display: inline-block !important;
    }
    span.caption-toggler {
        display: inline-block;
    }
    .cq-cards-container div.card-caption-container {
        display: none;
    }

}

@media only screen and (min-width: 690px){
    .project-title .span_6 {
        top: 0 !important;
    }


}


@media only screen and (min-width: 690px) and (max-width: 1000px){
    .project-title {
        top: 0 !important;
    }
}

@media only screen and (max-width: 1000px){
    #header-secondary-outer[data-full-width="true"] > .container nav > ul > li:last-child {
        border-right: none !important;
    }
    #header-secondary-outer nav ul.sf-menu {
        border-top: none !important;
        padding-top: 0;
    }

    .secondary-production {
        display:inherit !important;
        text-align:center !important;
    }
    #footer-outer #copyright p{
        line-height: 24px;
        text-align: center;
    }

}

@media only screen and (min-width: 1001px){
    #page-header-bg[data-parallax="1"] .project-title {
        top: 120px !important;
    }
    #page-header-bg .container h1 {
        padding-top:74px;
    }
    #header-featured-image {
       /* padding-top:77px;*/
    }
    #column_portfolio #header-featured-image {
        padding-top: 0px;
    }
    #comment-pagination {
        display: none;
    }
    #header-outer header#top nav > ul.buttons {
        overflow: visible !important;
    }
    .story-banner {
        max-width: 728px;
        overflow: hidden;
        margin: 0 auto;
    }

    .admin-bar #header-secondary-outer[data-nav="1"] ~ #header-outer[data-using-secondary="1"] {
        top: 121px;
    }

    .admin-bar #header-secondary-outer[data-nav="0"] ~ #header-outer[data-using-secondary="1"] {
        top: 95px;
    }

    #header-secondary-outer[data-nav="1"] ~ #header-outer[data-using-secondary="1"] {
        top: 90px;
    }

    #header-secondary-outer[data-nav="0"] ~ #header-outer[data-using-secondary="1"] {
        top: 64px;
    }
    .stations-table {
        font-size: 16px;
        margin: 0 auto;
        width: 835px !important;
    }
}

.carousel-wrap[data-full-width="true"] .carousel-heading {
    background-color: inherit !important;
    padding: inherit !important;
    margin-bottom: inherit !important;
    text-align: inherit !important;
    min-height: inherit !important;
    position: absolute;
    margin-top: 49px;
    width: 100%;
}

body .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-prev {
    left: 0px !important;
    margin-left: 0px;
    text-align: left !important;
}

body .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-next {
    right: 0px !important;
}

body .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link, body .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-prev, body .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-next {
    top: 0px !important;
}

/*.carousel-prev, .carousel-next {
    height: 170px;
    position: absolute;
    top: 50%;
    margin-top: -85px;
}

.carousel-prev, .carousel-next {
    background: center center no-repeat #ccc;
    width: 5%;
}
.carousel-prev:hover, .carousel-next:hover {
    background-color: #bbb;
}
.carousel-prev {
    background-image: url( http://coolcarousels.frebsite.nl/c/30/img/gui-prev.png );
    left: 0;
}
.carousel-next {
    background-image: url( http://coolcarousels.frebsite.nl/c/30/img/gui-next.png );
    right: 0;
}*/

/*
 comment style: Dark theme
*/

/* Quick and crude reset */
#comments div, #comments fieldset, #comments cite, #comments p, #comments label,
#comments form, #comments img, #comments blockquote, #comments #commentlist ul,
#comments #commentlist li, #comments #respond textarea, #comments #commentlist,
#comments #commentlist img.photo, #comments #respond input, #comments span,
#comments #trackback-list, #comments #trackback-list li  {
    background-color: transparent;
    background-image: none;
    border: 0 none;
    outline: 0 none;
    padding: 0;
    margin: 0;
    list-style: none outside;
    font-style: inherit;
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    text-indent: 0;
    clear: none;
    float: none;
    color: #ddd;

    /* Kill box shadows from 2010 theme */
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#comment-form blockquote p {
    color:#999!important;
}

#comments #commentlist {
    max-height: 420px;
    overflow-y: scroll;
    background:#1aafe0;
}

#comments .comment-body,
#comments .comment-body *,
#comments #commentlist li,
#comments #respond textarea,
#comments #respond input {
    width: auto;
    height: auto;
    min-height: 0;
    min-width: 0;
}

#comments #respond textarea, #comments #respond input[type="text"] {
    color: #666 !important;
}

#comments #commentlist img.photo,
#comments img.avatar {
    border: 0 none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto;
    height: auto;
    float: none;
    position: static;
}

#comments {
    display: block;
    clear: both;
    overflow: hidden;
    min-height: 1px;
    position: relative;
    z-index: 10;
}

#comments ul#commentlist ul li {
    margin-left: 20px;
}

#comments ul#trackback-list {
    display: block;
}

#comments .trackback-toggle,
#comments ul#commentlist div.toggle,
#comments ul#commentlist li .comment-body {
    background-color: #1aafe0;
    /*border: dotted 1px #444;*/
    color: #fff;
    padding: 9px 22px;
    overflow: auto;
    /*margin-bottom: 11px;*/

    -webkit-transition:background-color 0.25s ease-in;
    -moz-transition:background-color 0.25s ease-in;
    transition:background-color 0.25s ease-in;

    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
}

#comments .comment-body .moderation,
#comment-form .error {
    background-color: #422;
    /*border: dotted 1px #522;*/
    margin-top: 5px;
    color: #ddd;
    padding: 9px;
    font-size: 13px;
    min-height: 1px; /* IE7 */

    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
    text-transform:uppercase;
}

#comment-form .error {background-color: #f55567;}

#comments .comment-body .moderation {
    display: block;
    color: #fff;
    margin-bottom: 3px;
    clear: both;
    font-size:13px;
    padding: 9px;
    background-color: #1aafe0;
}

#commentlist .comment-author-avatar {
    display: inline;
    float: left;
    margin: 0 10px 10px 0;
}

#commentlist li.bypostauthor > div.comment-body .comment-author-avatar {
    padding-bottom: 5px;
    border-bottom: solid 5px #550;
}

#comments .trackback-toggle,
#comments ul#commentlist div.toggle {
    cursor: pointer;
    zoom: 1;
    color: #666;
    padding: 6px 22px !important;
    margin-top: -10px;
    margin-bottom: 0px !important;
}

/*#comments cite,*/
#comments div.toggle .poster-name {
    /* font-weight: bold;
     font-style: oblique;*/
    color: #000;
}

#comments .trackback-toggle:hover,
#comments ul#commentlist div.toggle:hover {
    background-color: #1496c0;
}

#comments .with-avatar #comment-form,
#comments .with-avatar .comment-content {
    margin-left: 76px;
}

#commentlist .children .with-avatar .comment-content {
    margin-left: 44px;
}

#comments .comment-meta {
    /*margin-bottom: 3px;*/
    height: auto;
    font-size: 13px;
}

/* Comment buttons */

#comments .moderation-buttons,
#comments .comment-buttons {
    /* margin-top: 9px;*/
    overflow: hidden;
}

#comments .comment-buttons .comment-button,
#comments .comment-buttons a ,
#comments .moderation-buttons a,
#comments #respond .comment-buttons input {
    text-align: center;
    position: static;
    border: 0 none;
    cursor: pointer;
    margin: 0 0 0 10px;
    float: right;
    /*padding: 0 5px;*/
    /*background: none #333;*/
    color: #fff;
    font-size: 13px;
    height: 18px;
    line-height: 18px;

    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
}

#comments .moderation-buttons a {
    color: #fff;
    opacity: 0.8;
    -moz-opacity: 0.8;

    transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

#comments .moderation-buttons a:hover {
    opacity: 1;
    -moz-opacity: 1;
}

#comments .comment-buttons a.comment-button,
#comments .comment-buttons a.comment-edit-link {
    float: left;
    margin: 0 5px 0 0;
    transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

#comments .comment-buttons a.comment-edit-link {
    margin-left:10px !important;
}

#comments #cancel-comment-reply-link:link,
#comments #cancel-comment-reply-link:active,
#comments #cancel-comment-reply-link:focus {
    background-color: #666;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 10px;
    height: auto;
    border :0;
    transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

#comments #cancel-comment-reply-link:hover {
    opacity: 0.8;
}

#comment-form .comment-buttons {
    padding-top: 9px !important;
}

.comment-buttons .comment-reply-link {
    margin: 0 !important;
    background: none;
    float: left !important;
    text-decoration: underline;
}

.comment-buttons .comment-reply-link:hover {
    background:none !important; text-decoration:none;
}

#comments .comment-buttons input:active, #comments .comment-buttons input:focus,
#comments .comment-buttons input:hover, #comments .comment-buttons a:active,
#comments .comment-buttons a:focus, #comments .comment-buttons a:hover,
#comments .comment-button:active, #comments .comment-button:focus,
#comments .comment-button:hover,
#comments .moderation-buttons a:focus,
#comments .moderation-buttons a:hover {
    /* background-color: #666;*/
    color: #fff
}

#comments #comment-form .comment-buttons input.disabled,
#comments #comment-form .comment-buttons input.disabled:active,
#comments #comment-form .comment-buttons input.disabled:focus,
#comments #comment-form .comment-buttons input.disabled:hover {
    background-color: #444;
    cursor: wait;
    color: #666;
}

/* End Comment buttons */

#comments #respond .comment-form-email,
#comments #respond .comment-form-author,
#comments #respond .comment-form-url,
#comments .comment-form-row {
    overflow: hidden;
    margin-bottom: 10px;
    width: 49%;
    float: left;
}

#comments .comment-form-row:first-child {margin-right:2%;}

#comments #respond .comment-form-email input,
#comments #respond .comment-form-author input,
#comments #respond .comment-form-url input,
#comments #respond .comment-form-row input,
#comments #comment-form .textarea-border {
    /*border: dotted 1px #444;*/
    background-color: #fff;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    clear: both;




}

#comments #respond .comment-form-row label {
    /*float: left;*/
    width: 18%;
    font-size: 13px;
    display: inline-block;
    padding-top: 10px;
    color: #666;
}

#comments #respond .comment-form-url input,
#comments #respond .comment-form-author input,
#comments #respond .comment-form-email input,
#comments #respond .comment-form-row input {
    width: 100%;
    float: right;
    margin: 0;
    padding: 3px 2px 2px;
    font-size:15px;
}

#comments #respond .comment-form-row label  {
    margin-left: 5px;
}

#comments .textarea-border {
    padding: 5px;
}

#comment-form span.required {
    display: block;
    text-align: right;
    font-size: small;
    color: #999;
}

#comments #comment-form .oops {
    background: url( 'img/system-error.png' ) no-repeat 98% center;
}

#comments #comment-form textarea.oops {
    background-position: right top;
}

#comments textarea#comment {
    border: 0 none;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    font-size:15px;
    height:42px !important;
}


/* Pagination */
#comments #comment-pagination {
    clear:both;
    text-align: center;
    padding: 1em 0;
}
#comments .page-links a {text-decoration:none}

#comments .page-numbers {
    line-height: 26px;
    height: 26px;
    min-width: 20px;
    padding: 0 3px;
    margin-right: 2px;
    display: inline-block;
    text-align:center;
    text-decoration:none;
    /*-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;*/

    background-color: #000;
    color:#fff;
}

#comments a.page-numbers:focus,
#comments a.page-numbers:hover {
    background-color: #f00;
    color: #600;
}

#comments span.dots,
#comments a.prev, #comments a.next {
    background-color:transparent;
    color: #fff;
}

#comments a.prev, #comments a.next {
    font-size: 17px;
    line-height: 26px;
    vertical-align:top;
}

/* Colours */

#comments a.prev:focus,
#comments a.next:focus,
#comments a.prev:hover,
#comments a.next:hover {
    color:#ccc;
    background-color:transparent;
}

#comments .current {
    background-color:#333;
    color:#666;
}

#comments #comment-pagination span.current {
    background-color:#333;
    color:#666;
}

#comments #comment-pagination .page-numbers {
    color:#ddd;
    background-color: #333;
    text-decoration:none;
}

#comments #comment-pagination span.dots,
#comments #comment-pagination a.prev,
#comments #comment-pagination a.next {
    background-color:transparent;
    color: #ddd;
}

#comments #comment-pagination a.page-numbers:focus,
#comments #comment-pagination a.page-numbers:hover {
    background-color: #666;
    color: #fff;
    text-decoration:none;
}

#comments #comment-pagination a.prev:focus,
#comments #comment-pagination a.next:focus,
#comments #comment-pagination a.prev:hover,
#comments #comment-pagination a.next:hover {
    background-color:transparent;
    color:#666;
}

.ie #comments ul#commentlist li .comment-body,
.ie6 #comments .comment-buttons {
    zoom: 1
}

#comments .comment-title {
    font-size: 17px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: normal;
    text-transform:uppercase;
    /* margin-bottom: 0.5em;*/
    background-color: #1aafe2;
    padding: 16px 22px;
    /* border-bottom: 1px solid #000;*/
}

#comments .comment-title span {
    float: right;
    color: #ffffff;
    font-size: 13px;
    width: 150px;
    margin-top: -10px;
    margin-right: -18px;
}

#comments .comment-title span a {
    color: #ffffff !important;
}

ul#trackback-list {
    margin: 0;
    padding: 0;
}

#trackback-list li {
    margin-bottom: 20px;
}

#comment #commentlist .pingback cite.fn,
#comment #commentlist .trackback cite.fn,
#comment #trackback-list cite.fn {
    display:block;
}

/*
 For RPX openid plug-in and
 anyone else who sticks a
 small image next to the
 name.
*/
#commentlist cite.fn img {
    vertical-align: text-top;
    float: right;
}

#commentlist cite.fn {
    font-style: normal;
    font-weight: normal;
    color: #000;
}

#commentlist span.date {
    color: #666;
}

#commentlist .pingback span.date,
#commentlist .trackback span.date,
#trackback-list span.date {
    font-style: italic;
    color: #a3a3a3!important;
}

#trackback-list .comment-body {
    padding-bottom: 10px;
    margin-bottom: 15px;
    /*border-bottom: dotted 1px #444;*/
}

#comment-form blockquote {
    border-left:0.325em solid #444;
    font-style:italic;
    margin:0 6%;
    padding-left:0.65em;
}

#comments .comment-text {
    overflow: hidden;
}

#comments .comment-text p {
    font-size: 15px !important;
    color:#fff;
}

#comments .comment-text blockquote {
    margin-bottom: 0.75em;
    padding-left: 2em;
    border-left: 5px solid #444;
}

#comments .comment-text img {
    max-width: 100%;
}

#comments .reply-quote cite {
    font-weight: 700;
}

.tb-from {
    font-style: italic;
}

.comment-link-display {
    padding: 5px 10px;
    color: #fff;
    background-color: #333;
    /*border: dotted 1px #444;*/
    cursor: pointer;

    /*-moz-border-radius: 5px;
    -moz-box-shadow: 0 0 4px 0 rgba( 255, 255, 255, 0.5 );

    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 4px 0 rgba( 255, 255, 255, 0.5 );

    -o-border-radius: 5px;
    -o-box-shadow: 0 0 4px 0 rgba( 255, 255, 255, 0.5 );

    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgba( 255, 255, 255, 0.5 );*/
}

.comment-link-display input {
    background-color: #333;
    /*border: dotted 1px #555;*/
    color: #ccc;
    cursor: text;
    width: 250px;
    margin-left: 5px;
}

#comments .comment-body .trackback-toggle {
    margin: -9px -9px -9px -9px;
    padding-bottom: 10px;
    border: 0 none;
}

#comments .comment-body .with-toggle {
    margin-top: 18px;
}

#comments .comment-body .comment-meta .new-comment {
    display: inline;
    float: right;
    width: 20px;
    height: 20px;
    background: url( 'img/badge-new.png' ) no-repeat center center transparent;
    margin-left: 8px;
}

#comments ul#commentlist li.new > .comment-body {
    /*border: 2px solid #337FBA;*/
    background-color: #333;
}

#quote-float {
    border: solid 1px #333;
    background: url( 'img/arrow-left-alt.png') no-repeat left center #000;
    color: #ddd;
    cursor: pointer;
    padding: 3px 10px 3px 24px;

    /*-moz-border-radius: 3px;
    -moz-box-shadow: 3px 3px 4px rgba( 0,0,0,0.3 );
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 3px 3px 4px rgba( 0,0,0,0.3 );
    border-radius: 3px;
    box-shadow: 3px 3px 4px rgba( 0,0,0,0.3 );*/
}

#comment-form span.required {
    display: none;
}

#comments #response-cont {
    padding: 17px 0;
    /*background: #000;
    border-right: 2px #252525 solid;
    border-left: 2px #252525 solid;
    border-bottom: 2px #252525 solid;*/
}

#comments li#response-cont #respond {
    overflow: hidden;
}

#comments #response-cont .comment-title {
    font-size: 16px;
    color: #666;
    background: none;
    padding: 0;
}

.single-portfolio .comments-section #respond {
    margin-top: 0px;
}

.comment-buttons .submit {
    border-radius: 4px !important;
    color: #fff !important;
    padding: 10px !important;
    height: auto !important;
    background: #1aafe0 !important;
    text-transform: uppercase !important;
    transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

.comment-buttons .submit:hover {
    opacity:0.8;
}

#comments .comment-body a, #comments .comment-body a:hover { color:#fff; text-decoration:underline; font-weight:normal;
    -webkit-transition:all 0.25s ease-in;
    -moz-transition:all 0.25s ease-in;
    transition:all 0.25s ease-in;
}
#comments .comment-body a:hover { opacity:0.8;}

.card-caption-container .caption-content {
    text-align:left !important;
}

.cq-cards-container .card-caption-container h3 {
    font-style:italic !important;
    color:#999 !important;
}

.card-caption-container .caption-content  p {
    font-size:16px !important;
    color: #676767;;
}

.slick-slider { margin-bottom:0px !important;}

@media only screen and (max-device-width: 480px) {
    #comments #respond .comment-form-email, #comments #respond .comment-form-author, #comments #respond .comment-form-url, #comments .comment-form-row {
        width: 100% !important;
        float: none;
    }
    #comments .comment-form-row { width:100% !important;}
    #comments .comment-form-row:first-child { margin:0 !important;}
}

@media only screen and (max-width: 480px) {
    #comments .comment-title span {
        display: none;
    }
}

@media only screen and (min-width: 392px) {
    #footer-outer #copyright #sponsors {
        margin-top: 10px;
    }
}

header#top nav > ul.buttons > li:first-child {
    padding-right: 10px !important;
}

header#top nav > ul.buttons > li > a {
    padding-right: 0px !important;
    padding-left: 11px !important;
}

#top [class^="social-icon"] {
    height: 35px;
    width: 35px;
    line-height: 35px;
    border: 1px !important;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    background-image: none !important;
    font-size: 17px !important;
    background-color: #000 !important;
}
#top .sf-menu {
    margin-top: 8px !important;
}
.sf-menu ul {
    margin-top: -3px;
}
#top .menu-item a{
    padding-bottom: 10px !important;
}

@media only screen and (min-width: 1001px){
    #footer-social{
        display: none;
    }
}

#footer-social .col{
    display: flex;
}
#footer-outer #footer-social ul#social li{
    float:left;
    padding-left: 11px !important;
    width: auto;
    margin: auto;
}
#footer-outer .row#footer-social {
    padding: 0px;
}
#footer-social ul {
    margin: 0 auto;
}
#footer-social [class^="social-icon"] {
    color: #000;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border: 1px !important;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    background-image: none !important;
    font-size: 17px !important;
    background-color: #FFF !important;
}



#search-results .result .title,
#search-results .result .title span,
.search .portfolio-items .work-meta .title a,
.page-template-template-portfolio-php .portfolio-items .work-meta .title a,
.archive .portfolio-items .work-meta .title a {
    font-family: 'Merriweather', serif;
    font-size: 17px;
    line-height: 1.6em;
    margin-bottom: 4px;
}


.search .row,
.page-template-template-portfolio-php .row {
    padding: 0;
}


body.page-template-template-portfolio-php .container-wrap {
    margin-top: -68px !important;
    padding-top: 87px !important;
}

.portfolio-items .col .work-item {
    margin-bottom: 12px;
}

.search .portfolio-items .col .work-item {
    margin-bottom: 9px;
}

.portfolio-items .col .work-item.style-3 h3 {
    font-size:16px !important;
    line-height:20px !important;
}

.portfolio-items .col.span_3 .work-meta h4 {
    letter-spacing: 0px;
}

.portfolio-items .col.span_3 {
    width: 23.2%;
    margin-left: 0.85%;
    margin-right: 0.85%;
}

.page-template-default .main-content p {
    font-size:16px !important;
}
    

.caption-toggler {
    background-color: #3bafda;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 4px 6px;
    text-align: center;
    text-transform: none;
    transition: all 0.3s ease 0s;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.caption-toggler:hover {
    background-color: #4a89dc;
}

.portfolio-items .work-meta {
    width: 100%;
}

.portfolio-items .col.span_3 .work-meta {
    padding: 0 12px 7px;
}

#portfolio .element {
    min-height: 350px;
    transform: none !important;
}

#portfolio .element h4.title {
    max-height: 110px;
    overflow: hidden;
    padding-bottom: 2px;
}

body #infscr-loading,
body .default-skin-loading-icon,
body .portfolio-loading {
    background-image: url("img/icons/ajax-loader.gif");
    position: relative; 
    z-index: 0;
    bottom: 0;
}

body {
    color: #1A1A1A;
     background-color: #FFF !important;
}


.search .row .page-title h1, .page-template-template-portfolio-php .row .page-title h1 {
    color: #2B2B2B;
}

.call-to-action-container {
    background-color: #000;
    padding-top: 30px;
}

#page-header-bg{
    background-color: #FFF !important;
    color: #1A1A1A !important;
}


.single-portfolio .row .col.section-title h1 a {
    color: #1A1A1A;
}


@media only screen and (min-width: 1000px) and (max-width: 1300px) {

    body #portfolio.portfolio-items .col.span_3 .work-meta,
    body #portfolio.portfolio-items .col.span_4 .work-meta {
        width: auto !important;
    }

    body #portfolio.portfolio-items .col.span_3 .nectar-love-wrap,
    body #portfolio.portfolio-items .col.span_4 .nectar-love-wrap  {
        display: none;
    }

}

.carousel-wrap[data-full-width="true"] .carousel-heading {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body #error-404 h1 {
    font-size: 120px !important;
    line-height: 62px !important;
}

.single .row .section-title, .row .section-title {
    width: 84%;
    margin: 0 8% !important;
}

#footer-outer #copyright {
    background-color: #000;
    text-align: center;
    font-family: 'Libre Franklin', sans-serif;
}


.single-portfolio #post-area {
    width: 68%;
    margin-top: 0;
    background-color: #FFF;
    padding: 40px 40px 0 40px;
}
.single-portfolio #sidebar h3{
    padding-bottom: 21px;
}

#column_portfolio .wpb_column, #column_portfolio .wpb_column .slick-slide, #column_portfolio  .wpb_column .slick-track {
    width: 100% !important;
    margin-left: 0px !important;
}

.story-banner {
    padding:0 0 50px;
}

.ads iframe {
    /*background: red;*/
}

#ad-pencil-top {
    max-width: 970px;
    margin: 0 auto;
    padding: 7px 0;
    box-sizing: content-box;
	display: block !important;
}

#ad-leaderboard-bottom {
    padding: 0 0 30px 0;
    margin: 0 auto;
}

#ad-pencil-top,
#ad-leaderboard-bottom {
    width: 320px;
    height: 50px;
}

#ad-sidebar-top,
#ad-sidebar-bottom {
    width: 300px;
    height: 250px;
    margin: 0 auto;
    clear: both;
}


@media (min-width: 970px){

    body[style^="overflow: visible"] #ad-pencil-top>div iframe { 
        position: relative !important;
    }

    #header-secondary-outer, 
    #header-outer {
        position: static;
        min-height: 65px !important;
    }
   
    #header-space {
        height: 0px !important;
        
    }
    #ad-pencil-top>div iframe{
        height: 50px;
        transition: height 200ms ease-in-out 0s;
    }
    #ad-pencil-top, #ad-pencil-top>div {
        width: 970px;
        height: auto !important; 
    }

}

@media (min-width: 732px){
    #ad-leaderboard-bottom {
        width: 728px;
        height: 90px;
    }
}


#page-header-bg[data-parallax="0"] {
    /*min-height: 645px !important;*/
    background-size: cover;

}

.row .col.section-title {
    text-align: center;
}

.row .col.section-title p.date {
    margin-bottom: 35px;
    padding-bottom: 0px;
    font-size: 17px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    color: #d2d2d2;
}


.single-portfolio #page-header-bg .container h1 {
    margin: 0 auto 25px !important;
    padding: 0px;
    font-size: 58px;
    line-height: 1.21em;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.row .col.section-title div.excerpt {
    width: 75%;
    margin: 0 auto 20px auto;
}

.row .col.section-title div.excerpt p {
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    font-size: 27px;
    line-height: 1.4em;
    color: #d2d2d2;
}

.row .col.section-title p.stats {
    margin-bottom: 18px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
.row .col.section-title .views {
    text-transform: uppercase;
}

.row .col.section-title .views a {
    color:#FFF;
}

.row .col.section-title .comments a{
    text-transform: uppercase;
    margin-right: 5px;
}
.row .col.section-title .comments a:hover{
    transition: ease 1.3s;
    -moz-transition: ease 1.3s;
    -webkit-transition:ease 1.3s;
}
.row .col.section-title p {
    color:#FFF;
    text-align: center;
}

.row .col.section-title .stats span {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 16px;
    border-color: red;
}

.row .col.section-title p.credits {
    font-size: 14px;
    color:#BFBFBF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    font-style: italic;
    text-align: right;
    padding-right: 40px;
}

.main-content h1  {
    font-size: 35px;
    line-height: 1.5em;
    color: #333;
    padding-bottom: 0px !important;
}

.main-content #post-area p.meta {
    font-size: 12px !important;
    text-align: right;
    width: 60%;
    float: right;
    color: #676767;
    padding: 10px 0 15px;
}

.main-content #post-area p.meta .author {
    margin-right: 8px;
}
.main-content #post-area p.meta .author:after{
    content: "|";
    font-size: 12px;
    vertical-align: top;
    padding-left: 8px;
}
#post-area .meta .categories {
    display: block;
}
.main-content #post-area div.excerpt {
    margin-bottom: 20px;
}

.main-content #post-area div.excerpt p {
    font-size: 17px !important;
    line-height: 1.31em;
    padding-bottom: 0;
}

header#top {
    max-width: 1680px;
    margin: 0 auto;
    background-color: #FFF;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.22);
}

body.single-portfolio .container-wrap {
    padding-top: 10px !important;
}

#full_width_portfolio col {
    margin-right: 20px;
}

#comments .comment-title {
    background-color: #FFF;
    color: #333 !important;
    padding-left: 0px;
}

#comments #commentlist {
    background: #FFF;
    max-height: 420px;
    overflow-y: auto !important;
    color: #333 !important;
}

#comments #respond .comment-form-email input, #comments #respond .comment-form-author input, #comments #respond .comment-form-url input, #comments #respond .comment-form-row input, #comments #comment-form .textarea-border {
    border: 2px solid #CCC !important;
    font-size: 16px;
    font-family: 'Libre Franklin', sans-serif;
}

.avatar {
    border-radius: 3px;
}

#comments .trackback-toggle, #comments ul#commentlist div.toggle, #comments ul#commentlist li .comment-body {
    background: #FFF;
}

#comments a:link, a.comment-button {
    color: #333 !important;
}


#comments .comment-body a, #comments .comment-body a:hover {
    color: #999;
}

#comments .comment-text p {
    color: #494D5A;
}

#comment-form .comment-meta cite.fn  {
     color: #494D5A;
}

#commentlist cite.fn {
    color: #1AAFE0;
    font-weight: bold;
}

#comments .trackback-toggle:hover, #comments ul#commentlist div.toggle:hover {
    background-color: #DDDDDD;
}

#comments .comment-body .moderation {
    background-color: #FFF;
    color: #494D5A;
}

.comment-body {
    padding-left: 0px !important;
}

.main-content .wpp-list {
    list-style: none;
    clear: both;
    margin-left: 0px;
}

.wpp-list li {
    float: left !important;
    width: 288px;
    clear: none !important;
    margin-left: 29px;
    min-height: 295px;
    list-style: none !important;
    background-color: #FFF;
    margin-bottom: 20px;
}

.wpp-list li:first-child, .wpp-list li:nth-of-type(4)  {
    margin-left: 0;
}
.wpp-list li a{
    line-height: 1.4em !important;
}
.wpp-list img {
    margin-bottom: 12px !important;
    display: inline;
}
.wpp-list h4 {
   font-family: 'Libre Franklin', sans-serif;
   font-size: 16px;
   padding-left: 12px;
   padding-right: 12px;
   line-height: 1.11em;
   margin-bottom: 0px !important;
}

.wpp-list p {
    font-size: 13px;
    color: #999;
    padding-left: 12px;
    padding-right: 12px;
}
.wpp-list p:last-child{
    padding-top: 4px;
}
.most_popular h3, .popular-posts h3 {
    font-family: 'Merriweather', serif;
    margin-bottom: 39px !important;
}

.most_popular, .popular-posts {
    margin-bottom: 20px;
    width: 925px;
}

#sidebar {
    width: 300px;
}

#sidebar h3 {
    font-family: 'Merriweather', serif;
}

@media only screen and (max-width: 1000px){
    .most_popular, .popular-posts {
        width: auto;
    }
    .wpp-list li:first-child, .wpp-list li:nth-of-type(4)  {
        margin-left: 24px;
    }

    .wpp-list li {
        margin-left: 24px;
    }

    .wpp-list li:first-child, .wpp-list li:nth-of-type(2n+1)  {
        margin-left: 0;
    }

    /*.span_8 {
        width: 63%;
    }*/

}

@media only screen and (max-width: 690px){
   
    .wpp-list li:first-child, .wpp-list li:nth-of-type(4)  {
        margin-left: 0px;
    }

    .wpp-list li {
        margin-left: 0px;
    }
}

.wpp-no-data {
    display: none;
}

.main-content #post-area p.meta.cols2 {
    width: 60%;
    float: right;
    font-size: 12px !important;
    color: #676767;
    padding: 10px 0;
    text-align: right;
}

.sharedaddy {
    width: 40%;
    float: left;
    margin-bottom: 5px;
    padding-top: 1px;
}

.sharedaddy h3 {
    font-family: inherit;
    font-weight: normal !important;
    font-size: 12px !important;
    color: #676767;
    line-height: 1;
    margin-bottom: 0 !important;
    padding-top: 6px !important;
}

.sharedaddy h3::before {
    display: none !important;
}

.sd-content li {
    padding-left: 0 !important;
}

.card-caption-container .caption-content {
    padding-top: 7px !important;
}

.card-caption-container .caption-content h3{
    margin-bottom: -4px !important;
}

.cq-cards-container {
  box-shadow: none !important;
  border-bottom: 1px solid #E5E5E5;
}

.cq-cards-container .card-caption-container .caption {
    margin-top: 0 !important;
    font-size: 12px !important;
    color: #1A1A1A;
}

.wpb_wrapper p > iframe{
    width: 100% !important;
    min-height: 320px;
    height: auto;
}

.wpb_column > .wpb_wrapper iframe{
    width: 100%;
}

.page-template-default .container-wrap {
    padding-top: 30;
    margin-top: 0;
}


.page #page-header-bg h1, .page #page-header-bg .subheader {
    color:#1a1a1a !important;
}


.stats .comments {
    line-height: 1.31em;
}

.stats .comments svg {
    width: 18px;
    vertical-align: middle;
    margin-left: 0px;
}

.stats .comments:hover svg polygon, .stats .comments:hover svg {
    transition: ease 1.3s;
    -moz-transition: ease 1.3s;
    -webkit-transition:ease 1.3s;
    fill: #FFF;
}

#column_portfolio .iframe-container {
    padding-bottom: 0px !important;
}



#page-header-bg {
    position: relative;
    min-height: 650px;
}

.single-portfolio #page-header-bg > .container {
    position: absolute;
    bottom: 20px;
    left:0;
    right: 0;
}



.contact-form .cf-ol span {
    margin-left: 15px;
}

.contact-form .cf-ol label span {
    margin-left: 0px;
}

.contact-form .cf-ol li {
    list-style: none;
}

.contact-form  textarea, .contact-form .cf-sb, #usermessagea {
    width: 50% !important   ;
}

.contact-form .cf-sb {
    text-align: right;
}


#usermessagea {
    padding: 8px;
    border-radius: 3px;
    margin-left: 30px;
}

#usermessagea.failure {
    background-color: #E8B2B1;
    color: #A11715;
    border: 1px solid #A11715;
}

#usermessagea.success     {
    background-color: #C4E4AD;
    color: #0B440C;
    border: 1px solid #0B440C;
}

@media only screen and (max-width: 1000px){
    .single-portfolio #page-header-bg .container h1 {
        font-size: 51px;
    }


    .contact-form  textarea, .contact-form .cf-sb, #usermessagea {
        width: 300px !important   ;
    }
}

@media only screen and (max-width: 768px){
    #page-header-bg > .container, #page-header-bg > .container .container {
        position: relative;
        max-width: 768px !important;
    }

    .row .col.section-title p.date {
        margin-top: 35px;
    }

}

@media only screen and (max-width: 690px){

    #page-header-bg {
        min-height: 450px !important;
    }

    #post-area p {
        font-size: 16px !important;
    }

    .row .col.section-title p.date {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .main-content h1 {
        font-size: 28px;
    }

    .single-portfolio #page-header-bg .container h1{
        line-height: 1.21em !important;
    }

    .row .col.section-title div.excerpt {
        width: 100%;
    }

    .row .col.section-title div.excerpt p {
        font-size: 20px;
    }

    .row .col.section-title p.credits {
        line-height: 1.01em;
    }

    .wpp-list li {
        margin-left: 0;
    }

    .col.most_popular, .col.popular-posts {
        width: 288px;
        margin: 0 auto;
        padding-top: 30px;
        clear: both;
        float: none;
    }

    .page-template-default #page-header-bg {
        height: 10px !important;
        min-height: 0px !important;
    }

    .page-template-default .container-wrap {
        padding-top: 20px !important;
    }

}

@media only screen and (max-width: 480px){

    .row .col.section-title p.date {
        font-size: 14px;
    }

    .single-portfolio #page-header-bg .container h1{
        line-height: 1.21em !important;
        font-size: 25px !important;
    }

    .row .col.section-title div.excerpt {
        width: 100%;
    }

    .row .col.section-title div.excerpt p {
        font-size: 16px;
         line-height: 1.01em !important;
    }

    .row .col.section-title p.credits {
        line-height: 1.01em;
    }

     #page-header-bg {
        min-height: 370px !important;
    }

}


#header-featured-image {
    margin-bottom: 25px;
}

.card-caption-container .caption-content {
    padding-top: 8px !important;
    padding-right: 10px !important;
}

.card-caption-container .caption-content h3 {
    text-align: right;
    line-height: 1.31em;
    margin-bottom: 8px !important;
}

#top .icon-envelope{
    font-size: 20px !important;
    line-height: 34px;
     }

.sendbutton {
    padding: 15px 30px !important;
}

#footer-outer #copyright p span{
    border: none !important;
}

.meta .categories a {
    white-space: nowrap;
}


#boxer .boxer-caption.gallery {
    line-height: 1.11em;
    padding-top: 8px;

}

.img-with-aniamtion-wrap {
    margin-bottom: 25px !important;
}

 #footer-outer #copyright .col{
        width: 100% !important;
    }
@media only screen and (min-width : 690px) and (max-width : 1000px) {
    #footer-outer #copyright .col{
        width: 100% !important;
    }
}

.wpb_wrapper p.iframe-container > iframe {
    min-height: 0;
}

.wp-caption-area {
  padding: 0;
  background-color: transparent;
  border: none;
  max-width: 100%;
}

#post-area .wp-caption-area {
  width: auto;
}
/* IF IMAGES NEEDS TO BE ON ORIGINAL SIZE */
#post-area .wp-caption-area img {
  margin-bottom: 0 !important;
}

#post-area .wp-caption-area.left {
  float: left;
  margin-right: 20px;
  margin-bottom: 12px;
}

#post-area .wp-caption-area {
  margin: 0 auto 30px auto;
}

#post-area .wp-caption-area.center {
  margin: 0 auto 30px auto;
}

#post-area .wp-caption-area.right {
  float: right;
  margin-left: 20px;
  margin-bottom: 12px;
}

#post-area .caption-text, .caption-text {
  padding: 10px 10px 10px 16px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #E5E5E5;
  border-top: none;
}

#post-area .wp-caption-area .clear {
  clear:both;
}

#post-area .caption-text p, .caption-text p {
  padding: 0;

}

#post-area .caption-text p.credit, .caption-text p.credit{
  text-align: right;
  font-size: 1.2em !important;
  color: #999;
  font-style: italic;
  padding-bottom: 4px;
  margin-bottom: 8px;
  font-size: 13px !important;
}

#post-area .caption-text p.caption, .caption-text p.caption {
  font-size: 112% !important;
}

.card-caption-container .caption-content {
  padding-left: 16px !important;
}

/*POST IMAGES WIDTH to 100%
#post-area .wp-caption img, #post-area .wp-caption {
  heigth: auto;
  width: 100% !important;
}*/

.wp-caption-area img {
  margin-bottom: 0px !important;
}

.wp-caption-area .image {
  line-height: 0;
}

@media only screen and (min-width : 1px) and (max-width : 480px) {
  .wpb_text_column {
    clear:both;
  }
  #post-area .wp-caption-area.left, #post-area .wp-caption-area.right {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

/********/
#search-outer #search #innersearch {
	list-style: none;
  cursor: pointer;
}

#search-outer  #search #innersearch a {
	position: absolute;
	right: 0px;
	top: 30px;
	display: block;
	width: 24px;
	height: 17px;
	line-height: 22px;
	z-index: 10;
}

#search-outer  #search #innersearch a span {
	color: #a0a0a0;
	font-size: 18px!important;
	height: 20px!important;
	line-height: 19px!important;
	background-color: transparent!important;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}


#search-outer > #search #innersearch a:hover span {
	color: #27CFC3;
}

.hidden {
  display:none;
}

.wp-caption-area.center {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
}


.page-template-page-archive ul.children {

}

.page-template-page-archive ul.children  ul.children {
  columns: 8;
  -webkit-columns: 8;
  -moz-columns: 8;
}

.page-template-page-archive p {
    font-size: 16px !important;
}

.page-template-page-archive h1 {
    color:#29c1e8;
}

.page-template-page-archive h3 {
    font-family: graystrokeregular;
    font-size: 16px;
}

.archive_list li {
    list-style: none !important;
    font-size: 14px;
}

@media only screen and (min-width : 1px) and (max-width : 480px) {
    .page-template-page-archive ul.children  ul.children {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2;
    }
    }

@media only screen and (min-width : 481px) and (max-width : 768px) {
    .page-template-page-archive ul.children  ul.children {
      columns: 3;
      -webkit-columns: 3;
      -moz-columns: 3;
    }
    }

@media only screen and (min-width : 769px) and (max-width : 1000px) {
    .page-template-page-archive ul.children  ul.children {
          columns: 5;
          -webkit-columns: 5;
          -moz-columns: 5;
        }
    }
@media only screen and (max-width : 1000px) {
    .main-content ul.archive_list {
        margin-left: 2px;
    }

    .archive_list li a{
        padding: 5px 0;
        display: inline-block;
    }
}


/*NEW HOME PAGE*/

.page-template-home #post-area {
    margin-top: 0;
}

.featured_row {
    margin-bottom: 21px;
}

.featured_row .module {
    background-color: #FFF;
}

.featured_row .date, .portfolio-items .date { 
    color: #767777;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 13px;
}

.portfolio-items .date { 
   margin-bottom: 5px;
   display: block;
}

.portfolio-items .col img {
    width: 100%;
    height: 193px;
    object-fit: cover;
}

.featured_row figure {
    margin: 0;
} 

.featured_row  figure img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

#post-area .featured_row h2 {
    font-size: 26px;
    line-height: 1.5em;
    margin-bottom: 0px;
    margin-top: 0px;
}

#post-area .featured_row p {
    font-size: 14px;
    line-height: 1.45em;
}

#post-area .featured_row img {
    display: block;
    width: 100%;
}

.featured_row.row_1 .module {
    padding: 7px;
}

#post-area  .featured_row.row_1 p {
    font-size: 15px;
    line-height: 1.61em;
}

.featured_row.row_1 figure {
    float: left;
    width: 61.535%;
}

.featured_row.row_1 figure img {
    height: 363px;
}

.featured_row.row_1 .text{
    float: left;
    width: 35%;
    padding: 0 1% 1%;
    margin-left: 2%;
    margin-top: 1%;
}

.featured_row.row_2 .row > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.featured_row.row_2 .module {
    border: 8px solid #FFF;
    min-height: 447px;
    float: left;
    width: 31.79%;
    margin-left: 2.3%;
}

#post-area .featured_row.row_2 h2, #post-area .featured_row.row_3 h2 {
    font-size: 17px;
    line-height: 1.6em;
}

.featured_row.row_2 .module:first-child {
    margin-left: 0;
}

.featured_row.row_2 figure img {
    height: 180px;
}


.featured_row.row_2 .module .text{
    padding: 16px 8px 5px 8px;
}

.featured_row.row_3 .module {
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 21px;
}

.featured_row.row_3 figure {
    float: right;
    width: 25%;
}

.featured_row.row_3 figure img {
    height: 147px;
}

.featured_row.row_3 .text{
    float: left;
    width: 73%;
    padding: 0 1%; 

}



.featured_row.row_4 .row > div {
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.featured_row.row_4 .module {
  width: 286px;  
  min-height: 285px; 
  margin: 0px 0 20px;  
  border: 8px solid #FFF;
}

.featured_row.row_4 .module figure img {
    width: 100%;
    height: 191px;
}


@media only screen and (max-width : 832px) {
    .featured_row.row_4 .row > div {
        justify-content: space-around;
    }
    .featured_row.row_4 .module {
     margin: 0px auto 15px;  
    }
}

.featured_row.row_4 figure {
    margin-bottom: 12px;
}

.featured_row.row_4 .text {
    padding: 0 12px 7px;
}

#post-area  .featured_row.row_4 h2{
    font-family: 'Merriweather', serif;
    font-size: 17px;
    margin-bottom: 4px;
}

/* Most popular (in sidebar) */


.wpp-no-data { /*FIXME REMOVE ON PRODUCTION PUSH*/
    display: block;
}

#sidebar .most_popular, #sidebar .popular-posts {
    width: auto;
}

#sidebar .most_popular h3, #sidebar .popular-posts h3, #sidebar .wordpress-popular-posts h3{
    font-size: 28px;
    margin-bottom: 18px !important;
}

#sidebar .wpp-list li {
    float: none;
    height: auto;
    width: auto;
    min-height: 0;
    margin-left: 0px;
    background-color: transparent;
    border-bottom: none;
    padding: 0px 0px 31px 0px;
    background-color: 0.2s linear 0s;
    margin-bottom: 0px;
}

#sidebar .wpp-list li:hover {
    background-color: #F5F5F5;
}

#sidebar .wpp-list li a:hover {
    color: #1aafe0;
}

#sidebar .wpp-list li img {
    width: 25.32%;
    float: left;
    margin-bottom: 0px !important;
    margin-right: 8px;
    margin-left: 0px;
}

#sidebar .wpp-list li img.align-right {
    float: right;
    margin-right: 0px;
    margin-left: 8px;
} 


#sidebar .wpp-list li h4 {
    width: 70.78%;
    float:right;
    text-transform: unset;
    font-family: 'Libre Franklin', sans-serif;
    letter-spacing: normal;
    padding: 0px;
    font-size: 14px;
    margin-top: -2px;
}

#sidebar .wpp-list li h4.align-left {
    float:left;
}


@media only screen and (min-width : 650px) and (max-width : 1000px) {
    #sidebar .wpp-list li img {
        width: 15%;
    }
    #sidebar .wpp-list li h4 {
        width: 50%;
        float: left;
    }
}

#sidebar .wpp-list li h4 a {
    line-height: 1.31em !important;
}

.more_stories {
    font-size: 18px;
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
    border-top: 1px solid #e4e4e4;
    padding-top: 1em;
    margin: 0 8px 50px;
}

#promo_widget {
    text-align: center;
}

#promo_widget h3 {
    text-align: left;
    font-family: graystrokeregular !important;
    text-transform: uppercase;
    font-size: 17px;
}

.featured_row.row_4 img {
    width: 100%; 
    height: 183px;
    object-fit: cover;
}

#sidebar .widget_container {
    margin-bottom: 21px;
}


.page-template-home #sidebar .widget_media_image {
    text-align: center;
}

#sidebar .select-post-widget {
    background-color: #1aafe0;
    color: #FFF;
}
.page-template-home #sidebar .module {  
    padding: 10px 10px 20px 10px;
    position: relative;
    width: 100%;
    clear: both;
}


.page-template-home #sidebar .widget {
    width: 100%;
}

.page-template-home #sidebar .module a {
    color: #FFF;
}

.page-template-home #sidebar .select-post-widget figure img {
    width: 100%;
    height: 187px;
    object-fit: cover;
}

.page-template-home #post-area .image-widget {
    position: relative;;
} 

.page-template-home #post-area .image-widget .text{
    padding-top: 25px;
}

.page-template-home #sidebar .select-post-widget .kicker, .page-template-home #post-area .image-widget .kicker {
    position: absolute;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 600;
    top: 22px;
    left: 0;
    background-color: #FFF;
    text-transform: uppercase;
    color:  #1aafe0;
    font-size: 16px;
    padding: 0px 12px;
    letter-spacing: 0.05em;
}

.page-template-home #post-area .image-widget .kicker {
    color:  #FFF;
    background-color: #1aafe0;
}

.page-template-home #sidebar .module figure {
    margin: 0;
}

.page-template-home #sidebar .module h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.page-template-home #sidebar .module p {
    font-size: 15px;
    line-height: 1.41em;
}


.subscribe {
    width: 300px;
    margin: 0 auto;
}
/*
@media (max-width: 1101px){
    .subscribe {
        width: 100%;
        margin: 0 auto;
    }
}
*/
#sidebar .subscribe, #post-area .subscribe{
    background-color: #FFF;
    padding: 20px 26px 12px 26px !important;
    position: relative !important;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(153,153,153,0.3);
    -moz-box-shadow: 0px 0px 6px 1px rgba(153,153,153,0.3);
    box-shadow: 0px 0px 6px 1px rgba(153,153,153,0.3);
}

#sidebar .subscribe .legend, #post-area .subscribe .legend {
    color: #323232;
}

#sidebar .subscribe label, #post-area .subscribe label {
    color: #010101;
}

#sidebar .subscribe input, #post-area .subscribe input {
    line-height: 1.31em;
    border-radius: 3px;
    background-color: #FFF;
    color:#000;
    border: 1px solid #999 !important;
    height: 2.4em;
    padding: 2px 8px !important;
}

.select_box {
  width: 248px;
  overflow: hidden;
  border: 1px solid #999;
  position: relative;
  padding: 0;
  border-radius: 3px;
  height: 2.4em;
}

.select_box:after {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  position: absolute;
  top: 40%;
  right: 5px;
  content: "";
  z-index: 98;
 }

.select_box select {
  color: #000;
  width: 268px;
  border: 0;
  position: relative;
  z-index: 99;
  background: none;
  max-width: none !important;
  border: none;
  padding: 4px 32px 4px 4px !important;
  box-shadow: none !important;
}

#sidebar .subscribe h3, #post-area .subscribe h3 {
    font-size: 34px;
}

#sidebar .subscribe .legend, #sidebar .label, #post-area .subscribe .legend, #post-area .label {
    font-size: 13px !important;
}

#sidebar .subscribe button, #post-area .subscribe button {
    font-size: 15px;
    line-height: 1.21em;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 600;
    color: #FFF;
    background-color: #1aafe0;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    letter-spacing: -0.1px;
    margin-top: 8px;
}

#sidebar .subscribe hr, #post-area .subscribe hr {
    border: 0;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 14px;
}

.subscribe .form_row {
    margin-bottom: 15px;
}

.corner {
    position: absolute;
    border-color: #1aafe0;
    border-style: solid;
    pointer-events: none;
}

.corner.top {
    top: 0px;
    border-bottom: none;
}

.corner.right {
    right: 0px;
    border-left: none;
}

.corner.big {
    height: 55px;
    width: 55px;
    border-width: 5px;
}

.corner.bottom {
    bottom: 0px;
    border-top: none;
}

.corner.left {
    left: 0px;
    border-right: none;
}

.corner.small {
    height: 25px;
    width: 25px;
    border-width: 3px;
} 

#sidebar .subscribe .legend, #post-area .subscribe .legend {
    padding-bottom: 0px;
}


#post-area .story-banner, #post-area .subscribe {
    margin-bottom: 21px;
}

.page-template-home #post-area {
    padding-left: 0;
}

.page-template-home #post-area p.iframe-container {
    padding-bottom: 0;
    line-height: 0.91em;
}

.page-template-home #post-area p.iframe-container iframe {
    width: 100%;
}

.page-template-home #post-area #promo_widget .row > a img{
    margin-bottom: 20px;
}

.page-template-home #post-area #promo_widget .row img {
    display: block;
}

.page-template-home #post-area .textwidget {
    margin-bottom: 20px;
}

.portfolio-items .col {
    background-color: #FFF;
}

.textwidget img {
    display: block;
}

@media only screen and (min-width : 1279px) {
    .container {
        max-width: 1220px !important;
    }

    .page-template-home .span_8{
        width: 73.7%;
        margin-right: 1.7%; 
    }

    .page-template-home .span_4{
       width: 24.59%;
    }

    .single-portfolio .container.main-content {
        max-width: 1220px;
    }

    body.single-portfolio #post-area {
        width: 70.8% !important;
        margin-right: 1.7% !important;
        margin-top: 0;
        background-color: #FFF;
        padding: 40px 40px 0 40px;
    }



    .single-portfolio .span_4 {
        width: 24.59%;
    }

}
@media only screen and (min-width : 1280px) and (max-width : 1300px) {
    body.single-portfolio #post-area {
        margin-right: 1.9% !important;
    }
}
@media only screen and (min-width : 1101px) and (max-width : 1279px) {
     .page-template-home .container {
        max-width: 1100px;
    }

    .featured_row.row_2 .module {
        height: auto;
    }


    .featured_row.row_3 figure {
        width: 33%;
    }


    .featured_row.row_3 .text{
        width: 66%;

    }


    .featured_row.row_4 img {
        width: 100%; 
        height: 153px;
        object-fit: cover;
    }

    .featured_row.row_4 .module {
        width: 205px; 
        min-height: 200px;
    }

     .single-portfolio .container.main-content {
        max-width: 1100px;
    }

    .single-portfolio #post-area {
        width: 68.9% !important;
        margin-right: 3.1% !important; 
    }


}


@media only screen and (min-width : 1001px) and (max-width :1101px) {
    .featured_row.row_2 .module, .featured_row.row_2 .module.side-by-side, .featured_row.row_2 .module.image-widget {
        width: 100%;
        margin: 0px 0px 20px 0px;
        height: auto;
    }

    .featured_row.row_2 figure {
        float: left;
        width: 40%;
    }

    .featured_row.row_2 figure img {
        height: 160px;
    }

    .featured_row.row_2 .text{
        float: right;
        width: 59%;
        padding: 1%; 

    }

    #post-area .featured_row.row_2 h2, #post-area .featured_row.row_3 h2  {
        font-size: 17px;

    }

    #post-area .featured_row.row_2 p, #post-area .featured_row.row_3 p{
        font-size: 14px;

    }


    .featured_row.row_3 figure {
        width: 36%;
    }

    .featured_row.row_3 figure img {
        height: 132px;
    }

    .featured_row.row_3 .text{
        width: 64%;

    }

      .single-portfolio #post-area {
        width: 68.9% !important;
        margin-right: 3.1% !important; 
    }

    .container {
        max-width: 1100px;
    }

}


@media only screen and (min-width : 1072px) and (max-width :1128px) {

     header#top #logo img {
        width: 325px;
        height: 56px !important;
        margin-top: 9px !important;
    }


}


@media only screen and (min-width : 1001px) and (max-width :1071px) {

     header#top #logo img {
        width: 255px;
        height: 44px !important;
        margin-top: 17px !important;
    }

    #logo {
        margin-top: 0;
    }

}

@media only screen and (max-width : 440px) { 

  
}



@media only screen and (max-width: 1000px) {
    body.page-template-home .container {
        max-width: 100% !important;
    }

    #mobile-menu .container {
        max-width: 300px !important;   
    }

    .page-template-home .span_8{
        width: 100%;
    }


    .page-template-home #sidebar{
       width: 300px;
       padding-left: 5px;
       padding-right: 5px; 
       margin: 0 auto;
       float: none;
       clear: both;
    }

    .single-portfolio .row #post-area {
        padding-right: 40px !important;
    }

    .single-portfolio .container {
        max-width: 880px !important;
    }

}

@media only screen and (min-width : 680px) and (max-width :1000px) {
    .featured_row.row_2 .module {
        height: auto;
    }

     .featured_row.row_3 figure {
        width: 31%;
    }

    .featured_row.row_3 figure img {
        height: 150px;
    }

    .featured_row.row_3 .text{
        width: 69%;

    }
}

@media only screen and (min-width : 480px) and (max-width : 680px) {

    .featured_row.row_2 .module, .featured_row.row_2 .module.side-by-side, .featured_row.row_2 .module.image-widget {
        width: 100%;
        margin: 0px 0px 20px 0px;
        height: auto;
    }

    .featured_row.row_2 figure {
        float: left;
        width: 40%;
    }

    .featured_row.row_2 figure img {
        height: 170px;
        width: 100%;
    }

    .featured_row.row_2 .text{
        float: right;
        width: 59%;
        padding: 1%; 

    }

    #post-area .featured_row.row_2 h2, #post-area .featured_row.row_3 h2  {
        font-size: 17px;

    }

    #post-area .featured_row.row_2 p, #post-area .featured_row.row_3 p{
        font-size: 14px;

    }


    .featured_row.row_3 figure {
        width: 31%;
    }

    .featured_row.row_3 figure img {
        height: 135px;
    }

    .featured_row.row_3 .text{
        width: 68%;

    }

}
    @media only screen and (max-width : 1101px){
    .featured_row.row_2 .module{
        min-height: auto;
    }
}
@media only screen and (max-width : 480px) {

    .featured_row.row_2 .module, .featured_row.row_2 .module.side-by-side, .featured_row.row_2 .module.image-widget, .featured_row.row_3 .module, .featured_row.row_1 .module, .featured_row.row_4 .module  {
        width: 100%;
        margin: 0px 0px 20px 0px;
        height: auto;
    }

    #post-area .featured_row.row_2 .module.side-by-side h2, .featured_row.row_2 .module.image-widget h2 {
        font-size: 17px;
    }

    .featured_row.row_2 figure, .featured_row.row_3 figure, .featured_row.row_1 figure, .featured_row.row_4 figure {
        float: none;
        width: 100%;
    }

    .featured_row.row_2 figure img,  .featured_row.row_3 figure img ,  .featured_row.row_1 figure img,  .featured_row.row_4 figure img {
        width: 100%;
        height: 180px;
    }

    .featured_row.row_2 .text, .featured_row.row_3 .text, .featured_row.row_1 .text, .featured_row.row_4 .text {
        float: none;
        width: 100%;
        padding: 5px 8px 16px 8px; 

    }
    #post-area .featured_row h2{
        font-size: 17px;
    }
}


/*Move to widget*/
#post-area .side-by-side {
    display: none;
}

#post-area > a > img.image {
    display: block;
    margin-bottom: 21px;
}

.page-template-home #post-area {
    padding-right: 0;
}


#header-outer {
    padding-top: 0 !important;
}

#header-outer[data-full-width="true"] header > .container { 
    padding: 7px 28px 0px !important;
}

header#top #logo img {
    margin-top: 4px;
}

header#top nav {
    margin-top: 7px;
}





@media only screen and (min-width : 1000px) {
    .hide_on_desktop {
        display: none;
    }

}
@media only screen and (min-width : 200px) and (max-width : 999px) {
    .hide_on_mobile {
        display: none;
    }
    .container-wrap {
        margin-top: -71px;
    }
}

@media only screen and (max-width : 480px) {

    .featured_row.row_1 .text,  .featured_row.row_3 .text {
        margin-top: 0px;
        padding-top: 16px;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width : 330px) {
    header#top #toggle-nav {
        z-index: 6000;
        right: -10px;
    }
}

/*Portfolio*/

.page-template-template-portfolio-php .portfolio-items .col.span_3, .page-template-template-portfolio-php .portfolio-items .col.span_4 {
    background-color: #FFF;
}

.container .span_12.page-title h1 {
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 0 !important;
}
@media only screen and (max-width : 900px) {
    .container .span_12.page-title h1 {
        padding-left: 15px;
        margin-top: 10px;
    }

}
.story-banner {
    background-color: #FFF;
}

#full_width_portfolio .wp-caption-area {
    width: 97% !important;
    margin: 0 auto 30px 0;
}

figure.isolated_image {
    margin: 0 0 21px 0;
}
@media only screen and (max-width : 1000px) {
    #post-area figure.isolated_image {
        text-align: center;
    }
}

figure .isolated_imge img {
    display: block;
    }

figure.footer_logo img{
    height: 65px !important;
}
.partnerships .widget_container.image-widget {
    width: auto;
    margin-right: 20px;
    margin-left: 15px;
}

.partnerships .widget_container.image-widget:last-child {
    margin-right: 0;
}

@media only screen and (min-width : 690px) {
    .partnerships .widget_container.image-widget:last-child {
        margin-right: 0px ;
    }
}

#footer-outer {
    background-color: #000 !important;
    font-family: 'Libre Franklin', sans-serif;
}

#footer-outer h3{
    font-family: 'Libre Franklin', sans-serif;
}
    
#call-to-action   span {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
    display: block;
    }

#footer-outer .widget {
    margin-bottom: 0px;
}

#footer-outer .row {
    padding-bottom: 0px;
}

#footer-outer h3.widgettitle {
    color: #fff;
    font-size: 20px !important;
    text-align: center;
}

#footer-outer .widget_text {
    margin-bottom: 0px;
}

.partnerships {
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.partnerships .widget_container.text {
    width: 100%;
}


@media only screen and (max-width : 368px) {
    figure.footer_logo {
        margin-right: 14px ;
    }

    #footer-outer h3.widgettitle {
        font-size: 16px !important;
    }
}


.fa-angle-downn::before {
    content: "\f107";
    font-size: 26px;
}

@media only screen and (min-width: 1px) and (max-width: 1000px) {
    #mobile-menu  a > .sf-sub-indicator {
        right: 0px !important;
        position: absolute;
        padding: 16px;
        left: 0px !important;
        top: 0px !important;
        height: auto;
        width: auto;
        bottom: 0px !important;
    }

    #mobile-menu li a i {
        content: '';
        display: block;
        position: absolute;
        top: auto;
        left: auto;
        right: 15px;
        bottom: auto;
    }
    
}

.category-description {
    font-size: 17px;
    margin-top: 15px;
    line-height: 1.31em;
    font-family: 'Merriweather', serif;
    padding-bottom: 12px;
    margin-bottom: -20px;
}

@media only screen and (max-width : 900px) {
	.category-description {
	padding-left : 15px;
	padding-right: 15px
	}
}