/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

/* 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:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* 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:active   {
}

A.CommandButton:hover    {
}
    
/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL 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 {
}


/* Responsive design updates 6-8-2017 */ 

@media (max-width: 42em) {

     span.mobile-logo {font-size:0px !important;}

     a.mobile-logo-url {
          background-image: url(/personifyebusiness/Portals/0/logo-mobile-retina.png) !important;
          background-size: 100% auto;
          display: block !important;
          background-position: center center !important;
          background-repeat: no-repeat !important;
          width: 14.26667em !important;
          margin: 0 auto !important;
          padding: 0.8em 0 0.8em 0 !important;
          height: 100% !important;
		  pointer-events: none !important;
          }

     .top-navbar-header, .top-navbar-header .navbar-toggle:hover .icon-bar {background-color: #ffffff !important;}

     .top-navbar-header .navbar-toggle:hover, .top-navbar-header .navbar-toggle .icon-bar {background-color: #57297f !important;}

     a.cart-count-badge-link.desktop-hide {display: none !important;}

     a.btn.btn-primary.register-sidebar-button {display:none !important;}

     ul.register-login-buttons li {list-style-type: none !important;}

     .bottom-navigation.mobile-way.desktop-hide ul {
          display: none !important;}

}

ul.myaccount-sidebar li {
	list-style-type: none !important;
}

@media (max-width: 767px) {
     div.btmLogos img {
	     margin-left: calc(50% - 144px) !important;
	     margin-right: calc(50% - 144px) !important;
	     padding-bottom: 10px !important;
         }

     div.btmLogos p {
	     float: left !important;
         }
}


/* Responsive design updates 7-7-2017 */

@media (max-width: 42em) {
     ul.sub-menu-sidebar li {
     list-style-type: none !important;
     }
    
    .CheckoutThankYouControl_PersonifyDefault {
       display: block !important;
       }

}


/* 5-31-2019 hide extra register link */

a#dnn_dnnUSER_registerLink {
    display: none;
}


/* 5-31-2019 footer address font-weight and color, copyright size */

p.footerAddress {
    font-weight: 700;
    color: #58595B;
}

p.copyright-wrapper {
    font-size: 18px !important;
}

/* 5-31-2019 standardize logged in name with My Account and Logout links */

span.welcome {
    font-size: 16px !important;
    font-family: "HouschkaAltPro", Arial, sans-serif;
}


/* Override bootstrap css file loaded later to allow for rem font-sizes MK 6-3-19 */
html {
    font-size: 100% !important;
}

/* Override typo in ALZSkin css file MK 6-3-19 */
@media (min-width: 1400px) {
  .topLinks ul li a {
    font-size: 1rem !important;
  }
}

/* Personify fix font-weight for mobile menu links MK 6-3-19 */
@media (max-width: 42em) {
    .mainNav li a {
      font-weight: 700 !important;
}}

/* Personify fix mobile menu background color for login section MK 6-3-19 */
@media (max-width: 42em) {
    .loggedout #wrapper #header .action {
      background: #ffffff !important; }
    #wrapper #header .action {
        background: #ffffff !important;
        color: #4a0d66 !important;
        text-shadow: none;
    }
    a#dnn_dnnUSER_registerLink {display: none;}
}

/* Fix toggle menu background color for changing states MK 6-3-19 */
.menuToggle {
    background: #4a0d66 !important;
}
.menuToggle:hover {
    background: #8106B9 !important;
}

/* Fix top-link padding from px to rem, font-smoothing and line-height MK 6-3-19 */
.topLinks a,
.topLinks a:visited {
	padding: 0.2rem 0.4rem !important;
	-webkit-font-smoothing: auto !important;
	line-height: 1.5 !important;
}
div.mainNav ul li a {
	-webkit-font-smoothing: auto !important;
}

/* Fix purple bar height MK 6-3-19 */
@media (min-width: 768px) {
div.mainNav {
    height:82px;
}
}

/* Fix logo position/padding MK 6-3-19 */
div.logo {
	padding-bottom: 7px;
}

/* Fix font-family for Donate button MK 6-3-19 */
a.headerDonateBtn span {
    font-family: "HouschkaAltPro", Arial, sans-serif;
}

/* Fix Helpline number font-size MK 6-3-19 */
@media (min-width: 768px) {
div.mainHelpLine span {
    font-size: 0.75rem;
}
}
@media (min-width: 992px) {
div.mainHelpLine span {
    font-size: 1rem;
}
}
.mainHelpline span {
    font-family: "HouschkaAltPro", Arial, sans-serif;
}


