/* ============================================== *
* CQ+ Global, Table of Contents
* ============================================== *
*
*  + General
*  + Topic Global
*  + News Hit List Panel on Aggregation Pages
*  + Custom Metadata on Enity Pages
*  + Following
*  + CQ Now Timeline Feed
*  	 + CQ Feed News
*  	 + CQ Magazine
*  	 + CQ Feed Bills
*  	 + CQ Feed Documents
*  + Committee Page
*  + Erawwar Page
*  + Report and Notes Doc Display
*  + Drag and Drop 
*  + Pagination
*  + Hit List Styles
*  + Left Sidebar
*  + Fontello Icons 
*  + Panel Buttons
*  + Entity Page Global
*  + Bill Hit-lists
*  + Hit list tabs
*  + Access Control
*  + Icons
*  + Media Queries
*  + Footer
*  + Advertisements
*  + Subscription Sources
*  + IFrame
*  + Doc Display - Table of Contents
*/

/* ============================================== */
/* General
/* ============================================== */

@import url("../iconFonts/css/icomoon.css");

body
{
    font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;

    color: #333;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type='text']:focus,
textarea[name='message']:focus,
input[type]:focus
{
    border: .1rem solid #59a0c7;
}
select
{
    cursor: pointer;
}
body,
html,
.main-container
{
    background-color: #ddd;
}
a:link
{
    text-decoration: none;

    color: #333;
}
a:visited
{
    text-decoration: none;
    color: #333;
}
a:hover
{
    text-decoration: none;
    color: #333;
}

button
{
    font-size: 1.4rem;
    padding: 1rem;
    color: #fff;
    border: none;
    background: #6990b9;
}

.button.ok-btn
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.6rem;

    display: inline-block;

    height: 2.6rem;
    padding: 0 2rem;
    color: white;
    border-radius: 2px;
    background: rgb(89, 160, 199);
}

a.cancel-btn
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.6rem;

    height: 2.6rem;
    padding: 0 2rem;

    color: rgb(33, 115, 158);
    background: rgba(0, 0, 0, 0);
}

.off-canvas-wrap .main-content { 
	width: calc(100% - 3.8rem);
	margin-left: 3.8rem;	
	padding: 2.0rem 2.0rem 5.0rem;
}

.main-content  
{
    margin-bottom: 0;
    padding: 0;
}

div.main-container
{
    max-width: 100%;
    margin: 0;
}

div.pull-quote {
	font-family: LyonText-Black;
    font-size: 26px;
    color: #333333;
    line-height: 38px;
}
    
span.updated
{
    opacity: 1;
    background: rgba(255,153,0, .20);
}

/* Adds height value for select elements to match text input height */
select
{
    font-size: 1.4rem;
    line-height: normal;

    width: 100%;
    padding: .5rem 2rem .5rem .5rem;

    color: rgba(0, 0, 0, .75);
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    -webkit-border-radius: 0;
            border-radius: 0;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% center;

    -webkit-appearance: none !important;
       -moz-appearance: none;
}

select::-ms-expand
{
    display: none;
}

select.radius
{
    border-radius: .3rem;
}

select:hover
{
    border-color: #999;
    background-color: #f3f3f3;
}

select:disabled
{
    cursor: default;

    background-color: #ddd;
}

select:disabled:hover
{
    border-color: #ccc;
}

select:focus
{
    border-width: .1rem;
    border-style: solid;
    border-color: #3f6f9e;
    outline: 0;
}

h1
{
    font-size: 3.4rem;
    font-weight: bold;
    line-height: normal;

    margin: 2rem 0rem;
}

h2.story-header
{
    font-size: 1.8rem;
    font-weight: bold;

    margin-bottom: 0;

    color: #b4afa7;
}

h3 a,
h3 a:visited
{
    color: #444;
}

h3 a:hover
{
    color: #333;
}

h3
{
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.3;

    margin: .8rem 0 .4rem 0;
}

h4,
h5,
h6
{
    line-height: normal;
}

.document,
.inner-container
{
    /*overflow:auto; messing up doc display pages*/
    position: relative;
    margin-bottom: .3rem;
    padding: 2.5rem 5rem;
    background: #fff;
    line-height: 1.7;
}

.document-container
{
    position: relative;
    overflow: auto;
    margin-top: 14.4rem;
    margin-bottom: .3rem;
    padding: 2.5rem 5rem;
    background: #fff;
    line-height: 1.7;
}

.doc-body-container.document.news
{
    padding: 0;
}

.subhead
{
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.4;

    margin: 0 0 1rem 0;
    padding: .6rem .6rem .6rem 0rem;

    border-bottom: solid .1rem #bbb;
}

.byline-timestamp-container
{
    font-size: 1.2rem;

    margin-bottom: .8rem;
    padding-bottom: .8rem;

    color: #757575;
    border-bottom: solid 1px #cfcfcf;
}

.byline-story
{
    font-weight: 700;

    display: inline-block;

    padding-right: 16px;
}

.timestamp-story
{
    display: inline-block;
}

.subhead
{
    color: #a8a299;
}

div.storyPhoto[cq-sizestyle='large']
{
    display: inline-block;

    max-width: 100%;
}

div.storyPhoto[cq-sizestyle='medium']
{
    max-width: 70%;
}

.storyPhoto
{
    max-width: 50%;
    /*float: right;*/
    margin: 2rem 0rem 2rem 0;
}

.storyPhoto .phototext-story
{
    font-family: 'Graphik-Web';
    font-size:  1.6rem;
    color: #757575 ;
    line-height: 2rem;
}

.changeflag
{
    font-size: 1.4rem;
    font-weight: normal;

    color: #faa534;
}
.boolean-helptip
{
    display: none;
}

/* ============================================== */
/* Topic Global
/* ============================================== */

h2.topic-banner
{
    font-size: 2.1rem;
    font-weight: bold;

    margin-bottom: 0;

    color: #b4afa7;
}

h2.story-header.topic-banner
{
    padding: 0;
}

.topic-label
{
    display: block;

    margin: 0;
    padding-bottom: 3rem;
}

