/*
Theme Name: Echo Gone Wrong 2019
Author: echogonewrong.com
Author URI: http://echogonewrong.com
Text Domain: echogonewrong
*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}
:focus{
  outline: 0;
}

@font-face {
  font-family: 'BMW Light';
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/echogonewrong/font/bmwlt-webfont.woff2") format("woff2"),
       url("/wp-content/themes/echogonewrong/font/bmwlt-webfont.woff") format("woff");
}

* {
    margin: 0;
}

html, body{
  margin: 0;
  padding: 0;
  font-family: 'BMW Light', sans-serif;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
  letter-spacing: 0.9px;
}

body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;  
}

a:link,
a:visited{
  color: #000000;
  text-decoration: underline;
  line-height: 25px;
}

a:hover,
a:focus{
  color: #000000;
  text-decoration: none;
}
a.no-fade:hover,
a.no-fade:focus{
  opacity: 1!important;
}

.no-border{ border: 0!important; }

p{
  margin-bottom: 1.5em;
}

img{
  max-width: 100%!important;
  height: auto;
}

h1{
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 27px;
  line-height: 32px;
  letter-spacing: 1.5px;
}

h2{
  font-size: 23px;
  font-weight: 400;
  margin-bottom: 15px;
}

h3{
  font-size: 20px;
  font-weight: 400;
}

h3 a:link,
h3 a:visited{
  text-decoration: none;
}

h3 a:hover,
h3 a:focus{
  text-decoration: underline;
}

h4{
  font-size: 23px;
  font-weight: 100;
}

.red-text{ color: #ff0000; }

main{
  flex: 1;
}

footer{
  padding-top: 130px;
  padding-bottom: 20px;
  font-size: 16px;
}

footer p{
  line-height: 25px;
}

footer .mc4wp-form input[type=submit],
footer a:link,
footer a:visited,
.sidebar-col a:link,
.sidebar-col a:visited,
.footer-menu .children,
.red-grey-link:link,
.red-grey-link:visited,
.fade:link,
.fade:visited,
.archive li a:link,
.archive li a:visited,
#mcTagMap #mcTagMapNav a:link,
#mcTagMap #mcTagMapNav a:visited,
.grid-item-content .author:link,
.grid-item-content .author:visited,
.article .details .author:link,
.article .details .author:visited,
.list-item .author:link,
.list-item .author:visited,
.grid-item-content .title:link,
.grid-item-content .title:visited,
.slide .author:link,
.slide .author:visited,
#list-container .list-item a:link,
#list-container .list-item a:visited,
.grid-item .event a.title:link,
.grid-item .event a.title:visited,
.article .article-footer .print:link,
.article .article-footer .print:visited,
.slide a.title:link,
.slide a.title:visited{
  opacity: 1;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;  
}
footer a:hover,
footer a:focus,
footer .mc4wp-form input[type=submit]:hover,
footer .mc4wp-form input[type=submit]:focus,
.sidebar-col a:hover,
.sidebar-col a:focus,
.red-grey-link:focus,
.red-grey-link:hover,
.fade:hover,
.fade:focus,
.archive li a:hover,
.archive li a:focus,
#mcTagMap #mcTagMapNav a:hover,
#mcTagMap #mcTagMapNav a:focus,
.grid-item-content .author:hover,
.grid-item-content .author:focus,
.grid-item-content .title:hover,
.grid-item-content .title:focus,
.list-item .author:hover,
.list-item .author:focus,
.slide .author:hover,
.slide .author:focus,
#list-container .list-item a:hover,
#list-container .list-item a:focus,
.grid-item .event a.title:hover,
.grid-item .event a.title:focus,
.article .details .author:hover,
.article .details .author:focus,
.article .article-footer .print:hover,
.article .article-footer .print:focus,
.slide a.title:hover,
.slide a.title:focus
{
  opacity: .5;
}

.fade:link,
.fade:visited{
  text-decoration: none;
}

footer a:link,
footer a:visited,
.slide a.title:link,
.slide a.title:visited{
  color: #000000;
  text-decoration: none;
}

footer a:hover,
footer a:focus{
  color: #000000;
  text-decoration: none;
}

/* SUBSCRIBE FORM */
footer .mc4wp-form{ margin: 0; }

