/*!
Theme Name: BREATHE
Theme URI: https://thoughtandfound.co/
Author: Thought & Found
Author URI: https://thoughtandfound.co/
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
*/

@media screen and (min-width: 0) {
/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/
@font-face {
  font-family: 'suisse-works';
  src: url('./fonts/suisse-works/regular/SuisseWorks-Regular-WebS.eot');
  src: url('./fonts/suisse-works/regular/SuisseWorks-Regular-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-works/regular/SuisseWorks-Regular-WebS.woff2') format('woff2'),
       url('./fonts/suisse-works/regular/SuisseWorks-Regular-WebS.woff') format('woff'),
       url('./fonts/suisse-works/regular/SuisseWorks-Regular-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-works/regular/SuisseWorks-Regular-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-works';
	font-style: italic;
  src: url('./fonts/suisse-works/regular/SuisseWorks-RegularItalic-WebS.eot');
  src: url('./fonts/suisse-works/regular/SuisseWorks-RegularItalic-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-works/regular/SuisseWorks-RegularItalic-WebS.woff2') format('woff2'),
       url('./fonts/suisse-works/regular/SuisseWorks-RegularItalic-WebS.woff') format('woff'),
       url('./fonts/suisse-works/regular/SuisseWorks-RegularItalic-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-works/regular/SuisseWorks-RegularItalic-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-works';
	font-weight: 500;
  src: url('./fonts/suisse-works/medium/SuisseWorks-Medium-WebS.eot');
  src: url('./fonts/suisse-works/medium/SuisseWorks-Medium-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-works/medium/SuisseWorks-Medium-WebS.woff2') format('woff2'),
       url('./fonts/suisse-works/medium/SuisseWorks-Medium-WebS.woff') format('woff'),
       url('./fonts/suisse-works/medium/SuisseWorks-Medium-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-works/medium/SuisseWorks-Medium-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-works';
	font-style: italic;
	font-weight: 500;
  src: url('./fonts/suisse-works/medium/SuisseWorks-MediumItalic-WebS.eot');
  src: url('./fonts/suisse-works/medium/SuisseWorks-MediumItalic-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-works/medium/SuisseWorks-MediumItalic-WebS.woff2') format('woff2'),
       url('./fonts/suisse-works/medium/SuisseWorks-MediumItalic-WebS.woff') format('woff'),
       url('./fonts/suisse-works/medium/SuisseWorks-MediumItalic-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-works/medium/SuisseWorks-MediumItalic-WebS.svg') format('svg');
}
	
@font-face {
  font-family: 'suisse-works-book';
	font-style: italic;
	font-weight: 100;
  src: url('./fonts/suisse-works/book/SuisseWorks-BookItalic-WebS.eot');
  src: url('./fonts/suisse-works/book/SuisseWorks-BookItalic-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-works/book/SuisseWorks-BookItalic-WebS.woff2') format('woff2'),
       url('./fonts/suisse-works/book/SuisseWorks-BookItalic-WebS.woff') format('woff'),
       url('./fonts/suisse-works/book/SuisseWorks-BookItalic-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-works/book/SuisseWorks-BookItalic-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-intl';
  src: url('./fonts/suisse-intl/regular/SuisseIntl-Regular-WebS.eot');
  src: url('./fonts/suisse-intl/regular/SuisseIntl-Regular-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-intl/regular/SuisseIntl-Regular-WebS.woff2') format('woff2'),
       url('./fonts/suisse-intl/regular/SuisseIntl-Regular-WebS.woff') format('woff'),
       url('./fonts/suisse-intl/regular/SuisseIntl-Regular-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-intl/regular/SuisseIntl-Regular-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-intl';
	font-style: italic;
  src: url('./fonts/suisse-intl/regular/SuisseIntl-RegularItalic-WebS.eot');
  src: url('./fonts/suisse-intl/regular/SuisseIntl-RegularItalic-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-intl/regular/SuisseIntl-RegularItalic-WebS.woff2') format('woff2'),
       url('./fonts/suisse-intl/regular/SuisseIntl-RegularItalic-WebS.woff') format('woff'),
       url('./fonts/suisse-intl/regular/SuisseIntl-RegularItalic-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-intl/regular/SuisseIntl-RegularItalic-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-intl';
	font-weight: 500;
  src: url('./fonts/suisse-intl/medium/SuisseIntl-Medium-WebS.eot');
  src: url('./fonts/suisse-intl/medium/SuisseIntl-Medium-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-intl/medium/SuisseIntl-Medium-WebS.woff2') format('woff2'),
       url('./fonts/suisse-intl/medium/SuisseIntl-Medium-WebS.woff') format('woff'),
       url('./fonts/suisse-intl/medium/SuisseIntl-Medium-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-intl/medium/SuisseIntl-Medium-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-intl';
	font-style: italic;
	font-weight: 500;
  src: url('./fonts/suisse-intl/medium/SuisseIntl-MediumItalic-WebS.eot');
  src: url('./fonts/suisse-intl/medium/SuisseIntl-MediumItalic-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-intl/medium/SuisseIntl-MediumItalic-WebS.woff2') format('woff2'),
       url('./fonts/suisse-intl/medium/SuisseIntl-MediumItalic-WebS.woff') format('woff'),
       url('./fonts/suisse-intl/medium/SuisseIntl-MediumItalic-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-intl/medium/SuisseIntl-MediumItalic-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-intl';
	font-weight: 700;
  src: url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBold-WebS.eot');
  src: url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBold-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBold-WebS.woff2') format('woff2'),
       url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBold-WebS.woff') format('woff'),
       url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBold-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBold-WebS.svg') format('svg');
}

@font-face {
  font-family: 'suisse-intl';
	font-style: italic;
	font-weight: 700;
  src: url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBoldItalic-WebS.eot');
  src: url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBoldItalic-WebS.eot?#iefix') format('embedded-opentype'),
       url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBoldItalic-WebS.woff2') format('woff2'),
       url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBoldItalic-WebS.woff') format('woff'),
       url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBoldItalic-WebS.ttf')  format('truetype'),
       url('./fonts/suisse-intl/semibold/SuisseIntl-SemiBoldItalic-WebS.svg') format('svg');
}
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	background: #fffacd;
	color: black;
	margin: 0;
	padding: 100px 0 15px 0;
}

html, body, a, h1, h2, h3, h4, h5, h6, p, span, input, button {
	font-family: 'Suisse Intl', 'suisse-intl', sans-serif;
	font-weight: normal;
	color: black;
}
	
.txt.sec-lang.el em, .latin-roots h1 {
  font-family: 'suisse-works-book', serif;
  letter-spacing: -.2px;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
}

p {
	font-size: 13.5px;
}

p a {
	text-decoration: underline;
}
	
.mc p a {
	text-decoration: none;
}

h2, h1 {
	font-size: 24px;
}

.serif, .serif-p, .serif a {
	font-family: 'suisse-works', serif;
}

.bold, strong, strong span, .sans-serif-p, sans-serif-p-indent {
	font-weight: 700;
}

.serif-p-indent, .sans-serif-p-indent, .sans-serif-h2-indent, .serif-h2-indent {
	text-indent: 20px;
	display: inline-block;
}

.serif-h2, .serif-h2-indent {
	font-family: 'suisse-works', serif;
	font-size: 24px;
}

.sans-serif-h2, .sans-serif-h2-indent, .serif-h2-indent {
	font-size: 24px;
}

.serif-h2 a, .sans-serif-h2 a, .sans-serif-h2-indent a, .serif-h2-indent a {
  text-decoration: none;
}

.module-wrap p {
	margin: 0;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

.desktop {
	display: none;
}
/*--------------------------------------------------------------
# HOVER STATES
--------------------------------------------------------------*/
ul#primary-menu a, span.menu-translation, span.cat-title, span.cat-trans,
.m-toggle span.mt, .english, .sec-lang,
span.bold, span.reg, ul#primary-menu li,
.post-navigation a {
	transition: filter linear 800ms, opacity linear 600ms;
	-webkit-transform:translateZ(0);
	-webkit-backface-visibility:hidden; 
}
	
.article-img-wrap-left-fill {
	transition: filter linear 800ms, opacity linear 600ms;
}
	
.intro-image {
	transition: filter linear 1300ms, opacity linear 1100ms;
	-webkit-transform:translateZ(0);
	-webkit-backface-visibility:hidden; 
}

.blur-fade {
	filter: blur(15px);
	opacity: 0!important;
}

.el, .mel {
	opacity: 0;
}

.el {
	transition: opacity ease-in-out 500ms;
}
	
.post-navigation a:hover {
	filter: blur(5px);
}
/*--------------------------------------------------------------
# ACTIVE STATES
--------------------------------------------------------------*/
.article-col.quarter.sec-lang.active,
.article-col.quarter.english.active {
	display: inline-block;
}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.header-menu {
  font-size: 24px;
  padding: 15px 20px 20px 20px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
	background: #fffacd;
	z-index: 10;
	clear: both;
	overflow: hidden;
}

.site-branding a {
  text-decoration: none;
}

ul#primary-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul#primary-menu li {
	position: relative;
}

ul#primary-menu a, span.menu-translation {
	text-decoration: none;
	font-size: 44px;
	line-height: 44px;
	font-weight: 500;
}

span.menu-translation {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	font-family: 'suisse-works', serif;
	font-weight: normal;
}

.site-branding, .m-toggle {
	float: left;
	width: 50%;
}

.m-toggle {
	text-align: right;
	position: relative;
	cursor: pointer;
}

span.mt.serif {
	position: absolute;
	right: 0;
}

.lang-select {
  position: fixed;
  right: 20px;
  bottom: 15px;
  z-index: 10;
}

.lang-select > div {
	display: inline-block;
	position: relative;
}

.lang-select .bold {
	position: absolute;
	top: 0;
	left: 0;
}

.mob-col {
  position: absolute;
  left: 20px;
  bottom: 15px;
	font-size: 24px;
}

.mob-col span {
	margin-top: 20px;
	display: block;
}

.menu-panel {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 100px 20px 20px 20px;
	background: #fffacd;
	overflow-y: auto;
	display: none;
	z-index: 5;
}

.mp-vert-line {
	display: none;
}
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
.intro-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	display: block;
	margin: auto;
}

.intro-image {
	position: fixed;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
  margin: auto;
  z-index: 5;
}

.module-wrap {
	font-size: 0;
}

.module-wrap .mc .inner-box {
  padding: 0 20px;
  margin-bottom: 100px;
}

.spacer {
	display: none;
}
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
.article-img-wrap-left-fill {
	display: none;
	width: 0;
	height: 0;
	position: fixed;
	left: 0;
	top: 0;
  opacity: 0;
}

.filter.index-col {
  padding: 0 20px;
  margin-bottom: 15px;
	min-height: 50vh;
	min-height: calc(50vh - 165px);
}

.filter.index-col li {
  padding: 0;
	margin: 0;
	list-style: none;
	font-size: 44px;
  line-height: 44px;
  font-weight: 500;
}

.filter.index-col li a,
.filter.index-col li a span {
	font-weight: 500;
}

.filter.index-col li a {
	position: relative;
}

span.cat-trans {
  position: absolute;
  left: 0;
  top: 7px;
  font-family: 'suisse-works', serif;
  font-weight: normal!important;
}

li.current-cat .span.cat-title {
  display: none;
}

li.current-cat-pg span.cat-trans-block {
  display: block;
  font-family: 'suisse-works', serif;
}

.articles.index-col {
	border-bottom: 1px solid;
	margin-bottom: 100px;
}

.article-img-wrap {
	padding: 20px;
	border-top: 1px solid;
}

a.post-thumbnail img {
    display: block;
    width: 100%;
		height: auto;
}

.entry-header {
	border-top: 1px solid;
	padding: 15px 20px;
}

.english-roots h2, .english-roots h2 a {
	font-weight: 700;
}
	
.introduction h2.sec-lang {
	font-weight: normal;
}

.germanic-roots h2, .germanic-roots h2 a {
	font-family: 'suisse-works', serif;
	font-weight: 500;
}

.latin-roots h2, .latin-roots h2 a {
	font-family: 'suisse-works-book', serif;
	font-style: italic;
}

h2.entry-title {
	margin: 0;
	font-size: 24px;
}

ul.post-categories {
	padding: 0;
	margin: 0;
	list-style: none;
}

.meta {
	margin-top: 40px;
}

.meta, .meta a {
	font-size: 9px;
	text-transform: uppercase;
	font-weight: 700;
}

.filter.index-col .tags-list li a,
.filter.index-col .tags-list li {
  font-size: 11.5px;
  line-height: normal;
  text-transform: uppercase;
}
	
.meta, .meta a,.filter.index-col .tags-list li a,
.filter.index-col .tags-list li, .row.co-origins .article-col,
.f-col.caption, .f-col.caption a {
  letter-spacing: .75px;	
  line-height: 10.25px;
}

.tags-list {
  margin-top: 50px;
}

span.not-current {
  opacity: .25;
}

span.tag-trans {
  position: absolute;
  left: 0;
}

.tags-list li a {
  position: relative;
  width: 100%;
  display: inline-block;
}
/*--------------------------------------------------------------
# POST – TYPE 1 (EQUAL)
--------------------------------------------------------------*/
.english-roots h1 {
	font-weight: 700;
}

.germanic-roots h1 {
	font-family: 'suisse-works', serif;
	font-weight: 500;
}

.latin-roots h1 {
	font-family: 'suisse-works-book', serif;
	font-style: italic;
}

.row h1 {
	margin: 0;
}

.row.nav-ttl {
	margin-bottom: 40px;
}

.row.co-origins {
	font-size: 0;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.row.co-origins .article-col {
	font-size: 9px;
	display: inline-block;
	width: 50%;
}

.article-col.origin, .english, .english ul a,
.article-col.quarter.sec-lang {
	font-family: 'Suisse Intl', 'suisse-intl', sans-serif;
	font-weight: 700;
}

.txt p {
	line-height: 17px;
	margin-bottom: 10px;
}

.txt.sec-lang p {
	margin: 0;
	text-indent: 20px;
	margin-bottom: 10px;
}

.txt.sec-lang p, .sec-lang {
	font-family: 'suisse-works', serif;
}

.txt.english p {
	margin: 0;
	text-indent: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	letter-spacing: .25px;
}

.row {
  padding: 0 20px;
}

.entry-content.latin-roots .english,
.entry-content.germanic-roots .english {
	display: none;
}

.entry-content.english-roots .sec-lang {
	display: none;
}

.main-content.row img {
	margin-bottom: 20px;
}

.visual-content.row {
	margin-top: 20px;
}

.visual-content.row img {
	margin-bottom: 20px;
}

.article-col.navigation.mobile {
	margin-top: 40px;
	padding: 0 20px;
}

.post-navigation, .post-navigation a {
	font-size: 24px;
}

.post-navigation, .p-nav.sans-serif a {
	font-weight: 700;
}

span.p-nav.previous.sans-serif,
span.p-nav.previous.serif {
  padding-left: 20px;
}
/*--------------------------------------------------------------
# POST – TYPE 2 (IMAGE CENTRIC)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POST – TYPE 3 (TEXT CENTRIC)
--------------------------------------------------------------*/
figure {
    width: 100%!important;
    display: block;
    margin: 20px 0;
}

.main-content.row figure img {
	margin-bottom: 10px;
}

figcaption {
    font-size: 9px;
	line-height: 10.25px;
    font-weight: normal;
    line-height: normal;
}
	
body.privacy-policy .txt p, 
body.privacy-policy .sec-lang {
	font-size: 9px;
	line-height: 10.25px;
    font-weight: 700;
	letter-spacing: .75px;
	font-family: 'Suisse Intl', 'suisse-intl', sans-serif;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer#colophon {
	margin-top: 140px;
  padding: 0 20px;
}

.f-col.caption {
  margin-bottom: 40px;
}

.f-col {
	font-size: 24px;
}

.f-col.caption, .f-col.caption a {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .75px;
	text-transform: uppercase;
}

.f-col.copyright {
	margin-top: 20px;
}

}

@media screen and (min-width: 568px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
body {
	padding-top: 140px;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.m-toggle {
	text-align: left;
	text-indent: 10px;
}

span.mt.serif {
	position: absolute;
	left: 0;
	right: auto;
}

.menu-panel {
	padding-top: 140px;
}

.lang-select {
	bottom: auto;
	top: 15px;
}

.nav-ttl .article-col {
	float: left;
	width: 50%;
}

.nav-ttl {
	clear: both;
	overflow: hidden;
}

.mob-col {
	display: none;
}
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
.mc.column-50 {
  width: 50%;
  display: inline-block;
	vertical-align: top;
}

.module-wrap {
	clear: both;
	overflow: hidden;
	padding: 0 10px;
}

.module-wrap .mc .inner-box {
	padding: 0 10px;
}

.module-wrap .mc.column-50 .inner-box {
	padding-right: 40px;
}
	
.mc.column-25 {
  width: 50%;
  display: inline-block;
}

.mc.spacer {
	display: none;
}
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
.filter.index-col {
	margin-bottom: 0;
	height: 100vh;
	height: calc(100vh - 140px);
  position: relative;
}

.tags-list {
  margin-top: 50px;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.article-img-wrap {
	display: none;
}

h2.entry-title {
	width: 50%;
}
/*--------------------------------------------------------------
# POST – TYPE 1 (EQUAL)
--------------------------------------------------------------*/
.article-col h1 {
  padding-left: 10px;
}

.article-col.quarter.sec-lang .m-inner,
.article-col.quarter.english .m-inner {
    padding-left: 10px;
}

.article-col.quarter.sec-lang,
.article-col.quarter.english {
    width: 25%;
}
/*--------------------------------------------------------------
# POST – TYPE 2 (IMAGE CENTRIC)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POST – TYPE 3 (TEXT CENTRIC)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.site-info {
  font-size: 0;
}

.f-col {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: bottom;
	width: 30%;
}

.f-col.caption {
  width: 50%;
	margin-bottom: 0;
}

.f-col.copyright {
	width: 20%;
	text-align: right;
}

.f-col.pp a {
    text-indent: 0px;
    padding-left: 10px;
}

}

@media screen and (min-width: 768px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.menu-panel {
	z-index: 1;
	width: 50%;
	right: 0;
	left: auto;
	padding: 0;
	padding-right: 9px;
}

.menu-primary-container {
  padding: 136px 20px 20px 20px;
}

.mp-vert-line {
  height: 100vh;
  width: 1px;
  background: black;
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 50;
  margin-left: -10px;
}

.mob-col {
	display: block;
	left: 19px;
}

.mob-col br {
  display: none;
}

.mob-col a {
  display: block;
}

.mob-col span.sans-serif.bold {
  position: fixed;
  right: 20px;
  bottom: 15px;
}
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
.mc.spacer {
	display: inline-block;
}

.mc.column-25 {
	width: 25%;
}
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
body.blog, body.archive {
	padding-top: 0;
}

body.blog main#primary, body.archive main#primary {
  min-height: 100vh;
}

.index-col {
  width: 50%;
}

.filter.index-col {
  position: fixed;
  left: 20px;
  top: 136px;
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
}

.vert-line {
	position: absolute;
	width: 1px;
	background: black;
	left: 0;
	bottom: 0;
	top: 0;
	z-index: 10;
}

.articles.index-col {
	margin-right: 0;
	margin-left: auto;
	border-bottom: none;
	width: calc(50% + 10px);
	position: relative;
	padding-top: 125px;
  margin-bottom: 170px;
}

h2.entry-title {
	width: auto;
}

.entry-header {
	border-top: none;
	border-bottom: 1px solid;
}

.article-img-wrap-left-fill {
	display: block;
	width: 50%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
  opacity: 1;
	z-index: 10;
	display: none;
}

.aif-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.article-img-feat {
	position: absolute;
	left: 20px;
	right: 30px;
	top: 20px;
	bottom: 20px;
}

.tags-list {
  position: relative;
  margin: auto;
  left: auto;
  bottom: auto;
  margin-top: 60px;
  width: 200px;
  margin-left: 0;
}
/*--------------------------------------------------------------
# POST – TYPE 1 (EQUAL)
--------------------------------------------------------------*/
.main-content.row {
	font-size: 0;
}

.article-col.first-image-block,
.article-col.body-block {
  width: 50%;
	display: inline-block;
	vertical-align: top;
}

.bb-wrap {
    padding-left: 10px;
}

.fib-wrap {
    padding-right: 10px;
}

.fib-wrap .ic-10 {
	width: 10%;
	width: 10vw;
}

.fib-wrap .ic-20 {
	width: 20%;
	width: 20vw;
}

.fib-wrap .ic-30 {
	width: 30%;
	width: 30vw;
}

.fib-wrap .ic-40 {
	width: 40%;
	width: 40vw;
}

.fib-wrap .ic-50 {
	width: 50%;
	width: 50vw;
}

.fib-wrap .ic-60 {
	width: 60%;
	width: 60vw;
}

.fib-wrap .ic-70 {
	width: 70%;
	width: 70vw;
}

.fib-wrap .ic-80 {
	width: 80%;
	width: 80vw;
}

.fib-wrap .ic-90 {
	width: 90%;
	width: 90vw;
}

.fib-wrap .ic-100 {
	width: 100%;
	width: 100vw;
}

.fib-wrap .img-block {
	max-width: 100%;
}

.article-col.body-block {
	margin-bottom: 20px;
}

.visual-content.row {
	margin-top: 0;
	font-size: 0;
	padding: 0 10px;
}

.visual-content .img-block {
	display: inline-block;
	vertical-align: top;
}

.visual-content .ic-10 {
	width: 10%;
}

.visual-content .ic-20 {
	width: 20%;
}

.visual-content .ic-30 {
	width: 30%;
}

.visual-content .ic-40 {
	width: 40%;
}

.visual-content .ic-50 {
	width: 50%;
}

.visual-content .ic-60 {
	width: 60%;
}

.visual-content .ic-70 {
	width: 70%;
}

.visual-content .ic-80 {
	width: 80%;
}

.visual-content .ic-90 {
	width: 90%;
}

.visual-content .ic-100 {
	width: 100%;
}

.ic-inner {
  padding: 0 10px;
}
/*--------------------------------------------------------------
# POST – TYPE 2 (IMAGE CENTRIC)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POST – TYPE 3 (TEXT CENTRIC)
--------------------------------------------------------------*/
.introduction h2 {
  margin-top: 0;
	margin-bottom: 20px;
}
	
.mob-feat-img {
   display: none;
}

body.post-template-template-typecentric .article-col.body-block {
	width: 100%;
}

.txt p {
  display: inline-block;
}

.txt-col-wrap, .txt.c-2 {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.introduction h2 {
	padding-right: 10px;
}

.txt.c-2 .c-inner {
  padding-left: 10px;
}

.txt.c-1 {
  padding-right: 10px;
}

body.post-template-template-typecentric .bb-wrap {
  padding-left: 0;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
}

@media screen and (min-width: 1000px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
body {
	padding-top: 180px;
}

h1, .header-menu, .sans-serif-h2, .serif-h2, .sans-serif-h2-indent, .serif-h2-indent,
.f-col, .f-col a, h2.entry-title, .post-navigation, .post-navigation a {
    font-size: 32px;
}
	
p {
  font-size: 14.5px;
}
	
.meta, .meta a, .row.co-origins .article-col,
.f-col.caption, .f-col.caption a, body.privacy-policy .txt p, body.privacy-policy .sec-lang {
   font-size: 9.5px;	
}

.txt p {
   line-height: 17px;
}
/*--------------------------------------------------------------
# ACTIVE STATES
--------------------------------------------------------------*/
.bb-wrap.na-text-type .txt.active {
  width: 100%;
  column-count: 2;
  column-gap: 15px;
}

.txt.english.active .txt-inner {
	padding-left: 0;
}

.article-col.quarter.english.active .m-inner {
	padding-left: 10px;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.mob-col {
	font-size: 32px;
}

ul#primary-menu a, span.menu-translation {
	font-size: 56px;
  line-height: 56px;
}

.menu-primary-container {
	padding-top: 177px;
}
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
.filter.index-col {
	top: 180px;
}

.filter.index-col li {
	font-size: 56px;
  line-height: 56px;
}
	
span.cat-trans {
  top: 9px;	
}

.articles.index-col {
	padding-top: 165px;
}

h2.entry-title, .article-col h1 {
  padding-right: 100px;
}

.meta {
  margin-top: 60px;
}
/*--------------------------------------------------------------
# POST – TYPE 1 (EQUAL)
--------------------------------------------------------------*/
.row.nav-ttl {
    margin-bottom: 60px;
}

.entry-content.latin-roots .english,
.entry-content.germanic-roots .english,
.entry-content.english-roots .sec-lang {
	display: inline-block;
}

.article-col.quarter.english .m-inner {
	padding-left: 21px;
}

.bb-wrap.na-text-type .txt {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.txt.sec-lang .txt-inner {
  padding-right: 15px;
}

.txt.english .txt-inner {
  padding-left: 15px;
}
/*--------------------------------------------------------------
# POST – TYPE 2 (IMAGE CENTRIC)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POST – TYPE 3 (TEXT CENTRIC)
--------------------------------------------------------------*/
body.post-template-template-typecentric .article-col.body-block {
  column-count: auto;
}

body.post-template-template-typecentric .entry-content.english-roots .sec-lang,
body.post-template-template-typecentric .entry-content.germanic-roots .english,
body.post-template-template-typecentric .entry-content.latin-roots .english {
	display: none;
}

body.post-template-template-typecentric .article-col.quarter.sec-lang {
    display: inline-block;
}

.introduction h2 {
	font-size: 32px;
}

.txt p {
	display: block;
}

.txt.c-1, .txt.c-2 {
  column-count: 2;
	column-gap: 20px;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.f-col.caption {
	padding-bottom: 4px;
}

}

@media screen and (min-width: 1200px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
h1, h2, .header-menu, .sans-serif-h2, .serif-h2, .sans-serif-h2-indent,
.serif-h2-indent, .f-col, .f-col a, h2.entry-title, .post-navigation,
.post-navigation a, .introduction h2, .mob-col {
	font-size: 40px;
}
	
p {
  font-size: 18.5px;	
}
	
.meta, .meta a, .row.co-origins .article-col, 
.f-col.caption, .f-col.caption a, body.privacy-policy .txt p, 
body.privacy-policy .sec-lang {
   font-size: 13px;
   line-height: 13.5px;
}

.txt p {
   line-height: 21.5px;
}
	
.filter.index-col li, 
ul#primary-menu a, span.menu-translation {
	font-size: 70px;
    line-height: 70.5px;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.menu-primary-container {
	padding-top: 179px;
}
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
.filter.index-col {
  top: 179px;
}
/*--------------------------------------------------------------
# POST – TYPE 1 (EQUAL)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POST – TYPE 2 (IMAGE CENTRIC)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POST – TYPE 3 (TEXT CENTRIC)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
}