.story h2.headline
{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;
    margin-bottom: 1rem;

    color: #404040;

    text-rendering: optimizeLegibility;
}

/* ============================================== */
/* News Hit List Panel on Aggregation Pages
/* ============================================== */

.news-hit-panel .story-header
{
    font-size: 1.4rem;

    padding: 1rem 0;

    color: #a8a299;
    border-top: solid 1px #bbb;
    border-bottom: solid 1px #bbb;
}

.story.news-hit-panel ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.story.news-hit-panel ul li
{
    margin: 0;
    padding: 1rem 0 1.5rem 0;

    border-bottom: solid 1px #bbb;
}

.news-hit-panel ul li:last-child
{
    border-bottom: solid 0 #bbb;
}

.story.news-hit-panel a
{
    font-size: 1.7rem;
    font-weight: bold;

    margin: 0 0 .3rem 0;

    color: #333;
}

.story.news-hit-panel a:hover
{
    text-decoration: underline;
}

.story.news-hit-panel
{
    margin-top: -6.5rem;
}

.news-hit-panel .sponsor,
.news-hit-panel .billdatevalue
{
    font-size: 1.4rem;

    color: #404040;
}

.news-hit-panel .subjectlist,
.hit-body .sponsor
{
    font-size: 1.2rem;
    font-weight: bold;

    color: #a3a199;
}

.news-hit-panel .subjectlist span,
.hit-body .sponsor span
{
    font-weight: normal;

    color: #404040;
}

.news-hit-panel .abstracts a
{
    font-size: 1.4rem;
}

.news-hit ul
{
    margin: 0 0 0 0rem;
    padding: 0;
}

.hit-body
{
    font-size: 1.3rem;
    line-height: 1.7;

    color: #999;
}

.wordCount:before
{
    content: '(';
}

.wordCount:after
{
    content: ')';
}

.pdf-link
{
    font-size: 1.4rem;
    font-weight: normal;
}

.sponsorname
{
    font-size: 1.4rem;

    color: #404040;
}

/* ============================================== */
/* Custom Metadata on Enity Pages
/* ============================================== */

.custom-field-container ul
{
    margin: 2rem 0;
    padding: 0 1.5rem;

    list-style: none;
}

.custom-field-container input
{
    font-size: 1.4rem;

    width: 100%;
    margin: .5rem 0 .5rem 0;
    padding: .8rem;

    color: #444;
    border: .1rem solid #e5e5e5;
    -webkit-border-radius: .1rem;
            border-radius: .1rem;
    outline: 0;
    background: #fbfbfb;
    -webkit-box-shadow: inset .1rem .1rem .2rem rgba(200,200,200,.2);
            box-shadow: inset .1rem .1rem .2rem rgba(200,200,200,.2);
}

.custom-field-container input:focus
{
    border: .1rem solid #3f6f9e;
}
.main-content .inner-container .custom-fields-panel
{
    margin-top: 14.5rem;
}
/* ============================================== */
/* Date picker override
/* ============================================== */

