p { overflow-wrap: break-word; } #contenidoModal {overflow-wrap: break-word;} #fecha{width:130px; text-align:right;} .titular{width:100%;} #rss_wrapp { height: calc(100vh - 220px); overflow-y: scroll; background: #fff; } html, body { overflow:hidden; } * { scrollbar-width: 0; } *::-webkit-scrollbar { background-color: transparent; width: 12px; } *::-webkit-scrollbar-thumb { border-radius: 99px; background-color: #ddd; border: 4px solid #fff; } .loader-ellips { font-size: 20px; /* change size here */ position: relative; width: 4em; height: 1em; margin: 10px auto; } .loader-ellips__dot { display: block; width: 1em; height: 1em; border-radius: 0.5em; background: #D43D60; /* change color here */ position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; } .loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) { left: 0; } .loader-ellips__dot:nth-child(3) { left: 1.5em; } .loader-ellips__dot:nth-child(4) { left: 3em; } @keyframes reveal { from { transform: scale(0.001); } to { transform: scale(1); } } @keyframes slide { to { transform: translateX(1.5em) } } .loader-ellips__dot:nth-child(1) { animation-name: reveal; } .loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) { animation-name: slide; } .loader-ellips__dot:nth-child(4) { animation-name: reveal; animation-direction: reverse; } .page-load-status { display: none; /* hidden by default */ padding-top: 20px; border-top: 1px solid #DDD; text-align: center; color: #777; } .loading_posts{height: 70px;} .cabecera{width: 100%; background: #434458;} .cabecera .logo_brand img {width: 100%;height: auto;padding: 0 1em;} .cabecera .logo_brand { background: #D43D60; padding: 2em 0; text-align: center; } #rss .nota { display: block; text-decoration: none; color: #fff; cursor: pointer; margin: 0.5em; } #rss .nota{ background: #03989E; -webkit-transition: background-color .25s linear; -ms-transition: background-color .25s linear; transition: background-color .25s linear;} #rss .nota:hover { background: #2B6F72;} #rss .nota.selected { background: #2B6F72; } .header_cr { background: #D43D60; color: #fff; padding: 0.5rem 1rem; font-family: 'Ruda', sans-serif; } .nota_w { display: flex; width: 100%; height:auto; } .nota_w .titular { width: 65%; } .nota_w .medio {width: 20%;} .nota_w .image { width: 10%; } .nota_w h5 { padding: 12px; margin: 0; font-family: 'Ruda'; font-weight: bold; text-transform: uppercase; font-size: 16px; } .nota_w .medio { background: #D43D60; text-align: center; font-family: 'Ruda'; font-weight: bold; text-transform: uppercase; padding: 1em 0; display: flex; align-items: center; } .nota_w .medio p { margin: 0; overflow-wrap: normal; } .nota_w .medio small {font-size: 10px;} .nota_w .medio_wrap {text-align: center; width: 100%; } #contenidoModal img { width: 100%; margin-bottom: 1em; height: auto; } #titular_contenido {width:100%;} .todo_c { width:50%; transition: width 2s, height 4s; } #contenido_nota { width: 50%; right: 0; background: #FFF; padding: 0; font-family: 'Ruda'; position: absolute; }.contenido_wrapp { overflow-y: scroll; height: calc(100vh - 112px); position: relative; padding: 1em; } .contenido_wrapp iframe {width:100%;} .blank_nota { background: url('/estaticos/blank.svg') no-repeat; background-color: #FFF; content: ''; width: 100%; height: 100%; position: absolute; z-index: 4; background-size: contain; background-position: center; top: 0; left: 0; } .btn-outline-primary:hover { background-color: #D43D60; border-color: #D43D60; } .btn-outline-primary { color: #D43D60; border-color: #D43D60; } .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #D43D60; border-color: #D43D60; } #rss .nota .image img { min-height: 100%;width: 100%; object-fit: cover; object-position: center;     } #rss .nota_w .image { width: 92px; background: #FFFFFF; } .cd{height:100vh; position:relative;} .header_contenido .close { display: none; font-size: 3em; position: fixed; right: 12px; top: 25vw; width: 50px; height: 50px; text-align: center; line-height: 46px; cursor: pointer; color: #FFF; text-decoration: none; background: #434458; z-index: 2; } figure, .wp-caption { width: 100%!important; } @media (max-width: 1024px) { #rss_wrapp { height: calc(100vh - 204px);} .contenido_wrapp { height: calc(100vh - 80px); } #rss .nota_w .image{display:none;} #rss .nota_w .medio{width: 35%;} } @media (max-width: 768px) { .cabecera .logo_brand img {padding: 0 1em; } .cabecera .logo_brand { padding: 1em 0; } #rss .nota_w .medio { width: 45%; padding: 10px 0; } .nota_w .titular {  width:55%;} } @media (max-width: 574px) { #rss_wrapp { height: calc(100vh - 35.5vw); padding-bottom: 40%; } .contenido_wrapp {  height: calc(100vh - 15vw); padding-bottom: 40%; } .blank_nota {background-position: center 35%;} .todo_c { width: 100%; } .nota_w .titular {width:70%;} #rss .nota_w .medio {width:30%;} #contenido_nota { right: 0; top: 0; width: 100%; position: absolute; display: none; } .header_contenido .close{display:block;} #titular_contenido { width: 100%; padding-right: 55px; } } @media (max-width: 376px) { .nota_w h5{font-size:12px;} .nota_w .medio p { font-size: 12px; } .nota_w .medio small{font-size: 9px;} } .scrsa{overflow-y:scroll!important;}