footer .mc4wp-form label{ font-weight: 400; }

footer .mc4wp-form input{
  font-family: 'BMW Light';
  font-size: 16px;
  padding: 2px 6px 3px;  
  border-radius: 8px;
}
footer .mc4wp-form input[type=email]{
  border: 1px solid black;
}

footer .mc4wp-form input[type=submit]{
  margin-top: 2px;
  background-color: black;
  color: #ffffff;
  border: 1px solid black;
}

footer .mc4wp-form input[type=submit]:hover,
footer .mc4wp-form input[type=submit]:focus{
  background-color: black;
  border: 1px solid black;
  color: #ffffff;
}

footer h2.widgettitle{
  font-size: 16px;
  margin-bottom: 0;
}

footer .widget_media_image{
  margin: 20px 10px 0 0;
}
footer .widget_media_image:last-of-type {
    margin-right: 0;
}

footer .widget_media_image img[src=".svg"] {
    width: auto;
}

footer .supporters-col{
  display: flex;
  flex-wrap: wrap;
  min-width: 330px;
  justify-content: space-between;
  align-items: center;
}

footer .supporters-col .widget_text{ width: 100%;}

main{
  padding-top: 20px;
}

.sidebar-col,
.sidebar-col a:link,
.sidebar-col a:visited,
.grid-item .event a.title:link,
.grid-item .event a.title:visited{
  color: #ff0000;
  font-size: 15px;
  letter-spacing: 1px;
  text-decoration: none;
  line-height: 20px;
}

.sidebar-col a:link,
.sidebar-col a:visited,
.grid-item .event a.title:link,
.grid-item .event a.title:visited{
  display: block;
}

.grid-item .event a.title:link,
.grid-item .event a.title:visited{
  margin-top: 7px;
}

.sidebar-col a:hover,
.sidebar-col a:focus,
.grid-item .event a.title:hover,
.grid-item .event a.title:focus{
  color: #000000;
  text-decoration: none;
}

.sidebar-col h3 a:link{ font-size: 21px; }

.sidebar-col .widget_sp_image{
  margin-bottom: 20px;
}

.sidebar-col .item-list{
  margin-bottom: 50px;
}

.sidebar-col .item,
#list-container .list-item{
  margin-bottom: 30px;
}

#list-container .list-item a:link,
#list-container .list-item a:visited,
#list-container .list-item a:hover,
#list-container .list-item a:focus{
  color: black;
  text-decoration: none;
}

#list-container .list-item{
  margin-bottom: 30px;
}

.sidebar-col .date,
.grid-item .event .date{
  text-decoration: underline;
}

.sidebar-col .thumb img,
.list-item .thumb img{
  max-height: 105px;
  width: auto;
  margin-bottom: 4px;
}

.footer-menu,
.category-menu,
.contributor-list,
.institution-list,
.archive,
.subfilter{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-menu li,
.category-menu li{
  margin: 0;
  padding: 0;
}

.category-menu{
  display: flex;
  width: 100%;
}


#searchform input{
  background-color: #d9d9d9;
  border: 0;
  border-radius: 8px; 
  padding: 0 4px;
  width: 100%;
}
#searchform input.red::placeholder {
  color: red;
}
.category-menu li{
  margin: 0 2px;
  white-space: nowrap;
}

.category-menu li.search-form{
  width: 100%;
  margin-right: 0;
}

.category-menu li a:link,
.category-menu li a:visited,
.subfilter li{
  background-color: black;
  border: 1px solid black;
  border-radius: 8px;
  padding: 0 4px;
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;    
}
.category-menu li a:hover,
.subfilter li:hover{
  background-color: #b2b2b2;
  border-color: #b2b2b2;
  color: black;
}

.filter.selected:link,
.filter.selected:visited,
.filter-country.selected,
.filter-country.selected:hover{
  background-color: #7f7f7f;
  border-color: #7f7f7f;
  color: white;
}

