/**
Name:           AlertMessage Web - Unsubscribe
Updated:        Jan 28, 2025
Copyright:      See LICENSE.txt
Description:    CSS for unsubscribe pages
*/

body {
  background-color: #f6f6f6;
  font-family: "Open Sans";
  font-size: 16px;
}

header { margin-top: 10px; }

main {
  padding: 15px;
  min-height: 85vh;
  position: relative;
}

a { color: #006CE0; }

.hidden { display: none; }

.alertable-logo {
  max-width: 300px;
  display: block;
  margin: auto;
}

.unsubscribe-title {
  margin-top: 25px;
  font-weight: bold;
}

.unsubscribe-text1 {
  margin-top: 25px;
  font-size: 1.2em;
}

.unsubscribe-text2 {
  margin-top: 50px;
  font-size: 0.9em;
}

.unsubscribe-text3 {
  margin-top: 15px;
  font-size: 0.9em;
}

.unsubscribe-confirm { margin-top: 25px; }

#unsubscribe-button {
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #0a55a0;
  border-color: #0a55a0;
}

#unsubscribe-button:hover {
  background-color: #074c91;
  border-color: #074c91;
}

.footer-links a { padding-left: 40px; }

@media (max-width: 480px) {
  .footer-links a { padding-left: 15px; }
}

.loader-focus {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  pointer-events: none;
}

.loader-spinner {
  position: absolute;
  z-index: 3;
  top: calc(50% - 55px/2);
  left: calc(50% - 60px/2);
  border-radius: 50%;
  border: solid 6px #0c67c2;
  border-top-color: #fff;
  width: 75px;
  height: 75px;
  animation-name: spin;
  animation-duration: 800ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  pointer-events: none;
}

@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}