html,body{margin:0;padding:0}a{text-decoration:none}ul{list-style:none}section{font-family:"Roboto",sans-serif !important}form ul{margin:0;padding:0;color:var(--red)}form .help-text{margin-top:2px !important;font-size:.8rem;color:var(--grey)}.alert,.alert-danger,.alert-success,.alert-warning{border-radius:0;margin:0}.vertical-line{display:inline-block;border-left:1px solid #ccc;margin:0 10px}html,body{font-family:"Open Sans","Roboto","Montserrat",Arial,sans-serif}:root{--grey: #434242;--black: #222;--beige: #f3efe0;--teal: #22a39f;--red: #e74c3c;--blue: #3498db}.pagination{border-color:center}.pagination .page-link{color:var(--grey) !important}.pagination .active>.page-link{background-color:var(--teal) !important;border-color:var(--grey) !important;color:var(--beige) !important}.pagination .disabled{opacity:.5}header,footer{background-color:var(--grey) !important;color:var(--beige) !important}header,footer,nav,.hero{font-family:"Open Sans",sans-serif !important}@media(max-width: 767px){header,.copyright{display:none !important}.mobile-nav{display:block !important}.mobile-nav svg{color:var(--beige) !important}.mobile-nav svg:hover{color:var(--teal) !important}}@media(min-width: 768px){.mobile-nav{display:none !important}}header a{color:var(--beige) !important}header a:hover{color:var(--teal) !important}header{height:60px}.nav-btn{background:none;border:none;color:var(--beige)}.nav-btn:hover{color:var(--teal)}.nav-btn:focus{color:var(--beige)}.navigation-sticky{position:sticky;top:0;z-index:999}.navbar-brand{padding-bottom:0px;padding-top:0px}.navbar-brand span{color:var(--beige)}.navbar-brand img:hover{filter:invert(51%) sepia(60%) saturate(538%) hue-rotate(129deg) brightness(93%) contrast(87%);transform:scale(1.1)}.top-headband{background-color:var(--grey);color:var(--beige) !important;font-size:.8rem;border-bottom:solid 1px var(--beige);padding:8px}.top-headband p{margin-bottom:0}.top-headband a{color:var(--beige) !important;text-decoration:underline}.top-headband a:hover{color:var(--teal) !important}@media(max-width: 470px){.top-headband{font-size:.6rem}}.popup{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.9);z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow-y:auto}.popup-content{background:#fff;border-radius:22px;box-shadow:0 2px 10px rgba(0,0,0,.1);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1001;width:50%}.popup-content h3,.popup-content h2{text-align:center}.popup-content ul{list-style:none;padding:0;margin:0}.popup-header{border-bottom:1px solid #000;padding:15px}.popup-body p{margin:0;padding-left:15px;padding-right:15px;padding-top:5px}.popup-context{margin-top:30px}.popup-tasks{margin-top:30px;margin-bottom:30px}.popup-footer{border-top:1px solid #000;padding:15px;text-align:center}.popup-footer ul{list-style:none;padding:0;margin:0;margin-top:15px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:10px}.popup-footer li{margin:0}.popup-footer a,.popup-footer a:visited{text-decoration:none;color:#00e}.popup-footer a:hover{text-decoration:underline}@media(max-width: 1300px){.popup-content{width:80%}.popup-content h2{font-size:1rem}.popup-content h3{font-size:.9rem}.popup-content p,.popup-content ul{font-size:.8rem}.popup-content ul{gap:5px}}@media(max-width: 550px){.popup-content{width:90%;margin-top:20px}.popup-content p,.popup-content ul{font-size:.6rem}.popup-footer{padding:5px}.popup-footer ul{margin-top:5px;gap:2px}.popup-context{margin-top:20px}.popup-tasks{margin-top:20px;margin-bottom:20px}}footer{height:75px}.copyright a{color:var(--beige)}.copyright a:hover{color:var(--teal)}.register,.login,.create-tricks,.forgot-password,.reset-password{background-color:var(--beige);color:var(--grey) !important}.register{padding-bottom:150px !important;padding-top:150px !important}.login{padding-bottom:225px !important;padding-top:225px !important}.create-tricks{padding-bottom:125px !important;padding-top:125px !important}.forgot-password{padding-bottom:300px !important;padding-top:300px !important}.reset-password{padding-bottom:300px !important;padding-top:300px !important}@media(max-width: 900px)and (min-width: 600px){.register{padding-bottom:150px !important;padding-top:150px !important}.login{padding-bottom:225px !important;padding-top:225px !important}.create-tricks{padding-bottom:350px !important;padding-top:350px !important}.forgot-password{padding-bottom:300px !important;padding-top:300px !important}.reset-password{padding-bottom:300px !important;padding-top:300px !important}}.register .row,.login .row,.create-tricks .row,.forgot-password .row,.reset-password .row{margin-bottom:35px}.register form,.login form,.create-tricks form,.forgot-password form,.reset-password form{width:80%;margin:auto;border:1px solid var(--grey);padding:10px 30px}.register form div,.login form div,.create-tricks form div,.update-tricks form div,.forgot-password form div,.reset-password form div{margin:15px 0 15px 0;margin-bottom:0}.register .form-control:focus,.login .form-control:focus,.create-tricks .form-control:focus,.update-tricks .form-control:focus,.forgot-password .form-control:focus,.reset-password .form-control:focus{border-color:var(--teal);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(34,163,159,.6)}.register form button,.login form button,.create-tricks form button,.forgot-password form button,.reset-password form button,.update-tricks form button,.update-tricks .tricks-content .delete{background-color:var(--grey);color:var(--beige);border:none;border-radius:18px;font-size:1rem;margin-top:10px;padding:10px 20px;width:150px}.register form button:hover,.login form button:hover,.create-tricks form button:hover,.forgot-password form button:hover,.reset-password form button:hover,.update-tricks form button:hover{opacity:.8;background-color:var(--teal);color:var(--beige)}.register form a,.login form a,.create-tricks form a,.forgot-password form a,.reset-password form a{color:var(--grey)}.register form a:hover,.login form a:hover,.create-tricks form a:hover,.forgot-password form a:hover,.reset-password form a:hover{color:var(--teal)}img .card-img-top{width:100% !important;height:500px !important}.hero{height:calc(100vh - 135px);color:var(--beige);background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("../img/hero.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}.hero h1{font-size:3rem;font-weight:700;margin-bottom:10px}.hero h2{font-size:1.5rem;font-weight:400;margin-top:10px}.hero-btn-goToTricks,.home-btn-goToTricks{bottom:12px;right:12px;z-index:888}.hero-btn-goToTricks,.home-btn-goToTricks,.tricks .card-btn{background:rgba(0,0,0,0);border:none;margin:0;padding:0}.hero-btn-goToTricks svg{color:var(--beige) !important}.home-btn-goToTricks svg{color:var(--grey) !important}.hero-btn-goToTricks:hover svg{color:var(--teal) !important}.home-btn-goToTricks svg:hover{color:var(--teal) !important}.pagination .page-link:focus{box-shadow:none}@media(max-width: 768px){.hero{height:100vh}.hero h2{font-size:1rem}.tricks{padding-bottom:50px}}.tricks{background-color:var(--beige)}.tricks .col{padding-bottom:24px}.tricks .card{border:solid 1px var(--teal)}.tricks .card-img-top{height:200px;object-fit:cover}.tricks .card-title{font-size:1rem;width:70%}.tricks .card-title a{color:var(--grey)}.tricks .card-title a:hover{color:var(--teal)}@media(min-width: 992px)and (max-width: 1200px){.tricks .card-title{font-size:.8rem;width:60%}}.tricks .card svg{height:15px;width:15px;color:var(--grey)}.card-body{border-top:solid 1px var(--grey)}.card-btn-update svg:hover{color:var(--blue) !important}.tricks .card-btn-delete svg:hover{color:var(--red)}#confirm-modal,#confirm-modal-update-image,#confirm-modal-update-video{position:fixed;display:none !important;z-index:9999;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center}#confirm-modal::before,#confirm-modal-update-image::before,#confirm-modal-update-video::before{content:"";display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}#confirm-modal .modal-content,#confirm-modal-update-image .modal-content,#confirm-modal-update-video .modal-content{position:relative;z-index:1;background-color:#fff;width:80%;max-width:500px;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.8);text-align:center;transform:translate(-50%, -50%);top:50%;left:50%}#confirm-modal-update-image .modal-content,#confirm-modal-update-video .modal-content{text-align:left}.modal .close{background-color:var(--beige) !important;color:var(--grey) !important;border:none !important;border-radius:0 !important;margin:0 !important;padding:0 !important;width:30px !important;height:30px !important;font-size:1.5rem !important;font-weight:700 !important;line-height:1 !important;text-shadow:none !important}.modal .close:hover{color:var(--red) !important;background-color:var(--beige) !important}.modal-btn-cancel,.confirm-modal-cancel{background-color:var(--grey);color:var(--beige);border:none}.modal-btn-cancel:hover,.confirm-modal-cancel:hover{background-color:var(--red) !important;color:var(--beige) !important}.modal-btn-confirm,.confirm-modal-validate{background-color:var(--grey);color:var(--beige);border:none}.modal-btn-confirm:hover,.confirm-modal-validate:hover{background-color:var(--teal);color:var(--beige)}.btn-load-tricks{background-color:var(--grey);color:var(--beige);border:none;border-radius:18px;font-size:1rem;padding:10px 20px}.btn-load-tricks:hover,.btn-load-tricks:focus{background-color:var(--teal);color:var(--beige)}.legal-section{line-height:1.6;padding:20px}.legal-section ul{list-style:initial}.container{width:80%;margin:0 auto}.title{font-size:2em;text-align:center;margin-bottom:30px}.section-content{background-color:var(--beige) !important;border:1px solid var(--grey) !important;padding:15px;margin-bottom:20px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.section-content h3{margin-bottom:10px}.section-content p{margin:5px 0px}.section-content a{text-decoration:none}.section-content a:hover{text-decoration:underline}.section-content ul{margin:0;margin-bottom:10px;padding-left:20px}.error-page{background-color:var(--beige);color:var(--grey) !important;height:100vh}.error-page .btn{background-color:var(--grey);color:var(--beige);border:none;border-radius:18px;font-size:1rem;padding:10px 20px;width:150px}.error-page .btn:hover{background-color:var(--teal);color:var(--beige)}.update-tricks,.details-tricks{background-color:var(--beige);color:var(--grey) !important}.update-tricks .tricks-img-main,.details-tricks .tricks-img-main{position:relative;text-align:center;color:#fff}.update-tricks .tricks-img-main img,.details-tricks .tricks-img-main img{width:100%;height:700px;object-fit:cover;opacity:.5}.update-tricks .tricks-img-main span,.details-tricks .tricks-img-main span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--grey);font-size:5rem;font-weight:bold}@media(max-width: 578px){.update-tricks .tricks-img-main span,.details-tricks .tricks-img-main span{font-size:3rem}}.update-tricks .tricks-img-main .links,.details-tricks .tricks-img-main .links{position:absolute;top:16px;right:16px;background-color:var(--grey)}.update-tricks .tricks-img-main .links a,.details-tricks .tricks-img-main .links a{color:var(--beige);padding:8px;text-decoration:none;font-size:1rem}.update-tricks .tricks-img-main .links a>.fa-pencil:hover,.details-tricks .tricks-img-main .links a>.fa-pencil:hover,.update-tricks .medias-links a>.fa-pencil:hover,.update-tricks .mobile-medias-links a>.fa-pencil:hover{color:var(--teal)}.update-tricks .tricks-img-main .links a>.fa-trash-can:hover,.details-tricks .tricks-img-main .links a>.fa-trash-can:hover,.update-tricks .medias-links a>.fa-trash-can:hover,.update-tricks .mobile-medias-links a>.fa-trash-can:hover{color:var(--red)}.update-tricks .medias .card-img-top,.details-tricks .medias .card-img-top{height:406px;border:1px solid #000;border-radius:0}.details-tricks .medias,.update-tricks .medias{margin-top:50px !important;margin-bottom:50px !important}.details-tricks .card{margin-top:15px !important;margin-bottom:15px !important}.update-tricks .medias .medias-links,.details-tricks .medias .medias-links{margin-top:10px;width:20%;margin-left:auto;background-color:var(--grey)}.update-tricks .mobile-medias-links,.details-tricks .mobile-medias-links{width:20%;margin-left:auto;background-color:var(--grey)}.update-tricks .medias-links a,.update-tricks .mobile-medias-links a,.details-tricks .medias-links a,.details-tricks .mobile-medias-links a{color:var(--beige);text-decoration:none;font-size:1rem;padding:0 10px 0 10px}.update-tricks .tricks-content .delete,.update-tricks .tricks-content .update,.update-tricks .mobile-medias .btn,.details-tricks .mobile-medias .btn{background-color:var(--grey);color:var(--beige);border:none;font-size:1rem;padding:5px;margin-right:0 !important}.update-tricks .tricks-content .update:hover,.update-tricks .tricks-content .update:focus,.update-tricks .mobile-medias .btn:hover,.update-tricks .mobile-medias .btn:focus,.details-tricks .mobile-medias .btn:hover,.details-tricks .mobile-medias .btn:focus{background-color:var(--teal)}@media(max-width: 992px){.update-tricks .tricks-content .infos,.details-tricks .tricks-content .infos span{width:100%;font-size:.8rem !important;text-align:center}}@media(min-width: 768px){.update-tricks .mobile-medias,.details-tricks .mobile-medias{display:none !important}}@media(max-width: 767px){.update-tricks .medias,.details-tricks .medias{display:none !important}.update-tricks .tricks-content .btn{justify-content:center !important}.update-tricks .tricks-content .infos,.details-tricks .tricks-content .infos span{font-size:.7rem !important;text-align:center}}.update-tricks .medias-modal-btn,.details-tricks .medias-modal-btn{background-color:var(--grey);color:var(--beige);border:none;font-size:1rem;padding:5px}.update-tricks .medias-modal-btn:hover,.update-tricks .medias-modal-btn:focus,.details-tricks .medias-modal-btn:hover,.details-tricks .medias-modal-btn:focus{background-color:var(--red)}.add-video{width:160px !important;height:40px;font-size:15px !important;margin-top:5px !important;margin-bottom:10px !important;border-radius:0 !important}.remove-video{width:160px !important;height:40px;font-size:15px !important;margin-top:5px !important;margin-bottom:15px !important;border-radius:0 !important}.remove-video:hover{background-color:var(--red) !important}.form-videos #videos-container{margin-top:0 !important}.form-videos input{margin-top:10px !important}.delete-comment{color:var(--grey);font-weight:500}.delete-comment:hover{color:var(--teal)}.details-tricks .tricks-content .description{color:var(--grey)}.details-tricks .tricks-content .infos span,.details-tricks .tricks-content .create-comment-btn{background-color:var(--grey);color:var(--beige);border:none;font-size:1rem;padding:5px;border-radius:8px;height:auto}.details-tricks .tricks-content .infos span{height:auto}.details-tricks .tricks-content .post-comment{margin-top:35px !important;margin-bottom:35px !important}.details-tricks .tricks-content .create-comment-btn:hover,.details-tricks .tricks-content .create-comment-btn:focus{background-color:var(--teal)}.details-tricks .post-comment input{border:solid 1px var(--grey) !important;border-radius:8px !important;height:35px !important;width:500px !important}@media(max-width: 767px){.details-tricks .post-comment input{width:100% !important}}.details-tricks .post-comment input:focus-visible{border:solid 2px var(--teal) !important;border-color:var(--teal) !important;box-shadow:none}@media(max-width: 767px){.create-comment-btn{font-size:.7rem !important}}.details-tricks .tricks-content .comments img{height:50px;width:50px}.img-circle{display:inline-block;width:100px;height:100px;border-radius:50%;overflow:hidden}.img-circle img{display:block;max-width:100%;height:auto}.update-tricks .tricks-content .infos{background-color:var(--grey);color:var(--beige);margin-bottom:20px !important}.update-tricks form>div{margin:0 !important;padding:0 !important;margin-bottom:15px !important}.update-tricks .tricks-content textarea{width:100%;height:200px}.update-tricks .tricks-content-btn{margin-top:50px !important}.update-tricks .tricks-content .delete,.update-tricks .tricks-content .update{font-size:1.1rem;width:200px}.update-tricks .tricks-content .delete:hover,.update-tricks .tricks-content .delete:focus{background-color:var(--red)}.update-tricks .mobile-medias{margin-top:30px !important;margin-bottom:30px !important}.update-tricks .mobile-medias-links{background-color:var(--grey)}@media screen and (max-width: 768px){.update-tricks .tricks-content .infos{width:100%}.update-tricks .tricks-content-btn{justify-content:center !important}}/*# sourceMappingURL=style.css.map */