/* --- App layout changes: make body scrollable, hide search box in app header --- */
.homePageBackground
{
  background: #fff;
}

.Home_page body .BaseMaster_searchBoxContainer
{
  display: none;
}

.Home_page body
{
  overflow: auto;
}

.Home_page body .CHHamburger_container
{ /* Hide the mobile "hamburger" button */ 
  display: none;
}

/* --- App layout changes end --- */

.Home_page body .BaseMaster_mainMenuContainer
{
   border-bottom: 0 none;
}


.BaseMaster_mainMenuContainer .CHMenu_menuItem a,
.BaseMaster_mainMenuContainer .CHMenu_menuItem:hover a,
.BaseMaster_mainMenuContainer .BaseMaster_profileLink,
.BaseMaster_mainMenuContainer .BaseMaster_profileLink:hover
{
  color: white;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
} 
	
.Home_page body
{
  background: #000000;
}
	
.Home_customContent
{
  padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;      
  font-family: Roboto, sans-serif;
  text-align: center;
}

/*.Home_customContent a,
.Home_customContent a:visited,
.Home_customContent a:active
{
  color: #000000;
  text-decoration:none;  
}*/

h1
{      
  color: white;
  font-weight: normal;
	font-size: 5em;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-bottom: 30px;
  font-family: 'Helvetica Neue', arial, freesans, clean, sans-serif;
}

h1 span
{
 font-size: 0.9em; 
}


.fixedWidth
{
  max-width: 1200px !important;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
}

.searchContainer
{
  padding-top: 100px;
  padding-bottom: 75px;
  position: relative;
  overflow: hidden;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;      
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;  
}

.searchBackground
{
  background: #000000;
}

.searchCenteringContainer
{
  width: 100%;
  max-width: 1000px;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
}

.searchBoxContainer
{
  padding-inline-end: 20px ;
  overflow: hidden;
}

.searchBoxContainer:after
{
  content: "";
  display:block;
  clear:both;
}    

.searchBox
{
  font-size: 2em;      
  width: 100%;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 20px ;
  background: white;
  border: 0 none;
  float: inline-start ;
  height: 48px;
  border-radius: 3px 0px 0px 3px;
}

.btnSearch
{
     font-size: 2em;
    padding-top: 20px;
    padding-inline-start: 30px ;
    padding-inline-end: 30px ;
    border: 0 none;
    float: inline-end ;
    height: 48px;
    border-radius: 0 3px 3px 0; 
  color: white;
  cursor:pointer;
}

