1#@!#!123s

32759 1#@!#!123s
: / home / aissorg / public_html / demo22 / css /
Filename : custom.css
back
.wow-outer{
    color: #29293a;
}
@media (min-width: 576px){
    .section-xs {
    padding: 45px 0;
    background-color: #ffffff59;
    }  
} 

#disclaimer-cover { 
  height: 480px;
  margin: 0 auto;
  background: transparent url(img/madal.png) no-repeat top left;
}
.disclaimer-outer {
  
  height: 350px;
  border: none;
  padding: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 80px;
  left: -40px;
  /*font-family: Verdana;*/
  font-size: 16px;
  background-color: trasparent;
  color: #900;
}
.disclaimer-inner {
  position: absolute;
  width: 100%;
  height: 570px;
  margin-top: 0px;
  text-align: center;
  
  /*transform: translateY(100%);*/
  /*animation: scroll-up 25s linear 1s infinite normal none running;*/
  
 /* transform: translateY(100%); */
 animation: none; 
  
  
}
/* Move it (definisce l'animazione) */
@keyframes scroll-up {
  0% {
    transform: translateY(30%);
  }
  100% {
    transform: translateY(-100%);
  }
}
/* Mette in pausa l'animazione al passaggio del mouse */
.disclaimer-inner:hover {
  cursor: pointer;
  animation-play-state: paused;
}
.hover-effect::before {
    right: 0;
    opacity:0.7;
    top: 0;
}
.hover-effect::after {
    bottom: 0;
    opacity: 0.7;
    left: 0;
}
.hover-effect::before, .hover-effect::after {
    content: "";
    background: #f4af24;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s !important;
    -o-transition-duration: 1.3s;
  transition-duration: 1.3s !important;
}
.hover-effect:hover::after, .hover-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}
.blink {
font-size: 18px;
animation: blink-color 0.3s steps(3, start) infinite;
}

@keyframes blink-color {
0% {
color: red;
}
25% {
color: #0100c4;
}
100% {
color: #ff0202;
}
}
.devotional-border {
position: relative;
height: 0px; /* Adjust height */

}
.devotional-border::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 15px;
background: linear-gradient(135deg, #8B0000 25%, transparent 25%) -7px 0,
        linear-gradient(-135deg, #8B0000 25%, transparent 25%) -7px 0;
background-size: 23px 27px;
background-repeat: repeat-x;
}



.section-donate{
  background: radial-gradient(circle, #FFFF99 50%, #FF8C00 100%);
  
  }
.section-act{
background: linear-gradient(150deg, #eed976,rgb(238, 194, 98), #fbf896, #d8a436, #e5c35b);
padding: 50px 0; /* Adjust padding as needed */
}
.section-info{
background: radial-gradient(circle, #FFFF99 70%, #FF8C00 100%);
padding: 50px 0; /* Adjust padding as needed */
}
.section-gallery{
background: linear-gradient(to left, #FFFF99 10%, #FF8C00 100%);
padding: 50px 0; /* Adjust padding as needed */
}
.section-know{
background: linear-gradient(150deg, #eed976,rgb(238, 194, 98), #fbf896, #d8a436, #e5c35b);
padding: 50px 0; /* Adjust padding as needed */
}
 /* Center the registration container */
 .form-container {
  background: linear-gradient(150deg, #eed976, rgb(238, 194, 98), #fbf896, #d8a436, #e5c35b);
  padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

h2 {
    margin-bottom: 20px;
    color: #333;
}

.input-line {
    width: 100%;
    border: 1px solid #ddd;
    padding: 12px;
    margin: 10px 0;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
    box-sizing: border-box;
}

.input-line:focus {
    border-color: #d8a436;
}

.submit-btn {
    background-color: #8B0000;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
}

.submit-btn:hover {
    background-color: #a52a2a;
}

/* Success Alert Styling */
.success-alert {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    display: none; /* Initially hidden */
}

/* Information Message */
.info-message {
    color: #555;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}
/* Center the login container */
.login-container {
  background: linear-gradient(150deg, #eed976, rgb(238, 194, 98), #fbf896, #d8a436, #e5c35b);
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

h2 {
  margin-bottom: 20px;
  color: #333;
}

.input-line {
  width: 100%;
  border: 1px solid #ddd;
  padding: 12px;
  margin: 10px 0;
  border-radius: 4px;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
}

.input-line:focus {
  border-color: #d8a436;
}

.login-btn {
  background-color: #8B0000;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  width: 100%;
  cursor: pointer;
}

.login-btn:hover {
  background-color: #a52a2a;
}

/* Success Alert Styling */
.success-alert {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  display: none; /* Initially hidden */
}

/* Information Message */
.info-message {
  color: #555;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}