/*
 Theme Name:   Z Ocean
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


:root {
		
		/* 	Content Width  */
	
		--container : 1280px;	
	
	
		/* 	Body Background Color	 */
	
		--body : #ffffff;
	
	
		/* Colors */
	
		--primary-color :  #0067ac;
		--secondary-color :  #b8d8f2;
		--accent-color :  #a5c8e4;
	    --footer-color :  #00466a;
		--base-color : #000000;
		--black-color : #000000;
		--grey-color : #f0f0f0;
		--snow-color : #f8f8f8;
		--white-color : #FFFFFF;
	
	
		/*  Fluid Typography */
		
		--heading-h1 : clamp(6.6rem, 4.865rem + 3.855vw, 9.8rem);
		--heading-h2 : clamp(4.4rem, 3.207rem + 2.651vw, 6.6rem);
		--heading-h3 : clamp(2.8rem, 1.607rem + 2.651vw, 5rem);
		--heading-h4 : clamp(2.4rem, 2.183rem + 0.482vw, 2.8rem);
		--heading-h5 : clamp(2rem, 1.783rem + 0.482vw, 2.4rem);
		--heading-h6 : 2rem;			
		--text-base : 1.4rem;
        --text-s : 1.2rem;
        --text-xs : 1rem;

	
		/* 	Fluid Section Padding  */
		
		--section-pad-y : clamp(7.5rem, 4.789rem + 6.024vw, 12.5rem);
		--section-pad-x : 2rem;
		
	
		/* 	Spacing	 */
	
		--space-xs : 1rem;
		--space-s : 2rem;
		--space-m : 3rem;
		--space-l : 4rem;
		--space-xl : 5rem;
	    --scale : clamp(0.5rem, 0.229rem + 0.602vw, 1rem);
  
  
  
	    /* 	Extra Variables */
  
      --hero-img : clamp(20rem, 3.735rem + 36.145vw, 50rem);
  
	     
	
	    /* 	Responsive Mobile Image (after 992px) */
	
	    --m-img-height : clamp(30rem, 13.7349rem + 36.1446vw, 60rem);
	
	    
	    /*   Button Spacing   */
	
	    --btn-pad-x : clamp(3.5rem, 2.687rem + 1.807vw, 5rem);
	    --btn-pad-y : clamp(1.1rem, 0.992rem + 0.241vw, 1.3rem);
	    --btn-text : 11px;
}