/* Bottom in Div Class */
.BTM {
  vertical-align: bottom;
}


/* Making a button class */

.btn {
  background-color: #8E1338;
  border: none;
  
  color: white;
  padding: 20px 20px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: #0B2234;
}

/* Login Icons */
.WaGadgetLoginForm .authenticated .loginLink {
  background-color: #ffffff;
  color: #8E1338;
}

.WaGadgetLoginForm .authenticated .loginLink:hover {
  background-color: #8E1338;
  color: #FFFFFE;
}

.WaGadgetLoginForm .loginLink.hover {
  background: #8E1338;
  color: #FFFFFE;
}

.WaGadgetLoginForm .authenticated .loginLink.hover {
  background: #8E1338;
  color: #FFFFFE;
}

.WaGadgetLoginForm .loginLink {
  background-color: #ffffff;
  color: #8E1338;
}

.WaGadgetLoginForm .loginLink:hover {
  background-color: #8E1338;
  color: #FFFFFE;
}

.WaGadgetLoginForm .authenticated .loginPanel a {
  color: #8E1338;
}

.WaGadgetLoginForm .authenticated .loginPanel a:hover {
  color: #8E1338;
}

.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout:hover {
  color: #8E1338;
  text-decoration: none;
}

.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout {
  color: #8E1338;
  text-decoration: underline;
}

.WaGadgetLoginForm .loginButton {
  background: #8E1338;
  color: white;
}

.WaGadgetLoginForm .loginButton:hover {
  background: #0B2234;
  color: white;
}


/* 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); 
}


/* Class to round images */
.circular--square { border-radius: 50%; }

/* 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 */
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton {
  background: #8E1338;
  color: #FFFFFE;
}

.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover {
  background: #0B2234;
  color: #FFFFFE;
}

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



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

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
  background: #0B2234;
  color: #FFFFFE;
}

#socialLoginContainer, #idSocialLoginContainer {
	display: none;
}

.functionalButton {
  background: #8E1338;
  color: #FFFFFE;
}

.functionalButton:hover {
  background: #0B2234;
  color: #FFFFFE;
}

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

.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:hover {
  background: #0B2234;
  color: #FFFFFE;
}

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

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

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

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

.generalFieldsContainer input.typeButton, .generalFieldsContainer input[type=submit] {
    background: #8E1338;
    color: #FFFFFF;
}

.generalFieldsContainer input.typeButton:hover, .generalFieldsContainer input[type=submit]:hover {
    background: #0B2234;
    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: #8E1338;
  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: #8E1338 !IMPORTANT;
}

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

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

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

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

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

.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover {
  background: #0B2234;
  color: #FFFFFE;
}