/*
se - structural engineer
sc - steel construction
wf - window frames
pc - precast concrete
*/

.mx-light-blue .color-content,
.mx-light-blue.color-content {
  background: #00b2ec;
}

.structural-engineers .color-content,
.structural-engineers.color-content {
  background: #f39200;
}

.structural-engineers.content-overlay {
	background: #f39200;
	color:white;
}

input.submit.inverse-fill-se,
.button.inverse-fill-se,
.structural-engineers.button.inverse-fill,
.structural-engineers input.submit.inverse-special-fill,
.structural-engineers .button.inverse-special-fill {
  background: #f39200;
  border: solid 1px #fff;
  color: #fff;
}

input.submit.inverse-fill-se:hover,
.button.inverse-fill-se:hover,
.structural-engineers.button.inverse-fill:hover,
.structural-engineers input.submit.inverse-special-fill:hover,
.structural-engineers .button.inverse-special-fill:hover {
  background: #fff;
  border: solid 1px #f39200;
  color: #f39200;
}

.steel-construction .color-content,
.steel-construction.color-content {
  background: #3badb6;
}

.steel-construction.content-overlay {
	background: #3badb6;
	color:white;
}

input.submit.inverse-fill-sc,
.button.inverse-fill-sc,
.steel-construction.button.inverse-fill,
.steel-construction input.submit.inverse-special-fill,
.steel-construction .button.inverse-special-fill {
  background: #3badb6;
  border: solid 1px #fff;
  color: #fff;
}

input.submit.inverse-fill-sc:hover,
.button.inverse-fill-sc:hover,
.steel-construction.button.inverse-fill:hover,
.steel-construction input.submit.inverse-special-fill:hover,
.steel-construction .button.inverse-special-fill:hover {
  background: #fff;
  border: solid 1px #3badb6;
  color: #3badb6;
}

.windowframe .color-content,
.windowframe.color-content {
  background: #c7d301;
}

.windowframe.content-overlay {
	background: #c7d301;
	color:white;
}

input.submit.inverse-fill-wf,
.button.inverse-fill-wf,
.windowframe.button.inverse-fill,
.windowframe input.submit.inverse-special-fill,
.windowframe .button.inverse-special-fill {
  background: #c7d301;
  border: solid 1px #fff;
  color: #fff;
}

input.submit.inverse-fill-wf:hover,
.button.inverse-fill-wf:hover,
.windowframe.button.inverse-fill:hover,
.windowframe input.submit.inverse-special-fill:hover,
.windowframe .button.inverse-special-fill:hover {
  background: #fff;
  border: solid 1px #c7d301;
  color: #c7d301;
}

.precast-concrete .color-content,
.concrete-factory .color-content,
.precast-concrete.color-content,
.concrete-factory.color-content {
  background: #808080;
}

.concrete-factory.content-overlay {
	background: #808080;
	color:white;
}

input.submit.inverse-fill-pc,
.button.inverse-fill-pc,
.concrete-factory.button.inverse-fill,
.precast-concrete input.submit.inverse-special-fill,
.precast-concrete .button.inverse-special-fill,
.concrete-factory input.submit.inverse-special-fill,
.concrete-factory .button.inverse-special-fill {
  background: #808080;
  border: solid 1px #fff;
  color: #fff;
}
input.submit.inverse-fill-pc:hover,
.button.inverse-fill-pc:hover,
.concrete-factory.button.inverse-fill:hover,
.precast-concrete input.submit.inverse-special-fill:hover,
.precast-concrete .button.inverse-special-fill:hover,
.concrete-factory input.submit.inverse-special-fill:hover,
.concrete-factory .button.inverse-special-fill:hover {
  background: #fff;
  border: solid 1px #808080;
  color: #808080;
}

.structural-engineers h3 .concrete-factory,
.structural-engineers h3 .steel-construction,
.structural-engineers h3 .windowframe,
.concrete-factory h3 .structural-engineers,
.concrete-factory h3 .steel-construction,
.concrete-factory h3 .windowframe,
.steel-construction h3 .structural-engineers,
.steel-construction h3 .concrete-factory,
.steel-construction h3 .windowframe,
.windowframe h3 .structural-engineers,
.windowframe h3 .concrete-factory,
.windowframe h3 .steel-construction,
.structural-engineers .pc-only,
.structural-engineers .sc-only,
.structural-engineers .wf-only,
.concrete-factory .se-only,
.concrete-factory .sc-only,
.concrete-factory .wf-only,
.steel-construction .se-only,
.steel-construction .pc-only,
.steel-construction .wf-only,
.windowframe .se-only,
.windowframe .pc-only,
.windowframe .sc-only

{
	display: none;
}