.watershed .ui-widget
{
    font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 300;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.watershed .ui-datepicker .ui-datepicker-buttonpane button
{
    font-size: 1.3rem;
    font-weight: 500;

    display: inline-block;

    height: 2.6rem;
    padding: 0 1rem;

    color: #fff;
    border-radius: 2px;
    background: #59a0c7;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.watershed .ui-widget-header
{
    font-weight: 500;

    margin: -.3rem -.3rem -.2rem -.2rem;

    color: #fff;
    border: 0 solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #17547e;
}

.watershed a.ui-state-default.ui-state-hover
{
    color: #333;
    background: #eee;
}

.watershed .ui-widget-header .ui-icon.ui-icon-circle-triangle-e
{
    width: 0;
    height: 0;

    cursor: pointer;

    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid white;
    background-image: none;
}

.watershed .ui-widget-header .ui-icon.ui-icon-circle-triangle-w
{
    width: 0;
    height: 0;
    margin-right: .5rem;

    cursor: pointer;

    border-top: 8px solid transparent;
    border-right: 8px solid white;
    border-bottom: 8px solid transparent;
    background-image: none;
}

.watershed .ui-widget-header .ui-state-hover
{
    margin: 1px;

    border: 0 solid transparent;
    background: transparent;
}

.watershed .ui-datepicker .ui-datepicker-prev span,
.watershed .ui-datepicker .ui-datepicker-next span
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    margin-top: -8px;
    margin-left: -4px;
}

.ui-sortable-helper
{
    opacity: .9;
    border: 1px solid #dad7d2;
    background: #eee;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 .2rem .6rem;
            box-shadow: rgba(0, 0, 0, .2) 0 .2rem .6rem;
}

/* ============================================== */
/* tooltip override
/* ============================================== */

.ui-tooltip.ui-widget.ui-corner-all.ui-widget-content
{
    font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;

    position: absolute;

    display: block;
    visibility: visible;

    width: auto;
    margin-left: -1px;
    padding: 7px 9px;

    cursor: default;
    -webkit-transition: visibility 0,opacity .13s ease-in;
            transition: visibility 0,opacity .13s ease-in;
    word-break: break-all;
    word-break: break-word;

    opacity: 1;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 0;
            border-radius: 0;
    background: #2a2a2a;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.ui-tooltip.ui-widget.ui-corner-all.ui-widget-content:after
{
    position: absolute;
    bottom: -5px;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-top: 5px solid #f00;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
/* ============================================== */
/* Following
/* ============================================== */

.following-items-container ul.seperated-list .livestamp
{
    font-size: 12px;

    position: absolute;
    top: 28px;
    right: 55px;

    display: block;

    color: #bdbdbd;
}

.following-items-container span.crpage
{
    display: none;
}	/* Hides congressional record text on following items */

.seperated-list li[class^='following-item-'].open
{
    margin-top: 10px;
    margin-bottom: 15px;
}

.following-area  ul.seperated-list li p
{
    margin: 0;
    padding: 0;
}

ul.following-area li u,
ul.seperated-list li u
{
    text-decoration: none;
}

.matched-details-wrapper
{
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}

@keyframes fadein
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

.show-details
{
    position: absolute;
    top: 24px;
    right: 27px;

    display: block;
    overflow: hidden;

    width: 20px;
    height: 20px;

    white-space: nowrap;
    text-indent: -9999em;

    background: url('../img/icon-info.svg') no-repeat 50% 0;
}

.show-details.active
{
    background: url('../img/icon-info.svg') no-repeat 50% -30px;
}

.show-details:hover
{
    outline: 0;
    background-color: transparent;
}

.show-details:focus
{
    outline: 0;
}

.matched-details-wrapper
{
    clear: both;

    margin: 0;
    padding: 1.5rem 0 0 0;

    list-style-type: none;
}

.following-details h4
{
    display: inline-block;
}

.matched-details-wrapper li.following-details
{
    position: relative; /* this is what determains where they following detail panel shows up*/

    padding: 1.5rem 0;

    border-top: solid 1px #eee;
}


.following-details button,
.follow-btn,
button.button.follow
{
    font-size: 12px;
    font-weight: 500;
    line-height: 1;

    padding: 3px 6px;

    color: #59a0c7;
    border: solid 1px #59a0c7;
    border-radius: 2px;
    background: transparent;
}

button.button.following
{
    font-size: 12px;
    font-weight: 500;
    line-height: 1;

    margin: 0;
    padding: 3px 6px;

    color: white;
    border-color: #74a75d;
    border-radius: 2px;
    background: #74a75d;
}

.follow-settings-btn,
.following-details .follow-settings-btn,
.tool-kit-options .follow-settings-btn
{
    font-size: 8px;
    font-weight: 500;
    line-height: 1;

    position: relative;

    padding: 5px 4px;

    color: #fff;
    border-left: 1px solid #4c8241;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
    background: #74a75d;
}

.right .follow-settings-btn
{
    bottom: auto;
    left: -.1rem;

    float: right;
}

.following-details .right .follow-settings-btn
{
    bottom: 0rem;
}

.tool-kit-options .follow-settings-btn
{
    left: -.1rem;

    float: right;
}

.tool-kit-options button.button.following,
.following-details .right button.button.following
{
    float: left;
}


.follow-settings-btn:hover,
.following-details .follow-settings-btn:hover,
.follow-settings-btn.active,
.following-details .follow-settings-btn.active
{
    background: #4c8241;
}

.following-details .following-menu-panel
{
    top: 35px;
}

.following-container-test
{
    position: relative;
}

.following-details button:focus,
.follow-btn:focus,
button.button.follow:focus
{
    ouline: 0;
}

.following-details button:hover,
.follow-btn:hover,
button.button.follow:hover
{
    color: #fff;
    background: #59a0c7;
}

button.following .following-details label
{
    font-weight: 500;
}

.following-items-container .hit-list-no-hits-message,
.cqlive .hit-list-no-hits-message
{

    font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #777777 ;
    line-height: 28px;
}

.following-items-container .hit-list-no-hits-message,
.cqlive .hit-list-no-hits-message a {
    color :#659FBD;

}

.following-area ul.seperated-list li p.excerpt
{
    font-size: 13px;
    line-height: 1.4;

    position: relative;

    margin-top: 11px;
    padding: 13px 16px;

    color: #424242;
    background: #fbe8bb;
}

.following-area ul.seperated-list li p.excerpt:before
{
    position: absolute;
    top: 0;
    left: -12px;

    width: 17px;
    height: 100%;

    content: '';

    background: url(../img/clip-edges.svg) repeat-y 0 0;
}

.following-area ul.seperated-list li p.excerpt:after
{
    position: absolute;
    top: 0;
    right: -12px;

    width: 17px;
    height: 100%;

    content: '';

    background: url(../img/clip-edges.svg) repeat-y -48px 0;
}

.seperated-list li p
{
    overflow: hidden;
}

@media all and (max-width: 970px)
{
    .following-items-container .hit-list-no-hits-message
    {
        font-size: 3rem;
    }
}
@media all and (max-width: 705px)
{
    .following-items-container .hit-list-no-hits-message
    {
        font-size: 2rem;
    }
}

.following:after
{
    content: 'Following';
}

.following:hover:after
{
    content: 'Unfollow';
}

.follow:after
{
    content: 'Follow';
}

button.following span,
button.follow span,
button.following div,
button.follow div
{
    display: none;
} /*Temp CSS to hide text so that I can control it with CSS*/

button.button.following:hover ~ .follow-settings-btn
{
    color: #df888b;
    border-color: #d2565b;
    background-color: #d2565b;
}

button.button.following:hover,
.doc-display-topic-panel button.button.following:hover
{
    padding-left: 1rem;

    color: #fff;
    border-color: #d2565b;
    background-color: #d2565b;
}

/* ============================================== */
/* Following Dropdown
/* ============================================== */
.following-sources,
.following-sources li
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.following-menu-panel .sources-header
{
    font-size: 1.1rem;

    display: block;

    margin: .5rem 0;
    padding: 1.5rem 0 .5rem 0;

    color: #616161;
    border-top: 1px solid #eee;
}

.following-menu-panel .delivery-type-text,
.following-menu-panel .notification-text
{
    display: block;
}
/* ============================================== */
/* CQ Now Timeline Feed
/* ============================================== */

.seperated-list li[class^='cqlive-item-'],
.seperated-list li[class^='following-item-']
{
    font-size: 1.4rem;
    line-height: 1.5;

    position: relative;

    overflow: auto;

    width: 100%;
    padding: 3rem;

    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;

    color: #616161;
    border-bottom: solid 1px #cfcfcf;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);

    -webkit-overflow-scrolling: touch;
}

.seperated-list li[class^='cqlive-item-'] a,
.seperated-list li[class^='cqlive-item-'] h3 a:hover,
.seperated-list li[class^='following-item-'] a,
.seperated-list li[class^='following-item-'] h3 a:hover
{
    font-weight: 500;

    color: #333;
    background-image: -webkit-linear-gradient( top , transparent 50%, rgba(0, 0, 0, .4) 100%);
    background-image:         linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .4) 100%);
    background-repeat: repeat-x;
    background-position: 0 98%;
    background-size: 2px 2px;
}

.seperated-list li[class^='cqlive-item-'] h3 a,
.seperated-list li[class^='following-item-'] h3 a
{
    background-image: -webkit-linear-gradient( top , transparent 50%, rgba(0, 0, 0, 0) 100%);
    background-image:         linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    background-position: 0;
    background-size: 0 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
}

.seperated-list li[class^='cqlive-item-'] h3,
.seperated-list li[class^='following-item-'] h3
{
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 1.1;

    margin: .4rem 0 .8rem 0;
    padding-left: 0;

    text-rendering: optimizeLegibility;
}

/*.newsfeed-container section {background:#e0e0e0;}*/

.cqNowContainer section
{
    background: #e0e0e0;
}

.cq-now-header
{
    display: none;
}

.cq-now-subtext
{
    display: none;
}

ul.seperated-list
{
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;

    list-style: none;
}

.seperated-list li
{
    margin: 0;
}

ul.seperated-list .livestamp
{
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.1rem;

    position: absolute;
    top: 3rem;
    right: 3rem;

    text-align: right;

    color: #999;
}

.profile-image
{
    float: left;

    min-width: 177px;
    max-width: 177px;
    margin: 0rem 2rem 0rem 0rem;
}

.hit-changeflag,
.eventtype
{
    font-size: 1.25rem;
    font-weight: normal;

    color: #faa534;
}

.eventtype
{
    margin-left: .5rem;
}

.cqname-container,
.cq-icon
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;

    position: relative;

    width: 90%;
    margin-bottom: .8rem !important;
}

