/*
    ENQUIRY PAGE CSS
    April 2024
*/

:root
{
 --matahari: none; 
 --lwblue:         #0C4964;
 --lwltblue:       #3C7994;
 --lwltback:       #5D9AB5;
}

.creditsheader
{
 font-size: 24px;
 padding: 20px 0 10px 0px;
 color: #004488;
 font-weight: bold;
}

.blurb
{
 font-size: 13px;
}

.greyback  { background-color: #eee; } 
.pinkback  { background-color: pink; }
.whiteback { background-color: #fff; }    

#fax     { display: var(--matahari); }
#contact { display: var(--matahari); }      

.ctitle
{
 padding: 0px 0 10px 0px;
 font-weight: bold;
 font-size: 20px;
 color: #004488;
}

.secondcolumn
{
 padding: 0 10px 0 20px;
 //background-color: pink;
}

.mobile
{
 display: none;
}

.columnlogo
{
 max-width: 100%;
 height: auto;
}

#wrapper
{
 width: 100%;
 max-width: 1000px;
 margin: 0px auto;
}

.mainwrapper
{
 padding: 10px;
}
 
.contact
{
 font-size: 13px;
 color: #004488;
 //font-weight: bold;
}

#thanksheader
{
 font-size: 20px;
 font-weight: bold;
 margin: 24px 0 18px 0px;
 color: #004488;
}  
.thanksblurb { font-size: 14px; }

.submitbutton
{
 background-color: var(--lwltblue);
 text-align: center !important;
 border: none;
 color: white;
 padding: 5px 10px !important;
 font-weight: bold;
 border-radius: 6px;
 width: 60px !important;
 height: 30px !important;
}
.submitbutton:hover
{
 background-color: var(--lwblue);
}


/* ::::::::::::::::  MEDIA QUERIES :::::::::::::::::::: */ 

@media only screen and (max-width: 960px)
{
  .largecontainer
  {
   align: center;
   //width: 800px;
  }
}

@media only screen and (max-width: 850px)
{
  .creditsheader
  {
   font-size: 20px;
   padding: 8px 0 3px 5px;
   color: #004488;
   font-weight: bold;
  }

@media only screen and (max-width: 570px)
{                                  
  .largecontainer                   
  {                                
   align: left;
   margin: 0 auto;
   width: 450px;                   
  }                                
}   

@media only screen and (max-width: 500px)
{   
  .creditsheader
  {
   font-size: 20px;
  }                               
  .largecontainer                   
  {                                
   align: left;
   margin: 0 auto;
   width: 450px;                   
  }                                
} 

@media only screen and (max-width: 480px)
{      
  .creditsheader
  {
   font-size: 18px;
  }                                 
  .largecontainer                   
  {                                
   align: left;
   margin: 0 auto;
   width: 300px;                   
  }                                
}