/*
Theme Name:   square child theme
Description:  Write here a brief description about your child-theme
Author:       admin
Author URL:   https://new-employee.formwizard.co.il
Template:     square
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  square-child
*/

/* Write here your own personal stylesheet */
.titel-part {background:transparent}

@media screen and (max-width:770px) {
body #sq-site-branding {    padding: 0;    flex: 0 0 25%;}
body #sq-masthead {    background: #333;height: 72px;}
body #sq-content {    height: auto;    padding-top:0px;}
body .sq-toggle-nav span { width: 30px; height: 3px; margin-top: 14px;}
div#titel-part {background: #00bae1;}
div#titel-part h2 {    color: #fff !important;}
body .sq-main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    width: 100%;
}

#wpadminbar {
    background: #0082be;
}

body .sq-main-navigation ul ul { background: #484d51;}
body .sq-main-navigation ul ul a { color: #fff;}
body .sq-main-navigation ul ul li {
    float: none;
    border-bottom: 1px solid #F0F0F020;
}

body .sq-main-navigation .sq-menu {
    float: right;
    text-align: center;
    justify-content: center;
    display:block;flex-direction:column;
    font-family: heebo; width: 100%;
    font-weight: 400 !important;
}
body .sq-main-navigation li {
    float: none;
    position: relative;
    line-height: 1;
    width: 100%;
    text-align: right;
    padding: 0 20px;
}
body .sf-arrows .sf-with-ul:after { left: 1em;right:inherit}
}


@media all and (-ms-high-contrast:none) {
	
	.grayer img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
	}	
}


@media screen and (max-width: 770px) {
body #sq-masthead {
    background: #fff !important;
    height: 74px;
}
.sq-toggle-nav span:after, .sq-toggle-nav span:before {
   
    background: #0082be;
   
}
body.logged-in #sq-masthead {
    top: 0;
}
#wpadminbar.mobile .quicklinks .ab-icon:before, #wpadminbar.mobile .quicklinks .ab-item:before {
    color: #ffffff;
}
.sq-toggle-nav span { background: #0082be;}

}