/*
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */

 @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
   #ErrorPage {font-size:14px !important; line-height: 1.5em !important; grid-template-columns: 1fr !important; grid-template-areas: "top" "bottom" !important;
   grid-gap:12px !important; height: 70vh !important;}
   section.left {grid-area:bottom; border:none !important; padding:18px; border-top:1px solid #000 !important;}
 }

 /*404 PAGE V2
 ----------------------------------------------------------------------------------------------------*/
 #ErrorPage {}
 #ErrorPage .lwc {width:60%; margin-top:5%;}
 #ErrorPage .header {text-transform: uppercase; font-weight:700; text-align: center; font-size:2.5rem; margin:3% 0 6%;}
 section.left,section.right {padding: 1em 2em;align-self:center;}
 section.left {border-right:1px solid #000; display:grid;}

 .primary {color: #4E6187;background: #F6F6F8;border: 1px solid #D1D5DB;cursor: pointer;}
 .primary:hover {background:#D1D5DB; border:1px solid #D1D5DB; color:#4E6187;}
 .primary:active, .primary:hover{transition: background .05 ease-out; text-decoration: none;}

 .secondary {color: #fff !important;background: #475b68;border: 1px solid #D1D5DB;cursor: pointer;}
 .secondary:hover {background:#D1D5DB; border:1px solid #D1D5DB; text-decoration: none; color:#fff;}
 .secondary:active, .secondary:hover{transition: background .05 ease-out;}

 .cta{text-align: center;display: inline-grid;align-content: center;align-items: center;padding: 1em 3em;font-size: 1em;border-radius: 2em;margin-top: 32px;
 text-decoration: none;transition: background .25s ease-in;position: relative;text-transform: uppercase;font-weight: 700;}
 #ErrorPage {display: grid;font-size: 16px;grid-template-columns: 4fr 4fr;/* grid-gap: 4em; */height: 50.3vh;/*! padding: 0% 0%; */}
 #ErrorPage .logo {margin-bottom:8%; background:#475b68; padding:2% 2%;}
 #ErrorPage p {line-height: 1.5em; font-size:1.3em;}

/* FOOTER
----------------------------------------------------------------------------------------------------*/
#BottomFooter a {color:#fff;}
#BottomFooter a:hover {color:#b3e6ff !important; text-decoration: none;   -webkit-transition: color 0.3s linear;
  -khtml-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;}
#BottomFooter p {color:#fff; font-size:12px;}
#BottomFooter h2 {color:#a1afb5 !important; font-size: 1.525em; text-transform:uppercase; margin-bottom:10px; font-weight:700;}
#BottomFooter #socialfont {float:left; clear:both; }
#BottomFooter #socialfont a {color:#fff; text-decoration:none !important;}
#BottomFooter #socialfont .fa { margin-right:5px; font-size:25px !important; vertical-align:text-top; line-height:22px !important; width:29px !important; text-align:center; padding:5px 0; margin-bottom:10px;}
#BottomFooter #socialfont .fab { margin-right:5px; font-size:25px !important; vertical-align:text-top; line-height:22px !important; width:29px !important; text-align:center; padding:5px 0; margin-bottom:10px;}
#BottomFooter #socialfont .fa{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#BottomFooter .btnSurvey {display:inline-block; padding:15px 30px; transition: all .2s ease; background:#fff; border:1px solid #000; color:#000; border-radius:2px; font-size:14px; font-weight:700;}
#BottomFooter .btnSurvey:hover{transition: all .2s ease; background:#000; border:1px solid #fff; color:#fff !important;}
#BottomFooter ul li {margin-bottom:5px; color:#fff !important; font-size:12px; list-style: none;}
#BottomFooter ul {margin-left:0 !important; padding:0 !important;}
#BottomFooter ul li a {color:#fff;}
//#BottomFooter li:before {font-family: "FontAwesome";content:'\f105'; speak:none; color:#fff; font-size:12px; left:0; top:5px; position:absolute; line-height: 1;}
//#BottomFooter li {padding-left:20px; position:relative;}
#Location {line-height:18px;}
.address {color:#fff;}
.phone {color:#fff;}
.email {color:#fff;}
.email a{color:#fff;}
.CopyRight {text-align:center; font-size: 0.9em; color:#fff; line-height:1.5em;}
.CopyRight span {padding: 0 10px;}
.CopyRight a {text-decoration: none; color:#fff !important;}
.CopyRight a:hover {text-decoration: none; color:#fff !important;}
.EasyDNNSkin_Galore .edsFooterBackground.eds_footer2   .edsCopyrightBg .edsCopyright {padding-top:12px;}
.eds_footer3 .eds_footerBottom {background:#333 !important;}
.eds_footer {background:#000 !important; border-top:#fff 5px solid;}
.footer-copyright {display:none !important;}
.body > footer {padding:30px 0 0 !important;}
.EasyDNNSkin_Galore .edsFooterBackground .footerBoxContainer .footerBox:after, .edsCopyrightBg {display:none !important;}

/*ADDED 8/8/2019*/
.eds_news_NewsTwo.eds_subCollection_news .article-details .featured .newstwo-date, .eds_news_Arctic .featured-multi .newstwo-date, .date-comments {display: none;}

/* Arctic Custom Styling */

p.aboutsize{font-size: 1.3em}

p.arcsize{font-size: 1.12em}

.fa-stack {font-size: 11px}

div.EDN_article_content p, div.EDN_article_content .arc-box-highlights {
    font-size: 1.12em;
}

/* Responsive Youtube Video */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* End Responsive Youtube */

.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader.eds_headerStyle1 .eds_headerBackground .eds_header .eds_logo > a:before {
 background: none !important;
}

a.selectedRC {
   color: #4c8ea8 !important;
}

div.article > div.articleline > h2 > a:hover::after, a.selectedRC::after {
    content: " \00bb";
    color: #4c8ea8;
}

div.ls-slide > a.ls-l > p.ls-preloaded:hover {
    color: #D4E6F6 !important;
    text-shadow: 2px 2px #000;
}

div.ls-slide > p.ls-l  {
    text-shadow: 0px 0px 18px #000000 !important;
}


.eds_invertIcons {   /*** pintrest, facebook, linkedin, --- on bottom right ***/
  display:none !important;
}


/* Report Card */

.meta-text-wraper {
    display:none;
}


.EasyDNNSkin_Galore .eds_sideMenu > ul > li > a.noHand {
    cursor: default;
    color: maroon;
}

.EasyDNNSkin_Galore .eds_sideMenu > ul > li > a.noHand:hover {
    color: maroon;
}

li > .noHand {
    background-color: #F5F5F5;
}

/* Landing page, Highlights */
.arc-highlight-table {
	display: table;
	margin: 0 auto;
	border-spacing: 7px;	/* Cellspacing */
}
.arc-cell {
	display: table-cell;
	border: 1px solid #D6D6D6;
	padding: 10px 15px;
	width: 33.33%;
}
.arc-highlight-table p,
.arc-highlight-page-width p {
	margin: 0;
	padding: 0;
}
ul.arc-highlights-bullets li {
	margin-bottom: 10px;
}

.arc-highlight-page-width {		/* Landing page highlight that spans page width */
	margin: 7px 7px 0 7px;
	border: 1px solid #D6D6D6;
	padding: 10px 15px;
}

/* Homepage, What's New */
.arc-box-highlights {
  width: 31%;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  .arc-highlight-table {
	  display: block;
  }

  .arc-cell {
	  display: inline-block;
	  width: 100%;
	  padding: 5px;
	  margin-bottom: 15px;
  }

  .arc-box-highlights {
      width: 100%;
  }

  .arc-highlight-page-width {
	  padding: 5px;
	  margin: 0;
  }
}
/* About */
.arc-logos > div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

/* Essays */
.EasyDNNSkin_Galore h2.arc-authors {
  font-size: 19px;
}

.arc-affiliations {
  font-size: 13px;
}

.arc-essay-date {
  font-size: 11px;
}

/* Tables general */
/* http://www.w3schools.com/howto/howto_css_table_responsive.asp */
.table-scroll {
    overflow-x: auto;	/* Horizontal scrollbars */
}

table.data-table {
  text-align: center;	/* IE hack for table centering */
  margin-bottom: 20px;
  border-collapse: collapse;
  border: 1px solid #000;
}

table.data-table td {
  padding: 3px;
  text-align: center;
  border: 1px solid #000;
}

table.data-table td.texttop {
  vertical-align: top;
}

.arc-caption {			/* Table caption */
  font-size: 0.95em;
  margin-top: 0;
  margin-bottom: 15px;
}

.arc-align-bottom {
  vertical-align: bottom;
}

.arc-align-top {
  vertical-align: top;
}

table.data-table .arc-align-left {	/* Override data-table cell alignment */
  text-align: left;
}


.arc-red-text {
  color: #C33;
}

/* Previous Report Cards table */
table.arc-prev-essays {
  width: 70%;
}
table.arc-prev-essays td {
  text-align: center;
  vertical-align: top;
  border: none;
  padding: 7px;
}

table.arc-prev-essays td.arc-essay-title {
  text-align: left;
  width: 40%;
}

table.arc-prev-essays tr:nth-child(odd) {
  background-color: #ebebeb;
}

table.arc-prev-essays tr.arc-section-header {
  font-weight: bold;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #858585;
  background-color: #c7c7c7;
}

/* End Report Card */


/*margin:3px 10px 0 0;*/
#SITE_Footer {margin:0 0 0 0px; padding:0px auto 0 auto;}
#SITE_Footer li { text-align: center; display:block; list-style-type:none; float:left;}
#SITE_Footer li a {color:#ffffff; font-family: "ff-dax-web-pro-condensed" !important, Arial, Helvetica, sans-serif; font-weight:600; font-size:8px;}
#SITE_Footer li a:hover {color:#999;}

/** FOOTER **/
#SITE_Footer {font-family: "ff-dax-web-pro-condensed" !important, Arial, Helvetica, sans-serif;font-size: 9px;text-align: center;margin-top: 5px;margin-bottom: 5px;font-weight: 700;}
#SITE_Footer a {margin-left: 5px;margin-right: 5px;}

/*color: #0057A5;*/
#SITE_Footer a:link { color: #FFFFFF; }
#SITE_Footer a:visited { color: #FFFFFF; }
#SITE_Footer a:hover { color: #00A0E1; }


/******   Caption Creator Flags *******/

.left_img_with_caption { /* no style, this class is read by script */ }

.right_img_with_caption { /* no style, this class is read by script */ }

.noWrap_img_with_caption { /* no style, this class is read by script */ }

.sgSectColor {/* no style, this class is only for getting dynamic color of current tab section */}

/* --------------------------------------- Photo Caption Styles ---------------------------------- */

p .left_image_holder .div_caption_holder,
p .right_image_holder .div_caption_holder,
p .noWrap_image_holder .div_caption_holder,
.left_image_holder .div_caption_holder,
.right_image_holder .div_caption_holder,
.noWrap_image_holder .div_caption_holder,
.div_caption_holder {
    padding: 0px;
    /*font-family: "Century Gothic", sans-serif;!important;*/
    font-size:11px;
    line-height: 11px;
    font-weight: bold;
    text-align: left;
}

.left_image_holder {
float: left;
margin-right: 30px;
padding: 0;
margin-bottom: 10px;
}

.right_image_holder {
    float: right;
    margin-left: 10px;
    padding: 0;
    margin-bottom: 5px;
}

.noWrap_image_holder {
    padding: 0;
    margin-bottom: 5px;
}

/****** End Caption Creator Flags ******/


/***********   Custom Main Arctic Styling  ****************/

div.EasyDNNSkin_Galore .eds_paralaxBackground.eds_pBackground1 { background-image: none; background-color:#FFFFFF }

div#SITE_Footer > ul li a {
    font-size: 12px;
    font-variant: normal;
    text-transform: none;
    line-height: 20px;
}

div#SITE_Footer > ul li a:hover {
    text-decoration: underline;
}

div#SITE_Footer > ul li:after {
    content: " | ";
    padding-top: 0;
    padding-right: 10pxpx;
    padding-bottom: 0;
    padding-left: 10pxpx;
    font-size:15px;
    color: #fff;
}






/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  {
}

.ContentPane  {
}

.RightPane  {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}

A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message    {
}

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}
