/* PROPRTRUCKS 2025 CSS --JUL 5 2025--*/

/* site colors */ 

/*  navy blue #00153a 
    lt. blue #e6f2ff
    lt. cyan #e6ffff
    lt cyan #ccffff

    green #5cc83c (type against blue bg)
    green #4cad31 (truck)
    lt. celery green #e4fde1
    
    yellow orange:#fdc70d;
    yellow orange: #fac70d;(very slightly darker)

    pink:#ffcccc
    lt. pink #ffe6e6

    grey type #6e8091
    red type #e41c1c
    cream #fff4e6
    */


*{box-sizing:border-box;}

a:link {color:#000; text-decoration: none;}
a:visited {color:#000; text-decoration: none;}
a:hover: {color:#000; text-decoration: none;}
a:focus  {color:#000; text-decoration: none;} 
a:active  {color:#000; text-decoration: none;}


  ul {       
     
    display:block;
    list-style-type:none;
    position:relative;
    padding-left:0px;
    margin:0px;
    }

     
   h1{
    font-size: 1.3rem;
    line-height: 1.5em; 
    text-align:center;
    font-weight:600;
    }

   h2{
    font-size:1.2rem;
    line-height:1.24em;
    font-weight:500;
    font-style:italic;
    margin-top:-10px;
    }

@media screen and (max-width:999px){

	body { 
   		 font-family:'Domine',serif;
         background-color:transparent;
    	 margin:0;
  		 padding:0;
    	 font-size:1em; 
         font-weight:400;
         font-style:normal;
    	 line-height:1.2em;
  		 top:0px !important;
  		 }
  
   /* p:hover{color:#fff; font-size:1.2rem;}*/

	image-container-column{background-image: URL("PropRTrucks/images/img_7768_400.jpg");
   		  background-size:cover;
    	  background-color:transparent;
   		  background-repeat:no-repeat;
    	  display:block;
    	  position:absolute;
    	  top:0px;
    	  left:0px;
    	  width:100% ;
    	  height:100%; /* DO NOT CHANGE*/
    	  Z-index:-2;
    	  opacity:1.0
    	  }
	
	.flex-container-column {   /*imported from mobile css*/
      	  display:flex;
     	  flex-direction:column;
		  flex: 1 1 auto;
		  }

	 .flex-container-column> div {
    	  height:auto;
    	  margin: 0;
   		  padding:5px auto;
    	  }

  	 .column_logo_box {
     	  display:flex;
     	  width:60%;
     	  align-self:center;
     	  }   

	.flex-container{
		  display:none
	}
			
	.nav_menu_item {
		   list-style:none;
		  position:relative; /* do not change*/
		  margin:42px 2px -10px 2px;  /*check this it has changed*/
		  padding: 0px;
		  line-height:1em;
		  font-size:1.2em;
		  font-weight:600;
		  cursor:pointer;
	}

	.box{
		 display:flex;    /*check against mobile css*/
		 flex-wrap:wrap;
		 flex-direction:column;
         width:100vw;
		 background-color:#FFfccc;
	}

    .footer{
        display:flex;
        flex:1 1 auto;
        flex-direction:row nowrap;
        height:auto;
        width:100vw;
        align-content:center;
        justify-content:space-around; 
        padding:5px; 
        background-color:#1879b9;
        color:#fff;
        font-size:0.75rem;
        z-index:1;
    }   

}

@media and screen (min-width:1000px){
	
	
  body { 
  	  font-family:tahoma, roboto, lato, sans-serif;
      background-color:transparent;
   	  font-size: 12px; 
   	  line-height:1.2em;
   	  margin:0;
  	  padding:0;
   	  top:0px !important;
   	  text-rendering:optimizelegibility; 
      -webkit-font-smoothing:antialiased;
   	  -moz-osx-font-smoothing:grayscale;
       }

.img-container {  
      background-image: URL("images/IMG_7757_1600.jpg"); /*do not change */
      background-repeat: no-repeat;
      background-size:cover;
      background-color:transparent;
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      min-width:1000px;
      max-height:1674px; /* DO NOT CHANGE */
      Z-index:-2;
      opacity:1.0;
      } 


 .flex-container { 
      display: flex;
      flex: 1 1 auto;
      flex-flow: row wrap;
      height:auto;
      padding:5px;
      justify-content:space-around;
      align-items:stretch;
     }
 
 .flex-container > div {
      height:auto;
      margin: 0;
      padding:5px auto;
      }	

.box {
  	  max-width:45%;
  	  height:auto;
 	  padding:0;
 	  }

.row::after {  
    content:"";
     clear:both;
    display:table;
    }    

  .nav_menu_item { /*on other pages font-size. line-height different*/
       list-style-type:none;
       position:relative; /* do not change*/
       margin:20px 2px -10px 2px;
       padding: 0px; 
       line-height:1.3em;  
       font-size:1.3rem; 
       font-weight:600; 
       cursor:pointer;
       }

.nav_drop_menu_item  li{
       color:#fdc70d; 
       font-weight:500;
       font-size:1rem;  /*3TON PAGE TOP MARGIN DOESN'T MATCH*/
       position:fixed;
       margin-top:-17px;
       }


   .nav_menu_item   ul {
        display: none;
        }	

 .nav_menu_item:hover ul {
        display:block;
        gap:0.5em;
        opacity:1;
        transition:opacity 200ms ease-in-out;
        -moz-transition: opacity 200ms ease-in-out;
        -webkit-transition: opacity 200ms ease-in-out;
         }
}