/*
 Theme Name:   Orion Commerce Theme
 Theme URI:    https://generatepress.com
 Description:  Orionlab Design (A GeneratePress child theme)
 Author:       André Alves da Silva
 Author URI:   https://orionlab.com.br/nosso-time/andre-alves-silva/
 Template:     generatepress
 Version:      0.2
*/


/* Set the main content area to a minimum of 65vh */
#main {
	min-height: 65vh;
}

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

/* Site Wrapper to set overall site max width */
.site-wrapper {
	width: 100%;
	max-width: 1920px;
	background-color: var(--contrast);
} 

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


/* HELPER CLASSES */

/* Standard Shadow(s) */

.shadow-standard {
	box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
	transition: all .2s ease-in;
}

.shadow-standard:hover {
	box-shadow: 0px 8px 32px 0px rgba(33, 33, 33, 0.1);
}

/* Max Width(s) */

.max-width-1024 {
	max-width: 1024px;
}


.max-width-768 {
	max-width: 768px;
}

.max-width-640 {
	max-width: 640px;
}

.max-width-480 {
	max-width: 480px;
}

/* Margin Auto */

.margin-auto{
	margin-left: auto;
	margin-right: auto;
}

/* Position Properties */

.relative{
	position: relative;
}

.absolute{
	position:absolute;
	top: 0px;
	left: 0px;
}

.sticky{
	position: sticky;
	top: 24px;
}

/* Image Aspect Ratios */

.aspect-1-1 img{
    aspect-ratio: 1/1;
	object-fit: cover;
}

.aspect-3-2 img{
    aspect-ratio: 3/2;
	object-fit: cover;
}

.aspect-2-3 img{
    aspect-ratio: 2/3;
	object-fit: cover;
}

.aspect-4-3 img{
    aspect-ratio: 4/3;
	object-fit: cover;
}

.aspect-3-4 img{
    aspect-ratio: 3/4;
	object-fit: cover;
}

.aspect-16-9 img{
    aspect-ratio: 16/9;
	object-fit: cover;
}

.aspect-9-16 img{
    aspect-ratio: 9/16;
	object-fit: cover;
}

/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://orionlab.com.br/wp-content/uploads/2022/08/nunito-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://orionlab.com.br/wp-content/uploads/2022/08/nunito-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://orionlab.com.br/wp-content/uploads/2022/08/nunito-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://orionlab.com.br/wp-content/uploads/2022/08/nunito-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://orionlab.com.br/wp-content/uploads/2022/08/nunito-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://orionlab.com.br/wp-content/uploads/2022/08/nunito-sans-v12-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* sobreposição imagem e texto a direita homepage*/
.overflow-hidden{
	overflow: hidden;
}
.bg-offset-right {
	position: relative;
}

.bg-offset-right:before{
	content: '';
	position: absolute;
	z-index: 0;
	background-color: var(--contrast-2);
	width: 200vw;
	height: 100%;
	left: -50%;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}

@media (max-width: 768px) {
	.bg-offset-right:before{
		top: -30%;
		height: 130%;
	}
    		
}

