.footer-component-border { background: #FFFFFF!important; border-top: 1px solid rgba(0, 0, 0, 0.10)!important; } .footer-fontcolor-black-darken { color: #1D1D1D!important; } .footer-component-lighten-5 { color: #dcdddd !important; } a.footer-link { text-decoration: none; } @media screen and (max-width:600px) { .footer-fontcolor-black-darken { color: rgba(0, 0, 0, 0.50) !important } } /************************* Override the Vuetify classes values ***** */ .footerpage_page_footer.v-footer { font-size: 0.875rem !important; } .footerpage_email_textbox .v-input__slot { border: 1px solid rgba(0, 0, 0, 0.10) !important; border-radius: 2px !important; } .footerpage_submit_email_btn.v-btn { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .footerpage_min_height { min-height: 1.5625rem !important; } .footerpage_word_break.v-list-item__title { white-space: unset !important; //for word break } .footer-list_subheader { height: 1.875rem !important; padding: 0 0.5rem !important; } .footerpage_email_textbox.v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot { min-height: 0.625rem !important; height: 2.3125rem !important; } .footer-links{ display:flex; color:#ffffff; justify-content: space-between; // margin:60px 0px; } .footer-bottom-link{ display:inline-flex; } .footer-bottom-link a{ font-size: 14px !important; } .link-col{ color:#ffffff !important; } /*.link-col:nth-child(3) .title{ margin-bottom: -4px; } .link-col:nth-child(4) a:nth-child(1){ margin-top: 4px; text-transform: uppercase !important; }*/ .link-col a{ color:#ffffff !important; text-decoration: none; font-size: 14px !important; padding-bottom:12px; word-break: break-word!important; display: flex; align-content: space-between; } /*.title{ color:#dcdddd !important; display: block; font-size: 1rem !important; }*/ .v-application .title { color:#dcdddd !important; font-size: 0.625rem !important; font-weight: 500; letter-spacing: .0125em!important; text-transform: uppercase !important; padding-bottom:14px; } @media (min-width: 600px) and (max-width: 960px) { .footer-links{ display:grid; grid-template-columns: auto auto; grid-gap: 50px; padding-left:10px; } .footer-bottom-link{ display:flex; padding-left:10px; flex-direction: column-reverse; } } @media screen and (max-width: 600px) { .footer-links{ display:block; padding-left:10px; margin:20px 0px; } .link-col{ margin-bottom:40px; } .v-application .title { font-size: 0.825rem !important; padding-bottom:7px; } .link-col a{ padding-bottom:7px; } .footer-bottom-link{ display:flex; padding-left:10px; flex-direction: column-reverse; } }