#header-outer[data-full-width="true"] header>.container {
width: 100%;
max-width: 1425px !important;
padding: 0px 90px !important;
}
#header-space {
display: none !important;
}
a:hover {
color: #FFCD00;
}
sub {
line-height: initial;
} div#header-outer ul.buttons.sf-menu {
display: flex;
align-items: center;
cursor: pointer;
}
div#header-outer ul.buttons.sf-menu li.menu-toggle span {
box-sizing: border-box;
height: 24px;
width: 24px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
div#header-outer ul.buttons.sf-menu li.menu-toggle:before {
content: "Menu";
color: #fff;
font-family: Inter;
font-size: 18px;
letter-spacing: 0;
line-height: 21px;
text-align: right;
margin-right: 9px;
-webkit-transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
div#header-outer.transparent ul.buttons.sf-menu li.menu-toggle span {
border: 2px solid #004876;
-webkit-transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
div#header-outer.transparent ul.buttons.sf-menu li.menu-toggle:before {
color: #004876;
}
div#header-outer.active ul.buttons.sf-menu li.menu-toggle span {
border: 2px solid #fff;
}
div#header-outer.active ul.buttons.sf-menu li.menu-toggle:before {
color: #fff;
content: "Close";
}
div#header-outer ul.buttons.sf-menu li.menu-toggle:hover:before {
color: #FFCD00 !important;
}
div#header-outer ul.buttons.sf-menu li.menu-toggle:hover span {
border: 2px solid #FFCD00 !important;
background-color: #FFCD00 !important;
}
body.material #header-outer.transparent #top nav>.buttons {
align-items: flex-start;
padding-top: 28px;
} .cbp-spmenu {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cbp-spmenu {
background-color: rgba(0, 72, 118, 0.97);
position: fixed;
}
.cbp-spmenu-vertical {
width: 50%;
height: 100%;
top: 0;
z-index: 1000;
}
.cbp-spmenu-right {
right: -100%;
padding-top: 170px;
}
body.admin-bar .cbp-spmenu-right {
padding-top: 200px;
}
.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}
.menu-container {
padding: 0 80px;
}
.menu-container .menu {
margin: 0;
padding: 0;
}
.menu-container .menu .menu-item {
list-style: none;
}
.menu-container .menu .menu-item+.menu-item {
margin-top: 20px;
}
.menu-container .menu .menu-item a {
color: #FFFFFF;
font-family: Inter;
font-size: 24px;
letter-spacing: 0;
line-height: 30px;
}
.menu-container .menu .menu-item>.sub-menu {
margin: 0 !important;
}
.menu-container .menu .menu-item>.sub-menu>.menu-item {
margin-top: 10px !important;
padding-left: 20px;
}
.menu-container .menu .menu-item>.sub-menu>.menu-item>a {
color: #FFFFFF;
font-family: Inter;
font-size: 18px;
letter-spacing: 0;
line-height: 25px;
}
.menu-container .menu .menu-item>.sub-menu>.menu-item+.menu-item {
margin-top: 10px;
}
.menu-bottom {
padding-left: 80px;
padding-top: 40px;
}
.menu-bottom .widget p {
padding-bottom: 15px;
}
.menu-bottom .widget a[href^="mailto:"],
.menu-bottom .widget a[href^="tel:"] {
color: #fff;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex;
align-items: center;
}
.menu-bottom .widget a[href^="mailto:"]:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
body .menu-bottom .widget [class^="icon-"].icon-tiny {
font-size: 22px;
width: auto;
background-color: transparent;
line-height: 22px;
color: #fff;
}
.menu-container .menu .menu-item a:hover,
.menu-container .menu .menu-item>.sub-menu>.menu-item>a:hover,
.menu-bottom .widget a[href^="mailto:"]:hover,
.menu-bottom .widget a[href^="tel:"]:hover,
body .menu-bottom .widget a:hover [class^="icon-"].icon-tiny {
color: #FFCD00;
}
@media only screen and (min-width: 1000px) {
#header-outer.small-nav #logo,
#header-outer.small-nav .logo-spacing {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
#header-outer.small-nav #logo img,
#header-outer.small-nav .logo-spacing img {
height: 24px !important;
}
} div#footer-outer div#footer-widgets .row {
display: flex;
padding: 85px 0 80px;
}
div#footer-outer div#footer-widgets .row .col:after {
display: none !important;
}
div#footer-outer div#footer-widgets .widgets-right-col {
display: flex;
flex-wrap: wrap;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 {
width: 50%;
margin-right: 0 !important;
display: block;
}
div#footer-outer div#footer-widgets .widgets-left-col {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
div#footer-outer div#footer-widgets .widgets-left-col .widget:last-child {
margin-bottom: 0 !important;
height: min-content;
align-self: flex-end;
width: 100%;
}
div#footer-outer div#footer-widgets .widgets-left-col .widget:last-child p {
color: #004876;
font-family: Inter;
font-size: 50px;
line-height: 60px;
margin: 0 !important;
padding: 0 !important;
}
div#footer-outer div#footer-widgets .widgets-left-col .widget a[href^="mailto:"],
div#footer-outer div#footer-widgets .widgets-left-col .widget a[href^="tel:"] {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex;
align-items: center;
}
div#footer-outer div#footer-widgets .widgets-left-col .widget a[href^="mailto:"]:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
div#footer-outer div#footer-widgets .widgets-left-col .widget a[href^="mailto:"]:hover,
div#footer-outer div#footer-widgets .widgets-left-col .widget a[href^="tel:"]:hover {
color: #FFCD00 !important;
opacity: 1 !important;
}
div#footer-outer div#footer-widgets .widgets-left-col .widget body #footer-outer i {
font-size: 22px;
width: auto;
background-color: transparent;
line-height: 22px;
} div#footer-outer div#footer-widgets .widget h4 {
color: #004876 !important;
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 29px;
margin-bottom: 30px;
}
div#footer-outer div#footer-widgets .widget p {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 24px;
}
div#footer-outer div#footer-widgets .widget a:hover i {
color: #FFCD00 !important;
opacity: 1 !important;
} div#footer-outer div#footer-widgets .widget input[type="email"] {
box-sizing: border-box;
border-bottom: 1px solid #004876;
width: 100%;
color: #004876;
font-family: Inter;
font-size: 18px;
letter-spacing: 0;
line-height: 24px;
padding: 15px 0;
background-color: transparent;
margin-top: 30px;
}
div#footer-outer div#footer-widgets .widget input[type="email"]::-webkit-input-placeholder {
color: #004876;
}
div#footer-outer div#footer-widgets .widget input[type="email"]::-moz-placeholder {
color: #004876;
}
div#footer-outer div#footer-widgets .widget input[type="email"]:-ms-input-placeholder {
color: #004876;
}
div#footer-outer div#footer-widgets .widget input[type="email"]:-moz-placeholder {
color: #004876;
}
div#footer-outer div#footer-widgets .widget button#submit {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
border: none;
background: transparent;
margin-top: 5px;
padding: 0;
display: flex;
align-items: center;
}
div#footer-outer div#footer-widgets .widget button#submit:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
div#footer-outer div#footer-widgets .widget button#submit:hover {
color: #FFCD00 !important;
}
body .wpcf7 .wpcf7-response-output {
display: none !important;
} div#footer-outer div#footer-widgets .widget-copyright .widget.widget_text {
margin-bottom: 0 !important;
}
div#footer-outer div#footer-widgets .widget-copyright .widget p {
color: #004876;
font-family: Inter;
font-size: 12px;
letter-spacing: 0;
line-height: 24px;
padding-bottom: 0;
}
div#footer-outer div#footer-widgets .widget-copyright .widget a:hover {
color: #FFCD00 !important;
opacity: 1 !important;
}
div.wpcf7 .ajax-loader {
display: none !important;
} body.material div#footer-outer div#footer-widgets .col .widget.widget_nav_menu .menu-item {
padding: 0 !important;
}
body.material div#footer-outer div#footer-widgets .col .widget.widget_nav_menu .menu-item a {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
line-height: 35px;
display: inline-block;
}
body.material div#footer-outer div#footer-widgets .col .widget.widget_nav_menu .menu-item .sub-menu {
padding: 0 0 5px 20px !important;
margin: 0 !important;
}
body.material div#footer-outer div#footer-widgets .col .widget.widget_nav_menu .menu-item .sub-menu .menu-item a {
color: #004876;
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
body.material div#footer-outer div#footer-widgets .col .widget.widget_nav_menu .menu-item a:hover {
color: #FFCD00 !important;
opacity: 1 !important;
}  .nectar-cta .link_text {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
}
.nectar-cta .link_text:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.nectar-cta .link_text:hover {
color: #FFCD00;
} .img-circles-overlay .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/ETC-circles.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
} .rounded-corner .vc_column-inner {
border-top-left-radius: 40px;
overflow: hidden;
} .rounded-corner-img {
border-top-left-radius: 40px;
overflow: hidden;
} .section-margin-200 {
transform: translateY(200px);
position: relative;
}
.section-margin-75 {
transform: translateY(75px);
position: relative;
} .section-w-t-images {
height: 420px;
overflow: hidden;
position: relative;
}
.section-w-t-images>.vc_column-inner,
.section-w-t-images>.vc_column-inner>.wpb_wrapper,
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap .hover-wrap,
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
height: 100%;
}
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap .hover-wrap {
margin-bottom: 0;
}
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
height: 100%;
width: auto;
left: 50%;
transform: translateX(-50%);
}
.section-w-t-images .wpb_wrapper>.vc_custom_heading {
position: absolute;
left: 12.5px;
bottom: 5px;
}
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap {
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap:nth-of-type(2) {
opacity: 0;
}
.section-w-t-images:hover .wpb_wrapper>.img-with-aniamtion-wrap:nth-of-type(2) {
opacity: 1;
} .tabbed>ul li+li {
margin-left: 40px;
}
.tabbed>ul li a {
color: rgba(0, 72, 118, 0.3) !important;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 21px;
background-color: transparent !important;
border-right: 0 !important;
padding: 0 !important;
padding-bottom: 10px !important;
border-bottom: 2px solid rgba(0, 72, 118, 0.3) !important;
}
.tabbed>ul li a.active-tab {
color: #004876 !important;
border-bottom: 2px solid #FFCD00 !important;
} .news-events-container {
padding-bottom: 80px;
}
.news-events-container .news-events-wrap {
border-top: 6px solid rgba(0, 72, 118, 0.1);
padding-top: 30px;
}
.news-events-container .news-events-featured {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
}
.news-events-container .news-events-featured .news-events-featured--body {
width: 33.33%;
padding-right: 30px;
}
.news-events-container .news-events-featured .news-events-featured--body .news-events-featured--title {
color: #004876;
font-family: Inter;
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
display: inline-block;
margin-bottom: 25px;
}
.news-events-container .news-events-featured .news-events-featured--body .news-events-featured--title:hover {
color: #FFCD00;
}
.news-events-container .news-events-featured .news-events-featured--body .news-events-featured--excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 30px;
}
.news-events-container .news-events-featured .news-events-featured--body .news-events-featured--readmore {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: flex !important;
align-items: center;
}
.news-events-container .news-events-featured .news-events-featured--body .news-events-featured--readmore:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.news-events-container .news-events-featured .news-events-featured--body .news-events-featured--readmore:hover {
color: #FFCD00;
}
.news-events-container .news-events-featured .news-events-featured--thumbnail {
width: 66.66%;
}
.news-events-container .news-events-featured .news-events-featured--thumbnail a {
display: block;
width: 100%;
height: 420px;
background-position: center;
background-size: cover;
border-top-left-radius: 40px;
overflow: hidden;
}
.news-events-container .news-events+.news-events {
margin-top: 25px;
}
.news-events-container .news-events .news-events--title {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
line-height: 21px;
margin-bottom: 5px;
display: inline-block;
}
.news-events-container .news-events .news-events--title:hover {
color: #FFCD00;
}
.news-events-container .news-events .news-events--excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
}
.news-events-container .news-events-featured .news-events-featured--body .news-events-featured--date,
.news-events-container .news-events .news-events--date {
color: #00A7B5;
font-family: Inter;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 26px;
}
.news-events-container .news-events .news-events--date {
margin-top: 10px;
}
.news-events-container .news-events-featured .news-events-featured--thumbnail:hover+.news-events-featured--body .news-events-featured--readmore {
color: #FFCD00;
} .news-container {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
min-width: 100%;
}
.news-container .news {
width: 33.33%;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 75px;
}
.news-container .news .news--thumbnail {
position: relative;
width: 100%;
height: 270px;
overflow: hidden;
border-top-left-radius: 30px;
}
.news-container .news .news--thumbnail .news--thumbnail-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
}
.news-container .news .news--thumbnail .news--thumbnail-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.news-container .news .news-content .news-content--title {
margin-bottom: 25px;
margin-top: 25px;
}
.news-container .news .news-content .news-content--title a {
color: #004876;
font-family: Inter;
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
height: 72px;
display: block;
overflow: hidden;
}
.news-container .news .news-content .news-content--excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 30px;
}
.news-container .news .news-content .news-content-readmore {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
}
.news-container .news .news-content .news-content-readmore:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.news-container .news .news-content .news-content--title a:hover,
.news-container .news .news-content .news-content-readmore:hover {
color: #FFCD00;
}
.news-container .news .news--thumbnail:hover+.news-content .news-content-readmore {
color: #FFCD00;
}
body.single.single-post .news-container {
margin-left: 0;
margin-right: 0;
} .events-container {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
width: 100%;
}
.events-container .event {
width: 33.33%;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 75px;
}
.events-container .event .event--thumbnail {
position: relative;
width: 100%;
height: 270px;
overflow: hidden;
border-top-left-radius: 30px;
}
.events-container .event .event--thumbnail .event--thumbnail-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
}
.events-container .event .event--thumbnail .event--thumbnail-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.events-container .event .event-content .event-content--title {
margin-bottom: 25px;
margin-top: 25px;
}
.events-container .event .event-content .event-content--title a {
color: #004876;
font-family: Inter;
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
height: 72px;
display: block;
overflow: hidden;
}
.events-container .event .event-content .event-content--date {
color: #00A7B5;
font-family: Inter;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 26px;
}
.events-container .event .event-content .event-content--excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 30px;
}
.events-container .event .event-content .event-content-readmore {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
}
.events-container .event .event-content .event-content-readmore:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.events-container .event .event-content .event-content--title a:hover,
.events-container .event .event-content .event-content-readmore:hover {
color: #FFCD00;
}
.events-container .event .event--thumbnail:hover+.event-content .event-content-readmore {
color: #FFCD00;
}
.eventcat-sel-wrap {
position: absolute;
right: 0;
top: 0;
transform: translateY(-50px);
width: 200px;
}
.eventcat-sel-wrap .select2-container {
width: 100% !important;
}
.eventcat-sel-wrap .select2-container--default .select2-selection--single {
background-color: transparent !important;
border: 0 !important;
border-radius: 0px !important;
}
.categories-sel-wrap {
position: absolute;
right: 0;
top: 0;
transform: translateY(-50px);
width: 200px;
}
.categories-sel-wrap .select2-container {
width: 100% !important;
}
.categories-sel-wrap .select2-container--default .select2-selection--single {
background-color: transparent !important;
border: 0 !important;
border-radius: 0px !important;
}
.select2-dropdown {
border: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single span.select2-selection__placeholder {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
text-align: right;
}
.select2-results__option[aria-selected] {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
content: '\f107';
font-family: FontAwesome;
width: 20px;
text-align: right;
color: #FFCD00;
font-size: 18px;
display: block;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #004876;
color: white;
} .featured-post .featured-post--thumbnail {
height: 400px;
border-top-left-radius: 30px;
position: relative;
overflow: hidden;
}
.featured-post .featured-post--thumbnail .featured-post--thumbnail-img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-position: center;
background-size: cover;
}
.featured-post .featured-post--thumbnail .featured-post--thumbnail-link {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.featured-post .featured-post-content .featured-post--title {
color: #004876;
font-family: Inter;
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
margin-top: 25px;
margin-bottom: 25px;
}
.featured-post .featured-post-content .featured-post--excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 30px;
}
.featured-post .featured-post-content .featured-post-readmore {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: flex !important;
align-items: center;
}
.featured-post .featured-post-content .featured-post-readmore:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.featured-post .featured-post-content .featured-post--title a:hover,
.featured-post .featured-post-content .featured-post-readmore:hover {
color: #FFCD00;
} .reports-container {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
.reports-container .report {
width: 33.33%;
padding: 0 12px;
}
.reports-container .report .report-wrap {
border-radius: 30px 0 0 0;
background-color: rgba(0, 72, 118, 0.05);
padding: 30px 30px 65px 30px;
height: 100%;
position: relative;
}
.reports-container .report .report--thumbnail {
height: 400px;
position: relative;
}
.reports-container .report .report--thumbnail .report--thumbnail-img {
height: 100%;
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
.reports-container .report .report--info {
padding-top: 30px;
}
.reports-container .report .report--info .report--info-title {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
line-height: 21px;
margin-bottom: 5px;
min-height: 2.5rem;
}
.report--info-sub-info {
display: flex;
}
.reports-container .report .report--info .report--info-year {
color: #004876;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.report--info-types {
margin-bottom: 7px;
}
.reports-container .report .report--info .report--info-type {
font-family: Inter;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
line-height: 26px;
padding: 0 10px;
color: #FFFFFF;
background-color: #00A7B5;
display: inline-block;
}
.reports-container .report .report--info .report--info-excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
}
.reports-container .report .report--info .report--info-type+.report--info-type {
margin-left: 5px;
}
.reports-container .report .report--info .report--info-subcategory {
margin-bottom: 10px;
color: #004876;
font-family: Inter;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
line-height: 26px;
margin-left: 5px;
}
.reports-container .report .report--info .report--info-subcategory span+span:before {
content: ', ';
}
.reports-container .report .report--bottom {
padding-top: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 30px 25px;
}
.reports-container .report .report--bottom .report--bottom-link {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
}
.reports-container .report .report--bottom .report--bottom-link:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.reports-container .report .report--bottom .report--bottom-link+.report--bottom-link {
margin-left: 25px;
} .reports-container .report .report--thumbnail:hover+.report--info+.report--bottom .report--bottom-link {
color: #FFCD00;
} .home-member {
min-height: 180px;
}
.home-member .wpb_wrapper {
height: 100%;
display: flex;
flex-wrap: wrap;
}
.home-member .wpb_wrapper h4,
.home-member .wpb_wrapper .divider-wrap,
.home-member .wpb_wrapper .nectar-cta {
width: 100%;
}
.home-member .wpb_wrapper h4 {
align-self: flex-start;
display: flex;
}
.home-member .wpb_wrapper .nectar-cta {
height: 25px;
align-self: flex-end;
display: flex;
}
.home-member:hover .wpb_wrapper .nectar-cta .link_text:before {
background-color: #fff;
}  .commissioner-filter-container {
width: 300px;
margin-bottom: 50px !important;
}
.commissioner-filter-container .select2-container {
width: 100% !important;
}
.commissioner-filter-container .select2-container--default .select2-selection--single {
background-color: transparent !important;
display: flex;
border: 0 !important;
border-radius: 0px !important;
}
.select2-dropdown {
border: 0 !important;
}
.commissioner-filter-container .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
text-align: left;
padding-left: 0;
padding-right: 0;
}
.commissioner-filter-container .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #004876;
}
.select2-results__option[aria-selected] {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
}
.commissioner-filter-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
.commissioner-filter-container .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 14px;
position: relative;
top: 1px;
right: 1px;
width: 20px;
}
.commissioner-filter-container .select2-container--default .select2-selection--single .select2-selection__arrow:after {
content: '\f107';
font-family: FontAwesome;
width: 20px;
text-align: right;
color: #FFCD00;
font-size: 18px;
display: block;
line-height: 20px;
}
.commissioner-filter-container .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #004876;
color: white;
} .commissioner-container {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.commissioner {
width: 25%;
padding: 0 15px !important;
margin-bottom: 60px !important;
}
.commissioner .commissioner--head {
position: relative;
width: 100%;
border-radius: 30px 0 0 0;
background-color: #FFFFFF; overflow: hidden;
}
.commissioner .commissioner--head:after {
content: '';
padding-top: 100%;
display: block;
}
.commissioner .commissioner--head .commissioner--head-thumbnail {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.commissioner .commissioner--head .commissioner--head-thumbnail .commissioner--head-thumbnail-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.commissioner .commissioner--head .commissioner--head-thumbnail .commissioner--head-thumbnail-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgb(79 117 139 / .5);
}
.commissioner .commissioner--head .commissioner--head-logo {
position: absolute;
top: 25px;
right: 25px;
bottom: 25px;
left: 25px;
opacity: 0;
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.commissioner .commissioner--head .commissioner--head-logo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-bottom: 0;
}
.commissioner .commissioner--head .commissioner--head-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.commissioner .commissioner--info {
padding: 10px 0 0 0;
}
.commissioner .commissioner--info .commissioner--info-name {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
font-weight: 600;
margin-bottom: 0;
}
.commissioner .commissioner--info .commissioner--info-role {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
font-weight: 400;
}
.commissioner .commissioner--head:hover .commissioner--head-thumbnail {
opacity: 0;
}
.commissioner .commissioner--head:hover .commissioner--head-logo {
opacity: 1;
} h3.team-type {
color: #004876;
font-family: Inter !important;
font-size: 40px !important;
line-height: 49px !important;
margin-bottom: 30px !important;
}
.team-members-container {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.team-member {
width: 25%;
padding: 0 15px !important;
margin-bottom: 60px !important;
}
.team-member .team-member--head {
position: relative;
width: 100%;
border-radius: 30px 0 0 0;
background-color: #FFFFFF; overflow: hidden;
}
.team-member .team-member--head:after {
content: '';
padding-top: 100%;
display: block;
}
.team-member .team-member--head .team-member--head-thumbnail {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.team-member .team-member--head .team-member--head-thumbnail .team-member--head-thumbnail-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.team-member .team-member--head .team-member--head-thumbnail .team-member--head-thumbnail-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgb(79 117 139 / .5);
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.team-member .team-member--head .team-member--head-logo {
position: absolute;
top: 25px;
right: 25px;
bottom: 25px;
left: 25px;
opacity: 0;
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.team-member .team-member--head .team-member--head-logo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-bottom: 0;
}
.team-member .team-member--head .team-member--head-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.team-member .team-member--info {
padding: 10px 0 0 0;
}
.team-member .team-member--info .team-member--info-name {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
font-weight: 600;
margin-bottom: 0;
}
.team-member .team-member--info .team-member--info-role {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
font-weight: 400;
}
.team-member:hover .team-member--head .team-member--head-thumbnail .team-member--head-thumbnail-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.team-member:hover .team-member--head .team-member--head-thumbnail .team-member--head-thumbnail-overlay {
opacity: 0;
} .partners-container {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.partner {
width: 25%;
padding: 0 15px !important;
margin-bottom: 60px !important;
}
.partner .partner--head {
position: relative;
width: 100%;
border-radius: 30px 0 0 0;
background-color: #FFFFFF;
cursor: pointer;
overflow: hidden;
}
.partner .partner--head:after {
content: '';
padding-top: 100%;
display: block;
}
.partner .partner--head .partner--head-thumbnail {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.partner .partner--head .partner--head-thumbnail .partner--head-thumbnail-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 50px;
right: 50px;
bottom: 50px;
left: 50px;
}
.partner .partner--info {
padding: 10px 0 0 0;
}
.partner .partner--info .partner--info-name {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
font-weight: 600;
margin-bottom: 0;
} .standard_section.rounded-section-w-image {
margin: 0 15px;
margin-bottom: 0 !important;
}
.rounded-section-w-image .rounded-section-w-image-content>.vc_column-inner>.wpb_wrapper {
padding: 90px 50px 90px 70px;
}
.rounded-section-w-image .rounded-section-w-image-content>.vc_column-inner>.wpb_wrapper .wpb_content_element {
margin-bottom: 30px;
}
.rounded-section-w-image .rounded-section-w-image-content {
border-radius: 30px 0 0 0;
overflow: hidden;
padding: 0 !important;
}
.rounded-section-w-image .rounded-section-w-image-img {
border-radius: 0 0 30px 0;
overflow: hidden;
padding: 0 !important;
} .listing {
display: flex;
flex-wrap: wrap;
background-color: #fff;
border-radius: 30px 0 0 0;
overflow: hidden;
position: relative;
}
.listing a.listing-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.listing a.listing-link:hover+.listing--thumbnail+.listing--info .listing--info-title {
color: #FFCD00;
}
.listing+.listing {
margin-top: 80px;
}
.listing .listing--thumbnail {
width: 50%;
height: 420px;
position: relative;
display: flex;
}
.listing .listing--thumbnail .listing--thumbnail-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
}
.listing .listing--thumbnail .listing--thumbnail-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.listing .listing--info {
width: 50%;
padding: 50px 60px 50px 70px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.listing .listing--info .listing--info-title {
width: 100%;
color: #004876;
font-family: Inter;
font-size: 30px;
line-height: 36px;
margin-bottom: 25px;
-webkit-transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.listing .listing--info .listing--info-content {
width: 100%;
color: #004876;
font-family: Inter;
font-size: 16px;
line-height: 26px;
}
.listing .listing--info .listing--info-readmore {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: flex !important;
align-items: center;
margin-top: 30px;
}
.listing .listing--info .listing--info-readmore:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.listing .listing--info .listing--info-readmore:hover {
color: #FFCD00;
} .subsectors-container {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 350px 350px;
}
.subsector {
position: relative;
overflow: hidden;
}
.subsector:first-child {
grid-row: 1/3;
}
.subsector .subsector--image {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-position: center;
background-size: cover;
-webkit-transition: transform .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: transform .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.subsector .subsector--title {
position: absolute;
bottom: 80px;
left: 80px;
right: 80px;
color: #FFFFFF;
font-family: Inter;
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
margin-bottom: 0;
}
.subsector .subsector--title a {
color: #fff;
}
.subsector .subsector--link {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 72, 118);
opacity: 0;
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
.subsector:hover .subsector--image {
transform: scale(1.05)
}
.subsector:hover .subsector--link {
opacity: .75;
} .related-post-wrap .row-bg-wrap .row-bg {
background-color: transparent;
}
.ascend .blog-recent.related-posts,
.material .blog-recent.related-posts {
padding: 0;
padding-left: 15px;
padding-right: 15px;
}
.material .related-post-wrap h3.related-title {
color: #004876;
font-family: Inter;
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
padding: 80px 0;
margin-bottom: 0;
}
.related-post-wrap .events-container,
.blog-recent.related-posts .news-container {
display: flex;
flex-wrap: wrap;
margin-left: -15px !important;
margin-right: -15px !important;
width: auto;
} div#page-header-wrap {
height: auto !important;
margin-bottom: -85px;
z-index: 99;
padding-top: 100px;
background-color: transparent !important;
}
div#page-header-wrap>.container {
max-width: 1025px;
}
div#page-header-wrap .section-title {
text-align: center;
}
div#page-header-wrap .section-title h1 {
color: #004876;
font-family: Inter;
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
text-align: center;
margin-bottom: 25px;
margin-right: 0 !important;
max-width: 100%;
}
div#page-header-wrap .section-title .subheader {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
text-align: center;
}
div#page-header-wrap .section-title .single-page-thumbnail {
margin-top: 80px;
}
img.single-page-thumbnail-img {
width: 100%;
border-radius: 30px 0 0 0;
}
body.single-post.material[data-bg-header="true"] .container-wrap,
body.single-events .container-wrap {
padding-top: 160px !important;
background-color: rgba(0, 72, 118, 0.05);
}
body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area,
body[data-ext-responsive="true"].single-events .container-wrap.no-sidebar .post-area {
max-width: 845px;
margin: 0 auto !important;
} .regions-container {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
width: 100%;
}
.regions-container .region {
width: 33.33%;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 75px;
}
.regions-container .region .region--thumbnail {
position: relative;
width: 100%;
height: 270px;
overflow: hidden;
border-top-left-radius: 30px;
}
.regions-container .region .region--thumbnail .region--thumbnail-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
}
.regions-container .region .region--thumbnail .region--thumbnail-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.regions-container .region .region-content .region-content--title {
margin-bottom: 25px;
margin-top: 25px;
}
.regions-container .region .region-content .region-content--title a {
color: #004876;
font-family: Inter;
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
}
.regions-container .region .region-content .region-content--excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 30px;
overflow: hidden;
height: 5em;
}
.regions-container .region .region-content .region-content-readmore {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
}
.regions-container .region .region-content .region-content-readmore:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.regions-container .region .region-content .region-content--title a:hover,
.regions-container .region .region-content .region-content-readmore:hover {
color: #FFCD00;
}
.regions-container .region .region--thumbnail:hover+.region-content .region-content-readmore {
color: #FFCD00;
} .mapplic-clickable:not(g):hover,
g.mapplic-clickable>*:hover {
fill: #004876 !important;
}
#regions-map-title {
position: absolute;
left: 0;
bottom: 0;
margin-bottom: 0;
} .mapplic-zoom-buttons {
box-shadow: none !important;
margin: 12px !important;
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
display: flex;
flex-direction: row-reverse;
}
button.mapplic-zoomin-button,
button.mapplic-zoomout-button,
.mapplic-zoom-buttons .mapplic-disabled {
background-color: transparent !important;
}
button.mapplic-zoomin-button .mapplic-icon,
button.mapplic-zoomout-button .mapplic-icon {
display: none !important;
}
button.mapplic-zoomin-button,
button.mapplic-zoomout-button {
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
margin: 4px;
}
button.mapplic-zoomin-button {
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/mapplic-plus.png);
}
button.mapplic-zoomout-button {
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/mapplic-minus.png);
}
h4.mapplic-tooltip-title {
color: #004876;
font-family: Inter;
font-size: 18px !important;
font-weight: 500;
letter-spacing: 0;
line-height: 21px !important;
text-align: center;
} .publication-filter-wrap {
margin-bottom: 70px !important;
}
.publication-filter {
margin-bottom: 30px !important;
}
.publication-filter a.publication-name {
color: rgba(0, 72, 118, 0.3);
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 30px;
display: inline-block;
border-bottom: 2px solid rgba(0, 72, 118, 0.3);
}
.publication-filter a.publication-name+a.publication-name {
margin-left: 30px;
}
.publication-filter a.publication-name.active {
color: #004876;
border-bottom: 2px solid #FFCD00;
}
.publication-subfilter-wrap {
height: 30px;
}
.publication-subfilter {
display: none;
}
.publication-subfilter.active {
display: block;
}
.publication-subfilter a.publication-name {
color: #004876;
font-family: Inter;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
line-height: 17px;
}
.publication-subfilter a.publication-name.active {
color: #FFCD00;
}
.publication-subfilter a.publication-name+a.publication-name {
margin-left: 35px;
} .pubs-container {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
.pubs-container .pubs-item {
width: 33.33%;
padding: 0 12px;
margin-bottom: 80px;
}
.pubs-container .pubs-item .publication-wrap {
border-radius: 30px 0 0 0;
background-color: rgba(0, 72, 118, 0.05);
padding: 30px 30px 75px 30px;
height: 100%;
position: relative;
}
.pubs-container .pubs-item .publication--thumbnail {
height: 400px;
position: relative;
}
.pubs-container .pubs-item .publication--thumbnail .publication--thumbnail-img {
height: 100%;
width: auto;
margin-left: auto;
margin-right: auto;
}
.pubs-container .pubs-item .publication--info {
padding-top: 30px;
}
.publication--info-sub-info {
display: flex;
}
.pubs-container .pubs-item .publication--info .publication--info-title {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
line-height: 21px;
margin-bottom: 5px;
overflow: hidden;
height: 4rem;
}
.pubs-container .pubs-item .publication--info .publication--info-year {
color: #004876;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 26px;
margin-bottom: 15px;
}
.publication--info-types {
margin-bottom: 7px;
}
.pubs-container .pubs-item .publication--info .publication--info-type {
font-family: Inter;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
line-height: 26px;
padding: 0 10px;
color: #FFFFFF;
background-color: #00A7B5;
display: inline-block;
}
.pubs-container .pubs-item .publication--info .publication--info-type+.publication--info-type {
margin-left: 5px;
}
.pubs-container .pubs-item .publication--info .publication--info-subcategory {
margin-bottom: 10px;
color: #004876;
font-family: Inter;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
line-height: 26px;
margin-left: 5px;
}
.pubs-container .pubs-item .publication--info .publication--info-subcategory span+span:before {
content: ', ';
}
.pubs-container .pubs-item .publication--info .publication--info-excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
}
.pubs-container .pubs-item .publication--bottom {
padding-top: 5px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 30px 25px 30px;
}
.pubs-container .pubs-item .publication--bottom .publication--bottom-link {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
}
.pubs-container .pubs-item .publication--bottom .publication--bottom-link:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.pubs-container .pubs-item .publication--bottom .publication--bottom-link+.publication--bottom-link {
margin-left: 25px;
}
.pubs-container .pubs-item .publication--bottom .publication--bottom-link:hover {
color: #FFCD00;
}
.pubs-container .pubs-item .publication--thumbnail:hover+.publication--info+.publication--bottom .publication--bottom-link {
color: #FFCD00;
} .lity {
background: transparent !important;
z-index: 10000;
}
.lity-wrap:before {
display: none !important;
}
.lity-content:after {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2) !important;
}
.publication-popup {
margin-top: 80px;
background-color: #fff;
padding: 30px 30px 50px 30px;
position: relative;
width: 625px;
}
.publication-popup .publication-popup--close {
color: #004876;
font-family: Inter;
font-size: 18px;
letter-spacing: 0;
line-height: 21px;
text-align: right;
position: absolute;
right: 34px;
top: 40px;
display: inline-flex;
align-items: center;
cursor: pointer;
}
.publication-popup .publication-popup--close:after {
content: '';
width: 19px;
height: 19px;
display: block;
background-position: center;
background-size: contain;
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/popup-close.png);
margin-left: 12px;
}
.publication-popup .publication-popup--head {
margin-bottom: 50px;
}
.publication-popup .publication-popup--head .publication-popup--head-title {
color: #004876;
font-family: Inter;
font-size: 24px;
font-weight: 500;
letter-spacing: 0;
line-height: 29px;
margin-bottom: 10px;
}
.publication-popup .publication-popup--head .publication-popup--head-subtitle {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 24px;
}
.publication-popup .publication-popup-form {
padding: 0 80px;
}
.publication-popup .publication-popup-form form input {
height: 45px;
color: #004876;
font-family: Inter;
font-size: 18px !important;
letter-spacing: 0;
line-height: 24px;
border-bottom: 1px solid #004876 !important;
padding: 0;
background-color: transparent !important;
margin-bottom: 40px !important;
}
.publication-popup .publication-popup-form form input::-webkit-input-placeholder {
color: #004876;
}
.publication-popup .publication-popup-form form input::-moz-placeholder {
color: #004876;
}
.publication-popup .publication-popup-form form input:-ms-input-placeholder {
color: #004876;
}
.publication-popup .publication-popup-form form input:-moz-placeholder {
color: #004876;
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 10001 !important;
}
.publication-popup .publication-popup-form .publication-download-sel .select2-container {
z-index: 10001 !important;
width: 100% !important;
height: 45px;
}
.publication-popup .publication-popup-form .publication-download-sel .select2-container--default .select2-selection--single {
width: 100%;
background-color: #fff;
border: none;
border-radius: 0;
border-bottom: 1px solid #004876 !important;
height: 45px;
}
.publication-popup .publication-popup-form .publication-download-sel .select2-container--default .select2-selection--single .select2-selection__rendered,
.publication-popup .publication-popup-form .publication-download-sel .select2-container--default .select2-selection--single span.select2-selection__placeholder {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 245x;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
}
.publication-popup .publication-popup-form .publication-download-sel .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 8px;
right: 1px;
width: 20px;
}
.publication-popup .publication-popup-form .publication-download-gdpr {
margin-top: 40px;
margin-bottom: 30px;
}
.publication-popup .publication-popup-form .publication-download-gdpr input {
display: none;
}
.publication-popup .publication-popup-form .publication-download-gdpr label {
display: flex;
align-items: center;
color: #004876;
font-family: Inter;
font-size: 18px;
letter-spacing: 0;
line-height: 24px;
position: relative;
}
.publication-popup .publication-popup-form .publication-download-gdpr label:before {
content: '';
height: 22px;
width: 22px;
border: 1px solid #004876;
display: block;
margin-right: 10px;
}
.publication-popup .publication-popup-form .publication-download-gdpr label:after {
content: '\f00c';
font-family: FontAwesome;
color: #004876;
height: 22px;
width: 22px;
display: block;
margin-right: 10px;
position: absolute;
top: 0;
left: 0;
font-size: 25px;
opacity: 0;
}
.publication-popup .publication-popup-form .publication-download-gdpr input[type="checkbox"]:checked+label:after {
opacity: 1;
}
.publication-popup .publication-popup-form .publication-download-gdpr label a {
text-decoration: underline;
}
.publication-popup .publication-popup-form button {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
background-color: transparent !important;
padding: 0;
}
.publication-popup .publication-popup-form button:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.publication-popup .publication-popup-form button:hover {
color: #FFCD00;
}
.reports-owl-container {
margin: 0 !important;
}
.reports-owl-container .owl-carousel .owl-stage {
padding: 0 !important;
margin: 0 !important;
}
.reports-owl-container .owl-nav {
margin-top: 0 !important;
}
.reports-owl-container .owl-nav button.owl-prev span,
.reports-owl-container .owl-nav button.owl-next span {
display: none !important;
}
.reports-owl-container .owl-nav button.owl-prev,
.reports-owl-container .owl-nav button.owl-next {
position: absolute;
top: 260px;
height: 62px;
width: 62px;
background-position: center !important;
background-repeat: no-repeat !important;
margin: 0;
z-index: 9999;
}
.reports-owl-container .owl-nav button.owl-prev {
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/owl-left.png) !important;
left: 30px;
}
.reports-owl-container .owl-nav button.owl-next {
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/owl-right.png) !important;
right: 30px;
}
.reports-owl-container .owl-nav button.owl-prev:hover,
.reports-owl-container .owl-nav button.owl-next:hover {
background-color: transparent;
}
.reports-owl-container {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
.reports-owl-container .reports-item {
width: 100%;
padding: 0 12px;
margin-bottom: 0
}
.reports-owl-container .reports-item .reports-item-wrap {
border-radius: 30px 0 0 0;
background-color: rgba(0, 72, 118, 0.05);
padding: 40px 40px 30px 40px;
height: 100%;
}
.reports-owl-container .reports-item .reports-item--thumbnail {
height: 485px;
position: relative;
}
.reports-owl-container .reports-item .reports-item--thumbnail .reports-item--thumbnail-img {
height: 100%;
width: auto;
margin-left: auto;
margin-right: auto;
}
.reports-owl-container .reports-item .reports-item--info {
padding-top: 30px;
}
.reports-owl-container .reports-item .reports-item--info .reports-item--info-title {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
line-height: 21px;
margin-bottom: 5px;
min-height: 2.5rem;
}
.reports-owl-container .reports-item .reports-item--info .reports-item--info-type {
color: #00A7B5;
font-family: Inter;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 10px;
}
.reports-owl-container .reports-item .reports-item--info .reports-item--info-excerpt {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
}
.reports-owl-container .reports-item .reports-item--bottom {
padding-top: 30px;
}
.reports-owl-container .reports-item .reports-item--bottom .reports-item--bottom-link {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
}
.reports-owl-container .reports-item .reports-item--bottom .reports-item--bottom-link:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.reports-owl-container .reports-item .reports-item--bottom .reports-item--bottom-link+.reports-item--bottom-link {
margin-left: 25px;
}
.reports-owl-container .reports-item .reports-item--bottom .reports-item--bottom-link:hover {
color: #FFCD00;
}
div#footer-outer div#footer-widgets .widgets-right-col .widget {
margin-bottom: 0 !important;
}
div#footer-outer div#footer-widgets .widgets-right-col .widget p {
padding-bottom: 0;
}
.hide-mobile {
display: block !important;
}
.hide-desctop {
display: none !important;
}
@media screen and (max-width: 999px) and (min-width: 481px) { div#footer-outer div#footer-widgets .row {
display: block;
padding: 65px 0 30px;
}
div#footer-outer div#footer-widgets .widgets-left-col {
display: block;
margin-bottom: 0;
padding: 0 !important;
width: 100%;
}
div#footer-outer div#footer-widgets .widget h4 {
font-size: 22.5px;
line-height: 27px;
margin-bottom: 20px;
}
#footer-outer .widget {
margin-bottom: 65px;
}
div#footer-outer div#footer-widgets .widgets-left-col .widget:last-child p {
font-size: 32.5px !important;
line-height: 39px !important;
}
div#footer-outer div#footer-widgets .widgets-right-col {
display: block;
padding: 0 !important;
width: 100%;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 {
width: 100%;
padding: 0 !important;
margin-bottom: 0px;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 .widget {
margin-bottom: 50px;
}
body.material div#footer-outer div#footer-widgets .col .widget.widget_nav_menu h4 {
font-size: 24px;
line-height: 29px;
margin-bottom: 20px;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 .widget.widget_text h4 {
font-size: 22.5px;
line-height: 27px;
margin-bottom: 27px;
}
div.wpcf7 .ajax-loader {
display: none !important;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 .widget.widget_text p {
padding-bottom: 0 !important;
}
div#footer-outer div#footer-widgets .widgets-right-col .widget-copyright {
margin-bottom: 0 !important;
margin-left: 0;
width: 100%;
}
#footer-widgets .container .col {
margin-left: 0;
margin-right: 0;
width: 100%;
}
#footer-widgets .container .col .hide-mobile {
display: none !important;
}
#footer-widgets .container .col .hide-desctop {
display: block !important;
} .admin-bar .slide-out-hover-icon-effect.small {
display: none !important;
}
#top #mobile-cart-link,
#top .span_9>.slide-out-widget-area-toggle,
#top .mobile-search {
display: none !important;
}
#header-outer #top nav {
display: block !important;
}
#header-outer #top .col.span_3 #logo,
#header-outer #top .col.span_3 #logo img,
body[data-slide-out-widget-area="true"] #header-outer[data-has-menu="false"] #top .span_3 {
max-width: 200px;
}
body #header-outer.transparent #logo img {
height: 120px !important;
}
body #header-outer #logo img {
height: 30px !important;
}
body #header-outer.transparent {
margin-bottom: 0;
padding: 30px 0 0 0;
}
#header-outer[data-full-width="true"] header>.container {
width: 100%;
max-width: 600px !important;
padding: 0px !important;
}
body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav>.buttons {
margin-left: 0;
padding-top: 0;
width: auto;
}
div#header-outer ul.buttons.sf-menu li.menu-toggle {
width: 100%;
display: flex;
}
div#header-outer ul.buttons.sf-menu li.menu-toggle span {
display: block;
}
.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
overflow: auto;
}
.cbp-spmenu-vertical {
width: 100%;
}
.cbp-spmenu {
background-color: rgba(0, 72, 118, 1);
}
.admin-bar .cbp-spmenu-right {
top: 45px;
}
.menu-container {
padding: 0;
width: 600px;
margin-left: auto;
margin-right: auto;
}
.menu-bottom {
padding-left: 0;
padding-top: 70px;
padding-bottom: 70px;
width: 600px;
margin-left: auto;
margin-right: auto;
} .section-margin-200 {
transform: translateY(60px) !important;
}
.news-events-container .news-events-featured {
margin-bottom: 40px;
}
.news-events-container .news-events-featured .news-events-featured--body {
width: 50%;
padding-right: 25px;
}
.news-events-container .news-events-featured .news-events-featured--thumbnail {
width: 50%;
}
.news-events-container .news-events-featured .news-events-featured--thumbnail a {
height: 300px;
} .reports-container {
display: flex;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
}
.reports-container .report {
width: 100%;
padding: 0;
}
.reports-container .report .report-wrap {
padding: 30px 25px 70px 25px;
}
.reports-container .report .report--info .report--info-title {
min-height: auto;
}
.reports-container .report .report--info .report--info-type {
margin-bottom: 15px;
}
.reports-container .report .report--bottom {
padding-top: 25px;
}
.reports-container .report+.report {
margin-top: 30px;
} .section-w-t-images {
height: 300px;
}
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
height: auto;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.commissioner,
.team-member,
.partner {
width: 50%;
} .standard_section.rounded-section-w-image {
margin: 0;
margin-bottom: 0 !important;
}
.standard_section.rounded-section-w-image .rounded-section-w-image-img {
display: none !important;
}
.standard_section.rounded-section-w-image .rounded-section-w-image-content {
margin-bottom: 0 !important;
}
.rounded-section-w-image .rounded-section-w-image-content>.vc_column-inner>.wpb_wrapper {
padding: 50px;
}
.rounded-section-w-image .rounded-section-w-image-content>.vc_column-inner>.wpb_wrapper h3.vc_custom_heading {
font-size: 30px !important;
line-height: 36px !important;
} .regions-container {
width: auto;
}
.regions-container .region {
width: 50%;
margin-bottom: 60px;
}
.regions-container .region .region--thumbnail {
width: 100%;
height: 200px;
}
.regions-container .region .region-content .region-content--title a {
font-size: 22.5px;
line-height: 27px;
} .pubs-container {
display: flex;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
}
.pubs-container .pubs-item {
width: 100%;
padding: 0;
margin-bottom: 0;
}
.pubs-container .pubs-item .publication-wrap {
padding: 30px 25px 70px 25px;
}
.pubs-container .pubs-item .publication--info .publication--info-title {
min-height: auto;
}
.pubs-container .pubs-item .publication--info .publication--info-type {
margin-bottom: 15px;
}
.pubs-container .pubs-item .publication--bottom {
padding-top: 25px;
}
.pubs-container .pubs-item+.pubs-item {
margin-top: 30px;
} .listing {
display: block;
}
.listing .listing--thumbnail {
width: 100%;
height: 300px;
}
.listing .listing--info {
width: 100%;
padding: 50px;
}
.listing+.listing {
margin-top: 60px;
} .publication-filter a.publication-name {
display: block;
margin-bottom: 20px;
}
.publication-filter a.publication-name+a.publication-name {
margin-left: 0;
}
.publication-subfilter-wrap {
height: auto;
}
.publication-subfilter {
margin-left: -10px;
margin-right: -10px;
}
.publication-subfilter a.publication-name {
padding: 10px;
display: inline-block;
}
.publication-subfilter a.publication-name+a.publication-name {
margin-left: 0;
} .news-container .news,
.events-container .event {
width: 50%;
margin-bottom: 60px;
}
.news-container .news .news-content .news-content--title a,
.events-container .event .event-content .event-content--title a {
font-size: 22.5px;
line-height: 27px;
height: 55px;
}
.news-container .news .news--thumbnail,
.events-container .event .event--thumbnail {
width: 100%;
height: 225px;
border-top-left-radius: 30px;
} div#page-header-wrap {
margin-bottom: -60px;
z-index: 99;
padding-top: 200px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
background-color: transparent !important;
}
div#page-header-wrap .section-title {
margin-bottom: 0 !important;
}
div#page-header-wrap .section-title h1 {
font-size: 32.5px;
line-height: 39px;
margin-bottom: 10px;
text-align: left;
}
div#page-header-wrap .section-title .subheader {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
text-align: left !important;
width: 100% !important;
display: block;
}
div#page-header-wrap .section-title .single-page-thumbnail {
margin-top: 60px;
}
body.single-post.material[data-bg-header="true"] .container-wrap,
body.single-events .container-wrap {
padding-top: 110px !important;
background-color: rgba(0, 72, 118, 0.05);
padding-bottom: 60px !important;
}
.material .related-post-wrap h3.related-title {
font-size: 22.5px;
line-height: 27px;
padding: 0 0 60px;
}
.material .blog-recent.related-posts .news-container {
margin-left: 0;
margin-right: 0;
}
.material .blog-recent.related-posts .news-container .news {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 60px;
}
.material .blog-recent.related-posts .news-container .news .news-content .news-content--title a {
font-size: 22.5px;
line-height: 27px;
}
.material .blog-recent.related-posts .news-container .news .news--thumbnail {
width: 100%;
height: 225px;
border-top-left-radius: 30px;
}
.hide-mobile {
display: none !important;
}
.hide-desctop {
display: block !important;
}
}
@media screen and (max-width: 480px) { div#footer-outer div#footer-widgets .row {
display: block;
padding: 65px 0 30px;
}
div#footer-outer div#footer-widgets .widgets-left-col {
display: block;
margin-bottom: 65px;
}
div#footer-outer div#footer-widgets .widget h4 {
font-size: 22.5px;
line-height: 27px;
margin-bottom: 20px;
}
#footer-outer .widget {
margin-bottom: 65px;
}
div#footer-outer div#footer-widgets .widgets-left-col .widget:last-child p {
font-size: 32.5px !important;
line-height: 39px !important;
}
div#footer-outer div#footer-widgets .widgets-right-col {
display: block;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 {
width: 100%;
margin-bottom: 0px;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 .widget {
margin-bottom: 50px;
}
body.material div#footer-outer div#footer-widgets .col .widget.widget_nav_menu h4 {
font-size: 24px;
line-height: 29px;
margin-bottom: 20px;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 .widget.widget_text h4 {
font-size: 22.5px;
line-height: 27px;
margin-bottom: 27px;
}
div.wpcf7 .ajax-loader {
display: none !important;
}
div#footer-outer div#footer-widgets .widgets-right-col .span_6 .widget.widget_text p {
padding-bottom: 0 !important;
}
div#footer-outer div#footer-widgets .widgets-right-col .widget-copyright {
margin-bottom: 0 !important;
}
div#footer-outer div#footer-widgets .widgets-right-col .widget-copyright span {
display: block;
}
div#footer-outer div#footer-widgets .widgets-left-col {
display: block;
margin-bottom: 0;
} .admin-bar .slide-out-hover-icon-effect.small {
display: none !important;
}
#top #mobile-cart-link,
#top .span_9>.slide-out-widget-area-toggle,
#top .mobile-search {
display: none !important;
}
#header-outer #top nav {
display: block !important;
}
#header-outer #top .col.span_3 #logo,
#header-outer #top .col.span_3 #logo img,
body[data-slide-out-widget-area="true"] #header-outer[data-has-menu="false"] #top .span_3 {
max-width: 200px;
}
body #header-outer.transparent #logo img {
height: 120px !important;
}
body #header-outer #logo img {
height: 30px !important;
}
body #header-outer.transparent {
margin-bottom: 0;
padding: 30px 0 0 0;
}
#header-outer[data-full-width="true"] header>.container {
width: 100%;
max-width: 320px !important;
padding: 0px !important;
}
body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav>.buttons {
margin-left: 0;
padding-top: 0;
width: auto;
}
div#header-outer ul.buttons.sf-menu li.menu-toggle {
width: 100%;
display: flex;
}
div#header-outer ul.buttons.sf-menu li.menu-toggle span {
display: block;
}
.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
overflow: auto;
}
.cbp-spmenu-vertical {
width: 100%;
}
.cbp-spmenu {
background-color: rgba(0, 72, 118, 1);
}
.admin-bar .cbp-spmenu-right {
top: 45px;
}
.cbp-spmenu-right {
padding-top: 150px;
}
.menu-container {
padding: 0;
width: 320px;
margin-left: auto;
margin-right: auto;
}
.menu-bottom {
padding-left: 0;
padding-top: 70px;
padding-bottom: 70px;
width: 320px;
margin-left: auto;
margin-right: auto;
} .wpb_wrapper h2.vc_custom_heading.mobile-title30 {
font-size: 30px !important;
line-height: 36px !important;
}
.wpb_wrapper h2.vc_custom_heading.mobile-title22 {
font-size: 22.5px !important;
line-height: 27px !important;
}
.wpb_wrapper h3.vc_custom_heading.mobile-title22 {
font-size: 22.5px !important;
line-height: 27px !important;
}
.wpb_wrapper h3.vc_custom_heading.mobile-title18 {
font-size: 18px !important;
line-height: 26px !important;
} .news-events-container .news-events-featured {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.news-events-container .news-events-featured .news-events-featured--thumbnail {
width: 100%;
}
.news-events-container .news-events-featured .news-events-featured--thumbnail a {
height: 235px;
}
.news-events-container .news-events-featured .news-events-featured--body {
width: 100%;
padding-right: 0;
padding-top: 30px;
padding-bottom: 35px;
}
.news-events-container .news-events-featured .news-events-featured--body .news-events-featured--title {
font-size: 22.5px;
line-height: 27px;
}
.news-events-container .news-events+.news-events {
margin-top: 35px;
}
.news-events-container .news-events .news-events--title {
font-weight: 500;
margin-bottom: 15px;
}
.news-events-container .news-events .news-events--date {
margin-top: 0;
margin-bottom: 12px;
} .reports-container {
display: flex;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
}
.reports-container .report {
width: 100%;
padding: 0;
}
.reports-container .report .report-wrap {
padding: 30px 25px 70px 25px;
}
.reports-container .report .report--info .report--info-title {
min-height: auto;
}
.reports-container .report .report--info .report--info-type {
margin-bottom: 15px;
}
.reports-container .report .report--bottom {
padding-top: 25px;
}
.reports-container .report+.report {
margin-top: 30px;
} .section-w-t-images {
height: 300px;
}
.section-w-t-images .wpb_wrapper>.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
height: auto;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
} .section-mmargin-60 {
transform: translateY(60px) !important;
position: relative;
} .tabbed>ul,
.wpb_content_element .tabbed .wpb_tabs_nav {
margin-left: 0px;
margin-bottom: 0;
}
.tabbed>ul li {
width: 100%;
margin-bottom: 20px;
margin-left: 0 !important;
}
.tabbed>ul li a {
font-size: 16px;
line-height: 20px;
}
.commissioner-filter-container {
width: 100%;
}
.commissioner-container,
.team-members-container,
.partners-container {
margin-left: 0;
margin-right: 0;
}
.commissioner,
.team-member,
.partner {
width: 100%;
padding: 0 !important;
margin-bottom: 60px !important;
}
.col.padding-30>.vc_column-inner {
padding: 30px !important;
} .mobile-reverce-cols .row_col_wrap_12_inner {
flex-direction: column-reverse;
}
.standard_section.rounded-section-w-image {
margin: 0;
margin-bottom: 0 !important;
}
.standard_section.rounded-section-w-image .rounded-section-w-image-img {
display: none !important;
}
.standard_section.rounded-section-w-image .rounded-section-w-image-content {
margin-bottom: 0 !important;
}
.rounded-section-w-image .rounded-section-w-image-content>.vc_column-inner>.wpb_wrapper {
padding: 30px;
}
.rounded-section-w-image .rounded-section-w-image-content>.vc_column-inner>.wpb_wrapper h3.vc_custom_heading {
font-size: 30px !important;
line-height: 36px !important;
} .regions-container {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.regions-container .region {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 60px;
}
.regions-container .region .region--thumbnail {
width: 100%;
height: 230px;
}
.regions-container .region .region-content .region-content--title a {
font-size: 22.5px;
line-height: 27px;
} .pubs-container {
margin-left: 0;
margin-right: 0;
}
.pubs-container .pubs-item {
width: 100%;
padding: 0;
margin-bottom: 60px;
}
.pubs-container .pubs-item .publication--info .publication--info-title {
height: auto;
}
.pubs-container .pubs-item .publication--info .publication--info-type {
margin-bottom: 20px;
}
.pubs-container .pubs-item .publication--thumbnail {
height: 235px !important;
}
.pubs-container .pubs-item .publication-wrap {
padding: 30px 25px 70px 25px;
}
.pubs-container .pubs-item .publication--info .publication--info-title {
min-height: auto;
}
.pubs-container .pubs-item .publication--info .publication--info-type {
margin-bottom: 15px;
}
.pubs-container .pubs-item .publication--bottom {
padding-top: 25px;
}
.pubs-container .pubs-item+.publication {
margin-top: 30px;
} .listing {
display: block;
}
.listing .listing--thumbnail {
width: 100%;
height: 230px;
}
.listing .listing--info {
width: 100%;
padding: 30px;
}
.listing+.listing {
margin-top: 60px;
} .subsectors-container {
display: block;
width: 100vw;
left: 50%;
transform: translateX(-50%);
position: relative;
}
.subsector::after {
content: '';
padding-top: 50%;
display: block;
}
.subsector:first-child:after {
content: '';
padding-top: 100%;
display: block;
}
.subsector .subsector--title {
bottom: 30px;
left: 30px;
right: 30px;
margin-bottom: 0 !important;
} .publication-filter a.publication-name {
display: block;
margin-bottom: 20px;
}
.publication-filter a.publication-name+a.publication-name {
margin-left: 0;
} .news-container,
.events-container {
margin-left: 0;
margin-right: 0;
}
.news-container .news,
.events-container .event {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 60px;
}
.news-container .news .news-content .news-content--title a,
.events-container .event .event-content .event-content--title a {
font-size: 22.5px;
line-height: 27px;
height: auto;
}
.news-container .news .news--thumbnail,
.events-container .event .event--thumbnail {
width: 100%;
height: 225px;
border-top-left-radius: 30px;
} div#page-header-wrap {
margin-bottom: -60px;
z-index: 99;
padding-top: 200px;
max-width: 320px;
margin-left: auto;
margin-right: auto;
background-color: transparent !important;
}
div#page-header-wrap .section-title {
margin-bottom: 0 !important;
}
div#page-header-wrap .section-title h1 {
font-size: 32.5px;
line-height: 39px;
margin-bottom: 10px;
text-align: left;
}
div#page-header-wrap .section-title .subheader {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
text-align: left !important;
width: 100% !important;
display: block;
}
div#page-header-wrap .section-title .single-page-thumbnail {
margin-top: 60px;
}
body.single-post.material[data-bg-header="true"] .container-wrap,
body.single-events .container-wrap {
padding-top: 110px !important;
background-color: rgba(0, 72, 118, 0.05);
padding-bottom: 60px !important;
}
.material .related-post-wrap h3.related-title {
font-size: 22.5px;
line-height: 27px;
padding: 0 0 60px;
}
.hide-mobile {
display: none !important;
}
.hide-desctop {
display: block !important;
}
.publication-subfilter-wrap {
height: auto;
}
.publication-subfilter {
margin-left: -10px;
margin-right: -10px;
}
.publication-subfilter a.publication-name {
padding: 10px;
display: inline-block;
}
.publication-subfilter a.publication-name+a.publication-name {
margin-left: 0;
}
body.page-template-default.page.page-id-182 div#text-2 {
display: none;
}
.container-wrap[post-type="publications"] .container.main-content .post-content .content-inner .vc_row:first-child .col.span_12 {
flex-direction: column-reverse;
}
.container-wrap[post-type="publications"] .container.main-content .post-content .content-inner .vc_row:first-child .col.span_12 .vc_col-sm-6 {
margin-bottom: 0 !important;
}
.container-wrap[post-type="publications"] .container.main-content .post-content .content-inner .vc_row:first-child .col.span_12 img {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 999px) and (min-width: 1px) {
body #header-outer {
padding: 17px 0;
}
} #cookie-law-info-bar {
padding: 30px 30px 25px 30px !important;
background-color: #fff !important;
box-shadow: none !important;
width: 400px !important;
bottom: 50px !important;
right: 50px !important;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2) !important;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli_messagebar_head {
transform: rotate(360deg);
color: #004876;
font-family: Inter;
font-size: 24px;
font-weight: 500;
letter-spacing: 0;
line-height: 29px;
text-align: left;
}
#cookie-law-info-bar[data-cli-type="widget"] .cookie-law-info-bar-body,
#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message {
font-family: Inter;
color: #004876;
font-size: 16px;
letter-spacing: 0;
line-height: 24px;
text-align: left;
}
#cookie-law-info-bar .cookie-law-info-bar-buttons {
margin-top: 25px;
margin-left: 0px;
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli-plugin-main-link:not(.cli-plugin-button),
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli_settings_button:not(.cli-plugin-button),
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli_action_button:not(.cli-plugin-button) {
text-decoration: none !important;
margin: 0 !important;
font-family: Inter;
display: flex !important;
align-items: center;
color: #004876 !important;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
}
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli-plugin-main-link:not(.cli-plugin-button):hover,
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli_settings_button:not(.cli-plugin-button):hover,
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli_action_button:not(.cli-plugin-button):hover {
color: #FFCD00 !important;
opacity: 1;
}
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli_settings_button:not(.cli-plugin-button):before {
content: '';
width: 17px;
height: 17px;
display: block;
margin-bottom: 2px;
}
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli_action_button:not(.cli-plugin-button):before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli_settings_button:not(.cli-plugin-button):before {
margin-right: 9px;
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/cog-blue.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#cookie-law-info-bar .cookie-law-info-bar-buttons .cli_settings_button:not(.cli-plugin-button):hover:before {
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/cog-yellow.png);
}
.cli-modal-backdrop.cli-show {
display: none !important
}
.cli-modal {
top: auto !important;
right: 50px !important;
bottom: 50px !important;
left: auto !important;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2) !important;
}
.cli-modal .cli-modal-dialog {
max-width: 400px !important;
margin: 0 !important;
min-height: 0 !important;
}
.cli-modal-content {
background-color: #fff !important;
border-radius: 0 !important;
padding: 30px 30px 25px 30px !important;
}
.cli-modal .cli-modal-close {
top: 25px !important;
right: 25px !important;
width: 30px !important;
height: 30px !important;
border-radius: 0 !important;
padding: 0 !important;
min-width: 20px !important;
cursor: pointer;
position: absolute;
}
.cli-modal-close svg {
fill: #004876;
stroke-width: 1px;
stroke: #fff;
}
.cli-modal-close:hover svg {
fill: #FFCD00;
}
.cli-container-fluid {
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}
.cli-tab-container h4,
.cli-tab-container h1 {
margin: 0 !important;
font-family: Inter;
font-size: 24px;
font-weight: 500;
letter-spacing: 0;
line-height: 29px;
transform: translate(0, -6px);
display: inline-block;
color: #004876;
}
.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
max-height: none;
transition: max-height 0.15s ease-out;
overflow: hidden;
margin: 0 0 30px 0;
}
.cli-tab-container p,
.cli-privacy-content-text {
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 24px;
}
#cliSettingsPopup .cli-tab-section-container {
padding-top: 0 !important;
}
.cli-tab-section {
margin-top: 0 !important;
}
.cli-tab-container .cli-row {
max-height: none;
margin-right: 0 !important;
margin-left: 0 !important;
}
.cli-tab-header {
border-radius: 0 !important;
padding: 5px 3px !important;
background-color: transparent !important;
}
.cli-tab-header a.cli-nav-link,
span.cli-necessary-caption {
color: #004876;
font-family: Inter !important;
font-size: 16px !important;
letter-spacing: 0 !important;
line-height: 24px !important;
}
.cli-tab-header a:before {
width: 7px !important;
height: 11px !important;
border-right: 0 solid #fff !important;
border-bottom: 0 solid #fff !important;
margin-right: 10px !important;
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/tab-arrow.png);
transform: rotate(0);
background-repeat: no-repeat;
}
.cli-tab-header.cli-tab-active .cli-nav-link:before {
transform: rotate(90deg);
}
.cli-tab-section .cli-tab-content {
padding: 10px 0;
background: transparent;
}
.cli-switch .cli-slider:after {
content: attr(data-cli-disable);
position: absolute;
right: 50px;
text-align: right;
min-width: 60px;
background: transparent;
color: #004876;
font-family: Inter;
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
text-align: right;
}
.cli-switch .cli-slider {
background-color: transparent;
height: 22px;
width: 41px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
border: 1px solid #004876;
}
.cli-switch input:checked+.cli-slider {
background-color: transparent;
}
.cli-switch .cli-slider:before {
background-color: #FFCD00;
bottom: 2px;
content: "";
height: 16px;
left: 2px;
position: absolute;
transition: .4s;
width: 16px;
}
.cli-modal .cookie-law-info-bar-buttons {
margin-top: 25px;
margin-left: 0px;
flex-wrap: wrap;
display: flex;
justify-content: space-between;
width: 100%;
}
.cli-modal .cookie-law-info-bar-buttons .cli-plugin-main-link,
.cli-modal .cookie-law-info-bar-buttons .cli_settings_button,
.cli-modal .cookie-law-info-bar-buttons .cli_action_button {
text-decoration: none !important;
margin: 0 !important;
font-family: Inter;
display: flex !important;
align-items: center;
color: #004876 !important;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
background-color: transparent;
padding: 0;
cursor: pointer !important;
}
.cli-modal .cookie-law-info-bar-buttons .cli_settings_button {
color: #FFCD00 !important;
}
.cli-modal .cookie-law-info-bar-buttons .cli-plugin-main-link:hover,
.cli-modal .cookie-law-info-bar-buttons .cli_settings_button:hover,
.cli-modal .cookie-law-info-bar-buttons .cli_action_button:hover {
color: #FFCD00 !important;
opacity: 1;
}
.cli-modal .cookie-law-info-bar-buttons .cli_settings_button:before {
content: '';
width: 17px;
height: 17px;
display: block;
margin-bottom: 2px;
}
.cli-modal .cookie-law-info-bar-buttons .cli_action_button:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.cli-modal .cookie-law-info-bar-buttons .cli_settings_button:before {
margin-right: 9px;
background-image: url(//www.energy-transitions.org/wp-content/themes/etc/images/cog-yellow.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#cookie-law-info-again {
display:none !important;
}
@media screen and (max-width:600px) {
#cookie-law-info-bar {
padding: 20px 20px 15px 20px !important;
background-color: #fff !important;
box-shadow: none !important;
width: 96% !important;
bottom: 0 !important;
right: 0 !important;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2) !important;
margin: 0 2% 2%;
}
.cli-modal {
top: auto !important;
bottom: 0 !important;
right: 0 !important;
margin: 0 2% 2%;
left: auto !important;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2) !important;
}
.cli-modal-content {
background-color: #fff !important;
border-radius: 0 !important;
padding: 25px 20px 15px 20px !important;
}
.cli-modal .cli-modal-close {
top: 15px !important;
right: 15px !important;
width: 30px !important;
height: 30px !important;
border-radius: 0 !important;
padding: 0 !important;
min-width: 20px !important;
cursor: pointer;
position: absolute;
}
}
@media screen and (min-width:1000px) {
.news-events-container {
position: relative;
}
.news-events-container .nectar-cta {
position: absolute;
top: -50px;
right: 0;
}
} .vc_row.vc_row-o-equal-height>.span_12>.wpb_column.column-items-beetwen >.vc_column-inner >.wpb_wrapper {
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.vc_row.vc_row-o-equal-height>.span_12>.wpb_column.column-items-beetwen >.vc_column-inner >.wpb_wrapper > .img-with-aniamtion-wrap {
display: flex;
align-self: flex-end;
}
.nectar-flickity[data-controls="touch_total"] .visualized-total {
height: 10px !important;
background-color: rgba(0,72,118,0.05) !important;
}
.nectar-flickity[data-controls="touch_total"] .visualized-total span {
height: 10px !important;
top: 0 !important;
background-color: #004876 !important;
} body.material[data-header-search="false"] #search-outer {
visibility: visible !important;
} @media only screen and (min-width: 1000px) {
#header-outer[data-format="default"] #top .span_9 {
width: 50%;
justify-content: flex-end;
margin-right: 0 !important;
}
#header-outer:not([data-format="left-header"]) #top>.container>.row nav {
width: 100%;
justify-content: flex-end;
}
body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav>.buttons {
margin-left: 0 !important;
width: 100%;
justify-content: space-between;
padding-left: 80px;
}
body:not(.ascend) #header-outer[data-full-width="true"][data-remove-border="true"] #top nav ul #search-btn {
margin-left: 0 !important;
}
#search-btn {
opacity: 0;
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
#top nav ul #search-btn a {
width: auto;
display: flex;
}
body #header-outer.transparent #top nav ul #search-btn a .icon-salient-search,
body #header-outer.transparent #top nav ul #search-btn a:hover span {
color: #FFFFFF !important;
opacity: 1 !important;
}
body #header-outer.transparent #top nav ul #search-btn {
margin-top: 5px !important;
}
#top nav ul #search-btn a span:not(.icon-salient-search) {
color: #FFFFFF !important;
font-family: Inter;
font-size: 18px !important;
letter-spacing: 0;
line-height: 21px;
margin-left: 8px;
}
#header-outer.active #search-btn {
opacity: 1;
}
}
@media only screen and (max-width: 1000px) {
#top nav ul #search-btn a span:not(.icon-salient-search) {
display: none !important;
}
#search-btn {
opacity: 0;
-webkit-transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: opacity .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
#header-outer.active #search-btn {
opacity: 1;
}
body #header-outer.transparent #top nav ul #search-btn a:hover .icon-salient-search {
color: #FFCD00 !important;
}
body #header-outer.transparent #top nav ul #search-btn a .icon-salient-search {
color: #FFFFFF !important;
opacity: 1 !important;
}
#top nav ul #search-btn a,
#top nav ul #nectar-user-account a,
#top nav ul .slide-out-widget-area-toggle a {
width: 24px;
height: 24px;
}
} .material #header-outer.transparent .bg-color-stripe,
.material #search-outer .bg-color-stripe {
height: auto !important;
}
body.material #search-outer {
height: auto !important;
padding-top: 110px !important;
padding-bottom: 75px !important;
transform: translate3d(0,-100%,0)!important;
-webkit-transform: translate3d(0,-100%,0)!important;
}
body.material #search-outer.material-open, body.material #header-outer #search-outer.material-open {
transform: translate3d(0,0vh,0)!important;
-webkit-transform: translate3d(0,0vh,0)!important;
}
.material-ocm-open.slide_out_area_close:before,
#search-outer.material-open #search #close a:before {
display: none !important;
}
body #search-outer #search input[type="text"],
body.material #search-outer #search form input[type="text"] {
font-family: "Inter";
font-size: 40px !important;
letter-spacing: 0;
line-height: 90px !important;
height: 90px !important;
font-weight: 400 !important;
border-width: 1px;
}
body[data-header-color="custom"] #search-outer #search .span_12 span {
opacity: 1;
font-family: "Inter";
font-size: 18px;
letter-spacing: 0;
line-height: 21px;
margin-top: 20px;
}
body.material #search-outer #search #close {
position: absolute;
top: -70px;
right: 90px;
}
body.material #search-outer #search #close a {
right: 0 !important;
top: 0 !important;
position: relative;
}
#search-outer #search #close a {
display: flex;
align-items: center;
cursor: pointer;
width: auto;
height: auto;
}
#search-outer #search #close a span {
box-sizing: border-box;
height: 24px !important;
width: 24px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
margin-left: 9px;
}
#search-outer #search #close a {
color: #fff;
font-family: Inter;
font-size: 18px;
letter-spacing: 0;
line-height: 21px;
text-align: right;
-webkit-transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
transition: all .4s cubic-bezier(.05, .2, .1, 1) 0s;
}
#search-outer #search #close a:hover {
color: #FFCD00 !important;
}
#search-outer #search #close a:hover span {
border: 2px solid #FFCD00 !important;
background-color: #FFCD00 !important;
}
@media only screen and (max-width: 1000px) {
body[data-header-color="custom"] #search-outer #search .span_12 span {
display: none;
}
body #search-outer #search input[type="text"],
body.material #search-outer #search form input[type="text"] {
font-size: 30px !important;
line-height: 70px !important;
height: 70px !important;
}
body.material #search-outer {
padding-top: 75px !important;
padding-bottom: 50px !important;
}
#search-outer #search #close,
body.material #header-outer #search-outer #search #close {
top: -40px;
right: 0px;
}
} body.search-no-results:not(.post-type-archive) .container-wrap:not([data-layout="default"]) .container.main-content {
max-width: 1425px;
}
.search-results .search-results--head {
padding-top: 150px;
padding-bottom: 40px;
}
.search-results .search-results--head h1 {
color: #004876;
font-family: "Inter";
font-size: 40px;
letter-spacing: 0;
line-height: 49px;
}
.search-results .search__result {
display: flex;
justify-content: space-between;
padding: 30px 0;
border-bottom: 1px solid #004876;
}
.search-results .search__result .search__result--content .search__result--title {
color: #004876;
font-family: "Inter";
font-size: 30px;
letter-spacing: 0;
line-height: 36px;
margin-bottom: 15px;
}
.search-results .search__result .search__result--content .search__result--publication-info .search__result--publication-info-types {
margin-bottom: 7px;
}
.search-results .search__result .search__result--content .search__result--publication-info .search__result--publication-info-type {
font-family: Inter;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
line-height: 26px;
padding: 0 10px;
color: #FFFFFF;
background-color: #00A7B5;
display: inline-block;
}
.search-results .search__result .search__result--content .search__result--publication-info .search__result--publication-info-add {
display: flex;
}
.search-results .search__result .search__result--content .search__result--publication-info .search__result--publication-info-year {
color: #004876;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 26px;
margin-bottom: 15px;
}
.search-results .search__result .search__result--content .search__result--publication-info .search__result--publication-info-subcategory {
margin-bottom: 10px;
color: #004876;
font-family: Inter;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
line-height: 26px;
margin-left: 5px;
}
.search-results .search__result .search__result--content .search__result--excerpt {
color: #004876;
font-family: "Inter";
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
padding-right: 50px;
}
.search-results .search__result .search__result--btn {
align-self: flex-end;
}
.search-results .search__result .search__result--btn .search__result--readmore {
color: #004876;
font-family: Inter;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
display: inline-flex !important;
align-items: center;
white-space: nowrap;
}
.search-results .search__result .search__result--btn .search__result--readmore:before {
content: '';
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #FFCD00;
margin-right: 9px;
}
.search-results .search__result .search__result--btn .search__result--readmore:hover {
color: #FFCD00;
}
@media only screen and (max-width: 1000px) {
.search-results .search__result {
display: block;
}
.search-results .search__result .search__result--content .search__result--excerpt {
padding-right: 0;
}
.search-results .search__result .search__result--btn {
align-self: flex-end;
padding-top: 15px;
}
}