.cqname-container .icon.icon-size-four
{
    font-size: 1.4rem;
}




.cqlive-item-heads-up p
{
    font-size: 1.5rem;

    padding-right: 3rem;

    color: #333;
}

.seperated-list .cosponsors
{
    width: 50%;
    margin: 1rem 0 0 0;
    padding: 0;
}

.seperated-list .cosponsors:after
{
    display: block;
    clear: both;

    content: '';
}

.seperated-list .cosponsors li.cosponsor
{
    font-size: 1.2rem;

    float: left;

    width: 45%;
    margin: 0;
    padding: .6rem;

    list-style: none;

    border-bottom: solid 1px #fff;
    background: #f0f0eb;
}

.seperated-list .cosponsors li.cosponsor:nth-child(odd)
{
    margin-right: 5%;
}
.following-area a.not-favorite
{
    font-size: 1.5rem;

    display: inline-block;

    cursor: pointer;
    text-align: center;

    color: #e0deda;
}

.following-area a .not-favorite:hover
{
    color: #59a0c7;
}

.following-area a .favorite
{
    font-size: 1.5rem;

    cursor: pointer;
    text-align: center;

    color: #676767;
}

.following-area .icon-send-to-gray:before
{
    top: 1px;

    margin-left: 1.2rem;

    cursor: pointer;
}

.content-stream .following-items-container .following-toolkit a
{
    background-image: none;
}
/* ============================================== */
/* Feed Item Colors
/* ============================================== */

.cqlive-item-news-story .cq-icon,
.following-item-news .cq-icon,
.cqlive-news-story
{
    color: #59a0c7;
}

.cqlive-item-cqweekly-story .cq-icon,
.following-item-news-cqweekly-story .cq-icon,
.following-item-weekly .cq-icon
{
    color: #27a7a6;
}

.following-item-bill .cq-icon,
.cqlive-bill-action
{
    color: #94bf7e;
}

.following-item-document .cq-icon,
.cqlive-document-bill-action
{
    color: #b46d98;
}

.following-item-schedules .cq-icon
{
    color: #faa534;
}

.following-item-actionalert .cq-icon,
.cqlive-action-alert
{
    color: #d2565b;
}

.cqlive-heads-up
{
    display: none;
}

/* ============================================== */
/* Committee Page
/* ============================================== */

.committee-page-container .story.news-hit-panel
{
    margin-top: 0rem;
}

/* ============================================== */
/* Erawwar Page
/* ============================================== */

.erawwwor
{
    font-size: 1.6rem;

    width: auto;
    height: 40rem;
    margin: 0;
    margin: 0 -30rem 0 0;

    background: transparent url('../img/Erawwwor.svg') center no-repeat;
}

.error-container
{
    width: 60%;
    margin: 0 auto;
}

.error-message
{
    padding: 2rem 5rem;

    border: 1px solid #9f9d97;
    background: #fff;
}

/* ============================================== */
/* Report and Notes Doc Display
/* ============================================== */

.note-header-container,
.report-header-container
{
	position: fixed;
	z-index: 21;
	width: 66.66667%;
	height: 124px;
    /*min-height: 12.4rem;*/
    margin-top: 9.5rem;
    padding: 1.5rem 1.5rem 1rem 1rem;

    border-top: none;
    background: #fff;
 
}

@media only screen and (min-width: 40.063em) {
	.note-header-container,
	.report-header-container {
		width: 75%;
	}
}

@media only screen and (min-width: 64.063em) {
	.note-header-container,
	.report-header-container {
		width: 83.33333%;
	}
}

.note-header-container h1,
.report-header-container h1
{
    font-size: 2.4rem;
    font-weight: 700;

    margin: 0 0 5.5rem 0;
}

a.action-btn,
.action-btn
{
    font-size: 1.3rem;
    font-weight: 500;

    position: relative;

    display: inline-block;

    padding: 0;

    color: #21739e;
}

a.small-action-btn,
.small-action-btn
{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.4rem;

    display: inline-block;

    min-width: 9rem;
    height: 2.4rem;

    text-align: center;
    vertical-align: middle;

    color: white;
    border-radius: .2rem;
    background: #59a0c7;
}

a.new-report-btn,
a.new-notes-btn,
a.new-group-btn
{
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;

    display: block;

    min-width: 126px;
    height: 30px;

    text-align: center;

    color: #fff;
    border: solid 1px rgba(0, 0, 0, .1);
    border-radius: 2px;
    background: #59a0c7;
}