.grad
{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0ceff+0,4f99e6+100 */
  background: rgb(160,206,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(160,206,255,1) 0%, rgba(79,153,230,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(160,206,255,1) 0%,rgba(79,153,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(160,206,255,1) 0%,rgba(79,153,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0ceff', endColorstr='#4f99e6',GradientType=0 ); /* IE6-9 */
}

.grad:hover
{
  background: #3aa95c;
  text-shadow: none;
}

.section
{
 padding-top: 50px;
 padding-bottom: 20px;
 border-bottom: 1px solid #000000; 
}

.sectionHeaderContainer
{
 float: inline-start ; 
 width: 250px;
 padding-top: 20px;
 padding-inline-start: 50px ;
}

.sectionHeader,
.sectionSubHeader
{ 
  font-weight: 400;
  font-family: 'Helvetica Neue', arial, freesans, clean, sans-serif;
}

.sectionHeader
{  
  color: #000000;
  font-size: 24px;  
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
}

.sectionSubHeader
{
  color: #666666;
  font-size: 21px;
  padding-top: 18px;
}

.contentBoxList
{
 padding-inline-start: 325px ;
 padding-inline-end: 75px ;
}

.staticContentContentBox,
.guideContentBox
{
 width: 29%;
 float: inline-start ;
 box-sizing: border-box;
 padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
 margin-inline-start: 15px ;
 margin-inline-end: 15px ;
 height: 110px; 
}

.staticContentContentBox .contentBoxHeader
{
  padding-inline-start: 0 ;
  text-align: center;
}

.contentBoxLink
{
  height: 100%;
  width: 100%;
  display: block;
}

/*.videoGuideBox
{
height: 350px;
}*/

.contentBoxStaticContentImgContainer,
.contentBoxGuideImgContainer
{
  display:inline-block;
  border-radius: 50%;
  position: relative;
}

.contentBoxStaticContentImgContainer
{
  height: 60px;
  width: 60px;
}

.contentBoxGuideImgContainer
{
 height: 40px;
 width: 40px;
 background-color: #000000; 
 float: inline-start ;
}

#latestFeaturesBoxList .contentBoxGuideImgContainer
{
  background-color: green;
}

#tipsAndTricksBoxList .contentBoxGuideImgContainer
{
  background-color: purple;
}

.contentBoxStaticContentImgContainer i,
.contentBoxGuideImgContainer i
{
 color: white; 
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.contentBoxStaticContentImgContainer i
{
  font-size: 24px;
}

.contentBoxGuideImgContainer i
{
  font-size: 16px;
}

.contentBoxHeader
{
  color: #3b3b3b;
  font-weight: bold;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: start ;
  padding-inline-start: 50px ;
}

.contentBoxHeader:active
{
 color: #6bce18; 
}

.staticContentContentBox
{
  text-decoration: none;
}

.staticContentContentBox a,
.staticContentContentBox a:visited,
.staticContentContentBox a:active
{
  color: #000000;
  text-decoration: underline;
}

.guideContentBoxSubHeader
{
  color: #5e5e5e;
  font-size: 20px;
  padding-bottom: 15px;
}

.guideContentBox a,
.guideContentBox a:visited,
.guideContentBox a:active
{
  color: #3b3b3b;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
}

.moreInfoIcon
{
  font-size: 13px;
  padding-inline-start: 5px ; 
}

.footer
{
  font-size: 1.2em;
  padding-bottom: 30px;
  padding-top: 30px;
}

.darkTextBlock
{
 color: #ECEFF1;
 padding-inline-start: 15px ;
 padding-top: 2px;
 padding-bottom: 5px;
 padding-inline-end: 15px ;
 border-radius: 3px;
 background: #2f3033;
 height: 100px;

}

.darkTextBlock div
{
  padding-top: 40px; 
}

.clearfix::after
{
  content: "";
  display: block;
  clear: both;
}

/* --- Responsive Styles --- */

@media (max-width: 1400px)
{
  .fixedWidth
  {
    max-width: none;
    padding-inline-start: 20px ;
    padding-inline-end: 20px ;
  }
  
  .staticContentContentBox,
  .guideContentBox
  {   
    width: 45%;
  }
  
}

@media (max-width: 1100px)
{
  .searchContainer
  {
   padding-inline-start: 20px ;
   padding-inline-end: 20px ;
  }
  
  .staticContentContentBox,
  .guideContentBox
  {   
    width: 44%;
  }
}

@media (max-width: 979px)
{
  h1
  {
    font-size: 4em; 
  }
  
  .searchCenteringContainer
  {
	width: auto;
	max-width: none;
  }
  
  .searchBox
  {
   font-size: 1.4em; 
  }
  
  .sectionHeaderContainer
  {
    padding-inline-start: 0 ;
  }
  
  .staticContentContentBox, .guideContentBox
  {
    width: 43%; 
  }
  
  .contentBoxList
  {
   padding-inline-end: 0 ; 
   padding-inline-start: 275px ;
  }
}


/* Phone to portrait tablet */
@media (max-width: 767px) 
{ 
  h1
  {
    font-size: 3em; 
  }
  
  .searchContainer
  {
	height: auto;
	padding-inline-start: 20px ;
  padding-inline-end: 20px ;
	padding-bottom: 20px;
  padding-top: 50px;
	background-image: none;
  }
  
  .searchBox 
  {
    padding-inline-start: 10px ;
  }
  
  .btnSearch
  {
   padding-inline-start: 10px ;
   padding-inline-end: 10px ;
  }
  
  .section
  {
   padding-top: 30px; 
  }
  
  .sectionHeaderContainer
  {
    float: none;
    width: auto;
    padding-top: 0;
    padding-bottom: 50px;
  }
  
  .sectionSubHeader
  {
    padding-inline-start: 0 ;
    padding-inline-end: 0 ;
  }
  
  .contentBoxList
  {
    padding-inline-start: 0 ; 
  }
  
  .staticContentContentBox, .guideContentBox 
  {
    width: 45%;
    margin-inline-start: 10px ;
    margin-inline-end: 10px ;
  }
}

/* Landscape phones and down */
@media (max-width: 480px) 
{ 
  .searchContainer
  {
   padding-top: 20px; 
  }
  
  .staticContentContentBox, .guideContentBox
  {
   margin-inline-start: 0 ;
   margin-inline-end: 0 ;
   width: auto;
   float: none;
   height: auto;
  }
  
  .guideContentBox
  {
    height: auto;
  }
}

.Home_page, body, form
{
  height: auto;
}

.CHOffCanvasPanel_content
{
  display: flex;
  flex-direction: column;
}

.BaseMaster_contentContainer
{
  flex: 1;
}

.BaseMaster_mainMenuContainer {
  background: #000000 !important;
  margin: 0;
  padding: 0;
}

.background{background-image: url('/resources/Storage/support%20portal%20header%20image%20%281%29.png') !important;}.backgroundGlass{background:rgba(255,255,255,.7) !important;}