/* Main page elements */
div[role=banner],
.cHeaderWrapper{
	position: fixed !important;
    left: 0;
    top: 0;
    width: 100vw;
}

div[role=main],
.cCenterPanel:not(#centerPanel) {
  min-height: calc(100vh - 174px - 45.38px); /* 174px for header, 45.38px for footer */
  margin-top: 0 !important;
  margin-bottom: 45.38px !important; /* offset content from sticky footer */
}

@media screen and (max-width: 768px) {
    div[role=main],
    .cCenterPanel {
    	min-height: calc(100vh - 125px); /* magic number */
    }
}

:not(#centerPanel) > div > .contentRegion,
:not(#centerPanel) > .siteforceContentArea {
    margin-top: 124px; /* height of banner including large logo */
}

.siteforceCptBody {
    border: 0 !important;
}

.cFooterPanel {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 99;
}

/* End Main Page Elements */

/* Navigation Menu & Logo */
@media screen and (min-width: 768px) {
    .cBrandingLogo {
        position: absolute !important;
        top: 0;
        margin-top: -4px;
        width: 125px !important;
        height: 125px !important;
    }

    .cLogo:after {
        content: '';
        display: block;
        width: 125px;
        height: 75px;
    }
}

.header-logo[c-portalLogoHeader_portalLogoHeader].slds-is-absolute {
    position: fixed;
    z-index: 99;
}

@media screen and (max-width: 768px) {
    .header-logo[c-portalLogoHeader_portalLogoHeader] {
        display: initial !important;
    }
    
    .contentRegion,
    .siteforceContentArea{
        margin-top: 75px;
    }
}

.cHeader {
	margin-top: -1px;
    padding-top: 0;
}

.selfServiceProfileMenuTrigger span {
    color: #555960;
}

.forceHeaderButton {
    margin: 14px;
    color: #555960;
}

.forceCommunityGlobalNavigation * {
    font-family: Arial !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

@media screen and (min-width: 768px) {
    .cHeaderTopInternalWrapper {
    	align-items: flex-end !important;    
    }
    
    .uiMenu.selfServiceUserProfileMenu * { 
        font-size: 20px !important;
        font-weight: bold !important;
	}
}

@media screen and (min-width: 1024px) {
    .comm-navigation__item a {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    
    .comm-navigation__item a:after {
        content: '';
        display: block;
        height: 1rem;
        width: 1rem;
        background-color: white;
        margin: 0 1rem;
    }
    
    .comm-navigation__item a,
    .comm-navigation__item a:hover {
        text-decoration: none !important;
    }
    
    .comm-navigation__item a:hover::after {
        transition-duration: 0.5s;
       	background-color: #FFE512;
    }
}

@media screen and (max-width: 768px) {
    .cLogo {
        display: none;
    }
    
    .siteforceCptBody .cHeader .cAltToggleNav .slds-button__icon {
        color: #FFF !important;
    }
    
    .slds-list_vertical.slds-is-nested.slds-is-absolute.right-align {
        right: initial !important; /* Stops the menu from clipping offscreen in tablet view */
    }
    
    .comm-navigation__list.slds-list_vertical { /* padding for vertical menu in mobile view */
        padding-top: 100px;
    }
}
/* End Navigation Menu */

/* Front Page Carousel */
.slds-carousel__content.content-container,
.slds-carousel__indicators,
.slds-carousel__autoplay {
    display: none;
}

.slds-carousel__panel-action {
    border: 0 !important;
    border-radius: 0 !important;
}
/* End Front Page Carousel */

/* Login Page */
#LoginNew:before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.salesforceIdentityLoginBody2 .cCenterPanel {
    min-width: 350px !important;
    max-width: 350px !important;
    z-index: 1; /* Move center panel infront of background opacity */
}

.salesforceIdentityLoginBody2 .cCenterPanel .forceCommunityRichText * {
    color: #FFF;
}

.salesforceIdentityLoginBody2 .cCenterPanel:before {
    border-radius: 12px !important;
    border: solid 1px #FFE512;
}

.salesforceIdentityLoginForm2 .error {
    font-style: italic;
}

.salesforceIdentityLoginForm2 .uiButton .label {
    color: #697477 !important;
}

.salesforceIdentityLoginBody2 .inputContainer {
   border-radius: 12px !important;
}

.salesforceIdentityLoginBody2 .loginButton {
    border-radius: 12px !important;
    background-color: #FFE512 !important;
}

.salesforceIdentityLoginBody2 a:hover {
    text-decoration: underline !important;
    color: initial !important;
}

.salesforceIdentityLoginForm2 div:nth-of-type(3) {
	text-align: center !important;    
}

button.loginButton {
    width: 60% !important;
    margin-top: 40px !important;
}

.salesforceIdentityLoginForm2 .inputContainer .inputBox {
    width: 90% !important;
}
/* End Login Page */

/* Homepage Tile Menu Styling */
.community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout.comm-tile-menu__item-tile.comm-tile-menu__image-preview {
    border: 1px solid #697477;
}

.community_navigation-tileMenuItemBanner_tileMenuItemBanner.comm-tile-menu__item-title.slds-text-align_center {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
}
/* End Homepage Tile Menu Styling */