@charset "UTF-8";

/*
	Chebucto Contact Us Page
    Author: Thomas Lacroix
    Creation Date: 2023/08/09 
    Modified Date: 2023/08/14
*/

/* ====================================
   Universal Rules For Donations.html
   ====================================
*/

.contactInfoSection, .mailingInfoSection, .chebuctoSupportEmailSection, .messageFormSection
{
   margin: 2.5% 10%;
   border: solid rgba(9,74,10,255) 5px;
   overflow: hidden;
}
.contactInfoSection:hover, .mailingInfoSection:hover, .chebuctoSupportEmailSection:hover, .messageFormSection:hover{
   overflow: auto;
}

.contactInfoSection
{
   text-align: center;
}

a
{
   color: rgba(9,74,10,255);
   font-weight: bold;
}


/* =============================================
   Large Desktop Screen Styles: 1051px and larger
   =============================================
*/


   /* Page Sections */

.heroSection
{
    width: 100%;
    height: 52.5%;
}

  /**/
  .contactInfoSection  
  {
    height: 50%;
  }

  .mailingInfoSection{
    height: 50%;
  }

  .contactInfoSection img{
    height: 5vw;
    width: 5vw;
  }

  .chebuctoSupportEmailSection
  {
      height:60%;
  }

  .contactInfoSection p, .mailingInfoSection p, .chebuctoSupportEmailSection p
  {
      font-size: 1.4vw;
  }
  .mailingInfoSection p, .chebuctoSupportEmailSection p
  {
      margin: 0 10%;
  }
  .chebuctoSupportEmailSection p
  {
   padding: 10px 0 ;
  }

  #contactInfoSectionContent
  {
      text-align: left;
      margin: 0 10%;
  }

   /* Subsection Title Rules */
   .subsectionTitle
   {
      padding: 2.5% 0;
      font-size: 1.75rem;
      margin: 0;
   }

   
/* things used in the secure message form */
.messageFormSection{
   height: 110%;
 }

table, th, td{
   width: 65%;
   margin-left:2%;
   vertical-align: top;
   height: 15vh;
}

h2{
   padding:0%;
   margin:0%;
}
.messageFormSection h3{
   padding:0%;
   margin:0%;
   font-size: 1.5vw;
   color: rgba(9,74,10,255);
}
.messageFormSection p{
   margin:0%;
   padding:0%;
   font-size: 1.2vw;
}
input{
   height:30%;
   width: 50%;
   border-radius: 4px;

}
textarea{
   border-style: solid;
   border-color: black;
   border-width: 2px;
   height: 60%;
   width: 120%;
}
input[type=submit]{
   width:30%;
   margin-top: 5%;
   margin-bottom: 5%;
   padding-top: 10px;
   padding-bottom: 10px;
   cursor: pointer;
   font-size: 1vw;
   background-color: green;
   color:white;
   margin-left:30%;
   margin-right:0%;
}
input[type=reset]{
   width:15%;
   padding-top: 10px;
   padding-bottom: 10px;
   cursor: pointer;
   font-size: 1vw;
   background-color: green;
   color:white;
   margin-left:10%;
   margin-right:0%;
}
.textareaSize{
   box-sizing: border-box;
}
#boxsize{
   width:90%;
}
/*message section end */
/* ===============================
   Mobile Styles: 0px to 600px 
   ===============================
*/
@media only screen and (max-width: 600px) and (min-width: 0px)
{
   .heroSection
   {
       width: 100%;
       height: 35%;
   }
   
     /**/
     .contactInfoSection  
     {
       height: 35%;
     }
   
     .mailingInfoSection{
       height: 35%;
     }
   
     .contactInfoSection img{
       height: 5vw;
       width: 5vw;
     }
   
     .chebuctoSupportEmailSection
     {
         height:65%;
     }
   
     .contactInfoSection p, .mailingInfoSection p, .chebuctoSupportEmailSection p, .messageFormSection p
     {
         font-size: 3vw;
     }
     .mailingInfoSection p, .chebuctoSupportEmailSection p
     {
         margin: 0 10%;
     }
     .chebuctoSupportEmailSection p
     {
      padding: 10px 0 ;
     }
   
     #contactInfoSectionContent
     {
         text-align: left;
         margin: 0 10%;
     }
   
      /* Subsection Title Rules */
      .subsectionTitle
      {
         padding: 2.5% 0;
         font-size: 1.75rem;
         margin: 0;
      }
   /* things used in the secure message form */
.messageFormSection{
   height: 70%;
 }

table, th, td{
   width: 80%;
   margin-left:1%;
   vertical-align: top;
   height: 10vh;
}

h2{
   padding:0%;
   margin:0%;
}
.messageFormSection h3{
   padding:0%;
   margin:0%;
   font-size: 3vw;
   color: rgba(9,74,10,255);
}
.messageFormSection p{
   margin:0%;
   padding:0%;
   font-size: 2.5vw;
}
input{
   height:30%;
   width: 50%;
   border-radius: 4px;

}
textarea{
   border-style: solid;
   border-color: black;
   border-width: 2px;
   width: 200%;
   height: 60%;
}
input[type=submit]{
   width:40%;
   margin-top: 5%;
   margin-bottom: 5%;
   padding-top: 10px;
   padding-bottom: 10px;
   cursor: pointer;
   font-size: 2.5vw;
   background-color: green;
   color:white;
   margin-left:10%;
   margin-right:0%;
}
input[type=reset]{
   width:30%;
   padding-top: 10px;
   padding-bottom: 10px;
   cursor: pointer;
   font-size: 2.5vw;
   background-color: green;
   color:white;
   margin-left:5%;
   margin-right:0%;
}
#boxsize{
   width:150%;
}
}

