/* ==========================================================
   yost.technology - MODULO POST / NEWS
   ========================================================== */
.Title-yostpost-category {
color:#303030;font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:300;text-transform:none;font-style:normal;line-height:30px;letter-spacing:10px;text-align:center;margin:60px auto;width:96%;max-width:1200px;
}

.Title-bl-yostpost-3 {
color:gray;font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;font-style:normal;line-height:64.8px;letter-spacing:14.58px;text-align:center;margin-bottom:40px;
}

.Title-bl-yostpost-4 {
color:gray;font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;font-style:normal;line-height:64.8px;letter-spacing:14.58px;text-align:center;margin-bottom:20px;
}

.Title-yostpost-2,
.Title-yostpost-5 {
color:#303030;font-family:"Lato", Sans-serif;font-size:19px;font-weight:700;font-style:normal;line-height:28.5px;letter-spacing:2px;margin:20px;
}

.Title-yostpost-4 {
font-family:"Open Sans", Sans-serif;font-size:22px;font-weight:300;text-transform:none;font-style:normal;line-height:30.8px;letter-spacing:4.4px;margin-bottom:20px;
}

.Title-yostpost-3 {
color:#303030;font-family:"Raleway", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:18px;letter-spacing:2.88px;
}

.thisothernews .leggiit a {
display:inline-block;margin-top:20px;transition:all 0.3s ease;text-align:center;display:none;
}

.nextothernews,
.nextothernews3 {
position:relative;margin:60px 0;background-color:#f2f2f2;
}

.nextothernews2 {
position:relative;margin:60px 0 50px;
}

.nextothernews4 {
position:relative;margin:40px;
}

.thisothernews5 {
max-width:1200px;padding:60px 0 30px;box-sizing:border-box;margin:auto;
}

.thisothernews .col {
margin:0 15px 40px;
}

.TIPnextothernews {
display:flex;justify-content:center;flex-wrap: wrap;margin: 0 -20px;
}

.twocol .thisothernews {
width:50%;
}

.threecol .thisothernews {
width:33.33%;
}

.fourcol .thisothernews {
width:25%;
}

.YOSTP1 {
margin:60px auto 20px;
}

.YOSTP2 {
max-width:1200px;width:96%;margin:auto;
}

.YOSTP2 .thisothernews {
display:flex;max-width:420px;
}

.YOSTP2 .thisothernews .col {
border:1px solid #f2f2f2;text-align:center;padding:0 15px 15px;margin:0 20px 40px;box-shadow: 4px 6px 16px 0px rgba(100, 100, 100, .6);background: #fff;
}

.YOSTP2 .thisothernews .image {
margin:-30px auto 20px;
}

.YOSTP2 .thisothernews .image img {
width:auto;height:60px;border-radius:50%;
}

.YOSTP2 a {
position:relative;display:block;
}

.YOSTP3 {
padding:60px 10px 30px;
}

.YOSTP3 .thisothernews {
text-align:center;
}

.YOSTP3 .thisothernews .image img {
width:auto;height:100px;margin:auto;
}

.YOSTP4 img {
width:100%;max-height:410px;object-fit:cover;
}

.YOSTP5 {
max-width:100%;background:url(../Images/bg-post-5.jpg) no-repeat;background-attachment:fixed;padding:90px 10px 60px;margin:60px 0;box-sizing:border-box;
}

.YOSTP5 .thisothernews {
display:flex;
}

.YOSTP5 .col {
background:#fff;padding:15px;
}

#undercats {
max-width:1200px;padding:0 15px;box-sizing:border-box;
}

#undercats li {
margin:0 2%;display:inline-block;padding:5px;
}

#undercats li a {
display:block;color:#666;font-size:16px;border:1px solid #d2d2d2;padding:10px;transition:all 0.3s ease;
}

#undercats li a:hover {
background:#d2d2d2;color:#000;
}

.leggiitx a {
height:auto !important;line-height:140% !important;padding:10px;
}

@media screen and (max-width:991px) {
.Title-yostpost-category {
font-size:24px;line-height:120%;letter-spacing:4px;margin:40px auto;
}
.Title-bl-yostpost-3,
.Title-bl-yostpost-4 {
font-size:20px;line-height:110%;letter-spacing:10px;
}
.Title-yostpost-2,
.Title-yostpost-5 {
font-size:18px;line-height:140%;letter-spacing:1px;margin:15px;
}
.Title-yostpost-4 {
font-size:20px;line-height:140%;letter-spacing:3px;
}
.thisothernews .col {
margin:0 10px 30px;
}
.YOSTP2 .thisothernews {
flex-direction:column;max-width:100%;
}
.YOSTP2 .thisothernews .col {
margin:30px 10px 30px;
}
.thisothernews5 {
padding:40px 0 20px;
}
.YOSTP1 {
margin:40px auto 15px;
}
.YOSTP2 {
padding:20px 10px 0;
}
.YOSTP3 {
padding:40px 10px 20px;
}
.YOSTP5 {
padding:60px 10px 40px;margin:40px 0;
}
}

@media screen and (max-width:767px) {
.thisothernews .col {
margin:0 0 30px;
}
.twocol .thisothernews,
.threecol .thisothernews,
.fourcol .thisothernews {
width:100%;
}
.YOSTP5 .thisothernews {
flex-direction:column;
}
.YOSTP5 .col {
margin-bottom:15px;
}
}