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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0.5rem!important;
  margin-bottom: 1rem!important;
}

a {
  color: rgba(70, 80, 92, 0.85)!important;
}
a.btn, button { border-radius: .3rem!important; }
#edit-submit-book-search--2.btn { 
  border-radius: 0!important; 
}

a.btn-primary,
a.btn-secondary {
  color: #fff!important;
}

.bkbreadcrumb {
  background-color: #e9ecef;
  padding: 0 0 0 0;
  margin-top: .25rem;
  margin-bottom: .25rem;
  margin-left:0;
  margin-right:0;
  overflow-x: hidden;
}
ol.breadcrumb {
  margin-bottom: .25;
  margin-block-end: 0;
}
.pagination {
  justify-content: center;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: top!important;
  font-size: 1.3rem;
}
.button.button--ultimenu {display: none; }
#fragTrag app-toolbar { display: none; }

.custom-select {min-width: 100px!important;}


.menu--account {
  font-size: 0.75rem;
}


#main {
  background-color: rgba(0, 0, 0, 0.05);
}
#block-teststore-content .content {
  margin-bottom: 50px;
  margin-top: 40px;
}
.maincontent {
  min-height: 60vh;
  background-color: rgba(255, 255, 255, 1);
  padding: 15px 15px;
  margin-top: 15px;
  margin-bottom: 30px;
}

.navbar-brand  img {
   max-height: 50px;
}

.affix .navbar-brand  img {
  max-height: 50px;
}


/* NAVBAR TOP  */
#navbar-top .nav-link  {
  color: rgba(255, 255, 255, 1)!important;
}

.cart-offcanvas {
  z-index: 1050;
}

.topCartBlk {
  padding-right: 1em;
  padding-left: 1em;
}  

#navbar-main.affix {
  top: 50px;
  /* background-color: rgba(255, 255, 255, 0.9)!important; */
}

.cart-flyout .cart-block--summary__icon img {
  padding-top: 0.2em;
}

/* ULTIMENU */
#header .ultimenu--hover .ultimenu__flyout, #footer .ultimenu--hover .ultimenu__flyout, .sidebar .ultimenu__flyout {
  min-width: 60vw;
  position: absolute;
  left: -20vw;
  right: 10vw;
}
#ultimenu-main  .ultimenu__flyout .block {
  width: 100%;
}
.has-ultimenu .caret {
  display: none;
}
/* CAROUSEL */
.slideShow {
  position: relative;
/*  min-height: 55vh; */
  margin-left: 0!important;
  margin-right: 0!important;
  overflow-x: hidden;
  background-image: url(/sites/default/files/bg1.jpg);
  background-size: cover;
  /* background: linear-gradient(90deg, rgba(39,128,227,1) 0%, rgba(39,128,227,0.52) 57%, rgba(39,128,227,0.10) 100%); */
  box-shadow:inset 0 0 0 2000px rgba(1, 107, 131,0.3); 

}

#slideShow section.row .content {
 position: relative;
 min-width: 100vw;
}
#slides {
  position: relative;
/*  min-height: 53vh; */
  margin-left: 0!important;
  margin-right: 0!important;
}

.slideOutCol {
  padding-top: 2em;
  padding-bottom: 1em;
  height: 100%;
}
#slidesPages {
  height: 50vh;
  margin-top: 25px;
  color: #ffffff;
}
#slidesPages p,
#slidesPages h4>a,
#slidesPages h2>a {
  color: #ffffff !important;
}

#slidesPages .imgShadow .img-fluid {
  margin-bottom: 40px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}


#slidesPages h2 {
  font-size: 1.275rem;
}
#slidesPages h4 {
  font-size: 1.08625rem;
}
#slidesPages p, a.btn {
  font-size:  0.7575rem;
}
#slidesPages p.lead {
  font-size: 0.871875rem;
}

  .slideTextCat {
    display: none;
  }


/* REORDER CAROUSEL SLIDES*/


a.tabledrag-handle .handle {
   padding: 1.4em 1.4em;
}


