/*
Theme Name: Elos Child
Theme URI: http://themeforest.net/user/JoiThemes
Description: Powerfully Responsive, a bold & super flexible theme
Author: JoiThemes
URI: http://themeforest.net/user/JoiThemes
Template: elos
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 0.1
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, theme-options, translation-ready
Text Domain: elos
*/

/* GLOBAL ELEMENTS FROM JOE */

/* Pre-header */

@media (max-width: 767px) {
    .top_nav div.left {
        margin-bottom: 0 !important;
        display: none !important;
    }
}

/* Sticky header */

#header.sticky {
    height: 71px !important;
    margin-bottom: 71px;
}

/* Page title background images */

.page_title2 {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    float: none;
    background-size: auto 96px !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
}

@media (max-width: 999px) {
    .page_title2 {
        background-size: auto 80px !important;
    }
}

@media (max-width: 767px) {
    .page_title2 {
        background: none !important;
    }
}

/* Ends Global Elements from Joe */

#logo img {
    height: 60px;
    width: 151px;
}

.page_title2 {
    background-color: #fff !important;
}

.page_title2 .title h1 {
    color: #000;
}

.page_title2 .pagenation {

}

/* Testing the style sizing for the header bar background image */
.size-cover {
    background-size: auto auto;
    background-repeat: no-repeat;
}

/* SHORTCODE OVERRIDES FROM JOE */

.one-third-hack {
    position: relative;
    margin-right: 4%;
    float: left;
    width: 30.650%;
    display: inline;
}

.one-third-hack h3 {
    color: #afafaf;
}

.one-third-hack h3 i {
    font-size: 22px;
    margin-right: 10px;
}

.one-half-hack {
    position: relative;
    margin-right: 4%;
    float: left;
    width: 48%;
    display: inline;
}