/* ===============================
   Tablet Styles: 601px to 950px 
   ===============================
*/
@media only screen and (max-width: 950px) and (min-width: 601px)
{
   .heroSection
   {
       height: 45%;
   }
   
     /**/
     .contactInfoSection  
     {
       height: 35%;
     }
   
     .mailingInfoSection{
       height: 32%;
     }
   
     .messageFormSection{
       height: 50%;
     }
   
     .contactInfoSection img{
       height: 5vw;
       width: 5vw;
     }
   
     .chebuctoSupportEmailSection
     {
         height:65%;
     }
   
     .contactInfoSection p, .mailingInfoSection p, .chebuctoSupportEmailSection p, .messageFormSection p
     {
         font-size: 3vw;
     }
     .mailingInfoSection p, .chebuctoSupportEmailSection p
     {
         margin: 0 10%;
     }
     .chebuctoSupportEmailSection p
     {
      padding: 10px 0 ;
     }
   
     #contactInfoSectionContent
     {
         text-align: left;
         margin: 0 10%;
     }
   
      /* Subsection Title Rules */
      .subsectionTitle
      {
         padding: 2.5% 0;
         font-size: 1.75rem;
         margin: 0;
      }
      /* things used in the secure message form */
.messageFormSection{
   height: 70%;
 }

table, th, td{
   width: 65%;
   margin-left:2%;
   vertical-align: top;
   height: 10vh;
}

h2{
   padding:0%;
   margin:0%;
}
.messageFormSection h3{
   padding:0%;
   margin:0%;
   font-size: 2.5vw;
   color: rgba(9,74,10,255);
}
.messageFormSection p{
   margin:0%;
   padding:0%;
   font-size: 2vw;
}
input{
   height:30%;
   width: 50%;
   border-radius: 4px;

}
textarea{
   border-style: solid;
   border-color: black;
   border-width: 2px;
   height: 60%;
   width: 170%;
}
input[type=submit]{
   width:30%;
   margin-top: 5%;
   margin-bottom: 5%;
   padding-top: 18px;
   padding-bottom: 18px;
   cursor: pointer;
   font-size: 1.8vw;
   background-color: green;
   color:white;
   margin-left:20%;
   margin-right:0%;
}
input[type=reset]{
   width:17%;
   padding-top: 18px;
   padding-bottom: 18px;
   cursor: pointer;
   font-size: 1.8vw;
   background-color: green;
   color:white;
   margin-left:10%;
   margin-right:0%;
}
#boxsize{
   width:110%;
}
}