@CHARSET "UTF-8";

body.body-light #color_switch { background: rgba(0,0,0,0.8);}
body.body-light #color_switch span { left: calc(100% - 22px);} 
body.body-light #color_switch span svg { fill: rgba(255,255,255, 1); --svg-color: rgba(255,255,255,1);
-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
} 



body.body-light { background-image: url('../images/textura_light.jpg'); color: #000; }

body.body-light:before {
  content: '';
  z-index: 10;
  /*width: 100%;
  height: 100%;*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  position: fixed;
  background: linear-gradient(10deg, rgba(70,120, 195, 0.4) 0%, rgba(12, 35, 73, 0.7) 60%);
  z-index: -1;
    
}


body.body-light #background #horizont {background-image: url('../images/horizont_white.svg');}
body.body-light #main_title { color: var(--color-gradient-1);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

body.body-light #main_menu {background: #ffffff;}

body.body-light #main_menu ul li a { color: var(--color-gradient-1); }
body.body-light #main_menu ul li:after {background: rgba(var(--color-gradient-1-rgb), 0.1); }
/*body.body-light #main_menu ul li a:after  {position: absolute; left: 50%; bottom: 0; height: 2px; right: 50%; background: rgba(0,0,0,0); transition: all linear 0.3s; content: ''; display: block;}*/
body.body-light #main_menu ul li.active:after {background: rgba(var(--color-gradient-1-rgb), 0.3);}
body.body-light #main_menu ul li a:hover:after {left: 0; right: 0; background: rgba(var(--color-gradient-1-rgb), 1);}


body.body-light #footer {
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%,  rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}


body.body-light #right_menu a .r_menu_label {background-color: rgba(255,255,255,0); }
body.body-light #right_menu a:hover .r_menu_label {color: rgba(var(--color-gradient-1-rgb), 1); background-color: rgba(255,255,255,255.75); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); right: 50%;} 


body.body-light #footer .footer-left { background-image: url('../images/footer_left_light.png');}
body.body-light #footer .footer-right { background-image: url('../images/footer_right_light.png');}

body.body-light .pagecontent {background: rgba(255,255,255, 0.3); box-shadow: 4px 4px 8px rgba(0,0,0,0.5);}
body.body-light h2,
body.body-light h3,
body.body-light h4,
body.body-light h5,
body.body-light h6 {color: var(--color-gradient-1);}

body.body-light .is_parchment h2 {color: #333;}

body.body-light a,
body.body-light a:visited {color: var(--color-gradient-1); }
body.body-light a:focus, a:hover {color: var(--color-orange-2);}

body.body-light .pagecontent a:before { background: rgba(var(--color-gradient-1-rgb), 0.3);}
body.body-light .pagecontent a:after {background: rgba(var(--color-primary-rgb), 0);}
body.body-light .pagecontent a:hover:after,
body.body-light .pagecontent a:focus:after { background: rgba(var(--color-primary-rgb), 1); }
body.body-light .pagecontent.is_parchment {background: rgba(255,255,255,0); box-shadow: none; color: #333; }


body.body-light .form_row label { color: var(--color-gradient-1); border-bottom-color: rgba(var(--color-gradient-1-rgb),0.3);  }
body.body-light .form_row input,
body.body-light .form_row textarea { border-color: rgba(var(--color-gradient-1-rgb),0.3); background: rgba(255,255,255,0.3); color: #000;}
 
body.body-light .form_row .fake-line { border-bottom-color: rgba(var(--color-gradient-1-rgb),0.7); }

body.body-light .form_row input:focus,
body.body-light .form_row textarea:focus { border-color: rgba(var(--color-gradient-1-rgb),0.7); }

body.body-light .form_row button { background: rgba(255,255,255,0.3); color: rgba(0,0,0,0.6);}


body.body-light .form_row button:after {  border-top-color: rgba(var(--color-gradient-1-rgb),0); border-left-color: rgba(var(--color-gradient-1-rgb),0);}
body.body-light .form_row button:before { border-bottom-color: rgba(var(--color-gradient-1-rgb),0); border-right-color: rgba(var(--color-gradient-1-rgb),0);}
body.body-light .form_row button:hover,
body.body-light .form_row button:focus { color: rgba(var(--color-gradient-1-rgb),1); }
body.body-light .form_row button:hover svg,
body.body-light .form_row button:focus svg { fill: rgba(var(--color-gradient-1-rgb),1); --svg-color: rgba(var(--color-gradient-1-rgb),1);}

body.body-light .form_row button:hover:after,
body.body-light .form_row button:focus:after,
body.body-light .form_row button:hover:before,
body.body-light .form_row button:focus:before {border-color: rgba(var(--color-gradient-1-rgb),1);}

body.body-light .gb_message { background: rgba(255,255,255,0.5);}
body.body-light .gb_message .gb_message_header { background: rgba(255,255,255,0.7); color: var(--color-gradient-1); border-bottom-color:  var(--color-gradient-1);}
body.body-light .gb_message .gb_message_body {color: #000; }
body.body-light .gb_message .gb_message_body .dice svg { fill: rgba(0,0,0,0.3); --svg-color: rgba(0,0,0,0.3); }

body.body-light .gb_message .gb_message_body .dice.crit-fail svg { fill: rgba(116,1,4,1);  --svg-color: rgba(116,1,4,1); }
body.body-light .gb_message .gb_message_body .dice.crit-success svg { fill: var(--primary-color); --svg-color: var(--primary-color);  }
body.body-light .gb_message .gb_message_body .dice.crit-success .dice-number {color: #000; }

body.body-light .gb_pages ul li a,
body.body-light .gb_pages ul li span {background-color: rgba(255,255,255,0.3); }
body.body-light .gb_pages ul li a.gb_active:hover {background: rgba(var(--color-gradient-1-rgb),0.5); color: #fff; }