/*----------------------------------------------

[Theme CSS]

Theme   : Shock
Version : 1.0.0
Author  : Codings
Support : codings.dev

----------------------------------------------*/

/*----------------------------------------------

[Content Index]

1. Color
2. Typography

----------------------------------------------*/

/*----------------------------------------------
1. Color
----------------------------------------------*/

/* #region Color */

:root {

	/* PA Blue Skies*/
	--pa-blue-skies: #3471B8;
	--pa-blue-skies-10-color: rgba(52, 113, 184, 0.1);
	--pa-blue-skies-25-color: rgba(52, 113, 184, 0.25);
	--pa-blue-skies-50-color: rgba(52, 113, 184, 0.50);
	--pa-blue-skies-65-color: rgba(52, 113, 184, 0.65);
	--pa-blue-skies-75-color: rgba(52, 113, 184, 0.75);
	--pa-blue-skies-85-color: rgba(52, 113, 184, 0.85);

	/* PA Brotherly Blue*/
	--pa-brotherly-blue: #112e47;
	--pa-brotherly-blue-10-color: rgba(17, 46, 71, 0.1);
	--pa-brotherly-blue-25-color: rgba(17, 47, 71, 0.25);
	--pa-brotherly-blue-50-color: rgba(17, 47, 71, 0.50);
	--pa-brotherly-blue-65-color: rgba(17, 47, 71, 0.65);
	--pa-brotherly-blue-75-color: rgba(17, 47, 71, 0.75);
	--pa-brotherly-blue-85-color: rgba(17, 47, 71, 0.85);

	/* PA Harvest Gold*/
	--pa-harvest-gold: #eca021;
	--pa-harvest-gold-10-color: rgba(236, 160, 33, 0.1);
	--pa-harvest-gold-25-color: rgba(236, 160, 33, 0.25);
	--pa-harvest-gold-50-color: rgba(236, 160, 33, 0.50);
	--pa-harvest-gold-65-color: rgba(236, 160, 33, 0.65);
	--pa-harvest-gold-75-color: rgba(236, 160, 33, 0.75);
	--pa-harvest-gold-85-color: rgba(236, 160, 33, 0.85);

	/* PA Talon Taupe*/
	--pa-talon-taupe: #c0b199;
	--pa-talon-taupe-10-color: rgba(192, 177, 153, 0.1);
	--pa-talon-taupe-25-color: rgba(192, 177, 153, 0.25);
	--pa-talon-taupe-50-color: rgba(192, 177, 153, 0.50);
	--pa-talon-taupe-65-color: rgba(192, 177, 153, 0.65);
	--pa-talon-taupe-75-color: rgba(192, 177, 153, 0.75);
	--pa-talon-taupe-85-color: rgba(192, 177, 153, 0.85);

	/* PA Revolutionary Red*/
	--pa-revolutionary-red: #e22027;
	--pa-revolutionary-red-10-color: rgba(226, 32, 39, 0.1);
	--pa-revolutionary-red-25-color: rgba(226, 32, 39, 0.25);
	--pa-revolutionary-red-50-color: rgba(226, 32, 39, 0.50);
	--pa-revolutionary-red-65-color: rgba(226, 32, 39, 0.65);
	--pa-revolutionary-red-75-color: rgba(226, 32, 39, 0.75);
	--pa-revolutionary-red-85-color: rgba(226, 32, 39, 0.85);

	/* PA Green*/
	--pa-green: #0d7a3d;
	--pa-green-10-color: rgba(13, 122, 61, 0.1);
	--pa-green-25-color: rgba(13, 122, 61, 0.25);
	--pa-green-50-color: rgba(13, 122, 61, 0.50);
	--pa-green-65-color: rgba(13, 122, 61, 0.65);
	--pa-green-75-color: rgba(13, 122, 61, 0.75);
	--pa-green-85-color: rgba(13, 122, 61, 0.85);

	/* Primary */
	--primary-color: #07beb8;
	--primary-15-color: #07beb826;
	--primary-25-color: #07beb840;
	--primary-50-color: #07beb880;
	--primary-75-color: #07beb8bf;

	/* Secondary */
	--secondary-color: #6917d0;
	--secondary-15-color: #6917d026;
	--secondary-25-color: #6917d040;
	--secondary-50-color: #6917d080;
	--secondary-75-color: #6917d0bf;

	/* Tertiary */
	--tertiary-color: #f28f21;
	--tertiary-15-color: #ff179126;
	--tertiary-25-color: #ff179140;
	--tertiary-50-color: #ff179180;
	--tertiary-75-color: #ff1791bf;

	/* Auxiliary */
	--accent-color: #3471B8;
	--success-color: #007a4d;
	--info-color: #023e8a;
	--warning-color: #ff9800;
	--danger-color: #e63946;

	/* White */
	--white-color: #fff;
	--white-10-color: rgba(255, 255, 255, 0.1);
	--white-25-color: rgba(255, 255, 255, 0.25);
	--white-50-color: rgba(255, 255, 255, 0.50);
	--white-65-color: rgba(255, 255, 255, 0.65);
	--white-75-color: rgba(255, 255, 255, 0.75);
	--white-85-color: rgba(255, 255, 255, 0.85);

	/* Gray */	
	--gray-color: #8f93a5;
	--gray-10-color: rgba(143, 147, 165, 0.1);
	--gray-25-color: rgba(143, 147, 165, 0.25);
	--gray-50-color: rgba(143, 147, 165, 0.50);
	--gray-65-color: rgba(143, 147, 165, 0.65);
	--gray-75-color: rgba(143, 147, 165, 0.75);
	--gray-85-color: rgba(143, 147, 165, 0.85);

	/* Black */
	--black-color: #1a1a20;
	--black-10-color: rgba(26, 26, 32, 0.1);
	--black-25-color: rgba(26, 26, 32, 0.25);
	--black-50-color: rgba(26, 26, 32, 0.50);
	--black-65-color: rgba(26, 26, 32, 0.65);
	--black-75-color: rgba(26, 26, 32, 0.75);
	--black-85-color: rgba(26, 26, 32, 0.85);
}

