#content {
    padding: 0% 0;
}

.headimage {
    background-size: cover!important;
}

.withborder.module_column {
    border-radius: 30px!important;
}

.newsarchive img {
    border-radius: 15px! important;
}

a.more-link {
    font-family: "Nunito Sans";
    font-size: 12px;
    background-color: black;
    color: #ffffff;
    border-radius: 50px;
    padding: 2% 4%;
}

.newsarchive .loops-wrapper.grid2>.post:nth-of-type(3n+1) a.more-link {
    background-color: #970CE8;
}

.newsarchive .loops-wrapper.grid2>.post:nth-of-type(3n+2) a.more-link {
    background-color: #FFD600;
    color:#000000;
}

.newsarchive .loops-wrapper.grid2>.post:nth-of-type(3n+3) a.more-link {
    background-color: #FC10C3;
}

#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {
    background-color: rgba(0,0,0,0.7);
}

.single #headerwrap {
    background-color: #000000!important;
}

.single #pagewrap #headerwrap.fixed-header {
    background-color: #000000;
}

.related-posts {
    display: none;
}

.single div#layout {
    padding: 3% 0 0 10%;
}

.single .pagewidth {
    width: 100%;
}

aside#sidebar {
    border-left: solid 8px #FFD600;
    border-top: solid 8px #FFD600;
    border-bottom: solid 8px #FFD600;
    border-radius: 20px;
    border-right: 0! important;
    margin-right: -3%;
    padding-left: 2%;
    margin-bottom: 3%;
    padding-right: 5%;
    line-height: 1em;
}

.single h1.post-title.entry-title {
    color: #970de9;
}

.single .post-date {
    font-weight: 600!important;
}

.single .entry-content {
    font-family: "Nunito Sans";
    font-size: 20px;
    line-height: 1.2em;
    color: #000000;
}

a.wp-block-latest-posts__post-title {
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 1.2em;
}

a.wp-block-latest-posts__post-title:hover {
    color: #970de9;
}

.category-case-studies img {
    z-index: 2;
    position: relative;
    height:450px!important;
    object-fit: cover;
}

.category-news img {
    z-index: 2;
    position: relative;
    height:450px!important;
    object-fit: cover;
}

.category-events img {
    z-index: 2;
    position: relative;
    height: 450px!important;
    object-fit: cover;
}

.category-publications img {
    z-index: 2;
    position: relative;
    height: 450px!important;
    object-fit: cover;
}

.loops-wrapper.grid2>.post:nth-of-type(3n+1):before {
    content: "";
    height: calc(435px + 5px);
    width: calc(95% + 5px);
    border: 8px solid #970CE8;
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 0%;
    border-radius: 20px;
}

.loops-wrapper.grid2>.post:nth-of-type(3n+2):before {
    content: "";
    height: calc(435px + 5px);
    width: calc(95% + 5px);
    border: 8px solid #FFD600;
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 0%;
    border-radius: 20px;
}

.loops-wrapper.grid2>.post:nth-of-type(3n+3):before {
    content: "";
    height: calc(435px + 5px);
    width: calc(95% + 5px);
    border: 8px solid #fc11c4;
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 0%;
    border-radius: 20px;
}

h3.post-title.entry-title {
    padding-top: 4%! important;
}

.module-buttons .module-buttons-item a:hover {
    padding-right: 30px;
}

a.more-link {
    transition: color .3s linear,background-color .3s linear,padding .3s linear,border .3s linear,box-shadow .3s linear;
}

a.more-link:hover {
    padding-right: 30px;
    transition: color .3s linear,background-color .3s linear,padding .3s linear,border .3s linear,box-shadow .3s linear;
}

.single #header {
    min-height: 55px! important;
    padding: 1% 6%;
}

