/*
Theme Name: Highly Cited theme
Template:   twentytwentyfive
Author: BUP
Author URI: https://biocomputingup.it
Description: Theme for Highly Cited researchers
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: One Column, Custom Colors, custom-menu, Custom Logo, Editor Style, Featured Images, Site Editor, Block Editor Patterns, rtl-language-support, Sticky Post, threaded-comments, translation-ready, Wide Blocks, Block Editor Styles, Style Variations, Accessibility Ready, Blog, Portfolio, News
*/

:root[data-theme="deep"] {
	--color-text: #0d1b2aff;
	--color-contrast2: #1b263bff;
	--color-contrast: #415a77ff;
	--color-highlight: #778da9ff;
	--color-base: #e0e1ddff;
	--font-paragraph: "Roboto", sans-serif;
	--font-head: "Dancing Script", cursive;
}
:root[data-theme="tranquil"] {
	--color-text: #1f363dff;
	--color-contrast2: #40798cff;
	--color-contrast: #70a9a1ff;
	--color-highlight: #9ec1a3ff;
	--color-base: #cfe0c3ff;
	--font-paragraph: "Sansation", sans-serif;
	--font-head: "Tangerine", cursive;
}
:root[data-theme="neutral"] {
	--color-text: #0a0908ff;
	--color-contrast: #22333bff;
	--color-base: #eae0d5ff;
	--color-highlight: #c6ac8fff;
	--color-contrast2: #5e503fff;
	--font-paragraph: "Average Sans", sans-serif;
	--font-head: "Imperial Script", cursive;
}
:root[data-theme="moonlight"] {
	--color-text: #393d3fff;
	--color-base: #fdfdffff;
	--color-highlight: #c6c5b9ff;
	--color-contrast: #62929eff;
	--color-contrast2: #546a7bff;
	--font-paragraph: "Oxygen", sans-serif;
	--font-head: "Petit Formal Script", cursive;
}

body {
	background: var(--color-base);
}

main {
	width: clamp(320px, 80vw, 2500px);
    margin: 0 auto;
    padding: 2.5em 1em;
    min-height: 100dvh;
}

:where(.wp-site-blocks *:focus){
	outline: none;
}

p {
	font-family: var(--font-paragraph);
	font-size: 1.25rem;
	text-align: justify;
	color: var(--color-text);
}

h1 {
	font-family: var(--font-head);
	font-size: 3rem;
	color: var(--color-highlight);
}

h2 {
	font-family: var(--font-head);
    font-size: 2rem;
	color: var(--color-highlight);
}

h3 {
	font-family: var(--font-head);
	font-size: 1rem;
	color: var(--color-highlight);
}

/* Ribbon */
.ribbon img {
	height: 335px;
	width: 215px;
}

.color-1 {
	background: var(--color-text);
}
.color-2 {
    background: var(--color-base);
}
.color-3 {
    background: var(--color-highlight);
}
.color-4 {
    background: var(--color-contrast);
}
.color-5 {
    background: var(--color-contrast2);
}

.image-left {
	float: left;
	margin-right: 15px;
	width: 300px;
}

.image-right {
	float: right;
	margin-left: 15px;
	width: 300px;	
}