/**
 * @license
 * MyFonts Webfont Build ID 4190325, 2021-10-05T08:05:47-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BergenSans-Regular by Mindburger Studio
 * URL: https://www.myfonts.com/fonts/mindburger-studio/bergen-sans/regular/
 * 
 * Webfont: BergenSans-Italic by Mindburger Studio
 * URL: https://www.myfonts.com/fonts/mindburger-studio/bergen-sans/italic/
 * 
 * Webfont: BergenSans-Bold by Mindburger Studio
 * URL: https://www.myfonts.com/fonts/mindburger-studio/bergen-sans/bold/
 * 
 * Webfont: BergenSans-SemiBold by Mindburger Studio
 * URL: https://www.myfonts.com/fonts/mindburger-studio/bergen-sans/semi-bold/
 * 
 * Webfont: BergenSans-BoldItalic by Mindburger Studio
 * URL: https://www.myfonts.com/fonts/mindburger-studio/bergen-sans/bold-italic/
 * 
 * Webfont: BergenSans-SemiBoldItalic by Mindburger Studio
 * URL: https://www.myfonts.com/fonts/mindburger-studio/bergen-sans/semi-bold-italic/
 * 
 * 
 * Webfonts copyright: Copyright (c) Milos Mitrovic, 2016. All rights reserved.
 * 
 * © 2021 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/3ff075");*/
  