span.tf_inline_b.tf_vmiddle:after {
    content: url(https://hydrogenweek.co.uk/wp-content/uploads/2022/11/arrow.svg);
    padding-left: 10px;
}

.more-link:after {
    border: 0px solid transparent!important;
    transform: rotateZ(0deg)!important;
    content: url(https://hydrogenweek.co.uk/wp-content/uploads/2022/11/arrow.svg);
    padding-left: 10px;
}

.newsarchive .loops-wrapper.grid2>.post:nth-of-type(3n+1) a.more-link:after {
    content: url(https://hydrogenweek.co.uk/wp-content/uploads/2022/11/arrow.svg);
}

.newsarchive .loops-wrapper.grid2>.post:nth-of-type(3n+2) a.more-link:after {
    content: url(https://hydrogenweek.co.uk/wp-content/uploads/2022/11/arrowblack.svg);
}

.newsarchive .loops-wrapper.grid2>.post:nth-of-type(3n+3) a.more-link:after {
    content: url(https://hydrogenweek.co.uk/wp-content/uploads/2022/11/arrow.svg);
}

.footericons .module-icon-item.tf_inline_b {
    margin-left: -10px;
}

.infographics img {
    max-height: 90px;
}

@media screen and (max-width: 1600px)
{ .infographics img {
    max-height: 65px;
}}

@media screen and (max-width: 700px)
{ .headimage .module_column {
    height: auto!important;
    padding-top: 25%!important;
}}

@media screen and (max-width: 700px)
{ .headimage h2 {
    font-size: 70px! important;
    line-height: 1em! important;
}}

@media screen and (max-width: 700px)
{ .headimage.module_row {
    background-size: cover! important;
    background-attachment: scroll! important;
}}

@media screen and (max-width: 700px)
{ .headimage h3 {
    font-size: 30px! important;
}}

@media screen and (max-width: 700px)
{ .category-news img {
    height: 250px!important;
    margin-left: 5%;
}}

@media screen and (max-width: 700px)
{ .category-case-studies img {
    height: 250px!important;
    margin-left: 5%;
}}

@media screen and (max-width: 700px)
{ .loops-wrapper.grid2>.post:nth-of-type(3n+1):before {
    height: calc(235px + 5px);
    width: calc(100% + 5px);
    border: 6px solid #970CE8;
}}

@media screen and (max-width: 700px)
{ .loops-wrapper.grid2>.post:nth-of-type(3n+2):before {
    height: calc(235px + 5px);
    width: calc(100% + 5px);
    border: 6px solid #FFD600;
}}

@media screen and (max-width: 700px)
{ .loops-wrapper.grid2>.post:nth-of-type(3n+3):before {
    height: calc(235px + 5px);
    width: calc(100% + 5px);
    border: 6px solid #fc11c4;
}}

@media screen and (max-width: 700px)
{ .headimage .module_column.tb-column.col-full.tb_mlti713.tf_box.last {
    padding-top: 0! important;
}}

@media screen and (max-width: 700px)
{ .module_column.tb-column.col-full.tb_mlti713.tf_box.last .module_column {
    padding-top: 10%! important;
}}

.power img {
    width: 600px;
    height: 400px;
    object-fit: cover;
}

.industry img {
    width: 600px;
    height: 400px;
    object-fit: cover;
}

.transport img {
    width: 600px;
    height: 400px;
    object-fit: cover;
}

.heating img {
    width: 600px;
    height: 400px;
    object-fit: cover;
}

.power {
    padding: 0 15% 2% 10%;
}

.industry {
    padding: 0 10% 2% 15%;
}

.transport{
    padding: 0 10% 2% 10%;
}

.heating {
    padding: 0 10% 2% 15%;
}

.power .image-content {
    padding-top: 10%! important;
    padding-left: 3%! important;
}

.industry .image-content {
    padding-top: 10%! important;
}

.transport .image-content {
    padding-top: 5%! important;
    padding-left: 3%! important;
}

.heating .image-content {
    padding-top: 10%! important;
}

.power img {
    z-index: 2;
    position: relative;
}

.power:before {
    content: "";
    height: calc(385px + 5px);
    width: calc(575px + 5px);
    border: 8px solid #960ce8;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 12%;
    border-radius: 20px;
}

.industry img {
    z-index: 2;
    position: relative;
}

.industry:before {
    content: "";
    height: calc(385px + 5px);
    width: calc(575px + 5px);
    border: 8px solid #fc11c4;
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 8%;
    border-radius: 20px;
}

.transport img {
    z-index: 2;
    position: relative;
}

.transport:before {
    content: "";
    height: calc(385px + 5px);
    width: calc(575px + 5px);
    border: 8px solid #ffd600;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 12%;
    border-radius: 20px;
}

.heating img {
    z-index: 2;
    position: relative;
}

.heating:before {
    content: "";
    height: calc(385px + 5px);
    width: calc(575px + 5px);
    border: 8px solid #960ce8;
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 8%;
    border-radius: 20px;
}

@media screen and (max-width: 700px)
{ .power img {
    height: 200px;
}}

@media screen and (max-width: 700px)
{ .industry img {
    height: 200px;
}}

@media screen and (max-width: 700px)
{ .transport img {
    height: 200px;
}}

@media screen and (max-width: 700px)
{ .heating img {
    height: 200px;
}}

@media screen and (max-width: 700px)
{ .power:before {
    height: calc(185px + 5px);
    width: calc(80% + 5px);
    border: 6px solid #960ce8;
}}

@media screen and (max-width: 700px)
{ .industry:before {
    height: calc(185px + 5px);
    width: calc(78% + 5px);
    border: 6px solid #fc11c4;
}}

@media screen and (max-width: 700px)
{ .transport:before {
    height: calc(185px + 5px);
    width: calc(80% + 5px);
    border: 6px solid #ffd600;
}}

@media screen and (max-width: 700px)
{ .heating:before {
    height: calc(185px + 5px);
    width: calc(78% + 5px);
    border: 6px solid #960ce8;
}}

@media screen and (max-width: 700px)
{ .power {
    padding: 0 5% 2% 10%;
}}

@media screen and (max-width: 700px)
{ .industry {
    padding: 0 5% 2% 10%;
}}

@media screen and (max-width: 700px)
{ .transport{
    padding: 0 5% 2% 10%;
}}

@media screen and (max-width: 700px)
{ .heating {
    padding: 0 5% 2% 10%;
}}

@media screen and (max-width: 700px)
{ .industry h3.image-title {
    text-align: left! important;
    padding-left: 5%;
    padding-top: 62%! important;
}}

@media screen and (max-width: 700px)
{ .heating h3.image-title {
    text-align: left! important;
    padding-left: 5%;
    padding-top: 62%! important;
}}

@media screen and (max-width: 700px)
{ .industry .image-caption.tb_text_wrap {
    text-align: left;
    padding-left: 5%;
    padding-bottom: 5%;
}}

@media screen and (max-width: 700px)
{ .heating .image-caption.tb_text_wrap {
    text-align: left;
    padding-left: 5%;
    padding-bottom: 5%;;
}}

@media screen and (max-width: 700px)
{ .power .image-caption.tb_text_wrap {
    padding-bottom: 5%;;
}}

@media screen and (max-width: 700px)
{ .transport .image-caption.tb_text_wrap {
    padding-bottom: 5%;;
}}

@media screen and (max-width: 700px)
{ body #site-logo a img {
    width: 140px;
}}

.tf_close:after {
    background-color: #ffffff;
}

.tf_close:before {
    background-color: #ffffff;
}

@media screen and (max-width: 700px)
{ .single div#layout {
    padding: 3% 5% 0 5%;
}}

@media screen and (max-width: 700px)
{ .single h1.post-title.entry-title {
    font-size: 25px;
}}

.single .entry-content {
    font-size: 16px;
}

@media screen and (max-width: 700px)
{ aside#sidebar {
    display: none;
}}

@media screen and (max-width: 700px)
{ .menu-icon-inner:after {
    color: #ffffff;
}}

@media screen and (max-width: 700px)
{ .menu-icon-inner:before {
    color: #ffffff;
}}

@media screen and (max-width: 700px)
{ .menu-icon-inner {
    color: #ffffff;
}}

.module-buttons.small span {
    letter-spacing: 2px;
}

a.more-link {
    letter-spacing: 2px;
}

.industry .image-content {
    text-align: left! important;
}

.heating .image-content {
    text-align: left! important;
}

.single .entry-content a {
    color: #fe02c2;
}

div#block-7 h3 {
    color: #970de9;
    font-family: 'Nunito Sans'! important;
    line-height: 1em;
    font-weight: 700;
}

span.tf_inline_b.tf_vmiddle:after {
    color: #ffffff;
}

.menu-icon-inner {
    color: #ffffff;
}

.one-half {
    position: relative;
    margin-right: 1%;
    float: left;
        margin-bottom: 0px;
 
}
 
.one-half { width: 49%; }
 
@media only screen and (max-width: 767px) {
    .one-half {
        width: 100%;
        margin-right: 0;
    }
}

input#hw-name {
    width: 100%;
}

