/*
 Theme Name:     Yin and Yang Child
 Description:    Yin and Yang Child Theme
 Author:         OnionEye
 Author URI:     http://themeforest.net/user/onioneye
 Template:       yin-and-yang
 Version:        1.0.0
*/

/*  Theme customization starts here
    ========================================================================== */
body {
color: #525252;
}
strong{    
font-weight: 600;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .item-title, .h3, .h4, .h5, .h6{
    font-weight:600;
}

body .footer .social-networking li a span.social-icon:after{
    background-image: url("img/main.png");
}
.footer-widget a,
.footer-widget a:visited
 {
    color: #fff;
}
 .oy-flexslider .oy-slides > li img{
 width:100%;
 height: auto;
 }
 @media only screen and (min-width: 786px){
 .portfolio-filter {
    float: left;
    width: 100%;
    margin-top:10px;
}
.portfolio-filter li {
    float: left;
    margin-right: 0.5em;
    margin-left: 0;
    margin-bottom: 10px;
}

.slide-out-container{
    max-height: 100vh;
    overflow-y: auto;

}
.slide-out-container::-webkit-scrollbar {
    width: 1em;
  }
  
  /* Track */
  .slide-out-container::-webkit-scrollbar-track {
    background-color: #fff;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  /* Handle */
  .slide-out-container::-webkit-scrollbar-thumb {
    background-color: darkgrey;
  outline: 1px solid slategrey;
  }
  
  /* Handle on hover */
  .slide-out-container::-webkit-scrollbar-thumb:hover {
    background-color: black;
  outline: 1px solid slategrey;
  }
}
 @media only screen and (max-width: 480px){
.header .branding .mobile-menu > li .menu-button,
.header .branding .mobile-menu .menu li a {
    font-size: 1em !important;
}
    
.clients-content .su-column.su-column-size-1-4 {
    text-align: center;
}
.logo-container img{
    height: auto !important;
}
.clients-content .su-row .su-column {
    margin: 0;
}
}
@media (max-width: 787px) and (min-width: 481px){
.su-column.su-column-size-1-4 {
    width: 50% !important;
    float: left !important;
    padding: 0 1% !important;
    text-align: center;
}
.clients-content .su-row .su-column {
    margin: 0;
}
}
input[type="submit"], button, input[type="button"] {
    background: #FFF67A !important;
}
#evcal_list .eventon_list_event p a.desc_trig {
    border-color: #ffea00;
}
::-moz-selection { /* Code for Firefox */
    background: #FFF67A;
}

::selection {
    background: #FFF67A;
}
a:hover {
    color: #FFF67A !important;
}
div#dropdown-wrapper a {
    color: #fff;
}
.customer-showcase h2:after {
    content:none;
}
.customer-showcase h2 {
    margin-bottom: 18px;
    background: url(img/icon-clients.png) no-repeat 0 50%;
}
.su-table.su-table-responsive table {
    min-width: 100%;
}
input.wpcf7-form-control.wpcf7-submit {
    margin-top: 10px;
}
.slide-out-div .footer-widgets .footer-widget .widgettitle {
    font-size: 18px;
}
.wp-audio-shortcode button {
    background: transparent url(img/mejs-controls.svg) !important;
    box-shadow: none;
    border-radius: 0;
}
.wp-audio-shortcode .mejs-mute>button {
    background-position: -60px 0 !important;
}
.iframe-container iframe{
	width:100% !important;
}

/*new css*/
.logo-container img{
    height: 50px;
    width: 458px;
}
.header #dropdown-trigger{
    padding: 3px 29px 4px 18px;
}
.slide-out-div #back-to-top.main-top-button {
    top: -52px !important;
}
.wp-link-pages {
    margin-bottom: 0px !important;
}
.slide-out-div.active ~ .close-slide-out {
    display: block !important;
    opacity: 1 !important;
}
.active .overlay-handle.inactive{
    display: none;
}
.slide-out-div{
    top:0;
}
.header .branding .mobile-menu > li .menu-button{
    font-size: .9em !important;
}
.header .branding .mobile-menu .menu li a{
    font-size: .8rem !important;
}