/*
Theme Name: Nuvio
Theme URI: 
Author: orahmax
Author URI: https://profiles.wordpress.org/orahmax/
Description: Nuvio is a full site editing theme that comes with latest block features. Nuvio is a clean, modern theme that sports a card based layout.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nuvio
Tags: one-column, full-site-editing, blog, block-styles, featured-images

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.wp-caption{
	max-width: 100%;
}

.is-style-card{
	padding: 0.85rem 2.25rem;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}

.is-style-card-2{
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}

.has-shadow{
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

.header-menu.wp-block-navigation__container{
	width: fit-content;
}

.wp-block-navigation .wp-block-navigation__submenu-icon{
	margin-left: 0;
	margin-right: 0.25rem;
}

.is-style-post-date-icon,
.is-style-post-author-icon,
.is-style-post-categories-icon{
	position: relative;
	padding-left: 1.15rem;
	display: flex;
    flex-wrap: wrap;
}

.is-style-post-date-icon:before,
.is-style-post-author-icon:before,
.is-style-post-categories-icon:before{
	content:"";
	position: absolute;
	left: 0;
	width: 1em;
  	height: 1em;
	display: inline-block;
	margin-right: 3px;
	background-size: contain;
  	background-repeat: no-repeat;
}

.is-style-post-date-icon:before{
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%2022h-4c-3.771%200-5.657%200-6.828-1.172S2%2017.771%202%2014v-2c0-3.771%200-5.657%201.172-6.828S6.229%204%2010%204h4c3.771%200%205.657%200%206.828%201.172S22%208.229%2022%2012v2c0%203.771%200%205.657-1.172%206.828-.653.654-1.528.943-2.828%201.07M7%204V2.5M17%204V2.5M21.5%209H10.75M2%209h3.875%22%20stroke%3D%22%23555555%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%2017a1%201%200%201%201-2%200%201%201%200%200%201%202%200m0-4a1%201%200%201%201-2%200%201%201%200%200%201%202%200m-5%204a1%201%200%201%201-2%200%201%201%200%200%201%202%200m0-4a1%201%200%201%201-2%200%201%201%200%200%201%202%200m-5%204a1%201%200%201%201-2%200%201%201%200%200%201%202%200m0-4a1%201%200%201%201-2%200%201%201%200%200%201%202%200%22%20fill%3D%22%23555555%22%2F%3E%3C%2Fsvg%3E);
}

.is-style-post-author-icon:before{
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%224%22%20stroke%3D%22%23555555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M19.998%2018q.002-.246.002-.5c0-2.485-3.582-4.5-8-4.5s-8%202.015-8%204.5S4%2022%2012%2022c2.231%200%203.84-.157%205-.437%22%20stroke%3D%22%23555555%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}

.is-style-post-categories-icon:before{
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2010h-5%22%20stroke%3D%22%23555555%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203h6.5c.464%200%20.697%200%20.892.026a3%203%200%200%201%202.582%202.582c.026.195.026.428.026.892%22%20stroke%3D%22%23555555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M2%206.95c0-.883%200-1.324.07-1.692A4%204%200%200%201%205.257%202.07C5.626%202%206.068%202%206.95%202c.386%200%20.58%200%20.766.017a4%204%200%200%201%202.18.904c.144.119.28.255.554.529L11%204c.816.816%201.224%201.224%201.712%201.495a4%204%200%200%200%20.848.352C14.098%206%2014.675%206%2015.828%206h.374c2.632%200%203.949%200%204.804.77q.119.105.224.224c.77.855.77%202.172.77%204.804V14c0%203.771%200%205.657-1.172%206.828S17.771%2022%2014%2022h-4c-3.771%200-5.657%200-6.828-1.172S2%2017.771%202%2014z%22%20stroke%3D%22%23555555%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E);
}

body, html
{
	font-size: 36px;
}

p, h2, h3, h4, h5, h6
{
	line-height: 1.25;
}

.display-block {
    padding: 5%;
    border-radius: 40px;
		overflow-x: hidden;
}

.display-block h2 {
    background-color: orange;
    padding: 10px 40px;
    border-radius: 20px;
    font-size: 36px;
    font-weight: bold;
    color: white;
}

.display-block h3 {
    font-size: 32px;
    font-weight: bold;
    color: orange;
    line-height: 1.25;
    text-align: center;
}

.display-block .cap-text
{
	font-weight: bold;
	font-size: 105%;
	margin: 25px 0 50px;
	}


p
{
font-size: 70%;
}

ul
{
	background-color: lightgreen;
	border-radius: 20px;
	padding: 25px 25px 25px 50px;
	width: 130%;
	position: relative;
}

.ul-1
{
    left: 0;
    padding-right: 10%;
}

.ul-2 {
    right: 10%;
    padding-left: 15%;
}

ul li {
	line-height: 1.25;
	font-size: 85%;
}

.rot-1
{
	transform: rotate(1deg);
}

.rot-2
{
	transform: rotate(2deg);	
}

.rot-3
{
	transform: rotate(3deg);
}

.rot-4
{
	transform: rotate(4deg);
}

.rot--1
{
	transform: rotate(-1deg);	
}

.rot--2
{
	transform: rotate(-2deg);	
}

.rot--3
{
	transform: rotate(-3deg);	
}

.rot--4
{
	transform: rotate(-4deg);	
}

:root :where(.wp-element-button, .wp-block-button__link)
{
	background-color: lightgreen;
  border-radius: 25px;
	padding: 20px;
	border: none;
	line-height: 1.25;
}

:root :where(.wp-element-button, .wp-block-button__link):hover
{
	background-color: orange;
}

.display-block {
    opacity: 0;
    transform: translateY(50%);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.display-block.visible {
    opacity: 1;
    transform: translateY(0);
}

.wrap {
    overflow: hidden;
    border-radius: 24px;
}

form
{
	padding: 24px;
  background-color: lightgreen;
}

.field-group, .form-table
{
	table-layout: fixed;
	width: calc(100%);
	border-spacing: 2px;
	border-collapse: collapse;
	font-size: 85%;
	text-align: left;
}

.form-table th
{
	width: 30%;
}

.form-table td
{
	width: 100%;
}

.form-table td, .form-table th
{
	padding: 10px;
	background-color: lightgreen;
	line-height: 1;
	border-top: 1px solid #0064001f;
}

.form-table input
{
  width: calc(100% - 10px);
	padding: 0;
	margin: 0;
}

.form-table select
{
	width: 100%;
}


.form-table input, .form-table select {
    padding: 0;
    margin: 0;
    display: block;
    height: 35px;
    font-size: 100%;
    padding: 5px;
    border: none;
    border-radius: 10px;
}

.form-table select
{
	 height: 45px;
}

.checkbox-group fieldset {
    border: none;
    padding: 0;
}


.checkbox-group fieldset label {
    display: block;
    line-height: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0 10px 0;
}

.checkbox-group fieldset input {
    display: inline-block;
    width: 25px;
    margin: 0px 10px 0 0;
}

tr.captcha td {
    display: flex;
    align-items: center;
    gap: 15px;
    width: calc(100% - 25px);
    justify-content: space-between;
}

tr.captcha td .math-captcha {
    text-wrap: nowrap;
}

td.submit-buttons input {
    width: 100%;
    height: 60px;
    background-color: orange;
    border: 3px solid white;
    color: white;
    cursor: pointer;
}

/*===============================================================================*/