.category-menu li a.news:link,
.category-menu li a.news:visited,
.subfilter li{
  background-color: white;
  border: 1px solid red;
  color: red;
  cursor: pointer;
}

.category-menu li a.news:hover,
a.news.filter.selected:link,
a.news.filter.selected:visited,
a.news.filter.selected:hover{
  background-color: red;
  color: white;
}

.red-link:link,
.red-link:visited,
.red-grey-link:link,
.red-grey-link:visited{
  color: #ff0000;
  text-decoration: none;
}

.red-link:hover,
.current .red-link:link,
.current .red-link:visited{
  color: #ff0000;
  text-decoration: underline;
}
.current .children .red-link:link, 
.current .children .red-link:visited{
  text-decoration: none;
  line-height: 24px;
}

.red-grey-link:hover,
.red-grey-link:focus{
  color: #000000;
}

.red-link.has-children:focus{
  text-decoration: none;
}

.current .red-link.has-children:focus{
  text-decoration: underline;
}

.footer-menu li a:link,
.footer-menu li a:visited{
  font-size: 18px;
  line-height: 25px;
  display: block;
}

.footer-menu li a:hover,
.footer-menu li a:focus,
.footer-menu li.current a:link,
.footer-menu li.current a:visited{
  font-size: 18px;
  opacity: 1;
}

.footer-menu li a.selected:link,
.footer-menu li a.selected:visited,
.footer-menu li a.selected:hover,
.footer-menu li a.selected:focus{
  text-decoration: underline;
}

.footer-menu-col{
  max-width: 150px;
}

.footer-menu .children{
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
}

.support-ltkt,
.support-cultmin{
  width: 150px;
}

.footer-menu .children.open{
}

.footer-menu .children{
  height: 0;
  overflow: hidden;
}

ul.contributor-list li{
  margin-bottom: 40px;
}

ul.contributor-list li a.contributor-link:link,
ul.contributor-list li a.contributor-link:visited{
  color: red;
  text-decoration: none;
}

ul.contributor-list li a.contributor-link:link,
ul.contributor-list li a.contributor-link:visited{
  color: red;
  text-decoration: none;
}

.avatar-container{
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  background-color: red;
  width: 160px;
  height: 160px;
}

.contributor{
  display: flex;
  margin-bottom: 35px;
}

.contributor .avatar{
  width: 140px;
  height: 140px;
  border-radius: 50%;
}
.contributor .contributor-bio{
  width: calc(100% - 140px);
  margin-left: 25px;
}

.contributor .avatar-default{ display: none;}
.contributor .avatar-default + .contributor-bio {
  width: 100%;
  margin-left: 0;
}

.institution-list li{
  padding-bottom: 12px;
  border-bottom: 1px solid red;
  margin-bottom: 10px;  
}

.institution-list li .thumb img{
  max-width: 500px!important;
  max-height: 200px;
  width: auto;
  height: auto;
}

.institution-list li .thumb{
  margin: 5px 0;
}

.institution-list li .description{
  margin-top: 1.5rem;
}

.children .institution-filter:link,
.children .institution-filter:visited{
    border: 1px solid red;
    border-radius: 8px;
    display: inline-block;
    padding: 0 4px;
    text-decoration: none;  
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.children .institution-filter:hover{
  text-decoration: none;
  background-color: #b2b2b2;
  border-color: #b2b2b2;
  color: black;
}

.children .institution-filter.selected:link,
.children .institution-filter.selected:visited,
.children .institution-filter.selected:hover{
  background-color: #7f7f7f;
  border-color: #7f7f7f;
  color: white;  
}

.menu-item .children li{
  margin-bottom: 5px;
}

.archive li a:link,
.archive li a:visited{
  text-decoration: none;
  font-weight: 100;
}

#mcTagMap #mcTagMapNav {
    text-align: left!important;
    padding: 0!important;
    border: 0!important;
    margin-bottom: 30px!important;
}

