/*

    grid.css
    ================

    Description
    
        Mixed-column grid system.

    */

    div.widget.grid {}

    div.widget.grid div.row {}

    @media print {
        div.widget.grid div.row,
        div.widget.grid div.row div.column {
            margin-bottom: 30pt;
        }
    }

    div.widget.grid div.row {
        margin-bottom: 50px;
    }
    
    	/* request.html quote form */
    	div.layout.main.requestQ div.widget.grid div.row {
        	margin-bottom: 10px;
    	}    
    

    div.widget.grid div.row div.column.span-1-of-1 {
        width: 100%;
    }
    	div.widget.grid div.row div.column.span-1-of-1 {
        	width: 100%;
    	}
    	
    @media screen and ( max-width: 767px ) {
    
		div.widget.grid .mobileVideo {
			width: 100%;
			margin-top: 50px;
		}
    }

    @media screen and ( min-width: 600px ) {
        div.widget.grid div.row div.column.span-1-of-2 {
            float: left;
            margin-bottom: 0;
            margin-right: 6%;                                       /* Gutter */
            width: 47%;                                            /* 1 x col */
        }
    }
    
	
	
    @media screen and ( min-width: 850px ) {
        div.widget.grid div.row div.column.span-1-of-3,
        div.widget.grid div.row div.column.span-2-of-3 {
            float: left;
            margin-bottom: 0;
            margin-right: 2%;                                       /* Gutter */
        }

        div.widget.grid div.row div.column.span-1-of-3 {
            width: 31.93333333%;                                   /* 1 x col */
        }

        div.widget.grid div.row div.column.span-2-of-3 {
            width: 65.66666667%;                  /* (2 x col) + (1 x gutter) */
        }
    }

    @media screen and ( min-width: 1000px ) {

        div.widget.grid div.row div.column.span-1-of-4,
        div.widget.grid div.row div.column.span-2-of-4,
        div.widget.grid div.row div.column.span-3-of-4 {
            float: left;
            margin-bottom: 0;
            margin-right: 4%;                                       /* Gutter */
        }


        div.widget.grid div.row div.column.span-1-of-4 {
            width: 22%;                                          /* 1 x col */
        }

        div.widget.grid div.row div.column.span-2-of-4 {
            width: 47%;                           /* (2 x col) + (1 x gutter) */
        }

        div.widget.grid div.row div.column.span-3-of-4 {
            width: 73.5%;                         /* (3 x col) + (2 x gutter) */
        }
        
        
    }
    
    
    @media screen and ( min-width: 900px ) {

        div.widget.grid div.row div.column.span-1-of-6,
        div.widget.grid div.row div.column.span-5-of-6 {
            float: left;
            margin-bottom: 0;
            margin-right: 3%;                                       /* Gutter */
        }

        div.widget.grid div.row div.column.span-1-of-6 {
            width: 14.16666667%;                                   /* 1 x col */
        }       

        div.widget.grid div.row div.column.span-5-of-6 {
            width: 82.33333333%;                  /* (5 x col) + (4 x gutter) */
        }

    }
    
    
    /***  FOOTER GRID  *************************************************************/
        
    div.layout.footer div.row {
    	padding-top: 25px;
    }
    
    /*div.layout.gradient div.row {
		margin-top: 25px !important;
		margin-bottom: 0;
		background: #ffffff;
		background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);
	}*/
	
	div.widget.grid div.row.credits {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	div.widget.grid div.row.credits span::before {
		padding-right: 15px;
		padding-left: 15px;
		content: ":";
	}
	div.widget.grid div.row.credits span:first-child::before {
	  padding: 0;
	  content: none;
	}
	
	div.widget.grid div.row div.column.copyright {
		float: right;
		text-align: right;
	}
	
	@media screen and ( max-width: 600px ) {
	
		div.widget.grid div.row.credits span::before {
	  		padding-left: 0;
	  		content: "";
		}  
		div.widget.grid div.row div.column.copyright {
			float: left;
			text-align: left;
		}
    		
	}
    
   
	/**** lead-ins boxes grid customizations **************************************/	 	
    	
    div.widget.grid div.row.leadinBx {
    	margin-bottom: 30px;
    }
    
    div.widget.grid div.row div.column:last-child {
        margin-right: 0;
    }


    

    /* End */