/* Screen.css | Jun 25, 2026 @11:58:18 AM  */

/* Import Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300italic");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:regular");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:italic");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:500");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:500italic");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:700");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:700italic");
@import url("https://fonts.googleapis.com/css?family=Marcellus SC:regular");
@import url("https://fonts.googleapis.com/css?family=Ropa Sans:regular");
@import url("https://fonts.googleapis.com/css?family=Ropa Sans:italic");

/* General */
body{
font-family:Ubuntu;
color:#252525;
font-size:var(--font-size-base);
background-color:#000000;
border-top-width:2px;
border-top-style:solid;
border-top-color:#ed1c24;
}
.caption, h2 {
line-height:120%;
}

.row.nav {
background:#ebebeb;
}
.row.content{
background:#ebebeb;
}

h1{
font-weight:normal;
text-indent:-10000px;
}
h2{
font-size: var(--font-size-2xl);
font-weight: bold;
letter-spacing: -2px;
margin-bottom:15px;
}
h3{
font-size:16px;
font-weight:normal;
}

a{
color: #ed1c24;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

h3 a{
color:#ed1c24;
}

.item .date{
font-size:1em;
}
.row .wrapper{
width: 100%;
max-width: var(--wrapper-width-wide);
margin:0px auto;
position: relative;
}


.placeholder-widget{
margin:30px;
}
p{
margin:0;
}
p + *{
margin:1em 0 0em;
}
.btn{
font-size:1em;
}
.btn{
display:inline-block;
color:#fff;
text-decoration:none;
font-size:var(--font-size-md);
text-transform:uppercase;
font-weight:bold;
background: #ED1C25;
background: linear-gradient(138deg, rgba(237, 28, 37, 1) 0%, rgba(68, 68, 68, 1) 50%, rgba(0, 0, 0, 1) 100%);
background-size: 200%;
background-position: right center;
padding: 1rem 2rem;
border-radius:300px;
transition: 0.5s ease all;

&:hover {
text-decoration: none;
background-position: left center;
}
}

/* header */
.header{
background:#030303;
min-height:54px;
color:#fff;
font-size:16px;
}
.header .module{
}
.header h1,
.header h4{
font-family:Marcellus SC;
font-weight:normal;
}
.header h4{
font-size:15px;
text-transform:uppercase;
}
.header strong{
font-family:Ropa Sans;
font-size:22px;
font-weight:normal;
}

.row.content .module{
margin:30px;
}

/* banner styles */

.banner-widget {
border-radius: 30px;
overflow: hidden;

.images {
aspect-ratio: 16 / 5;
min-height: 300px;
display: flex;

> a.slide {
height: 100%;
img {
height: 100%;
object-fit: cover;
}
}

@media only screen and (max-width:500px) {
aspect-ratio: 1 / 1;
flex-direction: column;
}
}
}
.banner-widget .captions.fixed{
position: static;
width: 400px;

@media only screen and (max-width:500px) {
width: 100%;
}
}
.banner-widget .captions{
border-top:8px solid #ed1c24;
font-size:var(--font-size-lg);

strong{
font-size:16px;
font-weight:normal;
}

em{
color:#898989;
font-size:16px;
font-style:normal;
}

@media only screen and (max-width:960px) {
font-size: var(--font-size-md);
}
}

/* navigation styles */

.row.nav {
background-color: #FFF;

.navigation-widget.standard:not(.collapse) {
.l1 {
> a {
padding: 3rem 2rem;
color: #000;
text-transform: uppercase;
font-weight: bold;
}

&:hover > a {
background-color: #ed1c25;
color: #000;
}
}
}

.navigation-widget.standard.collapse {
> div .menu-toggle {
width: 100%;

label {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;

span {
padding: 0;
}

&::after {
position: relative;
left: auto;
right: auto;
transform: none;
font-size: 2rem;
transition: 0.2s ease all;
}
}

&:hover {
text-decoration: none;

label::after {
transform: scale(1.2);
}
}
}
}
}

/* Content Row */

.row.content {
padding: 4rem 0;
}

/* column styles */
.columns-widget.special {
background:#252525;
position:relative;
}
.columns-widget.special:before{
content:"";
display:block;
background:url('/storage/themes/1972/feature-shadow.jpg');
width:100%;
height:20px;
position:absolute;
bottom:-20px;
}
.columns-widget.special .col{
background:#252525;
color:#fff;
position:relative;
}
.columns-widget.special .col + .col:before{
width:1px;
height:100%;
content:'';
display:block;
position:absolute;
left:0;
top:0;
background-image: -o-linear-gradient(bottom, transparent 0%, #161616 50%, transparent 100%);
background-image: -moz-linear-gradient(bottom, transparent 0%, #161616 50%, transparent 100%);
background-image: -webkit-linear-gradient(bottom, transparent 0%, #161616 50%, transparent 100%);
background-image: -ms-linear-gradient(bottom, transparent 0%, #161616 50%, transparent 100%);
background-image: linear-gradient(to bottom, transparent 0%, #161616 50%, transparent 100%);
}
.columns-widget.special h2{
color:#ed1c24;
}
.columns-widget.special .col.last{
}
.columns-widget.special .col.last h2{
color:#ed1c24;
}

.columns-widget .navigation-widget .vertical{
margin:30px;
}



/* social media bar */
.row.social{
background:#ed1c24;
text-align:center;
font-weight:bold;
padding: 2rem 0;
text-transform:uppercase;
p {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
}
}

.row.social a{
font-size: 0;
display:inline-flex;
color: #000;

&:hover {
text-decoration: none;
transform: scale(1.2);
}

&::before {
font: var(--fa-font-brands);
font-size: var(--font-size-xl);
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
}
.row.social .facebook::before {
content: "\f082";
}
.row.social .twitter::before {
content: "\e61a";
}
.row.social .instagram::before {
content: "\e055";
}

.row.footer{
background:#000;
color:#fff;

.navigation-widget {

.l1:hover a {
background: none;
color: #FFF;
}
}

@media only screen and (max-width:640px) {
.column-widget .column {
flex-direction: column !important;

.navigation-widget {
ul {
justify-content: center;
}

.l1 a {
justify-content: center;
}
}
}
}
}
.row.footer .content-module{
white-space: nowrap;
text-transform: uppercase;
font-size: var(--font-size-sm);
letter-spacing: 1px;
}
.row.footer .navigation-widget{
font-size:var(--font-size-sm);

a {
text-transform: uppercase;
}
}
.row.footer .navigation-widget .separator{
color:#343434;
}

/* secondary template styles */

.secondary-template .columns-widget{
margin-bottom:20px;
background:#ebebeb;
}

.secondary-template .columns-widget .col{
border-top:5px solid #ed1c24;
background:#ffffff;
}
.secondary-template .columns-widget .col:nth-child(2n){
border-top:5px solid #000000;
background:#ebebeb;
}
.mperu{
background-image:url('/files/missionperu/images/logo_new.png');
width:496px;
height:118px;
overflow: visible;
position: relative;
left: -100px;
}

.mperu span{
display:none;
}

.emblem {
position: absolute;
right: 10px;
top: 12px;
}

.blogs-module .item-list .item .permalink {
padding-top:15px;
}

.blogs-module .item-list .item .item-permalink {
padding-top:15px;
}
.photo-module .meta h3{
font-size:20px
}

.photo-module .meta h3 span {
font-style:italic;
}

.audio-video-module{
backgr.btn{
display:inline-block;
color:#fff;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:url('/storage/themes/1972/btn.jpg');
padding:0 10px;
border-radius:15px;
height:28px;
line-height:28px;
}
ound-image:url('/storage/themes/2008/feature-shadow.jpg');
}

div.module.blogs-module.rwtmodule.full-mode {
border-top: 5px solid #ed1c24;
background: #ffffff;
padding: 30px;
margin: 0 0 30px;
}