#mcTagMap #mcTagMapNav a {
    padding: 0px 2px 0px 0px!important;
    border-left: 0!important;
    text-decoration: none!important;
  font-weight: 100;
}

#mcTagMap .holdleft {
    width: 30%!important;
    margin-right: 5%!important;
}

#mcTagMap .noMargin, #sc_mcTagMap .noMargin {
    margin: 0!important;
}

#mcTagMap .tagindex {
    padding: 0px 0 30px 0!important;
}

#mcTagMap .tagindex h4{
    border-bottom: 0!important;
    padding: 0!important;
    margin: 0!important ;
}
#mcTagMap .holdleft .tagindex h4 {
    color: red;
}

#mcTagMap .tagindex ul {
    margin: 0!important;
}
#mcTagMap .tagindex ul li, #sc_mcTagMap .tagindex ul li {
    padding: 0!important;
}

.rtf-text-container ul, 
.rtf-text-container ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 2.0em;
}
.rtf-text-container ul {
    list-style-type: disc;
}

.rtf-text-container li{ 
  border-bottom: 0; 
  padding-bottom: 0;
  margin-bottom: 0;
}

.navbar,
.navbar-brand{ padding: 0; }
.navbar-brand img{ display: block; }

.navbar{ 
  align-items: start; 
  padding-bottom: 0px;
    position: fixed;
    background: transparent;
    z-index: 2;
    left: 65px;
    top: 0;
    padding-top: 20px;
    width: calc( 75% - 100px - 45px);  
}

#grid-container,
#list-container{ 
  opacity: 1;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;    
}

#grid-container.hidden,
#list-container.hidden{ 
  pointer-events: none;
  opacity: 0; 
}

.grid-sizer{
  min-height: 0!important;
}

.grid-item-content{ padding-bottom: 40px; }

.grid-item-content .date{ font-size: 15px; height: 18px; line-height: 20px; letter-spacing: 1px;}
.grid-item-content.red-hot .date,
.grid-item-content.red-hot a.title:link,
.grid-item-content.red-hot a.title:visited,
.grid-item-content.red-hot a.author:link,
.grid-item-content.red-hot a.author:visited{
  color: red;
}
.grid-item-content.red-hot a.title:hover,
.grid-item-content.red-hot a.title:focus,
.grid-item-content.red-hot a.author:hover,
.grid-item-content.red-hot a.author:focus{
  color: black;
}

.container-fluid{ padding-right: 0; padding-left: 0; }

.container-fluid .grid{ margin-right: -15px; margin-left: -15px; }

.grid-item-content .wp-post-image{
  padding: 5px 0;
}

.grid-item-content a:link,
.grid-item-content a:hover,
.grid-item-content a:visited,
.grid-item-content a:focus,
.slide a:link,
.slide a:visited,
.slide a:focus,
.slide a:hover,
.article .details a:link,
.article .details a:visited,
.article .details a:hover,
.article .details a:focus,
.article .article-footer a:link,
.article .article-footer a:visited,
.article .article-footer a:hover,
.article .article-footer a:focus{
  text-decoration: none;
}

.grid-item-content .author:link,
.grid-item-content .author:visited,
.slide .author:link,
.slide .author:visited,
.article .details .author:link,
.article .details .author:visited,
#list-container .list-item .author:link,
#list-container .list-item .author:visited{
  color: blue;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
}

.grid-item-content .author:hover,
.grid-item-content .author:focus,
.slide .author:hover,
.slide .author:focus,
.article .details .author:hover,
.article .details .author:focus,
#list-container .list-item .author:hover,
#list-container .list-item .author:focus{
  color: black;
}

.tag:link,
.tag:visited{
  background-color: #b2b2b2;
  border: 1px solid #b2b2b2;
  color: black;
  border-radius: 6px;
  padding: 0px 6px 1px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;    
}

.article-footer .tag{
  padding-top: 0px;
}

.tag:hover,
.tag:focus{
  background-color: #7f7f7f;
  border: 1px solid #7f7f7f;
  color: white;
}

