/* 
Author: Travauris Manley
Date: 02/15/26
File Name: styles.css
*/

/*CSS Reset/*

    body, header, nav, main, footer, img, h1, h3,ul {
        margin: 0;
        padding: 0;
        border: 0;
    }
    
    nav ul{
        list-style-type:block
        border-top: 0.5px
        color: #f6eee4
    }
    
    /*Style rues for body and images/*
    
    body, images { 
        background-color: #f6eee4
        img: max-width: 100%;}
        
        
        /* Style rules for navigation area/*
        
        nav {
         background-color: #2a1f14
            
        }
            nav ul { 
                list-style-type; none;
                margin: 0;
                text-align: center;
            }
            nav li { 
                display: inline-block; 
                font-color: #f6eee4; 
                padding: 0.5em 
                margin-bottom: 0.5em
                margin-top: 0.5em
                float: left; 2em
                float: right; 2em
            }
            
            /* Style rules for main content/*
            
            main { 
                padding: 2%;
                font-size: 1.25em
                font-family: Verdana, Arial, sans-serif;
            }
            
            h3{ 
                padding: 2%
            }
            main ul{
                list-style-type; square;
                font-color: #4d3319
                font-size 1.75em
                text-align: center;
            }
            
            /*Style rules for footer content/*
            
            footer {
                text-align: center;
                font-size: 0.85em
                background-color: #2a1f14
                font-color: #f6eee4
                padding: 1%
                float: left; 0%
                float: right; 0%
                margin-top: 1%
                margin-bottom: 1%
                font-color: #f3e6d8
            }
              /*Style rules for mobile viewport/*
              
             
              
              
              
               /*Style rules to show  mobile class and hide tab-desk class*/
              
             mobile {
                  display: block;
             }
             
             /*Style rules for header area*/
             
             header h1{ 
                 
                 padding:2%;
                 text-align:center;
                 }
                 
                 header h3 {
                     padding:2%;
                     text-align:center;
                 }
                 
   .emblema-one-regular {
  font-family: "Emblema One", system-ui;
  font-weight: 400;
  font-style: normal;
                      }
              
              
              /*Style rules for main content*/
              
              main { 
                  padding: 2%
              }
                  
     lora {
  font-family: "Lora", serif;
  font-size: 0%;
  font-weight: 400;
  font-style: normal;
}
              
              
              main p { 
                  font-size: 1.25em;
              }
              
              main h3{
                  padding: 2%;
                  }
                  
                  lora {
  font-family: "Lora", serif;
  font-size: 0%;
  font-weight: 400;
  font-style: normal;
}
              
                      .emblema-one-regular{ 
  font-family: "Emblema One", system-ui;
  font-weight: 400;
  font-style: normal;
                      }
                      
                           lora {
  font-family: "Lora", serif;
  font-size: 0%;
  font-weight: 400;
  font-style: normal;
}
  
  
  
              ul { list-style-type: square;
              }
              
              .link { 
                  color: #4d3319;
              }
              
              .action { font-size: 1.75em;
                        font-weight: bold;
                        
              }
              
              .round {
                  border-radius:6px ;
              }
              
                #info {
                  margin: 10%;
              }
              
              #contact {
                  list-style-type:none;
                  text-align:center;
              }
              
              .tel-link { 
                  background-color: #2a1f14;
                  padding: 2%;
                  width:80%;
                  margin:auto; 
                  color: #f6eee4;
                
              }
                  /*Media Query For Tablet Viewport*/
                  
                  @media screen and (min-widith:620px), print {
                  }
                  /*Media Query for large desktop viewports*/
                  
                  @media screen and (min-width:1921px){
                      
                      body{
                          
                          background:linear-gradient(#f6eee4,#78593a);
                         
                      }
                      
                      #wrapper{
                          
                          width:1920px;
                          margin-top:0;
                          margin-bottom:0;
                          margin-left:auto;
                          margin-right:auto;
                          
                      }
                      
                      main{
                          
                          background-color:#f6eee4;
                          
                          
                      }
                      
                      
                  }
                  
                  /*Media Query for Print*/
                  
                  @media print{
                      
                      body{
                          
                          background-color:#fff;
                          color:#000;
                      }
                      
                      
                  }
                  
                  
                  
                  
                  
                  /*Tablet Viewport: Show tab-desk class, hide mobile class*/
                  
                  .tablet-desktop {
                      display: block;
                  }
                  
                  .mobile{
                      display:none;
                  }
                  
                  
                  /*Tablet Viewport: Style rules for nav area*/
                  
                  nav li {
                      display:inline-block;
                      font-size:1.25em;
                  }
                 nav li a{
                     padding:0.5em;
                 }
                 
                 /*Media Query for Desktop Viewport*/
                 
                 @media screen and (min-widith:1000px), print{
                     
                     
                  /*Desktop Viewport: Style rules for nav area*/
                  
                  nav li{
                      
                      font-size:1.5em;
                  }
                  
                  nav li a{
                      padding-left:0.5em;
                      padding-right:1.5em;
                      
                  }
                  
                  nav li a: hover{
                      
                      color:#2a1f14;
                      background-color:#f6eee4;
                  }
                  
                  }
                     
                     /*Desktop viewport: style for main content*/
                     
                     #info{
                         
                         margin-left:5%;
                         
                     }