/*
Theme Name: chaoticGoodGaming
Text Domain: chaoticGoodGaming
Version: 1.37
Description: Custom Template for the Gaming site.
Tags: gaming, responsive, players
Author: Andres Felipe Restrepo
Author URI: https://afr-portafolio.netlify.app/

*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap');
@import url('assets/css/typography.css');
@import url('assets/css/resets-root.css');
@import url('assets/css/navigation.css');
@import url('assets/css/modal.css');
@import url('assets/css/forms.css');
@import url('assets/css/headings.css');
@import url('assets/css/page.css');
@import url('assets/css/users.css');
@import url('assets/css/login_register.css');
@import url('assets/css/footer.css');
@import url('assets/css/notifications.css');
@import url('assets/css/helpers.css');
@import url('assets/css/results.css');
@import url('assets/css/account-details.css');
@import url('assets/css/events.css');
@import url('assets/css/cart.css');
@import url('assets/css/woo.css');
@import url('assets/css/woo-cats.css');
@import url('assets/css/woo-checkout.css');
@import url('assets/css/woo-prod.css');



@font-face {
	font-family: "Brothers Regular";
	src: url('assets/fonts/brothers_regular.otf')
}

html {
  font-family: 'Open Sans', sans-serif;
  font-size: 62.5%; 
}

@media (max-width: 1360px) { html { font-size: 62.5%; } }

@media (max-width: 1240px) { html { font-size: 57.5%; } }

@media (max-width: 1140px) { html { font-size: 52.5%; } }

@media (max-width: 950px) { html { font-size: 47.5%; } }

@media (max-width: 850px) { html { font-size: 42.5%; } }

@media screen and (orientation: portrait)  { html { font-size: 62.5%;} }


body {
	background: url(assets/images/bg_pattern_1.webp) repeat-y;
	background-size: 100% auto;
	color: var(--color-white);
}

@supports(background-attachment: fixed) {
	body {
		background-size: auto 100%;
		background-attachment: fixed;
		background-repeat: repeat-x;
	}
}


/* test 
.test-brothers {
	font-family: "Brothers Regular", sans-serif;
	font-size: 8rem;
	color: var(--color-white);
}
*/