/* Login Icons */

.WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #151E35;
    color: white;
}

.WaGadgetLoginForm .loginLink:hover, .WaGadgetLoginForm .loginLink.hover {
    background: #151E35;
}

.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
width: 100px;
height: 40px;
}
.WaGadgetLoginButton .authenticated .loginLink:before, .WaGadgetLoginForm .authenticated .loginLink:before {
font: normal 18px/40px 'Ubuntu';
content: 'PROFILE';
}
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
width: 100px;
height: 40px;
}
.WaGadgetLoginButton .loginLink:before, .WaGadgetLoginForm .loginLink:before {
font: normal 18px/40px 'Ubuntu';
   content: 'LOGIN';
}

.WaGadgetLoginForm .authenticated .loginLink {
  background: #DD403E;
  color: #ffffff;
}

.WaGadgetLoginForm .authenticated .loginLink:hover {
  background: #121e35;
  color: #ffffff;
}

.WaGadgetLoginForm .loginLink {
  background: #DD403E;
  color: #ffffff;
}

.WaGadgetLoginForm .loginLink:hover {
  background: #121e35;
  color: #ffffff;
}

/* Hiding logos depending on screen size */
@media only screen and (max-width: 768px) {
  .HideSmall {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .HideBig {
    display: none;
  }
}

/* Changes for System Pages */

.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton {
  background: #DD403E;
  color: #FFFFFE;
}

.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover {
  background: #121E35;
  color: #FFFFFE;
}


.WaGadgetAuthorizationRequired .loginPageTable input.loginButton {
  background: #DD403E;
  color: #FFFFFE;
}

.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover {
  background: #121E35;
  color: #FFFFFE;
}

.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
}

generalFieldsContainer input.typeButton, .generalFieldsContainer input[type=submit] {
  background: #DD403E;
  color: #FFFFFE;
}

generalFieldsContainer input.typeButton, .generalFieldsContainer input[type=submit]:hover {
  background: #121E35;
  color: #FFFFFE;
}

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
  background: #DD403E;
  color: #FFFFFE;
}

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
  background: #121E35;
  color: #FFFFFE;
}

#socialLoginContainer, #idSocialLoginContainer {
	display: none;
}

.functionalButton {
  background: #DD403E;
  color: #FFFFFE;
}

.functionalButton:hover {
  background: #121E35;
  color: #FFFFFE;
}

.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton {
  background: #DD403E;
  color: #FFFFFE;
}

.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:hover {
  background: #121E35;
  color: #FFFFFE;
}

.WaGadgetTermsOfUse .login-role-actions input[type='submit'] {
  background: #DD403E;
  color: #FFFFFE;
}

.WaGadgetTermsOfUse .login-role-actions input[type='submit']:hover {
  background: #121E35;
  color: #FFFFFE;
}

.WaGadgetUnsubscribeFromEmails form input[type=submit] {
  background: #DD403E;
  color: #FFFFFE;
}

.WaGadgetUnsubscribeFromEmails form input[type=submit]:hover {
  background: #121E35;
  color: #FFFFFE;
}

/* Divider With Center Flame */
.divider {
  font-size: 26px;
  display: flex;
  align-items: center;
}

.divider::before, .divider::after {
  flex: 1;
  content: '';
  padding: 3px;
  background-color: #DD403E;
  margin: 20px;
}
 
/* Class To Grow On Hover */
.zoom {
  transition: transform .8s;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.1); 
}

/* Colors for mobile menu */

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
color: #dd403e !IMPORTANT;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
color: #FFFFFE !IMPORTANT;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
background: #dd403e !IMPORTANT;
color: white !IMPORTANT;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover {
background: #FFFFFE !IMPORTANT;
color: #DD403E !IMPORTANT;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
color: #DD403E !IMPORTANT;
}

/* Changes to Event Registration Buttons */

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {
    background: #dd403e;
    color: #ffffff;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover {
    background: #121e35;
    color: #ffffff;
}

.navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type=submit] {
    background: #dd403e;
    color: #ffffff;
}

.navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type=submit]:hover {
    background: #121e35;
    color: #ffffff;
}

.WaGadgetEventsStateRegistration #idSectionGuestListContainer .navigationContainer input[type=submit] {
background: #dd403e;
    color: #ffffff;
}

.WaGadgetEventsStateRegistration #idSectionGuestListContainer .navigationContainer input[type=submit]:hover {
background: #121e35;
    color: #ffffff;
}

.commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton {
    background: #dd403e;
    color: #ffffff;
}

.commonMessageBox .cww-co .buttons input[type="submit"]:hover, .commonMessageBox .cww-co .buttons input.typeButton:hover {
    background: #121e35;
    color: #ffffff;
}

.WaGadgetEventsStateRegistrationsList .titleOuterContainer input.typeButton, .WaGadgetEventsStateSelfRegistrationsList .titleOuterContainer input.typeButton {
    background: #dd403e;
    color: #ffffff;
}

.WaGadgetEventsStateRegistrationsList .titleOuterContainer input.typeButton:hover, .WaGadgetEventsStateSelfRegistrationsList .titleOuterContainer input.typeButton:hover {
    background: #121e35;
    color: #ffffff;
}

.WaGadgetEventsStateRegistrationsList .generalFormOuterContainer .boxOuterContainer .boxBodyOuterContainer .titleOuterContainer .titleRightContainer input.typeButton, .WaGadgetEventsStateSelfRegistrationsList .generalFormOuterContainer .boxOuterContainer .boxBodyOuterContainer .titleOuterContainer .titleRightContainer input.typeButton {
    background: #dd403e;
    color: #ffffff;
}

.WaGadgetEventsStateRegistrationsList .generalFormOuterContainer .boxOuterContainer .boxBodyOuterContainer .titleOuterContainer .titleRightContainer input.typeButton:hover, .WaGadgetEventsStateSelfRegistrationsList .generalFormOuterContainer .boxOuterContainer .boxBodyOuterContainer .titleOuterContainer .titleRightContainer input.typeButton:hover {
    background: #121e35;
    color: #ffffff;
}

.WaGadgetEventsStateRegistrationsList #membersTable tbody tr td.memberDirectoryColumn3 input[type="submit"], .WaGadgetEventsStateSelfRegistrationsList #membersTable tbody tr td.memberDirectoryColumn3 input[type="submit"] {
    background: #dd403e;
    color: #ffffff;
}

.WaGadgetEventsStateRegistrationsList #membersTable tbody tr td.memberDirectoryColumn3 input[type="submit"]:hover, .WaGadgetEventsStateSelfRegistrationsList #membersTable tbody tr td.memberDirectoryColumn3 input[type="submit"]:hover {
    background: #121e35;
    color: #ffffff;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton {
    background: #dd403e;
    color: #ffffff;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover {
    background: #121e35;
    color: #ffffff;
}

.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*="Button"] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*="Button"] span {
    background: #dd403e;
    color: #ffffff;
}

.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*="Button"] a:hover, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*="Button"] span:hover {
     background: #121e35;
    color: #ffffff;
}

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover {
    background: #dd403e;
    color: #ffffff;
}