@charset "UTF-8";
@import "custom.css";

/*
Theme Name: Terastudio
Theme URI: 
Author: César Eugénio
Author URI: 
Description: 
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: terastudio
Tags: 

Terastudio WordPress Theme, (C) 2020 WordPress.org
Terastudio is distributed under the terms of the GNU GPL.
*/

#content{
	padding:50px 0;
}

#page{
	overflow: hidden;
}

/*@media only screen and (min-width: 1001px){
	.phone {
		display:none !important;
	}
}
@media only screen and (max-width: 1000px) {
	.phone{
		list-style: none;
		padding: 0;
	}
	.dekstop{
		display:none !important;
	}
	.phone #menuToggle
	{
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
	}

	.phone #menuToggle a
	{
		text-decoration: none;
		color: #000;

		transition: color 0.3s ease;
	}

	.phone #menuToggle a:hover
	{
		color: tomato;
	}*/


	/*.phone #menuToggle input
	{
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0; /* hide this 
		z-index: 2; /* and place it over the hamburger 
		-webkit-touch-callout: none;
	}*/

	/*
	* Just a quick hamburger
	*/
	/*.phone #menuToggle span
	{
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;

		background: #000;
		border-radius: 3px;

		z-index: 1;

		transform-origin: 4px 0px;

		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			opacity 0.55s ease;
	}

	.phone #menuToggle span:first-child
	{
		transform-origin: 0% 0%;
	}

	.phone #menuToggle span:nth-last-child(2)
	{
		transform-origin: 0% 100%;
	}*/

	/* 
	* Transform all the slices of hamburger
	* into a crossmark.
	
	.phone #menuToggle input:checked ~ span
	{
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #232323;
	}

	/*
	* But let's hide the middle one.
	
	.phone #menuToggle input:checked ~ span:nth-last-child(3)
	{
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}

	/*
	* Ohyeah and the last one should go the other direction
	
	.phone #menuToggle input:checked ~ span:nth-last-child(2)
	{
		transform: rotate(-45deg) translate(0, -1px);
	}

	/*
	* Make this absolute positioned
	* at the top left of the screen
	
	.phone .menu
	{
		position: absolute;
		width: 120%;
		margin: 20px 0 0 -10%;
		padding: 0;
		padding-top: 25px;
		padding-bottom: 25px;
		background: #ededed;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;  
		transform-origin: 0% 0%;
		transform: translate(-100%, 0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}

	.phone .menu li
	{
		padding: 10px 0;
		font-size: 22px;
	}

	.phone #menuToggle input:checked ~ .menu
	{
		transform: none !important;
	}
	
}*/
/*@media only screen and (max-width: 1000px) {
	aside.widget-area.footer{
		display: block !important;
	}

	footer .site-info {
		display: block !important;
	}
	footer .site-info *{
		text-align: center !important;
		justify-content: center !important;
	}
}*/

@media only screen and (max-width: 1400px) {
	/*.my-container{
		width:90vw !important;
	}
	header#masthead div.my-container {
		width:90vw !important;
	}*/
	#content{
		width:90vw !important;
	}
}

*{
	transition:0.5s all;
}

.breadcrumb {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.my-container{
	max-width:1350px;
	margin-left:auto;
	margin-right:auto;
}

body.home .breadcrumb{
	display:none;
}

.aligncenter{
	text-align:center;
}

body{
	margin:0px
}

#content{
	max-width:1350px;
	padding-left:auto;
	padding-right:auto;
	margin-left:auto;
	margin-right:auto;
}


aside.widget-area.footer {
	display: flex;
	justify-content: space-between;
	padding: 50px 0;
}





.wp-block-columns {
	display: flex;
}

header .dekstop ul {
	display: flex;
	list-style: none;
	justify-content: space-around;
	padding: 0px;
}


header{
	padding:25px 0;
}

footer .site-info{
	display:flex;
	justify-content:space-between;
	align-content:center;
	align-items:center;
	padding:25px 0;
}

.powered-by{
	margin: 1em;
	text-align: center;
}
.powered-by > div {
	display:flex;
	align-items:center;
	flex-wrap: wrap;
    justify-content: center;
	gap: 1rem;	
}

.powered-by img{
	margin-top:1rem;
}

footer.entry-footer.default-max-width{
	display:none;
}

header#masthead div.my-container {
	max-width: 1350px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.nav-previous > *,
.nav-next > *{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0px;
	text-decoration:unset;
}

.nav-next > *{
    flex-flow: row-reverse;
}

.nav-previous > * > *,
.nav-next > * > * {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px;
	text-decoration:unset;
}

.nav-links{
	display:flex;
	justify-content:space-between;
}

.dekstop #menuToggle
{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

.dekstop #menuToggle a
{
	text-decoration: none;
	color: #000;

	transition: color 0.3s ease;
}

.dekstop #menuToggle a:hover
{
	color: tomato;
}


.dekstop #menuToggle input
{
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0; /* hide this */
	z-index: 2; /* and place it over the hamburger */
	-webkit-touch-callout: none;
}

/*
* Just a quick hamburger
*/
.dekstop #menuToggle span
{
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;

	background: #000;
	border-radius: 3px;

	z-index: 1;

	transform-origin: 4px 0px;

	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		opacity 0.55s ease;
}

.dekstop #menuToggle span:first-child
{
	transform-origin: 0% 0%;
}

.dekstop #menuToggle span:nth-last-child(2)
{
	transform-origin: 0% 100%;
}

/* 
* Transform all the slices of hamburger
* into a crossmark.
*/
.dekstop #menuToggle input:checked ~ span
{
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}

/*
* But let's hide the middle one.
*/
.dekstop #menuToggle input:checked ~ span:nth-last-child(3)
{
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/*
* Ohyeah and the last one should go the other direction
*/
.dekstop #menuToggle input:checked ~ span:nth-last-child(2)
{
	transform: rotate(-45deg) translate(0, -1px);
}

/*
* Make this absolute positioned
* at the top left of the screen
*/
.dekstop .menu
{
	position: absolute;
	width: 120%;
	margin: 20px 0 0 -10%;
	padding: 0;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #ededed;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;  
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

.dekstop .menu li
{
	padding: 10px 0;
	font-size: 22px;
}

.dekstop #menuToggle input:checked ~ .menu
{
	transform: none !important;
}