.left-sidebar a.new-report-btn,
.left-sidebar a.new-notes-btn,
a.new-group-btn
{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.reports-leftrail,
.notes-leftrail
{
    margin-top: -1rem;
    padding-top: 1rem;

    border-top: solid 1px #cfcfcf;
}



/* ============================================== */
/* Drag and Drop 
/* ============================================== */

div.dragging-container
{
    width: 5 00px;
    padding: 14px;

    opacity: .8;
    background-color: rgba(240,239,235,1);
}

.drop-target
{
    background-color: rgba(167,212,237,.4);
}

.drop-target-hover
{
    color: #fff; 
    background-color: rgba(217,182,96,1);
}

/* Will remove when I know for sure it doesn't break anything long term
.hill-planner section .scheduled-items li ul.scheduled-item-agendas li ul.scheduled-item-relateddocs li {margin-left: 32px !important}  */

/* ============================================== */
/* Pagination
/* ============================================== */

.paginator ul li a
{
    font-size: 1.2rem;
    font-weight: 300;

    display: inline-block;

    padding: .3rem .8rem;

    text-decoration: none;

    border: 1px solid rgb(220, 232, 237);
    border-radius: 3px;
    background-color: rgb(249, 251, 253);
    background-image: none;
}

.paginator ul li a.current
{
    background: #59a0c7;
}

.paginator li a.current:hover
{
    background-color: #328abb !important;
}

.paginator ul li a.disabled
{
    display: none;
}

/* ============================================== */
/* Hit List Styles
/* ============================================== */

.hit-list-hits
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.hit-list-hits li
{
    margin: 0;
    padding: 1.5rem;

    border-bottom: solid 1px #cfcfcf;
}

.hit-list-hits .title
{
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;

    width: 100%;
    margin-bottom: .5rem;
}

.hit-list-hits .title:hover
{
    color: #666;
}

.hit-list-hits .hit-body,
.hit-list-hits .hit-body span
{
    font-size: 1.3rem;
    line-height: 1.6;

    color: #616161;
}

.hit-list-pager
{
    margin: 3rem 0 0 29rem;
}

.hit-list-title
{
    font-size: 1.3rem;
    line-height: 1;

    margin: -1rem -3rem;
    margin-bottom: 0;
    padding: 1.5rem 3rem;

    color: #757575;
    border-bottom: solid 1px #bdbdbd;
    background: #fafafa;
}

.hit-list-no-hits-message
{
    font-size: 1.3rem;

    margin-top: 3rem;

    color: #333;
}

.hit-list-hits .hit-source.bill .sponsor
{
    display: inline-block;

    padding-right: 1.2rem;
}

.hit-list-hits .hit-source.bill .billintrodate
{
    display: inline-block;
}

.topic-abstract
{
    font-size: 1.3rem;

    color: #333;

    font-height: 1.5rem;
}

.hit-source
{
    font-style: normal;
}

@media all and (max-width: 900px)
{
    .hit-list-pager
    {
        margin: 3rem 0 0 0;
    }
}

@media all and (max-width: 580px)
{
    .paginator ul li a
    {
        font-size: 1rem;

        padding-top: .3rem;
        padding-right: .5rem;
        padding-bottom: .3rem;
        padding-left: .5rem;
    }
}

@media all and (max-width: 376px)
{
    .hit-list-hits li
    {
        padding: 1rem 0;
    }

    .hit-list-hits .title,
    .hit-list-hits .hit-body,
    .hit-list-hits .hit-body span,
    .hit-list-title
    {
        font-size: 90%;
    }
}

/* ============================================== */
/* Left Sidebar 
/* ============================================== */

.left-sidebar .tabs .tab.active
{
    font-weight: 500;

    color: #333;
}

/* ============================================== */
/* Fontello Icons 
/* ============================================== */

.icon.icon-size-five.blue.icon-grab-handle.no-shadow
{
    margin-top: -.3rem;
    margin-right: 1.5rem;
}

/* ============================================== */
/* Anncouncement CSS
/* ============================================== */

.annoucement-check
{
    font-weight: normal;

    position: absolute;
    left: 3rem;

    buttom: 1.5rem;
}

.modal-form-container .annoucement-check label
{
    font-weight: normal;
}

.modal-container { 
	margin: 0 !important;
	padding: 0 !important;
}


/* ============================================== */
/* Panel Buttons
/* ============================================== */

.notes-panel.notes .button
{
    font-weight: normal;

    padding: .5rem .8rem;

    color: #fff;
    border-radius: .2rem;
    background-color: #1889ba;
}

/* ============================================== */
/* Dev styling
/* ============================================== */

.dev-stuff
{
    font-size: 1.4rem;

    color: #a7a7a7;
}

.dev-stuff p
{
    margin: 0;
    padding: 0;
}

/* ============================================== */
/* Entity Page Global
/* ============================================== */

.info-row
{
    font-size: 1.4rem;

    margin: 0;

    border-bottom: solid .1rem #e7e7e7;
}

.info-row .columns
{
    padding: 1rem 0;
}

.secondary-header
{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.5rem;

    margin: 3rem 0rem 2rem 0rem;

    color: #c99850;
    border-bottom: solid .1rem #bdbdbd;
}

.inner-container
{
    width: 100%;
    height: 100%;
    margin: 12.5rem 0 0;
    padding: 0;
    background-color: transparent;
}

/* ============================================== */
/* Bill Hit-lists
/* ============================================== */

.billsview-container.hit-list-hits
{
    font-size: 1.4rem;
}

.billsview-container.hit-list-hits a span
{
    font-weight: 500;

    background-image: -webkit-linear-gradient( top , transparent 50%, rgba(0, 0, 0, .5) 100%);
    background-image:         linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    background-position: 0 98%;
    background-size: 2px 2px;
}

.billsview-container.hit-list-hits label
{
    font-size: 1.4rem;
    font-weight: 500;

    color: #a3a199;
}

.billsview-container.hit-list-hits .bill-header
{
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
}

.billsview-container.hit-list-hits .bill-congress
{
    font-size: 1.3rem;
    font-weight: 300;

    color: #757575;
}

/* ============================================== */
/* Hit list tabs CSS
/* ============================================== */

.main-content .inner-container .hit-list-tabs
{
    font-size: 1.3rem;
    line-height: 1;

    height: 6rem;
    margin: -2rem -3rem 2rem;
    padding: 3.1rem 0rem 0 3rem;

    color: #757575;
    border-bottom: 1px solid #bdbdbd;
    background: #fafafa;
}

.main-content .inner-container .hit-list-tabs a,
.main-content .inner-container .hit-list-tabs button
{
    font-weight: 300;

    margin-top: 1rem;
    margin-bottom: -.1rem;
    padding: 1.5rem;

    color: #333;
    border-radius: 0;
    background-color: transparent;
    background-image: none !important;
}

.main-content .inner-container a.active,
.main-content .inner-container button.active
{
    font-weight: 500;

    color: #333;
    border-top: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #bdbdbd;
    background: #fff;
}


/* ============================================== */
/* Hit list tabs
/* ============================================== */

span[help-tip]
{
    cursor: pointer;
}


/* ============================================== */
/* Access Control Styling
/* ============================================== */

.tabs .tab.not-authorized
{
    cursor: default;

    color: #999;
}

/* ============================================== */
/* Media Queries 
/* ============================================== */

@media only screen and (max-width: 47.7rem)
{
    .contentWell.ssb-content-well section  h3,
    .hill-planner section h3,
    h3.hed-arch-area
    {
        min-width: 100px;
        padding: 3.0rem 5% 1.0rem;
    }
}

@media only screen and (min-width: 47.7rem) and (max-width: 64.4rem)
{
    .contentWell.ssb-content-well section  h3,
    .hill-planner section h3,
    h3.hed-arch-area
    {
        min-width: 100px;
        padding: 3.0rem 3.0rem 1.0rem;
    }
}

@media all and (min-width: 54.375em) { /* 54.375em = 870px */
  h3.toolbar-header, 
  .toolbar-header {
    max-width: 30%;
  }
}

@media all and (min-width: 68.75em) { /* 68.75em = 1100px */
  h3.toolbar-header, 
  .toolbar-header {
    max-width: 40%;
  }
}

/* ============================================== */
/* Firefox All Only CSS
/* ============================================== */
@-moz-document url-prefix()
{
    .right .follow-settings-btn
    {
        top: .1rem;
    }
    .win .right .follow-settings-btn
    {
        top: 0rem;
    }
    .following-details .right .follow-settings-btn
    {
        top: 0rem;
    }
}


/* ============================================== */
/* Print CSS 
/* ============================================== */

@media print
{
    body.f-topbar-fixed
    {
        padding-top: 0;
    }
    header,
    .left-sidebar,
    .toolbar,
    .paginator,
    .edit-button,
    .custom-field-content .place-holder,
    .edit-fields-link,
    .notes-panel.notes .note-header,
    .notes-panel.notes .prj-inventory-head,
    button.follow,
    .sort-order,
    .hit-list-tab,
    .committee-tab,
    .pdf-link,
    .topic-menu-container
    {
        display: none;
    }
    .main-content.note .note-panel
    {
        margin-top: 0;
        padding-top: 0;
    }
    .main-content .note-panel h1.note-label
    {
        margin-left: -3.5rem;
    }

    /* Document Pages */

    .main-content.news-container .document-container
    {
        margin-top: 0;
        padding-top: 1rem;
    }

    .main-content.news-container .document-container .comment-btn
    {
        display: none;
    }

    .main-content.news-container .document-container .topic-content.content .topic-title
    {
        border: 0;
        background: #f0f0eb;
    }

    .main-content.news-container .document-container .topic-content.content .topic-title a
    {
        color: #444;
    }
    .main-content.news-container .doc-display-topic-panel ul.topic-container > li > h3.topic-title:after
    {
        border-color: transparent;
    }

    .main-content.news-container .document-container ul.topic-container > li.topic-content
    {
        border: 0;
    }

    .main-content.news-container .document-container .topic-content.content
    {
        height: auto;
    }

    .main-content.report-builder-container.rendered-report
    {
        margin-top: 0;
    }
    .main-content .report-panel-container.member-fact-sheet
    {
        padding-top: 1rem;
    }

    /* Person Pages */

    .main-container .inner-container
    {
        margin-top: 0;
    }

    .main-container .inner-container .person-page-container
    {
        margin-top: 0;
    }

    .main-container .inner-container .summary-panel
    {
        padding-top: 1.0rem;
    }

    .main-container .inner-container .summary-panel h1.header
    {
        margin: 1rem 0 2.2rem;
    }

    .person-page-container .info-row
    {
        font-size: 1.2rem;
    }

    .person-page-container .info-row .columns
    {
        padding: .7rem 0;
    }

    .person-page-container .medium-3
    {
        float: left;

        width: 25%;
    }

    .person-page-container .medium-9
    {
        float: right;

        width: 74%;
    }

    .person-page-container .medium-3 .summary-profile-image
    {
        float: left;
        width: 1.65rem;
        margin-bottom: 3.0rem;
    }

    .person-page-container .medium-9 .leadership-wrapper .medium-2,
    .person-page-container .medium-9 .contact-wrapper .medium-2
    {
        float: left;

        width: 16.66667%;
    }

    .person-page-container .medium-9 .leadership-wrapper .medium-10,
    .person-page-container .medium-9 .contact-wrapper .medium-10
    {
        float: right;

        width: 83.33333%;
    }

    .person-page-container .member-profile-container label,
    .person-page-container .member-staff-container label
    {
        float: left;

        margin: 1.0rem 0 0 0;
    }

    .person-page-container .member-profile-container div.medium-2 + div,
    .person-page-container .member-staff-container div.medium-2 + div,
    .person-page-container .member-profile-container div.medium-10 + div,
    .person-page-container .member-staff-container div.medium-10 + div
    {
        float: right;

        margin: 1.0rem 0 0 0;
    }

    .person-page-container .secondary-header
    {
        font-size: 1.5rem;

        margin: 1.5rem 0rem .5rem;
    }

    .person-page-container .personal-background-container .medium-2,
    .person-page-container .personal-background-container .medium-2
    {
        float: left;

        width: 16.66667%;
    }

    .person-page-container .personal-background-container .medium-10,
    .person-page-container .personal-background-container .medium-10
    {
        float: right;

        width: 83.33333%;
    }

    .main-container .inner-container .hit-list-tabs
    {
        border: 0;
        background: none;
    }

    .main-container .inner-container .hit-list-tabs a.button
    {
        display: none;

        border: 0;
    }

    .main-container .inner-container .hit-list-tabs a.button.active
    {
        font-size: 1.5rem;

        display: block;

        padding: 0;

        border: 0;
    }

    .main-container .inner-container .key-vote-container table
    {
        font-size: 1.2rem;
    }

    .main-container .inner-container .key-vote-container table tr td strong
    {
        font-size: 1.3rem;

        margin-top: 1.5rem;
    }

    .notes-panel.notes .prj-inventory
    {
        font-size: 1.2rem;

        top: 0 !important;
        left: 0;
    }
    .notes-panel.notes .prj-inventory-row
    {
        border: 0;
    }
    .notes-panel.notes .prj-inventory-cell.pjt-name
    {
        min-width: 30rem;
        max-width: 45rem;
    }

    #wicketDebugLink
    {
        display: none;
    }
}

/* ============================================== */
/* ToolTip Css
/* ============================================== */

.has-tip.tip-left,
.has-tip.tip-right
{
    float: none !important;
}

.tooltip
{
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.3;

    position: absolute;
    z-index: 1006;
    left: 50%;

    display: none;

    width: 100%;
    max-width: 8.5rem;
    margin-left: -3.9rem; 
    padding: .75rem;

    text-align: center;

    color: #fff;
    background: #333;
}

.tooltip > .nub
{
    position: absolute;
    top: -1rem;
    left: 50%; 

    display: block;

    width: 0;
    height: 0;

    pointer-events: none;

    border: solid .5rem;
    border-color: transparent transparent #333 transparent;
}

.tooltip > .nub.rtl
{
    right: .5rem; 
    left: auto;
}

.tooltip.radius
{
    border-radius: 3px;
}

.tooltip.round
{
    border-radius: 1000px;
}

.tooltip.round > .nub
{
    left: 2rem;
}

.tooltip.opened
{
    color: #2ba6cb !important; 
    border-bottom: dotted 1px #134b5b !important;
}

.tap-to-close
{
    font-size: .625rem;
    font-weight: normal; 

    display: block;

    color: #777;
}

@media only screen and (min-width: 40.0625em)
{
    .tooltip > .nub
    {
        top: -10px; 

        border-color: transparent transparent #333 transparent;
    }
    .tooltip.tip-top > .nub
    {
        top: auto; 
        bottom: -10px;

        border-color: #333 transparent transparent transparent;
    }
    .tooltip.tip-left,
    .tooltip.tip-right
    {
        float: none !important;
    }
    .tooltip.tip-left > .nub
    {
        top: 50%; 
        right: -10px;
        left: auto;

        margin-top: -5px;

        border-color: transparent transparent transparent #333;
    }
    .tooltip.tip-right > .nub
    {
        top: 50%; 
        right: auto;
        left: -10px;

        margin-top: -5px;

        border-color: transparent #333 transparent transparent;
    }
}

/* ============================================== */
/* Loading CSS
/* ============================================== */

.loader
{
    font-size: 1rem;

    position: relative;

    margin: 6rem auto;

    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-animation: cir-loader 1.1s infinite linear;
            animation: load8 1.1s infinite linear;
    text-indent: -9999em;

    border-top: .5rem solid rgba(76, 86, 184, .2);
    border-right: .5rem solid rgba(76, 86, 184, .2);
    border-bottom: .5rem solid rgba(76, 86, 184, .2);
    border-left: .5rem solid #4c56b8;
}

.loader,
.loader:after
{
    width: 3rem;
    height: 3rem;

    border-radius: 50%;
}
@-webkit-keyframes cir-loader
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes cir-loader
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.loader-bar
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 4px;
    margin-top: 9rem;

    background-color: #fff;
}
.loader-bar:before
{
    position: absolute;
    left: -200px;

    display: block;

    width: 200px;
    height: 4px;

    content: '';
    animation: loading 2s linear infinite;

    background-color: #4c56b8;
}