/* BOOK CATEGORIES FRONT   */
#bkCats.row {
  margin-left: 0!important;
  margin-right: 0!important;
  background-color: rgba(0, 0, 0, 0.05);
  overflow-x: hidden;
  padding-bottom: 25px;
}
#bkCats .catBkBlkTtlCol,
#bkSelectCats .catBkBlkTtlCol {
  border-bottom : 1px solid rgba(70, 80, 92, 0.85);
}
#bkCats .bkCatCard {
  max-width: 100%;
  padding: 1em;
  background-color: transparent;
}
#bkCats .bkCatCard img {
  max-width: 50%;
}



#bkCatalog {
  position: relative;
  min-height: 40vh;
  max-height: 50vh;
  margin-left: 0!important;
  margin-right: 0!important;
  overflow-x: hidden;
  background-image: url(/sites/default/files/announces/books-1_1.jpg);
  background-size: cover;
  /* background: linear-gradient(90deg, rgba(39,128,227,1) 0%, rgba(39,128,227,0.52) 57%, rgba(39,128,227,0.10) 100%); 
  box-shadow:inset 0 0 0 2000px rgba(1, 107, 131,0.3); */
}

#bkCatalog .bkCatalogCol {
  box-shadow:inset 0 0 0 2000px rgba(192, 196, 197,0.15);
}

/* TO BE PUBLISHED FRONT  */
#bk2bPub.row, 
#bk2bPub .row{
  margin-left: 0!important;
  margin-right: 0!important;
  overflow-x: hidden;
}

#bk2bPub.row {
  padding-top: 40px;
  min-height: 33vh;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background:linear-gradient(65deg, transparent 45%, white 45%), url(/sites/default/files/pressLetters03.jpg);
  background-size:auto auto, cover;
}
#block-views-block-books-to-be-published-block-1 {
  background-color: rgba(255, 255, 255, 0.75);
  padding-left: 15px;
  padding-right: 15px;
}
/* NEWLY PUBLISHED BOOKS */
#bkNewPub.row,
#bkNewPub .row{
  margin-left: 0!important;
  margin-right: 0!important;
  overflow-x: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f7f7f7;
}

#bkNewsletter.row {
  margin-left: 0!important;
  margin-right: 0!important;
  overflow-x: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
}

.newsletterRow {
  background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgb(45 143 167 / 81%) 100%);
  border-radius: 10px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.19);
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.19);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.19);
}


/* Book Card  */

#bkcardid .bkcard {
  border: none;

}

#bkcardid .card-image {
  height: 60%;
  position: relative;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

#bkcardid .card-image img {
  width: 100%;
  height: 100%; 
}

#bkcardid .img-fluid {
  margin-left: 15px;
  margin-right: 15px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}


/* Card Image Background Anumated  */

.cardbgimg {
  color: #fff;
  padding: 10rem 0 0;
  max-width: 35ch;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: transform 500ms ease;
}


.cardbgimg:hover,
.cardbgimg:focus-within {
  transform: scale(1.03);

}

.cardbgimg-content {
  --padding: 1.5rem;
  padding: var(--padding);
  background: linear-gradient( hsl(0 0% 0% / 0), 
    hsl(20 0% 0% / 0.2) 20%, 
    hsl(0 0% 0% / 1)
  );
  transform: translateY(65%);
  transition: transform 500ms ease;
}

.cardbgimg:hover .cardbgimg-content,
.cardbgimg:focus-within .cardbgimg-content  {
 transform: translateY(0);
 transition-delay: 500ms;
}

.cardbgimg:focus-within .cardbgimg-content  {transition-duration: 0;}

.cardbgimg-content > *:not(.cardbgimg-title) {opacity: 0; transition: opacity 500ms linear;}
.cardbgimg:hover .cardbgimg-content > * , 
.cardbgimg:focus-within > * { 
  opacity: 1; 
  transition-delay: 1000ms; 
}

.cardbgimg-title {
  position : relative;
  width: max-content;
  max-width: 100%;
/*  outline: 1px solid red; */
}


.cardbgimg-title::after {
  content:"";
  position: absolute;
  left: calc(var(--padding) * -1);
  bottom: 0;
  width: calc(100% + var(--padding));
  height: 3px;
  background: #cacaca;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 500ms ease;
}

.cardbgimg:hover .cardbgimg-title::after,
.cardbgimg:focus-within .cardbgimg-title::after{
  transform: scaleX(1);
}


/* Book Page */

