/* CUSTOM STYLE CSS (ABC 2.0.x) - ANDIA */
/* 
#c09; pink
#390; green
#f60; orange
#069; blue
#444; grey
*/

#brand {
	background: url("/themes/abc/_custom/logo/grey/abc.png") 50% 0 no-repeat;
	background-size: 48px 32px;
	margin: 0 auto 1em;
	height: 50px;
}


/* IMAGE POSITION for ALL CONTENT */
.node__content .field--type-image img {
  float: inline-start;
  margin-block: 0.6rem;
  margin-inline: 0.6rem;
}

/* IMAGE POSITION per CONTENT TYPE rendered by Drupal */
/*
.node--type-book .node__content .field--type-image img {
  float: inline-end;
  margin-block: 0.6rem;
  margin-inline: 0.6rem;
}
*/

/* Float Body images, including manually inserted images; Media galleries remain independent. */
/*
.node__content .field--name-body .pure-img {
  float: inline-start;
  margin-block: 0 1rem;
  margin-inline: 0 1rem;
}
*/


/* CENTERED BLOCK IMAGES */

.block img:not(.region-content img, .region-header img) {
	margin: 0 auto;
}
.block.block-views-blocktestimonials-view-block-1 .pure-img {
  float: right;
  margin: 0 0 1em 1em;
  border-radius: 100%;
}



/* SLIDESHOW */

/* Images animation */
#slider .slide-image {
  animation: abc-andia-zoom 30s infinite;
}
@keyframes abc-andia-zoom {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}


/* EU COOKIE COMPLIANCE */

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
	background: #069;
}
.agree-button.eu-cookie-compliance-secondary-button {
	cursor: pointer;
	margin-right: 5px;
	margin-top: 1em;
	vertical-align: middle;
	overflow: visible;
	width: auto;
	box-shadow: inset 0 1px 0 0 #ffffff;
	background-color: #ededed;
	background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	color: #000;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 4px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #ffffff;
}


/*** PAGES ***/

.region-content .field--name-fid a,
.region-content .field--name-body a,
.region-content .item-description a { /* radut */
	/*font-weight: bold;*/
	color: #c09;
}
.addtoany_list, .node__links {
	display: inline-block;
}
.addtoany_list:before {
	content: "Share ";
	font-weight: bold;
}
/* basic page */
.admin.node-page h1,
.add.page h1,
.node-page.edit h1 {
	background-color: #eee;
}
.node--type-page .book-add-child {
	display: none;
}
.topper {
	float: none;
	width: 100%;
	max-height: 20em;
	margin: 0 0 2em;
	object-fit: cover;
}

/* Inquiry */
.inquiry label {
	display: block;
}
.inquiry .webform-submission-form {
	border: 1px solid #ddd;
	background-color: rgba(238, 238, 238, 0.5);
	padding: 20px;
}
 .inquiry.rnd .webform-submission-form {
	border-radius: 5px;
}


/* Hovers + team + front */ 

.hov-zoom-in figure img {
	transform: scale(1);
	transition: .3s ease-in-out;
}
.hov-zoom-in figure:hover img {
	transform: scale(1.3);
}
.hov-zoom-out figure img {
	transform: scale(1.5);
	transition: .3s ease-in-out;
}
.hov-zoom-out figure:hover img {
	transform: scale(1);
}
.hov-grey figure img {
	filter: grayscale(100%);
	transition: .3s ease-in-out;
}
.hov-grey figure:hover img {
	filter: grayscale(0);
}

figure {
	margin: 0;
}

/* Poll */
.poll .bar .foreground {
	background-color: #069;
	height: 0.7em;
}


/* === YO ===*/

.dashed {
	border-bottom: 1px dashed #ddd;
}
.center,
.centre {
  margin-inline: auto;
  text-align: center;
}
img.center,
img.centre {
  display: block;
  float: none;
}
.eleft {
	max-width: 100%;
	height: auto;
	display: block;
	/*end pure-img*/
	float: left;
	margin: 0 1em 1em 0;
}
.eright {
	max-width: 100%;
	height: auto;
	display: block;
	/*end pure-img*/
	float: right;
	margin: 0 0 1em 1em;
}
.txright {
	text-align: right;
}
.txleft {
	text-align: left;
}
/*.node__content p:first-of-type,*/
.introp {
	font-size: 120%;
}
.my-inline {
	display: inline-block;
	vertical-align: top;
}


/*** MEDIA SCREENS (35.5, 48 & 64em) ***/

@media screen and (width < 64em) {
  #bg1, #bg2, .bgs, .bgf {
    background: none !important;
  }
}	


@media screen and (width < 48em) {
  /* min height on mobiles */
  #slider .slide-image {
    min-height: 12rem;
    object-fit: cover;
  }
}

@media screen and (width < 35.5em) {
  .node__content .field--name-body :is(.eleft, .eright, .align-left, .align-right) {
    float: none;
    margin-inline: auto;
  }
  .node__content .field--name-body :is(.eleft, .eright, .align-left, .align-right):not(img) {
    display: block;
    width: fit-content;
    max-width: 100%;
  }
  .node__content .field--name-body img:not(.topper) {
    display: block;
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  #slider .slide-image {
    animation: none;
  }
  .hov-zoom-in figure img,
  .hov-zoom-in figure:hover img,
  .hov-zoom-out figure img,
  .hov-zoom-out figure:hover img {
    transform: none;
    transition: none;
  }
  .hov-grey figure img {
    transition: none;
  }
}