.loader {
  width: 60px;
  height: 60px;
  position: fixed;
  top: calc(50vh - 30px);
  left: 36vw;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;    
}

.loader.displaced{
  top: 90vh;
}

.loader.hidden {
  opacity: 0;
}

.pagination {
  justify-content: center;
  margin-top: 20px;
}

a.page-numbers:link,
a.page-numbers:visited{
  text-decoration: none;
  padding: 0 4px;
  margin: 0 3px;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;    
}

a.page-numbers:hover,
a.page-numbers:focus{
  background: black;
  border: 1px solid black;
  color: white;
}

.page-numbers.current{ 
  padding: 0 4px;
  margin: 0 3px;
  background: #b2b2b2;
  border: 1px solid #b2b2b2;
  border-radius: 8px;
}

.out-of-view{
  position: absolute;
  top: -1000px;
}

.subfilter{ 
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 8px;
  display: none;
}

.subfilter .caption{ display: none; background: transparent; border: 1px solid transparent; }
.subfilter .caption:hover{ background: transparent; border: 1px solid transparent; cursor: auto; color: red;}

.subfilter li{ margin-left: 4px; }

.by-country .subfilter{
  display: flex;
}

#categoryFilter{ 
  height: 50px; 
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;    
  overflow: hidden;
  align-items: start;
}
#categoryFilter.by-country{ height: 80px; }

.artist{
  margin-bottom: 10px;
}

#post-slider{
  margin-bottom: 30px;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;      
}
#post-slider.hidden{
  opacity: 0;
}

.slide .caption{
  width: 60%;
  display: block;
  position: relative;
  padding-top: 2px;
}

.archive-date{
  margin-bottom: 20px;
}

.article .details{
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
  color: blue;
}

.article .article-content,
.article .article-featured-image{ margin-top: 30px; }
.article .article-featured-image img{
  max-width: 80%;
  max-height: calc(100vh - 30px);
  display: block;
  width: auto;
  height: auto;
}

.article .article-content{
  max-width: 88%;
  margin: 30px auto 0 auto;
}

.article .article-content p{
  font-size: 19px;
  letter-spacing: 0.9px;
  line-height: 25px;
}

.article .article-content p,
.article .article-content span,
.article .article-content ul li,
.article .article-content a,
.article .article-content div{
    font-family: 'BMW Light', sans-serif!important;
}

.rtf-text-container img{
    margin: 30px 0;
    display: block;
}

.rtf-text-container img + img{
  margin-top: 0;
}
.rtf-text-container p br + img{
  margin-top: 30px;
  display: block;
}

.rtf-text-container p + div img{
  margin-top: 0px;
  display: block;
}

.rtf-text-container div.wp-caption + div.wp-caption img{
  margin-top: 0;
}

.rtf-text-container iframe,
.rtf-text-container .splashauthor,
.rtf-text-container .splashdate,
.rtf-text-container h1,
.rtf-text-container h3,
.rtf-text-container h4,
.rtf-text-container h2,
.rtf-text-container h5,
.rtf-text-container ul,
.rtf-text-container ol
.rtf-text-container table{
  padding: 0 0 1.5rem 0;
}

.rtf-text-container p > iframe{
  padding-bottom: 0;
}

.rtf-text-container div p{
  max-width: 100%;
}

blockquote {
  font-size: 15px;
  text-align: left;
  margin-top: -25px;
}

.article .article-content div + blockquote{
  margin-top: 5px;
}

.article .article-content blockquote p{
  font-size: 15px;
  margin-bottom: 0;
}

.rtf-text-container .gallery{
  width: 113.638%;
  max-width: 113.638%!important;
  margin:0px -6.819% 30px -6.819%!important;
}

.rtf-text-container .gallery-item{
    margin: 0px!important;  
}

.rtf-text-container .gallery dl:first-of-type img{ margin-top: 0; }

.rtf-text-container img{
  border: 0!important;
}

.rtf-text-container div p img {
    width: 100%;
    max-width: 100%!important;
    margin: 0 0 30px;
}