.bkimage {
  padding: 25px;
}
.bkimage .img-fluid {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.bkinfo {
  padding-left: 15px;
  padding-right: 25px;
}

.ecf-open, .ecf-close {
  font-weight: bold;
  text-decoration: underline;
}

#bookNav .nav-tabs a {
  color: rgb(55, 58, 60)!important;
}

#bookNav .bookDsAth {
  background-color: rgba(233, 236, 239);
}
.pagePriceQnty {
  border-top: 1px solid rgba(222,222,222,0.8);
  padding-top: 1em; 
  margin-top: 1.5em;
}

.pagePrice {
  border-top: 1px solid rgba(222,222,222,0.8);
  padding-top: 1em;

}
.pagePriceBot {
  border-bottom: 1px solid rgba(222,222,222,0.8);
  padding-bottom: 1em;
}

/* Pruduct Page  */
#block-teststore-content ul.shs>li.list-group-item {
  border: none;
}


/* Announce Page */
#block-views-block-announces-page-images-block-1 .hideBlock {
  display: none;
}

/*
#block-views-block-announces-page-images-block-1 {
  display: none;
}
*/

#block-views-block-announces-page-images-block-1,
#block-views-block-announces-page-images-block-2{
  margin-bottom: 20px;
}

.slick-next {
  right: 25px!important;
}
.slick-prev {
  left: 25px!important;
  z-index: 100;
}


/* Author Page */
.authorCVclass .field__label {
  font-size: 140%;
  font-weight: lighter;
  margin-bottom: 1em;
}


/* Authors Alphabeticcal  */

.athorAlphabet>.row {
 display: block;
 text-align: center;
 font-size: large;
 padding-bottom: 1em;
 border-bottom: 1px solid black;
 margin-bottom: 1em;
}

.athorAlphabetList > .row {
  display: block;
  font-size: large;
  padding-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid black;
  margin-bottom: 1em;
}

.authorBookTitle {
  padding-left: 15px;
}

.letterGrouping {
  padding: 0.5rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(132, 136, 138, 0.05)
}

/* PAGE CATEGORIES  */
.pageCatRow {
  border-bottom: 1px solid #cacaca;
}
.pageCatRowEven {
  background: rgba(132, 136, 138, 0.05)
}
.pageCatCol .card {
  background-color: transparent;
}

/*  CART */

.cart-offcanvas--right {
  height: 100%;
  width: 30em;
  right: 0;
  transform: translate3d(17em,0,0);
}

.cart-block--offcanvas-contents__links {
 margin-left: 20px
}


.cart-block--offcanvas-contents__links a {
  padding: 10px 10px;
  color: #fff!important;
  background-color:  rgb(40, 167, 69);
  border-color: rgb(40, 167, 69);
  border-radius: .3rem;
}

.view-commerce-cart-form .view-content.row .views-form {
  width: 100%;
}

.view-commerce-cart-form .form-actions {
  padding-left: 15px;
}

#edit-shipping-information-shipping-profile-edit-button, 
#edit-payment-information-billing-information .address-book-edit-button {
  margin-top: 2rem;
}

#edit-shipping-information-shipments {
  margin-top: 2rem;
}


/* USER FORM */

body.path-user .field--label-inline .field__label {
   width: auto;
}
body.path-user .field--label-inline .field__item {
  padding: 0.25rem 1rem;
 /* border-radius: 1rem; */
  background: none;
  min-width: auto;
  margin: 0.25rem 0;
}

body.path-user .field--label-above .field__item {
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background: #e9ecef;
  width: fit-content;
  margin: 0.25rem 0;
}

.customer-information .customer-information__shipping, 
.customer-information .customer-billing {
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}


.customer-information .customer-information__shipping>.field__label,
.customer-information .customer-billing>.field__label {
  font-size: 1.2em;
}

#edit-contact {
  display: none;
}