@font-face {
  font-family: "BergenSans";
  src: url('webFonts/BergenSansSemiBold/font.woff2') format('woff2'), url('webFonts/BergenSansSemiBold/font.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "BergenSans";
  src: url('webFonts/BergenSansSemiBoldItalic/font.woff2') format('woff2'), url('webFonts/BergenSansSemiBoldItalic/font.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "BergenSans";
  src: url('webFonts/BergenSansBoldItalic/font.woff2') format('woff2'), url('webFonts/BergenSansBoldItalic/font.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "BergenSans";
  src: url('webFonts/BergenSansItalic/font.woff2') format('woff2'), url('webFonts/BergenSansItalic/font.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "BergenSans";
  src: url('webFonts/BergenSansBold/font.woff2') format('woff2'), url('webFonts/BergenSansBold/font.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "BergenSans";
  src: url('webFonts/BergenSansRegular/font.woff2') format('woff2'), url('webFonts/BergenSansRegular/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


html, body {
	font-family: "BergenSans";
  font-size:20px;
  line-height: 1.2;
  color:#23282e;
}

@media only screen and (max-width: 480px) {
  html, body {
    font-size:16px;
  }
}

@media only screen and (max-width: 1024px) {
  html, body {
    font-size:18px;
  }
}

.dialog-off-canvas-main-canvas{
  font-size:1rem;
}

/**
 *
 * grey : #e1e6e9
 * black : #23282e
 * galazio: #209bd7
 * blue: #134985
 * 
 */


.region-header {
  background-color: #134985;
  color:#FFFFFF;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}

.region-header > * {
  
}
.region-header .block {
  font-size:0.86rem; 
}
.region-header .block a{
  color:#FFFFFF;
}
a,
.navbar-light .navbar-nav .nav-link{
  color:#134985;
}

::selection {
    background-color: #209bd7;
}
a:hover{
  color:#209bd7;
}

footer.footer-dark{
  background-color: #e1e6e9 !important;
}

footer .block{
  color:#23282e;
  font-size:1rem;
}


footer .block a{
  color:#209bd7;
  text-decoration: none;
}

footer .block a:hover{
  text-decoration: underline;
  color:#23282e;
}
#block-block-content-3be54714-d84f-4dd8-88e4-5a14c22a9f65{
  text-align: right;
}
div.full-body * {
  font-family: "BergenSans" !important;
  font-size: inherit !important;
  line-height: 1.2 !important;
}

.dialog-off-canvas-main-canvas{
  padding-top:calc(1rem + 132.5px);
}


.toolbar-tray-open.toolbar-fixed.user-logged-in .dialog-off-canvas-main-canvas{
  padding-top:calc(1rem + 132.5px);
}
.toolbar-tray-open.toolbar-fixed.user-logged-in header{
  top:79px;
}

header{
  background-color:#FFFFFF; 
  box-shadow: 0px 3px 5px 0px rgba(128,128,128,0.75);
-webkit-box-shadow: 0px 3px 5px 0px rgba(128,128,128,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(128,128,128,0.75);
}
main{
  padding-top:1.5rem;
  background: rgb(225,230,233);
  background: -moz-linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  background: linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e6e9",endColorstr="#e1e6e9",GradientType=1);
  background-size: 100% 220px;
  background-repeat: no-repeat;
}

#block-views-block-scketch-block-1{
  padding-top:2rem;
  padding-bottom:2rem;
  background: rgb(225,230,233);
  background: -moz-linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  background: linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e6e9",endColorstr="#e1e6e9",GradientType=1);
  background-size: 100% 90%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
header > nav,
.region-content-full{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

.view-id-scketch.view-display-id-block_1 > .more-link,
.view-id-scketch.view-display-id-block_1 > .view-header,
.view-id-scketch.view-display-id-block_1 > .view-content { margin-bottom: 1.4rem; }
@media only screen and (min-width: 768px) {
  .view-id-scketch.view-display-id-block_1 {  
    display: grid; 
    grid-auto-rows: 1fr; 
    grid-template-columns: 1.2fr 1.8fr; 
    grid-template-rows: max-content max-content; 
    gap: 1em 1em; 
    grid-template-areas:
      "header content"
      "morelink morelink";
    align-items: center; 
  }

  .view-id-scketch.view-display-id-block_1 > .more-link { grid-area: morelink; margin-bottom: 0;}

  .view-id-scketch.view-display-id-block_1 > .view-header { grid-area: header; margin-bottom: 0;}

  .view-id-scketch.view-display-id-block_1 > .view-content { grid-area: content; margin-bottom: 0;}
  

}


.scketch-moto{
  font-size:2.1rem;
  text-align: right;
  margin-bottom: 1.3rem;
}
.view-id-scketch.view-display-id-block_1 > .view-header{
  color:#FFFFFF !important;
  padding:2.5rem;
  background-color: #ff5700;
}
.view-id-scketch.view-display-id-block_1 > .more-link a{
  color: #ff5700;
  text-decoration: none;
  font-size:3rem;
}
.view-id-scketch.view-display-id-block_1 > .more-link{
  padding:5px 2rem;
}

.view-id-latest_scketch .scketch-created {
  text-align: center;
}
.view-id-latest_scketch .scketch-created a{
  color: #FFFFFF;
}

.logo-credits{
  text-align: center;
  max-width: 240px;
  margin-left:auto;
  margin-right:auto;
}
footer .social,
footer .credits{
  text-align: center;
}

.region-header{
  --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
}

#block-system-menu-block-short-menu ul,
#block-system-menu-block-short-menu li{
  display: inline-block;
}

#block-block-content-3be54714-d84f-4dd8-88e4-5a14c22a9f65 .field--name-body{
  padding:0.5rem 1rem;
}

#block-system-menu-block-short-menu ul.navbar-nav{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

#block-system-menu-block-short-menu ul.navbar-nav a.is-active{
  background-color: #209bd7;
}
#block-system-menu-block-short-menu ul.navbar-nav a{
  border-radius: 20px;
}

.view-content-is-row .view-content > *{
  max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y); 
}
.view-content-is-row .view-content{
  --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

#block-views-block-opinions-block{
  background-color:#209bd7;
  color:#FFFFFF;
  padding-bottom:2rem;
}

.view-opinions.view-id-opinions .view-content{
  padding-left:2rem;
  padding-right: 2rem;
  padding-top:1rem;
}

.view-id-opinions.view-display-id-block .view-header{
  text-align: center;
  background-color: #209bd7;
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e6e9",endColorstr="#e1e6e9",GradientType=1);
  background-size: 100% 46%;
  background-repeat: no-repeat;
  background-position: top center; 
}

.views-field-field-profile-pic > .field-content {
  display:inline-block;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%; 
  overflow: hidden;
}

.opinion .views-field-name{
  text-transform: uppercase;
  margin-top:1.4rem;
  bottom:5px;
}
.opinion .views-field-created{
  font-size:0.8rem;
}
.opinion .views-field-title{
  font-size:0.9rem;
  margin-top:10px;
  margin-bottom:10px;
}
.opinion .views-field-title,
.opinion .views-field-created{
  font-weight: 300;
}
.opinion{
  text-align: center;
}

.opinion a{
  color:#FFFFFF;
  text-decoration: none;
}
.opinion a:hover{
  color: #134985;
}

.search-help-link{
  display: none;
}

.opinion-moto{
  background-color:#209bd7;
  
  
  display:inline-block;
  padding:1.1rem 1rem;
  line-height: 1;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%; 
}

h2.tease-title {
  font-size:1.1rem;
  line-height: 1.1;
  color:#134985;
  font-weight: bold;
}
h2.tease-title a{
  color:#134985;
  text-decoration: none;
}
h2.tease-title a:hover{
  color:#209bd7;
  text-decoration: underline;
}

.view-id-proto_thema h2.tease-title {
  font-size:1.6rem;
}

.node--view-mode-teaser .field--name-node-post-date,
.node--view-mode-compact .field--name-node-post-date{
  font-size:0.9rem;
  color:#209bd7;
  margin-bottom:10px;
}

.view-id-proto_thema .node--view-mode-compact .field--name-node-post-date{
  font-size:1rem;
}
.node--view-mode-compact .field--name-node-post-date,
.node--view-mode-compact .field--name-node-title{
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .node--view-mode-compact .field--name-node-title{
    width:90%;
    margin-left: auto;
    margin-right: auto;
  }
}

#block-views-block-content-recent-block-1 h2,
#block-views-block-content-recent-block-1 .views-row,
#block-views-block-content-recent-block-1 .views-row a{
  color:#FFFFFF;
}

#block-views-block-content-recent-block-1 h2{
  font-weight: bold;
  font-size:1.4rem;
}

#block-views-block-content-recent-block-1 .views-row {
  font-size:0.9rem;
  margin-bottom:1.1rem;
}
#block-views-block-content-recent-block-1 .views-row a{
  text-decoration:none;
}
#block-views-block-content-recent-block-1 .views-field-created{
  margin-top:8px;
}
#block-views-block-content-recent-block-1 .views-field-created,
#block-views-block-content-recent-block-1 .views-row a:hover{
  color:#209bd7;
}




