/*
 Theme Name:   Fluxo
 Author:       Fluxo
 Author URI:   https://fluxo.design
*/



@font-face {
    font-family: 'Oatmeal';
    src: url('fonts/OatmealPro2-SemiBold.woff2') format('woff2'),
        url('fonts/OatmealPro2-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, 
a, img, ol, ul, li,
article, footer, header,  
menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    box-sizing: border-box;
}

body {
    font-family: 'Oatmeal', sans-serif;
    -webkit-font-smoothing: antialiased;
}
ul, li {
	list-style: none;
}
input:-webkit-autofill,
input:-webkit-autofill::first-line,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset !important;
    -webkit-text-fill-color: #000 !important;
    font-weight: 600;
    font-size: 0.93vw !important;
	line-height: 122% !important;
    font-family: 'Oatmeal', sans-serif !important;
}
.hidden {
	display: none;
}
.mobile-view {
	display: none;
}
.desktop-view {
	display: block;
}
a[href^="tel"] {
    color:inherit;
    text-decoration:none;
}
.bg-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	outline: none !important;
	width: 100%;
	height: 100%;
}
a {
	text-decoration: none;
}
p {
    line-height: inherit;
    margin: 0 0 1em 0;
}
.uppercase{
    text-transform: uppercase;
}
.overflow_hidden {
	overflow-y: hidden;
}
.overflow_scroll {
	overflow-y: scroll;
	height: 100%;
}
.post-edit {
	display: none !important;
}

/* = Flex lib = */
.flex{
    display: flex;
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-1{
    flex:1;
}
.flex-2{
    flex:2;
}
.flex-3{
    flex:3;
}
.flex-4{
    flex:4;
}
.flex-5{
    flex:5;
}
.flex-6{
    flex:6;
}
.flex-7{
    flex:7;
}
.flex-8{
    flex:8;
}
.flex-9{
    flex:9;
}
.flex-10{
    flex:10;
}








/* MAIN LAYOUT */


::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent;
}
::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: transparent;
}


/* LAYOUT */




/* TYPOGRAPHY */






/* COLORS */






/* HEADER */





/* FOOTER */





/* HOMEPAGE */










@media only screen and (max-width: 2560px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/



}


@media only screen and (max-width: 1920px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/





}



@media only screen and (max-width: 1680px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/




}



@media only screen and (max-width: 1440px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}



@media only screen and (max-width: 1366px) and (min-height: 680px) and (max-height: 690px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}



@media only screen and (max-width: 1280px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/



}



@media only screen and (max-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/



}





@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


.mobile-view {
	display: block;
}
.desktop-view {
	display: none;
}



}




@media only screen and (max-width: 376px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}





@media only screen and (max-width: 321px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}