/* Theme My Login */ #theme-my-login { width:75%; } #theme-my-login #registerform:after { content:''; clear:both; display:block; } #theme-my-login #registerform p, #theme-my-login #lostpasswordform p { float:left; width:50%; padding-right:15px; } #theme-my-login #loginform p { width:50%; } #theme-my-login form #reg_passmail, #theme-my-login form p.submit { clear:both; display:block; width:100%; } #theme-my-login form #reg_passmail { font-style: italic; color: #777; } #theme-my-login form p.submit { margin-bottom:0px; } #theme-my-login form input[type="text"] { width:100%; } #theme-my-login form input[type="submit"] { width:250px; } #theme-my-login form p.submit span.or { margin:0 15px; } #theme-my-login input[type="password"] { width:100%; font-size: 16px; color: #666; padding: 0 8px; line-height: 1; font-weight: 400; height: 36px; border: 1px solid #CCC; } #theme-my-login input[type="checkbox"] { margin-right:5px; } #theme-my-login .forgetmenot { text-align:right; } #theme-my-login h3 { margin:25px 0 5px; } #theme-my-login .tml-action-links { list-style:none; margin-left:0;} #theme-my-login form p.password { margin-bottom:0; } #theme-my-login th { background:url(../images/grey-tile.jpg) 0 0 repeat; color:#000; } #theme-my-login table { margin-bottom:20px; } @media only screen and (max-width: 768px) { #theme-my-login, #theme-my-login #loginform p { width:100%; } .pageContent table.form-table tr:first-child, table tr:first-child { position: relative !important; top: auto !important; left: auto !important; } .pageContent table thead { display:none !important; } #your-profile .form-table th { width:100%; } .pageContent table.acf-table td:before, .pageContent table.form-table td:before { content:none !important; height:auto !important; } } /* ACF */ .acf-spinner { margin-left:20px; } .acf-form-submit { clear:both; } .acf-field-hidden { display:none; } .acf-fields > .acf-field { border-top:0; } .acf-field .acf-label label { font-size:20px; } ul.acf-radio-list li, ul.acf-checkbox-list li { font-size:16px; } .acf-field[data-width] + .acf-field[data-width] { border-left:0; } .acf-fields .one_third { width:33.33%; display:inline-block; padding-right:15px; } .acf-fields .one_half { width:50%; display:inline-block; padding-right:15px; } .acf-fields .one_third:last-child, .acf-fields .one_half:last-child { padding-right:0; } .acf-fields .field_type-legal_name > .acf-label { display:none; } .acf-fields ul.acf-hl.acf-radio-list li, ul.acf-hl.acf-checkbox-list li { margin-right:0; clear: none; width: 33%; line-height: 35px; } .acf-field .acf-label p.description { color:#303030; font-size:18px; } .updated { background:#DCFFE4; border:1px solid #2E783F; color:#2E783F; padding:10px 10px 10px 45px; } .updated:before { position:absolute; margin-left:-30px; content:'\f058'; font-size:25px; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } .updated p { margin-bottom:0; } .acf-button.blue { display: inline-block; color: #FFF; background: #f8981c; padding: 10px; line-height: 1; font-size: 16px; text-transform: uppercase; text-decoration: none; margin-top: 10px; cursor: pointer; border: none; border-radius:0; height: auto; } .acf-button.blue:hover { background:#f7a743; } ul.acf-radio-list li input[type="text"], ul.acf-checkbox-list li input[type="text"] { margin-left:5px; width:auto; } .acf-table.row-layout > tbody > tr > td, .acf-table.block-layout > tbody > tr > td { border-top: 10px solid #E1E1E1; } .acf-repeater .acf-input-table td.remove .acf-repeater-add-row { display:none; } .acf-input-table > tbody > tr > td.remove > .acf-repeater-remove-row { visibility:visible; opacity:1; overflow:visible; background-color: #F55E4F; color:#FFF; width: 25px; height: 25px; line-height: 21px; } a.acf-icon-minus, a.acf-icon-cancel { } @media only screen and (max-width: 600px) { table.acf-table tr.acf-row td.order { display:none; } .pageContent table.acf-table tr, .pageContent table.acf-table tr td { display:block; position:relative; } .pageContent table.acf-table tr { margin-bottom:0; } .pageContent table.acf-table tr:first-child { position: relative !important; top: auto !important; left: auto !important; } #single-application .acf-repeater .acf-fields > .acf-field { float:none !important; } .acf-input-table > tbody > tr > td.remove { background:#FFF; border:none; } .acf-input-table > tbody > tr > td.remove > .acf-repeater-remove-row { color: #FFF; width: 18px; height: 18px; line-height: 16px; } .acf-input-table > tbody > tr > td.remove > .acf-repeater-remove-row:after { color:#F55E4F; content:'Remove'; margin-left:10px; position:absolute; } } /* Programs */ #programs .whiteOverlay { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.95); z-index:25; } #programs .utility { width:30%; min-height:440px; overflow:hidden; vertical-align:top; } #programs .utility .content { margin-top:120px; z-index:50; display:block; position:relative; width:80%; margin: 115px auto 25px; } #programs .utility .content .yellowBT { font-size:16px; display:block; } #programs .utility .orSeperator { display:block; margin:10px 0; font-size:18px; } /* Single Program */ #single-program .footerNavigation { margin-top:30px; } #single-program .yellowBT { font-size:16px; } #single-program .greenBT { display: inline-block; color: #FFF; background: #499D63; padding: 6px 20px; font-size: 16px; text-decoration: none; margin-top: 10px; } /* Applications */ #applications .secondaryHeader h1 a { text-transform: none; font-size: 16px; color: #e31836; font-family: 'Lato'; font-weight: bold; transform: translateY(50%); -webkit-transform: translateY(50%); } #applications .application { margin-bottom:25px; position:relative; } #applications .application .program { position:absolute; background:#BC0D2E; color:#FFF; margin-right:15px; padding:15px; width:300px; height:100%; text-align:center; font-size:22px; } #applications .application .program a { color:#FFF; font-size:13px; } #applications .application .program .content { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; position: absolute; left: 50%; width: 100%; } #applications .application .appDetails { background:#F9F9F9; padding:10px 20px; margin-left:300px; border-top:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; } #applications .application .appDetails .notes { float:right; width:250px; } #applications .application .appDetails .notes h3 { font-size:16px; font-weight:700; margin-bottom:2px; } #applications .application .appDetails .notes span { font-family: monospace; display:block; background-color: #FFF; padding: 5px 10px; border: 1px solid #CBCBCB; } #applications .application .deleteBT { font-size:12px; margin-left:15px; } #applications .application ul { list-style:none; margin:0; } #applications .application ul li strong { display:inline-block; width:225px; } #applications .application ul li span[class^="status-"] { padding:1px 10px; font-size:14px; border-radius:3px; display:inline-block; } #applications .application ul li span.status-needs_attention { background:#F00; color:#FFF; } #applications .application ul li span.status-in_progress { background:#AAA; color:#FFF; } #applications .application ul li span.status-in_review { background:#BC67E7; color:#FFF; } #applications .application ul li span.status-submitted { background:#00D; color:#FFF; } #applications .application ul li span.status-approved { background:#0A0; color:#FFF; } #applications .application ul li span.status-denied { background:#000; color:#FFF; } #applications .description { font-size: 15px; color: #777; font-style: italic; } #applications .acf-field-legal-name > .acf-label { display:none; } #applications .noApplications { border:2px dashed #999; color:#999; font-size:18px; padding:30px; width:300px; } #applications .noApplications a { display:block; margin-top:20px; text-align:center; font-size:18px; } @media only screen and (max-width: 600px) { #applications .application .program .content h3 { line-height:1.1em; } #applications .application .program { position:relative; width:100%; } #applications .application .program .content { transform:none; -webkit-transform:none; top:auto; position:relative; left:auto; } #applications .application .appDetails { font-size:18px; margin-left:0; border-top:none; border-left:1px solid #CBCBCB;} #applications .application ul li strong { display:block; width:100%; margin-top:15px; } #applications .application .appDetails .yellowBT { display:block; text-align:center; } #applications .application .deleteBT { margin: 5px auto 0; display: block; width: 125px; text-align: center; } #applications .application .appDetails .notes { float:none; width:100%; } #applications .secondaryHeader h1 a { transform:none; -webkit-transform:none; } } /* Single Application */ #single-application .secondaryHeader h1 a { text-transform: none; font-size: 18px; color: #FFFFFF; font-family: 'Lato'; font-weight: bold; transform: translateY(50%); -webkit-transform: translateY(50%); } #single-application .pending_message { padding: 15px; background: #FFFF8B; margin-bottom: 20px; color: #7F823A; border: 1px solid #7F823A; border-radius: 5px; font-size: 22px; } #single-application .appSteps { display:table; width:100%; table-layout:fixed; } #single-application .appSteps .progressItem { display:table-cell; text-align:center; } #single-application .appSteps .progressItem > a { display:block; font-size:13px; } #single-application .appSteps .progressBulb { position:relative; display:inline-block; width:30px; height:30px; border-radius:100%; color:#f8981c; border:1px solid #f8981c; text-align:center; } #single-application .appSteps .progressBulb a { text-decoration:none; } #single-application .appSteps .progressBulb.active { background:#f8981c; } #single-application .appSteps .progressBulb.active a { color:#FFF; } #single-application .appSteps .progressBulb:before { position:absolute; content:''; z-index:-1; width:600px; height:10px; right:28px; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; } #single-application .appSteps .progressBulb.active:before { background:#f8981c; } #single-application .appSteps .progressItem:first-child .progressBulb:before { background:#FFF; z-index:0; } #single-application .acf-repeater .acf-fields > .acf-field { width:50%; float:left; } #single-application .acf-repeater .acf-fields .acf-field { margin:0; } #single-application .acf-field-legal-name > .acf-label { display:none; } #single-application input[type="file"] { display:none; } #single-application .file-upload { border:1px solid #CCC; display:inline-block; padding:6px 12px; cursor:pointer; } #single-application .description { font-size: 15px; color: #777; font-style: italic; } #single-application #uploadFiles h3 { margin-top:50px; } #single-application #uploadFiles .uploader { text-align:center; } #single-application #uploadFiles img { border:none; display:none; } #single-application #uploadFiles i.fa { font-size:30px; display:none; color:rgb(19, 140, 19); } #single-application #uploadFiles a.reupload { font-size:14px; display:none; } #single-application #reviewApplication .field { padding:10px; } #single-application #reviewApplication .label { font-weight:700; margin-bottom:5px; } #single-application #reviewApplication .response { margin-bottom:20px; } #single-application #reviewApplication .response .noresponse { color:#AAA; font-style:italic; } #single-application #reviewApplication .required { color:#D00; font-weight:700; } #single-application #reviewApplication .required a { background:#D00; color:#FFF; font-size:14px; text-decoration:none; border-radius:5px; padding:5px 15px; display:inline-block; margin-left:10px; } #single-application #reviewApplication .downloader .required a { margin-left:0; } #single-application #reviewApplication .fieldhalf { width:50%; float:left; } #single-application #reviewApplication .reviewSection { border:1px solid #CACACA; padding:10px; border-radius:3px; position:relative; margin-top:40px; } #single-application #reviewApplication .reviewSection h3 { position: absolute; background-color: #FFF; top: -15px; padding: 0 10px; font-size:20px; } #single-application #reviewApplication .reviewSection img { border:none; } #single-application #reviewApplication .missingFields { margin-top:20px; font-size:24px; color:#D00; } #single-application #reviewApplication ul.acf-hl.acf-checkbox-list li { width:100%; } #single-application #reviewApplication .terms_of_service { max-height: 200px; overflow: scroll; border: 1px solid #BBB; padding: 10px; font-size: 14px; } @media only screen and (max-width: 600px) { #single-application .appSteps .progressBulb { border-radius:0; display:inline-block; margin-right:10px; } #single-application .appSteps .progressItem { text-align:left; margin-bottom:10px; } #single-application .appSteps .progressItem:first-child .progressBulb:before { display:none; } #single-application .appSteps .progressItem > a { display:inline-block; font-size:18px; } #single-application .appSteps .progressBulb.active:before { background:none; } .container h1 { font-size:26px; } #single-application .secondaryHeader h1 a { transform:none; -webkit-transform:none; } #single-application .appSteps .progressItem { display:block; } #single-application #reviewApplication .fieldhalf { width: 100%; } #single-application .pageContent table td { min-height:55px; } .acf-field, .acf-fields ul.acf-hl.acf-radio-list li, ul.acf-hl.acf-checkbox-list li { width:100% !important; } } /* Signature Page */ .m-signature-pad { margin: 0 0 2em; position: relative; width: 100%; height: 225px; z-index: 5000; } .m-signature-pad--body { width: 100%; } .m-signature-pad--body canvas { background: #EFEFEF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 200px; cursor:pointer; }