@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap'); .legend{ margin-top:30px; font-size:30px} .fieldset{border-radius:3px} .timestamp{opacity:.4} .section{color:#000} .ck-editor{max-width:60%} .ck-editor__editable{min-height:400px} body{ /*font-family: 'Kalam', cursive;*/ /*font-family:Comic Sans MS;*/ font-family: 'Roboto', sans-serif; font-weight: 100; display:-webkit-box; display:-ms-flexbox; display:flex; min-height:100vh; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; background-color:#f6f6f6; } .titulo-papacria{ font-family: 'Kalam', cursive; font-weight: 600; margin-top: 5px; color:#71c174!important; } .caja_menu_admin{ display: grid; grid-template-columns: auto auto; } .menu_admin{ background-color: transparent; -webkit-box-shadow:0 0px 0px 0 rgba(0,0,0,.0),0 0px 0px 0 rgba(0,0,0,0.0); box-shadow:0 0px 0px 0 rgba(0,0,0,.0),0 0px 0px 0 rgba(0,0,0,0.0); } .menu_admin ul{ float: right; } .menu_seleccion{ color: #0a4f13; } .row2{ width: 200% !important; } main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto} .verticalAlign{vertical-align:-18%!important} .padding10{padding:10px} ul li{font-weight:700} .left{ font-size: 20px; } td>p{word-break:break-all} #listaNoticias{-webkit-transition:all 1s;transition:all 1s} .delete-control,.details-control,.edit-control{cursor:pointer} .my-gallery{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex} .my-gallery img{width:100%;height:auto} .my-gallery figure{display:block;float:left;margin:0 5px 5px 0;width:80px} .my-gallery figcaption{display:none} .album{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex} .album img{width:100%;height:auto} .album figure{display:block;float:left;margin:0 5px 5px 0} .album figcaption{display:none} #portfolio{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-count:5;column-count:5;-webkit-column-width:30vh;column-width:30vh} .tile{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .35s ease;transition:all .35s ease} .scale-anm{-webkit-transform:scale(1);transform:scale(1)} .tile img{margin:1.5rem;width:300px;height:auto;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(76,175,80,.35);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(76,175,80,.35)} .tile:hover{background-color:#000;opacity:.3;cursor:pointer}hr{margin:16px;border:0;height:1px;background:#333;background-image:-webkit-gradient(linear,left top,right top,from(#ccc),color-stop(#333),to(#ccc));background-image:linear-gradient(90deg,#ccc,#333,#ccc)} .title{margin-left:10px} .description{margin-left:25px} .basuraleza{text-align:center;padding-bottom:125px;margin-top:-40px} .scroll{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:100px;bottom:0} .scroll p{text-align:center} .scroll p span{font-size:25px;color:green} .magicArrow{position:relative;-webkit-animation-name:magicArrow;animation-name:magicArrow;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes magicArrow{0%{top:0}50%{top:20px}to{top:0}}@keyframes magicArrow{0%{top:0}50%{top:20px}to{top:0}} .index-text-content{font-size:16px} .sombra{ -webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,0.52); box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,0.52); } .noticiaHeaderContainer{width:100%;height:50vh;background-size:cover;background-position:50%} .noticiasImageContainer{width:50%;background-size:cover;background-position:50%;max-width:30%!important}@media only screen and (max-width:600px){.ck-content{width:100%!important} .noticiasImageContainer{max-height:30%} .noticiaTitulo{font-size:18px} .noticiaDescripcion{display:none} .parallax img{left:0!important}} .custom-sidenav-trigger{margin:0!important} .modal{max-height:none!important} .hiddenTitle{border-radius:0 60px 0 0;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .7s;transition:all .7s} .eliminarImagen{-webkit-transition:all .4s;transition:all .4s;margin:10px} .eliminarImagen:hover{border:1px solid red;border-radius:2px;-webkit-transform:scale(1.1);transform:scale(1.1)} .bigger{font-size:20px!important} .fotoImagen img{border-radius:10px 0 0 10px;width:100%;grid-area:img1} .fotoImagen p{padding:10px;grid-area:p1} .imagenFoto img{border-radius:0 10px 10px 0;width:100%;grid-area:img2} .imagenFoto p{padding:10px;grid-area:p2} .fotoImagen{grid-template-areas:"img1 p1"} .fotoImagen,.imagenFoto{padding:10px;background-color:snow;border-radius:10px;margin:30px 0;display:grid} .imagenFoto{grid-template-areas:"p2 img2"}@media only screen and (max-width:600px){.fotoImagen img{border-radius:10px 0 0 0;width:100%;grid-area:img1} .imagenFoto img{border-radius:0 10px 0 0;width:100%;grid-area:img2} .fotoImagen{grid-template-areas:"img1 img1 p1"} .fotoImagen,.imagenFoto{background-color:snow;border-radius:10px;margin:30px 0;display:grid} .imagenFoto{grid-template-areas:"p2 img2 img2"}} /* * Configure the z-index of the editor UI, so when inside a Materialize * modal, it will be rendered over the modal. */ :root { --ck-z-default: 100; --ck-z-modal: calc( var(--ck-z-default) + 999 ); } /* * Bring back the default CKEditor 5 input appearance by overriding * high–specificity styles brought by materialize.css. * * See: https://github.com/Dogfalo/materialize/blob/v1-dev/sass/components/forms/_input-fields.scss#L10-L40 */ .ck input.ck-input.ck-input-text { box-shadow: var(--ck-inner-shadow),0 0; background: var(--ck-color-input-background); border: 1px solid var(--ck-color-input-border); padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium); transition-property: box-shadow,border; transition: .2s ease-in-out; height: inherit; width: inherit; font-size: inherit; margin: 0; box-sizing: border-box; } .ck input.ck-input.ck-input-text:focus { border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow),var(--ck-inner-shadow); } /* * Bring back the default