/*
Theme Name:   Client Insight
Description:  Client Insight Theme
Author:       Tom Myatt
Author URL:   http://devcompguides.wpengine.com
Template:     twentyseventeen
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  client-insight
*/

/* Write here your own personal stylesheet */

.related-link-insight-list {float:left; width: 100%;}
.related-link-insight-single {float:left; width: 100%; margin-bottom: 20px; list-style-type:none;}
li.insight-list-large h3 {
    border-bottom: none !important;
}

.navigation-top .wrap {
    background: #b82601;
}

body.page #secondary {
    width: 30%;
    float: right;
}

body.page #primary {
    width: 65%;
    float: left;
}

.bannergroup.leaderboard {
    float: right;
}

h1,
h2,
h3,
h4 {
    font-family: "myriad-pro", sans-serif;
}

.site-title,
.site-title a {
    color: #b82601;
    font-family: "myriad-pro", sans-serif;
}

h3 {
    border-bottom: 5px solid #b82601;
}

h3.gc-widget-title {
    border-bottom: 1px dotted #b82601;
    font-size: 1em;
    color: #b82601;
}

h3.gc-widget-title {
    text-transform: uppercase;
    font-family: "myriad-pro", sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 5px;
    border-bottom: 3px solid #ccc;
}

body.single-post #primary {
    width: 70% !important;
    background: #fff;
    padding: 20px;
}

body.single-post #secondary {
    width: 28% !important;
}

.navigation-top {
    background: #b82601;
}

.wrap {
    max-width: 100%;
}

.navigation-top .wrap {
    max-width: 100% !important;
}

.navigation-top .wrap a {
    color: #fff;
}

.home #primary {
    width: 100% !important;
    margin-top: 20px;
}

.home .entry-header {
    width: 28% !important;
}

.home .entry-content {
    width: 70% !important;
    background: #fff;
    padding: 20px;
}

.site-content-contain {
    background: #f3f3f3;
}

body aside#secondary {
    border-left: 1px dashed #b82601;
}


.single header.entry-header {
    max-width: 970px;
    top: -250px;
    background-color: rgba(0, 0, 0, 0.8);
    border: 2px solid #b82601;
    background-position: 106% -55%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/assets/home/insight.png);
}

.standfirst p {
    font-size: 1.3em;
    color: #ccc;
    width: 70%;
    font-family: "myriad-pro", sans-serif;
}

.entry-content {
    width: 85%;
    float: left;
}

p.insight-breadcrumb {
    background: #000;
    color: #fff;
    padding: 10px;
}

h1.entry-title {
    font-family: "myriad-pro", sans-serif;
    width: 70%;
    color: #fff;
}

.navigation-top {
    background: transparent;
    border: none;
}

body.single-post #secondary {
    padding: 0px 20px 0px 20px;
}

.inset-box {
    background-color: #0062a1;
    width: 30%;
    padding: 15px;
    float: left;
    margin-right: 20px;
    color: #eee;
}

.inset-box3 {
    background-color: #0062a1;
    width: 48%;
    padding: 15px;
    float: left;
    margin-right: 20px;
    color: #eee;
}

.inset-box2,
.boxoutstyle {
    float: left;
    background-color: #fff;
    border: solid #0062a1 2px;
    padding: 15px;
    margin-left: 5px;
    color: #000;
    margin-bottom: 20px;
}

.inset-box2 h2,
.boxoutstyle h2 {
    color: #252c42
}

.inset-box2 h3,
.boxoutstyle h3 {
    margin-top: 0px;
    background-color: #0062a1;
    color: #fff;
    padding: 20px;
}

