/* Formatting the TopNav */

body {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  user-select: none; /*Standard syntax */
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

@media print {
  body {
    display: none;
  }
}

.logo{
  
  width: 20rem;
}
 
.topo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  margin: 0 auto;
  padding: 20px 10px;
  padding: 1rem;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: 'proxima_nova_scosfthin', sans-serif, Georgia;
  overflow: hidden;
  text-align: right;
 }
 
  .flex-auto{
    
     display: inline-block;
     position: relative;
     margin-right: auto;
 }
  
 .main-image {
  /* display: flex; */
  justify-content: center;
  position: relative;
  /* display: inline-block; */
  
 }


 .main-image img {
  display: block;
 }

 .main-image .legend {
  position: relative;
  margin: 0 auto;
  width: 25%;
  color: #41414D;
  text-align: center;
  padding: 0;
  font-size: 0.8rem;
  font-family: 'Spectral Regular', sans-serif, Georgia;
}

 #our-lady-and-st-dominic {
  width: 25%;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 5%;
  text-align: center;
}

h1 {
  font-family: 'proxima_nova_altbold', sans-serif, Georgia;
  font-size: 2.5rem;
  text-align: center;
  margin: 0 auto;
  width: 45rem;
}

h2 {
  font-family: 'proxima_nova_altbold', sans-serif, Georgia;
  font-size: 1.9rem;
  text-align: center;
  margin: 0 auto;
  width: 40%;
}
   
   /* Add an active class to highlight the current page */
   .ativo {
     
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     font-size: 1.1rem;
     float: left;
     display: block;
     background-color: #41414D;
     color:white;
    }
     
   /* Add a dark background on topnav links and the dropdown button on hover */
   .topo a:hover, .dropdown:hover .dropbtn {
     background-color: #C6E1E8;
     color: #41414D;
     /* border-radius: 10%; */
   }
   
   
/*********************************************************************/
  /* br {
    content: "";
    margin: 2em;
    display: block;
    font-size: 24%;
  } */

/*********************************************************************/
.resumo {
  margin-left: 80%;
  margin-right: 5%;
  background-color: #f1eaea;
  color: #41414D;
  border-radius: 10%;
  padding: 2rem;
  text-align: center;
}

/*********************************************************************/

* {
  box-sizing: border-box;
}

.image-for-book {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin: 0 auto;
  padding: 20px 10px;
}

.image-for-book img {
  cursor: pointer;
  /* width: 20rem; */
  /* max-width: 800px; */
  /* height: 15rem; */
  /* max-width: 350px;
  height: 300px; */
  object-fit: cover;
  border-radius: 3%;
  overflow: hidden;
}




.book-cover {
  position: relative;
  overflow: hidden;
  border-radius: 3%;
}

.book-cover-1 {
  transition: transform 0.7s ease;
  width: 20rem;
}

.book-cover-1:hover {
  display: flex;
  align-items: flex-end;
  transform: scale(1.1);
}



.article {
  margin: 0 auto;
  width: 38.5%;
  font-family: 'Spectral Regular', sans-serif, Georgia;
  font-size: 1.2rem;
  text-align: left;
  color: #363737;
  font-weight: 500;
}

/* Medium screens (tablets) */
@media (max-width: 1024px) {
  .article {
      width: 80%; /* Increase width on medium screens */
  }
}

/* Small screens (mobile devices) */
@media (max-width: 480px) {
  .article {
      width: 85%; /* Further increase width on small screens */
  }
}


/*********************************************************************/*
  

 
/* FOOTER STYLES */

.footer{
  display: flex;
  justify-content: space-around;
  background-color: #C6E1E8;
  color: #41414D;
  padding-bottom: 0.8rem;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  font-size: 1.1rem;
  font-family: 'proxima_nova_altbold', sans-serif, Georgia;
  font-weight: 400;

}
.footer > div {
  background-color: #C6E1E8;
  /* width: 11rem; */
  margin: 0;
  text-align: center;
  line-height: 1rem;
 
  /* font-size: 1rem; */
}

.copyright {
  width: 10rem;
  text-align: left;
  color: #41414d;
  font-size: 0.9rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: 'proxima_nova_ltsemibold', sans-serif, Georgia;
  }

.king {
  width: 6rem;
  font-family: 'proxima_nova_ltsemibold', sans-serif, Georgia;
  font-weight: 350;
  font-size: 1rem;
  border-top: 1px solid currentColor; 
  border-bottom: 1px solid currentColor; 
  padding-top: 0.5rem;
}  

.options {
  width: 10rem;
  text-align: center;
  color: #41414d;
  font-size: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: 'proxima_nova_ltsemibold', sans-serif, Georgia;
}

  /* unvisited link */
.options:link, .titles:link {
  color: #41414d;
  text-decoration: none;
}

/* visited link */
.optionsvisited, .titles:link {
  color: #41414d;
  text-decoration: none;
}

/* mouse over link */
.options:hover, .titles:hover {
  color: #ff1100;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

/* selected link */
.options:active {
  color: #ff1100;
}

hr {
 width: 9rem;
}

.division {
  width: 70%;
}

.donate-share {
  display: flex;
  justify-content: center;
} 

.donate {
    
    width: 7rem;
    font-family: 'Proxima Nova', sans-serif, Georgia;
    /* margin: 0 50%; */
    /* background-color: #ffc933; */
    background-color: #f73838;
    color: white;
    padding: 0.5rem 0.4rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;  
}

.donate:hover {
  /* background-color: #6C9FB2; */
  background-color: #2cc218 ;
  /* color: #41414D; */
  color: white;
}

.space-donate {
  margin-top: 2rem;

}

.sign-up {
  display: flex;
  justify-content: center;
  position: relative;
}

.line-bottom {
  display: flex;
  justify-content: center;
  /* margin-left: 1.35rem; */
  /* margin-right: ; */
}

.member {
  display: flex;
  justify-content: center;
  margin-left: 1.35rem;
  /* width: 5rem; */
} 

.be-a-member {
  
    width: 9rem;
    height: auto;
    font-family: Arial, "Calibri Light", Georgia;
    /* margin: 0 50%; */
    /* background-color: #ffc933; */
    background-color: #F9BA4E;
    color: white;
    padding: 0.5rem 0.4rem;
    text-align: center;
    text-decoration: none;
    /* display: inline-block; */
    font-size: 1.1rem;
    font-weight: 200;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;  
    /* margin: auto; */
    margin-right: 1.3rem;
}

.be-a-member:hover {
  /* background-color: #6C9FB2; */
  background-color: #2cc218; ;
  /* color: #41414D; */
  color: white;
}