/*
 Theme Name:   Virtue Premium Child
 Theme URI:    http://#
 Description:  Virtue Premium Child Theme
 Author:       Arteaster
 Author URI:   http://arteaster.com
 Template:     virtue_premium
 Version:      1.1
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:  virtue-child
*/
/* Theme customization starts here
-------------------------------------------------------------- */

/* === PApi  31. 1. 2020. === */

/* ======== Header ========= */
/*  .is-sticky #thelogo:before {
	height: 60px;
	width: 100%;
	content: "";
    position: absolute;
	top: 0;
    background: url(logo/logo_sticky_4-cir-.png) left center no-repeat;  
} */
.is-sticky #kad-shrinkheader #logo img {
	/* visibility: hidden; */
	/* display: none; */
}
.stickyheader #kad-banner{
    position: absolute;
    width: 100%;
    transition: background .3s ease;
}
.stickyheader .is-sticky #kad-banner {
    background:#363e46 !important;
}
.stickyheader #kad-mobile-banner {
	transition: background .3s ease;
}
.sticky-wrapper.is-sticky{
background: rgba(38,38,38,0.9) !important;
}
.stickyheader .is-sticky #topbar.topclass{
display:none;
}
/* ---  Primary Menu --- */

#menu-main_prim.sf-menu.sf-js-enabled a{
padding: 10px 20px !important;
display: inline;
}
#menu-main_prim.sf-menu.sf-js-enabled a:hover{
color:#444;
}
.stickyheader .is-sticky #menu-main_prim a, .stickyheader .is-sticky #menu-main_prim a:hover{
color:#fff;
}
#menu-main_prim .menu-item a:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #ba354e;	
  visibility: hidden;
  border-radius: 5px;
  transform: scaleX(0);
  transition: .25s linear;
}
#menu-main_prim .menu-item a:hover:before{
visibility: visible;
transform: scaleX(0.7);	
}
#menu-main_prim .current-menu-item a:before, #menu-main_prim .current-menu-item a:hover:before{
  background: #ba354e;
  visibility: visible;
  transform: scaleX(0.7);
}
/* --- SubMenu --- */
.nav-main ul#menu-main_prim.sf-menu ul li a{
display:block !important;
padding:10px;
background:#dad4b4;
}
.is-sticky .nav-main ul#menu-main_prim.sf-menu ul li a{
background:#363e46;
}
.nav-main ul#menu-main_prim.sf-menu ul li a:before{
display:none;
}
.is-sticky .nav-main ul#menu-main_prim.sf-menu ul li a:hover{
color:#e4e4e4;
}
/* ---- Pages using SO pagebuilder without top Full Width Stretched image/slider/content widget --- */
.siteorigin-panels .page-header {
margin: 15px 0 20px;
}
.siteorigin-panels .contentclass{
padding-top:0 !important;
}
.siteorigin-panels .page-header.below {
margin:0;
}
/* --- Mobile -- */
.is-sticky .kad-mobile-nav .kad-nav-inner li a{
color:#ffffff;
border-bottom-color:#ffffff;
}
/* === Script Selector === */

/* --------- Misc  ----------- */
.typed-cursor{
display:none;
}
/* --- Comment form animation --- */
#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
    width: 100%;
    max-width: none;
}
input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"] {
    border-radius: 0;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
    max-width: none;
    width: 100%;
    text-transform: none;
    padding: .4em .5em;
    margin: 0 .5em .5em 0;
}
#commentform p label {
    transform: translate(12px, 35px);
}
#commentform label {
    display: block;
    font-size: .8em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .04em;
    transition: all .3s;
}
#commentform p.comment-form-cookies-consent, #commentform p.form-submit, #commentform p.comment-form-comment, #commentform p.comment-form-url, #commentform p.comment-form-rating {
    clear: both;
}
/* === Script selector === */
.lngs{
position: fixed;
top: 40%;
right: 0;
display: flex;
flex-direction: column;
z-index: 1000;
}
.lngs a{
text-decoration:none;
text-transform: uppercase;
padding: 5px 10px;
background-color: #62928c;
color: #fff;
font-size: 11px;
font-weight: 400;
-webkit-transform: translate(45%, 0px);
transform: translate(45%, 0px);
transition: all 0.3s;
-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
}
.lngs a.cir_sub{
margin-bottom: 2px;
}
/* === active script === */
.lat .lngs a.lat_sub, .cir .lngs a.cir_sub {
display: none;
}
.lngs a:hover{
-webkit-transform: translate(0px, 0px);	
transform: translate(0%, 0px);
}
.lngs a.cir_sub span.cir_sfx, .lngs a.lat_sub span.lat_sfx{
opacity:0;
transition:all 0.1s ease;
}
.lngs a.cir_sub:hover span.cir_sfx, .lngs a.lat_sub:hover span.lat_sfx{
opacity:1;
}
/* === TESTING === */