.inset-box2 img {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.CharOverride-6 {
    font-size: 2.7em;
    display: block;
    border-bottom: 1px dashed #A0A0A0;
}

.insight-sponsor {
    background-color: #fff;
    height: auto;
    width: 90%;
    padding: 20px;
    border: solid #ccc 4px;
    color: rgba(1, 127, 138, 1.00);
    line-height: 1.5em;
    font-size: 1.1em;
    margin-left: 5%;
    margin-bottom: 20px;
}

.insight-sponsor img {
    max-width: 180px;
}

.insight-sponsor-logo-prev {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.insight-sponsor span {
    color: #0062a1;
    font-size: 0.8em;
    margin-bottom: 20px;
    float: left;
    text-transform: uppercase;
}

h1.client-intel-title {
    border-bottom: 5px solid #111;
    font-size: 1.375rem;
}

li.insight-list,
li.insight-list-large {
    list-style-type: none;
    padding:10px;
}

li.insight-list img {
    padding: 10px 0px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.collection-list__item {
    margin-bottom:20px;
}

.collection-list__item .wp-post-image {
    margin-top:5px;
}

a.insight-link,
a.event-report-link {
    font-weight: bold;
    box-shadow: none !important;
    transition: all 0.3s;
}

a.insight-link:hover {
    color: #b82601;
}

a.insight-link--reports{
    display: flex;
    align-items: center;
}
a.insight-link--reports .wp-post-image {
    width: 30%;
}
a.insight-link--reports .insight-link__title {
    width: 100%;
    padding: 20px;
    font-weight: 600;
}


ul.insight-list-long {
    margin-left: 0px;
}

ul.insight-list-long img {
    float: left;
    margin: 5px 15px 70px 0px;
}

ul.insight-list-long img.insight-sponsor-landing {
    float: left;
    margin: 15px 15px 20px 0px;
}

li.insight-list-large {
    float: left;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
    transition: all 0.3s;
    width: 100%;
}

img.insight-sponsor-landing {
    max-width: 140px;
    float: right !important;
}

li.insight-list-large span {
    float: left;
    width: 50%;
}

li.insight-list-large:hover {
    background-color: #eee;
}

.association-with {
    float: right;
    width: 20%;
}

.thumbnail {
    float: left;
    width: 20%;
}

div.insight-list-item p {
    display: contents;
    padding-left: 15px;
}

div.insight-list-item {
    padding-top: 5px;
}

.itemass {
    font-style: italic;
}

section.post-widget ul li a img {
    float: left;
    margin-top: 15px;
}

section.post-widget ul li {
    margin-bottom: 64px;
}

.widget-content {
    list-style: none;
}

.widget-content li {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 0.5em 0;
}

.insight-preview-text {
    float: right;
    width: 57%;
}

.home .standfirst p {
    color: #111 !important;
}

.recent.insight {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.recent.insight img {
    float: left;
    width: 100px;
}

.recent.insight h4,
.recent.insight a {
    float: right;
}

.recent.insight a {
    width: 70%;
    box-shadow: none !important;
    text-align: right;
}

.recent.insight .entry-date {
    display: none;
}

.insight-breadcrumb a {
    color: #fff;
}

.spotlight-box {
    border: 5px solid #b82601; 
    padding: 10px; 
    margin: 40px 0px 40px 0px;}
    
#spotlight-box-head{
    background-color: #b82601;
    
}

#spotlight-box-head h3 {
    color: #fff;
    padding: 10px;
}
.spotlight-pq {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: inset 0 2px 0 #b82601,
    -5px -4px 25px rgba(0, 0, 0, 0.3) ;
    margin: 30px 0px 30px 0px;
}

.spotlight-pq p { 
    color: #b82601;
    font-size: 1.2em; 
    margin-bottom: 0px;
    font-weight: 700;}

    /* MOBILE STYLING */

@media all and (max-width: 1199px) {}

@media all and (max-width: 991px) {}

@media all and (max-width: 768px) {

    .insight-preview-text {float:left; width: 100%;}
    .standfirst p {font-size: 1.2em;}
    .recent.insight a {width: 60%;}
    .single header.entry-header {margin-bottom: 20px;}
}

@media all and (max-width: 575px) {

    #non-front-search {width:70%;top:0px;}
    #non-front-search input {font-size:1rem;height:20px;}
    .custom-logo-link img {padding-top:0px!important}
.social-links {top:60px;}

.site-branding {height:120px;padding:0px 0px 0px 0px;margin-bottom:10px;}

    .home .entry-header,
    .home .entry-content,
    .entry-content,
    body.single-post #primary,
    .inset-box,
    body.single-post #secondary,
    .standfirst p,
    h1.entry-title {
        width: 100% !important;
        font-size: 1em;
    }

    .inset-box {
        margin-bottom: 20px;
    }

    .breadcrumb {
        margin-top: 0px !important;
    }

    .single header.entry-header {
        top: 0px !important;
        position: relative;
        background-image: none;
    }

    .site-content {
        padding: 1em 0 0 !important;
    }
   
}