/** @file CSS for styling form elements. */

form { width: 100%; max-width: 720px; margin: 30px auto; }

form input[type=text], form input[type=password] { display: block; width: 100%; box-sizing: border-box; border: 1px solid #000; font-size: 22px; line-height: 30px; letter-spacing: 1px; padding: 12px 15px; margin-bottom: 0; font-family: 'lora', serif; color: #000; }
form input[type=submit] { font-family: 'eucmed', sans-serif; text-transform: uppercase; font-size: 11px; line-height: 30px; padding: 12px 15px; margin: 0; letter-spacing: 2px; color: #ffffff; cursor: pointer; pointer-events: all; border-width: 1px; border-color: rgba(0, 0, 0, 0.2);
    -moz-appearance: none; -webkit-appearance: none; appearance: none; }

form#search-block-form { position: relative; overflow: hidden; margin-bottom: 50px; padding: 0 25px; }
form#search-block-form .form-item-keys { width: calc(100% - 60px); overflow: hidden; }

form#search-block-form .form-item-keys input[type=search] { color: #000000; padding: 0; width: 100%; font-family: 'lora', serif; font-size: 40px; border: none; border-bottom: 1px solid #000000; font-style: italic; line-height: 78px;
    background-color: transparent; }

form#search-block-form .form-item-keys input[type=search]::placeholder { color: #000000; }

form#search-block-form .form-actions { position: absolute; top: 0; right: 25px; }
form#search-block-form .form-actions input {  width: 55px; height: 0; padding: 80px 0 0 0; border: none; border-bottom: 1px solid transparent; overflow: hidden;
    background-color: transparent; background-image: url('../../images/search.svg'); background-repeat: no-repeat; background-size: 35px; background-position: center; }