.rtf-text-container img.vertical-image{
  max-width: 80%;
  max-height: calc(100vh - 30px);
  display: block;
  width: auto;
  height: auto;
}

.rtf-text-container .wp-caption {
    border: none;
    max-width: 100%;
    text-align: left;
  margin: 0;
  padding: 5px 0 0;
}

.rtf-text-container .wp-caption .wp-caption-text,
.article .featured-image-caption{
    font-size: 15px;
    text-align: left;
    margin-top: -25px;  
}

.article .featured-image-caption{
  margin-top: 5px;
}

.rtf-text-container .row{
  margin: 0;
  display: block;
}

.rtf-text-container .row .column{
  width: 100%;
}

.article .article-footer{
  display: flex;
  height: 20px;
  flex-wrap: wrap;
}

.article .article-footer .tag{
  margin-left: 5px;
  margin-bottom: 5px;
  height: 20px;
}
.article .article-footer .tag:first-of-type{ margin-left: 0;}

.article .article-footer .fb{
  border-radius: 6px;
  overflow: hidden;
  margin-left: 5px;
  margin-bottom: 0px;
}

.article .article-footer .print:link,
.article .article-footer .print:visited{
    font-size: 15px;
    background: black;
    color: white;
    line-height: 18px;
  letter-spacing: 1px;
    border: 1px solid black;
    border-radius: 6px;
    padding: 0px 6px 1px;
    margin-left: 5px;  
  margin-bottom: 5px;
  margin-right: 5px;
  height: 20px;
}

.article .article-footer .tag{
  line-height: 18px; 
}

.hupso-share-buttons{ padding: 0!important; margin: 0!important;}
.hupso_facebook{ float: none!important; margin: 0!important; display: block; }
#counters_hupso_counters_0{ display: block!important; }
.fb_iframe_widget { display: block!important; }
.fb_iframe_widget span { display: block!important; }
.article .article-footer iframe{ 
  margin-left: -1px; 
  width: 74px;
  height: 23px;
  margin-top: -3px;
}

.fb-like{
  height: 20px;
  overflow: hidden;
  border-radius: 6px;
  width: 72px;
}

.sidebar-col .widget_sp_image-image-link:hover{ opacity: 1;}

.navbar-toggler-icon{
  background: url(/wp-content/themes/echogonewrong/images/burger.svg) center center no-repeat;
  width: 23px;
  height: 19px;
  background-size: contain;
  display: block;
}

input,
textarea,
button,
select,
a,
* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

button:focus {
    outline: 0;
}

#categoryFilter .navbar-brand{ display: none; }

.secondary-nav-container{ display: none; }

.cookie-consent{
  position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    border-top: 1px solid #000;
    z-index: 102;
    display: none;
}

.cookie-consent .container{
  padding: 20px 15px 30px;
}

