/*!
Theme Name: Works in Progress
Theme URI:
Author: Theme Author
Author URI:
Description: Works in Progress custom theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wip
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@charset "utf-8";

@font-face {
  font-family: 'GTAmericaMono-Light';
  src: url('assets/fonts/GTAmericaMono-Light.eot?#iefix') format('embedded-opentype'),  url('assets/fonts/GTAmericaMono-Light.woff') format('woff'), url('assets/fonts/GTAmericaMono-Light.ttf')  format('truetype'), url('assets/fonts/GTAmericaMono-Light.svg#GTAmericaMono-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GTAmericaMono-Bold';
  src: url('assets/fonts/GTAmericaMono-Bold.eot?#iefix') format('embedded-opentype'),  url('assets/fonts/GTAmericaMono-Bold.woff') format('woff'), url('assets/fonts/GTAmericaMono-Bold.ttf')  format('truetype'), url('assets/fonts/GTAmericaMono-Bold.svg#GTAmericaMono-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Editor-Regular';
  src: url('assets/fonts/Editor-Regular.eot?#iefix') format('embedded-opentype'),  url('assets/fonts/Editor-Regular.otf')  format('opentype'),
	     url('assets/fonts/Editor-Regular.woff') format('woff'), url('assets/fonts/Editor-Regular.ttf')  format('truetype'), url('assets/fonts/Editor-Regular.svg#Editor-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Editor-Bold';
  src: url('assets/fonts/Editor-Bold.eot?#iefix') format('embedded-opentype'),  url('assets/fonts/Editor-Bold.otf')  format('opentype'),
	     url('assets/fonts/Editor-Bold.woff') format('woff'), url('assets/fonts/Editor-Bold.ttf')  format('truetype'), url('assets/fonts/Editor-Bold.svg#Editor-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Editor-Italic';
  src: url('assets/fonts/Editor-Italic.eot?#iefix') format('embedded-opentype'),  url('assets/fonts/Editor-Italic.otf')  format('opentype'),
         url('assets/fonts/Editor-Italic.woff') format('woff'), url('assets/fonts/Editor-Italic.ttf')  format('truetype'), url('assets/fonts/Editor-Italic.svg#Editor-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}


* { padding: 0; margin: 0; box-sizing: border-box; outline: 0; }
.clear { clear: both }
html, body { height: 100%; scroll-behavior: smooth; }

body { font-family: 'GTAmericaMono-Light'; color: #2D2828; font-size: 12px; font-weight: 400; background-color: #fff7f4; }
.clearfix { display: block }
div{ line-height: 1; }
b{ font-weight: normal; }
h1, h2, h3, h4, h5, h6{ line-height: 1; font-weight: normal; }
h1{ font-size: 26px; }
h2{ font-size: 24px; }
h3{ font-size: 22px; }
h4{ font-size: 20px; }
h5{ font-size: 18px; }
h6{ font-size: 16px; }
input:focus, button:focus, a:focus, textarea:focus { outline: 0 !important; box-shadow: none;}
ul { list-style: none; margin: 0; padding: 0; }
a{ color: #2D2828; font-size: 12px; line-height: 1; text-decoration: none; }
a:hover, a:focus{ color: #2D2828; }
img{ max-width: 100%; border: 0; height: auto; outline: none; }
form, table, input, select, textarea { font-family: 'GTAmericaMono-Light'; }
.line15{ line-height: 1.5; }
.container, .sec-container{ max-width: 100%; padding: 0 20px; margin: 0 auto; width: 100%;}
.sec-container{ padding: 0; }
blockquote{ font-family: 'Editor-Italic'; font-size: 16px; border-left: 1px solid; border-top: 1px solid; margin: 0 0 35px 20px; padding: 12px 15px 0 15px; }
sup{ font-size: 50.42857143000001%; line-height: 0; position: relative; vertical-align: baseline; top: -1em; }
p{ margin-bottom: 1.5em; }
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #969393;
	border: 1px solid #2D2828;
	border-radius: 0;
  padding: 10px;
  background: #2D2828;
  height: 30px;
  width: 100%;
  font-size: 12px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #969393;
}

select {
	border: 1px solid #2D2828;
}

textarea {
  width: 100%;
  min-height: 64px; resize: none;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}


/* PlaceHolder Color */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #969393 !important; }
::-moz-placeholder { /* Firefox 19+ */ color: #969393 !important; }
:-ms-input-placeholder { /* IE 10+ */ color: #969393 !important; }
:-moz-placeholder { /* Firefox 18- */ color: #969393 !important; }
::placeholder { color: #969393 !important; }


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
>>> General CSS
----------------------------------------------------------------*/

.text-right{ text-align: right; }
.col-2, .col-4, .col-3{ width: 100%; }
.d-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.space-between{ display: flex; align-items: center; justify-content: space-between; }
.space-between-bottom{ display: flex; align-items: flex-end; justify-content: space-between; }
.editor-bold{ font-family: 'Editor-Bold'; }
.editor-reg{ font-family: 'Editor-Regular'; }
.gt-bold{ font-family: 'GTAmericaMono-Bold'; }
.icon-arrow{ height: 1px; background: #2d333f; width: 6px; display: inline-block; vertical-align: middle; position: relative; }
.icon-arrow:after { content: ''; width: 0; height: 0; border-top: 2.5px solid transparent; border-bottom: 2.5px solid transparent; border-left: 2.5px solid #2d333f; display: inline-block; position: absolute; top: -2px; }
.font0{ font-size: 0; }
.border-bottom{ border-bottom: 1px solid; }
.padding-m{ padding: 0 20px; }
.hide{ display: none; }
.d-inline{ display: inline-block; vertical-align: middle; }
.read-arrow{ font-size: 19px; font-style: normal; font-family: 'GTAmericaMono-Light'; line-height: 11px; display: inline-block; vertical-align: middle; }
.float-right{ float: right; }
.flex-end{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.d-top{ display: inline-block; vertical-align: top; }

/*--------------------------------------------------------------
>>> Header CSS
----------------------------------------------------------------*/

.header{ position: fixed; width: 100%; left: 0; right: 0; top: 0; z-index: 4; background-color: #fff7f4;}
.header-wrap{ border-bottom: 1px solid #2D2828; padding: 20px 0; position: relative; }
.logo{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.logo-img--wrap{ width: 42px; height: 46px; overflow: hidden; margin-right: 10px; }
.logo-img--wrap h1{ margin: 0; }
/*.logo--text{ display: none; }*/
.logo--text{ font-size: 12px; display: inline-block; font-style: normal; }
.menu-wrap{ border-bottom: 1px solid #2D2828; position: relative; }
.filter-block{ font-size: 0; text-align: right; max-width: 90px; }
.item--link-text{ font-size: 14px; padding: 10px 20px; display: inline-block; position: relative; }
.item--link{ font-size: 20px; padding: 50px 20px; display: block; border-bottom: 1px solid; position: relative; }
.item--link:before{ content: ''; position: absolute; right: 0; width: 20px; height: 100%; top: 0; border-left: 1px solid; }
.main-menu ul{ background-color: #FFF7F4; }
.main-menu{ position: absolute; top:87px; z-index: 3; height: calc(100vh - 80px); padding-bottom: 50px; overflow: auto; left:0; right:0; width: 100%; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.main-menu.menu--visible{ visibility: visible; opacity: 1; transition: all 0.5s ease; }
.main-menu-item{ border-bottom: 1px solid; position: relative; }
.main-menu-item:after{ content: ''; position: absolute; bottom: 0; width: 0; left: 0; height: 1px; background: #2D2828; transition: all 0.5s ease; }
.main-menu-item:hover:after{ width: 100%; }
.main-menu--link{ font-size: 24px; padding: 36px 0; display: block; text-align: center;  }
.abt-viktor-block{ max-width: 455px; margin: 0 auto; }
.about-viktor{ background-color: #fff; padding: 30px 20px; }
.viktor-image{ width: 65px; }
.viktor-desc{ width: calc(100% - 75px); }
.viktor-name, .viktor-text{ margin-bottom: 5px; }
.viktor-text{ font-size: 10px; }
.issue-dropdown{ position: absolute; background-color: #FFF7F4; width: 100%; visibility: hidden; opacity: 0; top: 35px; transition: all 0.5s ease; }
.issue-dropdown.menu-visible{ opacity: 1; visibility: visible; }
.issue-dropdown .dropdown--link{ padding: 10px 20px; display: block; border-bottom: 1px solid; font-size: 16px; transition: all 0.5s ease; }
.log-wp{ height: 46px; }
.issue-dropdown .dropdown--link .read-arrow{ margin-right: 5px; font-size: 19px; }
.main-issue-label:after{ content: ''; display: inline-block; margin-left: 7px; top: -4px; position: relative; border: solid #2D2828; border-width: 0 1px 1px 0; padding: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.main-issue-label{padding-left: 20px;}

/* Border colors */
.item--link.border--blue:before{ background-color: #363b8f; }
.item--link.border--green:before{ background-color: #cee0dc; }
.item--link.border--red:before{ background-color: #e20a39; }
.item--link.border--yellow:before{ background-color: #f4d06f; }

.filter-listing{ position: absolute;  width: 100%; top: 37px; left:-100%; right: 0; text-align: left; transition: left 0.5s ease;  background-color: #FFF7F4; }
.menu-wrap.filter-visible .filter-listing{ left: 0;  }
.menu-wrap:after{ content: ''; position: absolute; width: 0; height: 100%; background: #2D2828; z-index: -1; right: 0; transition: all 0.5s ease; }
.menu-wrap.filter-visible:after{ width: 100%; }
.filter-listing.filter-visible .item--link:after{ content: none; }
/*.site-content{ padding-top: 150px; }*/
.home .site-content, .site-content{ padding-top: 122px; }
.main-content{ margin-top: 20px; }
.spotlight-issue-page .main-content, .home .main-content, .tax-issue_category .main-content{ margin: 0; }
.filter-title .filter-item .item--link-text{ border-left: 1px solid; padding: 10px 20px; }
.filter-text{ font-size: 16px; background-color: transparent; z-index: -1; color: #FFF7F4; padding: 10px 20px; position: absolute; width: 100%; visibility: hidden; right: calc(-100vw + 100px); top: 0; transition: all 0.5s ease;  }
.menu-wrap.filter-visible .filter-text{ right: 0; background-color: #2D2828; visibility: visible; z-index: 2; }




/*--------------------------------------------------------------
>>> Common style for Issue block
----------------------------------------------------------------*/
.all-issue-block{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; }
.issue-item{ padding: 0 12px; margin-bottom: 14px; width: 100%; }
.issue-wrap{ border: 1px solid #2D2828; position: relative; }
.issue-title{ /*overflow: hidden; max-height: 46px; */min-height: 46px; font-family: 'Editor-Bold'; font-size: 20px; margin: 22px 0 0 0; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
/*.issue-title{ display: block; }*/
.author-name{ margin: 0; }
.author{ font-family: 'GTAmericaMono-Bold'; }
.issue-description, .issue-description p{ font-family: 'Editor-Regular'; font-size: 13px; }
.issue-description p{ margin-bottom: 10px; line-height: 1.5; }
.read-more-link{ font-family: 'GTAmericaMono-Bold'; font-size: 12px; transition: margin 0.5s ease; }
.read-more-link:hover{ margin-right: 5px; }
.issue-intro, .issue-description{ padding: 12px 13px; }
.issue-category, .issue-description{ border-top: 1px solid #2D2828; }
.issue-category-name{ font-size: 8px; display: inline-block; border-right: 1px solid #2D2828; }
.issue-category-name .item--category{ padding: 8px 10px; display: inline-block; }
.author-name.desktop{ display: none; }
.author-name.mobile{ display: block; }

/*--------------------------------------------------------------
>>> ISSUES LOOP
----------------------------------------------------------------*/

/* Color based issues */
  .bg--red{ background-color: #e20a39; color: #FFF7F4; border-color: #FFF7F4; }
  .bg--red .sportlight-title{ background-color: #FFF7F4; color: #e20a39; }
  .bg--red .icon-arrow{ background: #FFF7F4; }
  .bg--red .icon-arrow:after{ border-left: 2.5px solid #FFF7F4; }

  .bg--green{ background-color: #CEE1DD; }
  .bg--green .sportlight-title{ background-color: #2D2828; color: #CEE1DD; }
/* Color based issues */
.spotlight-details-wrap{ padding: 61px 20px 20px; }
.issue-loop:first-child .spotlight-details-wrap{ padding-top: 20px; }
.spotlight-cat{ display: inline-block; border: 1px solid; }
.spotlight-cat--block{ display: inline-block; padding: 8px 11.5px; font-size: 12px; }
.spotlight-issue-title{ font-size: 30px; padding: 25px 0; }
/* .issues-list{ margin-top: 20px;} */
.spotlight-details-wrap .read-more-link{ color: inherit; }
/* .spotlight-details-wrap .border-bottom{ border-bottom: 1px solid; } */
.spotlight-author-name{  display: block; font-size: 11px; padding: 8px 0; }
.spotlight-issue-desc{ padding: 13px 0; }
.spotlight-issue-text{ font-size: 13px; line-height: 1.5; margin-bottom: 10px; }
.all-issues{ padding-top: 20px; }
.issue-loop .all-issues{ display: none; }
.view-issues-block{ padding: 20px; }
.view-wrap{ padding: 12px; text-align: center; border: 1px solid; }
.view-issue--text{ font-size: 15px; }
.issue-loop{ position: relative;     scroll-behavior: smooth; }
.view-content{ bottom: -41px; z-index: 2; position: absolute; width: 100%; }
.view-content.visible{ position: relative; bottom: auto; margin-top: 8px; margin-bottom: 44px; }
.issue-loop:last-child .spotlight, .issue-loop:last-of-type .spotlight{ background-color: #2D2828; padding-bottom: 40px; }
.issue-loop.full-visible:last-child .spotlight, .issue-loop.full-visible:last-of-type .spotlight{ background-color: transparent; padding-bottom: 0; }
.issue-loop:last-child .view-content, .issue-loop:last-of-type .view-content{ padding-bottom: 40px; }
.issue-loop.full-visible:last-child .view-content, .issue-loop.full-visible:last-of-type .view-content{ padding-bottom: 0; }
.spotlight-image-block img{ width: 100%; }


/*--------------------------------------------------------------
>>> MOBILE TOGGLE ICON
----------------------------------------------------------------*/
.toggle-btn{width: 35px; height: 18px; position: relative; margin: 0 0 0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.toggle-btn span{display: block; position: absolute; height: 2px; width: 100%; background: #2D2828; border-radius: 9px; opacity: 1; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.toggle-btn span:nth-child(1) { top: 0px; }
.toggle-btn span:nth-child(2), .toggle-btn span:nth-child(3) {top: 8px; }
.toggle-btn span:nth-child(4) { top: 16px; width: 80%; }
.toggle-btn.open span:nth-child(1) {top: 18px; width: 0%; left: 50%; }
.toggle-btn.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.toggle-btn.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.toggle-btn.open span:nth-child(4) {top: 18px; width: 0%; left: 50%; }

/*--------------------------------------------------------------
>>> FOOTER CSS
----------------------------------------------------------------*/
.footer{ padding: 0 0 21px 0; background-color: #2D2828; color: #FFF7F4; clear: both; }
.footer-block{ padding-top: 41px; }
.footer-title{ padding-bottom: 10px; font-size: 30px; }
.footer-email{ padding: 15px 0 12px 0; }
.footer-website{ padding: 5px 0; }
.footer-email .email-label{ display: block; margin-bottom: 4px; }
.footer-email .email-label, .footer-website{ font-size: 12px; }
.footer-email .ft-email{ font-size: 14px; color: #FFF7F4; }
.back-tp{ float: right; cursor: pointer; position: relative; padding-top: 14px; }
.arrow-top{ position: absolute; top: 0; right: 2px; display: inline-block; width: 6px; height: 6px; border-width: 1px 1px 0 0; border-style: solid; margin: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.arrow-top:after{ content:""; right: 0; top: 0; position: absolute; height: 1px; box-shadow: inset 0 0 0 32px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 9px; -webkit-transform-origin: right top; transform-origin: right top; }

/*--------------------------------------------------------------
>>> FILTER PAGE
----------------------------------------------------------------*/

.tax-issue_category .menu-wrap{ background-color: #2D2828; }
.tax-issue_category .menu-wrap .item--link-text{ color: #FFF7F4; }
.tax-issue_category .menu-item .item--link-text{ visibility: hidden; }

/*--------------------------------------------------------------
>>> ISSUE DETAIL PAGE
----------------------------------------------------------------*/
.issue-title-detail{ padding: 20px 0 9px 0; font-size: 26px; max-width: 73%; line-height: 1.3; }
.issue-author-detail{ padding: 10px 0; }
.issue-d-text-wrap{ display: none; }
.issue-detailed-desc, .issue-detailed-desc p{ font-size: 16px; line-height: 1.5; }
.issue-detailed-desc ul, .issue-detailed-desc ol{padding-left: 2rem;margin-bottom: 35px;}
.issue-detailed-desc ul{list-style: disc;}
.issue-detailed-desc ul li, .issue-detailed-desc ol li{margin-bottom: 5px;}
.issue-detailed-desc ul li:last-child, .issue-detailed-desc ol li:last-child{margin-bottom:0;}
.issue-detailed-desc{ border-top: 1px solid; padding-top: 30px; }
.issue-detailed-desc p{ margin-bottom: 35px; }
.issue-detailed-desc p a, .issue-detailed-desc a{font-size: inherit;text-decoration: underline;}
.issue-detailed-desc h1, .issue-detailed-desc h2,
.issue-detailed-desc h3, .issue-detailed-desc h4,
.issue-detailed-desc h5, .issue-detailed-desc h6{margin-bottom: 35px;}
.article-subheader{ font-family: 'Editor-Bold'; margin-bottom: 6px; line-height: 1.5; font-size: 18px; }
.related-articles-wrap{ border-top: 1px solid; margin-top: 55px; }
.related-articles{ padding: 18px 0 5px 0; }
.related-articles-title{ padding-bottom: 20px; }
.issue-summary-text{ font-size: 15px; max-width: 100%; line-height: 1.3; }
.scroll-text{ display: none; }
.issue-summary{ padding: 15px 0; }
.issue-spot-title{ font-size: 24px; padding: 30px 0 12px 0; }
.spot-category{ padding: 10px 0; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; }
.spot-image{ height: 350px; /*position: relative; */ height: 100% !important; }
.spotImagWrap{position: relative; /*transition: all 1.5s ease;*/ position: fixed; left: 0; right: 0; width: 100%;}
.spotImagWrap.hideImg{z-index: -1;}
.expand-note{ display:none; font-size: 13px; padding: 30px 0; line-height: 1.3; font-family: 'GTAmericaMono-Light'; max-height: 0; width: 0; opacity: 0; transition: max-height .3s ease-out 0s,width .01s ease-out .3s,opacity .2s ease-out 0s; }
.expand-note.display{ display: block; }
.expand-note.display.expanded { max-height: 3100px; width: 100%; opacity: 1; height: auto; transition: max-height .5s ease-in .01s,width .01s ease-in 0s,opacity .2s ease-in-out .21s; }
.detail-start-wrap{background-color: #fff7f4;position: relative;z-index: 2;}

/*--------------------------------------------------------------
>>> AUTHORS PAGE
----------------------------------------------------------------*/
.view-link-block{ position: absolute; right: 0; bottom: 0; top: 0; }
.view-link{ height: 100%; padding: 7px; background-color: #2D2828; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.view-link .arrow-icon{ width: 15px; height: 15px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; vertical-align: middle; }
.view-link .arrow-icon--circle { -webkit-transition: stroke-dashoffset .3s ease; transition: stroke-dashoffset .3s ease; stroke-dasharray: 95; stroke-dashoffset: 95; }
.view-link:hover .arrow-icon--circle { stroke-dashoffset: 0; }
/*.view-link:hover .arrow-icon{ -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); }*/
.authors-section .blog-listing .issue-title{ margin: 0; max-width: 68%; }
.authors-section .issue-description p{ max-width: 85%; margin-bottom: 0; }

/*--------------------------------------------------------------
>>> AUTHORS DETAIL PAGE
----------------------------------------------------------------*/
.author--name{ margin-bottom: 15px; font-size: 26px; max-width: 60%; line-height: 1.3; }
.author--text{ font-size: 13px; line-height: 1.5; }
.author--cat{ border-top: 1px solid; margin-bottom: 15px; }
.author-cat--name{ border: 1px solid; border-top: 0; display: inline-block; font-size: 12px; padding: 8px 15px; }
.bg-black{ background-color: #2D2828; }
.bg-black .item--link-text{ color: #fff7f4; }
.menu-item .read-arrow{ line-height: 8px; font-size: 15px; }
.author-articles{ margin-top: 30px; }
.issue-author-template-default .main-content{ margin-top: 70px; }
.authors-wrap .item--link-text{ padding-left: 0; }

/*--------------------------------------------------------------
>>> ABOUT US PAGE
----------------------------------------------------------------*/
.about-wrap { margin: 0 -12px 0 -12px; }
.about-wrap > .col-2{ padding: 0 12px; margin-bottom: 25px; }
.wip-com{ border: 1px solid; }
.wip-short-desc{ background-color: #2D2828; padding: 32px 35px; }
.wip--title{ font-size: 20px; color: #FFF7F4; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid; }
.wip-short-text{ font-size: 11px; color: #FFF7F4; line-height: 1.5; max-width: 490px; }
.about-authors, .contact-short-desc, .wip-short-desc{ padding: 20px; }
.about-author--name{ font-size: 19px; padding-bottom: 17px; margin-bottom: 17px; }
.about-authors-desc{ line-height: 1.3; }
.about-authors-desc, .wip-short-text{ font-size: 14px; }
p:last-child{ margin: 0; }
.authorsListing { margin: 0 -20px; }
.authorsListing .col-2{ padding: 0 20px; margin-bottom: 28px; width: 100%; }
.authorsListing .col-2.last{ margin-bottom: 0; }
.authorsListing{ -ms-flex-wrap: wrap; flex-wrap: wrap; }

.wip-contact .wip--title, .wip-contact .wip-short-text{ color: #2D2828; }
.contact-email{ font-size: 16px; }
.emil-con{ margin-bottom: 6px; }
.input-group{ margin: 0 -10px 20px -10px; position: relative; }
.input-group:last-child{ margin-bottom: 0; }
.input-wrap.d-top.col-2{ margin: 8px 0; }
.input-wrap{ padding: 0 10px; }
.checkbox-title{ margin-bottom: 8px; line-height: 1.3; }
.tick-check, .here, .tick-check + .wpcf7-list-item-label{ max-width: 345px; line-height: 1.3; }
.margin-bottom{ margin-bottom: 24px; }
.btn, input[type="submit"]{ background: none; text-align: center; border: 1px solid; color: #2D2828; border-radius: 0; padding: 10px 20px; cursor: pointer; transition: all 0.5s ease; line-height: 1; min-width: 123px; }
.btn:hover{ border-color: #2D2828; background-color: #2D2828; color: #FFF7F4; }
.btn-right{ margin-top: 11px; }
.here{ text-decoration: underline; }
.para-bottom{ margin-bottom: 25px; }
input[type=checkbox] + .checkbox-label:before, .tick-check + .wpcf7-list-item-label:before, input[type=checkbox] + .wpcf7-list-item-label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #2D2828;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 8px;
  top: -1px;
  left: 0;
}
.checkbox-label, .tick-check + .wpcf7-list-item-label, input[type=checkbox] + .wpcf7-list-item-label{  position: relative; cursor: pointer; margin: 0 25px 14px 0; padding-left: 25px; display: inline-block; }
.checkbox-label:last-child, .last input[type=checkbox] + .wpcf7-list-item-label{ margin: 0; }
input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}
input[type=checkbox]:checked + .checkbox-label:after, .tick-check:checked + .wpcf7-list-item-label:after, .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label:after  {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 5px;
  width: 3px;
  height: 7px;
  border: solid #2D2828;
  border-width: 0 1.4px 1.4px 0;
  transform: rotate(45deg);
}
span.wpcf7-list-item{ margin: 0; }
div.wpcf7 .wpcf7-submit:disabled:hover{ background-color: transparent; color: #2D2828; border-color: #2D2828; }

/*--------------------------------------------------------------
>>> NEWSLETTER
----------------------------------------------------------------*/

.newsletter-section, .cookie_banner_section{ position: fixed; bottom: -30%; visibility: hidden; left: 0; right: 0; width: 100%; z-index: 7; transition: all 0.5s ease; background: rgba(0,0,0,0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cookie_banner_section{ left: unset; background: #FFF7F4; border: 1px solid #121212; }
.newsletter-section.visible, .cookie_banner_section { bottom: 0; opacity: 1; visibility: visible; top: 0; }
.newsletter-section.hidenews, .newsletter-section.visible.hidenews, .cookie_banner_section.hidenews{ bottom: -30%; opacity: 0;  visibility: hidden; }
.newsletter-block{ background-color: #2D2828; color: #FFF7F4; padding: 25px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.newsletter-title{ font-size: 24px; margin-bottom: 18px; line-height: 1.3; }
.newsletter-desc .newsletter-sub{ font-size: 13px; line-height: 1.5; max-width: 410px; margin-bottom: 15px; }

.newsletter-form .form-input, .newsletter-form .form-input:focus{ background: #FFF7F4; color: #2D2828; }
.newsletter-form input[type=checkbox] + .checkbox-label:before, .newsletter-form input[type=checkbox]:checked + .checkbox-label:after{ border-color: #FFF7F4; }
.newsletter-form input[type=checkbox]:checked + .checkbox-label:after{ top: 3px; }
.newsletter-form input[type=checkbox] + .checkbox-label:before{ top: 1px; }
.newsletter-form .btn-right{ margin: 15px 0 0; }
.newsletter-form .btn{ color: #FFF7F4; border-color: #FFF7F4; min-width: 94px; background: transparent; border-radius: 0; padding: 8px 20px; }
.newsletter-form .btn:hover{ background-color: #FFF7F4; color: #2D2828; }
.newsletter-form .here{ color: #FFF7F4; }
.newsletter{ /*max-width: 523px;*/ }
.close-newsletter, .close {position: absolute; right: 20px; top: 13px; width: 20px; height: 20px; opacity: 1; display: inline-block; cursor: pointer; }
.close-newsletter:hover, .close:hover { opacity: 0.3; }
.newsletter-form .tick-check{ max-width: 405px; line-height: 1.5; }
.close-newsletter:before, .close-newsletter:after, .close:after, .close:before  {position: absolute; left: 15px; content: ' '; height: 21px; width: 2px; background-color: #FFF7F4; }
.close-newsletter:before, .close:before  { transform: rotate(45deg); }
.close-newsletter:after, .close:after  { transform: rotate(-45deg); }
.close{ top: 8px; }
.close:after, .close:before{ width: 1px; }


/*--------------------------------------------------------------
>>> COOKIE BANNER
----------------------------------------------------------------*/

.newsletter-outer{
    border: 1px solid #121212;
    width: calc(50% - 12px);
    position: sticky;
    padding: 19px;
    float: right;
    background-color: #fff7f4;
}

.newsletter-section .newsletter-outer{
  padding: 0;
}

.newsletter-outer .newsletter-desc .newsletter-sub a {text-decoration: underline;}

body .newsletter-outer .newsletter-form button {color: #FFF7F4; border-color: #2D2828; min-width: 94px; background: #2D2828; border-radius: 0;  font-family: 'GTAmericaMono-Light'; padding: 8px 20px; font-size: 0.75rem; transition: all 0.5s ease;}

body .newsletter-outer .newsletter-form button#ot-sdk-btn.ot-sdk-show-settings {color: #FFF7F4; border-color: #2D2828; font-size: 0.75rem; padding: 8px 20px; transition: all 0.5s ease;}

body .newsletter-outer .newsletter-form button:hover {color: #2D2828; background-color: transparent; cursor: pointer;}

body .newsletter-outer .newsletter-form button#ot-sdk-btn.ot-sdk-show-settings:hover {color: #2D2828; background-color: transparent;  cursor: pointer;}

body section.cookie_banner_section { 
    bottom: 0;
    border: none;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
}

body section.cookie_banner_section .newsletter-desc {width: 350px;}

body section.cookie_banner_section .newsletter-form {width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 15px;}

section.cookie_banner_section {}

section.newsletter-section.visible {z-index: 9;}

.newsletter-outer .newsletter-desc { width: auto; }

body #onetrust-consent-sdk #onetrust-pc-sdk {background-color: #2d2828;}

body #onetrust-consent-sdk #onetrust-pc-sdk h2#ot-pc-title {color: #fff7f4;font-weight: 100;font-family: 'Editor-Bold';font-size: 20px;}

body #onetrust-consent-sdk #onetrust-pc-sdk div#ot-pc-desc {color: #fff7f4;}

body #onetrust-consent-sdk #onetrust-pc-sdk h3#ot-category-title {color: #fff7f4;font-weight: 100;font-family: 'Editor-Bold';
    font-size: 17px;}

body #onetrust-consent-sdk #onetrust-pc-sdk h4 {color: #fff7f4;font-weight: 100;}

.ot-acc-hdr.ot-always-active-group {}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item .ot-always-active {color: #fff7f4;font-weight: 100;}

body #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
    color: #FFF7F4;
    border-color: #FFF7F4;
    min-width: 94px;
    background: #2D2828;
    border-radius: 0;
    font-family: 'GTAmericaMono-Light';
    padding: 8px 20px;
    font-size: 0.75rem;
    transition: all 0.5s ease;font-weight: 100;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt, body  #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-subgrp-tgl .ot-switch.ot-toggle {
    background-color: #2d2828;
}

body #onetrust-consent-sdk #onetrust-pc-sdk p {
    color: #fff7f4;
}

.cookie_banner_section .close-newsletter::before, .cookie_banner_section .close-newsletter::after, .close::after, .close::before{
    background-color: #2D2828;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt button.ot-link-btn.category-host-list-handler {color: #fff7f4;text-decoration: underline;}

body div#onetrust-banner-sdk {
  display: none;
}

/*--------------------------------------------------------------
>>> VIMEO VIDEO SECTION
----------------------------------------------------------------*/

.vimeo-video-section {
  padding-top: 35px;
  vertical-align: top;
  text-align: center;
  width: 100%;
  overflow: hidden;
  padding-bottom:56.25%;
  position:
  relative;
  height:0;
}

.vimeo-video-section iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.dataTables_wrapper {
  overflow: auto;
}

@media (min-width: 568px) {
  /*  Blog page */
  /* .blog-listing .issue-item{ width: 50%; } */
}

@media (min-width: 768px) {
  /* General */
  .col-2{ width: 50%; }
  .col-4{ width: 25%; }
  .col-3{ width: 75%; }
  .d-flex{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .container, .sec-container{ max-width: 750px; padding: 0 15px; }
  .site-content, .home .site-content{ padding-top: 116px; }
  .main-content, .home .main-content, .tax-issue_category .main-content{ margin-top: 24px; }
  .issue-author-template-default .main-content{ margin-top: 50px; }

  /* Header */
  .filter-title{ display: none; }

  .filter-listing{ display: block; position: initial; left: auto; right: auto; top: auto; text-align: right; background-color: transparent;  }
  .item--link:before{ content: none; }
  .item--link, .item--link-text{ font-size: 12px; padding: 8px 4.9px; border-bottom: 0; position: relative; }
  .menu-item > .item--link-text{ padding-left: 0; }
  .filter-item{ display: inline-block; vertical-align: middle; border-right: 1px solid #2D2828; }
  .filter-item:first-child{ border-left: 1px solid #2D2828; }
  .viktor-text{font-size: 12px; line-height: 1.3;}
  .filter-block{max-width: none;}
  /*.item--link:after{ position: absolute; content: ""; top: 0; left: 0; width: 0; height: 100%; background: #2D2828; -webkit-transition: all .35s; transition: all .35s; z-index: -1; }
  .item--link:hover{ color: #fff7f4; }
  .item--link:hover:after{ width: 100%; }*/
  /*.main-menu{ top:87px; }*/
  .viktor-read{ text-align: right; }
  .issue-dropdown{ top: 29px; min-width: 140px; width: auto; }
  .issue-dropdown .dropdown--link:hover{ padding: 8px 15px 8px 10px; }
  .issue-dropdown .dropdown--link{ font-size: 12px; padding: 8px 15px 8px 5px; border: 1px solid; border-top: 0; }
  .main-issue-label:after{ top: -3px; margin-left: 12px; }

  /* issues loop */
  .issue-title{ font-size: 15px; margin: 15px 0 8px 0; line-height: 1.3; }
  .issue-loop .all-issues{ display: inline-block; }
  .spotlight-details-wrap{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 20px;position: absolute;bottom: 0;width: calc(100% - 24px); }
  .spotlight-issue-text{ display: inline-block; width: 80%; font-size: 11px; margin: 0; }
  .spotlight-issue-read{ display: inline-block; vertical-align: bottom; width: calc(100% - 80%); text-align: right; }
  .spotlight-issue{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .spotlight-image-block{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .spotlight-author-name{ font-size: 11px; padding: 8px 0; display: block; }
  .issue-loop, .all-issue-block{ margin: 0 -12px; }
  .all-issues, .spotlight-issue, .issue-item{ padding: 0 12px; }
  .spotlight-issue-title{ font-size: 20px; padding: 14px 0; }
  .spotlight-cat--block{ padding: 5px 7px; }
  .issue-loop{ overflow: hidden; }
  .all-issues{ float: right; display: block; }
  .view-issues-block{ display: none; }
  .d-inline-spot { display: inline-block; vertical-align: top; }
  .read-more-link, .spotlight-cat--block{ font-size: 8px; }
  .author-name.desktop{ display: block; line-height: 1.2;}
  .author-name.mobile{ display: none; }
  .author-name, .issue-description, .issue-description p{ font-size: 12px; }

  .issue-description p{ margin-bottom: 3px; max-width: 210px;}
  .issue-category-name .item--category{ font-size: 10px; padding: 6px 9px; }
  .issue-loop:last-child .spotlight, .issue-loop:last-of-type .spotlight { background-color: transparent; padding-bottom: 0; }
  .spotlight-issue{height: 407px;position: relative;}

  /* Footer */
  .footer{ padding: 40px 0 35px 0; background-color: #FFF7F4; color: #2D2828; }
  .footer-block{ padding-top: 35px; border-top: 1px solid; }
  .footer-title{ font-size: 24px; }
  .footer-email .ft-email{ font-size: 13px; color: #2D2828;  }
  .back-tp{ padding-top: 10px; font-size: 13px; }
  .arrow-top{ top: -5px; }
  .footer-website {padding: 9px 0; }
  .footer-email .email-label, .footer-website {font-size: 13px; }
  .footer-email .email-label{margin-bottom: 6px;}

  /* Issue detail page */
  .issue-detail-desc{ margin-top: 35px; }
  .issue-title-detail{ padding: 0 0 9px 0; font-size: 30px; max-width: 75%; }
  .article-subheader{ font-size: 20px; }
  .issue-d-text{ font-size: 16px; line-height: 1.3; }
  .issue-cat--name{ padding: 8px; }
  .issue--cat{ position: relative; }
  .issue--cat:after { content: ''; position: absolute; top: 0; width: 65%; height: 1px; background: #2D2828; left: 0; }
  .issue-d-text{ border-top: 1px solid; padding: 14px 0 22px 0; }
  .issue-desc-wrap{ margin: 0 -12px; }
  .issue-desc-list{ padding: 0 12px;  }
  .issue-desc-list.only-article-block{ min-height: 500px; }
  .issue-detailed-desc sup{ cursor: pointer; }
  .issue-detailed-desc{ border-top: none; padding-top: 0; }
  .issue-d-text-wrap{ display: block; }
  .related-articles-title{ font-size: 20px; padding-bottom: 0; }
  .related-articles-wrap{ margin-top: 85px; }
  .related-articles{ margin: 0 -7px; }
  .spot-image{ height: 415px; }
  .issue-summary-text{ font-size: 15px; max-width: 70%; }
  .issue-spot-title{ font-size: 30px; max-width: 70%; }


  .related-articles-3 .issue-item{ width: 50%; }
  .scroll-text{ display: block; }

  /* filter page */
  .tax-issue_category .menu-wrap .filter-item{ background-color: #FFF7F4; }
  .tax-issue_category .menu-item .item--link-text{ visibility: visible; }

  /*  Blog page */
  .blog-listing .issue-item{ width: 33.33%; }

  /* Author detail page */
  .author-cat--name{ font-size: 10px; padding: 6px 9px; }
  .authors-all-articles{ margin: 0 -12px; }
  .author-description, .author-articles{ width: 50%; padding: 0 12px; }
  .author-articles .issue-item{ width: 100%; }
  .author-articles{ margin-top: 0; }

  /* About us */
  .wip--title{ font-size: 16px; }
  .about-authors, .contact-short-desc, .wip-short-desc{ padding: 30px; }
  .about-authors-desc, .wip-short-text{ font-size: 12px; }
  .input-wrap.d-top.col-2{ margin: 0; }
  .checkbox-label{  font-size: 10px; }
  .tick-check, .here, .tick-check + .wpcf7-list-item-label{ font-size: 9px; }
  input[type=checkbox]:checked + .checkbox-label:after { top: 0px; }
  input[type=checkbox] + .checkbox-label:before { top: -2px; }
  .btn-right{ margin-top: 42px; }

  /* newsletter */
  .newsletter-form .btn-right{ margin: 0; float: right; }
  .newsletter-section{ background: none; display: block; }
  .newsletter-section.visible, .cookie_banner_section{ bottom: 0; opacity: 1; visibility: visible; top: auto; }


  /*footer*/
  .authors-section .issue-description{
    min-height: 187px;
  }

}


@media (min-width: 1024px) {
  .container, .sec-container{ max-width: 1010px; }

  .issue-loop, .all-issue-block{ margin: 0 -7px; }
  .all-issues, .spotlight-issue, .issue-item{ padding: 0 7px; }

  .spotlight-issue-title{ font-size: 22px; }
  .issue-item{ width: 50%; }
  .spotlight-details-wrap{ padding: 20px 25px;width: calc(100% - 14px); }
  .spotlight-cat--block{ padding: 7.5px 8px; }
  .related-articles-3 .issue-item{ width: 33.33%; }
  .read-arrow{ font-size: 22px; }
  .spotlight-issue{height: 505px;}
  .issue-description p{min-height: 54px;}
  .author-name.desktop{min-height: 28px;}

  /* Blog page */
  .blog-listing .issue-item{ width: 25%; }

  /* Authors page */
  .view-link{ padding: 9px; }
  .view-link .arrow-icon{ width: 20px; height: 20px; }

  /* Authors details page */
  .author-description{ width: 25%; }
  .author-articles{ width: 75%; }
  .author-articles .issue-item{ width: 33.33%; }

  /* About us */
  .about-authors{ padding: 13px 30px; }
  .contact-short-desc{ padding: 30px 35px; }
  .wip-short-desc{ padding: 32px 35px; }
  .authorsListing .col-2{ width: 50%; }
  .wip--title{ font-size: 24px; }
  .authorsListing .col-2{ margin-bottom: 45px; }
  .checkbox-label, input[type=checkbox] + .wpcf7-list-item-label{ margin-bottom: 0; }
  .btn-right{ margin-top: 33px; }

  /* Newsletter */
  .newsletter-desc{ width: 100%; }
  .newsletter-form{ width: 100%; }
  .newsletter-block{  padding: 30px 36px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .newsletter-desc .newsletter-sub{margin-bottom: 25px !important;  max-width: 440px; margin: 0; }

}

@media (min-width: 1200px) {
  .container, .sec-container{ max-width: 1239px; }

  .item--link, .item--link-text{ padding: 8px 6px; }
  .logo--text{font-size: 14px;}
  .issue-title{font-size: 18px;}
  .issue-loop, .all-issue-block{ margin: 0 -12px; }
  .all-issues, .spotlight-issue, .issue-item{ padding: 0 12px; }
  .spotlight-details-wrap{ padding: 30px 36px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;width: calc(100% - 24px); }
  .issue-loop:first-child .spotlight-details-wrap{ padding: 30px 36px; }
  .spotlight-issue-title{ font-size: 24px; }
  /*.spotlight { max-width: 617px; }*/
  .issue-loop{ margin-bottom: 50px; }
  .issue-title-detail{ max-width: 50%; }
  .spotlight-issue{height: 600px;}
  .issue-category-name .item--category{font-size: 11px;}
  .spotlight-issue-text{font-size: 12px;}
  .read-more-link, .spotlight-cat--block{font-size: 10px;}

  /* article detail */
  .related-articles-title{ font-size: 24px; }
  .issue-summary-text{ font-size: 18px; max-width: 50%; }
  .issue-spot-title{ font-size: 36px; max-width: 50%; }
  .issue-author-detail, .issue-author-detail a{font-size: 14px;}
  .authors-section .issue-description p{ width: calc(100% - 40px); max-width: none; }
  .issue-cat--name{font-size: 14px;}

  /*  About us  */
  .contact-form .btn-right{ position: absolute; bottom: 0; right: 0; margin: 0; }
  .contact-form .ajax-loader{ position: absolute; right: 17px; top: 8px; }
  .checkbox-label{ margin-right: 40px; }
  .checkbox-title{ line-height: 1; }


  /* Newsletter */

  .newsletter-form .btn{ min-width: 143px; }
  .newsletter{ /*max-width: 593px;*/ }

  .author--text{font-size: 14px;}

  .authors-section .issue-description{
    min-height: 151px;
  }

}

@media (min-width: 1400px) {
  .container, .sec-container{ max-width: 1400px; }
  .spotlight-issue {
      height: 660px;
  }
  .item--link, .item--link-text{ padding: 7px 6.3px; font-size: 14px; }
  .issue-category-name .item--category{font-size: 12px;}
  .about-authors{ padding: 35px 30px; }
  .authors-section .issue-description{
    min-height: 133px;
  }

}

@media only screen and (max-width: 1023px){

 body section.cookie_banner_section {top: auto;}
 .newsletter-outer{width: 100%;}
 body section.cookie_banner_section .newsletter-desc {width: 100%;}
 body .newsletter-outer .newsletter-form button#ot-sdk-btn.ot-sdk-show-settings{font-size: 10px; padding: 6px 6px;}
 body .newsletter-outer .newsletter-form button{padding: 7px 6px; font-size: 10px;}
}

@media only screen and (max-width: 376px){

 body section.cookie_banner_section .newsletter-form {flex-direction: column;  }
 body .newsletter-outer .newsletter-form button {margin: 3px; }
}


.issue-detail-page{position: relative;}
.issueSumBlockWrap{height: auto;visibility: visible;}
.issueSumBlockWrap.active{height: 0; visibility: hidden;}
.detail-start-wrap{transition: all 0.5s ease;}
.detail-start-wrap.active{top: 0px !important; padding-top: 96px;}
#bitnami-banner{display: none !important;}
.issue-d-text a, .author--text a{font-size: inherit; text-decoration: underline;}
.issue-url {margin-top: 7px;display: inline-block;}
.space-between-top{display: flex;align-items: flex-start;justify-content: space-between;}

/*cookie banner css added : 2022-04-26*/
.ot-sdk-row {
  background-color: #2D2828!important;
  font: 'Editor-Bold'!important;
}

#onetrust-policy-text {
  color: #FFF7F4!important;
}

#onetrust-reject-all-handler {
  background-color: #FFF7F4!important;
  color: #2D2828!important;
  border:#ffffff!important;
  border-radius: 0px!important;
}

#onetrust-accept-btn-handler {
  background-color: #FFF7F4!important;
  color: #2D2828!important;
  border:#ffffff!important;
  border-radius: 0px!important;
}

#onetrust-pc-btn-handler {
  background-color: #FFF7F4!important;
  color: #2D2828!important;
  border:#ffffff!important;
  border-radius: 0px!important;
}
/*a {
  color: #FFF7F4!important;

}*/

@media only screen and (min-width: 767px){
.newsletter-form form.newsletter .input-group:last-child {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 0 !important;
}
.newsletter-form form.newsletter .input-group:last-child .input-wrap.d-top {
    padding: 0;
}
}

@media (max-width: 992px){
    .authorsListing .col-2.last {
        margin-bottom: 28px;
    }
    .authorsListing .col-2.last + .col-2.last {
    margin-bottom: 0;
    }
}
@media screen and (max-width:767px) {
figure {
     width: auto !important; 
}
}
.aligncenter {
    clear: both;
    text-align: center;
    margin: 0 auto;
    display: block;
}
figcaption {
    padding-bottom: 20px;
}