/*
Theme Name: Cash Advance Now
Theme URI: https://cashadvancenow.com/
Author: the CashAdvanceNow team
Author URI: https://cashadvancenow.com/
Description: Our 2021 default theme.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
Text Domain: cashadvancenow
Tags: custom
*/



@import 'css/box-sizing.css';
@import 'css/page.css';
@import 'css/header.css';
@import 'css/footer.css';
@import 'css/main.css';
@import 'css/faq.css';
@import 'css/cashform.css';
@import 'css/search.css';
@import 'css/affiliate.css';


.grid::before{
	position: fixed;
	top: 0;
	right:0;
	bottom:0;
	left:0;
	content:'';
	pointer-events:none;

	--grid-sides:16px;
	--grid-gutter:16px;
	--grid-columns:4;
	--grid-column-width: calc((100% - var(--grid-gutter) *  var(--grid-columns) )  /  var(--grid-columns));
	--grid-color: rgb(255 0 0 / 0.1);

	border:solid transparent;
	border-width: 0 calc(var(--grid-sides) - var(--grid-gutter)/2);

  	background-image: repeating-linear-gradient(
  		to right,
      transparent 0,
      transparent calc(var(--grid-gutter) / 2),
      var(--grid-color) calc(var(--grid-gutter) / 2),
     	var(--grid-color) calc(var(--grid-column-width) + var(--grid-gutter) / 2),
      transparent calc(var(--grid-column-width) + var(--grid-gutter) / 2),
		transparent calc(var(--grid-column-width) + var(--grid-gutter))
      );
	background-repeat: no-repeat;
}

@media (min-width: 736px){
	.grid::before{
		--grid-sides:24px;
		--grid-columns:8;
	}
}
@media (min-width: 1008px){
	.grid::before{
		--grid-sides:32px;
		--grid-columns:12;
	}
}