/* ------------------------------------------------------------ *\
	Section Blocks
\* ------------------------------------------------------------ */

.section-blocks .section__head { text-align: center; }
.section-blocks .section__title  { margin-bottom: 40px; font-size: 36px; font-weight: 700; }

/* Responsive */
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.section-blocks .section__title  { font-size: 33px; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.section-blocks .section__title  { font-size: 28px; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.section-blocks .section__title  { font-size: 22px; }
}

/* ------------------------------------------------------------ *\
	Blocks
\* ------------------------------------------------------------ */

.blocks { display: flex; font-size: 0; flex-wrap: wrap; padding: 0; margin: -10px 0 0 -10px; }
.block { text-align: center; display: inline-block; margin: 40px 0; flex-grow: 1; color: #111; }
.block p { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; }
.block a { color: inherit; text-decoration: none; }
.block img { transition: 0.3s; }
.block a:hover { text-decoration: underline; color: #fb7203; }
.block img:hover { opacity: 0.7; }

.blocks.logo-blocks { justify-content: center; }

.blocks.text-blocks .block { display: flex; padding: 0; margin: 0; transition: 0.3s; }

.blocks.text-blocks { width: 99.99%; border-top: 2px solid #ee7421; }
.blocks.text-blocks .block { border: solid #ee7421; border-width: 0 2px 2px 0; }

.blocks.text-blocks .block a { display: flex; justify-content: center; flex: 0 0 100%; padding: 40px 0; align-items: center; }
.blocks.text-blocks .block a:hover { color: #fff; text-decoration: none; }
.blocks.text-blocks .block:hover { background: #ee7421; color: #fff; }
.blocks.text-blocks .block .block__body { line-height: 24px; }

.blocks .block.block--name { padding: 40px 0; text-align: center; }
.blocks .block.block--name p { width: 100%; }

/* Block Size Modificators */
.block.block--size-1of2 { flex: 0 0 50%; }
.blocks.text-blocks .block.block--size-1of2:nth-child(2n+1) { border-width: 0 2px 2px 2px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.block.block--size-1of2 { flex: 0 0 49.73%; }
}

.block.block--size-1of3 { flex: 0 0 33.333%; }
.blocks.text-blocks .block.block--size-1of3:nth-child(3n+1) {  border-width: 0 2px 2px 2px;  }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.block.block--size-1of3 { flex: 0 0 33.09%; }
}

.block.block--size-1of4 { flex: 0 0 25%; }
.blocks.text-blocks .block.block--size-1of4:nth-child(4n+1) { border-width: 0 2px 2px 2px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.block.block--size-1of4 { flex: 0 0 24.78%; }
}

/* Responsive */
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.blocks { margin: 0; }
	.blocks.text-blocks { border-left: 2px solid #ee7421; }

	.blocks.text-blocks .block--size-1of4,
	.block--size-1of4 { flex: 0 0 33.333%; }

	.blocks.text-blocks .block.block--size-1of2:nth-child(2n+1),
	.blocks.text-blocks .block.block--size-1of3:nth-child(3n+1),
	.blocks.text-blocks .block.block--size-1of4:nth-child(3n+1),
	.blocks.text-blocks .block.block--size-1of4:nth-child(4n+1) { border-width: 0 2px 2px 0; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.blocks { margin: 0; }
	.blocks.text-blocks { border-left: 2px solid #ee7421; }

	.block.block--size-1of2,
	.block.block--size-1of3,
	.block.block--size-1of4 { flex: 0 0 50%; }

	.blocks.text-blocks .block.block--size-1of2:nth-child(2n+1),
	.blocks.text-blocks .block.block--size-1of3:nth-child(3n+1) { border-width: 0 0 0 0; }

	.blocks.text-blocks .block.block--size-1of3:nth-child(3n+1),
	.blocks.text-blocks .block.block--size-1of2:nth-child(2n+1),
	.blocks.text-blocks .block.block--size-1of3:nth-child(2n+1),
	.blocks.text-blocks .block.block--size-1of4:nth-child(2n+1) { border-width: 0 2px 2px 0 }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.blocks { margin: 0; }
	.blocks.text-blocks { border-left: 2px solid #ee7421; }

	.blocks.text-blocks .block.block--size-1of2:nth-child(2n+1),
	.blocks.text-blocks .block.block--size-1of3:nth-child(3n+1),
	.blocks.text-blocks .block.block--size-1of4:nth-child(4n+1) { border-width: 0 2px 2px 0; }

	.block.block--size-1of2,
	.block.block--size-1of3,
	.block.block--size-1of4 { flex: 0 0 50%; }

	.blocks.text-blocks .block.block--size-1of2,
	.blocks.text-blocks .block.block--size-1of3,
	.blocks.text-blocks .block.block--size-1of4 { flex: 0 0 100%; }
}

@media (max-width: 520px) {
	.block.block--size-1of2,
	.block.block--size-1of3,
	.block.block--size-1of4 { flex: 0 0 100%; }
}
