/* ###### MAIN NAVBAR ###### */

/*Useful colours
- Auburn #331435
- Violet: #ADA3D6
- Cream: #F6F2E8
- Mint: #AAE4CE
- Forest: #013C45
- Passion: #ED6F4C

*/
/*Font swap*/

.html {
  font-family: 'DM Sans', sans-serif !important;
}

/*Body*/
.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumn2, .Layout__twoColumnReverse, .KbDetailRtContainer__rightPanelDetail, .ScrollSticky__type2 {
  background-color: #F6F2E8;
}

/* Navbar text was too skinny, so I made it bold: */
#mynav {
    font-weight: bold !important;
 }

 /* This is the hamburger button fix, which was white*/
#menuIconContainer.Header__menu,
.Header__menu, 
.Header__menu:before,
.Header__menu:after,
.Header__menuBoxMain,
.Header__menuBoxMain:before,
.Header__menuBoxMain:after, {
   background-color: #F6F2E8;
 }
.Header__homeNavbarFixed.Header__menuToggle, .Header__menuToggle {
   background-color: #331435;
 }
.Header__homeNavbarFixed.Header__navopen, 
.Header__navbar .Header__menuTab {
  background-color: #331435 !important;
  box-shadow: none !important;
}

.Header__homeNavbarFixed 
.Header__menu, 
.Header__homeNavbarFixed .Header__menu::after, 
.Header__homeNavbarFixed .Header__menu::before {
  background-color: #F6F2E8 !important;
}

/*Menu items fix*/

 #portal_extra a:link, #portal_extra a:visited{
     text-decoration: none !important;
     color: #ADA3D6 !important;
 }

.Header__tabsTab:hover, 
.Header__tabsTab.Header__active,
.Header__homeNavbarFixed,
#portal_tabHome:active, 
#portal_tabCases:hover, 
#portal_tabSolutions:hover, 
#portal_tabCommunity:hover, 
#portal_tabsignin:hover, 
#portal_extra:hover,
#portal_extra a:hover{
	border-bottom-color: #ED6F4C !important;  
}
.Header__homeNavbarFixed a, .Header__navbar a, .Header__name {
	color: #ADA3D6 !important;
}
 /* ###### WELCOME SECTION ###### */
 
 /* This is a fix for the text above the search bar below the main menu */
 .Header__name, h1.Header__searchTitle,p.Header__description
 {
     font-weight: bold;
     color: #ADA3D6;
     text-shadow: none !important;
 }


 /* The tiny 'down' arrow inside the search container */
 .SearchContainer__downArrow{
   border-top-color:#331435 !important;
 }
 /* The 'search' icon background colour which was orange */
 .SearchContainer__searchIcon {
     background: #ADA3D6;
     border-color: #F6F2E8;
 }

/*back to top arrow*/
#AppContainer__backToTop.commonStyle__zt3BrandBg {
     background: #ADA3D6 !important;
     border-color: #F6F2E8;
     border-radius: 50% 50% 50% 50% !important;
}

.AppContainer__backToTop:hover {
    background: #ADA3D6 !important;
}

.Icon__white {
  color: #331435;
}
 
/*Nav arrows hover*/

.Pagination__nrmalTab:hover, .Pagination__pgNvRtHv:hover, .Pagination__pgNvLtHv:hover {
    color: #ADA3D6 !important;
  	opacity: 100%; 
}

/*Print and collapse hover*/
.Icon__hoverbrand:hover {
    color: #ADA3D6;
}

 /* ###### HOME CONTENT ICONS ###### */
 
 /* The 'fill' of icons in the home page */
 path.commonStyle__zt3BrandFill,
 .Icon__brand, .Icon__greyShade70 {
     fill: #331435 !important;
 }
 
 /* ###### STICKY SEARCHBAR AND ITS MENU ###### */

/*Sticky navbar colour*/

.Header__homeContent.Header__homeNavbarFixed .Header__navbar {
    background-color: #331435;
}
 
 /* Fix the menu text color */
 a.Header__tabs__link, #portal_tabsignin, .commonStyle__cursor.aPlusIcon{
     color: #ADA3D6;
 }
 /*Fixed the A+ icon hover colour, which was orange*/
 .commonStyle__cursor.aPlusIcon:hover{
     color: #ADA3D6;
 }
 /* fix the menu hover/active border */
 .Header__tabsTab.Header__active, #portal_tabHome:active, #portal_tabCases:hover, #portal_tabSolutions:hover, #portal_tabCommunity:hover, #portal_tabsignin:hover{
     border-bottom: 0.1875rem solid #ED6F4C !important;	
 }

/* ###### Tags and Feedback container - colour ###### */
.Tag__tag, .KbDetailLtContainer__review {
	background: #ffffff;
  	border: none;
}

 
 /* ###### SIGNIN LINKS ###### */
 
 /* This changes the colour of links in the sign as a user/sign as an agent bit, which was orange */
 a.Signin__userLink.commonStyle__zt3Brand, .Link__link2.commonStyle__zt3Brand, .ForgetPasswordContainer__userLink {
     color: #331435 !important;
 }
 
 /* ###### OTHER HYPERLINKS ###### */
 
 /* this changes the colour of the hiperlinks in the body of KB articles */
 .KbDetailLtContainer__articleContent a {
     color: #56225a !important;
 }

/*Changing the colour of the links in the custom widgets*/
.CustomWidget__customDescription a {
  	color: #331435 !important;  
}

.CustomWidget__customDescription a:hover {
  	color: #ADA3D6 !important;  
}

  /* the 'submit a ticket' button in the home page*/
 .Button__footerBtn:hover {
     background: #331435;
 }

/* ####### Iframe fix attempt #########*/
p iframe {
  border-width: 0px !important;
  height 60% !important;
}

#demo-canvas {
 flex-basis: auto !important;
}


 /* ###### FOOTER ###### */
 
/*Getting rid of the social icons in KB article feedback*/ 

.KbDetailLtContainer__userSocialIcon{
display: none !important;
}


 /* tweaking the footer image overflow - now it is hidden */
 .footer_img {
     overflow: hidden;
 }

/*Pagination arrows*/
.Pagination__nrmalTab:hover, .Pagination__pgNvRtHv:hover, .Pagination__pgNvLtHv:hover {
    color: #331435;
}
 
 /* ######## Footer nav menu #######*/
 
 #footer_inner div a{
     position: relative;
     color: #e6e7e8;
     font-style: inherit;
     font-weight: inherit;
     line-height: 60px;
 }
 
 #footer-nav {
     display: block;
     padding:20px;
     text-align: center;
     position: relative;
     background-color: #331435 !important;
     overflow: hidden;
     margin-left: 4em;
 }
 
 .wrap{
     margin-left: auto;
     margin-right: auto;
 }
 
 .nav__item a{
     text-align: center;
 }
 
 .nav__item {
     float: left;
     margin-left: 2em
 }
 
 a:link, a:visited, {
     text-decoration: none;
 }
 
 /* Social links */
 
 #social{
     float:right;
     display: inline-block;
     margin-right: 4em;
     width: 2em;
     height: 6em;   	
 }
#social-icon{
	width: 100%;
    height: auto;
}