/*
Theme Name: MammothDesign
Theme URI: http://mammothdesign.pl/
Version: 0.2.4.10
Description: A blank WordPress Theme Framework that's everything you need, and nothing you don't. With features like microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system, WP Framework is completely extensible, flexible and the starting point for theme authoring and customization. To learn more, visit
Author:
Author URI:
Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
All rights reserved.
licensed under the terms of the GNU General Public License version 2.
.wow {
visibility: hidden;
}
*/
/* Bootstrap mediqueries update */
@media (min-width:1600px) {
.container { width:1366px; }
}
body {background-color: #fff; color: #001627; font-family: 'Montserrat', sans-serif; display: flex; flex-direction: column; min-height: 100vh;}
body.dark {background-color: #022038; color: #fff;}
.marcellus {font-family: 'Marcellus', serif;}
.tr {transition: all .9s ease-in-out 0s;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0;}
.c-gold {color: #DBAB8A;}
.bg-gray {background: #f7f7f7;}
.p0 {padding:0;}
.headline {text-align: center; color: #fff; text-transform: uppercase; font-size: 48px; font-weight: 900; line-height: 50px; margin: 50px 0;}
.container img.aligncenter {display: block; margin: 0 auto;}
header {padding: 1rem 0; position: relative; width: 100%; height: auto; z-index: 100;}
header .container {display: flex; flex-wrap: nowrap; align-items: center; position: relative;}
header .top-header-logo {flex-shrink: 1;}
header .top-header-logo img {max-width: 100%;}
header .top-header-menu_wrap {display: flex; margin: 0 0 0 auto; justify-content: center; align-items: center;}
header .top-header-menu {margin: 0 0 0 auto;}
header .top-header-menu .menu {list-style: none; display: flex; padding: 0; margin: 0;}
header .top-header-menu .menu li {display: inline-block; position: relative; border-bottom: 3px solid transparent;}
header .top-header-menu .menu li a {color: #484848; text-decoration: none; padding: 1.5rem 2rem; display: block; text-transform: uppercase; font-weight: 900; font-size: 11px;}
header .top-header-menu .menu li:hover,
header .top-header-menu .menu li.current_page_item,
header .top-header-menu .menu li.current-page-parent {border-bottom: 3px solid #f37c21; background: #f7f7f7;}
header .top-header-menu .sub-menu {position: absolute; padding: 0; display: none; top: 48px; left: 0; background-color: #fff;}
header .top-header-menu .sub-menu li {width: 100%;}
header .top-header-menu .sub-menu li a {white-space: nowrap; width: 100%;}
header .top-header-menu .menu li:hover .sub-menu {display: block;}
header .top-header-lang {}
header .top-header-lang .lang-wrap {margin: 0 0 0 2rem; padding: 0; list-style: none;}
header .top-header-lang .lang-wrap li {border-bottom: 3px solid transparent;}
header .top-header-lang .lang-wrap li a {padding: 0 0 0 20px; line-height: 30px; display: block; background-repeat: no-repeat; background-position: center left; text-transform: uppercase; font-size: 11px; font-weight: 900; color: #b0b0b0; text-decoration: none;}
header .top-header-lang .lang-wrap li.lang-item-pl a {background-image: url('../mammothdesign/library/media/images/pl.png');}
header .top-header-lang .lang-wrap li.lang-item-en a {background-image: url('../mammothdesign/library/media/images/en.png');}
header .top-header-lang .lang-wrap .current-lang {display: none;}
header .mobile-menu {display:none; margin: 0 0 0 auto;}
header .mobile-menu .mobile-menu__icon {width: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; height: 25px; position: relative; flex-direction: column;}
header .mobile-menu .mobile-menu__icon .bar {width: 100%; display: block; height: 3px; background-color: #000; position: relative;}
header .mobile-menu .mobile-menu__icon .bar_1 {top: -5px;}
header .mobile-menu .mobile-menu__icon .bar_2 {top: 0px;}
header .mobile-menu .mobile-menu__icon .bar_3 {top: 5px;}
header .top-header-menu_wrap_visible {display:block;}
header.header-fixed__active {position: fixed; top: 0; right: 0; left: 0; background-color: #fff; box-shadow: 0 0 10px #ccc; transition: all .6s ease-in-out 0s;}
.pulse,
.top-header-menu .menu li.menu-item-990,
.top-header-menu .menu li.menu-item-989 {background: rgb(191, 173, 3); box-shadow: 0 0 0 0 rgb(191, 173, 3); transform: scale(1); animation: pulse-black 2s infinite;}
.top-header-menu .menu li.menu-item-990 a,
.top-header-menu .menu li.menu-item-989 a {color:#fff;}
.top-header-menu .menu li.menu-item-990:hover a,
.top-header-menu .menu li.menu-item-989:hover a {color:#484848;}
@keyframes pulse-black {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(191, 173, 3, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 104, 185, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 104, 185, 0);
}
}
/* SLIDER */
.slider {max-height: 80vh; overflow: hidden; position: relative; display: flex;}
.slider .slider-wrap {position: relative; z-index: 1; width: 100%;}
.slider .slider-wrap .slick-track {width: 100%; height: 80vh; max-height: 80vh;}
.slider .slider-wrap .slider-item {width: 100%; height: 80vh; max-height: 80vh; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.slider .slider-wrap .slider-item img {max-width: 100%;}
.slider .slider-cover {display:none; position: absolute; z-index: 2; background: rgb(227,227,227); background: radial-gradient(circle, rgba(196, 180, 180, 0.6) 0%, rgba(234, 220, 217, 0.6) 50%, rgba(198, 192, 192, 0.6) 100%); top: 0; left: 0; right: 0; bottom: 0;}
.slider .slider-arrows {z-index: 4; position: absolute; width: 100%; height: 100%; align-items: center;justify-content: space-between; display: none;}
.slider .slider-arrows .slick-prev-custom {display: block; width: 30px; height: 30px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg); margin: 0 0 0 3rem; cursor: pointer;opacity: 0.4;}
.slider .slider-arrows .slick-next-custom {display: block; width: 30px; height: 30px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(135deg); margin: 0 3rem 0 0; cursor: pointer;opacity: 0.4;}
.slider:hover .slider-arrows {/*display: flex;*/}
.slider .slider-arrows .slick-prev-custom:hover,
.slider .slider-arrows .slick-next-custom:hover {opacity:1;}
.slider .slider-text {z-index: 3; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #000;}
.slider .slider-text h1 {font-size: 48px;font-weight: 900; color: #fff; padding: 1rem;}
.slider .slider-text h2 {font-weight: 900; color: #fff; padding: 1rem;}
.slider .slider-text h3 {background-color: #ee3824; color: #fff; padding: 1rem;}
.slider .slider-text h4 {background-color: #ee3824; color: #fff; padding: 1rem;}
.slider .slider-text h5 {background-color: #ee3824; color: #fff; padding: 1rem;}
.slider .slider-text h6 {background-color: #ee3824; color: #fff; padding: 1rem;}
.slider .slider-text p {background-color: #ee3824; color: #fff; padding: 1rem;}
.slider .counter {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 4rem 0; padding: 2rem; background-color: #f37c21; border-radius: 1rem; box-shadow: 0 0 50px #f37c21; color: #fff;}
.slider .counter .counter-wrap {margin: 0 0 1rem 0; display: flex;}
.slider .counter .counter-wrap .counter-item {margin: 0 0.25rem; font-size: 3rem; font-weight: 700;}
.slider .counter .counter-wrap .counter-item span {font-size: 1.5rem; font-weight: 300; text-transform: uppercase; margin: 0 0 0 2px;}
.slider .counter-none {display: none;}
.slider .slider-button {background-color: #436c7e; color: #fff; padding: 1rem 2rem; text-decoration: none; text-transform: uppercase; font-weight: 900; margin: 2rem 0 0 0; text-align: center;}
/* VIDEO */
.video {background: url('https://hydrogenconference.pl/wp-content/uploads/2022/10/iStock-1347261492-scaled.jpg') no-repeat center center; background-size: cover; padding: 5rem 0; position: relative;}
.video .container {position: relative; z-index: 2;}
.video .cover {position: absolute; z-index: 1; background-color: rgba(0, 56, 78, 0.7); top: 0; left: 0; right: 0; bottom: 0;}
.video .embed {position: relative; z-index: 2; display: flex; justify-content: center; align-items: center;}
.video .embed-gallery {display: flex; flex-wrap: wrap;}
.video .embed-gallery .item {width: 33%; padding: 0 2rem; display: flex; flex-wrap: wrap; flex-direction: column;}
.video .embed-gallery .item-iframe {width: 100%; display: flex; position: relative; height: 0; padding-top: 62.75%;}
.video .embed-gallery .item-iframe iframe {position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; height: 100%;}
.video .embed-gallery .item-title {color: #fff; font-weight: 900; font-size: 2rem;}
.video .embed-gallery .item-content {font-size: 1.3rem; color: #fff; padding: 0 0 3rem 0}
/* EXCERPT */
.excerpt {padding: 5rem 0;}
.excerpt .images .box {margin: 0 0 3rem 0; position: relative;}
.excerpt .images .box .img {text-align: center; position: relative;}
.excerpt .images .box .img::before {left: 1px; bottom: -1px; position: absolute; content: ''; width: 100%; height: 100%; border: solid transparent 10px; border-right-color: transparent; border-right-style: solid; border-right-width: 10px; border-right: solid #fff 10px; border-radius: 50%; transform: rotate(45deg);}
.excerpt .images .box .img img {max-width: 100%; display: block; border-radius: 100%;}
.excerpt .images .box .txt {text-align: center;}
.excerpt .text {padding: 3rem 5rem 0;}
.excerpt-home .images {flex-wrap: wrap; display: flex; justify-content: center;}
.excerpt-home .images .box {width: 33%; padding: 5rem;}
.excerpt-home .images .box .img {width: 100%; margin: 0 0 2rem 0;}
.excerpt-home .images .box .img img {width: 100%;}
.excerpt-home .eh-headline {color: #000; margin: 0 0 5rem 0;}
.excerpt-home .content {flex-wrap: wrap; display: flex; justify-content: center;}
.excerpt-home .content .box {width: 100%; display: flex; margin: 0 0 5rem 0; align-items: flex-start; justify-content: center;}
.excerpt-home .content .box .img_wrap {width: 33%; text-align: center;}
.excerpt-home .content .box .img {width: auto; position: relative; max-width: 225px; margin: 0 auto;}
.excerpt-home .content .box .img::before {left: 1px; bottom: -1px; position: absolute; content: ''; width: 100%; height: 100%; border: solid transparent 10px; border-right-color: transparent; border-right-style: solid; border-right-width: 10px; border-right: solid #f37c21 10px; border-radius: 50%; transform: rotate(45deg);}
.excerpt-home .content .box .img img {width: 100%; max-width: 100%; display: block; border-radius: 100%;}
.excerpt-home .content .box .description {margin: 1rem auto;}
.excerpt-home .content .box .txt {width: 67%; padding: 0 5rem;}
.excerpt-home .content .img_txt {flex-direction: row;}
.excerpt-home .content .txt_img {flex-direction: row-reverse;}
/* CONTACT */
.contact {padding: 5rem 0;}
.contact .map iframe {width: 100%; max-height: 400px;}
.color-headline {border-bottom: 3px solid #f37c21; background: transparent; color: #000; display: inline-block; padding: 10px 20px 7px 10px; width: auto; text-transform: uppercase; font-weight: 700; font-size: 1.5rem; border-radius: 0px; line-height: 1.5rem; margin: 0 0 1rem 0;}
.color-headline img {height: 25px; margin: 0 5px 0 0; position: relative; top: -2px;}
.contact p {padding: 0 0 0 40px; font-size: 1.5rem; margin: 0.5rem 0 2rem;}
/* PARTNERS */
.partners {padding: 5rem 0;}
.partners .partners-box {margin: 0 0 3rem 0; text-align: center;}
.partners .partners-box h3 {text-align: center; border-bottom: 3px solid #f37c21; background: transparent; color:#000; display: inline-block; padding: 15px 20px; width: auto; text-transform: uppercase; font-weight: 900; font-size: 1.5rem; border-radius: 0px; line-height: 1.5rem; margin: 2rem auto;}
.partners-box .partners-logos {display: flex; flex-wrap: wrap; justify-content: center;}
.partners-box .partners-logos .img img {max-width: 100%;}
.partners-box-33 .partners-logos .img {width: 30%; padding: 0; margin: 0 0 2rem 0;}
/* AGENDA */
.agenda {padding: 5rem 0;}
.agenda .agenda-item {margin: 0 0 4rem 0;}
.agenda .agenda-item .agenda-header {padding: 0.5rem; border-bottom: 1px solid #ddd; margin: 0 0 0.5rem 0;}
.agenda .agenda-item .agenda-header h3 {margin: 0;}
.agenda .agenda-item .agenda-image {width: 100%; margin: 0 0 3rem 0;}
.agenda .agenda-item .agenda-image img {max-width: 100%;}
.agenda .agenda-item .agenda-content {padding: 0.5rem;}
/* SPEAKERS */
.speakers {padding: 5rem 0;}
.speakers .speakers-item {display: flex; margin: 0 0 4rem 0; align-items: flex-start;}
.speakers .speakers-item .speakers-content {padding: 0 15px 0 5rem;}
.speakers .speakers-item .speakers-content .speakers-desc article {max-height: 165px; min-height: 165px; overflow: hidden; position: relative;}
.speakers .speakers-item .speakers-content .speakers-desc article .bns-more-strip {position: absolute; bottom: 0; width: 100%; left: 0; right: 0; text-align: center; color: #000; background: #fff; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 60%); height: 100px; display: none; justify-content: center; align-items: flex-end; cursor: pointer;}
.speakers .speakers-item .speakers-content .speakers-desc article .bns-more-strip span {border-bottom: 3px solid #c4bab9; background: #f7f7f7;
border-radius: 20px; padding: 0.5rem 3rem; position: relative;}
.speakers .speakers-item .speakers-content .speakers-desc article.bns-show-more .bns-more-strip {display: flex;}
.speakers .speakers-item .speakers-content .speakers-desc article .bns-more-strip .bns-hide {display: none; position: relative; top: 2rem;}
.speakers .speakers-item .speakers-content .speakers-desc article.bns-show-all .bns-more-strip .bns-show {display: none;}
.speakers .speakers-item .speakers-content .speakers-desc article.bns-show-all {max-height: 100%; min-height: auto; padding: 0 0 20px; overflow: visible;}
.speakers .speakers-item .speakers-content .speakers-desc article.bns-show-all .bns-more-strip {background: none; height: auto;}
.speakers .speakers-item .speakers-content .speakers-desc article.bns-show-all .bns-more-strip .bns-hide {display: inline-block;}
.speakers .speakers-item .speakers-name h3 {margin: 1rem 0 0 0; font-weight: 900;}
.speakers .speakers-item .speakers-position {margin: 0 0 2rem 0; font-size: 1.6rem;}
.speakers .speakers-item .speakers-pic {position: relative; padding: 0;}
.speakers .speakers-item .speakers-pic img {width: 100%; max-width: 100%; display: block; border-radius: 100%;}
.speakers .speakers-item .speakers-pic::before {left: 1px; bottom: -1px; position: absolute; content: ''; width: 100%; height: 100%; border: solid transparent 10px; border-right-color: transparent; border-right-style: solid; border-right-width: 10px; border-right: solid #f37c21 10px; border-radius: 50%; transform: rotate(45deg);}
/* ORGANIZERS */
.organizers {padding: 5rem 0;}
.organizers-wrap {display: flex;flex-wrap: wrap;}
.organizers-wrap .box {width: 50%;justify-content: start;align-items: center;display: flex;flex-direction: column;}
.organizers-wrap .box .img {min-height: 300px; display: flex; align-items: center;}
.organizers-wrap .box .img img {max-width: 100%;}
.organizers-wrap .box .txt {display: flex;justify-content: start;align-items: center;flex-direction: column;}
.organizers-wrap .box .txt h3 {text-align: center;}
.organizers-wrap .box .txt p {text-align: center;}
.organizers-wrap .box .txt a {border-bottom: 3px solid #c4bab9; background: #f7f7f7; border-radius: 20px; padding: 0.5rem 3rem; position: relative; color: #000; text-decoration: none; margin: 2rem 0 0 0;}
/* FOOTER */
footer {padding: 5rem 0; margin: 0; background: #f37c21;}
footer .footer-top {display: flex; flex-wrap: nowrap;align-items: center;color: #fff;}
footer .footer-top .footer-top_wrap {display: flex;flex-wrap: nowrap;}
footer .footer-top .footer-top_item {width: 40%;display: flex;flex-direction: column;justify-content: start;align-items: center;padding: 0 2rem;}
footer .footer-top .footer-top_item .img {max-width: 150px; min-height: 150px;}
footer .footer-top .footer-top_item .img img {max-width: 100%;}
footer .footer-top .footer-top_item .txt {font-size: 16px;width: 100%;text-align: center;}
footer .footer-top .footer-top_item .social {display: flex;margin: 2rem 0;}
footer .footer-top .footer-top_item .social a {display: flex;background-color: #fff;margin: 0 5px;width: 40px;height: 40px;border-radius: 100%;justify-content: center;align-items: center;}
footer .footer-top .footer-top_item .social a svg {max-width: 30px;max-height: 15px;fill: #436c7e;}
footer .footer-top .footer-address_wrap {}
footer .footer-top .footer-address {display: flex; justify-content: end; flex-wrap: wrap;}
footer .footer-top .footer-address .item {width: 33.333%;}
footer .footer-top .footer-address .item-100 {width: 100%; text-align: right;}
footer .footer-top .footer-address .item p a {color: #fff; text-decoration: underline;}
footer .footer-top .footer-address .social {display: flex;margin: 2rem 0;}
footer .footer-top .footer-address .social a {display: flex;background-color: #fff;margin: 0 5px;width: 40px;height: 40px;border-radius: 100%;justify-content: center;align-items: center;}
footer .footer-top .footer-address .social a svg {max-width: 30px;max-height: 15px;fill: #436c7e;}
footer .footer-top .footer-address .social a img {max-width: 100%; width: 100%;}
/* DEFAULT PAGE */
.site-default-content {padding: 5rem;}
.site-default-content h1 {margin: 0 0 3rem 0;}
.gallery {display: flex; flex-wrap: wrap;}
.gallery br {display: none;}
.gallery .gallery-item {width: 16% !important; padding: 0 5px;}
.gallery .gallery-item img {border: 0 !important; border-radius: 5px; max-width: 100%; height: auto;}
@media (max-width:1200px) {
.gallery .gallery-item {width: 16% !important;}
footer .footer-top {flex-wrap: wrap;}
footer .footer-top .footer-top_wrap {flex-wrap: nowrap; width: 100%; justify-content: center;}
footer .footer-top .footer-address_wrap {width: 100%; margin: 5rem 0 0 0;}
footer .footer-top .footer-address .item {text-align: center;}
footer .footer-top .footer-address .social {justify-content: center;}
}
@media (max-width:1024px) {
header .container {flex-wrap: wrap;}
header .mobile-menu {display:flex;}
header .top-header-menu_wrap {display:none; position: relative; width: 100%;}
header .top-header-menu_wrap_visible {display:block;}
header .top-header-menu .menu {flex-wrap: wrap;}
header .top-header-menu .menu li {display: block; width: 100%;}
header .top-header-menu .sub-menu {position: relative; top: 0; display: block; background-color: #fff; padding: 0 0 0 3rem;}
.slider .slider-text {padding: 0 1rem;}
.speakers .speakers-item .speakers-pic {width: 50%;}
.speakers .speakers-item .speakers-content {width: 50%;}
.video .embed-gallery .item {width: 50%;}
.gallery .gallery-item {width: 25% !important;}
.excerpt .images .box .img {max-width: 300px; margin: 1rem auto;}
.excerpt {overflow-x: hidden;}
.contact p {padding: 0;}
}
@media (max-width:768px) {
.contact .text {text-align: center; margin: 0 0 5rem 0;}
.excerpt .row {display: flex; flex-direction: column;}
.excerpt-home .images .box {width: 100%; margin: 0; padding: 3rem 5rem;}
footer .footer-top {flex-wrap: wrap;}
footer .footer-top .footer-top_wrap {flex-wrap: nowrap; width: 100%;}
footer .footer-top .footer-top_item {width: 50%;}
footer .footer-top .footer-address_wrap {width: 100%; margin: 5rem 0 0 0;}
footer .footer-top .footer-address {justify-content: center;}
footer .footer-top .footer-address .item {width: 50%; text-align: center; display: flex; flex-direction: column; align-items: center;}
footer .footer-top .footer-address .item p {text-align: center;}
.gallery .gallery-item {width: 33% !important;}
.excerpt-home .content .box {flex-direction: column; justify-content: center; align-items: center;}
.excerpt-home .content .box .img {width: 100%; margin: 0 0 3rem 0;}
.excerpt-home .content .box .txt {width: 100%;}
}
@media (max-width:600px) {
.slider {justify-content: center;}
.slider .slider-text {position: relative; padding: 4rem 1rem; flex: 0;}
.slider .slider-wrap {position: absolute;}
.slider .slider-text h1 {font-size: 25px;}
.slider .slider-text h2 {font-size: 20px;}
.slider .slider-text h3 {font-size: 17px;}
.excerpt-home .eh-headline {margin: 0;}
.excerpt-home .content .box .img_wrap {width: 100%;}
.excerpt-home .content .box .img {margin: 0 auto 2rem;}
.excerpt-home .content .box .txt {padding: 0 1.5rem;}
.video .embed .embed_wrap {position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
.video .embed .embed_wrap iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; max-height: 100%;}
.video .embed-gallery .item {width: 100%; margin: 0 0 3rem 0;}
.gallery .gallery-item {width: 50% !important;}
.site-default-content {padding: 5rem 0;}
.site-default-content h1 {font-size: 26px;}
header .top-header-logo img {max-height: 40px; width: 100%;}
header .top-header-menu .sub-menu li a {white-space: normal;}
footer .footer-top .footer-top_wrap {flex-wrap: wrap; width: 100%;}
footer .footer-top .footer-top_item {width: 100%!important; margin: 0 0 2rem 0;}
footer .footer-top .footer-address_wrap {margin: 0;}
.organizers-wrap .box {width: 100%; margin: 0 0 5rem 0;}
.organizers-wrap .box .img {min-height: auto;}
}
@media (max-width:480px) {
.excerpt .text {padding: 0 3rem;}
.partners-box {margin: 0 0 5rem 0;}
.partners-box-33 {margin: 0;}
.partners-box-33 .partners-logos .img {width: 100%; padding: 0; margin: 0 0 2rem 0;}
.speakers .speakers-item .speakers-content .speakers-desc {display: none;}
footer .footer-top .footer-address {flex-wrap: wrap;}
footer .footer-top .footer-address .item {width: 100%;}
}