@keyframes loading
{
    from
    {
        left: -500px;

        width: 30%;
    }
    50%
    {
        width: 30%;
    }
    70%
    {
        width: 70%;
    }
    80%
    {
        left: 50%;
    }
    95%
    {
        left: 120%;
    }
    to
    {
        left: 100%;
    }
}


/* =============== Global Select 2 changes ========================== */

.watershed .select2-results__options
{
    float: left;

    width: 100%;
}

.watershed .select2-container--default .select2-selection--multiple
{
    border-radius: 0 !important;
}

.watershed .select2-selection.select2-selection--multiple
{
    min-height: 32px;
}

.watershed .select2-selection__rendered li
{
    margin: 0;
}
.watershed .select2-container--open
{
    z-index: 1102;
}
.watershed .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    margin-left: -10px;
    padding-right: 10px;
}
.watershed .select2-container--default .select2-selection--single
{
    border-radius: 0;
}

.watershed .select2-container--default .select2-results__option--highlighted[aria-selected]
{
    color: #fff;
    background-color: #59a0c7;
}

.watershed .select2-container
{
    line-height: 1;
}

.watershed .select2-container--default.select2-container--focus .select2-selection--multiple
{
    border: .1rem solid #59a0c7;
}

.watershed  .select2-results__option
{
    font-size: 12px;

    margin: 0;
}