#block-views-block-content-recent-block-1{
  background-color:#134985;
  padding:1.5rem;
  margin-bottom:1.5rem;
}

.view-feed-news .views-row{
  margin-bottom:2rem;
  padding-bottom:2rem;
  border-bottom:1px solid #e1e6e9;
  padding-top:1.5rem;
}

.node--view-mode-compact:hover{
  cursor: pointer;
}
.node--view-mode-compact{
  padding-bottom:1.5rem;
}

.node--view-mode-teaser h2.tease-title {
  font-size:1.6rem;
}

#block-bootstrap5-main-navigation .nav-item{
  font-weight:500;
}

.relative{
  position: relative;
}
.rotate-iod{
  color:#134985;
  font-weight: 500;
  font-size:1.8rem;
  text-align: center;
}

span.fotografia{
  font-weight: bold;
  font-size:2.4rem;
}

.iod-container {
  background-color:#134985;
  color:#FFFFFF;
}
.iod-container > .inner {
  padding:2rem 1rem 1.5rem 1.5rem; 
}

.field--name-body img{
  max-width: 100% !important;
  width:auto;
  height:auto !important;
  /*display:inline-block;*/
}


.region-content-full > .block{
  margin-top:2rem;
  margin-bottom:2rem;
}
.region-content-above > .block{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

.path-news .region-sidebar-second > .block,
.path-taxonomy .region-sidebar-second > .block{
  margin-bottom: 2.5rem;
}

.promo-term-b .title-container h2{
  font-size:3rem;
  font-weight:normal;
  color:#134985;
  display: inline-block;
  background-color: #FFFFFF;
  padding:0.6rem 0.5rem;
  margin-bottom:0;
}

.promo-term-b .title-container{
    background: rgb(225,230,233);
  background: -moz-linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  background: linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e6e9",endColorstr="#e1e6e9",GradientType=1);
  background-size: 100% 36%;
  background-repeat: no-repeat;
  background-position: left center; 
  margin-bottom:0.6rem;
  padding-left:3rem;
}

.node--view-mode-compact{
  background-color: #FFFFFF;
}

.display-4.page-title{
  text-align: left !important;
    font-size: 1.95rem;
    font-weight: normal;
}

.path-skitsa-christos-papanikos .display-4.page-title,
.page-node-type-scketch .display-4.page-title,
.page-node-type-article .display-4.page-title{
  font-weight: bold;
}

body.path-skitsa-christos-papanikos .region-sidebar-second > .block,
body.page-node-type-scketch .region-sidebar-second > .block,
body.page-node-type-article .region-sidebar-second > .block{
  margin-bottom: 1.3rem;
}

.social-sharing-buttons{
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}

.tag-cat a:before{
  content:"\f292";
  font-family: "Font Awesome 5 Free";
   display: inline-block;
   padding-right: 3px;
   font-weight: 900;
}
.tag-cat a{
  text-decoration: none;
  display: inline-block;
  background-color: #209bd7;
  color:#FFFFFF;
  padding:0.23rem 0.45rem;
}

.tag-cat a:hover{
  background-color: #134985;
}
#block-views-block-related-8x-block {
  background: rgb(225,230,233);
  background: -moz-linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  background: linear-gradient(180deg, rgba(225,230,233,1) 0%, rgba(225,230,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e6e9",endColorstr="#e1e6e9",GradientType=1);
  background-size: 100% 96%;
  background-position: left bottom;
  background-repeat: no-repeat;
}
#block-views-block-related-8x-block .node--view-mode-compact{
  background-color: transparent;
}

#block-views-block-related-8x-block > h2{
  text-align: center;
  color: #134985;
}
.node--view-mode-full .category{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.field--name-dynamic-block-fieldnode-syntaktis{
  margin-top:0.34rem;
  margin-bottom:0.34rem;
  font-style: italic;
  color:#134985 !important;
  text-align: left !important;
}
.field--name-dynamic-block-fieldnode-syntaktis,
.node--view-mode-full .field--name-node-post-date{
  color: #209bd7;
  text-align: right;
  font-size: 0.85rem;
}
.path-skitsa-christos-papanikos .display-4.page-title,
.page-node-type-scketch .display-4.page-title,
.node--view-mode-full .field--name-field-subtitle{
  margin-bottom:1.5rem;
  display: inline-block;
  background-color: #209bd7;
  color:#FFFFFF;
  padding:0.23rem 0.45rem;
}

.path-skitsa-christos-papanikos .display-4.page-title,
.page-node-type-scketch .display-4.page-title{
  background-color: #ff5700;
}

.view-scketch.view-display-id-page .views-row{
  margin-bottom:1.7rem;
  text-align: center;
}
.views-field-field-scketch{
  margin-bottom: 0.85rem;
}
.scketch-created a{
  text-decoration: none;
  color:#ff5700;
}
.btn.skitsa {
  color:#FFFFFF;
  background-color:#ff5700;
}

#block-views-block-video-pplayer-video-player,
.block-views-blockvideo-player-block-1 {
   background-color:#23282e; 
}

#block-views-block-video-pplayer-video-player,
.block-views-blockvideo-player-block-1{
  padding:2.5rem 1.5rem;
}

#block-views-block-video-pplayer-video-player .field--name-node-title h2.tease-title,
.view-video-player .field--name-node-title h2.tease-title,
#block-views-block-video-pplayer-video-player .field--name-node-title h2.tease-title a,
.view-video-player .field--name-node-title h2.tease-title a{
  color: #FFFFFF;
}

#block-views-block-video-pplayer-video-player .field--name-node-title h2.tease-title,
.view-video-player .field--name-node-title h2.tease-title{
  font-size: 0.95rem;
    line-height: 1;
}
.views-field-field-24tv-1 .field--name-node-title h2.tease-title,
.views-field-field-24tv-2 .field--name-node-title h2.tease-title,
.x2.view-video-player > .view-content .field--name-node-title h2.tease-title{
  font-size: 0.85rem;
    line-height: 1;
  font-weight: normal;
}
#block-views-block-video-pplayer-video-player .field--name-node-title,
.view-video-player .field--name-node-title{
   text-align: left;
  width: auto;
}
#block-views-block-video-pplayer-video-player .field--name-node-post-date,
.view-video-player .field--name-node-post-date{
  display: none; 
}
#block-views-block-video-pplayer-video-player .node--view-mode-compact,
.view-video-player .node--view-mode-compact{
  background-color: transparent;
}

  .tv24-moto{
    background-color:#23282e;
    display:inline-block;
    padding:1.1rem 1rem;
    line-height: 1;
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
  }

.tv24-moto img{
  display: inline-block;
  width: auto;
  max-width: 100%;
  height:auto !important;
  width: 160px;
}

#block-block-content-7c545d6f-fe54-4f87-869f-c07e903f6f1a .field--name-body {
    text-align: center;
    background-color: #209bd7;
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e6e9",endColorstr="#e1e6e9",GradientType=1);
    background-size: 100% 46%;
    background-repeat: no-repeat;
    background-position: top center;

}

