/********************************************
 These are site specific CSS settings. The 
 Primary/Secondary/tertiary site colors :  
  ------------------
 PRIMARY:       #133763
 SECONDARY:     #FB5252 
 TERTIARY:	    #707070
 
 modified : 10/17
 ********************************************/
 
 
/********************************************
 *                 COLORS                   *
/********************************************/

/* primary*/
[data-thm="chan"] .master-main .sb-pc {
    color: #133763 !important;
}

/* secondary*/
[data-thm="chan"] .master-main .sb-sc {
    color: #FB5252 !important;
}

/* tertiary*/
[data-thm="chan"] .master-main .sb-tc {
    color: #707070 !important;
}

.sb-background-pc {
    background-color: #133763 !important;
}

.sb-background-sc {
    background-color: #FB5252 !important;
}

.sb-background-tc {
    background-color: #707070 !important;
}

.sb-background-primary-dark {
    background-color: #2B2E34 !important;
}



/********************************************
 *               BORDERS                    *
/********************************************/
.sb-border-pc{
border-color: #133763!important;
}

.sb-border-sc{
border-color: #FB5252 !important;
}

.sb-border-tc{
border-color:  #707070 !important;
}


/********************************************
 *               INPUTS                     *
/********************************************/
input.sb-placeholder-pc::-webkit-input-placeholder {
    color: #133763;
}

input.sb-placeholder-pc:-ms-input-placeholder {
    color: #133763;
}

input.sb-placeholder-pc::placeholder {
    color: #133763;
}

textarea.sb-placeholder-pc::-webkit-input-placeholder {
    color: #133763;
}

textarea.sb-placeholder-pc:-ms-input-placeholder {
    color: #133763;
}

textarea.sb-placeholder-pc::placeholder {
    color: #133763;
}


/********************************************
 *               ANCHORS                    *
/********************************************/
/*
    All anchor tags within the ChannelsMagazineView
    widget are styled with lines 55-63 with the 
    exception of those that have one of the 
    preceding classes (lines 65-87)
*/
.widget-ChannelsMagazineView a {
    color: #FB5252;
}

.widget-ChannelsMagazineView a:hover {
    color: #FB5252;
}

a.sb-anchor {
    color: #FB5252 !important;
}

/*******ANCHOR HOVER******/
a.sb-anchor:hover {
    color: #FB5252 !important;
}

a.sb-anchor-light {
    color: #707070 !important;
}

/*******ANCHOR HOVER******/
a.sb-anchor-light:hover {
    color: #FB5252 !important;
}

a.sb-anchor-dark {
    color: #333333 !important;
}

/*******ANCHOR HOVER******/
a.sb-anchor-dark:hover {
    color: #FB5252 !important;
}


/********************************************
 *               BROWSE HEADER              *
/********************************************/
.sb-archive-browse-header {
    border-color: #FB5252;
}

/********************************************
 *         HAMBURGER MENU BRANDING          *
/********************************************/
/*
    The colored bordered to the left of the top links
    withing the hamburger menu flyout
*/
.sb-nav-journal-level {
    border-left: 8px solid #133763;
}


 
 /******** Footer Email sign up button  ********/
.footer-email-updates .email-signup--submit{
		background: #133763 !important;
		border: 2px solid #133763 !important;
}
.footer-email-updates .email-signup--submit:hover{
		border: 2px solid #133763 !important;
		color: #133763 !important;
		background: #FFFFFF !important; 		
}


/********************************************
 *               MOST VIEWED STYLING            *
/********************************************/
/** setting margin-top to match space and attributes for self-serve widgets in right col on home, archive, and article pages **/
.widget-SelectableContentListCompact.widget-instance-Home_MainContentB1B0B1Home_MainUberContentRR2 {
    margin-top: 56px;
}
.widget-ArticleListNewAndPopular.widget-instance-Home_MainContentB1B0B1B5Home_Most_Read,
.widget-ArticleListNewAndPopular.widget-instance-Archive_MainContentB0B1Home_Most_Read,
.widget-ArticleListNewAndPopular.widget-instance-Article_RightRailB0Home_Most_Read {
    margin-top: 56px;
}

/** setting unwanted elements to display:none **/
.badge,
.icon-free {
    display: none;
}
.article--author-list {
    display: none;
}

/** 
styling elements of most read list. if there are conflicts these should be made more specific by adding the name of the container, for example 
	.widget-ArticleListNewAndPopular.widget-instance-Home_MainContentB1B0B1B5Home_Most_Read .article--authors { color: #133763; font-size: 18px; margin-bottom:0; padding-top: 5px; }
might be necessary if there are other instances of .article--authors on any pages where this widget appears. seems okay right now.
**/

.featured-list--title {
    border-bottom: #333 1px solid;
    color: #fb5252;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    padding: 0px 0px 10px 0px !important;
    text-transform: uppercase;
}

.article--title {
    display: block;
    font-family: "Guardian TextSans Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 5px;
    color: #333;
    line-height: 1.33;
    text-decoration: none;
}

.article--authors {
    color: #133763;
    font-size: 18px;
    margin-bottom: 0;
    padding-top: 5px;
}

.featured-list--contents .article {
    padding: 20px 0;
    border-top: 0;
    border-bottom: 1px solid;
}

.featured-list--contents .article--title {
    line-height: 1.33;
}