.watershed .select2-container--default .select2-selection--multiple li.select2-selection__choice
{
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.5;

    margin: .5rem;
    padding: .5rem .5rem .5rem 1.8rem;
    padding-left: 2.7rem;

    white-space: normal;
    text-indent: -.5rem;

    color: #17547e;
    border: solid .1rem #eee;
    border-radius: .3rem;
    background-color: #f5f5f5;
    background-image: none;
    -webkit-box-shadow: none;
}

/* =============== Global Landing page styles ========================== */

.full-page-landing
{
    min-height: 12.4rem;
    margin-top: 9.5rem;
    padding: 1.5rem 1.5rem 1rem 1rem;

    border-top: none;
    background: #fff;
}

.homepage-eap
{
    display: none;
} /* This is to temporarily hide EAP content on the CQ+ homepage */


/* ============================================== */
/* Footer
/* ============================================== */

/* FOOTER ---------------------------------------------------*/

#wrapper {
	float: none;
	clear: both;
}
footer {
    padding: 2.5rem 1.5rem 1.5rem 25%;
    background-color: #093e5e;
    font-weight: 700;
    font-size: 1.1rem;
    color: #fff;
    width: 100%;
}

#wrapper .row {
	max-width: 1200px;
	margin: 0 auto 2.0rem;
	/*border: 1px solid #fff;*/
}

