/* 
  neutron-css by G4
  Version: 0.0.3.1 button bug fix

    added: 
          widgets +2
          fonts   +13
          color's +27
          themes  +4

*/

/* Global Configs */
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Walter+Turncoat&family=KoHo&family=Architects+Daughter&family=Bungee+Shade&family=Bebas+Neue&family=Monda&family=Itim&family=Roboto&family=Oswald&family=Playfair+Display&family=Kanit:wght@200&family=Exo+2&family=Open+Sans:wght@400&family=IBM+Plex+Sans:wght@300&family=Special+Elite&display=swap"); /*? 23/12/2021 */

/**/

:root {
  /** Fonts*/
  --ft-1-goo: 'Architects Daughter';
  --ft-2-goo: 'Bebas Neue';
  --ft-3-goo: 'Monda';
  --ft-4-goo: 'Itim';
  --ft-5-goo: 'PlayFair Display';
  --ft-6-goo: 'Kanit';
  --ft-7-goo: 'Exo 2';
  --ft-8-goo: 'Open Sans';
  --ft-9-goo: 'IBM Plex Sans';
  --ft-10-goo: 'Koho';
  --ft-11-goo: 'Special Elite';
  --ft-12-goo: 'Bungee Shade';
  --ft-13-goo: 'Walter Turncoat';
  --ft-14-goo: 'Roboto';
  --ft-15-goo: 'Oswald';
  /**/
  
  
  /** Cyan Minimal Palette*/
  --cl-1-plt-Cyan: #e4f5ff; /* White*/
  --cl-2-plt-Cyan: #96c7d5; /* light Blue*/
  --cl-3-plt-Cyan: #2d7a9c; /* med Blue*/
  --cl-4-plt-Cyan: #094f6e; /* high Blue*/
  --cl-5-plt-Cyan: #022534; /* dark Blue*/
  /**/

  /** Reded Palette*/
  --cl-1-plt-Reded: #ee4540; /* light Red*/
  --cl-2-plt-Reded: #c72c41; /* unlighted Red*/
  --cl-3-plt-Reded: #801336; /* dark Red*/
  --cl-4-plt-Reded: #510a32; /* Purple x Red*/
  --cl-5-plt-Reded: #2d142c; /* dark Purple*/
  /**/

  /** HgGreen Minimal Palette*/
  --cl-1-plt-Hgg: #7263ff; /* light soft Purple*/
  --cl-2-plt-Hgg: #5affe7; /* x-light Green*/
  --cl-3-plt-Hgg: #0bc6ab; /* dark Green*/
  --cl-4-plt-Hgg: #37465b; /* light Grey*/
  --cl-5-plt-Hgg: #212b38; /* light Black*/
  /**/

  /** Summer Minimal Palette*/
  --cl-1-plt-Summer: #e50058; /* fl Red*/
  --cl-2-plt-Summer: #ff740f; /* dark Orange*/
  --cl-3-plt-Summer: #ffb336; /* light Gold*/
  --cl-4-plt-Summer: #fcfcfc; /* summer White*/
  --cl-5-plt-Summer: #193b55; /* M dark Blue*/
  /**/

  /** non Palette*/
  --cl-white: rgb(255, 255, 255);
  --cl-grey: rgb(39, 38, 38);
  --cl-black: rgb(10, 10, 20);
  --cl-light-gold: rgb(250, 230, 10);
  
  --bg-1-test:rgba(255, 0, 0, 0.8);
  --bg-2-test:rgba(0, 255, 0, 0.8);
  --bg-3-test:rgba(0, 120, 255, 0.8);
  /**/
  
  /** Boxes config*/
  --desk-s-box: 100%;
  --mobi-s-box: 80%;
  /**/
}

/** Basic's styles 
==================
*/
.render{
  display: block !important;
}
.no-render,
.norender{
  display: none !important;
}
neutron {
    display: block !important;
}
neutron-icons {
    display: block !important;
}
neutron-widget {
    display: block !important;
}