.one-half-hack img {
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.one-half-hack h3 {
    color: #afafaf;
}

.one-half-hack h3 i {
    font-size: 22px;
    margin-right: 10px;
}

/* Salesforce page options */
.page-id-27 .page_title2,
.parent-pageid-27 .page_title2 {
    background: #1798c1;
}

/* Filemaker page options */
.page-id-29 .page_title2,
.parent-pageid-29 .page_title2 {
    background: #006e98;
}

/* GLOBAL ENTRY CONTENT STYLES FROM JOE */

/* Post Meta */

ul.post_meta_links {
    margin-bottom: 20px;
}

/* Single post */
.post_meta_links {
    padding-left: 94px !important;
}

.post_meta_links .post_comments {
    display: none;
}

@media (max-width: 479px) {
    /*ul.post_meta_links {
      margin-left: -15px;
    }*/
    ul.post_meta_links {
        clear: both;
        float: left;
        margin-left: 0;
        padding-left: 0 !important;
        width: 90%;
    }

    .post_meta_links li.post_by {
        border-right: none !important;
    }

    .post_meta_links li.post_categoty {
        border-right: none !important;
        margin-left: -8px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    /*ul.post_meta_links {
      margin-left: -15px;
    }*/
    ul.post_meta_links {
        clear: both;
        float: left;
        margin-left: 0;
        padding-left: 0 !important;
        width: 90%;
    }

    .post_meta_links li.post_by {
        border-right: none !important;
    }

    .post_meta_links li.post_categoty {
        border-right: none !important;
        margin-left: -8px;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    .post_info_content_small h3 {
        width: 90%;
    }

    ul.post_meta_links {
        clear: both;
        float: left;
        width: 100%;
        padding-left: 0 !important;
    }
}

/* POSTS STYLE OVERRIDES */

/* Styles moved for joes-css */
.post_info_content_small {
    padding: 0px;
    margin: 0 0 0 4%;
    width: 67%;
    float: left;
    overflow: hidden;
}

.post_info_content_small p {
    margin: 10px 0 0 97px;
}

.post_info_content_small h4 {
    margin-left: 97px;
}

/* End styles moved from joes-css */

.post_info_content .wp-caption p {
    margin-bottom: 0;
}

.wp-caption p.wp-caption-text {
    padding-bottom: 0;
}

/* This adjusts the left margin for a Soliant TV playlist item when listed in the
Soliant TV Category archive so it aligns with the items in the list. */

@media all (max-width:

999px

) {
    .soliant-tv > .blog_postcontent > .post_info_content_small /*,
	.labs > .blog_postcontent > .post_info_content_small,
	.filemaker > .blog_postcontent > .post_info_content_small,
	.web-applications > .blog_postcontent > .post_info_content_small*/
    {
        margin-left: 0 !important;
        width: 67%;
    }
}

@media all (min-width:

1000px

) and

(max-width:

1920px

) {
    .soliant-tv > .blog_postcontent > .post_info_content_small /*,
	.labs > .blog_postcontent > .post_info_content_small,
	.filemaker > .blog_postcontent > .post_info_content_small,
	.web-applications > .blog_postcontent > .post_info_content_small*/
    {
        margin-left: 0 !important;
        width: 90%;
    }
}

@media (max-width: 999px) {
    .post_info_content_small {
        clear: both;
        float: left;
        width: 90%;
    }

    .post_info_content_small h4 {
        margin-left: 0;
    }

    .post_info_content_small p {
        margin: 10px 0 0 0 !important;
    }
}

/* FOR THE LIFE@SOLIANT SECTION ON THE BLOG MAIN PAGE */

.soliant-life-wrapper {
    clear: both;
    margin-bottom: 25px;
    margin-top: 20px;
}

.soliant-life-wrapper img {
    float: left;
    margin: 6px 18px 12px 0
}

.soliant-life-wrapper h3 {
    clear: both;
    float: left;
    color: #afafaf;
    margin-bottom: 25px;
    padding-left: 30px;
    background-image: url(/wp-content/uploads/2016/06/icon-soliant-gray-curve.png);
    background-repeat: no-repeat;
    background-position: left center;
}

ul.soliant-rss-links {
    clear: both;
    float: left;
}

ul.soliant-rss-links span.fa-rss {
    margin-right: 8px;
}

.rss-life-at-soliant {
    background-image: url(/wp-content/uploads/2017/07/icon-soliant-gray-curve-small.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: -10px;
    padding-left: 25px;
}

.soliant-life-wrapper p {
    display: none;
}

.soliant-life-wrapper .two_third {
    clear: both;
    overflow: hidden;
}

.soliant-life-wrapper ul.display-posts-listing {
    clear: both;
}

.soliant-life-wrapper ul.display-posts-listing li {
    float: left;
    position: relative;
    width: 50%;
}

.soliant-life-wrapper ul.display-posts-listing li:last-child {
    margin-left: 4%;
    width: 46%;
}

@media (max-width: 999px) {
    .soliant-life-wrapper {
        border-top: 1px dotted #999;
    }

    .soliant-life-wrapper .two_third {
        width: 100%;
    }

    .soliant-life-wrapper .one_third {
        width: 100%;
        border-top: 1px dotted #999;
        margin-top: 25px;
    }

    .soliant-life-wrapper ul.display-posts-listing li,
    .soliant-life-wrapper ul.display-posts-listing li:last-child {
        clear: both;
        float: left;
        margin-left: 0;
        width: auto;
    }

    .soliant-life-wrapper ul.display-posts-listing li:last-child {
        margin-top: 20px;
    }
}

/* Removes the feature image for when a Soliant TV playlist is listed in the Soliant TV category archive */
.sctv-archive > .blog_post > .blog_postcontent > .image_frame.small {
    display: none;
}

.sctv-archive > .blog_post h3 {
    padding-top: 20px;
    margin-top: 0;
}

@media (max-width: 999px) {
    .blog_post h3 {
        width: 95%;
    }
}

.sctv-archive > .blog_post > .blog_postcontent > .post_info_content_small {
    margin-left: 0;
}

/* TO ADD YEAR TO POST'S DAY/MONTH BLOCK */

/* Chaging the width to make room to include the year */
.blog_post a.date {
    width: 70px;
    margin-bottom: 20px;
}

.blog_post a.date i {
    width: 55px;
    text-transform: uppercase;
    line-height: 1.5em;
    padding-top: 3px;
    padding-bottom: 4px;
}

ul.post_meta_links_small {
    margin-left: 95px;
}

/* Changing left margin to fix wider day/month for adding year */
.post_info_content {
    margin-left: 96px;
}

@media (min-width: 240px) and (max-width: 999px) {
    .post_info_content {
        margin-left: 0;
    }
}

@media (max-width: 479px) {
    .post_info_content_small {
        width: 95% !important;
    }

    .post_info_content_small h3 {
        line-height: 1.75em;
        width: 95%;
    }
}

@media (max-width: 999px) {
    .post_info_content_small h3 {
        clear: both;
        float: left;
    }

    ul.post_meta_links_small {
        margin-left: 0;
    }

    .post_meta_links_small li.post_by a {
        padding-right: 10px;
    }

    .post_meta_links_small li.post_categoty {
        background-position: 0px 6px;
        padding-left: 20px;
    }
}

/* AUTHOR BIO CHANGES TO BLOG STYLES */
.blog_postcontent .author_bio {
    display: block;
    clear: both;
    width: 100%;
    float: none;
}

.author_bio .blog_postcontent .image_frame.small {
    width: 30%;
    max-width: 176px;
}

.blog_postcontent.author_bio > .post_info_content_small > h1.blog-head.title {
    margin-bottom: 10px;
}

@media (max-width: 999px) {
    .author_bio .post_info_content_small {
        width: 95%;
        margin: 0 0 20px 4%;
        overflow: hidden;
    }
}

@media (min-width: 1000px) and (max-width: 1920px) {
    .author_bio .post_info_content_small {
        width: 67%;
        margin: 0 0 20px 4%;
        overflow: hidden;
    }
}

.author_bio .post_info_content_small p {
    margin: 0;
}

.author_bio .post_info_content_small h2 {
    margin-bottom: 10px;
    margin-top: 10px;
}

p.bio_text {
    clear: both;
}

@media (max-width: 999px) {
    .author_bio .post_info_content_small p {
        width: 90%;
        margin: 0 0 20px 0;
    }
}

@media all (max-width:

999px

) {
    p.bio_text {
        margin-left: 0 !important;
    }
}

@media all (min-width:

1000px

) and

(max-width:

1920px

) {
    p.bio_text {
        margin-left: 0 !important;
    }
}

/* Hides the author image when posts are listed on the Author Category archive */
.author_posts .image_frame.small {
    display: none;
}

/* Adjusts the left alignment for posts when displayed in the Author Category archive */
.author_posts > .blog_post > .blog_postcontent > .post_info_content_small {
    margin-left: 0;
    width: 90%;
}

/* STYLES FOR TABLES */

.post_info_content table {
    margin: 0 0 20px 0;
    font-size: .92em;
    border-collapse: collapse;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
}

.post_info_content td {
    padding: 8px 15px;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.post_info_content table th {
    font-size: 1em;
    font-weight: 600;
    padding: 8px 15px;
    background-color: #eee;
    border-right: #e3e3e3;
    line-height: 1.2em;
}

.post_info_content table tr.table-text-center td,
.post_info_content table tr td.table-text-center {
    text-align: center;
}

.post_info_content table tr.table-text-right td,
.post_info_content table tr td.table-text-right {
    text-align: right;
}

/* Override for default properties that affect text in the Elos theme */
/* These overrides done by J.Jung */

/* TAB OVERRIDES */

.sc-tabs .tabs-content2 {
    margin-bottom: 20px;
    padding: 20px;
}

/* Changing the width for when a LEFT sidebar is used; changes the width of the content to the right of the left sidebar, as well*/
.left_sidebar {
    width: 20%;
}

.content_right {
    width: 76%;
}

@media (max-width: 768px) {
    .left_sidebar {
        width: 100%;
        padding-top: 15px;
    }

    .content_right {
        float: left;
        width: 100%;
        padding-top: 20px;
    }
}

/* Adjust with of the Icon List 2 if used on a layaout with a left sidebar rather than
the default full width */

.content_right .features_sec8 {
    width: 100%;
}

.content_right .features_sec8 > .container {
    width: 100%;
}

/* CHANGES TO LINKS, TEXT, LISTS, ETC. */

a:hover {
    text-decoration: underline;
}

/* For the post titles shown under "Latest Posts" */
a.two:hover {
    color: #272727;
    text-decoration: underline;
}

a.phone[href^=tel],
a.phone[href^=tel]:visited {
    text-decoration: none;
}

a.phone[href^=tel]:hover {
    color: #000;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
}

h2 {
    margin-bottom: 30px;
}

p + h2 {
    margin-top: 30px;
    margin-bottom: 20px;
}

h3 {
    margin-top: 20px;
}

h4 {
    line-height: 30px;
}

@media (min-width: 240px) and (max-width: 999px) {
    h1 {
        font-size: 32px !important;
    }

    h2 {
        font-size: 24px !important;
    }

    .page_title2 .title h1 {
        font-size: 40px !important;
    }
}

a.header-link,
a.header-link:visited {
    color: #dfb927;
}

a.header-link:hover {
    color: #000;
}

p {
    margin-bottom: 15px;
}

pre {
    background: #f4f4f4 none repeat scroll 0 0;
    font: 13px/1.5 "Courier New", Courier, monospace;
    margin-bottom: 40px;
    padding: 0.75em 20px;
    overflow: auto !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.bullet-list li span.plain-text,
.number-list li span.plain-text {
    font: 13px/1.5 "Courier New", Courier, monospace;
    display: block;
    margin: 10px 0;
}

p span.plain-text,
span.plain-text {
    font: 13px/1.5 "Courier New", Courier, monospace;
}

dl {
    margin-bottom: 15px;
}

dt {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 18px;
    font-style: normal;
}

dd {
    margin-left: 15px;
}

dd + dt {
    margin-top: 10px;
}

/*Removes the border radius on the Search BUTTON that was added when viewpoint is between 768-999px */
#searchform #searchsubmit {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    height: 42px;
}

/*Removes the border radius on the Search FIELD that was added when viewpoint is between 768-999px */
#searchform #s {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

/* Fixes the search button position so it doesn't drop below the input field when viewpoint is between 768-999px */
@media (min-width: 768px) and (max-width: 999px) {
    #searchform #s {
        width: calc(82% - 50px);
    }
}

hr.faded_line {
    border: 0;
    height: 1px;
    background: #dfb927;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RmYjkyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(223, 185, 39, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(223, 185, 39, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(223, 185, 39, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(223, 185, 39, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(223, 185, 39, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(223, 185, 39, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    margin-bottom: 20px;
    margin-top: 40px;
}

hr.faded_line:after {
    clear: both;
}

.no-margin {
    margin-bottom: 0;
}

.post_info_content ol > li > ol {
    list-style-type: upper-latin;
    margin: 0 0 0 20px;
}

/* Custom Bullet & Number list styles created because the Shortcode style
doesn't support hanging indents*/

/* Adjusts bottom margin for nested bullet lists*/
h2 + br + ul.bullet-list,
h3 + br + ul.bullet-list,
h4 + br + ul.bullet-list {
    margin-bottom: 0px !important;
}

/* Adjust whitespace between a header followed by a bullet list */
p ~ br ~ h3,
p ~ br ~ h4 {
    margin-bottom: 10px;
}

ul.bullet-list,
.comment_text ul {
    list-style-position: outside;
    margin-left: 30px;
}

ul.bullet-list li,
.comment_text ul li {
    list-style: url(/wp-content/uploads/2015/05/list-caret.png);
    line-height: 1.65em;
    margin-bottom: 8px;
    padding-left: 5px;
}

/* Adjusts left margin if a bullet list is used withi a table data cell*/
td > ul.bullet-list {
    margin-left: 10px !important;
}

.pingback p {
    margin-top: 20px;
}

ul.quote-bullet-list {
    list-style-position: outside;
    margin: 15px 0px 0px 30px;
}

ul.quote-bullet-list li {
    list-style: url(/wp-content/uploads/2015/05/list-caret.png);
    line-height: 1.25em;
    margin-bottom: 8px;
    padding-left: 5px;
    font-size: 16px;
}

ul.bullet-list li ul,
.comment_text ul li ul {
    margin: 0px 10px 8px 20px;
}

ul.bullet-list li ul li,
.comment_text ul li ul li {
    list-style: circle;
    line-height: 1.65em;
    margin-top: 6px;
    margin-bottom: 2px;
    margin-left: -2px;
    padding-left: 5px;
}

ul.bullet-list li ul li ul li,
.comment_text ul li ul li ul li {
    list-style: square;
    line-height: 1.65em;
    margin-top: 6px;
    margin-bottom: 2px;
    margin-left: -2px;
    padding-left: 5px;
}

ul.bullet-list-flush {
    list-style-position: outside;
    margin-left: 15px;
}

ul.bullet-list-flush li {
    list-style: url(/wp-content/uploads/2015/05/list-caret.png);
    line-height: 1.65em;
    margin-bottom: 8px;
    padding-left: 5px;
}

ul.bullet-list-flush li ul {
    margin: 0px 10px 8px 5px;
}

ul.bullet-list-flush li ul li {
    list-style: disc;
    line-height: 1.65em;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 5px;
}

ol,
ol.number-list,
.comment_text ol {
    list-style-position: outside;
    padding-left: 30px;
}

ol li,
ol.number-list li,
.comment_text ol li {
    list-style-type: decimal;
    line-height: 1.65em
    margin-bottom: 8px;
    padding-left: 8px !important;
}

ol.number-list-flush {
    list-style-position: outside;
    padding-left: 30px;
}

ol.number-list-flush li {
    list-style-type: decimal;
    line-height: 1.65em
    margin-bottom: 8px;
    padding-left: 8px !important;
}

ol.number-list-flush li > ol {
    margin-top: 8px;
    padding-left: 20px;
}

ol.number-list-flush li > ol li {
    list-style-type: upper-alpha;
    line-height: 1.65em;
    margin-left: 0;
    margin-bottom: 8px;
    padding-left: 7px !important;
}

ol.alpha {
    padding-left: 20px;
}

ol.alpha li {
    list-style-type: upper-alpha !important;
    line-height: 1.65em
    margin-bottom: 8px;
    padding-left: 8px !important;
}

ol.number-list li > ol,
ol.number-list li > ol.alpha {
    margin-top: 8px;
    padding-left: 20px;
}

ol.number-list li > ol li,
ol.number-list li > ol.alpha li {
    list-style-type: upper-alpha;
    line-height: 1.65em;
    margin-left: 0;
    margin-bottom: 8px;
    padding-left: 10px !important;
}

ol.number-list li > ol.alpha li > ol.number-list li {
    list-style-type: upper-roman !important;
    line-height: 1.65em;
    margin-left: 0;
    margin-bottom: 8px;
    padding-left: 10px !important;
}

ol.number-list li > ul.bullet-list {
    margin-top: 10px;
}

/* Changes List 1 shortcode style so the list item has proper hanging indent */
ul.list_1 {
    margin-bottom: 15px;
    list-style-position: outside;
}

.list_1 li {
    line-height: 1.65em;
    margin-bottom: 8px;
    margin-left: 20px;
}

/* This moves the icon so it's no longer inside the LI element in the list */
.list_1 li i {
    margin-left: -20px;
}

/* This makes it so the BR tag can be used in the LI element of this specific list style*/
ul.list_1 > li > br {
    display: inline !important;
}

ul.cert-list {
    clear: both;
    list-style: none;
    margin: -20px 0 0 0;
    padding: 0;
}

ul.cert-list li {
    display: inline;
    list-style: none;
}

ul.cert-list .alignleft {
    margin-right: 10px;
}

ul.cert-list li img {
    padding-right: 10px;
}

ul.cert-list-web li {
    display: inline;
    list-style: outside none none;
    clear: none;
    float: left;
    margin: 0px 10px 15px 0px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    overflow: hidden;
}

@media (max-width: 320px) {
    ul.cert-list li {
        clear: both;
        float: left;
    }

    ul.cert-list-web li {
        clear: both;
        float: left;
    }
}

/* Change the background image from red to yellow for Icon with Style 6 shortcode */

.features_sec21 ul.active {
    display: inline;
}

.features_sec21 ul.active li.icon {
    background: url(/wp-content/uploads/2015/06/site-img19-2_yellow.png);
    color: #dfb927;
}

.features_sec21 li.text {
    float: none;
    position: relative;
    width: auto;
    margin-left: 90px;
}

.features_sec21 ul.active h3.nocaps {
    color: #000 !important;
}

/* CHANGE TO ICON BOX, STYLE 5 */

/*Changes so the icon box on the home page are equal heights */
.features_sec22 .box {
    min-height: 350px;
}

/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	.features_sec22 .box {
	  height: 420px;
	}
}*/
@media (min-width: 768px) and (max-width: 999px) {
    .features_sec22 .box {
        height: 420px;
    }
}

.features_sec22 .box > a {
    color: #dfb927 !important;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.features_sec22 .box > a:hover {
    color: #000 !important;
    text-decoration: none;
}

.features_sec22 .box a h2 {
    color: #454545 !important;
}

.features_sec22 .box:hover {
    background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
    color: #454545 !important;
}

.features_sec22 .box:hover h2 {
    cursor: default;
}

.features_sec22 .box .icon:hover {
    border-color: #dfb927;
    cursor: pointer;
    cursor: hand;
}

.features_sec22 .box .icon img {
    height: 90px;
    width: 90px;
}

/* OVERRIDE FOR WHEN ICON IS USED WITHIN A H2 TAG */
h2 > i.fa {
    font-size: 26px;
    color: #dfb927;
    margin-right: 10px;
}

h3 > i.fa {
    font-size: 20px;
    color: #dfb927;
    margin-right: 10px;
}

/* OVERRIDES FOR MODERN LIST SHORTCODE */

.list_doted02 li {
    margin-bottom: 35px;
}

/* Custom style to add bottom margin as needed */
.margin_bottom20 {
    margin-bottom: 20px;
}

ul.list_doted02 li > h5 .fa {
    color: #dfb927;
    font-size: 23px;
    padding-right: 5px;
}

/* OVERRIDES FOR SOCIAL MEDIA ICONS IN THE TOP HEADER */

.top_nav .right li {
    margin-left: 10px;
}

.top_nav .right li,
.top_nav .right li a {
    font-size: 16px;
}

.top_nav .right li a:hover {
    color: #000;
}

.top_nav .right li a i.fa-facebook {
    padding-left: 3px;
    padding-right: 3px;
}

.top_nav .right li a[href^=tel] {
    font-size: 14px;
}

.top_nav .right li a[href^=tel]:hover {
    text-decoration: none;
}

/* OVERRIDES FOR NAVBAR ITEMS */

/* Removes the drop-shadow from the navbar */
#trueHeader {
    box-shadow: none;
    padding: 0;
}

.navbar-nav {
    margin-top: 15px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #000;
}

/* Adds the down caret for navbar items that have a sub-menu */
ul#primary-menu > [id*="menu-item-"] {
    background: url(/wp-content/uploads/2015/05/nav-caret-down.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 10px;
}

ul.subMenu > [id*="menu-item-"] {
    background: none;
}

/* Add phone icon "CONTACT" in the the navbar */

ul#primary-menu > #menu-item-39 {
    background: url(/wp-content/uploads/2015/07/nav-phone.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin-right: 6px;
    background-size: 10px;
}

/* If border is removed from around the "Contact" button, change the margin-right for "Company" to 10px */

/* Removes the background caret for navbar items when on a smaller mobile screen
to use the Bootstrap styles for collapsed menu items with sub-menus */

@media only screen and (max-width: 479px) {
    ul#primary-menu > [id*="menu-item-"] {
        background: none;
        margin-right: 0px;
    }

    ul#primary-menu > #menu-item-39 {
        background: none;
        margin-right: 0px;
    }

    #menu-item-39 a:link, #menu-item-39 a:visited {
        color: #454545 !important;
    }
}

