/*
Theme Name: HopeNotHate
Author: 89up LTD
Author URI: http://www.89up.org
License URI: http://www.89up.org
Description: Hope Not Hate WordPress Theme
Version: 1.0.9
Text Domain: hopenothate
*/

.cardtext img.titleimage{
    height: auto;
}
#mega-menu-wrap-header-menu{
    display: inline!important;
    background-color: transparent;
}
#mega-menu-wrap-header-menu > ul{
    text-align: right!important;
}
.nav-link a{
    text-decoration: none!important;
    color: #000;
}
.nav-link a.join {
	color: #fff;
	display: block;
	margin-bottom: 1px;
}
.nav-link:hover a.join{
    color: #000;
}
.w--open a.menu-item{
   color: #fff; 
}
.dropmenu {
    font-size: 24px;
}
i.fab{
    font-style: normal;
}
.searchform .search-field {
	height: 90px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	font-size: 50px;
	line-height: 60px;
    width: 100%;
}
.searchform .search-close,
.searchform .search-submit{
    display: none;
}
.brand{
    z-index: 99;
}
.w-richtext figure img {
	width: auto;
	height: auto;
}
.w-richtext figure {
	position: relative;
	max-width: fit-content;
	margin: 0 auto;
    text-align: center;
}
.joinimage{
    height: auto;
}
.podcastcontainer .fullcard a{
    color: #000;
}
ul.display-posts-listing {
	margin: 0;
	padding: 0;
	width: 100%;
}
._3col .card {
	font-weight: 600;
	text-align: left;
    width: 31.3%;
    margin-right: 1%;
    margin-left: 1%;
    padding: 15px 0px 0px;
}
#blog-view.podcast ._3col .card {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
}
._4col .card {
	width: 23%;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 600;
	text-align: left;
}
.flexDP ul.display-posts-listing{
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.herohome img.arrowx{
    display: none;
} 
.herohome.showarrow img.arrowx{
    display: inline-block;
} 
.opt-out-warn {
	font-size: 16px;
	line-height: normal;
}
.herohome.tabs{
    padding-top: 0px;
    padding-bottom: 20px;
}
.tick .fa {
	color: #000;
	position: absolute;
	top: 4px;
	left: 5px;
}
.orderItem.active{
    display: none;
}
.articlecontentblock.accordion,
.articlecontentblock.textPB{
    padding-top: 0;
    padding-bottom: 0;
}
.articlecontentblock.accordion .div-block,
.articlecontentblock.accordion .textPB{
	padding-top: 0;
}
.chapterblockPost {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #fff;
	background-color: #000;
	color: #fff;
}
.chapterhead{
    background-position: 0px 0px, 100% 50%;
    background-size: auto, 60%;
    background-repeat: repeat, no-repeat;
    background-color: #000;
	color: #fff;
}
.type-post.postInner > blockquote{
    float: none;
    display: block;
}
.type-post.postInner > p,
.type-post.postInner > ul,
.type-post.postInner > li,
.type-post.postInner > blockquote,
.type-post.postInner > h1,
.type-post.postInner > h2,
.type-post.postInner > h3,
.type-post.postInner > h4,
.type-post.postInner > h5,
.type-post.postInner > hr,
.longReadContent > ul,
.longReadContent > li,
.longReadContent > blockquote,
.longReadContent > h1,
.longReadContent > h2,
.longReadContent > h3,
.longReadContent > h4,
.longReadContent > h5,
.longReadContent > hr,
.wp-block-button,
.longReadContent > .key-takeaways,
.longReadContent > p,
.longReadContent > figure,
.advance-page-container a.downloadbutton,
.advance-page-container .wp-block-buttons,
.longReadContent > .quote-container,
.longReadContent > .wp-block-buttons{
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}
.wp-block-buttons{
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.wp-block-buttons a{
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 30px;
    border: 1px solid #000;
    background-color: #000;
    font-family: Jost, sans-serif;
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    font-weight: 400;
    border-radius: 0;
}
.wp-block-buttons a:hover{
    color: #000;
    background-color: #f8d602;
}
.longReadContent > figure{
    text-align: center;
}
.longReadContent > blockquote{
    display: block;
    float: none;
}
.bigimage{
    height: auto;
}
.quote-container{
    margin-top: 25px;
    margin-bottom: 40px;
    padding: 10px 10px 10px 20px;
    border-bottom: 2px solid #f8d602;
    border-left: 2px solid #f8d602;
    font-family: Jost, sans-serif;
    font-size: 26px;
    line-height: 40px;
    font-weight: 600;
}
.contentblock img,
.simple-page-container img,
img.reportcoverimage{
    height: auto;
}
.articletop.searchBox{
    position: relative;
    z-index: 2;
}
.heroescb .card.revnews {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #fff;
}
.card._2news{
    width: 48%;
}
h3 {
	font-size: 35px;
	word-wrap: normal;
}
.wp-block-embed .wp-block-embed__wrapper > .twitter-tweet{
    margin-right: auto;
    margin-left: auto;
}
.display-posts-pagination{
    margin: 0 auto;
}
.display-posts-pagination .nav-links > *{
    display: inline-block;
    border-radius: 3px;
    padding: 10px 20px;
    background-color: #f8d602;
    color: #000;
    text-decoration: none;
}
.display-posts-pagination .nav-links > span{
    background-color: #000;
    color: #fff;
}
body.engage-network-page{
    background-color: transparent;
}
body.engage-network-page .en__field--text > div {
    width: 100%;
}
body.engage-network-page .en__field--text input {
	height: 60px;
	margin-bottom: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent transparent #000 #000;
	background-color: transparent;
	font-family: Jost, sans-serif;
	color: #000;
	font-size: 26px;
	line-height: 28px;
    width: 100%;
}
body.engage-network-page.black-background .en__field--text input {
	border-color: transparent transparent #f8d700 #f8d700;
	color: #fff;
}

body.engage-network-page .en__field--text input::placeholder{
    color: #fff;
}
body.engage-network-page .en__field--text input:focus {
  border: 1px solid #000;
}

body.engage-network-page button {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 30px;
	border: 1px solid #000;
	background-color: #000;
	font-family: Jost, sans-serif;
	color: #fff;
	font-size: 22px;
	line-height: 40px;
	font-weight: 400;
}
body.engage-network-page button:hover {
    background-color: #f8d602;
    color: #000;
}
body.engage-network-page.black-background button {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 30px;
	border: 1px solid #f8d602;
	background-color: #f8d602;
	font-family: Jost, sans-serif;
	color: #000;
	font-size: 22px;
	line-height: 40px;
	font-weight: 400;
}
body.engage-network-page.black-background button:hover {
    background-color: #000;
    color: #fff;
}

label.en__field__label {
	display: block;
	width: 100%;
}
.en__field__element--radio .en__field__item{
    display: flex;
}
.demo a{
    color: #fff;
    text-decoration: none;
}
.footer .flink {
	font-size: 21px;
	line-height: normal;
}
.podcastcontainer > .html-embed {
	height: auto;
	overflow: hidden;
}
.podcastcontainer > .html-embed .episode > div{
    display: none;
}
blockquote{
    float: none;
}
nav.navigation.pagination > h2.screen-reader-text{
    display: none;
}
nav.navigation.pagination .nav-links > * {
	display: inline-block;
	color: #000;
	background-color: #F8D602;
	padding: 8px 20px;
	margin: 20px 0px 0;
	text-decoration: none;
}
nav.navigation.pagination .nav-links > span,
nav.navigation.pagination .nav-links > a:hover{
	color: #fff;
	background-color: #000;
}
.mb-20{
    margin-bottom: 20px;
}
.rtb .featured-news a.button.fcb  {
	color: #fff;
}
.chapterblockPost.yellow .expandbutton{
	border-color: #000;
	background-image: url("images/downblack2.png");
	color: #000;
}
a.anchor {
	position: relative;
	top: -70px;
}
.chaptercontainer {
    padding-bottom: 60px;
}
.searchandfilter{
    display: none;
}
.herohome.blackhh{
    background-size: cover;
}
.type-podcast.postInner > .podcastcontainer{
	position: relative;
	max-width: 1220px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px 20px;
}
body.engage-network-page .en__field--radio.en__field--894682{
    display: none;
}
.cardtagtop {
    display: inline-block;
    margin-right: 20px;
}
.reduceMarginBottom{
    margin-bottom: -40px;
}
.newsletterrow.black{
    background-color: #000;
    color: #fff;
}
.newsletterrow.customImage{
    background-size: cover;
    background-position: center;
    position: relative;
}
.newsletterrow .gradient{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(248,215,0);
    background: linear-gradient(270deg, rgba(248,215,0,0) 0%, rgba(248,215,0,0.5382353625043768) 55%, rgba(248,215,0,1) 100%);
}
.newsletterrow.black .gradient{
    background: rgb(0,0,0);
    background: linear-gradient(270deg, rgba(0,0,0,0.0760504885547969) 0%, rgba(0,0,0,0.4233894241290266) 55%, rgba(0,0,0,1) 100%);
}
.newsletterrow.customImage {
  padding-top: 20px;
  padding-bottom: 20px;
}
.button.w-button.yellow{
    background-color: #f8d602;
    color: #000;
}
.button.w-button.white{
    background-color: #fff;
    color: #000;
}
.button.w-button.yellow:hover{
    background-color: #fff;
    color: #000;
}
.button.w-button.white:hover{
    background-color: #f8d602;
    color: #000;
}
@media screen and (max-width: 1320px){
      .w-nav .w-nav-menu {
          display: none;
      }
      .menu-button {	
        padding: 23px;
        font-size: 50px;
        line-height: 50px;
    }
    .nav-menu {
        background-color: #dadada;
        position: absolute;
        text-align: left;
        overflow: auto;
    }
    .nav-link {
        text-align: left;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .nav-link.fa {
            display: inline-block;
        width: auto; 
        max-width: 80px;
        padding: 20px;
    }
    .dropmenu {
        padding: 0px 10px 10px 10px;
        background-color: black;
    }
    .dropdown-list.w--open {
        position: relative;
        margin-top: 0px;
    }
}
/* hamburger icon - display on screens less than 1300px width */
@media screen and (max-width: 1320px){
  .w-nav .w-nav-button {
      display: block;
  }
    .nav-link.iconLink a {
        margin: -20px;
        padding: 20px;
        width: 100%;
        display: block;
    }
}
@media screen and (max-width: 991px){
    .resulttitle {
        line-height: 30px;
    }
}

@media screen and (max-width: 767px){
    .menu-button {
        font-size: 40px;
    }
    ._3col .card {
        width: auto;
        max-width: 98%;
        min-width: 48%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    ._4col .card {
        width: 48%;
    }
    .podcastcontainer > .html-embed {
        height: 205px;
        overflow: hidden;
    }
    .articlecentre > .rtb.w-richtext {
        margin-top: 30px;
    }
    .articlecontentblock.accordion .faqblock > h3.faqhead{
        font-size: 28px;
    }
}