/* #endregion Color */

/*----------------------------------------------
2. Typography
----------------------------------------------*/

/* #region Typography */

:root {
	--primary-font: "Plus Jakarta Sans", serif;
	--secondary-font: "Noto Sans", serif;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1.5rem;
	font-family: var(--secondary-font);  
  line-height: 1.2;
}

.text-style-1, 
.text-style-2, 
.text-style-3, 
.text-style-4, 
.text-style-5, 
.text-style-6, 
.text-style-7, 
.text-style-8 {
	font-family: var(--secondary-font);  
	line-height: 1.2;
}

.text-style-1 { font-size: 3.5rem; font-weight: 800; }
.text-style-2 { font-size: 5.2rem; font-weight: 800; }
.text-style-3 { font-size: 4.2rem; font-weight: 800; }
.text-style-4 { font-size: 3.2rem; font-weight: 100; }
.text-style-5 { font-size: 3.2rem; font-weight: 800; }
.text-style-6 { font-size: 3.2rem; font-weight: 100; }
.text-style-7 { font-size: 2.2rem; font-weight: 700; }
.text-style-8 { font-size: 2.2rem; font-weight: 100; }
.text-style-9 { font-size: 1.75rem; font-weight: 700; }
.text-style-10 { font-size: 1.75rem; font-weight: 100; }
.text-style-11 { font-size: 1.2rem; font-weight: 700; }
.text-style-12 { font-size: 1.2rem; font-weight: 400; }

@media (max-width: 767px) {
	.text-style-1 { font-size: 3rem; }
	.text-style-2 { font-size: 3rem; }
	.text-style-3 { font-size: 3rem; }
	.text-style-4 { font-size: 3rem; }
	.text-style-5 { font-size: 2.2rem; font-weight: 700; }
	.text-style-6 { font-size: 2.2rem; }
	.text-style-7 { font-size: 1.75rem; }
	.text-style-8 { font-size: 1.75rem; }	
	.text-style-9 { font-size: 1.5rem; }
	.text-style-10 { font-size: 1.5rem; }
	.text-style-11 { font-size: 1.2rem; }
	.text-style-12 { font-size: 1rem; }
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

p:last-child {
	margin-bottom: 0;
}

b,
strong {
  font-weight: 700;
}

small, .small {
  font-size: 0.85rem;
}

/* #endregion Typography */