@media screen and (max-width: 768px) {
    ul#primary-menu > [id*="menu-item-"] {
        background: none;
        margin-right: 0px;
    }

    ul#primary-menu > #menu-item-39 {
        background: none;
        margin-right: 0px;
    }

    #menu-item-39 a:link, #menu-item-39 a:visited {
        color: #454545 !important;
    }
}

/* Changes the border color of the sub-menu */
.subMenu {
    border-top: 2px solid #dfb927 !important;
}

/* Changes the active color from red to Soliant brown */
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > .subMenu-toggle a:active {
    color: #a6692c !important;
    cursor: default;
}

/* Changes properties for when a menu is used in a LEFT sidebar */

.left_sidebar .widget_nav_menu,
.left_sidebar .widget_text {
    padding-left: 15px;
}

.right_sidebar .widget_nav_menu {
    padding-left: 0;
}

ul.menu,
.coa-feature-content ul.menu,
.left_sidebar .widget_nav_menu ul.menu,
.left_sidebar .widget_text ul.menu {
    list-style-type: none;
    margin-left: 0;
    padding-left: 15px;
}

.coa-feature-content ul.menu {
    list-style-type: none;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 15px;
}

/* Specifies the arrow marker for left sidebar*/
.coa-feature-content ul.menu li:before,
.left_sidebar .widget_nav_menu ul.menu li:before,
.left_sidebar .widget_text ul.menu li:before {
    font-family: 'FontAwesome';
    content: "\f054";
    color: #ddd;
    margin: 0 5px 0 -20px;
}

ul.menu li:before {
    font-family: 'FontAwesome';
    content: "\f054";
    color: #ddd;
    margin: 0 5px 0 -15px;
}

ul.menu li a,
.coa-feature-content ul.menu li a,
.left_sidebar .widget_nav_menu ul.menu li a,
.left_sidebar .widget_text ul.menu li a {
    margin-left: 5px;
}

.left_sidebar .widget_nav_menu ul.menu li > ul.sub-menu li {
    margin-left: 0;
}

.left_sidebar .widget_nav_menu ul.menu li > ul.sub-menu li::before {
    font-family: 'FontAwesome';
    content: "\f0da";
    color: ddd;
    margin: 0 2px 0 0;
}

.left_sidebar .widget_nav_menu + .widget_nav_menu,
.left_sidebar .widget_nav_menu + .widget_text {
    margin-top: 30px;
}

.left_sidebar .widget_nav_menu h5,
.left_sidebar .widget_text h5 {
    margin-left: -5px;
}

.right_sidebar .widget_nav_menu ul.menu li {
    line-height: 1.15em;
    margin-bottom: 15px;
}

.right_sidebar ul.menu li a {
    margin-left: 0;
}

.widget_search {
    margin-bottom: 25px !important;
}

/* FULLIMAGE BOX CHANGES */
/* These are the box + icon content on toplevel practice area pages */

.fullimage_box2 p {
    text-align: left;
}

/* START FOOTER CHANGES */

/*CHANGE FOR WHEN FOOTER 1 ALTERNATIVE IS USED */
.footer1 {
    background-color: #606060;
}

.footer1 ul.menu a,
.footer1 > div > div > .footer_widget > ul.faddress,
.footer1 .textwidget {
    color: #ccc !important;
}

.footer1 ul.menu li a:hover {
    color: #fff !important;
}

.copyright_info {
    background: #606060;
}

.footer_social_links li {
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 5px;
}

.footer_social_links li a i {
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: #FFF;
    background-color: #d3d3d3;
}

.footer_social_links li a i.fa-facebook {
    padding-left: 0px;
    padding-right: 0px;
}

.footer_social_links li a i:hover {
    background-color: #000;
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 240px) and (max-width: 768px) {
    ul.footer_social_links {
        margin-top: 0px;
    }

    .footer_social_links li {
        margin-left: 0px;
        margin-right: 5px;
    }
}

/* CHANGES FOR WHEN FOOTER 3 ALTERNATIVE IS  USED */

.copyright_info a {
    color: #999;
}

.copyright_info a:hover {
    color: #000;
}

/* Adds space between the office address blocks in the footer area */
ul.faddress {
    margin-bottom: 20px;
}

/* CHANGES TO DIVIDERS */

.footer1 div.divider_line3 {
    border-bottom: 1px dotted #aaa;
}

.divider_white_fure {
    background: transparent url(/wp-content/uploads/2015/05/title-hline3_scyellow.png) no-repeat scroll center bottom;
}

/* This removes the short yellow block at the beginning of the divider */
.divider_colored_line_2 span:first-child {
    display: none;
}

