/*

Theme name: SayWhot Application
Author: Victor Donte
Version: 1.0
Description: A saywhot theme based on woset themes

*/


/******** Google Fonts *********/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,600i,700,700i,800,800i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

/******* Dependencies *******/
@import "css/header-layout.css";
@import "css/content-layout.css";
@import "css/core-util.css";
@import "css/page-utils.css";

@import "css/wo-page.css";
@import "css/footer-layout.css";



/* portal layout and utilities  */
@import "css/portal-utils.css";
@import "css/portal-layout.css";


/******* Defaults *******/
*{
	box-sizing:border-box;
	margin:0
}

body{
	font-family: 'Roboto', sans-serif;
	
	
	
}

body:not([class*="wp-admin"]){
	color:#000;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	background-color:  rgba(3, 31, 58, 1);
	background-color: rgba(255,255,255,1);
	opacity: 0;
	transition: all 1s ease-out;
	overflow-x: hidden;
	font-size: 62.5%;
}

body.page_loaded{
	opacity: 1
}

body.aside_show{
	
	overflow-y: hidden;
	transform: translateX(30vw);
}

body.hide-overflow{
	
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}


button{
    transition: all 1s ease;
}

button:focus{
    outline: none
}

button:hover{
    transform: scale(1.05)
}

.photo{

}

.photo img{
	width:100%
}


/* Smart Phones */
@media only screen and (min-width:320px) and (max-width:500px){
	body.aside_show{
	
		overflow-y: hidden;
		transform: translateX(90vw);
	}
	
	
}


/* Smart Phones H */
@media only screen and (min-width:500px) and (max-width:760px){
	body.aside_show{
	
		overflow-y: hidden;
		transform: translateX(70vw);
	}
	
	
}


/* Tablets */
@media only screen and (min-width:761px) and (max-width:1000px) {
	body.aside_show{
	
		overflow-y: hidden;
		transform: translateX(50vw);
	}
}



/******* Utilities *******/
.bg-black{
	background-color:#000 !important;
}

.bg-blue{
	background-color:#2138c1 !important;
}

.bg-red{
	background-color:#c1213c !important;
}

.bg-green{
	background-color:#317410 !important;
}



.txt-black{
	color:#000 !important;
}

.txt-blue{
	color:#2138c1 !important;
}

.txt-red{
	color:#c1213c !important;
}

.txt-green{
	color:#317410 !important;
}

/******* Variables *******/
:root {
	--white: #fff;
	--black: #000;


	--site-main-bg:rgba(131, 5, 5, 0.8);
	--site-main-bg2:rgba(236, 172, 172, 0.637);
	
	--site-title-color: rgb(127, 45, 45);
}