#grid{padding:0 15px;position:relative;}#grid.simple{padding-right:0;padding-bottom:15px;}#grid.simple > .post .post-inner{margin:15px 15px 0 0;}#grid.grid-mode{margin-bottom:10px;padding:0;overflow:hidden;}#grid:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.grid-title{font-size:20px;font-weight:300;line-height:40px;padding:80px 15px 0;text-align:center;text-transform:uppercase;}.grid-title span{color:#49b170;display:block;font-size:40px;font-weight:600;text-transform:none;}#grid > .post{color:#fff;cursor:pointer;float:left;overflow:hidden;position:relative;width:50%;height:auto;}#grid > .post .post-inner{overflow:hidden;position:relative;}#grid.grid-mode > .post.positionned{position:absolute;}#grid.grid-mode > .post .post-inner{width:100%;height:100%;}#grid.grid-mode > .post.no-thumbnail{background:#043a57;}#grid.grid-mode > .post .image{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}#grid .post .inner{background:-moz-linear-gradient(top,rgba(4,58,87,0) 0%,rgba(4,58,87,0.65) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(4,58,87,0)),color-stop(100%,rgba(4,58,87,0.65)));background:-webkit-linear-gradient(top,rgba(4,58,87,0) 0%,rgba(4,58,87,0.65) 100%);background:-o-linear-gradient(top,rgba(4,58,87,0) 0%,rgba(4,58,87,0.65) 100%);background:-ms-linear-gradient(top,rgba(4,58,87,0) 0%,rgba(4,58,87,0.65) 100%);background:linear-gradient(to bottom,rgba(4,58,87,0) 0%,rgba(4,58,87,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00021226',endColorstr='#a6021226',GradientType=0);color:#49b170;position:absolute;bottom:0;left:0;z-index:50;width:100%;}#grid .post .post-card{background:#fff;width:100%;height:80px;padding:12px 20px 0;position:relative;}#grid .post .post-card::before{content:'';display:block;width:30px;height:5px;background:#49b170;position:absolute;top:-5px;left:0;}#grid .post .post-title{color:inherit;font-size:16px;font-weight:700;line-height:25px;margin:0;}#grid .post .post-title a,#grid .post .post-subtitle a{color:inherit;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden;}#grid .post .post-subtitle{color:#043a57;font-size:13px;font-weight:300;line-height:18px;margin-top:1px;}#grid .post .trame{background:#043a57 url(https://testsytralmag.wp7.neftis.com/wp-content/themes/magazine-sytral/assets/img/grid-hover-trame.png) center center repeat;background-color:rgba(4,58,87,0.7);display:none;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}.js.touch #grid .post .trame{background:rgba(4,58,87,0.4);display:block;}.no-js #grid .post:hover .trame{display:block;}#grid .post .big-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;white-space:nowrap;overflow:hidden;text-indent:100%;}#grid .post:hover .post-title,#grid .post:hover .post-subtitle{color:#49b170;}.js #grid .post a:hover{color:#fff;}.js #grid .post .post-card a:hover{color:#043a57;}.no-result{text-align:center;margin:50px 0;font-size:20px;}.js #grid .post .metas{color:#fff;font-weight:700;font-size:16px;line-height:20px;padding:0 30px;position:absolute;bottom:105px;left:0;}.js.no-touch #grid .post .metas{display:none;}#grid .post .categories a{color:#fff;padding-left:5px;}#grid .post .categories a:hover{color:#49b170;}#grid .post .categories a:first-child{padding-left:0;}#grid .post .date:after{color:#fff;content:"\2022";display:inline-block;font-family:'Proxima Nova Rg', Arial, sans-serif;font-size:18px;margin:1px 7px 0 10px;vertical-align:0px;}.js #grid .post .badge{display:block;width:40px;height:40px;background-color:#49b170;border-radius:50%;position:absolute;top:20px;right:20px;z-index:11;}#grid .post .video svg{width:17px;height:9px;margin:-4px 0 0 -8px;}#grid .post .audio svg{width:17px;height:12px;margin:-6px 0 0 -8px;}#grid .post svg{position:absolute;top:50%;left:50%;}#grid .post svg *{fill:#fff;}#edition-navigation{padding-top:102px;text-align:center;margin:0;max-width:100%;width:290px;height:290px;}#edition-navigation .status{color:#043a57;font-family:'Proxima Nova Rg', Arial, sans-serif;font-size:12px;line-height:27px;}#edition-navigation .title{color:#49b170;font-weight:700;font-size:25px;line-height:35px;text-transform:uppercase;}#edition-navigation .title sup{font-size:30px;vertical-align:13px;line-height:0px;}#edition-navigation .navigation{display:block;}#edition-navigation .navigation .previous,#edition-navigation .navigation .next{color:#043a57;display:inline-block;font-family:'Proxima Nova Rg', Arial, sans-serif;font-size:16px;margin-top:2px;text-align:left;min-width:18px;min-height:1px;}#edition-navigation .navigation .previous svg,#edition-navigation .navigation .next svg{width:16px;height:auto;}#edition-navigation .navigation .previous svg path,#edition-navigation .navigation .next svg path{stroke:currentColor;}#edition-navigation .navigation .previous{float:left;margin-left:20px;}#edition-navigation .navigation .next{float:right;text-align:right;margin-right:20px;}#edition-navigation .navigation .next svg{transform:rotate(180deg);}#edition-navigation .previous:hover,#edition-navigation .next:hover{color:#49b170;}#edition-navigation .previous span,#edition-navigation .next span{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap;width:0px;height:0px;}#edition-navigation .navigation .empty{color:#eaedf1;}#edition-navigation .date{color:#043a57;font-size:14px;font-weight:300;text-transform:uppercase;width:100%;}.socials-wrapper{position:absolute;top:0;right:-160px;width:160px;height:100%;z-index:20;}.socials{z-index:20;width:100%;}.socials a{display:block;width:50px;height:50px;margin:0 auto;position:relative;}.socials a:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:30px;height:30px;background-color:#043a57;transition:background-color 0.3s ease-out;}.socials a svg{position:absolute;top:50%;left:50%;}.socials a svg *{fill:#fff;}.socials a:hover:before{background-color:#49b170;}.socials .youtube svg{width:15px;height:13px;margin:-7px 0 0 -8px;}.socials .twitter svg{width:15px;height:14px;margin:-7px 0 0 -8px;}.socials .facebook svg{width:8px;height:15px;margin:-7px 0 0 -4px;}@media only screen and (min-width: 691px) and (max-width: 1500px){.socials-wrapper{right:-80px;width:80px;}}@media only screen and (min-width: 691px) and (max-width: 1300px){.socials-wrapper{padding-top:300px;right:-20px;width:80px;}#grid,#grid.simple{padding-right:50px;padding-bottom:15px;}#edition-navigation{margin:10px auto;}#grid > .post .post-inner{margin:15px 15px 0 0;}#grid > .post:nth-child(odd) .post-inner{margin-right:15px;}}@media only screen and (max-width: 1300px){#edition-navigation{margin:10px auto;}}@media only screen and (max-width: 690px){#grid > .post{float:none;margin:0 0 15px 0;width:100%;}#grid.simple > .post .post-inner,#grid.simple > .post{margin-bottom:0;}#edition-navigation{margin-top:0px;}}