/*
Theme Name:     Artwoodstudio Child
Template:       carpentry-contractor
Theme URI:      
Description:    Дочерняя тема для темы carpentry-contractor
Author:         Ваше имя Dunyshev
Author URI:     http: //example.com/about/
Version:        0.1.0
*/
@import url("../carpentry-contractor/style.css");

/* Свои дополнительные стили */
  /*
		
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  float: none;
  display: block; 
  text-align: left;
   border-bottom: 1px solid #cccccc;
  padding: 12px 20px;
 /*background-color: var(--color-primary);  
  margin-bottom: 8px; 
  border-radius: 12px;
  }  */
 .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
	  margin-bottom: 8px; 
  border-radius: 12px;
  
 }
 

.sub-menu { background-color: transparent;}
/*----------------Menu bar-----------*/
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  ./*border-bottom: 1px solid #fff; */
  border-left: none;
  border-right: none !important;
}
@keyframes smoothScroll {
  0% {transform: translateY(-40px);}
  100% {transform: translateY(0px);}}

.close-sidebar {
  font-size: 25px;
  text-align: right;
  color: #fff;
  padding: 16px 20px;
}
.headerbar {
  font-size: 30px;
  font-weight:900;
}
.side-navigation a:hover{
  color: var(--color-primary);
}
.side-navigation li {
  position: relative;
  padding: 22px 14px;
  display: inline-block;
}
.side-navigation li:last-child{
  border-right: none;
}
.side-navigation a {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  padding: 0 10px;
}
.side-navigation ul ul li.current_page_item a:after, .side-navigation ul ul li.current-menu-item a:after{
  display: none;
}
.side-navigation ul li.current_page_item a:before, .side-navigation ul li.current-menu-item a:before {
    transform: scale(1.0);
}
.side-navigation ul li.current_page_item > a, .side-navigation ul li.current-menu-item > a {
  color: var(--color-primary);
}
.side-navigation a:hover{
  color: var(--color-primary);
}
.sub-menu li:hover {
    background-color : #343434;
}
.sub-menu li:hover a{
  color: white !important;
}
.sub-menu li{
  margin-top: 0;
}
.side-navigation ul ul {
  position: absolute;
  left: 0;
  top: 100%;
  /* background: var(--color-primary); */
  border-radius: 0;
  min-width: 230px;
  z-index: 9999;
  display: none;
}
.side-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.side-navigation ul ul li, .menubar.scrolled .side-navigation ul ul li {
  float: none;
  display: block;
  text-align: left;
  /* border-bottom: 1px solid #cccccc; */
  padding: 12px 20px;
  background-color: var(--color-primary);
  margin-bottom: 8px;
  border-radius: 12px;
}
.side-navigation ul ul li a {
  color: white;
  background-color: transparent !important;
  font-size: 14px;
  padding: 0;
}
.side-navigation ul ul li:last-child{
  border-bottom: 0;
}
.side-navigation ul li:hover > ul{
  display: block;
  animation: fadeInUp 1.5s ease;
  -webkit-animation: fadeInUp 1.5s ease;
}
.side-navigation ul li.menu-item-has-children>a:after {
    content: "\f107";
    position: static;
    margin-left: 5px;
    font-family: "font awesome 5 free";
    font-weight: 900;
    /*float: right;*/
}
@keyframes fadeInRight{
 0%{opacity:0; transform:translate3d(10 0%,0,0)}
 100%{opacity:1; transform:none;}} 
.side-navigation .menu > ul > li.highlight{
  background-color: #ff8800;
}
.side-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}