.cookie-consent a.button:link,
.cookie-consent a.button:visited{
    display: block;
    position: relative;
    background-color: black;
    border: 1px solid black;
    border-radius: 8px;
    padding: 0 4px;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.cookie-consent a.button:hover,
.cookie-consent a.button:active{
  text-decoration: none;
  background-color: #b2b2b2;
    border-color: #b2b2b2;
    color: black;
}

.cookie-consent ul{
  list-style-type: none; 
  display: flex; 
  justify-content:center;
  margin: 0;
  padding: 0;
}

.cookie-consent ul li{
  padding: 0 20px;
}

.category-menu .pdf-link:link,
.category-menu .pdf-link:visited{
  background: url(/wp-content/themes/echogonewrong/images/icon-pdf.svg) #d9d9d9 center center no-repeat ;
  background-size: 20px 20px;
  display: block;
  width: 25px;
  height: 100%;
  border: 0;
}

@media (min-width: 992px){
  .content-col {
      padding-right: 15px; padding-top: 80px;
  }  
  .navbar{ 
      width: calc( 75% - 100px - 5px);  
  }  

  
}

@media (min-width: 1300px){
  .content-col{ padding-right: 100px; padding-top: 80px; }
  .navbar{ 
      width: calc( 75% - 100px - 90px);  
  }  
}

@media (min-width: 768px){
  .container { max-width: calc(100% - 100px); }
}

@media (min-width: 768px) and (max-width: 991px){
  .content-col {
      padding-right: 15px; padding-top: 80px;
  }  
  .navbar-expand-md .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar {
      width: calc( 66% - 90px);
  }  
  
  .slide .caption { width: 100%; }
  
  #mcTagMap .holdleft {
      width: 100%!important;
      margin-right: 0!important;
  }  
  
  .institution-list li .thumb img {
      max-width: 100%!important;
      max-height: 200px;
      width: auto;
      height: auto;
  }  
  .footer-menu-col {
      max-width: 117px;
  }  
  .loader {
      top: calc(40vh - 30px);  
  }
  
  footer .supporters-col{ width: 100%; margin-top: 30px;}
  
  .navbar-expand-md .navbar-toggler {
      display: block;
  }  
  
  .navbar { padding-bottom: 20px; justify-content: space-between; }
  .navbar-toggler { 
    width: 30px;
    height: 30px;
    position: relative; 
    padding: 14px;
    margin-top:0px;
  }
  
  .navbar-toggler .stroke{
    height: 2px;
    background: black;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    transition: all 0.25s ease-out;
    opacity: 1;
  }
  
  .navbar-toggler .stroke.top{
    top: 6px;
  }
  
  .navbar-toggler .stroke.middle{
    top: 13px;
  }
  
  .navbar-toggler .stroke.bottom{
    bottom: 6px;
  }
  
  .navbar-toggler[aria-expanded="true"]  .stroke.top {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 13px;
  }  
  
  .navbar-toggler[aria-expanded="true"]  .stroke.bottom {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      bottom: 13px;
  }  
  
  .navbar-toggler[aria-expanded="true"]  .stroke.middle {
    opacity: 0;
  }  
  
  #categoryFilter {
      min-height: 100vh;
      z-index: 1;
      background: white;
      top: 50px;
      left: 0;
      padding: 15px;
      overflow-y: scroll;
    padding-top: 35px;
    position: absolute;
    width: 100%;
    display: block!important;
    height: calc(100vh - 30px);
}
  
  #categoryFilter.collapse{
    display: none!important;
  }
    
  #categoryFilter .navbar-brand {
      display: block;
  }  
  
  .category-menu { display: block; }  
  .category-menu li{ margin-bottom: 10px;}
  .category-menu li.search-form { margin-top: 50px; }  
  
  .secondary-nav-container{ 
    display: block; 
    margin-left: 2px; 
    margin-top: 50px;
  }
  
  .by-country .subfilter {
      display: block;
      top: 35px;
      right: 15px;
    bottom: unset;
  }
  
  .subfilter li {
      margin-bottom: 10px;
      text-align: center;
    line-height: 25px;
    padding-top: 1px;
  }  
  
  main.fixed{
    position: fixed;
    z-index: 1;
  }  

  .rtf-text-container p, .rtf-text-container .row .column p, .rtf-text-container .splashauthor, .rtf-text-container .splashdate, .rtf-text-container h1, .rtf-text-container h3, .rtf-text-container h4, .rtf-text-container h2, .rtf-text-container h5, .rtf-text-container ul, .rtf-text-container ol .rtf-text-container table {
      max-width: 100%;
  }
  
  .rtf-text-container p img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 20px 0;
  }
  .rtf-text-container img.vertical-image { width: 100%; }
  
  .menu-item .children{ margin-left: 0!important;}
  
}
@media (max-width: 767px){
  
  main { padding-top: 15px; }
  
  .navbar { padding-bottom: 20px; }
  .navbar-toggler { 
    width: 20px;
    height: 19px;
    position: relative; 
    padding: 14px;
    margin-top: -3px;
  }
  
  .navbar-toggler .stroke{
    height: 2px;
    background: black;
    display: block;
    width: 22px;
    position: absolute;
    left: calc(50% - 11px);
    transition: all 0.25s ease-out;
    opacity: 1;
  }
  
  .navbar {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    left: 0;
  }
  
  .navbar-toggler .stroke.top{
    top: 7px;
  }
  
  .navbar-toggler .stroke.middle{
    top: 13px;
  }
  
  .navbar-toggler .stroke.bottom{
    bottom: 7px;
  }
  
  .navbar-toggler[aria-expanded="true"]  .stroke.top {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 13px;
  }  
  
  .navbar-toggler[aria-expanded="true"]  .stroke.bottom {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      bottom: 13px;
  }  
  
  .navbar-toggler[aria-expanded="true"]  .stroke.middle {
    opacity: 0;
  }  
  
  #categoryFilter {
      height: auto;
      position: fixed;
      min-height: 100vh;
      z-index: 1;
      background: white;
      width: 100vw;
      top: 50px;
      left: 0;
      padding: 15px;
      overflow-y: scroll;
    padding-top: 35px;
  }  
  #categoryFilter .navbar-brand {
      display: block;
  }  
  
  .category-menu { display: block; }  
  .category-menu li{ margin-bottom: 10px;}
  .category-menu li.search-form { margin-top: 50px; }  
  
  .secondary-nav-container{ 
    display: block; 
    margin-left: 2px; 
    margin-top: 50px;
  }
  
  .by-country .subfilter {
      display: block;
      top: 35px;
      right: 15px;
    bottom: unset;
  }
  
  .subfilter li {
      margin-bottom: 10px;
      text-align: center;
    line-height: 25px;
    padding-top: 1px;
  }  
  
  main.fixed{
    position: fixed;
    z-index: 1;
  }
  
  
  footer.fixed{
    display: none;
  }
  
  .hidden-in-mobile{ display: none; }

  .slide .caption { width: 100%; }
  
  .loader {
      top: calc(50vh - 30px);
      left: calc(50% - 30px);
    }
    .loader.displaced {
        top: 50vh;
    }  
  
  .content-col{ min-height: 100vh; padding-top: 60px; }
  
  .pagination {
    justify-content: center;
    margin-top: 0;
  }
  
  .widget_sp_image-image-link{ text-align: center; }
  
  .widget-wrapper + h3{ margin-top: 50px;}
  
  footer { padding-top: 100px; }
  footer .col{ margin-bottom: 30px; width: 50%; min-width: 50%; }
  .footer-menu-col { max-width: unset; }  
  footer .supporters-col { justify-content: space-around; min-width: unset; }  
  footer .textwidget a{ word-break: break-word;}
  
  .archive,
  .mobile-mb-50,
  #list-container,
  #grid-container{ margin-bottom: 50px; }
  
  #mcTagMap .holdleft {
      width: 100%!important;
      margin-right: 0!important;
  }  
  
  .institution-list li .thumb img {
      max-width: 100%!important;
      max-height: 100px;
  }
  
  #post-slider{ display: none!important; }
  
  .rtf-text-container p, .rtf-text-container .row .column p, .rtf-text-container .splashauthor, .rtf-text-container .splashdate, .rtf-text-container h1, .rtf-text-container h3, .rtf-text-container h4, .rtf-text-container h2, .rtf-text-container h5, .rtf-text-container ul, .rtf-text-container ol .rtf-text-container table {
      max-width: 100%;
  }
  
  .article .article-content { margin-top: 20px; }  
  .rtf-text-container p img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 20px 0;
  }
  .rtf-text-container img.vertical-image { width: 100%; }
  .article .article-footer { margin-bottom: 50px; }

  iframe{ max-width: 100%; }
}

#cookie-notice, #cookie-notice .cn-button:not(.cn-button-custom) {
  font-family: 'BMW Light', sans-serif !important;
}
#cookie-notice .cn-button:not(.cn-button-custom) {
  border: 1px solid white !important;
}

#cookie-notice .cn-button:not(.cn-button-custom):hover {
  background-color: #b2b2b2 !important;
  border-color: #b2b2b2 !important;
  color: black;
  opacity: 1!important;
}