body.post-type-usk-template-builder .row-actions span.view, body.post-type-usk-template-builder .row-actions span.inline { display: none!important; } /** Modal Css */ .usk-modal-overlay { position: fixed; height: 100%; width: 100%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.746); z-index: 9999; } #ultimate-builder-kit-builder-modal-wrapper { background-color: #fff; position: absolute; width: 85%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1111; max-width: 1024px; } .usk-template-modal-header { display: flex; align-items: center; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); padding: 15px; } .usk-modal-logo-wrap { display: flex; align-items: center; cursor: pointer; } .usk-modal-logo-wrap .usk-modal-logo { width: 30px; } .usk-modal-logo-wrap .usk-logo-text { font-size: 15px; color: #495157; text-transform: uppercase; font-weight: 700; padding-left: 12px; } .usk-modal-close-button { margin-left: auto; border-left: 1px solid #e8e2e2; padding-left: 10px; } .usk-modal-close-button a{ text-decoration: none; } .usk-modal-close-button .usk-icon-close { font-size: 22px; color: #8D99AE; } .usk-template-modal-main-wrap { padding: 30px; display: flex; flex-direction: column; align-items: center; grid-gap: 40px; } .usk-template-modal-main-wrap .usk-modal-content-wrap{ width: 100%; } .usk-modal-content-wrap .usk-modal-title { font-size: 20px; color: #556068; line-height: 1.4; text-transform: capitalize; margin: 0; margin-bottom: 30px; } .usk-modal-content-wrap .usk-modal-title span { font-weight: 700; display: inline-table; } .usk-modal-content-wrap .usk-modal-desc { color: #6d7882; font-size: 12px; line-height: 1.5; } .usk-template-modal-main-wrap .usk-modal-form-wrap{ width: 100%; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); padding: 20px; } .usk-template-modal-main-wrap .usk-modal-form-wrap .usk-modal-form { display: flex; flex-direction: column; grid-row-gap: 10px; } .usk-modal-form .usk-form-title { font-size: 18px; font-weight: 700; margin-bottom: 6px; line-height: 1.3; color: #2B2D42; text-transform: capitalize; } .usk-modal-form label { font-size: 12px; text-transform: capitalize; color: #6d7882; } .usk-modal-form select, .usk-modal-form input { height: 35px; border: 1px solid #cecece; color: #6d7882; text-transform: capitalize; font-size: 12px; border-radius: 3px; outline: none; margin-bottom: 10px; } .usk-modal-form select:focus { border: 1px solid #8D99AE; border-color: none; color: none; box-shadow: none; } .usk-modal-form input[type="text"] { border: 1px solid #cecece; outline: none; } .usk-modal-form input[type="text"]:focus { border: 1px solid #8D99AE; border-color: none; color: none; box-shadow: none; } .usk-modal-form .usk-modal-submit-btn { margin: 0; background: #EF233C; border: 0; color: #fff; text-transform: uppercase; font-size: 11px; transition: all .3s ease; cursor: pointer; } .usk-modal-form .usk-modal-submit-btn:hover { background: #D90429; } @media (min-width: 768px) { #ultimate-builder-kit-builder-modal-wrapper { width: 82%; } .usk-template-modal-main-wrap { padding: 40px; flex-direction: row; } .usk-modal-content-wrap .usk-modal-title { font-size: 24px; } .usk-modal-content-wrap .usk-modal-desc { font-size: 14px; } .usk-template-modal-main-wrap .usk-modal-form-wrap { padding: 30px; } .usk-modal-form .usk-form-title { font-size: 20px; margin-bottom: 15px; } .usk-modal-form label { font-size: 12px; } .usk-modal-form select, .usk-modal-form input { height: 40px; font-size: 12px; margin-bottom: 12px; } .usk-modal-form .usk-modal-submit-btn { font-size: 12px; } } @media (min-width: 1024px) { #ultimate-builder-kit-builder-modal-wrapper{ width: 79%; } .usk-template-modal-main-wrap { padding: 50px; } .usk-template-modal-main-wrap { padding: 50px; } .usk-modal-content-wrap .usk-modal-title { font-size: 30px; } .usk-modal-content-wrap .usk-modal-desc { font-size: 16px; } .usk-template-modal-main-wrap .usk-modal-form-wrap { padding: 40px; } .usk-modal-form .usk-form-title { font-size: 22px; margin-bottom: 30px; } .usk-modal-form label { font-size: 14px; } .usk-modal-form select, .usk-modal-form input { height: 50px; font-size: 14px; margin-bottom: 20px; } .usk-modal-form .usk-modal-submit-btn { font-size: 14px; } } @media (min-width: 1440px) { #ultimate-builder-kit-builder-modal-wrapper{ width: 54%; } .usk-template-modal-main-wrap { padding: 100px; } }