@media (max-width: 480px)
{
	:root
	{
		--base_layout_value: 16;
		--base_layout_font-size: 20px;
	}
	
	body
		{
			font-size: var(--base_layout_font-size);	
				}
	main.has-global-padding
		{
			padding-right: calc(var(--base_layout_value)*1px);
			padding-left: calc(var(--base_layout_value)*1px); 
				}
				
	.display-block
		{
			border-radius: calc(var(--base_layout_value)*1px);
				}
				
	.display-block h2
		{
			padding: calc(var(--base_layout_value)*0.75px) calc(var(--base_layout_value)*0.85px);
			border-radius: calc(var(--base_layout_value)*0.85px);
			font-size: 100%;
				}
	
	.display-block h3
		{
			font-size: 80%;	
				}
	
	.display-block .cap-text
		{
			font-size: 95%;
			margin: calc(var(--base_layout_value)*1.25px) 0 calc(var(--base_layout_value)*2px);
				}
				
	ul
		{
			border-radius: calc(var(--base_layout_value)*1px);
			padding: calc(var(--base_layout_value)*0.75px) calc(var(--base_layout_value)*0.75px) calc(var(--base_layout_value)*0.75px) calc(var(--base_layout_value)*2px);
			width: 110%;
				}
				
	.ul-2
		{
			
				}

	.wrap
		{
			border-radius: calc(var(--base_layout_value)*1px);
				}
	form
	{
    padding: calc(var(--base_layout_value)*1px);
			}

	.form-table th
	{
		width: 35%;
			}
			
	.field-group, .form-table
		{
			font-size: 80%;
				}
				
	.form-table td, .form-table th
		{
			padding: 5px 0;
				}
	
}