input#hw-organisation {
    width: 100%;
}

input#hw-email {
    width: 100%;
}

input#hw-phone {
    width: 100%;
}

input#hw-how {
    width: 100%;
}

textarea#hw-message {
    height: 8.9em;
    min-height: 2em;
}

input#hw-send {
    width: 100%;
    text-align: left;
    border-radius: 50px;
    background-color: #970ce8;
}

input#hw-send:hover {
  background-color: #ff02c3! important;
    color: #fff;
    box-shadow: 0 5px 10px rgb(0 0 0 / 0%);
    transform: translateY(0px);
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #970ce8;
    border-radius: 50px;
}

.partners-supporters .module img {
  max-width:70%;
  vertical-align: middle!important;
}

.single .category-news img {
    z-index: 2;
    position: relative;
    height: auto!important;
    object-fit: contain;
    max-width: 80%;
}

.single .category-events img {
    z-index: 2;
    position: relative;
    height: auto!important;
    object-fit: none;
}

.single .category-publications img {
    z-index: 2;
    position: relative;
    height: auto! important;
    object-fit: none;
}

.single .category-events .sponsors img {
    z-index: 2;
    position: relative;
    height: auto!important;
    object-fit: contain;
    width: 75%;
    height: 80px! important;
}

div.themify_builder_slider_vertical .carousel-next {
    right: -50px;
    left: auto;
    top: 35%;
}

div.themify_builder_slider_vertical .carousel-prev {
    left: -50px;
    right: auto;
    top: 35%;
}

.module.module-icon.tb_8goq451.footericons.large.circle.icon_horizontal.tf_textl {
    display: inline-flex;
}

.module.module-icon.tb_epvl244.large.circle.icon_horizontal.tf_textl.hide-mobile {
    display: inline-flex;
}

.menu-item-object-page.menu-item-1742 {
    background-color: #ff02c3;
}

.menu-item-object-page.menu-item-1742:hover {
    background-color: #ffd603;
}

.menu-item-object-page.menu-item-1742 a {
    color: #ffffff! important;
    padding: 5px 10px!important;
}

#main-nav li>.sub-menu {
  padding: 0em 0!important;
}

@media only screen and (max-width: 767px) { .headimagehome {
    height: 350px;
}}