.footer-logo {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 3.0rem;
}

footer p {
	margin-bottom: 0.5rem;
}

footer div {
	margin-bottom: 2.0rem;
}

footer address {
	font-style: normal;
}

footer ul {
	list-style-type: none;	
	margin: 0 0 0 -3.5rem;
	padding: 0;
}

footer li {
	display: inline-block;
	margin: 0 1.0rem 0 0;
}

footer a, footer a:visited, footer a:link {
	color: #fff
}

footer a:hover, footer a:focus, footer a:active {
	text-decoration: underline; 
}

@media only screen and (min-width: 64.0625em) {
	footer { padding-left: 17%; }
	footer ul {
		float: right;
		margin-left: 0;
	}
	
}

[tracking-container="HomePage2"] .cq-now {
	margin-bottom: 40px;
}

[tracking-container="HomePage2"] footer,
[tracking-container="NewsAnalysisPage"] footer,
[tracking-container="ScheduleScoreBoardPage"] footer,
[tracking-container="FollowingPage"] footer,
[tracking-container="ReportBuilderPage"] footer,
[tracking-container="ReportPage"] footer,
[tracking-container="BudgetTrackerPage2"],
[tracking-container="TopicPage2"] footer,
[tracking-container="AllTopicsPage"] footer, 
[tracking-container="AllTopicsPage2"] footer, 
[tracking-container="DocumentPage"] footer,
[tracking-container="PdfDisplayPage"] footer,
[tracking-container="HealthBeatPage"] footer, 
[tracking-container="CqBudgetPage"] footer,
[tracking-container="CqDefensePage"] footer,
[tracking-container="VoteReportBuilderPage"] footer,
[tracking-container="VoteSearchPage"] footer,
[tracking-container="VoteSearchResultsPage"] footer,
[tracking-container="MemberSearchPage"] footer,
[tracking-container="VoteReportPage"] footer {
	padding-left: 0;
}

[tracking-container="CreateAlertPage"] footer {
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	height: 0;
	padding: 0;
}

[tracking-container="CreateListPage"] footer {
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	height: 0;
	padding: 0;
}

/* ============================================== */
/* Advertisements
/* ============================================== */

/* ADVERTISEMENTS ------------------------------------------------ */

div.ad { 
	text-align: center;
}

div.ad .twelve.columns {
	text-align: left;
}

div.ad > span {
	display: block;
	margin: 5.0rem 0;
}

div.ad > span > div {
	margin: 0 auto;
}

.main-header-ad .ad, 
#footer .ad.footer, 
.cq-now .ad { 
	width: auto;
	max-width: 728px;
	margin: 0 auto 6.0rem; 
}
.cq-now .ad {
	margin-bottom: 3.0rem;
}
.sideRail div.ad { 
	text-align: center;
	margin: 40px 0
}
div.ad iframe {
	margin: 0;
	padding: 0;
}
div.ad.header {
	float: right;
	padding-right: 2px;
}

div.ad.right-rail {  }
div.ad.right-rail.position-top { 
	margin-bottom: 15px;
}
div.ad.right-rail.position-bottom { 
	display: block; 
	margin-top: 15px; 
	width: 100%; 
	height: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;  
}

.main-footer-ad {
	margin: 30px 0 10px 0;
}

.cqlive-ads { 
	padding-top: 3.0rem;
	border-bottom: 1px solid #bdbdbd;	
}

.cqlive-ads div.ad > span,
.main-header-ad div.ad > span {
	margin: 0;
}

/* iframe/General */

iframe + .caption {
	display: block;
	margin: 0;
	color: #757575;
}

/*iframe + .caption,
.capton {
	display: block;
	margin: 0;
	color: #757575;
}*/

/*==============Table of Contents============*/
.toc-toggle{
    display:inline-block;
    height:24px;
    width:24px;
    background:url("../img/plus.png");
    cursor: pointer;
    font-family:fontello;
}
.toc-toggle:after{
    display:block;
    height:24px;
    line-height:24px;
    width:88px;
    margin-left:48px;
    cursor: pointer;
}
.toc-toggle.expanded {
    background:url("../img/minus.png");
}
.toc-content{
	padding-left:10px;
	line-height:.5;
}

/* ============================================== */
/* class added for unavailable pdf menu item – 7-26-2021 MJM
/* ============================================== */

.not-available{
	filter: invert(46%) sepia(0%) saturate(300%) hue-rotate(138deg) brightness(70%) contrast(80%);
}

/* ============================================== */
/* First Draft Transcripts
/* ============================================== */

.hit-list-hits .hit-transcript-status{
  margin: 1.2rem 0 0;
}

.hit-list-hits .hit-transcript-status .transcript-status{
  font-size: 1.4rem;
  font-weight: 600;
  color: #555;
} 

.search-result-container snippet p{
  margin: 2rem 0 1.2rem;
  border-radius: 0.5rem;
  background: #eee;
  padding: 1rem 1rem 1rem 1.5rem;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #333;
}

.search-result-container snippet p .hit{
  background-color: #8ed0d5;
  font-weight: 600;
  padding: 0.3rem;
}

/* ============================================== */
/* Accessibility Updates & Overrides
/* ============================================== */

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.cq-now-panel .seperated-list li .livestamp,
ul.seperated-list .livestamp{
	color: #757575;
}
.transcript-summary-pannel h2.main-hit-title{
	margin-bottom: 2.5rem;
}
.pager.pager-bottom{
	margin-top: 3rem;
}