[aria-controls="edit-customer-profiles-0"] {
  font-size: 1.5em;
  background-color: #FAFAFA;
  margin-top: 40px;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
[aria-controls="edit-customer-profiles-0-entity-address-0"],
[aria-controls="edit-address-0"],
[aria-controls="parastatiko"] {
  font-size: 1.2em;
  background-color: #FAFAFA;
  margin-top: 40px;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* ORDERS CHECKOUT */

#edit-shipping-information,
#edit-grafeon-commerce-terms-checkbox {
  margin-bottom: 40px;
}

#edit-shipping-information>legend,
#edit-payment-information>legend,
#edit-grafeon-commerce-terms-checkbox>legend {
  background-color: rgba(141, 142, 144, 0.1);
  padding: 10px 0 10px 3px;
}

.form-item-grafeon-commerce-terms-checkbox-terms-and-conditions-checkbox-terms-and-conditions {
  margin-top: 15px;
  margin-bottom: 15px;
}

.astred {
  color: red;
}

/* USER ORDERS */
.view-commerce-user-orders>.row {
  margin-left: 15px!important;
  margin-right: 15px!important;
}

/* ORDER ADMIN */

.log-comment-form {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fcfcfa;
}

details summary {
  padding: 0.95em 1.45em;
}

.seven-details__wrapper {
  padding: 0 1.5em 1em 1.5em;
}


#log-comment-form summary {
  
}



/* YPOVOLI ERGOU  */

#node-ypoboli-ergoy-form .grpDetails,
#node-ypoboli-ergoy-edit-form .grpDetails{
  border: 1px solid rgba(204, 204, 204, 0.5);
  margin-bottom: 1em;  
}

#node-ypoboli-ergoy-form label,
#node-ypoboli-ergoy-form summary,
#node-ypoboli-ergoy-edit-form label, 
#node-ypoboli-ergoy-edit-form summary {
  font-weight: 300;
  font-size: 1.2rem;
}
#node-ypoboli-ergoy-form .grpDetails .details-wrapper,
#node-ypoboli-ergoy-edit-form .grpDetails .details-wrapper {
   padding: 0.95em 1.45em;
   background-color: rgba(204, 204, 204, 0.1);
}
#node-ypoboli-ergoy-form .grpDetails h4,
#node-ypoboli-ergoy-edit-form .grpDetails h4 {
  font-size: 1.06rem;
  margin-bottom: 0.1rem!important;
  margin-top: 0;
}

#node-ypoboli-ergoy-edit-form .layout-region-node-secondary { display: none;}

#edit-field-chrimatodotisi-meroys--wrapper legend,
#edit-field-chrimatodotisi-meroys--wrapper .form-item-field-chrimatodotisi-meroys .custom-control-label {
  font-size: 1.06rem;
}

img.previewThump {
  max-width: 250px;
}

.subBookDisp .field__label {
  font-weight: 600;
  color: #3c3c3c;
}

.grpDispDetails {
  border: border: 1px solid rgba(204, 204, 204, 0.5);
  margin-bottom: 1em;
}
.grpDispDetails summary {
  font-weight: 300;
  font-size: 1.2rem;
  padding: 0.95em 0.2em;
}


/* FOOTER */
.site-footer {
  background: #373a3c!important;
}
.site-footer p,
.site-footer a {
  color: #ffffff!important;
}
.site-footer__top h2 {
  border-bottom: none;
  font-size: 1.2em;
  text-transform: none;
}

#bkFooterTop .block {
  border: none;
}

#bkFooterTop .block>h2 {
  margin-bottom: 15px;
}

#block-footereppcontact img.img-fluid {
  max-width: 255px;
}


button {
  font-size: 0.7rem!important;
}

#edit-ship, 
#edit-cancel {
  margin-bottom: 0.3rem;
}

.js td .dropbutton-multiple {
  padding-right: 2em;
  margin-right: 2em;
  max-width: 100%;
}


header.header>div[style*="height: 50px;"],
header.header>div[style*="height: 51.2px;"],
header.header>div[style*="height: 82.5px;"],
header.header>div[style*="height: 119.2px;"] {
  display: none;
}


@media (min-width: 576px) {
/*  .slideshow {
    min-height: 55vh;
  }
  #slides {
    min-height: 53vh;
  }
*/
  #slidesPages h2 {
    font-size: 1.375rem;
  }
  #slidesPages h4 {
    font-size: 1.18625rem;
  }
  #slidesPages p, a.btn {
    font-size:  0.8575rem;							      
  }
  #slidesPages p.lead {
    font-size: 0.971875rem;
  }
}

