/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@import url('https://fonts.googleapis.com/css?family=Assistant&subject=hebrew');

.ask {
    position: fixed;
    background-color: white;
    border-radius: 3px 3px 0px 0px;
    width: 280px;
    z-index: 801;
    padding: 2px;
    transition: 0.2s;
    right: 50px;
    font-size: 16px;
    bottom: 0px;
    box-shadow: 1px 1px 5px gray;
}

.ask p {
    margin: 0px;
}

.ask label {
padding: 5px 10px;
}

.ask .wpcf7-submit {
    margin: 0px;
cursor: pointer;
color: white;
font-weight:bold;
background-color: #069abb;
border: 0px;
}

.ask .ajax-loader {
    position: absolute;
    pointer-events: none;
}

.wpcf7-response-output {
    margin: 0px !important;
}

.wpcf7-not-valid-tip {
    pointer-events: none;
}

.ask * {
    float: right;
    width: 100%;
}

.ask-body {
    display: none;
}

.asknow {
    width: 40%;
    right: 30%;
    left: 30%;
    border-radius: 3px;
    bottom: 40%;
}

.asknow .ask-body {
    display: block;
}

.ask input, textarea {
    height: auto;
    max-height: 100px;
    margin: 3px 0px;
padding: 10px;
outline: 0px;
font-size: 18px;
font-family: 'Assistant', arial;
    border: 1px solid #EDF0F2;
}

.ask-title {
    height: 40px;
    float: right;
    cursor: pointer;
    width: 100%;
    background-color: #67B930;
    color: white;
    text-align: center;
    padding: 9px;
}

.blackout {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.70);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 800;
    display: none;
}

@media screen and (max-width: 600px) {


.ask {
    width: 90%;
    right: 5%;
}

.asknow {
bottom: 10%;
}


}