/* --------------------------------------------------------------------------------------------------------------------------------------------------
SKIN.LESS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
.header .header__logo a {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
}

:root {
	--background: #f2f2f2;

	--font: #000;
	--font-family: 'Poppins', sans-serif;
	--font-family-h1: 'Open Sans', sans-serif;
	--font-family-h2: 'Open Sans', sans-serif;
	--font-family-h3: 'Open Sans', sans-serif;

	--link: #F40000;
	--link-hover: #F60000;
	--link-visited: #F40000;
	--link-decoration: none;
	--link-decoration-hover: underline;

	--color-primary: transparent;
	--color-secondary: transparent;
	--color-grey: #505050;
	--color-light-grey: #EFEFEF;

	--header-background: #007bff;
	--header-color: #f8f9fa;
	--header-link: #f8f9fa;
	--header-logo-width: auto;
	--header-logo-height: 35px;

	--tray: #007bff;
	--tray-link: #f8f9fa;

	--smallnav-background: #007bff;
	--smallnav-link: #f8f9fa;

	--top-background: #007bff;
	--top-article-color: #fff;
	--top-article-link: #fff;
	--top-article-category: #fff;

	--bottom-background: #007bff;
	--bottom-article-color: #fff;
	--bottom-article-link: #fff;
	--bottom-article-category: #fff;

	--main-background: #f2f2f2;

	--content-background: transparent;
	--content-padding: 0;
	--content-color: #000;
	--content-link: #007bff;
	--content-h1: #000;
	--content-h2: #000;
	--content-h3: #000;
	--content-h3: #000;
	--content-perex-border: #007bff;

	--article-color: #000;
	--article-link: #007bff;
	--article-category: #007bff;

	--pagination-link: #007bff;

	--sidebar-background: transparent;
	--sidebar-padding: 0;
	--sidebar-color: #000;
	--sidebar-link: #007bff;
	--sidebar-article-link: #007bff;

	--prefooter-background: #343a40;
	--prefooter-padding: 2em;
	--prefooter-color: #fff;
	--prefooter-link: #f8f9fa;
	--prefooter-article-link: #f8f9fa;

	--nav-icon: #f8f9fa;
	--nav-icon-hover: #ecae1a;
	--tags-icon: #f8f9fa;
	--tags-icon-hover: #ecae1a;
	--authors-icon: #f8f9fa;
	--authors-icon-hover: #ecae1a;
	--promo-icon: #f8f9fa;
	--promo-icon-hover: #ecae1a;
	--promo-title: #ecae1a;
	--promo-description: #f8f9fa;

	--footer-background: #343a40;
	--footer-color: #f8f9fa;
	--footer-link: #f8f9fa;

	--popup-background: #000;
	--popup-color: #FFF;
	--popup-link: #F40000;
}