.divider_colored_line_2 span {
    width: 78%;
    left: 0;
    background: #d2d2d2;
    background: -moz-linear-gradient(left, #9e9e9e 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e9e9e), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #9e9e9e 0%, #ffffff 100%);
    background: -o-linear-gradient(left, #9e9e9e 0%, #ffffff 100%);
    background: -ms-linear-gradient(left, #9e9e9e 0%, #ffffff 100%);
    background: linear-gradient(to right, #9e9e9e 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#ffffff', GradientType=1);
    height: 1px;
    border-bottom: 0;
}

/* Changes the margin for the Dashed1 shortcode with "No Margin" selected */
.divider.nomarb {
    margin-top: 0px;
    margin-bottom: 10px;
}

/* CHANGES FOR MODERN LIST, STYLE 2 */
.arrow_sign_list li h5 {
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
}

.arrow_sign_list li {
    margin-right: 30px;
    margin-bottom: 15px;
}

.arrow_sign_list li i {
    color: #dfb927;
    font-size: 27px;
}

.arrow_sign_list li p {
    margin-left: 45px;
    margin-bottom: 15px;
}

.arrow_sign_list h5 .fa-mobile {
    font-size: 30px;
    margin-right: 30px;
}

/*GET STARTED STYLES */
/*Used for the FileMaker, Salesforce, and Web Apps */

.getstarted-wrapper {
    clear: both;
    float: left;
    width: 96%;
    padding: 10px 0 15px 30px;
    margin: 20px 20px 40px 0px;
    border: none !important;
    color: #737373 !important;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-left-bottom-radius: 0;
    webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 15px;
    border-image: none;
    -moz-box-shadow: 0px 2px 4px #ccc;
    -webkit-box-shadow: 0px 2px 4px #ccc;
    box-shadow: 0px 2px 4px #ccc;
}

.getstarted-wrapper:after {
    clear: both;
}

.bkgrnd-fm {
    background: url(/wp-content/uploads/2015/10/bkgrnd-getstarted-fm.png);
    background-repeat: repeat;
}

.bkgrnd-sf {
    background: url(/wp-content/uploads/2015/10/bkgrnd-getstarted-sf.png);
    background-repeat: repeat;
}

.bkgrnd-web {
    background: url(/wp-content/uploads/2015/10/bkgrnd-getstarted-web.png);
    background-repeat: repeat;
}

.bkgrnd-sc {
    background: url(/wp-content/uploads/2016/09/bkgrnd-getstarted-sc-v2.png);
    background-repeat: repeat;
}

.getstarted-wrapper a.bttn-coa {
    float: right;
    color: #fff;
    font: 19px 'Open Sans', sans-serif;
    margin-right: -10px;
    margin-top: 15px;
    width: 185px;
    height: 60px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    -webkit-appearance: none;
    overflow: visible;
}

.getstarted-wrapper > a.bttn-coa:hover {
    -webkit-appearance: none;
    background-color: transparent !important;
    cursor: pointer;
}

.btn-coa-fm {
    background: url(/wp-content/uploads/2015/10/bttn-coa-fm.png);
    background-repeat: no-repeat;
}

.btn-coa-fm:hover {
    background: url(/wp-content/uploads/2015/10/bttn-coa-fm-hover.png);
    background-repeat: no-repeat;
}

.btn-coa-sf {
    background: url(/wp-content/uploads/2015/10/bttn-coa-sf.png);
    background-repeat: no-repeat;
}

.btn-coa-sf:hover {
    background: url(/wp-content/uploads/2015/10/bttn-coa-sf-hover.png);
    background-repeat: no-repeat;
}

.btn-coa-web {
    background: url(/wp-content/uploads/2015/10/bttn-coa-web.png);
    background-repeat: no-repeat;
}

.btn-coa-web:hover {
    background: url(/wp-content/uploads/2015/10/bttn-coa-web-hover.png);
    background-repeat: no-repeat;
}

.btn-coa-sc {
    background: url(/wp-content/uploads/2015/10/bttn-coa-sc.png);
    background-repeat: no-repeat;
}

.btn-coa-sc:hover {
    background: url(/wp-content/uploads/2015/10/bttn-coa-sc-hover.png);
    background-repeat: no-repeat;
}

.getstarted-wrapper img {
    margin-bottom: 0 !important;
}

.getstarted-wrapper:after {
    clear: both;
}

.getstarted-wrapper h2 {
    line-height: 1.3em;
    margin-top: 0.63em;
    margin-bottom: 15px;
}

.getstarted-wrapper p {
    color: #666 !important;
    font: 15px 'Open Sans', sans-serif;
    font-weight: normal;
    margin-bottom: 15px;
    padding-right: 30px;
    line-height: 23px;
}

.getstarted-wrapper .fa {
    font-size: 18px;
    margin-right: 8px;
}

@media (min-width: 240px) and (max-width: 479px) {
    .getstarted-wrapper {
        width: auto;
    }

    .getstarted-wrapper a.bttn-coa {
        margin-bottom: 15px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .getstarted-wrapper {
        margin-right: 0 !important;
        width: auto%;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    .getstarted-wrapper {
        width: 96%;
    }
}

/* Ends the Get Started styles */

.punchline_text_box {
    clear: both;
    float: left;
    width: 94%;
    padding: 25px 30px;
    margin: 20px 0 30px 0;
    border: none !important;
    background-color: #f2f2f2;
    color: #737373 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    color: #999;
}

/* Changes properties for the Callout 1 styles */
.punchline_text_box {
    clear: both;
    float: left;
    width: 94%;
    padding: 25px 30px;
    margin: 20px 0 30px 0;
    border: none !important;
    background-color: #f2f2f2;
    color: #737373 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    color: #999;
}

.punchline_text_box p {
    margin-bottom: 0 !important;
}

.punchline_text_box .left {
    float: left;
    width: 70%;
    overflow: hidden;
}

.punchline_text_box .right {
    float: right;
    width: 30%;
}

.punchline_text_box .right a {
    white-space: nowrap;
}

/* Responsive for the Gray "Get Started" Call to Action container
at the bottom of the pages */

@media (max-width: 768px) {
    .punchline_text_box {
        width: auto;
    }
}

/*Responsive adjustment for the COA button to drop below Callout text */
@media (max-width: 768px) {
    .punchline_text_box .right {
        clear: both;
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .punchline_text_box .right a {
        float: left;
        margin: 15px 0 0 0;
        white-space:;
    }
}

/* OVERRIDE TO HIDE THE <br><br> TAGS ADDED SHORTCODE ANIMATION
(which results in too much whitespace between paragraphs) */

br,
.wow br {
    display: none !important;
}

#text-10 .textwidget br,
.blog_postcontent br {
    display: block;
}

ul.bullet-list li > br,
ol.number-list li > br {
    display: block !important;
}

.comment_text br,
p span.plain-text br {
    display: block !important;
}

/* OVERRIDES FOR BOX_WIDGET */

/* Created the "sc_custom" class to use in a DIV and then, if we want to keep the default appearance for other uses, it's still available.*/

.sc_custom {
    overflow: hidden;
    width: auto;
}

.sc_custom > .box_widget_full {
    border: none !important;
    background-color: #fff;
    margin: 0;
    width: auto !important;
}

.sc_custom > .box_widget_full h3 {
    font-size: 16px !important;
    line-height: 22px !important;
    border-bottom: 1px solid #f3f3f3 !important;
    margin-bottom: 2px !important;
    padding-bottom: 8px !important;
}

/* PROCESS SHORTCODE OVERRIDES */

/* This is to make the process circles use the Soliant blue color */

.sc_custom > .process.root {
    background-image: none;
    background-color: #fff;
    padding: 20px 0;
}

/* Changes process icon and border to use Soliant yellow*/
.sc_custom > .process .one_fifth i {
    color: #dfb927;
    border: 1px solid #dfb927;
}

.sc_custom > .process .one_fifth i:hover {
    background-color: #fff;
    color: #dfb927;
    cursor: default;
}

.sc_custom > .process .one_fifth h5 {
    color: #000;
}

/* OVERRIDES FOR DIAMOND SHORTCUT */

/* Changes padding around the Diamond shapes */
.features_sec28 {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Changes color of icon and diamond shape */
.features_sec28 i {
    color: #dfb927;
    background: url(/wp-content/uploads/2015/06/site-img31_yellow.png) no-repeat scroll center top;
}

.features_sec28 a.diamond-link i:hover {
    color: #000;
    background: url(/wp-content/uploads/2015/06/site-img31_black.png) no-repeat scroll center top;
}

/* Hides the h2 and h5 elements in the diamond shortcode when just
 the diamond element is used */
.diamond-plain > .features_sec28 > h2.nocaps,
.diamond-plain > .features_sec28 > h5.nocaps {
    display: none;
}

.diamond-plain > .features_sec28 {
    padding: 0;
}

@media (min-width: 767px) and (max-width: 999px) {
    .features_sec28 i,
    .features_sec28 a.diamond-link i:hover {
        background-size: 90%;
    }

    .features_sec28 i {
        font-size: 48px;
    }
}

.features_sec28 a i.clickable {
    cursor: pointer;
}

.features_sec28 p {
    text-align: left;
}

/* SPECIAL STYLES FOR COA FEATURE & QUOTES (HIGHLIGHT) AREA BELOW HERO IMAGES */

.quote-block-bkgrnd,
.coa-feature-bkgrnd {
    background-color: #eee;
    margin-bottom: 20px;
}

.quote-block-no-bkgrnd {
    margin-bottom: 20px;
}

.quote-block-content,
.coa-feature-content {
    padding-top: 15px;
}

.quote-block-content img,
.coa-feature-content img {
    margin-top: 10px;
}

.quote-block-content h3,
.coa-feature-content h3 {
    line-height: 1em;
    margin-top: 5px;
}

@media (min-width: 240px) and (max-width: 767px) {
    .quote-block-content,
    .coa-feature-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .quote-block-content ul.menu,
    .coa-feature-content ul.menu {
        margin-left: 10px !important;
    }

    .quote-block-content .one_fourth,
    .coa-feature-content .one_fourth {
        margin-bottom: 15px;
    }
}

/* CHANGES COLOR OF VERTICAL ICON LIST (e.g., used on the Development Process page) */

/* This change the small dot that is before (between) the items in the vertical icon list*/
.features_sec39 ul + ul:before {
    background: #dfb927;
}

/* Changes the large dot at the top of the icon list */
.features_sec39 .icon-list-line > div {
    background: #dfb927;
}

.features_sec39 .icon-list-line {
    border-right: 1px solid #dfb927 !important;
}

.features_sec39 li.icon i {
    background-color: #dfb927;
}

.features_sec39 li.text > .number-list,
.features_sec39 li.text > .bullet-list {
    margin-bottom: 20px;
}

/* Change for how UL is displayed in the Footer Style 3 */

.sc_services_col1 {
    float: left;
    width: 34%;
}

.sc_services_col2 {
    float: left;
    position: relative;
    width: 36%;
}

.sc_services_col3 {
    float: left;
    position: relative;
    width: 29%;
}

.footer1.three {
    padding: 25px 0 15px 0;
}

.footer1.three h3 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px !important;
}

.footer1.three h3 a,
.footer1.three h3 a:visited {
    color: #dfb927;
}

.footer1.three ul + h3 {
    margin-top: 10px;
}

.footer1.three h5 {
    color: #555;
    font-size: 13px !important;
    margin-bottom: 0;
}

.footer.three h5 a {
    color: #999;
}

.footer1.three ul {
    margin-bottom: 10px;
}

.footer1.three ul li,
.footer1.three ul li a,
.footer1.three .twitter_feed {
    color: #999;
    font-size: 12px;
    line-height: 1.6em;
}

.footer1.three .twitter_feed {
    margin-top: 10px;
}

.footer1.three .twitter_feed i {
    font-size: 16px;
}

.footer1.three .twitter_feed a.small {
    color: #999;
}

.footer1.three a:hover,
.footer1.three ul li a:hover {
    color: #000;
}

.footer1.three .textwidget,
p.footer_sf_copyright {
    color: #999 !important;
    font-size: 12px;
}

.footer1.three .footer-row {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
}

p.footer_sf_copyright {
    line-height: 1.5em;
    margin-top: 5px;
}

@media (min-width: 240px) and (max-width: 767px) {
    .sc_services_col1 {
        clear: both:
        float: left;
        width: 100%;
    }

    .sc_services_col2 {
        clear: both:
        float: left;
        width: 100%;
    }

    .sc_services_col3 {
        clear: both:
        float: left;
        width: 100%;
    }

    .footer1 .one_half {
        margin-bottom: 0;
    }

    .footer1 .one_fourth,
    .footer1 .one_forth .last {
        clear: both !important;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    .footer1 .one_half {
        width: 96%;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .footer1 .one_fourth {
        width: 61.5%;
        margin-top: 10px;
        margin-bottom: 0;
        margin-right: 4%;
    }

    .footer1 .last {
        width: 30.5% !important;
        margin-top: 10px;
        margin-bottom: 0;
    }
}

/* FRAMED BOX STYLES */

.framed-box {
    border: none;
}

.pricing-title {
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.pricing-text-list {
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    padding: 15px 20px 20px 20px;
}

/* BUTTON STYLE CHANGES */

a.but, a.btn-accept {
    color: #fff;
    border-bottom: none !important;
    cursor: pointer;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 30px;
    background: #dfb927 !important;
}

a.knowmore_but,
a.knowmore_but:visited,
a.knowmore_but_left,
a.knowmore_but_left:visited {
    color: #fff;
    border-bottom: none !important;
    cursor: pointer;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 30px;
    background: #35b548 !important;
}

a.knowmore_but:hover,
a.knowmore_but_left:hover {
    color: #fff;
    text-decoration: none;
    background-color: #27A630 !important;
    opacity: 1;
}

a.knowmore_but_left {
    float: left;
}

a.but:hover, a.btn-accept:hover {
    color: #fff;
    text-decoration: none;
    background-color: #CBA41C !important;
    opacity: 1;
}

.button-left {
    float: left;
}

/* Changes the color of the Button used in the Diamond shortcut */
.readmore_but9 {
    background-color: #dfb927;
}

.readmore_but9:hover {
    text-decoration: none;
}

.footer1.three a.but,
.footer1.three a.but:visited {
    padding: 5px 10px;
    margin: 10px 0;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    border: none !important;
    color: #fff;
    background-color: #dfb927;
}

.footer1.three a.but:hover {
    color: #fff;
    background-color: #CBA41C !important;
    border: none;
    text-decoration: none;
    opacity: 1;
}

/* CHANGES TO BLOCKQUOTE STYLE */

blockquote {
    margin: 0 0 20px 0;
    border-left: none;
    padding: 5px 20px 5px 75px;
    font-family: 'Open Sans' !important;
    font-weight: normal;
    color: #aaa;
    position: relative;
    font-size: 18px;
    font-style: italic;
    overflow: hidden;
}

blockquote:before {
    font-family: 'FontAwesome';
    content: "\f10d";
    color: #ddd;
    font-size: 50px;
    font-style: normal;
    position: absolute;
    top: 20px;
    left: 8px;
    display: block;
}

blockquote p {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

span.byline {
    clear: right;
    float: left;
    font-style: normal;
    font-size: 15px;
    line-height: 1.15em;
    text-align: left;
    margin: 10px 10px 10px 0;
    padding: 0;
    width: 100%;
}

span.byline + span.byline {
    margin-bottom: 0px;
}

blockquote.faq {
    margin: 0;
    border-left: none;
    padding: 5px 60px 5px 90px;
    font-family: 'Open Sans' !important;
    font-weight: normal;
    color: #aaa;
    position: relative;
    font-size: 16px;
    overflow: hidden;
    min-height: 40px;
}

blockquote.faq-question,
blockquote.faq-question p {
    color: #444;
    font-size: 16px;
    margin-bottom: 0 !important;
    padding-bottom: 5px !important;
}

blockquote.faq-answer,
blockquote.faq-answer p {
    color: #727272;
    font-size: 14px;
    margin-bottom: 0 !important;
    padding-bottom: 15px !important;
}

blockquote.faq br {
    display: visible;
}

blockquote.faq-question:before {
    font-family: 'Open Sans';
    content: "Q";
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    position: absolute;
    top: 10px;
    left: 28px;
    padding: 4px 10px 6px 10px;
    background-color: #ddd;
    border: none;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-radius: 75px;
}

blockquote.faq-answer:before {
    font-family: 'Open Sans';
    content: "A";
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    position: absolute;
    top: 10px;
    left: 28px;
    padding: 4px 10px 6px 10px;
    background-color: #ddd;
    border: none;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-radius: 75px
}

@media (min-width: 240px) and (max-width: 999px) {
    blockquote:before {
        font-family: 'FontAwesome';
        content: "\f10d";
        color: #ddd;
        font-size: 42px;
        font-style: normal;
        position: absolute;
        top: 20px;
        left: 8px;
        display: block;
    }

    blockquote {
        margin: 0 0 20px 0px;
        border-left: none;
        padding: 5px 20px 5px 65px;
        font-family: 'Open Sans' !important;
        font-weight: normal;
        color: #aaa;
        position: relative;
        font-size: 17px;
        font-style: italic;
        overflow: hidden;
    }

    blockquote.faq {
        margin: 0 0 10px 0;
        border-left: none;
        padding: 5px 40px 5px 70px;
        font-family: 'Open Sans' !important;
        font-weight: normal;
        color: #aaa;
        position: relative;
        font-size: 16px;
        overflow: hidden;
    }

    blockquote.faq-question,
    blockquote.faq-question p {
        color: #444;
        font-size: 16px;
        margin-bottom: 0 !important;
        padding-bottom: 5px !important;
    }

    blockquote.faq-answer,
    blockquote.faq-answer p {
        color: #727272;
        font-size: 14px;
        margin-bottom: 0 !important;
        padding-bottom: 15px !important;
    }
}

.pull-quote-box {
    float: left;
    background: #eee;
    color: #555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 10px 30px;
}

.pull-quote-box > h2,
.pull-quote-box > h3,
.pull-quote-box > h4 {
    color: #222;
}

.pull-quote-box p {
    color: #555 !important;
}

.pull-quote-box > h3,
.pull-quote-box > h4 {
    margin: 10px 0;
    text-align: left;
}

/* For the "highlight_box" enclosing shortcode */
.highlight-box {
    background: #eee;
    color: #555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 25px 0;
    padding: 15px 30px 10px 30px;
}

.highlight-box > h2,
.highlight-box > h3,
.highlight-box > h4 {
    color: #222;
}

.highlight-box p {
    color: #555 !important;
}

.highlight-box > h3,
.highlight-box > h4 {
    margin: 10px 0 15px 0;
    text-align: left;
}

.highlight-box > h3 + h3 {
    margin-top: 20px;
}

.highlight-box > h5 {
    margin-top: 10px;
}

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

    .top_nav .right li:first-child {
        margin-left: 0;
    }

    li#menu-item-39 {
        border: none;
    }

    .blockquote {
        margin: 20px 0 20px 0;
    }

    .pull-quote-box {
        margin-bottom: 0;
    }

    .mimic_list {
        float: left;
        overflow: hidden;
        width: auto;
    }

    .footer1.three .one_half,
    .footer1.three .one_fourth,
    .footer1.three .one_fourth_last {
        margin-bottom: 20px;
    }

    .sc_services_col1 {
        float: left;
        width: 100%;
    }

    .sc_services_col2,
    .sc_services_col3 {
        float: left;
        width: 100%;
    }

    .features_sec21 {
        padding-bottom: 15px;
    }
}

/* STYLES FOR THE CUSTOM CLIENT ACCORDIAN */

/* The "list-client" ID for when user clicks the "Read Case Study" button to
jump to the top of the "Case Study" accordion */
#list-client {
    clear: both;
    float: left;
}

.client {
    border: 1px solid #e1e1e1;
    padding: 15px !important;
    overflow: hidden;
}

/*This is to add space after the end of the generated accordion on the Clients page */
.pad-bottom {
    padding-bottom: 20px;
}

.client .one_fourth {
    width: 20%;
}

.client .three_fourth {
    width: 80%;
    margin-left: 20%;
}

.expanded .client-name {
    color: #dfb927 !important;
}

.client-exerpt {
    color: #727272;
}

.client-content h2,
.client-content h3 {
    margin-top: 0;
}

.client-content p {
    color: #333;
}

.client-change {
    background: url(/wp-content/uploads/2015/08/accordion-ico-yellow.png) no-repeat scroll 0px 0px !important;
    height: 25px !important;
    width: 25px !important;
    cursor: pointer;
}

.client-change:hover {
    background: url(/wp-content/uploads/2015/08/accordion-ico-hover.png) no-repeat scroll 0px 0px !important;
    height: 25px !important;
    width: 25px !important;
    cursor: pointer;
}

.expanded .client-change {
    background: url(/wp-content/uploads/2015/08/accordion-ico-yellow.png) no-repeat scroll 0px -65px !important;
    cursor: pointer;
}

.expanded .client-change:hover {
    background: url(/wp-content/uploads/2015/08/accordion-ico-hover.png) no-repeat scroll 0px -65px !important;
    cursor: pointer;
}

@media (min-width: 240px) and (max-width: 767px) {
    .client .one_fourth {
        height: 75px;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .client > .last {
        clear: both;
        float: left;
        margin-top: 10px;
        margin-left: 0;
        width: auto;
        overflow: hidden;
    }
}

/* STYLES FOR CLIENT LOGOS AT TOP OF CLIENTS PAGE*/

.client-logo-grid {
    clear: both;
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

.client-logo-grid ul {
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden;
}

.client-logo-grid ul li {
    display: inline;
    clear: none;
    float: left;
    margin: 0 1% 10px 1%;
    width: 9%;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    overflow: hidden;
}

.client-logo-grid ul li img {
    max-height: 65px;
    width: auto;
    margin: auto 0;
    opacity: 0.5;
}

/* For the div that centers the "Read Case Studies" button */
.client-logo-grid .aligncenter {
    clear: both;
}

@media (min-width: 240px) and (max-width: 640px) {
    .content_fullwidth {
        padding-top: 15px;
    }

    .client-logo-grid ul li.small {
        clear: both;
        float: left;
    }

    .client-logo-grid ul li {
        display: inline;
        clear: none;
        float: left;
        margin: 0 1% 10px 1%;
        width: 16%;
        height: 80px;
        line-height: 80px;
        vertical-align: middle;
        overflow: hidden;
    }

    .client-logo-grid ul li img {
        max-height: 65px;
        width: auto;
        margin: auto 0;
        opacity: 0.5;
    }
}

/* STYLES FOR FILTERS ON CLIENTS PAGE */

#clientFilters {
    margin: 0px auto 25px auto;
}

#clientFilters i.fa {
    margin-right: 7px;
}

#clientFilters a.filterLink,
#clientFilters a.filterLink:visited {
    border-radius: 20px;
    border: 1px solid #dfb927;
    background-color: #dfb927;
    color: #fff;
    padding: 10px 15px;
    margin-right: 10px;
}

#clientFilters a.filterLink.active {
    border-radius: 20px;
    border: 1px solid #dfb927;
    background-color: #fff;
    color: #dfb927;
    padding: 10px 15px;
    margin-right: 10px;
}

#clientFilters a.filterLink:hover {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

#clientFilters a.filterLink.active:hover {
    background-color: #fff;
    border: 1px solid #dfb927;
    color: #dfb927;
    cursor: default;
}

#clientFilters a.filterLink:last-child {
    margin-right: 0px;
}

@media (max-width: 767px) {
    #clientFilters a.filterLink {
        width: 90%;
        display: inline-block;
        margin-bottom: 10px;
    }
}

/* CLIENT LOGOS ON HOME PAGE */

div.clients-home-list {
    width: 100%;
    min-height: 150px;
    display: block;
    clear: both;
}

.clients-home-list ul {
    list-style: none;
    text-align: center;
    vertical-align: center;
}

.clients-home-list ul li {
    display: inline;
    clear: none;
    width: 8%;
    float: left;
    margin: 10px 2%;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

.clients-home-list ul li img {
    width: 100%;
    height: auto;
    vertical-align: center;
    margin: auto 0;
    opacity: 0.4;
}

/* Removes extra spacing when collapsed to phone size */
@media (max-width: 767px) {
    div.clients-home-list {
        min-height: auto;
    }
}

@media (min-width: 240px) and (max-width: 640px) {
    .clients-home-list ul li.small {
        clear: both !important;
        float;
        left !important;
    }

    .clients-home-list ul li {
        width: 16% !important;
        height: 75px !important;
        line-height: 75px !important;
    }
}

/* FEATURED BLOG POSTS ON HOME PAGE */

.home-featured-posts img {
    width: 50px;
    height: 50px;
}

.home-featured-posts .listing-item {
    margin-bottom: 20px;
    border-bottom: 1px dotted #999;
    padding-bottom: 20px;
}

.home-featured-posts a.more-link {
    display: none;
}

/* BLOG CSS MOVED FROM JOE'S CSS FILE */

/* Display Posts Shortcode Plugin Overrides */

.display-posts-listing a.title {
    display: block;
    font-size: 16px;
    line-height: 1.3em;
}

.recent-posts-no-avatar .display-posts-listing a.title {
    line-height: 1.438em;
}
.display-posts-listing span.excerpt {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.display-posts-listing span.author,
.display-posts-listing span.date {
    display: block;
    color: #a1a1a1;
    font-size: 11px;
    line-height: 18px;
}

.one-third-hack img {
    float: left;
    margin: 6px 18px 12px 0;
}

.display-posts-listing span.avatar img {
    width: auto;
}

.one-third-hack img {
    width: 96px;
    height: 96px;
}

.display-posts-listing span.excerpt-dash {
    display: none;
}

div.recent-posts-no-avatar span.avatar,
.home span.avatar {
    display: none;
}

.recent-posts-no-avatar .listing-item {
    margin-bottom: 15px;
}

a.more-link {
    border: 1px solid #dfb927;
    padding: 4px 10px;
    font-size: 11px;
}

/* Blog Overview Page */

#blog-columns {
    width: 100%;
    clear: both;
    display: block;
    min-height: 335px;
    padding: 30px 0;
    overflow: auto;
}

#blog-columns .featured-post li.listing-item {
    margin-bottom: 30px;
}

/* Keeps the block holding the excerpt for Featured Posts
to the same size for the 3 practice areas */
.featured-post .display-posts-listing .listing-item {
    height: 19em;
}

/* Keep the list of posts below the Featued post for each practice area to the same height*/
.recent-posts-no-avatar {
    height: 32em;
}

.careers-soliant-life .recent-posts-no-avatar {
    height: auto;
}

@media screen and (max-width: 999px) {
    .featured-post .display-posts-listing .listing-item {
        height: auto;
    }

    .recent-posts-no-avatar {
        height: auto;
    }
}

/* CHANGES TO PAGINATION STYLES */

/* For the breadcrumbs
The class style in the theme has the typo in "pagenation"
but am not correcting it as that will break the theme */

.pagenation #crumbs span.current,
.pagenation #crumbs span.current i {
    color: #cccccc;
}

.page_title2 .pagenation a:hover,
.page_title2 .pagenation a:hover i {
    color: #000000;
}

/* These are used at the bottom of Posts */
.pagination {
    font-size: 12px;
}

/* This is for the Pages X of X text so it vertically aligned to the middle */
.pagination b {
    line-height: 40px;
    vertical-align: middle;
}

@media (max-width: 479px) {
    .pagination b {
        line-height: 1.82em;
        vertical-align: middle;
        padding-left: 0px;
    }
}

.pagination a.navlinks {
    background-color: #fff;
    border: 1px solid #dfb729;
    color: #dfb729;
    text-transform: none;
    line-height: 40px;
}

.pagination a.navlinks:hover {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
}

.pagination a.current {
    background-color: #dfb729;
    color: #fff;
}

.pagination a.current:hover {
    background-color: #CCA924;
    border: 1px solid #dfb729;
    color: #fff;
}

/* STYLES FOR GOOGLE MAPS */

/* For making the large Google Map on the About Soliant page scalable */
.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* STYLE OVERRIDES FOR SHARE THIS POSTS */

.sharepost li {
    padding: 0 !important;
}

.sharepost li a {
    display: block;
    width: 26px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    text-align: center;
}

.sharepost i.fa {
    line-height: 28px;
    vertical-align: middle;
}

/* STYLING FOR RECRUITER BOX */
/* To override styles from Recruiter Box */

.rbox-opening-li-title {
    font-family: "Raleway", sans-serif;
    font-weight: normal !important;
    color: #272727;
}

.rbox-opening-li a {
    color: #dfb927;
    text-decoration: none;
}

.rbox-job-shortdesc {
    font: 14px/23px "Open Sans", sans-serif;
}

.rbox-widget h2 {
    color: #272727;
    font-family: "Raleway", sans-serif !important;
    font-weight: normal !important;
}

.rbox-job-longdesc h1 > strong {
    font-weight: normal;
}

.rbox-job-longdesc h1 {
    color: #272727;
    font-family: "Raleway", sans-serif !important;
    font-weight: normal !important;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
}

.rbox-job-longdesc h2 > strong {
    font-weight: normal;
}

.rbox-job-longdesc h2 {
    color: #272727;
    font-family: "Raleway", sans-serif !important;
    font-weight: normal !important;
    font-size: 20px !important;
    line-height: 25px;
    margin-bottom: 15px !important;
}

.rbox-job-longdesc h3 > strong {
    font-weight: normal;
}

.rbox-job-longdesc h3 {
    color: #272727;
    font-family: "Raleway", sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 25px;
    margin-top 10px;
    margin-bottom: 20px;
}

/* Ends override styles for Recruiter Box */

/* CATEGORY NEWS ARCHIVE */

div#single-news-meta ul.post_meta_links {
    display: none
}

.code div.container::before {
    display: none;
}

/* LABS OVERVIEW PAGE FROM JOE */

#labs-columns {
    width: 100%;
    clear: both;
    display: block;
    min-height: 335px;
    padding: 30px 0;
    overflow: auto;
}

