/* Elements */

html { margin:0; }
body { margin:0; background-color:#FFF; }

h1 {  }
h2 {  }


ul { padding:8px 8px 4px 8px; list-style:none; }
ul li { position:relative; line-height:1.1em; margin:0 0 6px 16px; font-family:pt_sansregular; font-size:14px; }
ul li a { margin:0; font-family:pt_sansregular; color:#4979b1; font-size:14px; }
ul li:before { position:absolute; display:block; top:0; left:-16px; content:⟡ ; color:#4979b1; }


a { text-decoration:none; color:var(--secondary-color); }

strong { font-family:pt_sansbold; font-weight:normal; }
em { font-family:pt_sansitalic; font-style:normal; }


/* Selectors */

.primary { background-color:var(--primary-color); color:#fff; }
.secondary { background-color:var(--secondary-color); color:#fff; }

a.current { color:var(--primary-color); }
a.black { background-color:#000; color:#fff; }
a.black:hover { background-color:#fff;  }

a:hover { color:var(--primary-color); }

a.button { display:inline-block; padding:0 42px; height:49px; line-height:49px; border-radius:4px; border:none; font-family:oswaldbook; font-size:24px; }

div.step-gradient { background:linear-gradient(to bottom, var(--header-color), var(--header-color) 85px, #4979b1 86px, #4979b1 129px, #dbdfe6 130px, #fdfdfe 140px); }
div.horizontal-gradient { background:linear-gradient(to right, var(--secondary-color), #dbdfe6); }
div.no-content { margin:10px 0 0 20px; font-family:pt_sansitalic; font-size:15px; }

span.delimiter { margin:0 4px; font-family:pt_sansregular; font-size:15px; }
span.action { color:#4979b1; cursor:pointer; }

span.highlight, a span.highlight{ display:inline-block; position:relative; padding-right:0.5em; left:0.5em; }

span.highlight:before, a span.highlight:before { content:""; z-index:-1; left:-0.5em; top:-0.1em; border-width:3px; border-style:solid; border-color:#ef8c22; position:absolute; border-right-color:transparent; width:120%; height:1.4em; transform:rotate(2deg); opacity:0.7; border-radius:50%; padding:0.1em 0.25em; }
span.highlight:after , a span.highlight:after{ content:""; z-index:-1; left:-0.5em; top:0.1em; padding:0.1em 0.25em; border-width:3px; border-style:solid; border-color:#ef8c22; border-left-color:transparent; border-top-color:transparent; position:absolute; width:120%; height:1.4em; transform:rotate(-1deg); opacity:0.7; border-radius:50%; }


/* Pseudoselectors */

::placeholder { color:#ccc; }


/* Sheets */

.sheet { position:fixed; width:100%; text-align:center; font-family:oswaldbook; font-size:21px; color:#fff; }
.announce-sheet { z-index:300; top:-55px; height:34px; padding-top:16px; }
.sheet-warning      { border-bottom:1px solid red; background:rgba(204, 51, 0, 0.75); }
.sheet-notification { border-bottom:1px solid #0080af; background:rgba(80, 134, 48, 0.75); }   /* #009cd4 */




/* Header */

#header-wrapper { position:fixed; z-index:98; top:0; left:0; width:100vw; height:140px; }
#header-wrapper header { position:relative; width:92vw; margin:0 4vw; }

header nav.header-menu { position:absolute; right:0; top:55px; height:30px; line-height:30px; text-transform:uppercase; }
header nav.header-menu a { display:inline-block; font-family:pt_sansregular; font-size:14px; margin-left:16px; color:var(--header-link-color); }

header div.logo { position:absolute; top:6px; left:0; }

header div.marketing { position:absolute; top:89px; left:0; width:100%; font-family:pt_sans_narrowregular; height:43px; line-height:35px; }
header div.marketing a.social { margin-left:4px; border-radius:12px; padding:0 2px 4px 0; background-color:#8cafd9; font-size:16px; }
header div.marketing img { height:22px; width:22px; vertical-align:middle; }

header div.publication { display:inline-block; width:calc(100% - 330px); color:#FFF; font-size:20px; }
header div.publication span.motto { margin-left:var(--motto-position); }

header div.warren-news { display:inline-block; width:330px; text-align:right; font-size:17px; }
header div.warren-news a { color:#FFF; }
header div.warren-news img { height:32px; width:32px; vertical-align:middle; margin-right:8px; }


/* Header - Popup Menus */

header div.popup-panel { position:relative; display:inline-block; margin-right:16px; }
header div.popup-panel span.label { font-family:pt_sansregular; font-size:14px; cursor:pointer; }

header div.popup-panel ul { position:absolute; top:10px; left:0; width:300px; padding:8px 8px 4px 8px; background:#FFF; border:0.5px solid #4979b1; border-radius:0 0 6px 6px; list-style:none; }
header div.popup-panel ul li { position:relative; line-height:1em; margin:0 0 12px 0; }
header div.popup-panel ul li a { margin:0; font-family:pt_sansregular; color:#4979b1; font-size:14px; }


/* Public Search */


div#trend-panel { padding-bottom:20px; }

div.trend-list { margin:10px 0 10px 50px; }
div.trend-list a { display:inline-block; height:24px; line-height:24px; font-family:pt_sansbold; font-size:21px; color:#000; }
div.trend-list a:hover { color:var(--primary-color); }
div.trend-list span.delimiter { display:inline-block; margin:0 12px; font-family:pt_sansregular; font-size:21px; color:#000; }

#advanced-search-form { margin:20px 0 20px 50px; }
#advanced-search-form input[type="submit"] { display:inline-block; vertical-align:top; margin:0; padding:0; width:30px; height:36px; line-height:36px; border:none; background:4px 8px url(/img/form/search-icon.png) no-repeat; }
#advanced-search-form input[type="text"] { display:inline-block; vertical-align:top; margin:0; padding:0 6px; width:180px; height:30px; line-height:30px; font-family:pt_sansregular; font-size:18px; border:1px solid #dbdfe6; border-radius:6px; background:transparent; outline:0; }
#advanced-search-form input[type="text"].date-picker { width:100px; }
#advanced-search-form span.delimiter { display:inline-block; vertical-align:top; margin:0 6px; height:30px; line-height:30px; text-align:center; }
#advanced-search-form span.symbol { display:inline-block; vertical-align:top; margin:0 4px 0 0; width:30px; height:30px; line-height:30px; background:#000; border-radius:4px; color:#FFF; text-align:center; cursor:pointer; }
#advanced-search-form img.ui-datepicker-trigger { margin-left:3px; }

#advanced-search-form div.popup-form { width:450px; margin:-48px 0 0 -12px; padding:42px 0 12px 0; background-color:#FFF; border:1px solid #dbdfe6; border-radius:8px; }
#advanced-search-form div.popup-form div.form { margin-left:44px; }


div.search-counter { margin:6px 0 12px 50px; font-family:pt_sansitalic; font-size:15px;  }



/* Calendar Panel */

header div.popup-panel div.calendar-widget { position:absolute; top:32px; left:0; width:240px; padding:4px 8px; background-color:#FFF; border:0.5px solid #4979b1; border-radius:0 0 6px 6px; line-height:normal; }
header div.popup-panel div.calendar-widget div.calendar-selector { display:block; margin:0 0 8px 0; text-align:center; }
header div.popup-panel div.calendar-widget div.calendar          { display:block; text-align:center; }

header div.popup-panel div.calendar-widget div.calendar-selector div.stylish-select { display:inline-block; margin:0; }

header div.popup-panel div.calendar table tr th       { width:30px; padding:3px 0; font-family:pt_sansbold; font-size:13px; font-weight:normal; color:#5A6A7C; }
header div.popup-panel div.calendar table tr td       { width:30px; padding:3px 0; font-family:pt_sansregular; font-size:13px; text-align:center; color:#DDD; }
header div.popup-panel div.calendar table tr td a     { margin:0; font-size:13px; }
header div.popup-panel div.calendar table tr td.today { background-color:#E6F0FB; }


/* Header - Header Menu */

header nav.header-menu div.popup-panel { z-index:130; }


/* Header - User Menu */

header nav.header-menu #user_menu { display:inline-block; margin-right:16px; }
header nav.header-menu #user_menu div.popup-panel { z-index:150; }
header nav.header-menu #user_menu #user { display:block; font-family:pt_sansregular; font-size:14px; color:#000; cursor:pointer; }
header nav.header-menu #user_menu #user span.symbol { font-size:11px; margin:0 4px; }
header nav.header-menu #user_menu #user strong { font-family:pt_sansbold; font-weight:normal; }
header nav.header-menu #user_menu div.menu-list { position:absolute; z-index:150; top:36px; left:0; width:240px; border-radius:0 0 6px 6px; border:0.5px solid #4979B1; border-top:none; background-color:#FFF; text-align:left; }
header nav.header-menu #user_menu hr { margin:0 0 4px 0; border-width:1px 0 0 0; border-top-style:dotted; }
header nav.header-menu #user_menu a { display:block; height:auto; margin:0 0 4px 0; padding:4px 10px; line-height:1em; }



/* Content */

div.wrapper { width:100vw; }
/*div.content { width:92vw; height:calc(100vh - 196px); margin:0 4vw 0 4vw; }*/
div.content { width:92vw; margin:0 4vw 0 4vw; }


#wide-wrapper { margin:180px 0 0 0; padding-bottom:56px; }

/*#page-wrapper { height:calc(100vh - 196px); margin:140px 0 0 0; overflow-x:hidden; overflow-y:auto; }*/
/*#main-sidebar-wrapper { height:calc(100vh - 196px); margin:140px 0 0 0; overflow-x:hidden; overflow-y:auto; }*/

#page-wrapper { margin:140px 0 0 0; padding-bottom:56px; }
#main-sidebar-wrapper { margin:140px 0 0 0; padding-bottom:56px; }

#page-content { border-left:1px solid #d1dff0; border-right:1px solid #d1dff0; background:linear-gradient(to right, #ebeef0, #fff); background-position:calc(70% + 20px); background-size:30px; background-repeat:repeat-y; }
#main-sidebar-content { border-left:1px solid #d1dff0; border-right:1px solid #d1dff0; background:linear-gradient(to right, #ebeef0, #fff); background-position:calc(70% + 20px); background-size:30px; background-repeat:repeat-y; }

div.main { display:inline-block; vertical-align:top; width:calc(70% - 20px); padding:20px 20px 0 0; }
div.sidebar { display:inline-block; vertical-align:top; width:30%;  }



/* Checked List */

div.checked-list { margin:0 0 20px 0; }
div.list-item { position:relative; margin-bottom:5px; font-family:pt_sansregular; font-size:15px; }
div.list-item span.square { position:absolute; top:2px; left:5px; width:12px; height:12px; border:2px solid var(--secondary-color); background-color:#fff; }
div.list-item span.checkmark { position:absolute; top:0; left:7px; font-size:20px; line-height:1em; color:var(--primary-color); }
div.list-item div.message { margin-left:30px; }


/* Dropbox */

div.dropbox h1 { margin:20px 20px 0 0; padding:6px 32px 10px 50px; font-family:pt_sans_narrowbold; font-size:28px; font-weight:normal; line-height:1.1em; }


/* Main */

div.main h1 { margin:20px 20px 0 0; padding:6px 32px 10px 50px; font-family:pt_sans_narrowbold; font-size:28px; font-weight:normal; line-height:1.1em; }
div.main h1 a { color:#0c2142; }
div.main h2 { display:inline-block; margin:20px 0 0 0; padding:2px 32px 3px 50px; font-family:pt_sans_narrowbold; font-size:28px; font-weight:normal; }
div.main h3 { margin:20px 0 0 40px; font-family:pt_sans_narrowbold; font-size:24px; font-weight:normal; }
div.main h4 { margin:0 20px 10px 0; border-bottom:1px solid #000; font-family:pt_sans_narrowbold; font-size:28px; font-weight:normal; }

div.main table                    { margin:10px 0 20px 0; border-collapse:collapse; width:calc(100% - 20px); }
div.main table tr:nth-child(even) { background-color:#eee; }

div.main table th { width:100px; padding:2px 0 2px 4px; background-color:#9fbde0; font-family:pt_sans_narrowbold; font-size:21px; font-weight:normal; text-align:left; }
div.main table td { padding:2px 0 2px 4px; font-family:pt_sansregular; font-size:17px; font-weight:normal; text-align:left; }


/* Main - Public Actions */

div.main div.public-actions { margin:0 0 -5px 50px; font-family:pt_sansregular; font-size:15px; }

/* Main - Article */

div.main article { margin:10px 10px 15px 50px; font-family:pt_sansregular; font-size:17px; }
div.main article div.kicker { margin-bottom:-25px; }
div.main article h1 { margin-left:-50px; }
div.main article img { float:right; margin:0 0 12px 12px; max-width:400px; max-height:400px; }
div.main article div.title { font-family:pt_sansbold; font-size:20px; line-height:1.1em; }
div.main article div.title a { color:#0c2142; }
div.main article p { margin:6px 20px 14px 0; line-height:1.4em; }
div.main article p a.teaser { margin-left:7px; white-space:nowrap; }
div.main article div.byline { font-family:pt_sansitalic; font-size:17px; color:#526076; }
div.main article span.byline { font-size:14px; }
div.main article span.leadin { font-family:pt_sansbold; }
div.main article span.publication { font-family:pt_sansitalic; font-style:normal; }
div.main article span.person { font-family:pt_sansbold; }

article div.metadata { margin:0 0 12px 0; }
article div.metadata span.delimiter { margin:0 4px; font-family:pt_sansregular; font-size:15px; }
article div.metadata span.category { font-family:pt_sansbold; font-size:14px; text-transform:uppercase; color:#0c2142; }
article div.metadata span.category-external { color:#f00; }
article div.metadata span.date { font-family:pt_sansbold; font-size:14px; color:#0c2142; }
article div.metadata span.reference { font-family:pt_sansregular; font-size:14px; color:#828fa3; }
article div.metadata span.source a { font-family:pt_sansbold; font-size:14px;  text-transform:uppercase; }

div.main article div.paywall { display:none; }

div.main article div.paywall-offer { }
div.main article div.paywall-offer div.offer-header { text-align:center; padding:10px 0; text-align:center; }
div.main article div.paywall-offer a { display:inline-block; width:calc(50% - 20px); padding:10px 0; border-width:1px; border-style:solid; text-align:center; text-transform:uppercase; }
div.main article div.paywall-offer a.trial { margin-right:10px; background-color:var(--primary-color); color:#FFF; }
div.main article div.paywall-offer a.trial:hover { background-color:#FFF; color:var(--primary-color); }
div.main article div.paywall-offer a.login { margin-left:10px; }
div.main article div.paywall-offer a.login:hover { background-color:var(--secondary-color); color:#FFF; }


/* Main - Advertisement */

div.advertisement { position:relative; margin:10px 0; padding:10px 0 10px 40px; border-left:12px solid #162739; color:#fff; }
div.advertisement div.title { font-family:pt_sans_narrowbold; font-size:24px; font-weight:normal; }
div.advertisement div.teaser { padding:2px 40px 0 0; font-family:pt_sansregular; font-size:17px; font-weight:normal; color:#fff; line-height:1.0em; }
div.advertisement a { display:inline-block; margin:10px 0 0 0; padding:6px 20px 7px 20px; background-color:#000; color:#fff; text-decoration:none; font-family:pt_sans_narrowbold; font-size:18px; border-radius:9px; }


/* Main - List Navigation */

div.list-navigation { display:table; margin-top:-20px; width:100%; height:100px; border-bottom:1px solid #d0dff0; }

div.direction { display:table-cell; vertical-align:middle; text-align:center; width:110px; height:100px; background:url(/img/panel/direction-background.png) repeat-x; }

div.direction a             { text-decoration:none; }
div.direction a span        { display:block; }
div.direction a span.symbol { font-family:pt_sansregular; font-size:48px; text-transform:uppercase; }
div.direction a span.text   { font-family:pt_sansregular; font-size:15px; text-transform:uppercase; }
div.direction a.previous    { color:#9fbde0; }
div.direction a.next        { color:#4979b1; }

div.title-bar { position:relative; display:table-cell; vertical-align:middle; text-align:center; width:calc(100% - 222px); background:url(/img/panel/title-bar-background.png) repeat-x; border-left:1px solid #d0dff0; border-right:1px solid #d0dff0; }

div.title-bar div.title { padding:0 10px; font-family:pt_sansbold; font-size:24px; color:#0c2142; line-height:1em; }
div.title-bar div.title a { text-decoration:none; }
div.title-bar div.subtitle { margin-top:3px; font-family:pt_sansregular; font-size:14px; color:#0c2142; line-height:1em; }
div.title-bar div.actions { position:absolute; width:90%; left:5%; bottom:4px; overflow:hidden; white-space:nowrap; font-family:pt_sansregular; font-size:15px; }


/* Main - Calendar */

div.calendar-list { margin:15px 0 0 20px; }
div.calendar-list div.item { margin-bottom:10px; padding-bottom:10px; }
div.calendar-list div.item div.date { display:table-cell; vertical-align:top; width:120px; }
div.calendar-list div.item div.date div.month { font-family:pt_sansregular; font-size:18px; line-height:1.0em; text-transform:uppercase; }
div.calendar-list div.item div.date div.day { font-family:pt_sans_narrowbold; font-size:32px; line-height:1.0em; }
div.calendar-list div.item div.date div.badge-delimiter { display:inline-block; margin:0 0 0 5px; font-family:pt_sans_narrowbold; font-size:32px; color:#fff; }
div.calendar-list div.item div.date-badge { display:inline-block; }
div.calendar-list div.item div.badge-wrapper { border-radius:8px; padding:8px 12px; text-align:center; }
div.calendar-list div.item div.description { display:table-cell; vertical-align:top; padding:0 5px 0 15px; font-family:pt_sansregular; font-size:17px; }

div.calendar-selector { margin:10px 0 0 0; }
div.calendar-selector select { color:#4979b1; border-color:#4979b1; }
div.calendar-selector select option { color:#4979b1; }

div.calendar { padding:10px 0 0 0; }

div.calendar table { border-collapse:collapse; width:100%; }
div.calendar table tr th { width:14%; height:18px; font-family:pt_sansbold; font-size:14px; font-weight:normal; }
div.calendar table tr td { width:14%; height:18px; font-family:pt_sansregular; font-size:13px; text-align:center; color:#DDD; }


/* Main - Form */

div.dropbox p { margin:10px 20px 15px 50px; font-family:pt_sansregular; font-size:15px; }
div.dropbox div.operations a { display:inline-block; margin:12px 0 0 50px; padding:0 42px; height:49px; line-height:49px; border-radius:8px; border:none; background-color:#999; font-family:oswaldbook; font-size:24px; color:#fff; cursor:pointer; }
div.dropbox input[type="submit"] { margin:12px 0 24px 50px; padding:0 42px; height:49px; line-height:49px; border-radius:8px; border:none; background-color:#000; font-family:oswaldbook; font-size:24px; color:#fff; cursor:pointer; }
div.dropbox input[type="submit"]:hover { color:var(--primary-color); }

div.form { margin:10px 0 0 50px; }

div.g-recaptcha { margin:0 0 10px 0; }

div.form section { padding-top:20px; }

div.form div.static { height:32px; line-height:32px; }
div.form div.static * { font-family:pt_sansregular; font-size:15px; }
div.form div.static label { display:inline-block; width:120px; margin-right:5px; }
div.form div.static input { display:inline-block; }

div.form div.field { height:32px; line-height:32px; }
div.form div.field * { font-family:pt_sansregular; font-size:15px; }

div.form div.field label { display:inline-block; width:120px; margin-right:5px; }
div.form div.field input { display:inline-block; }

div.form div.placeholder { margin-bottom:4px; }
div.form div.placeholder * { font-family:pt_sansregular; font-size:15px; }

div.form div.placeholder input { width:calc(100% - 50px); }
div.form div.placeholder input[type="text"] { margin:0; padding:2px 8px 3px 8px; border:1px solid #709bcf; border-radius:4px; }
div.form div.placeholder input[type="email"] { margin:0; padding:2px 8px 3px 8px; border:1px solid #709bcf; border-radius:4px; }
div.form div.placeholder input[type="password"] { margin:0; padding:2px 8px 3px 8px; border:1px solid #709bcf; border-radius:4px; }

div.form div.select { display:grid; grid-template-areas:'select'; width:calc(100% - 46px); margin:3px 0; padding:0 6px; height:26px; line-height:26px; border:1px solid #709bcf; border-radius:4px; align-items:center; font-family:pt_sansregular; font-size:15px; justify-content:left; overflow: hidden;}
div.form div.select::after { content:""; grid-area:select; width:0.8em; height:0.5em; background-color:#709bcf; clip-path:polygon(100% 0%, 0 0%, 50% 100%); }

div.form select { appearance:none; outline:none; background-color:transparent; border:none; padding:0 0 0 20px; margin:0; width:calc(100% - 15px); font-family:inherit; font-size:inherit; cursor:inherit; line-height:inherit; grid-area:select; }
div.form select::-ms-expand { display:none; }

div.form textarea { margin:0; width:calc(100% - 50px); padding:2px 8px 3px 8px; border:1px solid #709bcf; border-radius:4px; font-family:pt_sansregular; font-size:15px; }

div.form div.help { margin:0 0 6px 8px; font-family:pt_sansitalic; font-size:15px; font-style:normal; color:#9FBDE0; }
div.form div.error { margin:-4px 0 8px 8px; font-family:pt_sansitalic; font-size:15px; font-style:normal; color:#ee2e24; }
div.form input[type="submit"] { margin:12px 0 24px 0; cursor:pointer; }

div.form div.field_input_checkbox { height:auto; line-height:23px; }
div.form div.field_input_checkbox input { margin-left:125px; }
div.form div.field_input_checkbox label { width:auto; }
div.form div.field_input_checkbox div.help { margin-left:125px; }

div.reminder { margin:4px 0 8px 50px; }
div.reminder a { display:inline-block; background-color:#000; color:#fff; padding:12px 43px 16px 48px; font-family:oswaldbook; font-size:24px; line-height:1.0em; border-radius:8px; cursor:pointer;}

input[type="submit"] { display:block; margin:20px 0 0 175px; height:49px; line-height:49px; padding:0 24px; border:1px solid #000; border-radius:4px; background-color:#000; color:#FFF; font-family:oswaldbook; font-size:24px; cursor:pointer; }
input[type="submit"]:hover { background-color:#FFF; color:var(--primary-color);  }


/* Sidebar */

div.sidebar div.panel { padding:0 20px 20px; }
div.sidebar h1 { font-family:pt_sansbold; font-size:24px; font-weight:normal; color:#0c2142; line-height:1em; }
div.sidebar h3 { margin:0 -20px 10px -20px; padding:4px 14px 6px 20px; font-family:pt_sans_narrowbold; font-size:24px; font-weight:normal; line-height:1em; background-color:var(--secondary-color); color:var(--secondary-contrast-color); }
div.sidebar h4 { margin:0; font-family:pt_sans_narrowbold; font-size:18px; font-weight:normal; border-bottom:1px solid #343434; line-height:1.2em; }
div.sidebar p { margin:0 0 10px 0; padding:0; font-family:pt_sansregular; font-size:15px; line-height:1.1em; }
div.sidebar p:last-child { padding:0; }
div.sidebar div.aside p { font-family:pt_sansitalic; line-height:1.4em; }

div.sidebar article { margin:0 10px 15px 10px; font-family:pt_sansregular; }
div.sidebar article div.title { margin:0 0 5px 0; font-family:pt_sans_narrowbold; font-size:17px; line-height:1.2em; }
div.sidebar article p { line-height:1.4em; }
div.sidebar article p span.person { font-family:pt_sansbold; }

div.sidebar div.form { margin-left:0; }


/* Sidebar Title */

div.sidebar div.header { vertical-align:middle; text-align:center; height:100px; background:url(/img/panel/title-bar-background.png) repeat-x; border-left:1px solid #d0dff0; border-bottom:1px solid #d0dff0; }
div.sidebar div.header div.title { padding-top:25px; font-family:pt_sansbold; font-size:24px; color:#0c2142; line-height:1em; }
div.sidebar div.header div.title a { text-decoration:none; }
div.sidebar div.header div.subtitle { margin-top:3px; font-family:pt_sansregular; font-size:19px; color:#0c2142; line-height:1em; }

div.sidebar div.category { margin:15px 0 0 0; font-family:pt_sansbold; font-size:14px; color:#4979b1; }


/* Sidebar - Testimonial */

#testimonial-wrapper { height:auto; background:#94afd5; border-top:9px solid #a6bddd; border-bottom:9px solid #a6bddd; }
#testimonial-wrapper #testimonial-panel { margin:0 auto; width:100%; padding:5px 0 10px 0; text-align:center; }

#testimonial-panel h2 { margin:0 0 8px 0; font-family:pt_sans_narrowbold; font-size:24px; font-weight:normal; color:#fff; }

#slide-panel		   { position:relative; width:100%; height:180px; overflow:hidden; margin-top:-5px; }
#slide-panel div.slide { position:absolute; top:0; left:0; width:100%; height:120px; cursor:pointer; }

#slide-panel div.slide blockquote { width:90%; margin:0 auto; font-family:pt_sansregular; font-size:16px; line-height:1.2em; color:#fff; }

#slide-panel div.slide div.byline { width:90%; margin:5px auto; padding-top:5px; font-family:pt_sansregular; font-size:15px; line-height:1.2em; color:#fff; }
#slide-panel div.slide div.byline span.role { font-style:italic; }

#slide-indicator div { display:inline-block; width:16px; height:16px; margin:0 4px; border:1px solid; border-radius:50%; }
#slide-indicator div.indicator-inactive { border:none; background-color:#fff; }
#slide-indicator div.indicator-active { border-color:var(--secondary-color); background-color:var(--primary-color); }


/* Sidebar - Contact */

div.contact { margin-bottom:10px; color:#0c2142; }

div.contact div { font-family:pt_sansregular; font-size:15px; line-height:1.1em; }
div.contact div.name { font-family:pt_sansbold; }


/* Panel - Layered */

div.layered-panel          { border-style:solid; border-width:11px 0; color:#fff; }

div.layered-panel { border-color:var(--faded-primary-color); background-color:var(--primary-color); }
div.layered-panel h3 { margin:0 0 5px -20px; background:none; font-family:pt_sans_narrowbold; font-size:24px; font-weight:normal; }
div.layered-panel p  { margin:0 0 16px 0; font-family:pt_sansregular; font-size:16px; color:#fff; line-height:1.2em; }
div.layered-panel hr { margin:0 0 16px 0; border:none; border-top:1px solid var(--faded-primary-color); }
div.layered-panel div.message { font-family:pt_sansregular; font-size:16px; line-height:1.2em; }

div.sidebar div.layered-panel { margin-top:20px; padding:20px; }


/* Panel - Why Subscribe */

#why-subscribe a { display:block; margin:4px 0 0 0; text-align:center; }




/* Footer */

#footer-wrapper { position:fixed; z-index:100; bottom:0; left:0; width:100vw; height:56px; background-color:#4979B1; background:linear-gradient(to bottom, #4979B1, #4979B1 1px, #e9f0fa 2px, #e9f0fa 56px); }
#footer-wrapper footer { width:92vw; margin:0 auto;  }

footer div.marketing { width:100%; font-family:pt_sans_narrowregular; height:40px; line-height:36px; font-size:16px; }
footer div.marketing a.social { margin-left:4px; border-radius:12px; padding:0 2px 4px 0; background-color:#8cafd9; }
footer div.marketing img { height:22px; width:22px; vertical-align:middle; }

/*footer div.publication { display:inline-block; width:50%; color:#FFF; }*/
footer div.warren-news { display:inline-block; width:100%; text-align:right; }
footer div.warren-news a { color:#FFF; }
footer div.warren-news img { height:32px; width:32px; vertical-align:middle; margin-right:8px; }

footer nav { margin-top:8px; text-align:center; }
footer nav a { font-family:pt_sansregular; font-size:13px; text-decoration:none; color:#497ab2; }
footer nav span.delimiter { margin:0 4px; color:#497ab2; }

footer div.copyright { margin-top:6px; height:24px; line-height:24px; text-align:center; font-family:pt_sansregular; font-size:12px; color:#497ab2; }