@font-face {
font-family: "Recursive";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//digitalfestival.pl/wp-content/themes/digital-festival/fonts/RecursiveSansLnrSt-Regular.woff2) format("woff2")
}
@font-face {
font-family: "Recursive";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//digitalfestival.pl/wp-content/themes/digital-festival/fonts/RecursiveSansLnrSt-Bold.woff2) format("woff2")
}
@font-face {
font-family: "Recursive";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//digitalfestival.pl/wp-content/themes/digital-festival/fonts/RecursiveSansLnrSt-Bold.woff2) format("woff2")
}
@font-face {
font-family: "Recursive";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//digitalfestival.pl/wp-content/themes/digital-festival/fonts/RecursiveSansLnrSt-Bold.woff2) format("woff2")
}
body{
font-family: 'Recursive', sans-serif;
font-size: 16px;
line-height: 1.5;
color:#666666;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.container{
max-width: 992px;
}
h1, .h1{
color:#000;
font-size: 42px;
line-height: 1;
margin-bottom: 20px;
}
@media (min-width:992px){
h1, .h1{
font-size: 60px;
}
}
h2, .h2{
font-size: 36px;
margin-bottom: 40px;
color:#000;
letter-spacing: -1px;
}
@media (min-width:992px){
h2, .h2{
font-size: 48px;
}
}
h3, .h3{
font-size: 20px;
margin-bottom: 25px;
color:#000;
}
@media (min-width:992px){
h3, .h3{
font-size: 24px;
}
}
h4, .h4{
font-size: 18px;
margin-bottom: 20px;
color:#000;
}
@media (min-width:992px){
h4, .h4{
font-size: 22px;
}
}
p{
margin-bottom: 20px;
}
p:last-child{
margin-bottom: 0;
}
a{
color:#000;
outline: 0;
box-shadow: none;
transition: .4s;
}
a:hover{
text-decoration: none;
color:inherit;
}
.btnn{
position: relative;
font-weight: 600;
}
.btnn .text{
position: relative;
z-index: 2;
}
.btnn .line{
position: absolute;
left:0;
bottom: 3px;
width: 100%;
height: 3px;
z-index: 1;
}
.btnn .line:before,
.btnn .line:after{
content: "";
position: absolute;
bottom: 0;
height: 100%;
}
.btnn .line:before{
left:0;
width: 100%;
background: #fdaa0a;
background: linear-gradient(135deg,#fdaa0a,#da086c 52%,#520242);
z-index: 1;
}
.btnn .line:after{
background: #fff;
width: calc(100% - 15px);
right:0;
z-index: 2;
transition: .4s;
}
.btnn:hover .line:after{
width: 0;
}
.btnn-active .line:after{
width: 0;
}
.btnn-arrow{
position: relative;
padding-right: 34px;
}
.btnn-arrow:hover{
padding-right: 40px;
}
.btnn-arrow:after{
content: "";
position: absolute;
right:0;
top:0;
width: 24px;
height: 100%;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/arrow.svg) no-repeat right center;
background-size: cover;
}
strong{
font-weight: 700;
}
img{
max-width: 100%;
height: auto;
}
header{
height: 60px;
}
@media (min-width:576px){
header{
height: 0px;
}
.home header{
height: auto;
}
header{
position: relative;
}
}
header .fixed{
position: fixed;
left:0;
width: 100%;
height: 60px;
z-index: 90;
padding: 12px 0;
display: flex;
}
.home header.is-active .fixed{
background: rgba(255,255,255,0.9);
}
header.is-active .fixed{
background: rgba(255,255,255,0.9);
}
@media (min-width:576px){
header .fixed{
height: 80px;
top:0px;
}
}
header .logo__spacer{
width: 1px;
height: 43px;
background: #000;
margin: 0 19px 0 16px;
}
header .social{
margin-right: 20px;
}
header .social ul li a{
width: 32px;
height: 32px;
}
header button{
padding: 0 42px 0 0;
margin: 0;
background: transparent;
position: relative;
font-weight: 600;
border:0;
outline: 0!important;
cursor: pointer;
box-shadow: none!important;
}
header .l{
width: 26px;
height: 2px;
background: #000;
position: absolute;
top:calc(50% - 1px);
right:0;
transition: .4s;
}
header .l-1{
transform: translateY(-5px);
}
header button:hover .l-3{
width: 21px;
}
header button:hover .l-2{
width: 16px;
}
header .l-3{
transform: translateY(5px);
} .page-id-220 header .fixed {
position: absolute;
background-color: white;
}
.page-id-138 {
overflow-x: hidden;
}
.page-id-220 header.is-active .fixed {
position: fixed;
}
.page-id-106 header .fixed {
position: absolute;
background-color: white;
}
.page-id-106 header.is-active .fixed {
position: fixed;
}
.page-id-283 header .fixed {
position: absolute;
background-color: white;
}
.page-id-283 header.is-active .fixed {
position: fixed;
}
.nav-container{
overflow: auto;
position: fixed;
width: 50%;
height: 100%;
background: #fff;
top:0;
right:0;
z-index: 102;
padding: 60px 60px 40px;
transition: .5s;
transform: translateX(calc(100% + 20px));
}
div.big-container {
overflow: auto;
width: 50%;
height: 100%;
background: transparent;
top: 0;
left: 0;
z-index: 102;
transition: .5s;
}
body.is-active .nav-container{
transform: translateX(0);
transition-delay: .3s;
}
body.is-active{
overflow: hidden;
}
body:before{
content: "";
position: fixed;
left:50%;
top:50%;
width: 0;
height: 0;
background: rgba(0,0,0,0.3);
z-index: 99;
transform: translate(-50%, -50%);
border-radius: 50%;
transition: 0.4s;
}
body.is-active:before{
width: 2000px;
height: 2000px;
transition: 0.7s;
}
.nav-container nav{
margin-bottom: 40px;
}
.nav-container ul{
list-style: none;
padding: 0;
margin: 0;
}
.nav-container ul li{
margin-bottom: 10px;
}
.nav-container ul li:last-child{
margin-bottom: 0;
}
.nav-container a{
font-size: 20px;
}
.nav-container a:hover{ }
.nav-container .current-menu-item > a{
font-weight: 700; }
.nav-container ul ul{
display: none;
margin-top: 10px;
}
.nav-container ul ul a{
color:#666;
font-size: 16px;
}
.nav-container .nav--close{
position: absolute;
right:0px;
top:-3px;
width: 40px;
height: 40px;
border-radius: 50%;
border:1px solid #000;
z-index: 10;
}
@media (min-width:992px){
.nav-container .nav--close{
right:60px;
top:-5px;
}
}
.nav-container .nav--date{
font-size: 65px;
opacity: .15;
transform: rotate(-90deg) translate(0, -100%);
transform-origin: 100% 0;
position: absolute;
left:-180px;
top:0px;
}
@media (max-width:992px){
.nav-container .nav--date {
font-size: 60px;
}
}
.nav-container .nav--close:hover{
transform: rotate(360deg);
}
.nav-container .menu-item-has-children > a{
position: relative;
padding-right: 30px;
}
.nav-container .menu-item-has-children > a .arrow-down{
display: inline-block;
width: 20px;
height: 100%;
position: absolute;
right:0;
top:0;
transition: .3s;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/arrow-down.svg) no-repeat center;
background-size: contain;
}
.nav-container .menu-item-has-children.active .arrow-down{
transform: rotate(180deg);
}
.page-id-25 h1.mb-5 {
margin-top: 120px;
}
.start{
color:#fff;
text-shadow: 0 0 3px rgba(0,0,0,0.2);
overflow: hidden;
}
.page-template-page-zglos .start .siatka-main-img {
left: -60px;
top: 90px;
opacity: 0.25;
z-index: 1;
}
.start .image{
position: relative;
padding: 80px 0 120px;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/h2.png) no-repeat left center;
width: calc(100% + 30px);
margin: 0 -15px;
display: flex;
justify-content: center;
}
@media (min-width:576px){
.start .image{
display: block;
width: calc(100% + 145px);
margin: 0 -15px 0 -130px;
padding: 80px 0 120px 130px;
}
}
.start .start-main-img{
min-width: 560px;
}
@media (min-width:767px){
.start .start-main-img{
}
}
.start .desc{
position: absolute;
left:0;
top:80px;
width: 100%;
padding-left: 15px;
padding-right: 15px;
height: calc(100% - 200px);
display: flex;
align-items: center;
text-align: center;
}
.start .h2, .start .h3{
color:#fff;
font-weight: 400;
}
.start .h2{
margin-bottom: 20px;
font-size: 28px;
}
@media (min-width:767px){
.start .h2{
margin-bottom: 35px;
font-size: 32px;
}
}
.start .h3{
margin-bottom: 10px;
}
@media (min-width:767px){
.start .h3{
margin-bottom: 15px;
}
}
.start h1{
color:#fff;
font-weight: 900;
}
@media (min-width:767px){
.start p{
font-size: 20px;
}
}
.start .bg1,
.start .bg2,
.start .bg3{
position: absolute;
left:50%;
height: auto;
z-index: -1;
}
.start .bg1{
width: 30px;
margin-left:-540px;
top: 354px;
}
.start .bg2{
width: 96px;
margin-left:-620px;
top:596px;
}
.start .bg3{
width: 44px;
top:350px;
margin-left: 250px;
}
.start-zglos {
background: rgba(215,214,214);
}
.start-zglos .image{
background: none;
}
@media (min-width:576px){
.start-zglos .image{
padding-top: 0;
}
}
.start-zglos .start-main-img{
margin-left: -200px;
}
.start-zglos .desc{
height: auto;
margin-top: 150px;
z-index: 2;
}
.start-zglos .bg1,
.start-zglos .bg2,
.start-zglos .bg3{
z-index: 0;
}
.start .description{
background: #D7D6D6;
padding: 35px 45px 150px 45px;
margin-top: 120px;
max-width: 580px;
margin-left: -25px;
}
.start .description p{
color:#666666;
font-size: 14px;
line-height: 18px;
text-shadow: none;
}
.education{
margin-bottom: 80px;
padding-top: 60px;
}
@media (min-width:992px){
.education{
margin-bottom: 200px;
}
}
.education .row{
margin-left: -25px;
margin-right: -25px;
}
.education .row > div{
padding-left: 25px;
padding-right: 25px;
}
.education .top h2{
position: relative;
}
.education .top h2:before{
content: "";
position: absolute;
left:-20px;
top:-10px;
height: 93px;
width: 300px;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/napis.svg) no-repeat left top;
background-size: 300px 93px;
z-index: -1;
}
@media (min-width:992px){
.education .top h2:before{
left:-30px;
top:-29px;
height: 141px;
width: 453px;
background-size: 453px 141px;
}
}
.education .listing{
margin-top: 0px;
overflow:hidden;
}
@media (min-width:992px){
.education .listing{
margin-top: -90px;
}
}
.education .col-p{
padding-top: 0;
}
@media (min-width:767px){
.education .col-p{
padding-top: 170px;
}
}
.education .desc{
background: #fff;
width: calc(100% - 20px);
margin-top: -80px;
padding: 30px 20px;
position: relative;
z-index: 1;
}
@media (min-width:767px){
.education .desc{
width: calc(100% - 50px);
}
}
.education .desc h3{
margin-bottom: 20px;
}
.education .desc p{
color:#000;
}
@media (max-width:576px){
.education .desc br{
display: none;
}
}
.key-elements{
padding-bottom: 160px;
position: relative;
overflow: hidden;
}
@media (min-width:992px){
.key-elements{
padding-bottom: 340px;
}
}
.key-elements h2{
margin-bottom: 25px;
}
.key-elements .top .h4{
color:#000;
}
.key-elements .col-p{
padding-top: 38px;
padding-bottom:35px;
padding-left: 55px;
}
.key-elements .swiper{
margin-top: 30px;
position: relative;
}
@media (min-width:992px){
.key-elements .swiper{
margin-top: 110px;
}
}
.key-elements ul{
list-style: none;
padding: 0;
margin: 0;
color: #000;
}
.key-elements ul li{
cursor: pointer;
}
.key-elements .bg6{
content: "";
width: 468px;
height: 468px;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/f1.svg) no-repeat center;
background-size: cover;
position: absolute;
top:-50px;
z-index: -1;
right:-200px;
}
@media (min-width:992px){
.key-elements .bg6{
z-index: -3;
}
}
.key-elements .swiper:after{
content: "";
width: 300vw;
height: 100%;
background: #fff;
position: absolute;
right:-100vw;
top:0;
z-index: -2;
}
.key-elements .swiper-container .h2{
font-size: 30px;
}
.key-elements .swiper-container .swiper-slide{
padding-left: 20px;
padding-right: 20px;
}
@media (min-width:992px){
.key-elements .swiper-container .swiper-slide{
padding-left: 120px;
}
}
.key-elements:before,
.key-elements:after{
content: "";
position: absolute;
}
.key-elements:before{
width: 677px;
height: 693px;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/k1.png) no-repeat center;
background-size: cover;
top: 220px;
z-index: -1;
left:0;
}
.key-elements:after{
width: 325px;
height: 718px;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/f2.png) no-repeat center;
background-size: cover;
bottom: 0px;
z-index: -3;
right: 0;
}
.key-elements .is-active{
font-weight: 700;
}
.key-elements .bg4{
position: absolute;
left:50%;
top:570px;
transform: translateY(-50%);
margin-left: -480px;
z-index: -2;
width: 80px;
height: auto;
}
.knowledge-zone .row{
margin-left: -10px;
margin-right: -10px;
}
.knowledge-zone .row > div{
padding-left: 10px;
padding-right: 10px;
}
.knowledge-zone .top{
margin-bottom: 50px;
}
@media (min-width:992px){
.knowledge-zone .top{
margin-bottom: 140px;
}
}
.knowledge-zone .image{
position: relative;
}
.knowledge-zone .image .btnn{
position: absolute;
right:0;
bottom:0;
padding: 8px 15px;
background: #fff;
}
.knowledge-zone .btnn .line{
width: calc(100% - 30px);
left:15px;
bottom:14px;
}
.knowledge-zone .btnn .line{
width: calc(100% - 30px);
left:15px;
bottom:14px;
}
.knowledge-zone .btnn .line:after{
width: 100%;
}
.knowledge-zone .btnn:hover .line:after{
width: 0;
}
.knowledge-zone .image .btnn:hover{
color:#000;
}
.knowledge-zone h3{
font-size: 20px;
}
.knowledge-zone h3 a:hover{
color:#666;
}
.knowledge-zone .meta{
margin: 12px 0 8px;
}
.akademia-skillup .meta {
margin: 12px 0 8px;
}
.btnn2{
background: linear-gradient(135deg,#fdaa0a,#da086c 52%,#520242);
border-radius: 33px;
color:#fff;
padding: 5px;
display: inline-block;
min-width: 240px;
}
.btnn2 .bg{
background: #fff;
padding: 12px 25px 10px;
display: block;
border-radius: 28px;
transition: .4s;
width: 100%;
}
.btnn2:hover .bg{
background: transparent;
}
.btnn2 .text{
background: -webkit-linear-gradient(135deg, #520242,#da086c 52%,#fdaa0a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: .4s;
}
.btnn2:hover .text{
-webkit-text-fill-color: initial;
background: transparent;
color:#fff;
}
.knowledge-zone .button{
margin-top: 25px;
}
@media (min-width:992px){
.knowledge-zone .button{
margin-top: 30px;
}
}
.fc-2019{
margin-bottom: 100px;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/video-siatka.png) no-repeat -40px 210px;
}
.fc-2019 .col-z{
z-index: 2;
}
.fc-2019 .background{
margin-top: 0;
background: #fff;
padding: 35px 25px;
width: calc(100% + 100px);
}
@media (min-width:992px){
.fc-2019 .background{
margin-top: 90px;
}
}
.fc-2019 ul{
list-style: none;
padding: 0;
margin: 0;
}
.fc-2019 ul li{
margin-bottom: 2px;
}
.fc-2019 ul li:last-child{
margin-bottom: 0;
}
.fc-2019 .play{
position: absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
width: 86px;
height: 86px;
border:3px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.fc-2019 .play svg{
width: 44px;
height: 44px;
}
footer .social{
margin-top: 5px;
margin-bottom: 45px;
}
.social ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.social ul li{
margin-right: 10px;
}
.social ul li:last-child{
margin-right: 0;
}
.social ul a{
display: flex;
width: 32px;
height: 32px;
border-radius: 50%;
position: relative;
align-items: center;
justify-content: center;
}
.social ul li.twitter svg{
width: calc(100% - 6px);
}
.social ul a svg{
position: absolute;
z-index: 2;
}
.social ul a:before,
.social ul a:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
left:0;
top:0;
border-radius: 50%;
transition: .4s;
}
.social ul a:before{
border:1px solid #000;
opacity: 1;
visibility: visible;
}
.social ul a:hover:before{
opacity: 0;
visibility: hidden;
}
.social ul a:after{
background: linear-gradient(135deg,#fdaa0a,#da086c 52%,#520242);
opacity: 0;
visibility: hidden;
}
.social ul a:hover:after{
opacity: 1;
visibility: visible;
}
.social ul a path{
transition: .4s;
}
.social ul a:hover path{
fill:#fff;
}
footer .bg5{
position: absolute;
width: 468px;
max-width: 468px;
height: 468px;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/f1.svg) no-repeat center;
background-size: cover;
top:-50px;
z-index: -1;
right: 0;
}
@media (min-width:992px){
footer .bg5{
right:250px;
}
}
footer:after{
content: "";
position: absolute;
width: 325px;
height: 718px;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/f2.png) no-repeat center;
background-size: contain;
top:-320px;
z-index: -1;
left: auto;
right: 0;
}
footer{
background: #fff;
color:#000;
padding: 45px 0 20px;
margin-top: 120px;
position: relative;
}
@media (min-width:992px){
footer{
margin-top: 220px;
}
}
@media (max-width:992px){
.page-id-138 footer {
margin-top: 320px;
}
div.pagination span.current {
font-weight: 600;
}
}
footer .content{
margin-left: 0;
}
@media (min-width: 992px){
footer .content{
margin-left: 50px;
}
}
footer img{
margin-bottom: 40px;
max-width: 260px;
}
@media (min-width: 767px){
footer img{
margin-bottom: 60px;
}
}
footer .buttons{
margin-top: 40px;
}
footer .form_container p{
margin:0!important;
line-height: 1!important;
}
footer form{
margin-top: 15px;
font-size: 12px;
position: relative;
}
footer form > div{
float: none!important;
}
footer input[type="text"]{
width: 100%!important;
border:0!important;
border-bottom:1px solid #000!important;
padding: 10px 30px 10px 0!important;
outline: 0!important;
box-shadow: none!important;
font-size: 14px!important;
height: auto!important;
border-radius: 0!important;
}
footer button{
position: absolute!important;
right:0!important;
bottom:0!important;
height: 42px!important;
width: 24px!important;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/arrow.svg) no-repeat center!important;
background-size: contain!important;
border:0!important;
outline: 0!important;
padding: 0!important;
box-shadow: none!important;
}
footer .copyright{
color:#939598;
font-size: 13px;
padding: 65px 0 0;
}
footer .copyright p{
margin-bottom: 10px;
}
footer .copyright a{
color:#939598;
}
footer .copyright a:hover{
color:#000;
}
footer .spacer{
margin: 0 5px;
}
.button-fixed{
position: fixed;
right:0;
top:80px;
transform: rotate(-90deg) translate(0, -100%);
transform-origin: 100% 0;
z-index: 98;
border:1px solid #000;
border-bottom:0;
}
.button-fixed a{
display: flex;
align-items: center;
background: #fff;
background: rgba(255,255,255,0.5);
padding: 10px 12px;
color:#000;
font-weight: 700;
font-size: 12px;
border:0;
outline: 0;
box-shadow: none;
position: relative;
overflow: hidden;
}
.button-fixed a:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.07);
left:0;
top:0;
transform: translateX(-100%);
transition: .4s;
}
.button-fixed a:hover:before{
transform: translateX(0);
}
.button-fixed .logo{
width: 26px;
height: 26px;
transform: rotate(90deg);
}
.button-fixed .arrow{
width: 9px;
height: auto;
margin: 0 12px;
transform: rotate(90deg);
}
.page-id-162 div.button-fixed.metka {
display: none!important;
}
::-webkit-input-placeholder { color: #000;
}
:-ms-input-placeholder { color: #000;
}
::placeholder {
color: #000;
}
.popup{
position: fixed;
left:0;
top:0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: .4s;
padding: 15px;
}
@media (min-width:992px){
.popup{
padding: 60px;
}
}
.popup.is-active{
opacity: 1;
visibility: visible;
}
.popup .popup--bg{
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
z-index: 1;
}
.popup .popup--content{
width: 100%;
height:100%;
z-index: 2;
position: relative;
}
.popup .popup--content video{
width: 100%;
height: 100%;
position: absolute;
left:0;
top:0;
}
.popup .popup--close{
position: absolute;
right:20px;
top:20px;
width: 46px;
height: 46px;
border-radius: 50%;
background: #fdaa0a;
padding: 4px;
background: linear-gradient(135deg,#fdaa0a,#da086c 52%,#520242);
z-index: 3;
}
.popup .popup--close img{
transition: .3s;
}
.popup .popup--close:hover img{
transform: rotate(360deg);
}
.to-top{
opacity: 0;
visibility: hidden;
transition: .3s;
position: fixed;
right:5px;
bottom:5px;
width: 47px;
height: 47px;
}
.to-top.active{
opacity: 1;
visibility: visible;
}
.to-top a{
display: block;
width: 100%;
height: 100%;
background: #c9cbca;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.to-top a:hover{
background: #ababab;
}
.to-top img{
width: 10px;
}
.cookies-accepted #cookie-notice {
opacity:0;
visibility: hidden;
}
body #cookie-notice {
min-width: 100%;
max-width: 100%;
width: 100%;
left: 0;
bottom: 0;
-webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0px 0px 15px 10px rgba(0,0,0,.1);
box-shadow: 0px 0px 15px 10px rgba(0,0,0,.1);
font-family: 'Recursive', sans-serif;
font-weight: 400;
font-size: 12px;
}
body .cookie-notice-container {
padding: 15px 30px;
text-align: center;
width: 100%;
z-index: 2;
}
#cookie-notice span{
display: block;
}
body #cookie-notice .cn-button{
margin: 0;
font-family: 'Recursive', sans-serif;
position: relative;
text-transform:uppercase;
color:#000;
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
}
#cookie-notice .cn-button:hover{
box-shadow: none;
}
#cookie-notice .cn-close-icon{
opacity: 1;
right:0;
top:0;
margin-top: 0;
width: 24px;
height:24px;
padding:0;
background: linear-gradient(135deg,#fdaa0a,#da086c 52%,#520242);
}
#cookie-notice .cn-close-icon:after{
width: 100%;
height: 100%;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/close.svg) no-repeat center;
transform: rotate(0);
top:0;
left:0;
}
#cookie-notice .cn-close-icon:before{
display: none;
}
.entry-content h1{
font-size: 48px;
font-weight: 600;
line-height: 65px;
margin-bottom: 10px;
}
.entry-content strong{
color:#000;
}
.entry-content p{
margin-bottom: 25px;
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button, .baguetteBox-button#close-button {
background: transparent;
outline: 0!important;
width: 42px!important;
height: 42px!important;
border-radius: 50%!important;
border:1px solid #fff;
display: flex;
align-items: center;
justify-content: center;
}
.baguetteBox-button#close-button {
top:2%!important;
right:2%!important;
}
.baguetteBox-button#next-button {
right: 2%;
}
.baguetteBox-button svg{
display: none;
}
.baguetteBox-button#next-button:before,
.baguetteBox-button#previous-button:before{
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
font-size: 14px;
}
.baguetteBox-button#next-button:before{
content: "next";
}
.baguetteBox-button#previous-button:before{
content: "prev";
}
.baguetteBox-button#close-button:before{
content: "";
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background: url(//digitalfestival.pl/wp-content/themes/digital-festival/img/close.svg) no-repeat center;
background-size: 24px 24px;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width:576px){
.nav-container {
width: 100%;
}
img.logo-mbl {
margin-left: 10px;
}
footer .copyright {
margin-left: 20px;
}
footer {
margin-top: 280px;
}
header .ml-auto.ml-lg-0 {
margin-right: 20px;
}
.btnn2 .bg {
display: inline-block;
}
.mobile-only .btnn.mbl.text-uppercase.text-center {
margin-left: 20px;
margin-top: 50px;
}
.btnn2.mbl{
background: linear-gradient(135deg,#fdaa0a,#da086c 52%,#520242);
border-radius: 33px;
color:#fff;
padding: 5px;
display: inline-block;
max-width: 280px;
}
.btnn2.mbl .bg {
display: flex;
}
.page-id-138 footer {
margin-top: 320px;
}
} .aspect-ratio-16x9 {
display: block;
width: 100%;
padding-top: 56.25%;
position: relative;
}
.aspect-ratio-16x9 img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.section-hero-video {
min-height: 100vh;
display: flex;
align-items: center;
}
.section-hero-video::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.5;
z-index: 1;
}
.section-hero-video__content {
width: 50%;
transition: 300ms;
}
.section-hero-video__play {
background: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 150px;
height: 150px;
border: none;
box-shadow: none; background-image: url(https://digitalfestival.pl/wp-content/themes/digital-festival/img/f1.svg);
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: 300ms;
}
.section-hero-video.is-playing .section-hero-video__play,
.section-hero-video.is-playing .section-hero-video__content {
opacity: 0;
visibility: hidden;
}
.section-hero-video__play img {
width: 100px;
height: auto;
}
.section-hero-video__title {
margin-left: 20rem;
margin-right: 20rem;
}
.section-hero-video__desc {
padding-top: 0rem;
margin-left: 37rem;
margin-bottom: 15px;
}
.section-hero-video__button {
text-align: center;
}
.section-hero-video__video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.section-hero-video__container {
position: relative;
z-index: 2;
justify-content: flex-start;
}
.btnn2:hover .bg,
.wydarzenia-listing .btnn2:hover .bg{
background: transparent!important;
}
.btnn2:hover .text,
.wydarzenia-listing .btnn2:hover .text,
.section-top-noc-innowacji .btnn2:hover .text{
-webkit-text-fill-color: #fff!important;
}
@media screen and (max-width: 576px){
.section-hero-video__content {
width: 100%;
margin-bottom: 20px;
}
.section-hero-video__play {
width: 100px;
height: 100px;
bottom: 20px;
position: static;
transform: none;
}
.section-hero-video__play img {
width: 60px;
height: auto;
}
.section-hero-video__container {
display: flex;
flex-wrap: wrap;
padding-bottom: 140px;
justify-content: center;
}
.section-hero-video {
flex-wrap: wrap;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
}
.section-hero-video__video {
object-fit: contain;
}
.filters-mobile-scroll-horizontal {
display: flex;
flex-wrap: nowrap;
overflow: auto;
}
.filters-mobile-scroll-horizontal > div {
width: auto;
flex-shrink: 0;
}
.filters-mobile-scroll-horizontal > div select {
padding-right: 30px;
}
.filters-mobile-search {
width: 100%!important;
max-width: 100%!important;
}
div.partnerzy-akademii {
width: initial!important;
}
div.imgs {
flex-wrap: wrap;
}
.tags-list-mobile {
display: flex;
flex-wrap: nowrap;
overflow: auto;
}
.tags-list-mobile > div {
flex-shrink: 0;
}
.hide-mobile {
display: none!important;
}
.mobile-boxes-horizontal {
display: flex;
flex-wrap: nowrap;
overflow: auto;
}
.mobile-boxes-horizontal > div {
flex-shrink: 0;
padding-left: 10px!important;
padding-right: 10px!important;
}
}
@media screen and (min-width: 577px){
.hide-desktop {
display: none!important;
}
}