body{padding:0;margin:0}a{font-family:Helvetica,Arial,sans-serif;color:#0069d9}.text-center{text-align:center}.header{border-bottom:1px solid #eee}.header .container{margin:0 auto;width:70%}.header .container .site-navigation{width:100%;display:flex}.header .container .site-navigation .home-nav-link{width:20%;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center}.header .container .site-navigation .site-nav-links{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;list-style:none;padding-left:0}.header .container .site-navigation .site-nav-links .site-nav-link{width:20%;text-align:center;padding:1%}.header .container .site-navigation .nav-anchor{text-decoration:none}#footer_nav .footer-links{padding-left:0;list-style:none;display:flex;flex-direction:row;justify-content:flex-start}#footer_nav .footer-links .footer-link{padding:3%}#footer_nav .footer-links .footer-link a{text-decoration:none}.alert{padding:15px;margin-bottom:20px;border:1px solid rgba(0,0,0,0);border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}.flash-container{width:60%;margin:1% auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:4px;padding:1%;border:1px solid #000}.flash-container .flash-message-container{width:100%;display:flex;flex-direction:row;align-items:center}.flash-container .flash-close{padding:1%;width:5%}.hidden-flash{display:none}.flash-container{background-color:#fff;color:#000}.flash-container.flash-alert,.flash-container.flash-error{background-color:#f3665b;color:#80231d}.flash-container.flash-notice,.flash-container.flash-info{background-color:#7bc4e7;color:#2a5c73}.flash-container.flash-special{background-color:#ebed79;color:#7f8035}.flash-container.flash-success{background-color:#61cb61;color:#006400}.text-center{text-align:center}.button{background-color:#0069d9;border:.1rem solid #0069d9;border-radius:.4rem;color:#fff;cursor:pointer}.button:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-loading{cursor:wait}.phx-modal{opacity:1 !important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.phx-modal-content{background-color:#fefefe;margin:15vh auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:bold}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.fade-in-scale{animation:.2s ease-in 0s normal forwards 1 fade-in-scale-keys}.fade-out-scale{animation:.2s ease-out 0s normal forwards 1 fade-out-scale-keys}.fade-in{animation:.2s ease-out 0s normal forwards 1 fade-in-keys}.fade-out{animation:.2s ease-out 0s normal forwards 1 fade-out-keys}@keyframes fade-in-scale-keys{0%{scale:.95;opacity:0}100%{scale:1;opacity:1}}@keyframes fade-out-scale-keys{0%{scale:1;opacity:1}100%{scale:.95;opacity:0}}@keyframes fade-in-keys{0%{opacity:0}100%{opacity:1}}@keyframes fade-out-keys{0%{opacity:1}100%{opacity:0}}.directory-items{margin:0 auto;list-style:none;padding-left:0;width:80%;display:flex;flex-direction:column;align-items:center}.directory-items .directory-item{display:flex;flex-direction:row;justify-content:space-between;width:80%;border:1px solid #000;padding:1%}.directory-items .directory-item:hover{box-shadow:6px 6px 2px 1px #2e2f30}.directory-items .directory-item .resource-links{display:flex;flex-direction:row;justify-content:space-evenly;width:15%}.new-resource-link{width:30%;margin:2% auto;text-align:center}.manage-resource-heading{text-align:center}.tab-form-heading{text-align:center}.resource-form{margin:0 auto;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.resource-form .form-heading{text-align:center}.resource-form .tab-form-section{width:100%}.resource-form .tab-form-section.images .resource-primary-img-container{margin:0 auto;width:50%;display:flex;flex-direction:column;align-items:center}.resource-form .tab-form-section.images .resource-primary-img-container .edit-recipe-profile-img-container{padding:3%;margin:.5%;border:1px solid #000;border-radius:30px;height:70vh;width:40%;display:flex;align-items:center;justify-content:center}.resource-form .tab-form-section.images .resource-primary-img-container .edit-recipe-profile-img-container .recipe-profile-img{border-radius:30px;height:100%;width:100%}.resource-form .tab-form-section.images .resource-primary-img-container .delete-img-container{display:flex;flex-direction:row;justify-content:center;align-items:center;height:20%;padding:1%}.resource-form .tab-form-section.images .resource-primary-img-container .delete-img-container .live-upload-ctrl{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.resource-form .tab-form-section.images .resource-primary-img-container .delete-img-container .live-upload-ctrl .upload-progress{width:100%;height:5vh;margin-bottom:2%}.resource-form .tab-form-section.images .resource-primary-img-container .delete-img-container .live-upload-ctrl .cancel-btn{background-color:red;width:35%;padding:2%;margin-bottom:2%;border:1px solid #861111;color:#fff;border-radius:4px}.resource-form .tab-form-section.images .resource-primary-img-container .delete-img-container .live-upload-ctrl .cancel-btn:hover{background-color:#861111}.resource-form .tab-form-section.images .resource-primary-img-container .delete-img-container .delete-img-txt{padding:0;margin:0}.resource-form .tab-form-section.images .resource-primary-img-container .delete-img-container #recipe_delete{align-self:center}.resource-form .tab-form-section.images .resource-primary-img-container .edit-recipe-profile-img-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.resource-form .tab-form-section.images .resource-primary-img-container .upload-ctrl-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:10vh;width:100%}.resource-form .form-ctrl-container{display:flex;flex-direction:column;width:100%;margin:2% 0}.resource-form .form-ctrl-container .form-ctrl-lbl{font-weight:bold;margin:1% 0}.resource-form .form-ctrl-container .form-ctrl{width:100%;padding:1%;border-radius:4px;border:.1rem solid #d1d1d1}.resource-form .form-ctrl-container .form-ctrl-check{align-self:flex-start}.resource-form .form-ctrl-container .form-ctrl-select{width:40%;padding:1%;border-radius:4px;border:.1rem solid #d1d1d1}.resource-form .form-ctrl-container .form-ctrl-text{width:100%;padding:1%;border-radius:4px;border:.1rem solid #d1d1d1}.resource-form .submit-container{display:flex;flex-direction:row;justify-content:center}.resource-form .resource-list{width:80%;display:flex;flex-direction:column;align-items:center}.resource-form .resource-list .resource-item{border:1px solid #000;padding:1%;width:100%;display:flex;flex-direction:row;justify-content:space-between}.resource-form .resource-list .resource-item .resource-text{width:75%}.resource-form .resource-list .resource-item .manage-resource-links{display:flex;flex-direction:row;justify-content:space-evenly;width:20%}.resource-form .resource-list .resource-item:hover{box-shadow:6px 6px 2px 1px #2e2f30}.resource-form .resource-list.draggable{cursor:grab}.resource-form .actions{display:flex;flex-direction:row;justify-content:center;width:100%}.resource-form .actions .submit-btn{width:15%;padding:1%;font-weight:bold;margin:2%}.resource-form .actions{display:flex;flex-direction:row;justify-content:center;width:100%}.resource-form .actions .submit-btn{width:15%;padding:1%;font-weight:bold;margin:2%}.return-link-container{width:70%;margin:0 auto;display:flex;flex-direction:row;justify-content:flex-end}#bottom_nav{display:flex;flex-direction:row;justify-content:center;width:100%}#bottom_nav .bottom-nav-links{width:100%;display:flex;flex-direction:row;justify-content:center;list-style:none;padding-left:0}#bottom_nav .bottom-nav-links .bottom-nav-link{width:15%;padding:1%;text-align:center}#bottom_nav .bottom-nav-links .bottom-nav-link a{text-decoration:none}.action-nav{width:100%}.action-nav .action-nav-links{display:flex;flex-direction:row;justify-content:center;padding-left:0;list-style:none;text-decoration:none}.action-nav .action-nav-links .action-nav-link{width:30%;border:1px solid #000;padding:1%;text-align:center;cursor:pointer;text-decoration:none}.resource-form .resource-list .resource-item .delete-resource-container{width:5%;padding:1%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:red}.resource-form .resource-list .resource-item .delete-resource-container .form-ctrl-check{align-self:center}.resource-form .resource-list .resource-item .remove-new-resource-container{width:32%;display:flex;flex-direction:column;justify-content:center;align-items:center}.resource-form .resource-list .resource-item .remove-new-resource-container .remove-new-resource-btn{cursor:pointer;width:70%;padding:4%;background-color:red;border:1px solid #861111;color:#fff;border-radius:4px}.resource-form .resource-list .resource-item .remove-new-resource-container .remove-new-resource-btn:hover{background-color:#861111}.resource-form .resource-list .resource-item .step-ingredients-link-container{width:20%;padding:1%;display:flex;flex-direction:column;justify-content:center;align-items:center}.resource-form .new-resource-btn{align-self:flex-end;margin:0 10%;width:10%;padding:1%;cursor:pointer;border-radius:8px;color:#fff;background-color:#14a318;border:1px solid #1f8922}.resource-form .new-resource-btn:hover{background-color:#1f8922}.resource-form .resource-list .resource-item .form-ctrl-text.instruction{width:90%}.resource-form .resource-list .resource-item.recipe-step-ingredient .tab-form-section.step-ingredients{display:flex;flex-direction:row;justify-content:space-evenly}.resource-form .resource-list .resource-item.recipe-step-ingredient .tab-form-section.step-ingredients .step-ingredient-col{width:45%;display:flex;flex-direction:column;justify-content:center;align-items:center}.resource-form .form-ctrl-container.title-instruction{width:70%}.resource-form .new-resource-btn{width:15%}#user_profile{padding:2%}#user_profile .directory-items{width:100%}#user_profile .directory-items .directory-item{width:100%}#user_profile #user_bio{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#user_profile #user_bio #user_data{border:1px solid #333;width:50%}#user_profile #user_bio #user_data .user-data-header{border:1px solid #000}#user_profile #user_bio #user_data .user-data-heading{background-color:#333;color:#fff}#user_profile #user_bio #user_data .user-data-body .user-data-item{padding:2%;border:1px solid #333}#user_profile #user_bio #profile_management{width:50%}#user_profile #user_bio #profile_management .profile-manage-links{padding-left:0;list-style:none;display:flex;flex-direction:row;justify-content:space-evenly}#user_profile #user_bio #profile_management .profile-manage-links .profile-manage-link{padding:2%}.resource-form.user-confirmation-form .actions .submit-btn{width:25%}.resource-form.user-reset-password-form .actions .submit-btn{width:30%}.recipe-information{width:50%;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center}.recipe-information .recipe-information-section{display:flex;flex-direction:column;justify-content:space-between;padding:2%;width:100%}.recipe-information .recipe-information-section .recipe-information-lbl{font-weight:bold}.self-disclaimer{width:6%;margin-block:0;color:#a94442;background-color:#f2dede;border-color:#ebccd1;text-align:center;border-radius:10px;font-weight:bold;align-self:flex-end}.private-recipe-disclaimer{width:10%;margin:0 auto;padding:.5%;color:#a94442;background-color:#f2dede;border-color:#ebccd1;text-align:center;border-radius:10px;font-weight:bold}.recipe-section{width:100%;padding:1%;display:flex;flex-direction:column;align-items:center}.recipe-section .recipe-col{padding:2%;margin:1%}.recipe-section .recipe-profile-img-container{padding:2%;margin:1%;border:1px solid #000;border-radius:30px;height:65vh;width:40%;display:flex;align-items:center}.recipe-section .recipe-profile-img-container .recipe-profile-img{border-radius:10px;height:100%;width:100%}.recipe-section.recipe-content{display:flex;flex-direction:row;justify-content:center}.recipe-section.recipe-content .recipe-ingredients-container{width:25%;align-items:flex-start}.recipe-section.recipe-content .recipe-ingredients-container #ingredients{padding-left:0;list-style:none}.recipe-section.recipe-content .recipe-ingredients-container #ingredients .ingredient{padding:2% 0}.recipe-section.recipe-content .recipe-steps-container{width:50%}.recipe-section.recipe-content .recipe-steps-container #steps{padding-left:0}.recipe-section.recipe-content .recipe-steps-container #steps .step{padding:2% 0}