.labs-overview span.avatar,
.labs-overview span.author {
    display: none;
}

.labs-overview li.listing-item {
    margin-bottom: 30px;
}

@media screen and (max-width: 999px) {
    .one-third-hack,
    .one-half-hack {
        position: relative;
        margin-right: 0;
        float: none;
        width: 100%;
        display: block;
        height: auto;
    }

    #blog-columns li.listing-item {
        height: auto;
        min-height: auto;
    }

    /* Add border between the Salesforce and Web Apps sections on top-level blog page when viewpoint collapses */
    .col-sf,
    .col-web {
        clear: both;
        float: left;
        margin-top: 30px;
        border-top: 1px dotted #999;
    }
}

/* Ends Labs Overview Page from Joe */

/* Hides the Lab item exceprts on the top-level Labs page when viewpoint collapses on a phone*/
@media (max-width: 479px) {
    #labs-columns {
        padding-top: 0;
    }

    .labs-overview > h3 {
        margin-top: 40px;
    }

    .labs-overview > ul.display-posts-listing > li.listing-item {
        clear: both;
    }

    .labs-overview > ul.display-posts-listing > li.listing-item > span.excerpt {
        display: none !important;
    }
}

/* CATEGORY ARCHIVE GLOBAL STYLE OVERRIDES FROM JOE */

.blog_postcontent .image_frame.small,
.blog_postcontent .video_frame.small iframe {
    width: 30%;
    max-width: 176px;
}

