/* CUSTOM STYLE CSS - MLNAR.RO */


#middlecontainer {
	background: url(//boaz.ro/cdn/0_gl/_ph/acacia.png) 100% 100% no-repeat;
}
#brand {
	background: url(//boaz.ro/cdn/0_gl/_ph/mason-logo.png) 50% 0 no-repeat;
	margin: 0 auto;
	height: 63px;
}
#bottom_bg {
	background: url(//boaz.ro/cdn/0_gl/_ph/chess.png) 50% 90% no-repeat;
	min-height: 11.5em;
}
#contact-mail-page {
	background: url(//boaz.ro/cdn/0_gl/_ph/myimg/contact_ph.png) no-repeat 100% -9px;
}

.mlg {
	margin: auto;
	background: url(//boaz.ro/cdn/0_gl/_ph/mason-logo.png) 0% 10% no-repeat;
}
.region-topreg {
  padding: 15px 20px 0;
  text-align: center;
}
.region-highlighted {
  padding: 0 20px 0;
}
.region-highlighted .block {
  margin: 0 !important;
}


/* ROUND USER & NODE PICTURE */
.field--name-user-picture img,
.node__content img {
  border-radius: 5px !important;
}


/* IMAGE POSITION for ALL CONTENT */
.field-item .pure-img, 
.colorbox .pure-img {
  float: left; /* LTR */
  margin: 0 1em 1em 0; /* LTR */
}


/* CENTERED BLOCK IMAGES */
.block img:not(.region-content img, .region-header img) {
  margin: 0 auto;
}


/*************/
/* SLIDESHOW */
/*************/
/* min height on mobiles */
#slider img {
	min-height: 10em;
}
/* Images animation */
/*
#slider img {
	animation-name: zoom;
	animation-duration: 30s;
	animation-iteration-count: infinite;
}
@keyframes zoom {
	0% {transform: scale(1)}
	50% {transform: scale(1.15)}
	100% {transform: scale(1)}
}*/


/********************************/
/* BORDER FOR NON-THEMED BLOCKS */
/********************************/
#sidebar-left .block, #sidebar-right .block {
	border: 1px solid #ddd;
}


/***************************/
/* INLINE LINKS & ADDTOANY */
/***************************/
.addtoany_list, .node__links {
	display: inline-block;
}
.addtoany_list:before {
  content: "Share ";
  font-weight: bold;
}


/************************/
/* EU COOKIE COMPLIANCE */
/************************/
div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
	/*background: #069;*/
	background: linear-gradient(to right, transparent, 10%, #000, 90%, transparent);
}
.popup-content {
  max-width: 45em;
  padding: 0 .5em;
  text-align: center;
}
.agree-button.eu-cookie-compliance-secondary-button {
	cursor: pointer;
	margin: 1em 0 0 1em;
	vertical-align: middle;
	overflow: visible;
	width: auto;
	-moz-box-shadow: inset 0 1px 0 0 #ffffff;
	-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
	box-shadow: inset 0 1px 0 0 #ffffff;
	background-color: #ededed;
	background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
	background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	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 ***/

.node__submitted,
p.comment__submitted,
.submitted {
  text-align: right;
  font-style: italic;
}
.view-taxonomy-term .page-title,
.region-content .field--name-fid a,
.region-content .field--name-body a,
.region-content .item-description a { /* radut */
  color: #900;
}
/* basic page */
.admin.node-page h1,
.add.page h1,
.node-page.edit h1 {
  background-color: #eee;
}
.node-page .book-add-child {
  display: none;
}
.topper {
  float: none;
  width: 100%;
  max-height: 20em;
  margin: 0 0 2em;
  object-fit: cover;
  mask-image: -webkit-gradient(linear, right top, left bottom, 
    color-stop(0.40,  rgba(0,0,0,1)),
    color-stop(0.95,  rgba(0,0,0,0)));
}
.field--name-field-ref .field__label,
.field--name-field-ref .field__item {
  float: none;
  display: inline-block;
}
.node__content .field--name-field-ref {
  font-style: italic;
  font-size: 90%;
}
.node__content .field--name-field-ref p {
  margin: 0;
}
.node__content .field--type-file,
.node__content .field--name-field-ref {
  padding: 0 0 1em;
}
/* Languages + Search */
.region-topreg .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
/* Poll */
.poll .bar .foreground {
  background-color: #069;
  height: 0.7em;
}

/* Hovers + team + front */ 

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


/* === YO ===*/

.dashed {
	border-bottom: 1px dashed #ddd;
}
.center, .centre {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.eleft .colorbox .pure-img,
.eright .colorbox .pure-img {
  margin: 0;
}
.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;
}

/* === li CSS */
ul.blue li::marker {color:#1f8dd6;}
ul.yellow li::marker {color:#fad232;}
ul.orange li::marker {color:#f37b1d;}
ul.red li::marker {color:#dd514c;}
ul.green li::marker {color:#5eb95e;}
ul.purple li::marker {color:#8058a5;}
ul.grey li::marker {color:#55655d;}


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

@media screen and (max-width: 64em) {
/* HEADER IMAGE */
	.himg #headimg, #headimg {
		/*background: #fff url(../images/mobi-sq.png) repeat;*/
		background: none;
	}
	.mlg {
		background: none;
	}
	.logoimg {
    padding: 0 10px;
  }
  .region-topreg {
    width: 100%;
    padding: 5px 5px 0;
    text-align: right;
  }
}
@media screen and (max-width: 48em) {
  .region-topreg #edit-submit {
    display: none;
  }
  div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  	background: #000;
  }
}
@media screen and (max-width: 35.5em) {
  /*.logoimg {
    display: none;
  }*/
  .node__content .colorbox .pure-img,
  .node__content .eleft, 
  .node__content .eright {
    width: 99%;
  }
}


/*************************************/
/* Sidebars' blocks adaptive display */
/*************************************/
@media screen and (max-width: 64em) {
	#sidebar-left .block-wrapper,
	#sidebar-right .block-wrapper {
		width: 48%;
		padding: 0 1.5% 0 0;
		display: inline-block;
		vertical-align: bottom;
	}
}
@media screen and (max-width: 48em) {
	#sidebar-left .block-wrapper,
	#sidebar-right .block-wrapper {
		width: 100%;
		padding: 0;
		display: block;
	}
}