#block-block-content-7c545d6f-fe54-4f87-869f-c07e903f6f1a{
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  margin-bottom:-3.2rem;
}
#block-views-block-video-pplayer-video-player,
#block-views-block-video-player-block-1{
  margin-top: 0;
   position: relative;
  z-index: 1;
}
#block-views-block-video-pplayer-video-player,
#block-views-block-video-player-block-1 {
  position: relative;
}

@media only screen and (min-width: 980px) {
  
  
  #block-views-block-video-pplayer-video-player,
  .block-views-blockvideo-player-block-1{
    padding:3.5rem 3.5rem;
  }
  
  #block-views-block-front-simple-4x-block .title-container {
    text-align: right;
    padding-right:3rem;
  }
  
  #block-views-block-related-8x-block > h2{
    font-size: 2.6rem;
  }
  
  .social-sharing-buttons{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    justify-content: flex-end;
    align-items: end;
  }
  
  .full-body-inner{
    padding-left:3rem;
    padding-right:1rem;
  }
  
  main{
    background-size:100% 440px; 
  }

  
  .rotate-iod{
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    /*transform-origin:top left;*/
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: right;
  }
  
  .rotate-iod{
    font-size:4rem;
  }

  span.fotografia{
    font-size:4.1rem;
  }
  
  .region-content-full > .block{
    margin-top:3.5rem;
    margin-bottom:3.5rem;
  }
  .promo-term-b .title-container{
    padding-left:5rem;
  }
  .x5.view-content-is-grid .view-content{
    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 15px 15px; 
    grid-auto-flow: row;
    grid-template-areas:
      "views-row-1 views-row-0 views-row-0 views-row-3"
      "views-row-2 views-row-0 views-row-0 views-row-4";
  }

  .x5 .views-row-0 { grid-area: views-row-0; }

  .x5 .views-row-1 { grid-area: views-row-1; }

  .x5 .views-row-2 { grid-area: views-row-2; }

  .x5 .views-row-3 { grid-area: views-row-3; }

  .x5 .views-row-4 { grid-area: views-row-4; }
  
  .x6.view-content-is-grid .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 0.7fr 1fr;
    gap: 0.5rem 0.5rem;
    grid-auto-flow: row;
    grid-template-areas:
      "views-row-0 views-row-0 views-row-4 views-row-5"
      "views-row-0 views-row-0 views-row-1 views-row-1"
      "views-row-2 views-row-3 views-row-1 views-row-1";
  }

  .x6 .views-row-4 { grid-area: views-row-4; }

  .x6 .views-row-5 { grid-area: views-row-5; }

  .x6 .views-row-3 { grid-area: views-row-3; }

  .x6 .views-row-1 { grid-area: views-row-1; }

  .x6 .views-row-0 { grid-area: views-row-0; }

  .x6 .views-row-2 { grid-area: views-row-2; }

  
  

  .block-views-blockvideo-player-block-1 .x2 {
    
    display: grid; 
    grid-auto-rows: 1fr; 
    grid-template-columns: 3fr 1fr; 
    grid-template-rows: max-content; 
    gap: 0em 3em; 
    grid-template-areas: 
      "attachment-before view-content"; 
    align-content: center; 
    align-items: center; 
    
    justify-content: center; 
    align-content: center; 
    justify-items: start; 
    align-items: stretch; 
  }

  .x2 > .attachment-before { grid-area: 'attachment-before'; }
  .x2 > .view-content { grid-area: 'view-content'; }
  
  
  #block-views-block-video-pplayer-video-player .views-row-0 {  
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: max-content max-content;
    grid-auto-rows: 1fr;
    gap: 2em 3em;
    grid-auto-flow: row;
    justify-content: center;
    align-content: center;
    justify-items: stretch;
    align-items: stretch;
    grid-template-areas:
      "views-field-field-24tv views-field-field-24tv-1"
      "views-field-field-24tv views-field-field-24tv-2";
  }

  #block-views-block-video-pplayer-video-player .views-field-field-24tv { grid-area: views-field-field-24tv; }

  #block-views-block-video-pplayer-video-player .views-field-field-24tv-1 { grid-area: views-field-field-24tv-1; }

  #block-views-block-video-pplayer-video-player .views-field-field-24tv-2 { grid-area: views-field-field-24tv-2; }



}

.
.full-body img {
  display: inline-block;
  max-width: 100% !important;
  width:auto;
  height:auto !important;
}


figure.has_video{
  position: relative;
}

.play-video-container {
    width: 100%;
    z-index: 12;
    position: absolute;
    /*top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
  bottom:1rem;
  left:1rem;
    text-align: center;
  text-align: left;
}

.play-video {
  background-color: #134985;
    display: inline-block;
    width: 70px;
    width: 3.5rem;
    height: 70px;
    height: 3.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #134985;
    position: relative;
    z-index: 14;
    text-align: center;
    line-height: 1;
}
figure.has_video:hover .play{
  border-color: transparent transparent transparent #134985;
}
figure.has_video:hover .play-video{
  border-color: #209bd7;
  background-color: #209bd7;
}

.play {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 34.6px;
    border-color: transparent transparent transparent #FFFFFF;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 18;
    left: 20px;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.full-body .full-body-inner {
  overflow-x: hidden;
}

.full-body .full-body-inner img{
  display: inline-block !important;
  max-width: 100% !important;
  height:auto !important;
}
.full-body .full-body-inner p{
  margin-right:0 !important;
  margin-left:0 !important;
}