/* ------------------------------------------------------------ */
/* Nimble CustomCSS Styles                                      */
/* ------------------------------------------------------------ */

.navbar {
	min-height: 125px;
}

.m-logo-retina {
    height: 100px;
}

/* Indents and shrinks Community Hub navigation items */
.nav-child {
    margin-left: 2em;
    font-size: .9em;
}
/*CSS to control checkbox option display within flow on CH */
.nu-lightning-wrapper .uiBlock .bBody .slds-form-element__control .slds-checkbox {
    width: auto;
}

/*CSS to control text area label display within flow on CH */
.nu-lightning-wrapper .bBody .inputHeader .richTextLabel {
    display: inline-block;
    float: none;
    text-align: left;
	width: 100%;
}

/*CSS to control previous button display within flow on CH */
.slds-button.slds-button--neutral.uiButton--default.uiButton{
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgb(217, 219, 221);
    transition: border .15s linear;
    background-color: rgb(0, 112, 210);
    border-color: rgb(0, 112, 210);
    color: rgb(255, 255, 255);	
}

/*CSS to allow Address lightning component country picklist to behave correctly within flow on CH */
.slds-scope .slds-form_compound .slds-form-element__group .slds-form-element__row{
	display: inherit;
}

/*CSS to relocate the required asterisk */
.nu-lightning-wrapper .uiBlock .bBody .inputHeader .required{
	margin-right: auto;
	margin-left: auto;
}

/*CSS to add padding to radio button inputs within a flow in Community Hub*/
.flowruntimeRadioButtonInput .bBody .slds-form-element__control{
    padding-top: 25px;
}

/* ------------------------------------------------------------ */
/* AHLA-specific styles                                         */
/* Increase specificity with 'body' to override baseline styles */
/* ------------------------------------------------------------ */

/* Fonts */

/* Import Poppins font from Google, similar to Sofia Pro */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* Import Playfair Display font from static resources */
@font-face {
    font-family: 'Playfair Display';
    src: url('AHLAWebsiteFont/playfair-display/PlayfairDisplay-Regular.otf');
}

/* Headings */

body h1, 
body h2 {
    font-family: "Playfair Display", "Times New Roman", serif;
}

body h4 {
    font-weight: normal;
}

/* Cards */

body .card,
body .card-list {
    border-radius: 0;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}

body .card-list .card {
    box-shadow: none;
}

body .card .card-heading,
body .card-list .card-list-heading {
    font-family: "Playfair Display", "Times New Roman", serif;
}

body .card-list .card .card-heading {
    font-family: "sofia-pro", Poppins, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
}

/* Only the heading, not the links or buttons inside the heading */
body .card .card-heading .btn-group,
body .card-list .card-list-heading .btn-group,
body .card .card-heading a,
body .card-list .card-list-heading a {
    font-family: "sofia-pro", Poppins, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body .card .card-heading a {
    font-weight: normal;
    font-size: 14px;
}

/* Profile card name */
body .card ul.m-profile-info li:first-of-type {
    font-family: "Playfair Display", "Times New Roman", serif;
}

body .m-card-message {
    color: #404040;
}

/* Navbar */

body .navbar {
    border-width: 0;
}

body .navbar-default {
    background: url('AHLACommunityHubImages/ahla-header-bell.png') no-repeat center center;
    background-size: cover;
    border-width: 0;
}

/* Buttons */

body .btn,
body .btn-lg {
    border-radius: 0;
}

body .input-group-addon {
    border-radius: 0;
}

body .btn-primary,
body .btn-secondary {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
}

body .btn-primary:hover {
    background-color: #ea3c2f;
    border-color: #ea3c2f;
}

body .btn-secondary:hover { /* Currently the same as primary, but could change */
    background-color: #ea3c2f;
    border-color: #ea3c2f;
}

/* SF renders disabled links as spans, so we apply the disabled styles */
body span.btn {
    background-color: #edece7;
    border-color: #edece7;
}

/* Highlighted button in the top nav */
@media only screen and (min-width: 768px) {
    body .navbar-default .navbar-nav > li > a {
        border-width: 0;
    }
    body .navbar-default .navbar-nav > li.m-highlight > a {
        border-radius: 0;
    }
}

/* Links */

body a.list-group-item:focus, 
body a.list-group-item:hover {
    background-color: #edece7;
}

/* Forms */

body .form-control {
    border-radius: 0;
}

body .m-control-value span select:not(.form-control) {
    border-radius: 0;
}

/* Alerts and Messages */

body .alert {
    border-radius: 0;
}

body .card-detail .errorMsg {
    border-radius: 0;
}

body .alert-info, 
body .card.m-card-as-alert.alert-info {
    background-color: #c3cfd4;
    border-color: #91a6b3;
    color: #4a728b;
}

/* Footer */

footer #footer-logo {
    display: block;
    max-width: 100px;
    margin-bottom: 1em;
}

footer nav {
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

footer #copyright {
    font-size: 0.8em;
}

footer nav ul {
    margin: 0;
    padding: 0;
}

footer nav ul li {
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    float: none;
}

footer nav li a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
}

footer nav li a:hover {
    color: #ea3d2f;
    text-decoration: none;
}

footer nav a.facebook, 
footer nav a.twitter, 
footer nav a.linkedin {
    text-indent: -1000em;
    display: inline-block;
    width: 28px;
    height: 35px;
}

footer nav a.facebook {
    background: url('//www.ahla.com/themes/custom/ahla/assets/img/ico/icon-facebook.png') no-repeat center center;
}

footer nav a.facebook:hover {
    background: url('//www.ahla.com/themes/custom/ahla/assets/img/ico/icon-facebook-hover.png') no-repeat center center;
}

footer nav a.twitter {
    background: url('//www.ahla.com/themes/custom/ahla/assets/img/ico/icon-twitter.png') no-repeat center center;
}

footer nav a.twitter:hover {
    background: url('//www.ahla.com/themes/custom/ahla/assets/img/ico/icon-twitter-hover.png') no-repeat center center;
}

footer nav a.linkedin {
    background: url('//www.ahla.com/themes/custom/ahla/assets/img/ico/icon-linkedin.png') no-repeat center center;
}

footer nav a.linkedin:hover {
    background: url('//www.ahla.com/themes/custom/ahla/assets/img/ico/icon-linkedin-hover.png') no-repeat center center;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

@media (max-width: 768px) {
  .navbar {
	min-height: 75px !important;
}
}