/*WHAT'S WRONG WITH WEB STANDARD FONTS???*/
@font-face {
font-family: 'HelamSlabBold';
src: url('fonts/HelamSlabldsLat-Bold.otf');
src: url('fonts/HelamSlabldsLat-Bold.woff');
/*src: url('fonts/Helam Slab GWeb Bold.woff') format('woff');*/
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelamSlab';
src: url('fonts/HelamSlabldsLat-Regular.otf');
src: url('fonts/HelamSlabldsLat-Regular.woff');
/*src: url('fonts/Helam Slab GWeb Regular.woff') format('woff');*/
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansBold';
src: url('fonts/OpenSans-Bold.ttf');
src: url('fonts/OpenSans-Bold.woff');
/*src: url('fonts/OpenSans GWeb Bold.woff') format('woff');*/
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansExtraBold';
src: url('fonts/OpenSans-ExtraBold.ttf');
src: url('fonts/OpenSans-ExtraBold.woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansSemibold';
src: url('fonts/OpenSans-Semibold.ttf');
src: url('fonts/OpenSans-Semibold.woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansItalic';
src: url('fonts/OpenSans-Italic.ttf');
src: url('fonts/OpenSans-Italic.woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('fonts/OpenSans-Regular.ttf');
src: url('fonts/OpenSans-Regular.woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gideon';
src: url('fonts/GideonldsIcn-Regular.otf');
src: url('fonts/GideonldsIcn-Regular.woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'awesome';
src: url('fonts/fontawesome-webfont.ttf');
src: url('fonts/fontawesome-webfont.woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'mckay';
src: url('fonts/McKay-GWeb-Regular-Normal.woff2');
font-weight: normal;
font-style: normal;
}
/*COLORS*/
:root {
--blue-400: #6bcbeb;
--blue-500: #1aa6dc;
--blue-600: #147ea5;
--blue-700: #13617f;
--green-400: #72c5b0;
--green-500: #23b187;
--green-600: #0c8467;
--green-700: #14664e;
--red-400: #e1807e;
--red-500: #cf302f;
--red-600: #ba242d;
--red-700: #6e0d33;
--nurple: #bd0057;
--yellow-400: #fbdb6e;
--yellow-500: #f9c50d;
--yellow-600: #f2a631;
--orange-400: #f7b880;
--orange-500: #f68c24;
--orange-600: #e38333;
--black-125: #0D0F10;
--black-200: #eff0f0;
--black-300: #e4e4e6;
--black-400: #cfcfd1;
--black-500: #b8b8bd;
--black-600: #808081;
--black-700: #59595c;
--black-800: #333;
--black-900: #212225;
}
/*END COLORS*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,
dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
border: 0;
outline: 0;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
background: transparent;
}
ol,ul{
list-style:none;
}
.gideon{
font-family: Gideon;
}
.all-caps{
text-transform: uppercase;
}
.one-column,
.full-fill{
width: 100%;
float: left;
}
.date-line{
font-size: 13px;
/*text-transform: uppercase;*/
color: var(--nurple);
font-style: normal;
}
.syndicated-line:before{
content: " | ";
}
.syndicated-pre{
font-family: 'Ensign:Sans';
font-weight: 700;
}
.syndicated-pre + *:before{
content: "—";
font-family: 'Ensign:Sans';
}
.big-link{
/*background: #ccc;*/
color: var(--nurple);
font-size: 16px;
margin: 0 auto;
/*padding: 10px 60px;*/
text-decoration: none;
display: inline-block;
width: 100%;
/*text-transform: uppercase;*/
/*text-align: center;*/
margin-bottom: 30px;
}
.big-link span:after{
content: "";
font-family: Gideon;
}
.small-link-arrow {
font-size: 14px;
}
*,*:before,*:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.read-more{
margin-top: 32px;
font-size: 16px;
font-weight: bold;
color: var(--nurple);
}
.read-more:after{
font-family: "Gideon";
content: "";
}
#content figure{
max-width: 100%;
position: relative;
}
.hero-text h4,
.article-title h4,
.top-story h4,
.small-top-story h4{
/*font-family: "Myriad Pro", arial;*/
font-size: 18px;
font-style: italic;
color: #3b3b3b;
font-weight: normal;
width: 100%;
float: left;
margin: 8px 0 15px 0;
padding: 0 16px;
/*display: none;*/
}
@media (min-width: 768px) {
.hero-text h4,
.article-title h4,
.top-story h4,
.small-top-story h4{
display: block;
padding: 0;
}
}
blockquote,
q{
quotes:none;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
content:none;
}
p{
word-break: normal;
}
:focus{
outline:0;
}
.standby{
display: none;
}
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
table{
border-collapse:collapse;
border-spacing:0;
}
body{
background:#fff;
font-family: 'Ensign:Sans', OpenSans, sans-serif, georgia;
line-height:1;
overflow-x: hidden;
}
.dont-show{
display:none;
}
a{
cursor:pointer;
}
#header{
/*height: 100px;*/
width: 100%;
background: #fff;
}
#header-contain.fallback{
height: 100px;
}
#header-contain {
position: relative;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
#header-logo {
margin: 0;
text-align: center;
display: inline-block;
width: 144px;
border-bottom: none;
}
#header-logo > img {
width: 136px;
margin: 0;
padding: 0;
}
/*LDS header/footer problem fix*/
#PFmainFooter.LDSORGFooter{
margin-top: 0;
border-top: none;
}
/*end LDS header/footer problem fix*/
#language-select{
text-align: center;
cursor: pointer;
width: 100%;
float: left;
margin: 12px 0 15px;
}
footer #language-select{
margin-top: 18px;
}
#language-select > p > *{
margin-right: 10px;
margin-bottom: 10px;
width: 100%;
float: left;
}
@media (min-width: 640px) {
#language-select{
float: right;
width: 200px;
margin: 25px 0 0;
}
footer #language-select{
margin-top: 23px;
}
#language-select > p > *{
text-align: right;
margin-bottom: 5px;
padding-right: 0;
}
}
#language-select a:hover{
text-decoration: underline;
}
#language-select p{
font-size: 11px;
/*height: 100%;*/
}
.country.labeler{
font-size:24px;
display:block;
}
.country,
.language{
text-transform:none;
}
.hq-ca,
.hq{
color: var(--nurple);
text-decoration: none;
/*display: none;*/
}
#content .billboard .BrightcoveExperience{
min-height: 540px;
max-width: 960px;
}
footer .hq-ca,
footer .hq{
color: var(--black-800);
}
@media (min-width: 540px) {
.hq-ca,
.hq{
display: inline;
}
}
.international{
color: #000;
right: 10px;
}
footer .international{
color: var(--black-800);
border: none;
}
footer .international:after {
top: 0;
}
@media (min-width: 540px) {
.international{
float: none;
padding-left: 6px;
}
}
.international:hover em{
text-decoration: none;
}
.international em{
color: #000;
font-size: 12px;
text-align: center;
font-style: normal;
font-family: Gideon;
}
footer .international em{
color: #D0D0D2;
}
@media (min-width: 540px) {
.international em{
display: inline;
}
}
#drawer-whole{
position:absolute;
top: 100%;
left:0;
width: 100%;
height: auto;
z-index: 10000;
display: none;
}
.close-drawer{
cursor: pointer;
float: right;
font-family: Gideon;
position: absolute;
right: 34px;
}
.drawer-label{
width: 100%;
padding: 22px 0;
background: #E5E5E7;
color: #B9B9BE;
text-align: center;
float:left;
}
.drawer-box{
width: 100%;
margin: 0 auto;
font-family: tahoma;
font-size: 14px;
text-align: left;
padding: 0 16px;
}
@media (min-width: 960px) {
.drawer-box{
width: 960px;
padding: 0;
}
}
#language-filter{
float: left;
width: 100%;
margin-bottom: 5px;
}
.big-search{
padding: 6px 6px 6px 46px;
border: 1px solid #bfbfbf;
float: left;
width: 100%;
margin: 8px 0 15px;
border-radius: 4px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAADAFBMVEUzMzPx8fE3NzeMjIwNDQ1hYWG4uLg1NTUkJCRnZ2f+/v4eHh4FBQXl5eVzc3Py8vKvr68xMTH4+PgxMTGFhYXg4OCSkpL19fUWFhYnJydCQkLd3d1tbW23t7f7+/sZGRmwsLCYmJjV1dX4+Pjg4OBCQkI1NTVVVVU0NDS4uLjHx8clJSXo6OhCQkLExMSMjIxcXFxcXFxdXV0JCQnw8PC4uLj8/Pz///+4uLjZ2dktLS1BQUGioqJcXFwHBwdHR0dTU1NbW1tDQ0OxsbFERERCQkLQ0ND09PRMTEwgICBISEiRkZGqqqo5OTm2trYyMjKcnJxKSkpNTU0ZGRk/Pz/7+/sgICBycnL29vYPDw/+/v5CQkI+Pj4nJyc5OTlBQUFNTU2AgIBtbW2SkpJKSkp9fX3p6ek8PDz6+vozMzP4+Pjb29tGRkZPT09iYmIbGxsvLy+lpaX+/v79/f3m5uYnJycFBQXi4uIyMjJLS0ssLCwpKSn09PQ8PDyxsbF8fHyAgICEhITq6urBwcFbW1uRkZEMDAwvLy8rKys+Pj76+vocHBwYGBhjY2MfHx/9/f3+/v7IyMgpKSlGRkY1NTUdHR03Nzc1NTVxcXFfX1+jo6M0NDRAQEA0NDQrKys/Pz+Ojo4hISEUFBRDQ0MxMTE/Pz9SUlJWVlZBQUGXl5eAgID+/v41NTUTExP8/Pz8/PxMTEwQEBApKSkQEBAODg42NjY1NTUEBAQGBgYAAABZWVnd3d1oaGjY2NiUlJTh4eGKioqZmZn7+/v5+fmXl5eoqKicnJxVVVWfn5/+/v7r6+tmZmbGxsZhYWE9PT07OztcXFw6OjpSUlJ6enrCwsLy8vJsbGyCgoJnZ2daWlrz8/OLi4tlZWWampqDg4PNzc1fX1/t7e1jY2O7u7uIiIhbW1tISEg5OTlCQkLBwcHu7u4+Pj4/Pz95eXlKSkpBQUFkZGRFRUVwcHBAQEBJSUlDQ0NHR0dLS0tERERMTExGRkZNTU1OTk5PT09QUFBRUVGiJ4/xAAAAunRSTlPSxFnDF9ON+Hvn0U0BuohbG6uM0+xZRNI8jubyX9evJP65OeBTvPHze5RUaqn3fRmKM84U8lT48O6IqauN/gwkd23zMpNpdZX8MBDt81au4SsX5wnJ32dMgB7iuJuIQuXIlns579qPocPdqkQy/flOs/3Xt/JbBZZ/9HNCnav2U/QRY2H1SxtNYbHjU0H+KcXjMSC+9TSCfxX+LtQW04f+8AsZ6LIUIxf5GRPk0wbj0v0KCxcF4xMDDQDza/aHAAAB+0lEQVR42k3RZXBUMRAH8BSKu3uB4u5WKE5xd3d3K1qKO7S4u7u23OLu7u719vzePUtC9u6V6f9LduaX3WRmCXiztEcAiYg4maNCbzDilRoFSr9IdKmSpLoqjfRNIas7voqNVnTKGNUV56xU/2VVugRJY9wI081VDcm/MdFJOf/69/r3nx6jelaPmHI9F2CNu9PHb26Wdp+Q2JpQlPQxKuX2x+HZjqw/B20aBDKktpFATKMdCo+6kbFT8wNHB24OhiZupGdpgUyMkSh/WGfdBtkW7ZSqX4RBClLdQ6R/gpvzazlbyKomPq0Uh+kqFXK3Fplk0XhUvH992TOFfcu7yaGJImkG2SHr/GXNKitsOsfcr9d6j1ucT3zILtH8utDWLbJX3o5Y5kD5WIIcxLHFtu8fpiAk3c7Tz4XVm+5kN16+WhkGTBA3PvwKG9dUxe5bo0gmCz44fydUKxJ35dHU7H1dZvzK05bEVBDHsgxr4dTQ8s32QdHhipDf70oSmClRQbRVqdnLy3YL6QqN0ohp904cJ9Cwi8aRzLZYi7y4A8CFMvr7z71wC3POUiRGNU3Tc58HaD/+x5QFKNCYGmtDTw1wqfC0sca2h2xDMjJY0OHMhkDPvZeT4cHkJYAxBCLLzbtpt1rtX/7E1w5KIZjOiyrmW3n6zJiFx8Cbfwu0yNlefhEfAAAAAElFTkSuQmCC") no-repeat 6px center, linear-gradient(to bottom, #fcfcfc, #dddcdb 99%);
box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
display: none;
}
@media (min-width: 960px) {
.big-search{
width: 516px;
}
}
.big-search.cns-list{
width: 100%;
border-radius: 0;
background: #C9C9C9;
height: 115px;
box-shadow: none;
border: none;
padding: 25px 30px;
float: none;
margin: 0;
display: flex;
border: 1px solid black;
}
.big-search input[type=text]{
border: 1px solid #bfbfbf;
padding: 4px;
border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
height: 36px;
font-size: 14px;
float: left;
width: 100%;
margin-right: 0;
}
.big-search.cns-list input {
border: none;
border-radius: 0;
border: 1px solid black;
}
::-webkit-input-placeholder,
input:-moz-placeholder,
input::placeholder{
color: #bdc0c0;
}
#lang-filter-surround{
width: calc(100% - 62px);
float: left;
margin: 0 31px;
text-align: left;
display: table;
/*border-bottom: 1px solid #808080;*/
}
@media (min-width: 960px) {
#lang-filter-surround{
text-align: left;
width: 100%;
margin: 0;
}
}
#lang-filter-surround > *{
display: table-cell;
}
.lang-drop-holder{
width: 100%;
float: left;
margin-top: 20px;
}
@media (min-width: 640px) {
.lang-drop-holder{
width: 30%;
float: none;
margin-top: 0;
position: absolute;
right: 20px;
}
}
#lang-filter-surround label{
font-size: 11px;
color: #323232;
margin: 10px 0;
/*border-bottom: 1px solid #808080;*/
padding-right: 25px;
float: right;
text-transform: uppercase;
position: absolute;
top: -36px;
left: 0;
/*width: 100%;*/
/*margin-bottom: 5px;*/
}
#lang-filter-surround > p{
font-family: 'Ensign:Sans', Myriad Pro, arial;
font-weight: 700;
font-size: 18px;
color: #212225;
margin: 10px 0;
padding-right: 25px;
float: left;
/*width: 100%;*/
/*margin-bottom: 5px;*/
}
@media (min-width: 640px) {
#lang-filter-surround > p{
border-bottom: none;
}
}
@media (min-width: 960px) {
#lang-filter-surround > p{
float: left;
}
}
#lang-filter-surround select{
font-family: Myriad Pro, arial;
font-size: 16px;
color: #333;
width: 83%;
float: left;
height: 40px;
padding: 10px;
}
.dropdown{
height: 28px;
border: 1px solid #ccc;
line-height: 28px;
border-radius: 5px;
min-width: 242px;
position: relative;
color: #000 ;
text-shadow: 0 1px 0 #fff;
font-size: 12px;
cursor: pointer;
margin: 0 auto 16px;
background: linear-gradient(to bottom, #eaeaea 0%, #ccc 100%);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
position: relative;
}
#lang-filter-surround .dropdown{
background: transparent;
border-radius: 2px;
border: 1px solid #fff;
text-shadow: none;
text-align: center;
height: 36px;
margin-bottom: 10px;
float: left;
}
@media (min-width: 640px) {
#lang-filter-surround .dropdown{
float: right;
margin-right: 0 0 16px;
}
}
.dropdown-current-selected{
color: #545454;
text-align: center;
font-size: 14px;
position: absolute;
left:0;
padding-left: 10px;
}
#lang-filter-surround .drop-arrow,
#lang-filter-surround .dropdown-current-selected{
color: var(--nurple);
font-size: 16px;
position: static;
left: auto;
}
#lang-filter-surround .dropdown .dropdown-holder{
background: #fff;
padding: 14px 12px;
border: none;
}
#lang-filter-surround .dropdown .dropdown-holder li{
text-transform: none;
font-size: 14px;
color: #212225;
padding: 7px 0;
}
#lang-list-center #country-language-list li:hover,
#lang-filter-surround .dropdown .dropdown-holder li:hover .language{
color: var(--nurple);
}
.drop-arrow{
position: absolute;
right: 0;
width: 28px;
text-align: center;
font-size: 18px;
border-left: 1px solid #ccc;
font-family: Gideon;
box-shadow: inset 1px 0 1px -1px #fff;
-moz-box-shadow: inset 1px 0 1px -1px #fff;
-webkit-box-shadow: inset 1px 0 1px -1px #fff;
}
#lang-filter-surround .drop-arrow{
position: static;
right: auto;
border-left: none;
box-shadow: none;
font-size: 13px;
}
.dropdown .dropdown-holder{
position: absolute;
top: 35px;
right: 0;
width: 100%;
display: none;
background: #D0D0D2;
border: 1px solid #7F7F82;
z-index: 100;
}
.dropdown ul {
width: 100%;
max-height: 600px;
overflow-y: scroll;
}
.dropdown li {
padding: 8px 0;
/*border-top: 1px solid #d9d9d9;*/
/*border-bottom: 1px solid #c4c4c4;*/
margin: 0 14px;
line-height: 16px;
width: auto;
text-align: left;
text-transform: uppercase;
font-size: 14px;
}
.drop-check{
float: right;
font-size: 16px;
}
.dropdown li:first-child {
border-top: none;
}
.dropdown li:last-child {
border-bottom: none;
}
.dropdown li:hover{
text-decoration: underline;
}
.dropdown li.selected {
color: var(--nurple);
font-weight: bold;
}
#language-list-center .hq-link{
width: 100%;
color: #000;
border-top: none;
padding: 0;
}
#language-list-center .hq-link:hover{
background: transparent;
text-decoration: underline;
}
#language-select-list{
background: #eff0f0;
width: 100%;
height:auto;
padding: 20px 0 30px;
float: left;
}
#language-list-center{
width: 100%;
margin: 0 auto;
}
@media (min-width: 960px) {
#language-list-center{
width: 960px;
}
}
#language-list-center > ul{
width: 100%;
float: left;
font-family: OpenSans;
font-size: 14px;
}
@media (min-width: 768px) {
#language-list-center > ul{
width: 180px;
margin-right: 12px;
}
}
@media (min-width: 960px) {
#language-list-center > ul{
width: 225px;
margin-right: 12px;
}
}
#language-list-center > ul li{
text-align: left;
width: 100%;
line-height: 24px;
}
@media (min-width: 960px) {
#language-list-center > ul li{
width: 198px;
text-align: left;
}
}
#language-list-center a{
color: #262626;
text-decoration: none;
width: 100%;
display: block;
font-size: 14px;
padding: 3px 30px;
float: left;
margin-bottom: 2px;
/*border-top: 1px solid #ccc;*/
}
@media (min-width: 768px) {
#language-list-center a{
width: 180px;
margin-right: 12px;
}
}
@media (min-width: 960px) {
#language-list-center a{
width: 225px;
padding: 3px;
border-top: none;
}
}
#language-list-center .current-language{
color: #212225;
font-size: 14px;
font-weight: bold;
}
#language-list-center a:hover{
color: var(--nurple);
text-decoration: underline;
}
#language-list-center .language{
text-transform:uppercase;
font-size: 11px;
}
#language-list-center .current-language .language{
color: #212225;
}
#language-list-center li:hover .language{
color: var(--nurple);
}
a:hover .language{
color:#fff;
}
.navigation{
height: 40px;
width:100%;
background: #fff;
position: relative;
z-index: 1;
display: inline-block;
}
.nav-wrapper{
min-height: 40px;
}
@media (min-width: 980px) {
.navigation{
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
/*background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='40'%3E%3Cdefs%3E%3ClinearGradient x1='0%25' y1='50%25' y2='50%25' id='a'%3E%3Cstop stop-color='%23780033' stop-opacity='.6' offset='0%25'/%3E%3Cstop stop-color='%23780033' stop-opacity='.25' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='0%25' y1='50%25' y2='50%25' id='b'%3E%3Cstop stop-color='%23780033' stop-opacity='.35' offset='0%25'/%3E%3Cstop stop-color='%23780033' stop-opacity='.15' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='0%25' y1='50%25' x2='98.607%25' y2='50%25' id='c'%3E%3Cstop stop-color='%23780033' stop-opacity='.6' offset='0%25'/%3E%3Cstop stop-color='%23780033' stop-opacity='.35' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='url(%23a)' d='M8 40V0h10.34l-7.755 40z'/%3E%3Cpath fill='url(%23b)' d='M8 40V3.93L33.984 40z'/%3E%3Cpath fill='url(%23a)' d='M8 40V0l15.64 40z'/%3E%3Cpath fill='url(%23c)' d='M10.598 40H8V0h2.598z'/%3E%3Cpath fill='%23780033' d='M0 0h8v40H0z'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top #fff;*/
}
.nav-wrapper{
height: 40px;
width: 100%;
}
}
.nav-wrapper > .main-link{
font-size: 14px;
font-weight: 600;
color: var(--black-125);
text-decoration: none;
position: absolute;
left: 16px;
top: 14px;
z-index: 1;
}
.nav-contain{
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
padding-left: 16px;
}
@media (min-width: 1024px) {
.nav-wrapper > .main-link{
display: block;
left: 32px;
}
.nav-contain{
/*width: 1024px;*/
text-align: right;
padding-left: 0;
}
}
@media (max-width: 425px){
.navigation{
float: left;
margin-bottom: 0;
}
body{
background: #fff;
}
}
.nav-contain > ul{
/*height:100%;*/
display: block;
margin: 0 auto;
text-align: left;
padding-top: 30px;
}
@media (min-width: 768px) {
.nav-contain > ul{
display: block;
margin-left: 0;
}
}
@media (min-width: 960px) {
.nav-contain > ul{
text-align: right;
padding-top: 0;
}
}
.nav-contain > ul > li{
/*float: left;*/
display: inline;
color: #212225;
height: 100%;
text-align:center;
font-size: 13px;
font-family: 'Ensign:Sans',OpenSans,sans-serif;
cursor:pointer;
margin-right: 15px;
}
@media (min-width: 1024px) {
.nav-contain > ul > li{
margin-right: 11px;
margin-left: 11px;
}
.nav-contain > ul > li.lds-org-li{
border-right: 1px solid #fff;
margin-left: 0;
margin-right: 14px;
padding-right: 21px;
}
}
.nav-contain td:first-child{
padding-left: 0;
}
.nav-contain td:last-child a{
padding-right:0;
}
.nav-contain > ul a{
color: #212225;
text-decoration: none;
padding: 13px 0px 11px;
/*height:100%;*/
display: inline-block;
}
@media (min-width: 1024px) {
.nav-contain > ul a{
height:100%;
}
}
.nav-contain > ul > .international{
padding: 4px 18px 4px 8px;
height: 26px;
margin-right: 0;
}
.nav-contain > ul > li .submenu-trigger{
padding: 8px 18px;
}
/*.nav-contain > ul > .international:hover,*/
.nav-contain > ul > li .submenu-trigger:hover,
.nav-contain > ul > li > a:hover,
.nav-contain > ul > li > a.current:hover{
color: var(--nurple);
border-bottom: 3px solid var(--nurple);
}
.nav-contain > ul > .international:hover{
color: var(--nurple);
}
.nav-contain > ul > li > a.current{
color: var(--nurple);
border-bottom: 3px solid var(--nurple);
}
.date{
color:#231F20;
display:block;
float:left;
font-size:12px;
line-height: 44px;
text-shadow:1px 1px 1px #fff;
display: none;
padding-left: 16px;
}
@media (min-width: 960px) {
#search-contain .date{
display: block;
padding-left: 0;
}
}
@media (min-width: 540px) {
#search-contain .date{
display: block;
}
}
.search{
display: none;
position: absolute;
top: 0;
width: 100%;
margin: 0 auto;
background: #eff0f0;
height: 72px;
padding: 16px 0;
z-index: 1;
}
@media (min-width: 960px) {
.search{
}
}
@media (min-width: 540px) {
.search{
}
}
@media (min-width: 1024px) {
.search{
}
}
@media (min-width: 540px) {
.searching .search{
}
}
.nav-contain > ul > .menu-division{
height: 32px;
padding: 0;
border-left: 1px solid #d0d3d3;
margin: 0;
}
.submenu-holder{
position: relative;
}
.submobile-section{
margin-bottom: 12px;
}
.international{
position: absolute;
right: 20px;
top: 10px;
border: 1px solid #d0d3d3;
}
@media(min-width: 960px){
.nav-contain > ul > :last-child{
position: relative;
top: 0;
margin-right: 40px;
}
.nav-contain > ul > .international{
position: relative;
top: 0;
margin-left: 40px;
margin-right: 0;
}
}
.international:after,
.submenu-trigger:after{
content: " ";
background: url('data:image/svg+xml;utf8,') no-repeat;
position: absolute;
top: 0;
width: 16px;
height: 16px;
display: inline-block;
}
.international:after{
top: 5px;
}
@media(max-width: 960px){
/*.international:after,
.submenu-trigger:after{
top: 14px;
}*/
#language-select .international:after{
top: 0;
}
}
.opened.international:after,
.opened.submenu-trigger:after{
transform: rotate(180deg);
}
.nav-contain > ul > .international:hover:after,
.nav-contain > ul > li .submenu-trigger:hover:after{
color: var(--nurple);
fill: var(--nurple);
stroke: var(--nurple);
background: url('data:image/svg+xml;utf8,') no-repeat;
}
.mobile-dropdown,
.submenu{
position: absolute;
top: 29px;
left: 0;
width: 273px;
z-index: 3;
background: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
border: solid 1px #e0e2e2;
padding: 24px 40px;
text-align: left;
display: none;
}
.mobile-dropdown{
top: 40px;
}
.mobile-dropdown:before,
.mobile-dropdown:after,
.submenu:after,
.submenu:before {
bottom: 100%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.mobile-dropdown:after,
.submenu:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 8px;
margin-left: -8px;
}
.mobile-dropdown:before,
.submenu:before {
border-color: rgba(224, 226, 226, 0);
border-bottom-color: #e0e2e2;
border-width: 9px;
margin-left: -9px;
}
.nav-contain .submenu > li > a{
padding: 0;
margin-bottom: 16px;
border-bottom: 1px solid #fff;
}
.nav-contain .submenu > li > a:hover,
.nav-contain .submenu > li > a.current:hover{
color: var(--nurple);
border-bottom: 1px solid var(--nurple);
}
.nav-contain .submenu > li > a.current{
color: var(--nurple);
border-bottom: 1px solid var(--nurple);
}
.corus-link-bubble{
background: #fff;
padding: 8px 12px;
border-radius: 3px;
position: absolute;
bottom: 101%;
left: 0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.corus-link-bubble:after {
top: 100%;
left: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 8px;
margin-left: -8px;
}
#search_form{
margin: 0 auto;
max-width: 756px;
height: 40px;
position: relative;
}
.search-clear{
font-family: Gideon;
width: 30px;
float: right;
background: rgba(255,255,255,.25);
color: rgba(255,255,255,0);
border-radius: 5px 0 0 5px;
height: 30px;
text-align: center;
padding-top: 4px;
cursor: default;
display: none;
}
.search-box{
position: relative;
}
.search-go{
padding: 2px 16px 2px 10px;
color: #fff;
font-size: 14px;
border-radius: 2px;
float: right;
height: 32px;
background: var(--red-700);
position: absolute;
top: 4px;
right: 4px;
cursor: pointer;
}
@media(max-width: 960px){
.search-box{
padding: 0 16px;
}
.search-go{
display: none;
}
}
.search-go .gideon{
font-size: 20px;
margin: 2px 5px 0 0;
float: left;
}
.search-go .normal-text{
margin: 7px 0 0 0;
float: left;
}
.search-box .search_input{
width: 100%;
height: 40px;
border-radius: 2px;
border: solid 1px #a9adad;
background-color: #ffffff;
padding: 0 100px 0 8px;
font-size: 16px;
}
.searching .search_input{
border: solid 1px #01b6d1;
}
a.tips{
color:#000000;
display:block;
float:right;
font-size:10px;
line-height:29px;
margin-right:10px;
text-shadow:1px 1px 1px #FFFFFF;
text-transform:uppercase;
text-decoration:none;
}
.search-trigger{
position: absolute;
right: 16px;
top: 5px;
font-size: 22px;
color: #53575b;
width: 32px;
height: 32px;
border-radius: 16px;
padding-top: 1px;
text-align: center;
cursor: pointer;
display: none;
}
.search-trigger:hover{
background: rgba(239, 240, 240, 0.6);
color: #212225;
}
#search-drop{
position: absolute;
width: 100%;
z-index: 5000;
left: 0;
text-align: left;
border-radius: 2px;
box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.1);
border: solid 1px #ebebec;
background-color: #ffffff;
padding: 16px;
display: none;
}
.search li{
width: 100%;
float: left;
}
.search a:hover,
.search li.current-result a{
background: rgba(239, 240, 240, 0.6);
border-radius: 2px;
}
.search ul a{
width: 100%;
text-decoration:none;
padding: 7px 16px;
color: #212225;
color: #878a8c;
font-size: 14px;
float: left;
}
.search ul a b{
/*font-weight: normal;*/
color: #212225;
}
.content,
#content{
background:#fff;
width:100%;
float:left;
overflow:hidden;
min-height: 465px;
position: relative;
}
.content.content-darker{
background: var(--black-200);
}
.content object,
.content iframe,
.content img,
#content object,
#content iframe,
#content img{
max-width: 100%;
margin: 0 auto;
display: block;
}
.content .fb-social iframe,
#content .fb-social iframe{
max-width: 10000%;
}
.content-holder .social,
#content-holder .social{
background: transparent;
border-bottom: none;
width: 100%;
margin: 15px 0;
/*float: right;*/
}
@media(max-width: 959px){
.content-holder .social,
#content-holder .social{
width: 100% !important;
}
}
#article .social{
/*margin-top: 80px;*/
width: 80%;
margin: 0 7%;
border-bottom: 1px solid #d0d3d3;
padding-bottom: 44px;
position: relative;
}
#social .social-wrapper .social-holder .social-btn{
background: url(../images/social-icons.png) no-repeat;
display: inline-block;
background-size: 216px 50px;
height: 25px;
width: 25px;
margin: 7px 5px 15px 0 !important;
}
#social .social-wrapper .social-holder .svg-social-button{
background: transparent;
color: #212225;
width: 40px;
height: 40px;
border-radius: 20px;
padding: 9px;
margin: 0 1px 15px 0 !important;
}
#article-body + #social .social-wrapper .social-holder .svg-social-button{
padding: 7px;
}
#social .social-wrapper .social-holder .svg-social-button:hover{
background: var(--black-300);
}
.dead-links #social .social-wrapper .social-holder .svg-social-button:hover{
background: transparent;
cursor: default;
}
.dead-links #additional-resources a:hover span:last-child,
.dead-links .dl-image,
.dead-links .download-photo,
.dead-links a:hover,
.dead-links .social-holder a{
cursor: default !important;
text-decoration: none !important;
}
.dead-links .nr-ig-share-trigger{
display: none !important;
}
@media(min-width: 768px){
.social li{
margin: 0 !important;
}
}
.social .fb-social {
background-position: 0px 0px !important;
}
.social .tw-social {
background-position: -32px 0px !important;
}
.social .pi-social {
margin: 0;
background-position: -64px 0px !important;
}
.social .vk-social {
margin: 0;
background-position: -96px 0px !important;
}
.social .dr-social {
background-position: -191px 0px !important;
}
.social .print-social{
background-position: -160px 0 !important;
}
.social .email-social{
background-position: -128px 0 !important;
}
.social .print-social, .social .email-social {
min-width: 0 !important;
margin: 0px 15px 0px 5px;
}
.social .fb-social:hover {
background-position: 0px -25px !important;
}
.social .tw-social:hover {
background-position: -32px -25px !important;
}
.social .pi-social:hover {
margin: 0;
background-position: -64px -25px !important;
}
.social .vk-social:hover {
margin: 0;
background-position: -96px -25px !important;
}
.social .dr-social:hover {
margin: 0;
background-position: -191px -25px !important;
}
.social .print-social:hover {
background-position: -160px -25px !important;
}
.social .email-social:hover {
background-position: -128px -25px !important;
}
.twitter-share-button .btn i{
background-image: none !important;
}
.twitter-share-button .btn{
background-color: transparent !important;
}
.twitter-share-button .btn:hover{
background-color: transparent !important;
}
.content-wrapper,
#content-wrapper{
width: 100%;
max-width: 1024px;
margin:0 auto;
}
.content-wrapper.thinner,
#content-wrapper.thinner{
max-width: 812px;
}
.content-holder,
#content-holder{
width:100%;
float:left;
min-height:400px;
padding: 34px 0 50px;
}
h2 a,
h3 a{
color: var(--black-900);
text-decoration: none;
text-transform: none;
}
footer a{
color: var(--black-800);
}
footer polygon{
fill: #fff;
/*stroke: #FFF;*/
/*stroke-width: 10px;*/
}
.footer-top{
padding-bottom: 20px;
margin-bottom: 6px;
/*border-bottom: 1px solid #7F7F82;*/
width: 100%;
float: left;
}
@media (min-width: 960px) {
.footer-top{
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
width: 100%;
float: left;
}
}
#leadership .learn-more {
float: left;
}
.learn-more {
color: #A50101;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
}
.side-block > .learn-more {
text-transform: uppercase;
}
/****************** SOCIAL UNIFICATION FOOTER ******************/
#social-unification {
border-bottom: 1.5px solid #97999b;
}
#social-unification-wrapper {
max-width: 1024px;
padding: 7px 0 19px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
margin: 0 auto;
}
@media (max-width: 1024px) {
#social-unification-wrapper {
padding: 7px 16px 11px;
}
}
.su-social-media-container {
/*margin-right: 45px;*/
}
.nrn-container {
/*margin-right: 70px;*/
}
#social-unification-wrapper > div {
margin-left: 23px;
margin-right: 23px;
}
#social-unification-wrapper > div:first-child {
margin-left: 0;
}
#social-unification-wrapper > div:last-child {
margin-right: 0;
padding-top: 5px;
text-align: right;
}
#social-unification-wrapper h6 {
font-family: 'Ensign:Sans';
font-weight: 200;
font-size: 15px;
margin: 0;
padding-left: 0;
text-align: left;
}
#social-unification-wrapper .su-social-media-wrapper h6 {
margin: 6px 0 4px;
padding-left: 0;
}
/***FOLLOW US ICONS***/
.susmi {
font-size: 30px;
margin-right: 8px;
}
.social-link-line ul li {
display: inline;
}
.social-link-line a svg {
width: .8em;
height: .8em;
}
.social-link-line li:last-child a {
margin-right: 0px;
}
.footer-text .link-line-upper .social-link-line{
margin: 20px 0 0 0;
}
.footer-text .link-line-upper .social-link-line a{
margin: 0 10px;
}
@media (min-width: 960px) {
.footer-text .link-line-upper .social-link-line{
margin: 0 0 0 20px
}
}
footer{
width: 100%;
float: left;
text-align: center;
border-top: 1px solid #97999b;
padding: 0 0 90px;
background: var(--black-200);
font-size: 12px;
}
.footer-divide{
width: 100%;
float: left;
}
.footer-divide + .footer-divide{
padding: 20px 0 40px;
}
.footer-wrapper{
width: 100%;
margin:0 auto;
}
@media (min-width: 1024px) {
.footer-wrapper{
width: 1024px;
}
}
.footer-block{
width:100%;
float:left;
position:relative;
}
.footer-text{
float:left;
font-size:12px;
width: 100%;
}
@media (min-width: 960px) {
.footer-text{
width: 100%;
}
}
.footer-text > *{
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 540px) {
.footer-text > *{
padding-left: 64px;
padding-right: 64px;
}
}
@media (min-width: 960px) {
.footer-text > *{
padding-left: 0;
padding-right: 0;
margin-bottom: 25px;
}
}
.footer-text .link-line{
margin: 0 0 15px;
float: left;
width: 100%;
color: var(--black-800);
padding: 40px 0;
justify-content: center;
align-items: center;
}
.footer-text span.link-line{
padding: 20px 0 10px;
}
@media (min-width: 960px) {
.footer-text .link-line{
display: flex;
margin-bottom: 0;
}
}
.footer-text .newsroom-description + .link-line{
margin: 64px 0 0;
}
@media (min-width: 960px) {
.footer-text .newsroom-description + .link-line{
margin: 25px 0 0;
}
}
.footer-text .link-line a{
text-decoration:none;
margin:0 4px;
line-height: 30px;
}
.footer-text .link-line-upper a{
margin: 0 10px;
}
.link-line-upper .sub-link-line:first-child{
border-right: 1px solid var(--black-600);
}
.footer-text .link-line a:hover{
text-decoration: underline;
}
.footer-text .newsroom-description{
font-size: 8.5px;
margin-top: 4px;
float: left;
font-family: Helvetica;
line-height: 1.2;
}
@media (min-width: 640px) {
.footer-text .newsroom-description{
display: block;
}
}
.footer-text .copyright-text{
font-size: 12px;
margin: 25px 0 0 4px;
font-weight: normal;
}
@media (min-width: 960px) {
#footer-text .copyright-text{
margin: 21px 0px 0px 4px;
}
.link-line-upper .sub-link-line:first-child{
padding-right: 10px;
}
.footer-text .link-line a{
line-height: 20px;
}
.footer-text .link-line-upper .social-link-line a {
margin: 0;
}
}
.footer-block > a{
margin: 0 auto;
width: 122px;
display: none;
}
@media (min-width: 960px) {
.footer-block > a{
margin: 33px 0 0 0;
float: right;
display: block;
}
}
.footer-text .link-line a.facebook-icon-6,
.footer-text .link-line a.fb-icon{
color: #04448e;
}
.footer-text .link-line a.instagram-icon-6,
.footer-text .link-line a.ig-icon{
color: var(--black-800);
}
.footer-text .link-line a.twitter-icon-6,
.footer-text .link-line a.tw-icon{
color: #00aae6;
}
.footer-text .link-line a.youtube-icon-6,
.footer-text .link-line a.yt-icon{
color: #ff0000;
}
.footer-text .link-line a.rss-icon-6,
.footer-text .link-line a.rss-icon{
color: var(--black-800);
}
.footer-text .link-line .social-link-line a:hover{
text-decoration: none;
}
/*SIDEBAR*/
.lil-link{
color: #221E1F !important;
font-family: OpenSans;
text-transform: uppercase;
font-size: 10px;
font-weight: lighter;
float: right;
margin-top: 7px;
}
/*END SIDEBAR*/
.error-page {
margin: 26px auto 0;
width: 812px;
}
.error-page h1 {
font-size: 36px;
margin-top: 0;
padding-bottom: 26px;
width: 100%;
font-family: 'Ensign:Sans';
font-weight: 700;
line-height: 1.5;
}
.error-page p {
font-family: 'Ensign:Sans';
font-weight: 200;
font-size: 18px;
color: var(--black-900);
}
.has-vid-thumb,
.top-vid-thumbnail{
position: relative;
float: left;
text-decoration: none;
}
.has-vid-thumb a,
.top-vid-thumbnail a{
text-decoration: none;
}
.news-releases-thumbnail{
float: right;
}
.thumbnail-for-video{
position: relative;
}
.thumbnail-for-video .thumbnail-marker,
.has-vid-thumb > .vid-overlay,
.has-vid-thumb .hero-img > .vid-overlay,
.top-vid-thumbnail > .vid-overlay{
position: absolute;
bottom: 12px;
left: 10px;
width: 18px;
height: 16px;
color: #fff;
font-size: 8px;
line-height: 10px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGBAMAAAD51Ul4AAAAElBMVEUAAAD////69/D///v/+vH68uuY9tRpAAAAAXRSTlMAQObYZgAAABtJREFUCNdjEGBgYBA0AGLBACBWYAAiBgcGBgAQpAF3B3sUPAAAAABJRU5ErkJggg==') no-repeat center center transparent;
text-align: center;
border: 1px solid #fff;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
text-indent: -9999px;
font-family: arial;
}
@media (max-width: 425px) {
.thumbnail-for-video .thumbnail-marker,
.has-vid-thumb > .vid-overlay,
.has-vid-thumb .hero-img > .vid-overlay,
.top-vid-thumbnail > .vid-overlay{
bottom: 10px;
left: 10px;
right: auto;
}
#content {
float: none;
}
}
figure.video-frame{
width: 100%;
position: relative;
padding-bottom: 56.25%;
/*padding-top: 20px;*/
margin: 0 0 20px 0;
height: 0;
}
.video-frame iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
blockquote{
line-height: 25.6px;
/*margin: 0 0 10px 40px;*/
margin: 22px 0px 32px 32px;
color: var(--black-900);
font-size: 16px;
font-family: 'Ensign:Sans';
font-weight: 200;
}
sub {
font-size: xx-small;
line-height: 12px;
vertical-align: bottom;
}
sup {
font-size: xx-small;
line-height: 12px;
vertical-align: top;
}
.top-story ol li{
list-style: decimal outside none;
line-height: 20px;
margin: 0 0 10px 40px;
font-size: 14px;
}
.top-story ul li{
list-style: disc outside none;
line-height: 20px;
margin: 0 0 10px 40px;
font-size: 14px;
}
.red-text{
color: #A50101;
float: left;
font-size: 10px;
font-weight: normal;
line-height: 12px;
text-align: left;
text-transform: uppercase;
}
.red-text em{
text-transform: none;
}
.align-left{
float: left;
margin: 15px 5px 15px 10px;
}
.image-placement img[src*="/285x"] + figcaption {
width: 285px;
}
.align-right{
float: right;
margin: 15px 12% 16px 26px;
}
#ftb-img {
position: absolute;
right: 4px;
top: -32px;
}
.two-thirds {
/*border-right: 1px solid #DDDDDD;*/
float: left;
margin-top: 17px;
padding-right: 0;
width: 100%;
}
@media (min-width: 960px) {
.two-thirds {
padding-right: 12px;
width: 66%;
}
}
.two-thirds h1 {
border-bottom: 1px solid #DDDDDD;
font-size: 28px;
font-weight: normal;
margin-bottom: 10px;
padding: 0 16px 10px;
width: 100%;
font-family: 'Ensign:Sans';
font-weight: 700;
}
@media (min-width: 960px) {
.two-thirds h1 {
font-size: 36px;
padding: 0 0 10px;
}
}
.one-third {
/*border-left: 1px solid #DDDDDD;*/
float: left;
/*margin-left: -1px;*/
margin-top: 15px;
padding: 0 16px;
width: 100%;
}
@media (min-width: 960px) {
.one-third {
padding: 0 0 0 15px;
}
}
.one-third > div{
width: 100%;
position: relative;
float: left;
}
@media (min-width: 768px) {
.one-third > div{
width: 50%;
padding-right: 30px;
float: left;
}
.one-third > div:nth-child(3n){
padding-right: 0;
}
}
@media (min-width: 960px) {
.one-third > div{
width: 100%;
}
}
.section-heading,
.one-third h2 {
float: left;
font-size: 32px;
font-family: 'Ensign:Sans';
font-weight: 200;
font-weight: normal;
color: var(--black-900);
width: 100%;
}
.one-third h2 a{
color: var(--red-700);
}
.one-third .learn-more {
float: left;
font-size: 10px;
margin-top: 7px;
}
.article-title h1 {
float: left;
font-size: 28px;
font-weight: normal;
line-height: 1.2;
width: 100%;
padding: 3px 0 0;
/*font-family: 'Ensign:Sans';*/
font-weight: 700;
margin-bottom: 10px;
}
@media (min-width: 960px) {
.article-title h1 {
font-size: 42px;
padding: 3px 0 12px 0;
margin: 0;
}
}
.full-fill{
padding-top: 15px;
float: left;
height: 20px;
text-align: center;
width: 100%;
font: normal normal normal 16px/16px georgia;
margin: 15px 0px 30px;
}
.full{
width: 100%;
float: left;
}
.center-marg{
text-align: center;
margin: 40px 0;
}
.load-more,
#load-more {
cursor: pointer;
overflow-wrap: break-word;
text-align: left;
text-decoration: none;
text-transform: uppercase;
word-wrap: break-word;
font-size: 14px;
text-decoration: none;
width: 100%;
float: left;
}
.one-third > .tablet-hold{
width: 100%;
float: left;
padding-top: 48px;
}
.one-third > .tablet-hold + .tablet-hold{
padding-top: 0;
}
@media (min-width: 540px) {
.one-third > .tablet-hold{
width: 50%;
float: left;
padding: 0 24px 0 0;
}
.one-third > .tablet-hold + .tablet-hold{
padding-top: 0;
}
}
@media (min-width: 960px) {
.one-third > .tablet-hold{
width: 100%;
float: left;
padding: 0;
}
}
#from-the-blog-widget{
width: 100%;
float: left;
position: relative;
padding: 0 12px 0;
/*display: none;*/
}
/*.mobile-blog-block{
display: block;
}*/
/*.mobile-blog-block .topics-text > a:after{
content: "»";
display: inline-block;
margin-left: 2px;
}
.one-third .mobile-blog-block h3 a{
font-size: 14px;
}*/
/* @media (min-width: 540px) {
#from-the-blog-widget{
display: block;
padding: 0 0 0;
}
.mobile-blog-block{
display: none;
}
}*/
#from-the-blog-widget .topics-text{
width: calc(100% - 91px);
}
.modal-holder{
width: 100%;
text-align: center;
position: fixed;
top: 100px;
left: 0;
z-index: 11001;
display: none;
}
.modal{
margin: 0 auto;
z-index: 11002;
width: 100%;
text-align: left;
background: #e6e6e7;
border: 1px solid #000;
padding: 30px;
box-shadow: 0px 0 6px rgba(0,0,0,0.6);
}
@media (min-width: 768px) {
.modal{
width: 640px;
}
}
.modal p{
font-size: 12px;
margin-bottom: 10px;
line-height: 1.2;
}
.modal .modal-headline{
color: #ee1c38;
font-size: 16px;
}
.modal-buttons{
width: 100%;
display: inline-block;
}
.modal-buttons a{
width: 100%;
padding: 17px;
color: #fff;
background: #807f83;
font-size: 13px;
text-transform: uppercase;
text-align: center;
float: left;
text-decoration: none;
margin-bottom: 10px;
}
@media (min-width: 480px) {
.modal-buttons a{
width: calc((100% / 2) - 14px);
margin-bottom: 0;
}
}
.modal-cancel{
margin-right: 28px;
}
.modal-buttons .modal-confirm{
background: #f11a38;
}
.ie7-update{
color: #31313f;
background: #fff;
text-align: left;
font-family: arial;
position: fixed;
top: 10px;
right: 0;
padding: 10px 20px;
border: 1px solid #ebebeb;
width: 360px;
line-height: 18px;
}
.ie7-update img{
float: left;
margin-right: 15px;
}
.search-wrapper{
background: var(--black-200);
width: 100%;
display: inline-block;
padding: 16px 0;
}
.search-holder{
width: 100%;
max-width: 1024px;
margin: 0 auto;
}
.search-surround{
background: #fff;
padding: 4px;
width: 100%;
display: flex;
border: 1px solid #a9adad;
border-radius: 2px;
font-size: 14px;
justify-content: space-between;
}
.search-text{
border: none;
flex-basis: calc(100% - 140px);
font-size: 14px;
padding-left: 8px;
}
.search-submit{
height: 32px;
background: var(--red-700);
color: #fff;
padding: 0 16px 4px 12px;
border: none;
border-radius: 2px;
font-size: 14px;
line-height: 1;
font-weight: lighter;
cursor: pointer;
}
.search-submit .gideon{
font-size: 18px;
float: left;
}
.search-submit .gideon + span{
float: left;
padding: 3px 0 0 6px;
}
.no-results{
font-family: 'Ensign:Sans';
font-weight: 200;
font-size: 18px;
}
/*** NEWSROOM NOTIFICATIONS EMAIL SIGN UP ***/
.nrn-container {
flex-grow: 1;
white-space: nowrap;
width: 100%;
max-width: 416px;
}
.nrn-wrapper h6 {
padding-bottom: 6px;
}
.nrn-form-wrapper form {
display: flex ;
flex-wrap: nowrap;
}
.notify-thanks-box{
display: none;
text-transform: uppercase;
text-align: center;
line-height: 24px;
}
.nrn-form-input-field {
flex-grow: 1;
height: 33px;
border: 1px solid var(--black-800);
margin-right: 6px;
padding-left: 15px;
font-size: 13px;
}
.nrn-submit-button {
background-color: transparent;
padding: 8px 15px;
border: 1px solid var(--black-800);
border-radius: 2px;
font-family: 'Ensign:Sans';
font-weight: lighter;
font-size: 14px;
text-decoration: none;
color: var(--black-800);
}
.notify-thanks-box{
white-space: normal;
}
/*** SEND FEEDBACK ***/
.su-send-feedback-container {
color: #ffffff;
margin-bottom: 1px;
}
.feedback-submit {
width: 100%;
background-color: #808080;
display: flex;
justify-content: center;
align-items: center;
}
.feedback-submit-button {
padding: 12px 30px;
padding-right: 55px;
font-size: 15px;
text-transform: uppercase;
font-family: 'OpenSans';
font-weight: lighter;
color: #ffffff;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACWBAMAAABeENdbAAAABGdBTUEAALGPC/xhBQAAABhQTFRF3YqB6LOuzl1U9uDd/vv7+/DvAAAA////l64+wwAAAAd0Uk5Tbps7y+jcAASN0PsAAABXSURBVEjHY0jDAhhGBUcFRwVHBUcFRwVHBUcFRwUHv2CICwS4IguGl0NA6VAUNDY2di8vDzY2RvO7ebmjGnqAJLkXq2GEUmIpG2bQqQhhCU+l0bREDUEA49Srg38Z6yIAAAAASUVORK5CYII=) no-repeat 84% 96% #808080;
}
.su-send-feedback-wrapper h6 {
padding-bottom: 5px;
}
/*** MEDIA QUERIES ***/
@media (max-width: 960px) {
#social-unification-wrapper {
}
}
@media (max-width: 870px) {
#social-unification-wrapper {
/*flex-direction: column;*/
flex-wrap: wrap;
padding-left: 64px;
padding-right: 64px;
}
#social-unification-wrapper {
padding-top: 8px;
padding-bottom: 8px;
}
#social-unification-wrapper > div {
margin: 8px 0px;
}
.nrn-container {
width: 100%;
order: 1;
max-width: 870px;
}
}
@media (max-width: 600px) {
#social-unification-wrapper {
flex-direction: column;
flex-wrap: nowrap;
padding-left: 15px;
padding-right: 15px;
}
#social-unification-wrapper > div {
width: 100%;
}
.susmi {
margin-right: 14px;
}
.nrn-container {
order: 0;
}
}
@media (max-width: 540px) {
#social-unification-wrapper {
padding-left: 16px;
padding-right: 16px;
}
}
/****************** SOCIAL UNIFICATION FOOTER END ******************/
body{
position: relative;
}
img[src*="/285x"] {
padding-right: 20px;
}
.overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
background-color: rgba(0,0,0,0.8); /*dim the background*/
display: none;
}
.article-title {
float: left;
padding: 0;
position: relative;
width: 84%;
margin: 0 8%;
margin-bottom: 10px;
}
.article-title .article-location {
margin-bottom: 15px;
/*font-size: 10px;*/
}
#content{
padding: 0;
}
#content .billboard{
position: relative;
min-height: 45px;
}
#content .billboard > div{
/*width: 100%;*/
max-width: 1024px;
max-height: 900px;
margin: 0 auto;
position: relative;
}
#content .billboard .yt-billboard,
#content .billboard .brightcove-video{
width: 100% !important;
height: 0 !important;
padding-bottom: 56.25%;
position: relative;
}
#content .billboard .yt-billboard iframe{
width: 100% !important;
height: 100% !important;
position: absolute;
}
#content .billboard div img{
min-width: 100%;
margin-top: 34px;
}
#content .billboard #article-title{
/*color: white;*/
font-family: 'Ensign:Sans';
font-weight: 700;
font-size: 40px;
width: 812px;
margin: 20px auto;
font-weight: normal;
display: none !important;
/*text-shadow: 0px 0px 30px black;*/
}
.image-placement figcaption {
display: block;
margin: 0 auto;
margin-bottom: 40px;
background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
position: absolute;
line-height: 16px;
padding-left: 10px;
padding-top: 20px;
bottom: 0;
width: 100%;
}
.image-placement figcaption .image-title{
font-size: 12px;
color: #fff;
line-height: 12px;
font-weight: normal;
display: none;
}
.image-placement figcaption .image-caption{
display: inline;
margin: 0;
color: white;
font-size: 14px;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 2.2em;
width: 100%;
}
.image-placement figcaption .image-copyright{
display: inline;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
color: #d4d2d2;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 3.2em;
width: 100%;
}
#content #article-body .image-placement .dl-image:before{
font-family: Gideon;
content: "\ea1c";
color: var(--nurple);
font-size: 14px;
cursor: pointer;
padding-right: 5px;
}
#content #article-body .image-placement .dl-image-empty:before{
content:"";
}
#content #article-body .image-placement .dl-image,
#content #article-body .image-placement .dl-image-empty{
cursor: pointer;
color: var(--nurple);
font-size: 16px;
font-family: 'Ensign:Sans';
display: block;
text-align: center;
margin-top: 10px;
min-height: 30px;
}
.dead-links .share-square a:hover,
.dead-links #content #article-body .image-placement .dl-image,
.dead-links #content #article-body .image-placement .download-photo{
cursor: default !important;
text-decoration: none;
}
#article-body .align-left{
margin: 15px 30px 0px 0px;
}
.corus-count{
display: none;
}
.article-type{
/*background: #801315;*/
/*padding: 8px 16px;*/
/*color: #fff;*/
/*float: left;*/
/*margin-right: 15px;*/
}
.article-dateline:after{
content: " | ";
}
.article-dateline{
display: inline;
text-transform: capitalize;
}
/*.article-dateline span:first-child{
color: #666;
}
.article-dateline span:last-child{
color: #a9a9a9;
}*/
.article-location {
/*color: #666666;*/
color: var(--nurple);
float: left;
font-size: 14px;
margin: 5px 3px 0 0;
/*text-transform: uppercase;*/
width: auto;
/*padding: 0 16px;*/
}
@media (min-width: 960px) {
.article-location {
padding: 0;
}
}
.article-title .title-container{
/*border-bottom: 2px solid #DDDDDD;*/
width: 100%;
display: inline-block;
}
.article-title h4 {
font-size: 18px;
font-style: normal;
color: #797979;
font-size: 20px;
color: var(--black-900);
padding: 0 0 10px;
margin: 0;
/*font-family: 'Ensign:Sans';*/
font-weight: 700;
}
.article-title .after-loaded {
max-width: 100%;
margin-top: 10px;
}
@media (min-width: 960px) {
.article-title .after-loaded {
height: 350px;
margin-top: 10px;
width: 960px;
}
}
.caption-copyright {
color: #9E9E9E;
float: none;
line-height: 1em;
}
.two-thirds ol li,
#article-body ol li,
.two-thirds ul li,
#article-body ul li{
list-style: disc outside none;
margin: 0 0 10px 40px;
font-size: 18px;
line-height: 30px;
width: 80%;
/*color: #6b6b6b;*/
}
.two-thirds ol li,
#article-body ol li{
list-style: decimal outside none;
}
#lightSlider li {
list-style: none !important;
margin: 0 auto !important;
text-align: center;
width: 957px !important;
}
.lSPager li{
margin-left: 0 !important;
max-height: 90px;
}
#article-body > table{
width: 640px;
}
.two-thirds table img{
max-width: 192px;
}
.two-thirds {
float: left;
margin-top: 17px;
margin-top: -10px;
width: 100%;
}
@media (min-width: 960px) {
.two-thirds {
padding-right: 0px;
}
}
.two-thirds img{
max-width: 100%;
}
.two-thirds h3 {
font-size: 21px;
font-weight: normal;
line-height: 25px;
}
.two-thirds img[style="float:left;"] {
margin: 5px 15px 5px 0;
}
.two-thirds img[style="float:right;"] {
margin: 5px 0 5px 15px;
}
.two-thirds a {
color: var(--nurple);
color: var(--nurple);
text-decoration: none;
}
.two-thirds.article-version a:hover {
text-decoration: underline;
}
/*#article-body article a{
border-bottom: 1px solid #d1d1d3;
}*/
#article-body{
margin: 0 auto;
width: 84%;
color: var(--black-900);
font-size: 18px;
line-height: 30px;
font-family: mckay,'Ensign:Serif';
}
article-body > p[style="margin-left: 40px;"]{
width: calc(100% - 40px);
}
.two-thirds p {
/*color: #6b6b6b;*/
float: none;
font-size: 18px;
line-height: 30px;
margin: 0 0 12px 0;
width: 100%;
padding: 0;
word-wrap: break-word;
}
.two-thirds blockquote p {
/*color: #6b6b6b;*/
float: none;
font-size: 16px;
line-height: 25.6px;
margin: 0 0 12px 0;
width: 100%;
padding: 0;
word-wrap: break-word;
}
@media (min-width: 960px) {
.two-thirds p {
margin: 0 auto;
width: 100%;
padding-bottom: 15px;
}
}
.two-thirds #additional-resources{
width: 100%;
float: left;
/*border-top: 1px solid #9c9c9e;*/
padding: 30px 16px 0;
width: 80%;
margin: 0 7%;
}
@media (min-width: 960px) {
.two-thirds #additional-resources{
padding: 30px 0 0;
width: 83%;
margin: 0px 8% 20px;
}
}
#related-topics h2,
#additional-resources h2{
float: left;
font-size: 16px;
font-weight: normal;
/*text-transform: uppercase;*/
width: 100%;
margin-bottom: 20px;
font-family: 'Ensign:Sans';
color: var(--nurple);
}
#article-body #additional-resources ul li{
margin: 0 0 20px 0;
list-style: none;
}
.two-thirds .topic a,
#additional-resources a{
color: var(--black-900);
font-size: 16px;
padding: 0;
font-family: 'Ensign:Sans';
font-weight: 200;
/*font-weight: normal;*/
margin-bottom: 10px;
line-height: 25px;
}
#additional-resources a:hover span:last-child{
text-decoration: underline;
}
#related-topics{
width: 80%;
margin: 0 8%;
}
p.style_guide {
clear: both;
color: #444444;
float: left;
font-size: 12px;
line-height: 16px;
padding-top: 10px;
width: 100%;
/*margin: 0 8%;*/
}
@media(max-width: 960px){
p.style_guide{
padding: 10px 20px 0;
}
}
.style_guide strong {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
margin-right: 3px;
}
.one-third.article-version{
border: none;
}
.one-third label {
color: var(--nurple);
float: left;
font-size: 10px;
font-weight: normal;
line-height: 12px;
margin-top: 11px;
text-align: left;
text-transform: uppercase;
width: 100%;
}
.one-third label em {
text-transform: none;
}
.article-version .social-links {
min-height: 70px;
float: left;
margin: 15px 0;
padding: 0;
color: var(--nurple);
font-size: 10px;
text-transform: uppercase;
width: 100%;
}
#close {
color: white;
font-size: 16px;
height: 25px;
padding: 1px 0 0 0;
text-align: center;
top: -20px;
z-index: 1002;
cursor: pointer;
float: right;
margin-right: 10px;
}
#modal-info #close:after{
content: '\ea02';
font-family: Gideon;
position: absolute;
right: -15px;
}
.one-third .social-links ul {
width: 100%;
min-width: 100%;
}
.social-links li {
float: left;
height: 72px;
margin-right: 10px;
}
.social-links li > span{
width: 90px;
float: left;
}
.social-links .twitter {
background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAQABADAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABgcICf/EAB8QAAIDAQEAAwEBAAAAAAAAAAQFAgMGBwEIERUTFP/EABcBAAMBAAAAAAAAAAAAAAAAAAUHCAT/xAAiEQACAwACAgMAAwAAAAAAAAACAwEEBQYTERIAFCEVFiP/2gAMAwEAAhEDEQA/AN8vk98xNNwbRfHqfiXIt8l0l8yn1LSP86W/eJsyttyEGrdNFZUQxLb+U6Y5tL+wb20r8uCkNX7afC8OkONcG/sFfkUoO0t+Qkf4+ophCDnsm2QIL/SAUJfV6BiPWIYYmZeAKCgG1zJq/pssjSey95Ntm1Sz3vMiFRse+xZrPewpJosYTG+JjzA+seIh4cy+UvLuyrdO15Nowm9uPgNYzthiW2MZqCSxzSFBVUX+azjT6t9XFyGNC8tH9sCIplb7Kq2mQPR4pqZD61bYpWq33PHoDX9o2ABgC0fAOaovElEEuf0IYJzEQQz80BysoWyzUZnixESa30qWeiypoATFmuxWrqsJIC8EEiQzMxP4YCQ/JD7fk4dDH5nOB+MH2PKjCqTsb0S9EBV+lH8L/cA9T6gxaBeGObnIDMlDK2ilkFfcNKyX37TJt8Lu1MtnIkXR01Z3IERNLcx69y50hI3el6GZqHWIaS73bWsIWzpaiJL0/C+JbQsuL6KobQTqYtgUXsbct081kWE9cWK1peqdeuBKbW6nVrXpLRaUeD9TEjPmzh2rR6fPtEPEUbvQ+UAZbOcJWZ0G/QM2I5YMajUmQf6MY0+ZEwqASPCvDpVe31ECVj0i2khuRZtGL2fao7PI9qnWiXaN3kqtNK88EvBkyFjZRVPr9ewzEFCIz6H2SRSCyK9u5bSVIq+MGjcIqmbm8ctZF9119iBQmPr4PaJOY6UrXEwdiYiIgYGIkv/Z) no-repeat scroll 0 0 transparent;
margin-top: 2px;
}
.social-links .addthis {
background: url(data:image/gif;base64,R0lGODlhGQAQAHMAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICgAAACwAAAAAGQAQAIMAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICPj4+rq6vExMTl5eXk5OT09PT7+/sEXPC1Sau9U7rHu/+gMzlkaZ4o2Sxg63LLgiZJascobufyqZu0oOkXjAlVsUVj2HMkn03njxRjWK/Vq3ahtWa33K4YqxB/x12FAsNmq5Xt+EqxoMvZdZZ6z+/79w8RADs=) no-repeat scroll 0 0 transparent;
margin-top: 2px;
width: 25px;
}
.social-links .email {
background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAQABADAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAQIHCv/EAB0QAAMBAQEAAwEAAAAAAAAAAAMEBQYCAQcSExX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A2hfHQsRXzua52GNyNTV1c1KvGtVs7IpPafx5BNtyqd55Ehz0RtN+jphIcnY+ugn4+izARiA/IgcPJzul5x+OyEvVyczWvBsys7JmvZnxFBttKoB9FERwUSNKeDmiGwPsnvhz9/dZcwyhG4OyzreXz0LR2kMq7kEpMj1epUViatLRwU10XWQgbaESeksQLCPfDyx/LojtjKtxL49/qg1/ZZtTLaGBnrU/UubFKtK8FMqq2tQ5pLqR0Eu2lVWSHeUaMVdEPSC3HEMY1VeUvJnn6zw//9k=) no-repeat scroll 0 0 transparent;
margin-top: 2px;
margin-right: 12px;
}
.facebook_like_button {
border: medium none;
float: right;
height: 21px;
margin-right: -11px;
overflow: hidden;
width: 90px;
}
.social-links ul li > a {
border-bottom: medium none !important;
display: block;
height: 16px;
margin: 0 3px;
text-indent: -9999px;
width: 16px;
}
#article-google{
width: 81px;
}
.article-version #article-google{
width: auto;
margin-top: 2px;
padding-left: 10px !important;
}
.article-version #article-facebook{
min-width: 72px;
}
#article-facebook iframe{
max-width: none;
}
.article-version #article-tweet{
z-index: 10;
*width: 94px;
width: auto;
}
#article-tweet{
z-index: 10;
width: 94px;
}
#article-pinterest {
position: relative;
margin-top: 42px;
}
a span.PIN_1408978052134_pin_it_button_count{
background-position: 40px 19px;
}
.pin-it-button-count{background: transparent url(http://passets.pinterest.com/images/pidgets/count_north_white_rect_28_1.png) 0 0 no-repeat!important; background-size: 40px 37px!important; position:absolute!important; bottom: 26px!important; left: 0px!important; height: 37px!important; width: 40px!important; font: 15px Arial, Helvetica, sans-serif!important; line-height: 28px!important; text-indent: 0!important; color: #777 !important; text-align: center !important;}
/*.related_additional img,*/
.related_additional {
float: left;
width: 100%;
}
.related_additional ul {
padding-top: 5px;
}
.related_additional li {
float: left;
width: 100%;
list-style: none !important;
margin: 5px 0 !important;
}
.related_additional li a {
color: #1a1a1a;
font-size: 13px;
line-height: 20px;
padding-bottom: 15px;
text-decoration: none;
float: left;
}
.related_additional li a .resource-type{
font-size: 11px;
text-transform: uppercase;
font-family: 'Ensign:Sans';
width: 100%;
float: left;
}
/*.related_additional li a span:last-child{
width: 100%;
float: left;
font-size: 22px;
}*/
#related-topics .topics-text:hover{
text-decoration: underline;
}
.two-thirds embed,
.two-thirds object,
.two-thirds figure{
max-width: 100%;
}
.two-thirds figure{
position: relative;
}
figure.video-frame{
width: 100%;
position: relative;
padding-bottom: 56.25%;
margin: 0 0 20px 0;
}
.slick-slider figure.video-frame {
padding-bottom: 56.25%;
margin: 0;
}
.two-thirds figure .BrightcoveExperience{
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.video-placement{
width: 100% !important;
}
.video-placement > .brightcove-video{
width: 100% !important;
height: 0;
padding-bottom: 56.25%
}
.two-thirds .ATTACHpara{
width: calc (100% - .25in);
}
@media (max-width: 768px) {
#lightSlider li {
width: 775px !important;
}
#modal-info, #modal-body {
width: 740px !important;
}
.thumb-back{
left: 0px !important;
background: white;
}
.thumb-forward{
right: 0px !important;
background: white;
}
.lSSlideOuter {
max-width: 750px !important;
}
}
@media(max-width: 667px){
#content-holder .social{
width: 100% !important;
}
#article-body + .social{
width: 87% !important;
}
.two-thirds p {
padding-left: 15px;
}
}
@media print {
/* Print CSS rules go here */
/* Note: You need a separate @media screen group for other rules */
#article-title{
display: none;
}
}
@media (max-width: 425px) {
.lSSlideOuter {
max-width: 400px;
margin: 0 auto;
}
#lightSlider .lslide{
background: white !important;
}
#lightSlider li {
width: 410px !important;
}
#content object, #content iframe, #content img {
max-width: 100%;
}
#lightSlider .lslide .caption{
position: relative !important;
color: black !important;
left: 0 !important;
}
#modal-body img {
max-width: 80px !important;
}
#modal-info, #modal-body {
width: 400px !important;
}
.modal-photo div, .modal-video div {
width: 100% !important;
}
.lSSlideWrapper{
max-height: 250px !important;
}
.image-placement figcaption {
display: block !important;
margin: 0 auto;
margin-bottom: 20px;
background-image: none;
position: relative;
line-height: 15px;
padding: 5px 10px 0 10px;
}
.image-placement figcaption .image-caption{
display: inline;
margin: 0;
color: #6b6b6b;
font-size: 14px;
line-height: 18px;
padding: 0;
}
.image-placement figcaption .image-copyright{
font-size: 10px;
text-transform: uppercase;
color: #b3b3b3;
}
.image-placement figcaption .image-caption,
.image-placement figcaption .image-copyright{
max-width: 425px;
}
.article-title .social {
width: 100% !important;
}
#article-body + .social {
margin-top: 80px;
width: 80%;
border-top: 1px solid #9f9f9f;
padding-top: 10px;
margin: 0 8%;
float: none;
}
#content .billboard div #article-title{
display: none;
}
#content .billboard div img{
min-width: 0;
margin: 0;
margin-top: 44px;
max-width: 425px;
}
}
@media (max-width: 375px) {
#lightSlider li {
width: 360px !important;
}
#content object, #content iframe, #content img {
max-width: 100%;
}
#lightSlider .lslide .caption{
position: relative !important;
color: black !important;
left: 0 !important;
}
.lSSlideOuter {
max-width: 350px;
margin: 0 auto;
}
#modal-body img {
max-width: 70px !important;
}
#modal-info, #modal-body {
width: 350px !important;
}
.image-placement figcaption .image-caption,
.image-placement figcaption .image-copyright{
max-width: 375px;
}
#content .billboard div img{
margin-top: 44px;
max-width: 375px;
}
}
@media (max-width: 325px) {
#lightSlider li {
width: 310px !important;
}
#content object, #content iframe, #content img {
max-width: 100%;
}
#lightSlider .lslide .caption{
position: relative;
color: black;
}
.lSSlideOuter {
max-width: 300px;
margin: 0 auto;
}
#modal-body img {
max-width: 60px !important;
}
#modal-info, #modal-body {
width: 300px !important;
}
.lSSlideWrapper{
max-height: 200px !important;
}
.image-placement figcaption .image-caption,
.image-placement figcaption .image-copyright{
max-width: 325px;
}
#content .billboard div img{
margin-top: 44px;
max-width: 325px;
}
}.carousel-contain{
float: left;
width: 100%;
position: relative;
margin: 10px 0% 25px 0%;
width: 100%;
}
.slider-for .slick-list{
height: 0 !important;
padding-bottom: 56.25% !important;
}
.slick-initialized .slick-slide,
.slick-slider{
max-height: none !important;
}
.carousel-mm{
margin: 0 auto 15px;
max-width: 960px;
width: 100%;
position: relative;
}
#modal .carousel-mm{
margin: 0 auto 15px;
max-width: 960px;
width: 100%;
}
.hidden {
display: none !important;
}
.carousel-window{
min-height: 169px;
width: 100%;
height: 0;
/*padding-bottom: calc( (3 / 4) * 100%);*/
padding-bottom: 56.25%;
/*position: relative;
overflow: hidden;*/
background: #000;
}
.carousel-window ul{
/*position: absolute;*/
top: 0;
left: 0;
height: 100%;
margin: 0;
}
.carousel-window li{
width: 640px;
text-align: center;
height: 100%;
float: left;
position: relative;
margin: 0 !important;
list-style: none !important;
}
.carousel-window li a{
width: 100%;
display: block;
text-indent: -9999px;
height: 0;
overflow: hidden;
}
.carousel-window li img{
max-width: 100%;
margin: 0 auto;
max-height: 100%;
}
.carousel-window span{
width: 60px;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 1;
display: block;
}
.video-showing .carousel-window span{
width: 60px;
height: 40px;
position: absolute;
cursor: pointer;
z-index: 20;
top: calc(50% - 20px) !important;
}
@media(min-width: 960px){
.video-showing .carousel-window span{
width: 60px;
height: 270px;
position: absolute;
cursor: pointer;
z-index: 20;
top: calc(50% - 135px) !important;
}
}
.carousel-window span:after{
position: absolute;
top: calc(50% - 25px);
color: #fff;
text-shadow: 0 0 1px #000;
font-size: 50px;
}
.see-left,
.carousel-window span.mm-left{
left: 0;
top: 0;
z-index: 20;
}
.see-left:after,
.carousel-window span.mm-left:after{
content: '\ea16';
font-family: Gideon;
}
.see-right,
.carousel-window span.mm-right{
right: 0;
top: 0;
}
.see-right:after,
.carousel-window span.mm-right:after{
content: '\ea18';
font-family: Gideon;
}
.carousel-caption{
min-height: 40px;
width: 100%;
font-size: 14px;
background: #efefef;
border-bottom: 1px solid #ccc;
position: relative;
}
.video-showing .carousel-caption{
display: none;
}
.carousel-caption td{
padding: 12px 8px;
line-height: 16px;
min-width: 44px;
border-right: 1px solid #ccc;
box-shadow: inset 1px -1px 0px #fff;
vertical-align: middle;
color: #666
}
.carousel-caption td:first-child{
border-left: 1px solid #ccc;
}
.carousel-caption td:last-child{
box-shadow: inset 0px -1px 0px #fff;
text-align: center;
width: 76px;
}
.car-curr-num {
margin-right: 4px;
}
.car-total {
margin-left: 4px;
}
@media(min-width: 960px){
.carousel-caption{
position: absolute;
bottom: 0;
background: transparent;
color: #fff;
background-image: linear-gradient( to top, rgba(0,0,0,1), rgba(0,0,0,0) );
}
.carousel-caption td{
border-left: none;
border-right: none;
box-shadow: none;
color: #fff;
}
.carousel-caption td:first-child{
border-left: none;
border-right: none;
box-shadow: none;
}
.carousel-caption td:last-child{
border-left: none;
border-right: none;
box-shadow: none;
}
.carousel-caption td .caption-copyright{
padding-left: 4px;
color: #fefefe;
}
}
.all-seen{
position: relative;
}
.all-seen > span{
position: absolute;
top: calc(50% - 21px);
background: #fff;
padding: 0 4px 0 0;
color: var(--nurple);
font-family: Gideon;
font-size: 26px;
cursor: pointer;
text-align: center;
width: 30px;
height: 34px;
}
.all-seen .slide-left{
left: 0;
}
.all-seen .slide-left:after{
content: '\ea16';
position: relative;
right: 6px;
}
.all-seen .slide-right{
right: 0;
}
.all-seen .slide-right:after{
content: '\ea18';
position: relative;
right: 6px;
}
.see-all-window li{
border: 2px solid transparent;
padding: 2px;
}
.see-all-window .current-thumb{
border: 2px solid #1DA1F2;
padding: 2px;
}
.see-all-window{
position: relative;
width: 100%;
height: 108px;
overflow: hidden;
margin: 0 auto;
}
.see-all-window ul{
position: absolute;
top: 0;
left: 0;
}
.see-all-window ul div{
width: 100%;
height: 100%;
float: left;
/*display: flex;*/
/*justify-content: space-between;*/
}
#multimedia-wrapper .see-all-window ul div li,
#article-body .see-all-window ul div li{
list-style: none;
margin: 0 2px;
width: 102px;
/*height: 102px;*/
float: left;
text-align: center;
cursor: pointer;
}
@media(min-width: 960px){
#multimedia-wrapper .see-all-window ul div li,
#article-body .see-all-window ul div li{
margin: 0 5px;
width: calc( (100%/8) - ( 70px / 8 ) );
}
}
.see-all-window ul div li img{
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
#article-body .see-all-window ul div li:first-child{
margin-left: 0;
}
#article-body .see-all-window ul div li:last-child{
margin-right: 0;
}
.see-left,
.see-right{
position: absolute;
height: 360px;
width: 60px;
z-index: 50;
display: none;
cursor: pointer;
text-indent: -9999px;
}
.see-page{
font-size: 42px;
display: none;
width: 100%;
text-align: center;
}
.see-curr-page{
color: #ccc;
}
.bar-link {
background: #bbbac0;
border-top: 1px solid #cbcacf;
border-bottom: 1px solid #dcdcde;
color: #fff;
float: left;
font-size: 12px;
padding: 12px 0;
text-align: center;
text-decoration: none;
width: 100%;
text-transform: uppercase;
}
.one-third .bar-link{
margin-bottom: 30px;
}
.popular-photos li,
#mm-carousel-side li{
margin: 5px;
width: 80px;
height: 80px;
float: left;
text-align: center;
}
.popular-photos img,
#mm-carousel-side img{
width: 80px;
height: 80px;
cursor: pointer;
}
#article-body .download-block a,
#article-body .dl-block a,
#article-body .dl-package a,
.download-block a,
.dl-block a{
color: #666;
cursor: default;
border-bottom: none;
}
#article-body .download-block a.agree,
#article-body .download-block a.agreed,
#article-body .dl-block a.agreed,
#article-body .dl-block a.agree,
#article-body .dl-package a.agreed,
.download-block a.agree,
.download-block a.agreed,
.dl-block a.agree{
color: #fff;
cursor: pointer;
}
.dl-block {
display: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
background-color: #434343;
border: 2px solid #727478;
bottom: 54px;
font-family: arial;
padding: 10px;
position: absolute;
right: 16px;
width: 326px;
z-index: 50;
line-height: 13px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
text-align: left;
}
.dl-title{
color: #FFFFFF;
float: left;
font-weight: normal;
width: 100%;
font-size: 13px;
line-height: 18px;
margin-bottom: 8px;
}
.dl-line {
border-right: 1px solid #595959;
color: #77787B;
float: left;
font-size: 11px;
padding: 10px 8px 0 0;
text-align: center;
width: 120px;
min-height: 36px;
}
.dl-line div{
display: inline;
}
.dl {
color: #fff;
font-size: 11px;
font-weight: normal;
margin: 0 5px 0 0;
padding: 1px 4px 1px 20px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMTcvMTKF1aaaAAABLElEQVQokbWNv0sCcRjGn+9XOwRbAvHIC5yiJlt1iqCl1d2WLKjN5TaX+jOCgv4DCwlK7Iee1SA1OOhwuHRyXo0Nct73fVu6ErEpepb3ed+H5/MCfxUR5YiIiSg3K5fTByEET85fC41GK72zu59VSvkAWCnlF/cOsg3rIT2z6LrDZrfX8ysX1cMgCD4q59Wjbrfnu+6wOQmOhCY+v5Bay2Q2V1eW1zVtTuh6cmM08iOnJ2fHt3f1+280M8fb7ZcYAJhmuWTbfSYitu0+m2a5BABPz+0YM8fDgler3XQAJAGgUCjmLevRKmwX81/M5NV1vcPMHgAIImLPe1PjcXBpGIuOEMJ/dQaJJSP1zsya4wyMaFTb0vVEREopBBGxECL8htBP78wMKeVP+G/6BDlekbJmM2R1AAAAAElFTkSuQmCC) no-repeat left 2px;
word-wrap: break-word;
}
.dl-legal {
border-top: 1px solid #595959;
border-bottom: 1px solid #595959;
color: #77787B;
float: left;
font-size: 11px;
padding: 7px 0;
width: 100%;
}
.dl-legal .caption-copyright {
margin: 5px 0 0 20px;
width: 100%;
float: left;
}
.license-restrictions div{
display: inline;
font-size: 11px;
}
.topic-site-article-body .dl-block a,
.license-restrictions a,
#article-body .license-restrictions a{
color: #fff;
font-size: 11px;
cursor: pointer;
}
.license-restrictions div{
display: inline;
}
.info-box-bottom-wrapper {
float: left;
position: relative;
width: 100%;
}
.info-box-bottom {
float: right;
left: 312px;
position: absolute;
top: 10px;
}
#resolution-selection{
float: left;
margin: 5px 0 0 10px;
}
.dl-package a{
color: #FFFFFF;
float: left;
margin-top: 6px;
width: 142px;
padding-left: 54px;
font-size: 12px;
min-height: 32px;
line-height: 17px;
cursor: pointer;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTAvMi8xMvI0AQUAAAC1SURBVFiF7ZbBDQMhEAMnUQqgFHeQpCNKuY6SdLClUEIed0jopOXCJzxu/QKtsfzA1sJkXADMLAHq8ExS2bgCksMrkmxE87ZdBLw65Cfw3s4LcHd4H+AxonntEP6CMBAGphuoMTTWWHiw5pzp9MDuza+aJ0atYrE2nIfcVOyCX7EmKY9o1j+Q8Ou1zit0wG3fHGpOT0EYCAM1BYV1mfCwbzgP7WxE88SIpXR6CsJAGJhuIJbSL9drSxEvZHOuAAAAAElFTkSuQmCC) no-repeat 10px 0;
}
.slider-nav .video{
position: relative;
}
.slider-nav .video:after{
content:"\eb00";
font-family: 'Gideon';
color: white;
font-size: 40px;
position: absolute;
top: 25px;
left: 30px;
}
#modal-bg{
width: 100%;
height: 100%;
background: #000;
position: fixed;
top: 0;
left: 0;
z-index: 1001;
display: none;
}
#modal{
width: 100%;
position: absolute;
top: 10%;
left: 0;
z-index: 2002;
display: none;
overflow: visible;
}
#modal-info,
#modal-body{
width: 960px;
margin: 0 auto;
position: relative;
display: flow-root;
margin-bottom: 40px;
color: #eaeaea;
}
#modal-body{
color: white;
margin-bottom: 200px;
}
#modal-body p{
margin-bottom: 20px;
line-height: 22px;
}
#modal-body .terms{
font-weight: bold;
border-bottom: 2px solid #afafaf;
color: white;
text-decoration: none;
}
#modal-body #termsAgree{
margin-left: 0;
margin-bottom: 25px;
}
#modal-body img{
max-width: 100px;
margin: 5px;
}
.modal-photo,
.modal-video{
border-bottom: 2px solid #afafaf;
}
#modal-info .dlable{
display: none;
}
.modal-photo div,
.modal-video div{
display: inline-block;
width: 49%;
}
.modal-photo div img,
.modal-photo div p,
.modal-video div img,
.modal-video div p{
display: inline-block;
}
.modal-photo .disabled,
.modal-video .disabled,
.download-photo.disabled{
cursor: not-allowed;
color: rgba(0,0,0,0.0);
}
.modal-photo p,
.modal-video p{
margin-left: 5px;
margin-bottom: 0 !important;
}
.modal-photo div p,
.modal-video div p{
vertical-align: top;
margin: 0 5px;
}
.see-arrow-right {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #ccc;
position: absolute;
top: 484px;
right: 29px;
display: none;
}
.see-arrow-left {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid #ccc;
position: absolute;
top: 484px;
left: 29px;
display: none;
}
#mm-modal-trigger{
width: 207px;
padding: 0 20px 12px 12px;
float: left;
cursor: pointer;
text-align: center;
}
#mm-modal-trigger h3{
border-bottom: 1px solid #ddd;
margin-bottom: 8px;
padding-bottom: 3px;
text-align: left;
}
#mm-modal-trigger img{
max-width: 150px;
max-height: 150px;
}
#mm-modal-trigger h3 span{
font-size: 10px;
text-transform: uppercase;
color: var(--nurple);
text-align: right;
}
#title{
color: white;
font-size: 20px;
height: 25px;
padding: 1px 0 0 0;
text-align: center;
top: -20px;
z-index: 1002;
display: inline-block;
float: left;
}
.thumbnail-for-video .thumbnail-marker{
bottom: 5px;
left: 5px;
}
.mm-category .thumbnail-marker{
bottom: 60px;
}
.one-third .big-mm{
/*display: none;*/
width: 100%;
cursor: default;
}
#modal-body .download-photo{
color: white;
margin: 15px auto;
width: 100%;
}
.download-photo{
cursor: pointer;
color: var(--nurple);
font-size: 16px;
display: block;
text-align: center;
margin-top: 10px;
font-family: 'Ensign:Sans';
}
.download-photo:before{
content:"\ea1c";
font-family: 'Gideon';
font-size: 14px;
margin-right: 5px;
}
@media (min-width: 768px) {
.one-third .big-mm{
display: block;
cursor: pointer;
}
}
.slide-container{
width: 900px;
margin: 0 auto;
}
.slider-for{
background: #e6e6e8;
}
.slider-nav{
height: 120px;
}
.slider-for .slick-slide img {
display: block;
margin: 0 auto;
/*width: 100%;*/
max-height: 484px;
}
.slider-for p{
position: absolute;
bottom: 0;
color: white;
font-size: 14px;
line-height: 18px;
padding: 40px 20px 10px 20px;
/*margin: 0 !important;*/
margin-bottom: 0 !important;
width: 100%;
max-width: 100% !important;
background-image: linear-gradient(
to top,
rgba(0,0,0,1), rgba(0,0,0,0)
);
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}
.slider-for p .copyright{
font-size: 10px;
text-transform: uppercase;
color: #d4d2d2;
}
.slider-for .slidenum{
float: right;
}
.slider-nav .slick-track{
margin-left: -50%;
}
.slider-nav .slick-slide{
width: 100px;
margin: 0 5px;
}
.slider-nav .slick-slide iframe,
.slider-nav .slick-slide img{
max-height:100px;
max-width:100px;
width: 100%;
}
.slider-nav .slick-current{
border: 2px solid #1DA1F2;
padding: 2px;
}
.slider-nav .slick-list{
float: left;
width: 100%;
margin: 10px 0;
}
.slider-for .slick-arrow{
float: left;
margin: 40px 10px;
border: none;
background: none;
font-size: 50px;
color: #fff;
position: absolute;
top: 30%;
z-index: 1;
cursor: pointer;
text-shadow: 0px 0px 5px black;
}
.slider-for .slick-next{
right: 0;
}
.slider-for .slick-prev{
left: 0;
}
.slider-for .slick-next:after{
content: '\ea18';
font-family: Gideon;
}
.slider-for .slick-prev:after{
content: '\ea16';
font-family: Gideon;
}
.slider-nav .slick-arrow{
float: left;
margin: 40px 0px;
border: none;
background: #fff;
font-size: 26px;
color: var(--nurple);
position: absolute;
z-index: 1;
padding: 0;
}
.slider-nav .slick-next{
right: 0;
width: 30px;
}
.slider-nav .slick-prev{
left: 0;
width: 30px;
}
.slider-nav .slick-next:after{
content: '\ea18';
font-family: Gideon;
}
.slider-nav .slick-prev:after{
content: '\ea16';
font-family: Gideon;
}
.slick-disabled {
opacity: 0;
pointer-events:none;
}
#content .carousel-mm figure{
position: relative;
height: 0;
padding-bottom: 56.25%;
margin: 0;
}
.carousel-mm .bc-player-default_default {
width: 100% !important;
height: 100% !important;
position: absolute;
text-align: left;
}
@media (max-width: 768px) {
.slider-nav .slick-track {
margin-left: -244px;
}
.slider-nav .slick-list {
width: 100%;
}
.slider-for .slick-slide img {
max-height: 345px;
}
}
@media (max-width: 667px) {
.slider-nav .slick-list {
width: 100%;
}
.slider-nav .slick-track {
margin-left: -175px;
}
.slider-for p {
position: relative;
color: black;
display: inline-block;
text-shadow: none;
background-image: none;
background: white;
padding: 10px 20px 10px 20px;
}
.slider-nav{
display: none !important;
}
}
@media (max-width: 425px) {
.slick-slider{
max-height: 240px;
}
.share-quote {
margin-right: 0;
}
.slider-for .slick-slide img {
max-height: 182px;
}
.carousel-contain{
width: 100%;
float: none;
margin: 0 auto;
}
.slider-for .slick-arrow {
margin: 20px -20px;
top: 10%;
}
.to-and-fro-bar a {
width: 50% !important;
}
.two-thirds p{
margin-top: 0 !important;
}
.slick-initialized .slick-slide{
max-height: none !important;
}
.bc-player-default_default {
width: 100% !important;
height: 500px !important;
max-height: 185px;
}
}
@media (max-width: 375px) {
.slick-slider{
max-height: 210px;
}
.slider-nav .slick-track {
margin-left: -91px;
}
.slider-nav .slick-list {
width: 100%;
}
.slider-for .slick-slide img {
max-height: 160px;
}
.slider-for .slick-arrow {
margin: 30px 0;
top: 10%;
}
@media screen { @media (min-width: 0px) {
.slider-for .slick-arrow {
margin: 20px -20px;
}
}
}
}
@media (max-width: 320px) {
.slick-slider{
max-height: 180px;
}
.slider-nav .slick-track {
margin-left: -70px;
}
.slider-nav .slick-list {
width: 100%;
}
.slider-for .slick-slide img {
max-height: 138px;
}
.slider-for .slick-arrow {
margin: 20px 0;
top: 10%;
}
@media screen { @media (min-width: 0px) {
.slider-for .slick-arrow {
margin: 20px -30px;
}
}
}
}.nr-infographic{
margin-bottom: 25px;
}
.nr-infographic a{
height: 0;
width: 0;
/*overflow: hidden;*/
float: left;
}
.nr-ig-bar{
background: #801315;
background: var(--red-700);
width: 100%;
float: left;
position: relative;
color: #fff;
}
.nr-ig-trigger{
font-family: 'Ensign:Sans';
padding: 8px 0 12px 20px;
float: left;
width: calc(100% - 50px);
font-size: 22px;
cursor: pointer;
}
.nr-ig-up{
display: none;
}
.nr-ig-viewing .nr-ig-down{
display: none;
}
.nr-ig-viewing .nr-ig-up{
display: inline;
}
.nr-ig-share{
width: 40px;
float: right;
margin: 6px 6px 0 0;
position: relative;
}
.nr-ig-share-trigger{
font-family: Gideon;
background: rgba(0,0,0,0.6);
padding: 4px 8px 8px;
text-align: center;
cursor: pointer;
font-size: 22px;
}
.nr-ig-share-box{
position: absolute;
top: 100%;
right: 0;
height: 0;
width: 40px;
/*overflow-y: hidden;*/
margin-top: 3px;
text-align: center;
z-index: 1;
}
.nr-ig-share-box > a{
width: 40px;
height: 40px;
margin-bottom: 3px;
text-decoration: none;
float: none;
font-family: Gideon;
color: #fff;
background: #59585d;
float: left;
padding: 6px 9px;
font-size: 22px;
position: relative;
display: none;
}
.topic-site-article-main .nr-ig-share-box > a{
padding: 4px 9px;
}
a.nr-ig-code-grab{
font-size: 15px;
padding: 6px 4px;
}
.nr-ig-embed-code{
display: none;
/*position: absolute;*/
/*left: 200%;*/
}
.nr-ig-copied{
position: absolute;
right: 100%;
top: 0;
text-transform: uppercase;
font-size: 13px;
background: #59585d;
padding: 11px 9px;
width: 140px;
font-family: OpenSans;
margin-right: 3px;
display: none;
}
.nr-ig-stage{
}
@media(min-height: 960px){
.nr-ig-stage{
min-height: 400px;
}
}
.nr-ig-xwide{
}
.nr-ig-viewing .nr-ig-xwide{
display: none;
}
.nr-ig-xwide img{
}
.nr-ig-ig{
width: 100%;
float: left;
}
.nr-ig-ig .ig-holder{
display: none;
position: relative;
}
.nr-ig-close{
width: 40px;
height: 40px;
color: #fff;
text-align: center;
font-family: Gideon;
position: absolute;
bottom: 20px;
left: 20px;
font-size: 28px;
background: rgba(0,0,0,0.6);
cursor: pointer;
}
.dl-agree-box{
position: absolute;
right: 43px;
bottom: 102px;
background: #59585d;
font-size: 11px;
width: 260px;
padding: 9px;
min-height: 40px;
display: none;
}
.dl-agree-box a{
float: none;
width: auto;
height: auto;
color: #fff;
font-weight: bold;
text-decoration: underline;
}
.nr-ig-share-box .nr-infographic-download{
color: #999;
}
.nr-ig-share-box .nr-infographic-download.downloadable{
color: #fff;
}
#input-url{
position: fixed;
top: 100%;
opacity: 0;
}
@media(min-width: 960px){
.whatsapp-social{
display: none !important;
}
}
.side-block {
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.topic {
float: left;
margin: 0 0 1px;
width: 100%;
position: relative;
}
#from-the-blog-widget .topic {
margin: 9px 0 11px;
}
#content .topic img {
float: left;
margin-right: 28px;
max-height: 170px;
max-width: 170px;
}
.topics-text {
color: #5D5957;
float: left;
font-size: 11px;
line-height: 17px;
width: 85%;
padding-bottom: 14px;
padding-top: 10px
}
.one-third .topics-text > .topic-date {
color: #808080;
float: left;
font-size: 10px;
line-height: 17px;
width: calc(100% - 91px);
text-transform: uppercase;
position: absolute;
bottom: 0;
left: 91px;
font-family: OpenSans;
}
.one-third h3 {
font-size: 18px;
font-weight: normal;
/*margin-bottom: 3px;*/
width: 100%;
float: left;
}
.one-third .topic a {
color: #1A1A1A;
font-size: 17px;
line-height: 1.3;
/*width: 100%;*/
float: left;
/*font-weight: bold;*/
font-family: 'Ensign:Sans';
text-transform: none;
}
.one-third .thumbnail-for-video{
float: left;
}
.topic p {
color: #5D5957;
font-size: 11px;
line-height: 17px;
margin-bottom: 4px;
font-family: OpenSans;
}
.topic a {
color: #333333;
font-size: 18px;
text-decoration: none;
font-family: 'Ensign:Sans';
font-weight: 200;
line-height: 22px;
}
.social{
float: left;
min-height: 54px;
border-bottom: 1px solid #9f9fa1;
padding-top: 0px;
width: 80%;
margin: 0 7%;
}
.topic-site-article-main #social{
border-top: none;
border-bottom: none;
background: transparent;
padding-top: 0 !important;
margin-top: 80px;
width: 22% !important;
}
.social-wrapper{
width: 100%;
margin: 0 auto;
}
@media (min-width: 960px) {
#social-wrapper{
width: 960px;
}
.topic-site-article-main #social-wrapper{
width: 100%;
}
}
.social-holder{
width:100%;
float:left;
text-align: center;
}
.social ul{
display: inline-block;
width: 100%;
float: left;
padding: 0;
margin-bottom: 0;
}
@media (min-width: 960px) {
.social ul{
padding: 0;
margin-left: -10px;
}
#article .social ul{
padding: 0;
margin-left: 0;
}
}
.social li{
display: inline-block;
margin: 0 0px 15px 0;
text-align: left;
float: left;
height: 20px;
position: relative;
}
#article-body .social li,
.two-thirds .social li{
margin: 0 0 15px 0;
width: auto;
}
.draugiemLike{
margin: 0;
}
.local-social{
text-decoration: none;
color: #a41d23;
text-transform: uppercase;
font-size: 11px;
line-height: 14px;
}
.local-social span:first-child{
font-family: Gideon;
margin-right: 7px;
font-size: 14px;
line-height: 14px;
}
/*
.local-social span:last-child{
display: none;
}
@media (min-width: 768px) {
.local-social span:last-child{
display: inline-block;
}
}
*/
.fb-social{
margin-top: 0;
}
.tw-social{
margin-top: 0;
}
.gp-social{
}
.pi-social{
}
.social .print-social,
.social .email-social{
min-width: 30px;
width: auto;
margin-right: 0;
}
@media (min-width: 768px) {
.social .print-social,
.social .email-social{
min-width: 70px;
}
}
.to-and-fro-bar{
float: left;
/*border-top: 1px solid #9f9f9f;*/
padding: 64px 16px 32px;
width: 100%;
margin: 0;
}
@media (min-width: 960px) {
.to-and-fro-bar{
padding: 64px 0 32px;
}
}
.to-and-fro-bar a{
width: 100%;
float: left;
line-height: 1.3;
margin: 0 0 30px;
font-weight: normal;
text-decoration: none;
}
.to-and-fro-bar a:hover{
text-decoration: underline;
}
.to-and-fro-bar .to{
margin: 0;
float: right;
}
.to-and-fro-top{
width: 100%;
float: left;
color: #585657;
font-size: 12px;
/*text-transform: uppercase;*/
/*font-family: HelamSlab;*/
padding: 0 24px;
}
.to-and-fro-bottom{
width: 100%;
float: left;
}
.to-and-fro-bottom > span{
float: left;
width: calc(100% - 24px);
}
a.fro:hover .to-and-fro-bottom > span:last-child,
a.to:hover .to-and-fro-bottom > span:first-child{
text-decoration: underline;
}
.to-and-fro-bottom > .gideon{
width: 24px;
}
.to{
text-align: right;
padding-left: 25px;
}
.fro{
padding-right: 25px;
}
@media (min-width: 768px) {
.to-and-fro-bar a{
width: 50%;
margin: 0;
}
}
@media (max-width: 768px) {
.topic-site-article-main #social {
width: 30% !important;
}
}
@media (max-width: 425px) {
.topic-site-article-main #social {
width: 100% !important;
}
.slider-for {
background-color: #fff;
}
}
#social .social-wrapper .social-holder .awesome-button{
padding: 12px;
font-size: 18px;
text-decoration: none;
cursor: pointer;
}
#social .social-wrapper .social-holder .awesome-button + .nr-ig-copied {
position: absolute;
right: auto;
left: 0;
top: auto;
bottom: 12px;
text-transform: none;
font-size: 13px;
background: #eff0f0;
padding: 8px;
border-radius: 3px;
text-align: center;
width: auto;
min-width: 140px;
font-family: OpenSans;
margin-right: 3px;
display: none;
border: 1px solid var(--nurple);
}
/*.social-inner-dark {
background: #212225;
font-size: 13px;
width: 20px;
height: 20px;
border-radius: 10px;
color: #fff;
padding: 3px 4px;
font-weight: lighter;
display: inline-block;
transform: rotate(90deg);
}*/
.share-quote{
width: 310px;
float: right;
position: relative;
margin-bottom: 16px;
margin-right: 0;
}
.share-quote.right-side{
width: 50%;
float: right;
}
.share-quote.left-side{
width: 50%;
}
.share-quote-box{
border-top: 2px solid #918f90;
border-bottom: 2px solid #918f90;
color: #231f20;
padding: 30px 0;
margin: 30px 20px 30px 25px;
font-size: 22px;
line-height: 1.4;
}
.share-quote-social{
font-family: Gideon;
position: absolute;
bottom: 10px;
right: 20px;
color: #fff;
font-size: 22px;
}
.sq-social-trigger{
position: relative;
background: #d1d1d3;
padding: 5px 8px 7px;
text-align: center;
width: 41px;
height: 41px;
}
.sq-socials{
position: absolute;
right: 24px;
bottom: 0;
height: 41px;
width: 300px;
}
.share-square{
background: #d1d1d3;
padding: 5px 8px 7px;
text-align: center;
float: right;
margin-left: 5px;
width: 41px;
height: 41px;
}
.share-square a{
color: #fff;s
}
.align-center{
width: 100%;
margin-right: 0;
}
.align-center .share-quote{
width: 100%;
}
.align-left .share-quote{
margin-right: 5%;
}
.align-right{
margin: 15px 0 16px 26px;
}
.align-left{
margin: 15px 15px 0px 4px;
}
img[src*="/285x"] {
padding-right: 20px;
}
.image-placement img[src*="/285x"] + figcaption {
width: 285px;
}
.align-center .share-quote-box{
margin: 30px 20px 30px 10px;
}
@media (max-width: 730px) {
.share-quote {
width: 100%;
}
.share-quote-box {
margin: 30px 16px 30px 16px;
}
}
@media (max-width: 425px) {
.align-right, .align-left, .align-center{
width: 100%;
}
.align-left{
margin: 15px 0px 16px 15px;
}
}