@media (min-width: 768px) {
  #bkpage .bkdetails {
     border-left: 1px solid #969696;
  }
/*  .slideshow {
    min-height: 55vh;
  }
  #slides {
    min-height: 53vh;
  }
*/
  #slidesPages h2 {
    font-size: 1.375rem;
  }	
  #slidesPages h4 {
    font-size: 1.18625rem;
  }
  #slidesPages p, a.btn {
    font-size:  0.8575rem;
  }
  #slidesPages p.lead {
    font-size: 0.971875rem;
  }
  button {
    font-size: 0.75rem;
  }
}
@media (max-width: 992px) {
  #block-teststore-account-menu li.nav-item a.nav-link span.link-text {display: none;}
}

@media (min-width: 992px) {
  #header .has-ultimenu .ultimenu__flyout, #footer .ultimenu--hover .ultimenu__flyout, .sidebar .ultimenu__flyout {
    min-width: 95vw;
    position: absolute;
    left: -20vw;
    right: 5vw;
  }
  .ultimenu__flyout { background-color: transparent; }
  .ultimenu.is-ultihover .ultimenu__link {
    padding-right: 35px!important;
  }
  .has-ultimenu .caret {
    display: block;
  }
  #bkpage .bkdetails {
    border-left: 1px solid #969696;
  }
  .navbar-brand  img {
    max-height: 50px;
  }
/*  .slideshow {
    min-height: 55vh;
  }
  #slides {
    min-height: 53vh;
  }
*/
  #slidesPages h2 {
    font-size: 1.575rem;
  }
  #slidesPages h4 {
    font-size: 1.25625rem;
  }
  #slidesPages p, a.btn {
    font-size:  0.9075rem;
  }
  #slidesPages p.lead {
    font-size: 1.071875rem;
  }
  .slideTextCat {
    display: block;
  }
  .form-inline .form-control {
    max-width: 120px;
  }
  button {
    font-size: 0.85rem!important;
  }
  header.header>div[style*="height: 51.2px;"],
  header.header>div[style*="height: 50px;"] { 
    display: none;
  }
}
@media (min-width: 1024px) {
  #header .has-ultimenu .ultimenu__flyout, #footer .ultimenu--hover .ultimenu__flyout, .sidebar .ultimenu__flyout {
    min-width: 80vw;
    position: absolute;
    left: -20vw;
    right: 5vw;
  }
  .ultimenu.is-ultihover .ultimenu__link {
    padding-right: 25px!important;
  }
  button {
    font-size: 0.9rem!important;
  }
}	
@media (min-width: 1200px) {
  #ultimenu-main .has-ultimenu .ultimenu__flyout .ultimenu__region, #footer .ultimenu--hover .ultimenu__flyout, .sidebar .ultimenu__flyout {
    min-width: 80vw;
    position: absolute;
    left: -15vw;
    right: 10vw;
  }
  .ultimenu.is-ultihover .ultimenu__link {
      padding-right: 25px!important;
   }

  #bkpage .bkdetails {
    border-left: 1px solid #969696;
  }
  .navbar-brand  img {
    max-height: 50px;
  }


/*  .slideShow {
    min-height: 62vh;
  }

  #slides {
    min-height: 60vh;
  }
*/
  #slidesPages h2 {
    font-size: 1.875rem;
  }
  #slidesPages h4 { 
    font-size: 1.40625rem;
  }
  #slidesPages p, a.btn {
    font-size:  0.9375rem;
  }
  #slidesPages p.lead {
    font-size: 1.171875rem;
  }
  .slideTextCat {
    display: block;
  }
  .form-inline .form-control {
    max-width: 145px;
  }	  
  button {
    font-size: 1rem;
  }

}

@media (min-width: 1440px) {
  #header .has-ultimenu .ultimenu__flyout, #footer .ultimenu--hover .ultimenu__flyout, .sidebar .ultimenu__flyout {
    min-width: 70vw;
    position: absolute;
    left: -10vw;
    right: 10vw;
  }
  .ultimenu.is-ultihover .ultimenu__link {
    padding-right: 25px!important;
  }

  .navbar-brand  img {
    max-height: 60px;
  }

  .form-inline .form-control {
    max-width: 180px;
  }
  button {
    font-size: 1rem;
  }

}