home/aissorg/public_html/css/custom.css 0000644 00000013030 15116232010 0014245 0 ustar 00 .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;
}