.elementor-71 .elementor-element.elementor-element-64e292f{--display:flex;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-71 .elementor-element.elementor-element-5461615 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:63px;font-weight:600;color:#000000;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-71 .elementor-element.elementor-element-5b60b05{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-post__thumbnail__link{width:100%;}.elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-post__text{margin-top:20px;}.elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-post__badge{right:0;}.elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-71 .elementor-element.elementor-element-5b60b05:after{content:"0.5";}.elementor-71 .elementor-element.elementor-element-5b60b05 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-64e292f *//* ==================================================
OpenThreadNews Archive Template
Version: 2.0
Scope: .otn-archive ONLY
================================================== */

.otn-archive{

```
--otn-black:#0D0D0D;
--otn-slate:#4A4A4A;
--otn-muted:#8A8A8A;

--otn-rose:#C9837A;

--otn-bg:#F8F8F6;
--otn-surface:#FFFFFF;

--otn-border:#ECE8E2;

background:var(--otn-bg);

padding-top:80px;
padding-bottom:120px;
```

}

/* ==================================================
Container
================================================== */

.otn-archive .elementor-container{
max-width:1280px;
}

/* ==================================================
Archive Title
================================================== */

.otn-archive .elementor-widget-theme-archive-title,
.otn-archive .elementor-widget-archive-title{

```
margin-bottom:70px;

text-align:center;
```

}

.otn-archive .elementor-heading-title{

```
font-family:"Playfair Display",serif;

font-size:clamp(54px,7vw,88px);

font-weight:400;

line-height:1.02;

letter-spacing:-1.8px;

color:var(--otn-black);

max-width:900px;

margin:0 auto;
```

}

/* Editorial Divider */

.otn-archive .elementor-widget-theme-archive-title::after,
.otn-archive .elementor-widget-archive-title::after{

```
content:"";

display:block;

width:90px;
height:1px;

margin:28px auto 0;

background:var(--otn-rose);
```

}

/* ==================================================
Posts Grid
================================================== */

.otn-archive .elementor-posts-container{

```
gap:42px !important;
```

}

/* ==================================================
Cards
================================================== */

.otn-archive .elementor-post{

```
background:var(--otn-surface);

overflow:hidden;

transition:
transform .35s ease,
box-shadow .35s ease;

box-shadow:
0 2px 12px rgba(0,0,0,.03);
```

}

.otn-archive .elementor-post:hover{

```
transform:translateY(-6px);

box-shadow:
0 24px 48px rgba(0,0,0,.08);
```

}

/* ==================================================
Featured Image
================================================== */

.otn-archive .elementor-post__thumbnail{

```
overflow:hidden;
```

}

.otn-archive .elementor-post__thumbnail img{

```
transition:transform .8s ease;
```

}

.otn-archive .elementor-post:hover
.elementor-post__thumbnail img{

```
transform:scale(1.04);
```

}

/* ==================================================
Content Area
================================================== */

.otn-archive .elementor-post__text{

```
padding:28px 30px 34px;
```

}

/* ==================================================
Category
================================================== */

.otn-archive .elementor-post-info__terms-list,
.otn-archive .elementor-post-info__terms-list a{

```
color:var(--otn-rose) !important;

font-family:"Inter",sans-serif;

font-size:12px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

text-decoration:none;
```

}

/* ==================================================
Title
================================================== */

.otn-archive .elementor-post__title{

```
margin-top:16px;
margin-bottom:14px;
```

}

.otn-archive .elementor-post__title a{

```
font-family:"Playfair Display",serif;

font-size:34px;

font-weight:400;

line-height:1.15;

letter-spacing:-0.4px;

color:var(--otn-black);

text-decoration:none;

transition:color .2s ease;
```

}

.otn-archive .elementor-post__title a:hover{

```
color:var(--otn-rose);
```

}

/* ==================================================
Meta
================================================== */

.otn-archive .elementor-post-info{

```
color:var(--otn-muted);

font-family:"Inter",sans-serif;

font-size:13px;

margin-bottom:16px;
```

}

/* ==================================================
Excerpt
================================================== */

.otn-archive .elementor-post__excerpt{

```
color:var(--otn-slate);

font-family:"Inter",sans-serif;

font-size:17px;

line-height:1.8;
```

}

.otn-archive .elementor-post__excerpt p{

```
margin-bottom:0;
```

}

/* ==================================================
Read More
================================================== */

.otn-archive .elementor-post__read-more{

```
display:inline-block;

margin-top:18px;

color:var(--otn-black);

font-family:"Inter",sans-serif;

font-size:12px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

text-decoration:none;

transition:.2s ease;
```

}

.otn-archive .elementor-post__read-more:hover{

```
color:var(--otn-rose);
```

}

/* ==================================================
Pagination
================================================== */

.otn-archive .elementor-pagination{

```
margin-top:90px;

text-align:center;
```

}

.otn-archive .elementor-pagination a,
.otn-archive .elementor-pagination span{

```
display:inline-flex;

align-items:center;
justify-content:center;

width:48px;
height:48px;

margin:0 5px;

background:#FFFFFF;

color:var(--otn-black);

text-decoration:none;

box-shadow:
0 2px 8px rgba(0,0,0,.04);

transition:.25s ease;
```

}

.otn-archive .elementor-pagination a:hover{

```
background:var(--otn-rose);

color:#FFFFFF;
```

}

.otn-archive .elementor-pagination .current{

```
background:var(--otn-black);

color:#FFFFFF;
```

}

/* ==================================================
Selection
================================================== */

.otn-archive ::selection{

```
background:#F3D8D3;

color:var(--otn-black);
```

}

/* ==================================================
Mobile
================================================== */

@media(max-width:1024px){

```
.otn-archive{
    padding-top:60px;
}

.otn-archive .elementor-post__title a{
    font-size:30px;
}
```

}

@media(max-width:767px){

```
.otn-archive{

    padding-top:40px;
    padding-bottom:70px;
}

.otn-archive .elementor-heading-title{

    font-size:48px;
}

.otn-archive .elementor-post__text{

    padding:22px;
}

.otn-archive .elementor-post__title a{

    font-size:26px;
}

.otn-archive .elementor-post__excerpt{

    font-size:16px;
}
```

}/* End custom CSS */