div[style="text-align: right;position: fixed;z-index:9999999;bottom: 0;width: auto;right: 1%;cursor: pointer;line-height: 0;display:block !important;"]{
    display: none;
}
img[alt="www.000webhost.com"]{
    display: none;
    opacity: 0;
}
/***/





/*? WIDGETS */

/** Edit Block widget*/
[nw-button]{
  position: fixed;
  bottom: 7vh;
  right: 7vw;
  min-width: 35px;
  min-height: 35px;
  display: flex;
  padding: 5px;
  border-radius: 50%;
  background-color: rgb(235, 235, 235);
  border: 4px solid grey;
  display: flex;
  cursor: pointer;
}
[nw-button] i{
  color: grey;
  margin: auto auto;
  font-size: 1.9em;
  border: none !important;
}
[nw-menu]{
  width: 550px;
  height: 300px;
  position: fixed;
  top: 110%;
  left: 25%;
  transition: 700ms;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0,0,0, 0.34);
  opacity: 0;
  background: rgb(222,222,222);
}
[nw-inp]{
  display: none;
}
[nw-inp]:checked + [nw-button] i,
[nw-inp]:checked + [nw-button]{
  color: black;
  border: 4px solid black;
}
[nw-inp]:checked ~ ._element._edit-menu {
  opacity: 1;
  top: 60%;
  left: 25%;
}

/** Tap buttons widget*/

neutron._tap-control-buttons{
  max-width: 55px;
  max-height: 115px;
  width: 55px;
  height: 80px;
  position: fixed;
  bottom: 7vh;
  left: 7vw;
}
._tap-control-buttons button{
  width: 50px;
  height: 50px;
  border: 0;
  user-select: none;
  background-color: rgb(235, 235, 235);
  border: 4px solid grey;
  color: grey;
  cursor: pointer;
  font-size: 1.5em;
}
._tap-control-buttons button:hover{
  color: rgb(65, 65, 65);
  border: 4px solid rgb(65, 65, 65);
  outline: none !important;
  outline-color: none !important;
  outline-offset: none !important;
  outline-style: none !important;
  outline-width: none !important;
  user-select: none !important;
}
._tap-control-buttons button:active{
  color: black ;
  border: 4px solid black;
  
  transform: scale(120%);
  outline: none !important;
  outline-color: none !important;
  outline-offset: none !important;
  outline-style: none !important;
  outline-width: none !important;
  user-select: none !important;
}
._tap-control-buttons button:nth-child(2){
  margin-top: 5px;
}
    /* min-ci*/
._tap-control-buttons button[min-ci] {
  border-radius: 50%;
  outline: none !important;
  outline-color: none !important;
  outline-offset: none !important;
  outline-style: none !important;
  outline-width: none !important;
  user-select: none !important;
}
		/* min-qua*/
._tap-control-buttons button[qua] {
  border-radius: 20%;
  outline: none !important;
  outline-color: none !important;
  outline-offset: none !important;
  outline-style: none !important;
  outline-width: none !important;
  user-select: none !important;
 
}
._tap-control-buttons button[ci-na] {
  border-radius: 50%;
 background: none !important;
  outline: none !important;
  outline-color: none !important;
  outline-offset: none !important;
  outline-style: none !important;
  outline-width: none !important;
  user-select: none !important;
  border: 0;
  font-size: 2.5em;
}
._tap-control-buttons button[ci-na] {
  border-radius: 50%;
 	background: none !important;
  outline: none !important;
  outline-color: none !important;
  outline-offset: none !important;
  outline-style: none !important;
  outline-width: none !important;
  user-select: none !important;
 font-size: 2.5em;
}
._tap-control-buttons button[ci-na-sh] {
  border-radius: 50%;
 	background: black !important;
  border: 4px solid rgb(10,200,214);
  color: rgb(10,254,10);
  outline: none !important;
  outline-color: none !important;
  outline-offset: none !important;
  outline-style: none !important;
  outline-width: none !important;
  user-select: none !important;
  box-shadow: 0px 0px 5px rgb(10,254,10);
  font-size: 1.5em;
}