/* Decoração underline link cards */
body.archive .inside-article a {
  color: var(--base-3);  
  text-decoration:underline;
  text-decoration-style:none;
  text-decoration-color: var(--global-color-logo)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

body.archive .inside-article a:hover {
	color: var(--global-color-logo);
  text-decoration:underline;
  text-decoration-style: none;
  text-decoration-color: var(--base-3)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

/* Decoração underline link cards blog page */
h3.gb-headline-2cc9bb63 a {
  color: var(--base-3);  
  text-decoration:underline;
  text-decoration-style:none;
  text-decoration-color: var(--global-color-logo)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

h3.gb-headline-2cc9bb63 a:hover {
	color: var(--global-color-logo);
  text-decoration:underline;
  text-decoration-style: none;
  text-decoration-color: var(--base-3)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

/* Decoração underline link autor blog hero */
p.gb-headline-52532034 a {
  color: var(--base-3);  
  text-decoration:underline;
  text-decoration-style:none;
  text-decoration-color: var(--global-color-logo)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

p.gb-headline-52532034 a:hover {
	color: var(--global-color-logo);
  text-decoration:underline;
  text-decoration-style: none;
  text-decoration-color: var(--base-3)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}
/* Decoração underline link categoria blog hero */
.gb-container-260a6b1f a {
  color: var(--base-3);  
  text-decoration:underline;
  text-decoration-style:none;
  text-decoration-color: var(--global-color-logo)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

.gb-container-260a6b1f a:hover {
	color: var(--global-color-logo);
  text-decoration:underline;
  text-decoration-style: none;
  text-decoration-color: var(--base-3)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}
/* Decoração underline link blogpost */
.gb-container-8922aacc a {
	font-weight: bold;
  color: var(--base-3);  
  text-decoration:underline;
  text-decoration-style:none;
  text-decoration-color: var(--global-color-logo)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

.gb-container-8922aacc a:hover {
	color: var(--global-color-logo);
  text-decoration:underline;
  text-decoration-style: none;
  text-decoration-color: var(--base-3)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

/* Decoração underline link Cards Mais Artigos */
.gb-headline a {
  color: var(--base-3);  
  text-decoration:underline;
  text-decoration-style:none;
  text-decoration-color: var(--global-color-logo)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

.gb-headline a:hover {
	color: var(--global-color-logo);
  text-decoration:underline;
  text-decoration-style: none;
  text-decoration-color: var(--base-3)!important;
  text-decoration-thickness: .075em;
  text-underline-offset: 1.5px;
}

/* paginação artigos*/

.paging-navigation {
    text-align: center;
}

.paging-navigation .page-numbers {
    margin: 0 10px;
    display: inline-block;
    text-align: center;
    min-width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 4px;
    color: var(--base-3);  
  text-decoration:underline;
  text-decoration-style:none;
  text-decoration-color: var(--global-color-logo)!important;
    border: 1px solid #078ade;
    background: var(--contrast-2);
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.5);
}

.paging-navigation .page-numbers.prev,
.paging-navigation .page-numbers.next {
    padding: 0 10px;
}

.paging-navigation .page-numbers:hover,
.paging-navigation .page-numbers.current {
    background: var(--contrast);
    color: var(--global-color-logo);
  text-decoration:underline;
  text-decoration-style: none;
  text-decoration-color: var(--base-3)!important;
}
@media(max-width: 768px) {

    .separate-containers .paging-navigation {
        padding: 10px 5px !important;
    }

    .paging-navigation .nav-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .paging-navigation .page-numbers {
        margin: 4px !important;
        box-sizing: border-box;
        flex: 1 0 12%
    }

    .paging-navigation .page-numbers.prev,
    .paging-navigation .page-numbers.next {
        order: 50;
        flex: 1 0 40%;
        margin-top: 1em;
    }
}

/* Cor da linha global hero */
@media (min-width: 1025px) {
.page-title-bar:before {
    content: '';
	  position: absolute;
		width: 200vw;
		height: 4px;
  	background: var(--global-color-logo);
		left: 0px;
		bottom: 0.5em;
    z-index: -1;
	}
}

/*background Título*/
@media (min-width: 1025px) {
.page-title-bar:after {
    content: '';
	  position: absolute;
		background-color: var(--contrast-2);
		width: 100%;
		height: 100%;
  	top: 0;
		left: 0;
		z-index: -1;
	}
}
@media (min-width: 1025px) {
	.page-title-bar {
		position: relative;
		background-color: var(--contrast-2);
		width: max-content;
		padding-right: 16px;
		z-index: 4;
		}
}

/*formulario de contato*/
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
		color: var(--contrast);
		background-color: var(--global-color-logo);
		font-size: 1em;
		font-weight: 700;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		text-align: center;
}

.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style hover {
		color: black;
		background-color: black;
		font-size: 1em;
		font-weight: 700;
		letter-spacing: 0.3em;
		text-transform: uppercase;
		text-align: center;
}


#comments {
	max-width: 1200px;
	margin: 0 auto;
}