.structural-engineers h3 .structural-engineers,
.steel-construction h3 .steel-construction,
.windowframe h3 .windowframe {
	display: inline !important;
}

/* -----------------------------------------------------------------------------------
/ Basic Page
/-----------------------------------------------------------------------------------*/
article.node--type-page .simple-page {
	text-align: justify;
	padding: 0 30px;
	list-style-position: inside;
}

/* -----------------------------------------------------------------------------------
/ Article
/-----------------------------------------------------------------------------------*/
article.node--type-article p {
	text-align: justify;
}

article.node--type-article.node--view-mode-full {
	border-bottom: solid 1px #ababab;
}

article.node--type-article .field--type-image {
	float:left;
	margin: 20px;
}

@media only screen and (max-width: 768px) {
	article.node--type-article .field--type-image {
		float:none;
		margin: 0;
	}
	article.node--type-article .field--type-image img { 
		display: block;
		margin: 20px auto;
	}
}
/*
article.node--type-article .field--type-image img {
	display: block;
	margin: 20px auto;
}
*/

/* -----------------------------------------------------------------------------------
/ Customer Experiance
/-----------------------------------------------------------------------------------*/
article.node--type-customer-experience p {
	text-align: justify;
}

/* article.node--type-customer-experience commented because of about strusoft chapter */
.avatar-wrap img.image-style-customer-photo {  
	width: 100%;
    height: auto;
	max-width:300px;
	max-height:300px;
}

/* -----------------------------------------------------------------------------------
/ Careers
/-----------------------------------------------------------------------------------*/
img.circular {
    border-radius: 50%;
    width: 300px;
    height: 300px;
    object-fit: cover;
}

/* -----------------------------------------------------------------------------------
/ Downloads
/-----------------------------------------------------------------------------------*/
article.node--type-product-release/*.node--view-mode-teaser */ .field--type-link,
.node--type-product-release/*.node--view-mode-teaser */ .field--name-field-links .field__item {
	float:left;
	margin-right:20px;
}

article.node--type-product-release/*.node--view-mode-teaser */ .product-icon {
	float:left;
	margin:20px;
}

article.node--type-product-release/*.node--view-mode-teaser */ .product-data {
	display:grid;
}

article.node--type-product-release/*.node--view-mode-teaser */ h2 {
	margin-bottom:5px;
}

/* -----------------------------------------------------------------------------------
/ Events
/-----------------------------------------------------------------------------------*/
.node--type-event .node__content {
	
}
.node--type-event .field { margin: 0 20px; }
.node--type-event .field--name-field-logo { float:left; }
.node--type-event .field--name-field-website { margin-left: 340px; }
.node--type-event .field--name-field-website .button { margin-top: 0px; }

/* -----------------------------------------------------------------------------------
/ Webinars
/-----------------------------------------------------------------------------------*/
.node--type-webinar .node__content {
	
}
.node--type-webinar .field { margin: 0 20px; }
.node--type-webinar .field--name-field-image { float:left; }
.node--type-webinar .field--name-body.clearfix:after { clear:none; }
.node--type-webinar .node__links li.node-readmore { margin-left:0; padding-left: 0; }

.node--type-webinar.node--view-mode-full .field--name-field-image, 
.node--type-webinar.node--view-mode-full .field--name-field-date-time,
.node--type-webinar.node--view-mode-full .field--name-body {
	display: inline-block;
}

.node--type-webinar.node--view-mode-full .field--name-body {
	max-width: 600px;
}

/* .node--type-webinar .field--name-field-website { margin-left: 340px; }
.node--type-webinar .field--name-field-website .button { margin-top: 0px; } */

/* -----------------------------------------------------------------------------------
/ Book
/-----------------------------------------------------------------------------------*/
.book-navigation .book-pager .book-pager__item--previous,
.book-navigation .book-pager .book-pager__item--next {
	display:none;
}

article.node--type-book p {
  margin: 0;
  padding: 0;
}

footer.node__meta {
	text-align:right;
	display:block;
	padding-bottom: 1em;
	overflow:hidden;
}

footer.node__meta .book-meta {
	display:block;
	float:right;
	margin-left: 0.5em;
	opacity: 0.5;
}

footer.node__meta .icon-link:hover {
	opacity: 1.0;
}

footer.node__meta a:hover {
	color: #0081c8;
}

footer.node__meta .copy-link .link-copied {
	margin-right: 0.5em;
	opacity: 0.5;
}

footer.node__meta .copy-link .link-copied textarea1 {
	visibility: hidden;
	height: 0px;
}

@media only screen and (max-width: 768px) {
	.node--type-event .field--name-field-logo { float:none; }
	.node--type-event .field--name-field-website { margin-left: 20px; }
}