@media (max-width: 479px) {
    .blog_postcontent .image_frame.small {
        border: 7px solid #fff;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .blog_postcontent .image_frame.small {
        border: 7px solid #fff;
    }
}

.post_meta_links_small .post_comments {
    display: none;
}

.tagcloud a {
    font-size: 14px;
    color: #dfb927;
    padding: 0;
    background: none;
    margin: 0 5px 7px 0;
    text-align: left !important;
}

.tagcloud a:hover {
    background: none;
    color: #000;
}

/* Single post */

.single .category-labs .image_frame,
.single .category-blog .image_frame,
.single .tag-playlist .image_frame {
    display: none !important;
}

/* Single post labs */

.category-labs .post_meta_links .post_by {
    display: none;
}

.category-labs .post_meta_links {
    padding-left: 6px !important;
}

/* Single post sidebar */

.RelatedPostsWidget #related_posts_rpw * {
    margin: 0;
    padding: 0;
    line-height: 1.15em;
}

.right_sidebar .RelatedPostsWidget #related_posts_rpw li,
.right_sidebar .widget_recent_entries li {
    line-height: 1.15em;
    margin-bottom: 15px;
    border: 0;
    padding: 0;
}

#related_posts_rpw ul {
    padding: 0;
}

.right_sidebar div {
    margin-bottom: 15px;
}

.right_sidebar .widget_text .textwidget ul > li > i {
    color: #afafaf;
}

/* News archive */

.category-news .blog_post .post_info_content p {
    margin-bottom: 0;
}

.sharepost {
    width: 48%;
}

@media only screen and (max-width: 479px) {
    .sharepost {
        width: 100%;
    }

    .sharepost.last {
        margin-bottom: 40px !important;
    }
}

/* Ends Category Archive Global Style Overrides from Joe */

/* TAG STYLING */
/* For Tags shown in the right sidebar to mimic how they're styled at the bottom of a given post */

.tagcloud a {
    line-height: 23px;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
}

.tagcloud a:after {
    font-family: 'FontAwesome';
    content: "\f111";
    color: #717171;
    font-size: 5px;
    font-style: normal;
    padding-left: 6px;
    line-height: 23px;
    vertical-align: middle;
}

.tagcloud a:last-child:after {
    content: "";
}

/* SOLIANT TV STYLES */

div.soliant-tv-main {
    clear: both;
    margin-top: 30px;
}

.soliant-tv-main h4.tv-nav {
    color: #afafaf;
    margin-top: 20px;
    margin-bottom: 10px;
}

.soliant-tv-main ul {
    font-size: 16px;
    margin-left: 30px;
}

.soliant-tv-main ul li {
    line-height: 1.15em;
    margin-bottom: 15px;
}

.soliant-tv-main .fa-folder-open {
    margin-right: 10px;
}

.soliant-tv-main .fa-cloud,
.soliant-tv-main .iconmoon-globe {
    margin-right: 7px;
}

.soliant-tv-main h2 {
    clear: both;
    margin-bottom: 0px;
}

.soliant-tv-main h4 {
    clear: both;
    margin-bottom: 30px;
}

.soliant-tv-main h2 a,
.soliant-tv-main h4 a {
    color: #dfb927;
}

/* CUSTOMIZED HERO IMAGE TEST */

.hero-container {
    overflow: hidden;
}

.bkgrnd-home {
    background: url(/wp-content/uploads/2015/08/hero-home-1170x495.jpg);
}

.bkgrnd-filemaker {
    background: url(/wp-content/uploads/2015/08/hero-filemaker-1170x502.jpg);
    margin-bottom: 30px;
}

.bkgrnd-salesforce {
    background: url(/wp-content/uploads/2017/04/hero-salesforce-2017.jpg);
    margin-bottom: 30px;
}

.bkgrnd-webapps {
    background: url(/wp-content/uploads/2015/08/hero-web-apps-1170x502.jpg);
    margin-bottom: 30px;
}

.hero-bkgrnd {
    display: inline-block;
    width: 100%;
    height: auto;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    background-position: left top;
    background-repeat: no-repeat;
    z-index: 0;
}

.hero-content {
    display: block;
    width: 100%;
    height: 495px;
}

.hero-content h1 {
    display: block;
    float: right;
    color: #000;
    font-size: 42px;
    margin-top: 20px;
    margin-right: 20px;
    z-index: 1000;
}

.hero-content h2 {
    display: block;
    clear: both;
    float: right;
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
    margin-right: 20px;
    z-index: 1000;
}

.hero-text p {
    clear: both;
    float: right;
    color: #777777;
    font-size: 16px !important;
    line-height: 23px;
    width: 320px;
    z-index: 1000;
}

/* REVISED STYLING FOR SMALLER HERO IMAGE ON PRACTICE AREA PAGES*/
.hero-small h1 {
    color: #000;
    font-size: 42px;
    margin-top: 20px;
}

.hero-small h2 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
}

.hero-small p {
    color: #777777;
    font-size: 16px !important;
    line-height: 23px;
}

/* Down arrow for "more" on Hero image overlay */
.hero-text i.fa.fa-arrow-circle-o-down,
.hero-small i.fa.fa-arrow-circle-o-down {
    font-size: 55px;
    color: #eee;
    clear: both;
    float: right;
}

.hero-text i.fa.fa-arrow-circle-o-down:hover,
.hero-small i.fa.fa-arrow-circle-o-down:hover {
    color: #ddd;
}

.hero-small i.fa.fa-arrow-circle-o-down {
    margin-top: 25px;
}

.bkgrnd-filemaker .hero-text i.fa.fa-arrow-circle-o-down {
    margin-right: 15px;
}

.bkgrnd-salesforce .hero-text i.fa.fa-arrow-circle-o-down {
    margin-right: 0;
    margin-top: -10px;
}

.bkgrnd-webapps .hero-text i.fa.fa-arrow-circle-o-down {
    margin-right: 10px;
    margin-top: -10px;
}

@media (max-width: 999px) {
    .hero-text i.fa.fa-arrow-circle-o-down,
    .hero-small i.fa.fa-arrow-circle-o-down {
        display: none;
    }
}

.bkgrnd-filemaker .hero-text p {
    width: 325px;
}

.bkgrnd-salesforce .hero-text p {
    width: 315px;
}

.bkgrnd-webapps .hero-text p {
    width: 307px;
}

