/**
 * @file
 * Subtheme specific CSS.
 */

.navbar-brand{
   max-width:300px;
}

img{
   max-width:100%;
   height:auto;
}

body.page-node-2 #header,
body.page-node-2 .site-footer{
   display:none;
}

body.page-node-2 #main{
   height:100vh;
}

body.page-node-2 #main .row-offcanvas{
   position:relative;
   top:50%;
   transform:translateY(-50%);
}

body.page-node-2 #main .row-offcanvas .node__content{
   margin:0;
}


body.node--type-laheioforos .navbar-toggler,
body.node--type-laheioforos #CollapsingNavbar{
   display:none !important;
}

body.node--type-laheioforos #header .navbar>.container{
   justify-content: center;
}

body.node--type-laheioforos h1,
body.node--type-laheioforos .block > h2{
   text-align: center;
   margin-bottom:20px;
}

.view-logotypa-horigon .view-content{
   display:flex;
   text-align: center;
   justify-content: space-around;
   align-items: center;
}

.view-logotypa-horigon .view-content .views-row{
   width: auto;
   text-align: center;
   width:85%;
   padding:15px 10px;
}

body.node--type-laheioforos .block-system-main-block{
   display: inline-block;
   vertical-align: top;
   width:68%
}
#block-tritodimotiko-views-block-logotypa-horigon-block-1-2,
#block-tritodimotiko-views-block-logotypa-horigon-block-1{
   display: inline-block;
   vertical-align: top;
   width:15%;
   padding:10px;
}

table tr th{
   background:#003062;
}

table tr td{
   border-bottom:1px solid #003062;
}

table tr {
    background: rgba(0, 0, 0, 0.043);
}

@media all and (max-width:768px){
   #block-tritodimotiko-views-block-logotypa-horigon-block-1-2{
      display:none;
   }
   body.node--type-laheioforos .block-system-main-block,
   #block-tritodimotiko-views-block-logotypa-horigon-block-1{
      display: block;
      width:100%;
      padding:0;
   }
   body.node--type-laheioforos h1{
      font-size: 26px;
   }
   .view-logotypa-horigon .view-content .views-row{
      width:32%;
   }

}