/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.modal.modal-share-lt  {
    top: 20%;
}
.modal-share-lt .modal-header {
    padding: 59px 25px 10px 25px;
    border-bottom: none;
}
.modal-share-lt .modal-header .close {
    display: none;
}
.modal-share-lt .modal-content {
    border: none;
    border-radius: 0;
}
.modal-share-lt .modal-title {
    color: #004b8d;
    font-size: 31px;
    padding-bottom: 6px;
}
.modal-share-lt .modal-subtitle {
    color: #000000;
    font-size: 16px;
}

.modal-share-lt .modal-body {
    padding: 0 25px 15px 25px;
}

.modal-share-lt .modal-body .form-row {
    clear: both;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.modal-share-lt .modal-body .form-row .left-col {
    float: left;
    width: 50%;
    padding-right: 17px;
}
.modal-share-lt .modal-body .form-row .right-col {
    float: left;
    width: 50%;
    padding-left: 17px;
}

.modal-share-lt .modal-body .form-row input[type=text],
.modal-share-lt .modal-body .form-row textarea {
    width: 100%;
    background: #ededed;
    border: none;
    font-size: 14px;
}
.modal-share-lt .modal-body .form-row input[type=text] {
    height: 51px;
    line-height: 51px;
    padding: 0 15px;
    margin-bottom: 12px;
}

.modal-share-lt .modal-body .form-row textarea {
    height: 150px;
    padding: 15px 15px;
}

.modal-share-lt .modal-footer {
    border-top: none;
    clear: both;
    padding: 0 25px 65px 25px;
}
.modal-share-lt .button-share-post-lt {
    color: #004b8d;
}

.modal-share-lt .error-messsage {
    color: red;
    margin-bottom: 10px;
    display: none;
}
.modal-share-lt .success-messsage {
    color: green;
    margin-bottom: 10px;
    display: none;
}

/*RESPONSIVE*/
@media (max-width: 980px) {
    .modal.modal-share-lt  {
        top: 10%;
    }
}
@media (min-width: 981px) and (max-width: 1599px) {
    .modal.modal-share-lt  {
        top: 15%;
    }
}