@media (min-width: 240px) and (max-width: 767px) {
    .hero-bkgrnd {
        background-size: 100%;
    }

    .hero-content {
        margin-top: 45%;
        height: auto;
    }

    .hero-content h1 {
        clear: both;
        float: left;
        font-size: 24px;
        margin-bottom: 0px;
    }

    .hero-content h2 {
        clear: both;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .hero-text p {
        clear: both;
        float: left;
        width: 100%;
        font-size: 14px !important;
        line-height: 20px;
    }

    .bkgrnd-filemaker .hero-text p {
        width: 100%;
    }

    .bkgrnd-salesforce .hero-text p {
        width: 100%;
    }

    .bkgrnd-webapps .hero-text p {
        width: 100%;
    }

    .hero-small h1 {
        color: #000;
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .hero-small h2 {
        color: #333;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .hero-small p {
        color: #777777;
        font-size: 14px !important;
        line-height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    .hero-bkgrnd {
        background-size: 100%;
    }

    .hero-content {
        margin-top: 50%;
        height: auto;
    }

    .hero-content h1 {
        clear: both;
        float: left;
        font-size: 32px;
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .hero-content h2 {
        clear: both;
        float: left;
        font-size: 22px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .hero-text p {
        clear: both;
        float: left;
        width: 100%;
        font-size: 14px !important;
        line-height: 20px;
    }

    .bkgrnd-filemaker .hero-text p {
        width: 100%;
    }

    .bkgrnd-salesforce .hero-text p {
        width: 100%;
    }

    .bkgrnd-webapps .hero-text .wow p {
        width: 100%;
    }

    .hero-small h1 {
        color: #000;
        font-size: 32px;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .hero-small h2 {
        color: #333;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .hero-small p {
        color: #777777;
        font-size: 14px !important;
        line-height: 20px;
    }
}

@media (min-width: 1000px) and (max-width: 1168px) {
    .hero-bkgrnd {
        background-size: 90%;
        -ms-background-size: 90% 90%;
    }

    .hero-content {
        display: block;
        width: 100%;
        height: 420px;
    }

    .hero-content h1 {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .hero-content h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .hero-content p {
        font-size: 14px !important;
        line-height: 20px;
        width: 320px;
    }

    .hero-small h1 {
        color: #000;
        font-size: 42px;
        margin-top: 20px;
    }

    .hero-small h2 {
        color: #333;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .hero-small p {
        color: #777777;
        font-size: 16px !important;
        line-height: 23px;
    }
}

/* This removes the header bar background image */
.page-id-27 .page_title2,
.page-id-29 .page_title2,
.page-id-31 .page_title2 {
    display: none !important;
}

/* CHANGED TO STYLES FOR SPECIAL LANDING PAGES */

.page-template-landing-page #header {
    display: none;
}

.page-template-landing-page .page_title2 {
    display: none;
}

.landing-page .one_half {
    overflow: hidden;
}

.landing-page h1,
.landing-page h2 {
    text-align: center;
}

.landing-page h2 {
    color: #333;
}

/* Changes to "Box Text" shortcode styles when used for a landing page */

.landing-page .box_widget_full {
    background-color: #eeeedd;
    border: none;
    border-radius: 4px;
    padding: 5% !important;
    width: calc(95% - 5%);
}

.landing-page .box_widget_full .fa-4x {
    font-size: 3em;
    margin-top: 8px;
}

.landing-page .box_widget_full i {
    margin-right: 15px;
}

.landing-page .fullimage_box2 h3 {
    color: #454545;
}

/* Changes to "Box Text 2" shortcode styles when used for a landing page */

.landing-page .framed-box-wrap {
    background-color: #f2f2e9;
    border-radius: 4px;
}

.landing-page .pricing-title {
    background-color: #eeeedd;
}

.landing-page .pricing-title h3 {
    margin-top: 10px;
}

/* Changes to "Box" shortcode styles when used for a landing page */

.landing-page ul.fullimage_box2 {
    border: none;
    background-color: #f2f2f2;
}

/* Changes to properties "Icon Box 5" style when used for a landing page */

.landing-page .features_sec22 .box a h2 {
    color: #454545 !important;
}

.landing-page .features_sec22 .box:hover {
    background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
    color: #454545 !important;
}

.landing-page .features_sec22 .box:hover h2 {
    color: #454545;
    cursor: default;
}

.landing-page .features_sec22 .box .icon:hover {
    border-color: #E3E3E3;
    cursor: default;
    cursor: hand;
}

.landing-page .features_sec22 .box > a {
    color: #dfb927 !important;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.landing-page .features_sec22 .box p,
.landing-page .features_sec22 .box p:hover {
    color: #727272 !important;
    text-decoration: none;
    cursor: default;
}

.landing-page blockquote {
    color: #797979;
}

.landing-page > .container_full {
    margin-bottom: 40px;
}

.landing-page .coa-feature-content {
    padding-top: 25px;

}

.landing-page blockquote:before {
    font-family: 'FontAwesome';
    content: "\f10d";
    color: #ccc;
    font-size: 50px;
    font-style: normal;
    position: absolute;
    top: 20px;
    left: 8px;
    display: block;
}

.landing-page .knowmore_but {
    clear: both;
    float: left;
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 35px;
    padding: 15px 50px;
    text-align: center;
}

/* Changes to the Icon Box (features_sec22) elements when used as a 
Landing page within a practice area section */

.landing-features-wrapper .box {
    min-height: 500px;
}

.landing-features-wrapper .features_sec22 .box .icon .icon-wrapper {
    background: #fff;
}

.landing-features-wrapper .features_sec22 .box .icon .icon-wrapper i {
    color: #dfb927;
}

.landing-features-wrapper .features_sec22 .box:hover {
    color #454545 !important;
}

.landing-features-wrapper .features_sec22 .box h2,
.landing-features-wrapper .features_sec22 .box h2:hover {
    color: #272727;
    cursor: default;
}

.features_sec22 .box .icon:hover {
    border: 1px solid #e3e3e3;
    cursor: default;
}

.landing-features-wrapper div.icon-box-style3 {
    padding: 15px 1%;
}

.landing-features-wrapper .icon-box-style3 img {
    height: 140px;
    width: 140px;
}

/* Hides the right caret automatically added below text when this style is used */
.landing-features-wrapper .icon-box-style3 a {
    display: none;
}

/* Ends 'Changes to styles for speical landing pages */

/* SYNTAX HIGHLIGHTER OVERRIDES */

code {
    white-space: nowrap !important;
    overflow-x: scroll !important;
}

.syntaxhighighter {
    margin-bottom: 1.5em !important;
}

/* COMMENT OVERRIDES */

.comment_content .comment_text a,
.comment_content .comment_text a:visited {
    margin-top: 0;
    color: #dfb927;
    text-decoration: none;
    float: none;
}

.comment_content .comment_text a:hover {
    margin-top: 0;
    color: #000;
    text-decoration: underline;
    float: none;
}

/* STYLES FOR SOLIANT SUNRISE SCHOLARSHIP */

.pullout h3 {
    margin-top: 0;
}

.pullout p.pulltext {
    color: #aa7;
    font-size: 27px !important;
    line-height: 1.33em;
    margin: 0 0 20px 0px;
    padding: 5px 20px 5px 75px;
    font-family: 'Raleway', sans-serif !important;
    position: relative;
    font-style: italic;
    font-weight: 200;
}

.pullout p.pulltext:before {
    color: #aa7;
    font-family: 'FontAwesome';
    content: "\f040";
    font-size: 68px;
    font-style: normal;
    position: absolute;
    top: 25px;
    left: 0;
    display: block;
    background-repeat: no-repeat;
}

@media (max-width: 999px) {
    .pullout p.pulltext {
        font-size: 23px !important;
        padding-left: 65px;
        margin-bottom: 0;
    }

    .pullout p.pulltext:before {
        font-size: 60px;
        top: 20px;
    }
}

/* CALLOUT SHORTCODE, NO BOX OR ICON */

.callout-block {
    color: #999;
    font-family: 'Raleway', sans-serif !important;
    font-size: 27px !important;
    font-style: italic;
    font-weight: 200;
    line-height: 1.33em;
    margin: 0 0 20px 0px;
    padding: 5px 20px 5px 0px;
    position: relative;
}

.text-green {
    color: #aaaa77 !important;
}

.callout-small {
    color: #aaaa77;
    font-family: 'Raleway', sans-serif !important;
    font-size: 1.55em;
    font-style: italic;
    font-weight: 200;
    line-height: 1.4em;
    margin: 0 0 20px 0px;
    padding: 5px 20px 5px 0px;
    position: relative;
}

/* SPECIAL STYLING FOR HEADERS USED ON THE MANAGEMENT TEAM PAGE */

.mgmt-header {
    clear: both;
    float: left;
    width: 100%;
    margin: 25px 0px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #727272;
}

.mgmt-header:after {
    clear: both;
}

.mgmt-header h4 {
    float: left;
    display: inline;
    margin-bottom: 0;
}

.mgmt-header i.fa,
.mgmt-header a > i.fa {
    color: #dfb927;
    font-size: 18px;
    cursor: pointer;
    float: right;
    position: relative;
    margin-top: 2px;
    margin-left: 5px;
}

.mgmt-header a > i.fa .icomoon-envelop-2 {
    font-size: 20px !important;
    margin-top: 1px;
}

.mgmt-header a i.fa:hover,
.mgmt-header a i.icomoon-envelop-2:hover {
    color: #000 !important;
}

.slideshow-window {
    background-color: #ffffff ! important;
    border: 1px solid #ffffff ! important;
    border-radius: 0 !important;
    height: 0;
    margin-bottom: 40px !important;
    overflow: visible !important;
    padding-top: 30px !important;
    padding-bottom: 56.25% !important;
    position: relative;
    z-index: 1;
}

.slideshow-slide-caption {
    color: #727272 !important;
    text-shadow: none !important;
    bottom: -30px !important;
    line-height: 1.5em !important;
}

span.author a {
    color: #a1a1a1;
    font-size: 11px;
    padding: 0 5px 0 0;
    text-decoration: none;
}

.listing-item span.author a {
    color: #dfb927;
}

span.author a:hover {
    color: #727272 !important;
    text-decoration: none;
}

.single .image_frame, .page .image_frame {
    display: none !important;
}

body.category-news .image_frame {
    display: none !important;
}

/* FRAME-BOX OVERRIDES */

.framed-box-wrap {
    background-color: #f2f2e9;
    border-radius: 4px;
}

.framed-box-wrap .pricing-title {
    background-color: #eeeedd;
    padding: 20px 0px 0px 0px;
    text-align: center;
    border-bottom: 1px solid #fff;
}

.pricing-title {
    border-radius: 5px 5px 0 0;
}

.framed-box h3 {
    margin-top: 10px;
}

.framed-box-wrap .pricing-text-list {
    padding: 15px 20px;
    text-align: left;
    min-height: 300px;
}

.pricing-text-list ul {
    margin: 10px;
}

.framed-box-wrap .pricing-text-list p > a.but {
    display: none !important;
}

@media (max-width: 990px) {
    .framed-box-wrap {
        margin-bottom: 30px;
    }

    .framed-box-wrap .pricing-text-list {
        min-height: 50px;
        height: auto !important;
    }
}

/* STYLING FOR SHORTCODE FOR GRAY CONTAINER HOLDER PARDOT FORM*/

.pardot-form-wrapper {
    clear: both;
    float: left;
    background: #f1f1f1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 0 0 25px 0;
    padding-left: 20px;
    padding-top: 10px;
    width: 95%;
}

/* STYLING FOR CONTACT US CALL TO ACTION IN RIGHT SIDEBAR */
.contact-us-wrapper {
    clear: both;
    float: left;
    background: #555;
    margin-top: 20px;
    padding-bottom: 10px;
    overflow: hidden;
}

.contact-us-head {
    clear: both;
    background: #000;
    padding: 0;
    width: 100%;
}

.contact-us-wrapper > .contact-us-head h3,
.sidebar_widget > .textwidget > .contact-us-wrapper > .contact-us-head h3,
.widget_text > .textwidget > .contact-us-wrapper > .contact-us-head h3 {
    color: #fff;
    margin: 0 !important;
    padding: 15px 0;
    text-align: center;
}

.contact-us-text {
    clear: both;
    padding: 0 25px;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.sc-contact-text {
    padding-top: 20px;
    padding-bottom: 20px;
}

.contact-us-text p {
    color: #ddd;
    margin: 0 0 15px 0;
}

.contact-us-text a, .contact-us-text a:link, .contact-us-text a:visited {
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
}

.contact-us-text a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.contact-us-button {
    clear: both;
    float: left;
    text-align: center;
    overflow: hidden;
    width: 100%;
}

.contact-us-button a.knowmore_but {
    clear: both;
    background: #59B200 !important;
    font-size: 18px;
    padding: 10px 0 12px 0;
    width: 100%;
}

.contact-us-button a.knowmore_but:hover {
    background: #449900 !important;
    text-decoration: none;
}

/* STYLING FOR THE TOP HEADER "BLOG" ON INDIVIDUAL POSTS */

.blog-head {
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 25px;
    color: #000000;
    margin: 0px;
    font-weight: 200;
    text-transform: none;
}

.blog_post h1 {
    float: left;
    text-align: left;
    width: 74%;
    line-height: 30px;
}

.blog_postcontent h1 a {
    color: #dfb927;
    text-decoration: none;
    float: left;
    margin-top: 3px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.15em;
}

@media (max-width: 479px) {
    .blog_post h1 {
    margin-top: 25px!important;
    }
}


/* STYLING FOR STATISTICS */
.statistics {
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}

.statistics h4 {
    font-size: 26px;
    font-style: normal;
    margin-bottom: 10px;
    text-transform: none;
}

.statistics > .one_fourth > i.fa {
    border-radius: 50px;
    background-color: #dfb927;
    color: #fff;
    font-size: 22px;
    padding: 20px
}

.statistics > .one_fourth {
    border-right: 1px dotted #ccc;
    margin-right: 0;
    width: calc(25% - 1px)
}

.statistics > .last {
    border-right: none;
}

@media (max-width: 420px) {
    .statistics p {
        font-size: .85em !important;
        line-height: 1.4em !important;
    }
}

/* Added CSS for missing properties for the .four_fifth class */
.four_fifth {
    width: 79%;
}

/* STYLING FOR REVISED ABOUT SOLIANT PAGE */

.about-soliant-wrapper br {
    display: block !important;
}

.about-soliant-wrapper ul > li {
    text-align: center;
}

.about-soliant-wrapper .wp-caption {
    background: #13576f;
}

.about-soliant-wrapper > .wp-caption > .wp-caption-text,
.about-soliant-wrapper > .wp-caption > .wp-caption-text a {
    color: #eee;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    font-style: normal;
}

.about-soliant-wrapper > .wp-caption > .wp-caption-text a:hover {
    color: #eee;
    text-decoration: underline;
}

.employee-photo {
    background: #4d6e32;
    margin-bottom: 0 !important;
    padding: 5px;
}

.employee-name {
    background-color: #4d6e32;
    color: #eee;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: uppercase;
    text-align: center;
    margin-top: -6px;
    padding: 5px 10px 0 10px;
}

.employee-title {
    background-color: #4d6e32;
    color: #eee;
    font-size: 13px;
    text-transform: none;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
    padding: 0 10px 5px 10px;
}

.employee-question, .employee-answer {
    background-color: #fff;
    padding: 10px;
    border-left: 1px solid #4d6e32;
    border-right: 1px solid #4d6e32;
    font-size: .92em;
    line-height: 1.5em;
}

.employee-question {
    font-weight: 400;
    color: #000;
}

.employee-answer {
    font-weight: 300;
    color: #000;
    padding-top: 0;
    border-bottom: 1px solid #4d6e32;
}

.employee-answer p {
    color: #000;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5em;
}

@media (max-width: 767px) {
    .one_fifth {
        margin-bottom: 0;
    }

    .about-soliant-wrapper p {
        display: none;
    }

    .about-soliant-wrapper ul {
        margin-bottom: 0;
    }

    .about-soliant-wrapper > .wp-caption > p.wp-caption-text {
        display: block !important;
    }

    .employee-photo img {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0;
    }

    .employee-name {
        margin-top: 0;
        padding-top: 5px;
    }

    .employee-question, .employee-answer {
        font-size: 14px;
    }

    .employee-answer {
        margin-bottom: 25px;
        min-height: auto;
    }
}

/* STYLING FOR POP-UP PLUGIN TO OVERRIDE PUM-THEME PROPERTIES */
.pum-theme-18192 .pum-container, .pum-theme-default-theme .pum-container {
    background-color: #dfb927 !important;
    padding: 0 !important;
    margin-top: 65px !important;
}

.pum-theme-18192 .pum-content, .pum-theme-default-theme .pum-content {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
}

.pum-theme-19182 .pum-title, .pum-theme-default-theme .pum-title {
    color: #fff !important;
    text-align: center !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
    padding: 10px 10px 0 10px !important;
    margin-bottom: 10px;
    background-color: #dfb927 !important;
}

.pum-theme-19182 .pum-title br, .pum-theme-default-theme .pum-title br {
    display: inline !important;
}

.pum-theme-18192 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    right: 5px !important;
    top: 5px !important;
    padding: 4px 6px !important;
    background-color: #dfb927 !important;
    color: #fff !important;
    font-weight: 800 !important;
    float: right;
    margin-right: 5px;
    position: static !important;
}

.pum-container .employee-question, .pum-container .employee-answer {
    font-size: 13px !important;
    border-left: 1px solid #dfb927 !important;
    border-right: 1px solid #dfb927 !important;
}

.pum-container .employee-answer {
    border-bottom: 1px solid #dfb927 !important;
}

/* STYLING FOR NEW CALL TO ACTION BLOCKS */
#text-13 h5,
#text-15 h5,
#text-16 h5,
#text-17 h5,
#text-18 h5,
#text-19 h5,
#text-22 h5,
#text-23 h5,
#text-24 h5,
#text-25 h5,
#text-26 h5,
#text-27 h5,
#text-29 h5,
#text-31 h5,
#text-34 h5,
#text-35 h5,
#text-37 h5,
#text-38 h5,
#text-39 h5,
#text-40 h5,
#text-41 h5,
#text-42 h5,
#text-43 h5,
#text-45 h5,
#text-46 h5,
#text-47 h5,
#text-48 h5,
#text-49 h5,
#text-50 h5,
.soliant-tv-main h5 {
    font-size: 22px!important;
    margin-top: 0 !important;
}

.soliant-tv-main h5 {
    font-size: 20px!important;
}

.page-template-default .cta-wrapper > div,
.post-template-default .cta-wrapper > div {
    margin-bottom: 15px;
}
.cta-wrapper, .cta-wrapper-body {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 25px!important;
}

.cta-wrapper-body {
    display: inline;
}
.cta-wrapper-body .cta-body-left {
    width: 20%;
    float: left;
}

.cta-wrapper-body .cta-body-middle {
    width: 45%;
    float: left;
    position: relative;
}

.cta-wrapper-body .cta-body-right {
    width: 30%;
    float: left;
    position: relative;
}

.cta-border-yellow {
    border: 1px solid #dfb927;
    background-color: rgba(223,185,39,.1);
}
.cta-border-blue {
    border: 1px solid #1798c1;
    background-color: rgba(23,152,193,.1);
}
.cta-border-purple {
    border: 1px solid #2e2899;
    background-color: rgba(46,40,153,.1);
}
.cta-border-green {
    border: 1px solid #473;
    background-color: rgba(68,119,51,.1);
}

.cta-text, .cta-text-fm, .cta-text-sf, .cta-text-web, .cta-text-sc, cta-body-middle {
    clear: both;
    width: 100%;
    float: left;
    display: inline;
    color: #000;
    font-size: 15px;
    font-weight: 300;
}

.cta-body-middle {
    padding: 25px 20px;
}

.cta-body-middle h2, h3 {
    margin-bottom: 15px!important;
}

.cta-body-middle p {
    font-size: 18px;
    font-weight: 300;
}

.cta-text strong, .cta-text-fm strong, .cta-text-sf strong, .cta-text-web strong, .cta-text-sc strong {
    font-size: 17px;
    font-weight: 600;
}

.cta-text .large, .cta-text-fm .large, .cta-text-sf .large, .cta-text-web .large, .cta-text-sc .large {
    font-size: 18px;
    font-weight: 700;
}

.cta-text .x-large, .cta-text-fm .x-large, .cta-text-sf .x-large, .cta-text-web .x-large, .cta-text-sc .x-large {
    font-size: 20px;
    font-weight: 700;
}

i.cta-icon {
    display: inline;
    font-size: 50px;
    float: right;
    margin-top: 10px;
    margin-left: 5px;
}

.cta-text-sf > i.cta-icon {
    font-size: 44px;
    margin-left: 7px;
}

.cta-text-fm > i.cta-icon {
    font-size: 42px;
    margin-left: 8px;
}

.cta-wrapper-body .cta-body-left > i.cta-icon {
    color: #fff;
    font-size: 65px;
    margin-top: 25px;
    text-align: center;
}

.cta-button {
    clear: both;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    margin-top: 5px;
    text-align: center;
}

.cta-button a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}

.cta-wrapper-body .cta-body-right > .cta-button a {
    display: block;
}

.soliant-tv-main .cta-wrapper .cta-button a {
    display: block;
}

.left_sidebar .cta-wrapper .cta-button a {
    display: block;
}

@media (max-width: 1168px) {
    .right_sidebar .cta-wrapper .cta-button a,
    .page-template-default .cta-wrapper .cta-button a,
    .post-template-default .cta-wrapper .cta-button a {
        display: block;
    }
}

.cta-text-fm strong, .cta-text-fm .large, .cta-text-fm .x-large {
    color: #54B;
}

.cta-text-sf strong, .cta-text-sf .large, .cta-text-sf .x-large {
    color: #1798c1;
}

.cta-text-web strong, .cta-text-web .large, .cta-text-web .x-large {
    color: #473;
}

/* .cta-text-sc strong, .cta-text-sc .large, .cta-text-sc .x-large { color: #dfb927; } */
.cta-icon-fm {
    color: #54B;
}

.cta-btn-fm {
    border: 1px solid #2e2899;
    background-color: #54B;
}

.cta-icon-sf {
    color: #1798c1;
}

.cta-btn-sf {
    border: 1px solid #1798c1;
    background-color: #1798c1;
}

.cta-icon-web {
    color: #473;
}

.cta-btn-web {
    border: 1px solid #473;
    background-color: #473;
}

.cta-icon-sc {
    color: #dfb927;
}

.cta-btn-sc {
    border: 1px solid #dfb927;
    background-color: #dfb927;
}

a.cta-btn-fm:hover {
    border: 1px solid #439;
    background-color: #439;
    text-decoration: none;
}

a.cta-btn-sf:hover {
    border: 1px solid #179;
    background-color: #179;
    text-decoration: none;
}

a.cta-btn-web:hover {
    border: 1px solid #352;
    background-color: #352;
    text-decoration: none;
}

a.cta-btn-sc:hover {
    border: 1px solid #ca2;
    background-color: #ca2;
    text-decoration: none;
}

/* STYLING FOR NEW HUB PAGES */
.page-template-landing-page #header {
    display: inline;
}

.page-template-landing-page > .site_wrapper > .page_title {
    background-color: #fff;
    background: none !important;
    padding: 50px 0 0 0;
}

.page-template-landing-page > .site_wrapper > .page_title h1 {
    color: #dfb927 !important;
    font-size: 45px;
    font-weight: 300;
    padding-bottom: 0;
    margin-bottom: 15px;
    background: none !important;
}

.page-template-landing-page > .site_wrapper .content_fullwidth {
    padding: 0;
}

.page-template-landing-page > .site_wrapper .content_fullwidth h2 {
    color: #000 !important;
    font-size: 32px !important;
}

.page-template-landing-page > .site_wrapper .content_fullwidth h2.sub-head {
    color: #000 !important;
    font-size: 30px !important;
    margin-bottom: 30px;
    text-align: center;
}

.page-template-landing-page > .site_wrapper .content_fullwidth h2, .page-template-landing-page > .site_wrapper .content_fullwidth h3 {
    color: #dfb927;
}

.page-template-landing-page > .site_wrapper .content_fullwidth p.intro {
    font-size: 20px;
    line-height: 1.4em;
    text-align: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.page-template-landing-page > .site_wrapper .content_fullwidth p {
    font-size: 16px;
    line-height: 1.5em;
}

@media (min-width: 240px) and (max-width: 999px) {
    .page-template-landing-page > .site_wrapper .content_fullwidth h2.sub-head {
        font-size: 24px !important;
        line-height: 28px !important;
    }
}

/* SHORTCODE ULTIMATE STYLING OVERRIDES */

/* Service shortcode changes */
.su-service-title {
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
}

.sc-yellow, .sc-yellow > .su-service-title {
    color: #dfb927 !important;
}

.sc-yellow > .su-service-content {
    color: #727272 !important;
}

.sc-blue {
    color: #13576f !important;
}

.sc-red {
    color: #cc3522c !important;
}

.sc-purple {
    color: #575094 !important;
}

.sc-green {
    color: #4d6e32 !important;
}

.sc-brown {
    color;
    #a6692c !important;
}

.su-service-content {
    font-size: 16px !important;
    line-height: 1.5em !important;
}

.su-service.title-center > .su-service-title {
    text-align: center !important;
}

.su-service.title-center > .su-service-title i {
    position: relative !important;
    display: inline !important;
}

.su-service-content {
    text-align: justify !important;
}

.su-dropcap-style-simple {
    margin: 0 .15em .2em 0 !important;
}

.su-column img { margin-top: 0!important; }

/* Changes font-size for pullquotes*/
.su-pullquote, .su-pullquote p {
    font-size: 16px!important;
    font-style: italic!important;
    line-height: 1.5em!important;
    margin-bottom: 2em!important;
}

.su-pullquote p {
    margin-bottom: 15px!important;
}

/* To make pullquote use full width when used in a column */
.col-pullquote {
    width: 95% !important;
}

@media (min-width: 240px) and (max-width: 999px) {
    .su-service-title {
        font-size: 24px !important;
        line-height: 28px !important;
    }
}

/* Note shortcode changes */
.su-note {
    font-size: 24px !important;
    line-height: 1.4em !important;
    text-align: center !important;
}

.su-note-inner br {
    display: inline !important;
}

.sf-border-blue {
    border: 2px solid #1798c1 !important;
}

.sf-border-orange {
    border: 2px solid #e8673e !important;
}

/* Box shortcode changes*/
.su-box {
    border-width: 1px !important;
}

.su-box-title {
    font-weight: 500 !important;
    font-size: 1.2em !important;
}

/* Change button text color */
a.btn-hub, a.btn-hub:visited, a.btn-hub:focus {
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1.5em !important;
    padding: 5px !important;
    padding-bottom: 8px !important;
}

a.btn-hub:hover, a.btn-hub:active {
    opacity: .8 !important;
    color: #fff !important;
}

/* Change for List with individual icons instead of normal markers */
.su-column ul.custom-list:before {
    content: "";
}
.su-column ul.custom-list li {
    line-height: 1.65em;
    margin-bottom: 8px;
    margin-left: 20px;
}
.su-column ul.custom-list li i {
    color: #dfb927;
    margin-left: -22px;
    margin-right: 8px;
}
.su-column ul.custom-list li br {
    display: block!important;
}

/* Change the text color alignment to open SU Lightbox*/
.su-column-inner .wp-caption {
    margin-bottom: 15px!important;
}
.su-column-inner span.su-lightbox,
.wp-caption + span.su-lightbox {
    color: #dfb927!important;
    display: block!important;
    text-align: center!important;
}

.su-column-inner span.su-lightbox:hover,
.wp-caption + span.su-lightbox:hover {
    color: #000!important;
    text-decoration: none!important;
    cursor: pointer!important;
}
/* Moves the SU lightbox image down so the static navbar doesn't cover the top of the image and close button */
.mfp-image-holder .mfp-content {
    margin-top: 75px!important;
}

@media (min-width: 768px) and (max-width: 999px) {
    .mfp-image-holder .mfp-content {
        margin-top: 120px!important;
    }
}

/* END SHORTCODE ULTIMATE STYLING OVERRIDES */

/* START STYLING FOR GDPR POPUP */

#acceptCookies {
    position: fixed;
    top: 0;
    height: 120px;
    background-color: #eee;
    color: #000;
    font-size: 1.3em;
    font-weight: 400;
    width: 100%;
    padding-top: 25px;
    z-index: 99999999;
    display: none;
}

#acceptCookies .container > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

#acceptCookies a.btn-accept {
    font-size: .83em;
    padding: 10px 20px;
}

#acceptCookies a.btn-hide {
    background-color: #000;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 0 10px 5px 10px;
    font-size: .83em;
}

#acceptCookies span.btn-close {
    margin-top: -18px;
    margin-left: 10px;
}

#acceptCookies a.btn-hide:hover {
    text-decoration: none;
}

#acceptCookies .opt-buttons {
    margin-top: 0;
}

@media (max-width: 620px) {
    #acceptCookies {
        height: 200px;
        font-size: 1em;
        line-height: 1.2em;
    }

    #acceptCookies a.btn-hide {
        font-size: 1em;
    }

    #acceptCookies .opt-buttons {
        margin-top: 20px;
    }
}

@media (min-width: 621px) and (max-width: 1024px) {
    #acceptCookies .container > [class*="col-"] {
        padding-left: 15px;
    }

    #acceptCookies .opt-buttons {
        margin-top: 20px;
    }
}

/* ENDS STYLING FOR GDPR POPUP */