/* Theme Name: ESSD 2017 theme Author: B&H Description: Euroepan School Sports Day website theme Template: essd_tk Version: 1.0.8 Text Domain: _tk */ /* Import the necessary TK Bootstrap WP CSS additions */ @import url( ../essd_tk/includes/css/bootstrap-wp.css ); @import url("../essd_tk/style.css"); *, html {font-family: 'Open Sans', sans-serif; color:#5e5e5e; font-size: 16px;} ol { counter-reset: item; } ol li { display: block; line-height: 32px; } ol li:before { content: counter(item) ". "; counter-increment: item; color: #fff; background-color: #b1166d; width: 32px; height: 32px; text-align: center; display: inline-block; line-height: 32px; vertical-align: middle; border-radius: 16px; margin-right: 5px; } body.category .th-category { padding-top: 40px;} body.category .th-category .entry-date { padding-bottom: 15px;} body.category .th-category .indexImage { padding-top: 3px; float: left; width: 210px; margin-right: 15px;} #page { position: relative; top: 0px; } .page #page { top: 50px;} .regPage iframe { width: 100%; } .hentry { margin-bottom: 0;margin-top: 50px;} .home .hentry { margin-top: 0;} a:hover { color:#b1166d; text-decoration: none;} h2.entry-title { font-size: 18px; line-height: 24px; } h2.entry-title a { color:#078daa; font-size: 18px; font-weight: bold; line-height: 24px;} a.anchor { display: block; position: relative; top: -50px; visibility: hidden; } /* body { -webkit-overflow-scrolling: touch; scroll-behavior: smooth; /* Added in from answer from Felix *//* overflow-x: scroll; transition: overflow-x 1s;} */ .bg-inverse { display: block;} /* */ .navbg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #029396 !important; z-index: 501; } .navbar-brand.fa { font-size: 24px; position: relative; z-index: 550; color: #fff;} .navbar-toggleable-md2 > .container { padding-left: 15px; padding-right: 15px;} .navbar-toggler2:focus, .navbar-toggler-icon:focus { outline: 0; } .navbar-toggleable-md2 .navbar-toggler2 { border: none; font-size: 16px; display: inline-block; background: none; color:#fff; position: relative; z-index: 550; cursor: pointer; padding-top: 15px;} .home .navbar-toggler2 { display: inline-block;} .navbar-toggler-icon { color:#fff;} .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: transparent; } .th-content-front {} /* #navbarNavDropdown { display: block; position: absolute; left: -145px; top: -700px; background-color: #65b9ae ; z-index: 500; transform: skewX(-14deg) ; border-radius: 0px 0 25px 0; -webkit-transition: top 1.5s; transition: top 1.5s; } #navbarNavDropdown.slideDown {top: 48px;} #navbarNavDropdown li.menu-item { float: none !important; display: block; color: #fff; width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; padding-right: 15px;} #navbarNavDropdown li.menu-item a { padding-top: 0; padding-bottom: 0; } #navbarNavDropdown li.menu-item.active a {} #navbarNavDropdown li.menu-item a { color: #fff; display: block; font-size: 20px; text-transform: uppercase; padding-right: 15px; padding-left: 0; padding-right: 0;} #navbarNavDropdown .navbar-nav { flex-direction: column; display: block; padding-left: 200px; padding-top: 30px; transform: skewX(14deg); padding-bottom: 30px; padding-right: 30px;} */ #navbarNavDropdown { display: block; position: absolute; left: -145px; top: -700px; background-color: #65b9ae; z-index: 500; ; border-radius: 0px 0 25px 0; -webkit-transition: top 1.5s; transition: top 1.5s; overflow-y: auto; } #navbarNavDropdown.slideDown {top: 48px;} #navbarNavDropdown li.menu-item { float: none !important; display: block; color: #fff; width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; padding-right: 15px;} #navbarNavDropdown li.menu-item a { padding-top: 0; padding-bottom: 0; } #navbarNavDropdown li.menu-item.active a {} #navbarNavDropdown li.menu-item a { color: #fff; display: block; font-size: 20px; text-transform: uppercase; padding-right: 15px; padding-left: 0; padding-right: 0;} #navbarNavDropdown .navbar-nav { flex-direction: column; display: block; padding-left: 200px; padding-top: 30px; padding-bottom: 30px; padding-right: 30px;} .navbar { position: fixed; margin-bottom: 0px; border: none; z-index: 10000; left: 0; top: 0; right: 0; z-index: 10000; } .admin-bar .navbar { top: 32px;} .topbar .iconBar img { width: 30px; height: 30px; } .topbar .iconBar a { display: inline-block; margin-left: 5px; position: relative; top: -3px;} #page-wrapper { padding: 0;} .row { display: block;} .widget { margin-bottom: 0;} /* frontpage */ .frontSliderWidgetArea img { width: 100%; height: auto; } .front-metaslider-widget { overflow: hidden;} .frontPage img { width: 100%; height: auto;} .frontPage .entry-content-thumbnail { } .page-template-page-front-php .entry-content { display: none; } .page-template-page-front-php .entry-content p { margin-bottom: 0;} .entry-content-thumbnail .essd_logo { width: 30vw; height: 10vw; background-image: url("images/essd_logo.png"); background-size: contain; position: absolute; background-repeat: no-repeat; z-index: 200; right: 4vw; top: 6vw;} .entry-content-thumbnail .beactive_logo { width: 20vw; height: 6vw; background-image: url("images/beactive.png"); background-size: contain; position: absolute; background-repeat: no-repeat; z-index: 200; right: 4vw; top: 16vw;} .frontPage a.registration {width: 273px; height: 85px; display: block; position: absolute; background-image: url("images/regisztracio.png"); background-repeat: no-repeat; left: 235px; top: -49px; z-index: 501; background-size: contain;} .entry-content-thumbnail { position: relative;} .mainPartner { position: absolute; left: 0px; bottom: 30px; z-index: 505; color:#fff; width: 260px; text-align: right; font-weight: 800; font-style: italic; font-size: 20px;} .mainPartner .decathlon { height: 75px; background-image: url("images/decathlon.png"); background-size: contain; background-position: right top; background-repeat: no-repeat;} .mmPartner { text-align: center; padding: 0 20px;} .frontUnderSlider { overflow: hidden;} .frontUnderSliderWidgetArea h2.widgettitle { display: none;} .cat-post-widget.frontUnderSliderWidgetArea h2.widgettitle { display: block;} .frontUnderSliderWidgetArea img { width: 100%; height: auto;} span.highlight { display: inline-block; background: #b1166d; padding: 2px 9px; border-radius: 5px; color:#fff; transform:skewX(-10deg) } /* Résztvevők */ .frontUnderSliderWidgetArea .participantsWidget { width: 100%; color:#fff; text-align: center; } .frontUnderSliderWidgetArea .participants-head {background: #68c2b6; padding: 20px 0; text-align: center; position: relative; z-index: 100;} .participants-head .circle { width: 200px; height: 200px; border-radius: 100px;; border: 10px solid #188fab; display: inline-block; margin-left: 20px; margin-right: 20px;} .participants-head .coordinators {} .participants-head .coordinators .number { } .participants-head .cities { } .participants-head .partners .number { } .participants-head .participants { } .participants-head .participants .number { } .participants-head .schools {} .participants-head .schools .number { } .participants-head .countries { } .participants-head .countries .number { } .participants-head .number { font-size: 32px; line-height: 50px; color:#fff; margin-top: 55px; margin-bottom: 0px;} .participants-head .lab {font-size: 16px; margin-top: 0; text-align: center; color:#fff; font-weight: 600; } .europe svg, .europe #europe-svg { width: 70%; height: auto; margin-top: -150px;} .europe svg .country path { } .europe svg .country.member path { cursor: pointer; } .europe .countryName { position: absolute; left: 0; bottom: 0; right: 0; height: 25px; color: #01A3A7 } .europe { position: relative;} /* slider logos */ .topSliderLogos { position: absolute; bottom: 0; left: 0; right: 0; background-image: url(images/wh80.png); background-repeat: repeat; z-index: 200; display: flex; justify-content: space-around; padding: 20px 10px; flex-wrap: wrap} .topSliderLogos h2.widgettitle { display: none;} .topSliderLogos .widget { width: 22%;} .topSliderLogos .decathlon { padding-top: 10px; } .topSliderLogos .decathlon .textwidget {font-size: 12px; font-weight: bold; text-transform: uppercase; font-style: oblique; text-align: right;} .topSliderLogos .essdlogo { padding-top: 10px;} .topSliderLogos .be-active { padding-top: 10px;} /* register now */ .registerButton { text-align: center; position: absolute; top: -1px; left: 20%; height: 70px; z-index: 5000;} .registerButton .registernow { text-align: center; } .registerButton .registernow a { display: inline-block; position: relative;} .registerButton .registernow a .rtext { position: absolute; top: 5px; left: 0; right: 0; font-size: 23px; color: #fff; text-align: center; text-transform: uppercase;} .registerButton .registernow a .anim { position: absolute; bottom: 10px; left: 50%; margin-left: -75px; width: 150px;} .registerButton .registernow img { max-width: 300px;} .frontUnderSliderWidgetArea.celebrating { background: #06667a; color: #fff; font-size: 32px; margin: 15px 0; font-style: oblique; } .frontUnderSliderWidgetArea.celebrating .container { color:#fff; padding-bottom: 20px; padding-top: 20px; text-transform: uppercase; text-align: center; } /* getting-schools-on-the-move */ .getting-schools-on-the-move { position: absolute; left:-150px; bottom: 30vh; z-index: 100; background-image: url('images/getting-schools.png'); height: 188px; background-position: right top; color: #fff; text-transform: uppercase; padding: 20px 60px 20px 240px; } .getting-schools-on-the-move h2 { font-size: 40px; color:#fff; text-transform: uppercase;margin: 0; font-style: italic; font-weight: 800; } .getting-schools-on-the-move h2 span.sdate { font-size: 36px; font-weight: normal; color:#fff; } .getting-schools-on-the-move h2.widgettitle { display: none;} /* register now top*/ .frontUnderSliderWidgetArea .registernow { background: #69c0b5; text-align: center; padding-top: 40px; padding-bottom: 40px; } .frontUnderSliderWidgetArea .registernow a { display: inline-block; position: relative;} .frontUnderSliderWidgetArea .registernow a .rtext { position: absolute; top: 10px; left: 0; right: 0; font-size: 26px; color: #fff; text-align: center; text-transform: uppercase;} .frontUnderSliderWidgetArea .registernow a .anim { position: absolute; bottom: 10px; left: 50%; margin-left: -97px; width: 194px;} .frontUnderSliderWidgetArea .registernow img { max-width: 400px;} .frontUnderSliderWidgetArea .introduction { text-align: center; padding: 50px 0;} .frontUnderSliderWidgetArea .introduction img { max-width: 194px;} .frontUnderSliderWidgetArea .introduction h2 { font-size: 40px; text-transform: uppercase; color: #088eaa; margin-bottom: 40px;} .frontUnderSliderWidgetArea .introduction h3 { font-size: 20px; text-transform: uppercase; color: #088eaa; margin-bottom: 30px;} .frontUnderSliderWidgetArea .introduction h3.learnmorelink { margin-top: 45px;} .frontUnderSliderWidgetArea .introduction h3.learnmorelink a { color:#078eaa; font-size: 28px; font-weight: 800; font-style: italic;} .frontUnderSliderWidgetArea .introduction h3.learnmorelink img { display: inline-block; margin-left: 15px;} .frontUnderSliderWidgetArea .introduction ul { text-align: left; padding: 20px 40px;} .frontUnderSliderWidgetArea .galleryWidget .more { width: 350px; height: 150px; position: absolute; top: 50%; margin-top: -42px; left: 50%; margin-left: -175px; display: block; text-align: center; } .frontUnderSliderWidgetArea .galleryWidget .gbutton{ width: 350px; height: 82px; background-image: url("images/gallerybutton.png"); background-size: contain; background-repeat: no-repeat; text-align: center; line-height: 82px; color:#fff; font-size: 36px; text-transform: uppercase; display: block; margin-left: auto; margin-right: auto; } .frontUnderSliderWidgetArea .galleryWidget { position: relative;} .frontUnderSliderWidgetArea .galleryWidget .learnmorelink img { max-width: 175px; display: inline-block; margin-left: 15px;} .frontUnderSliderWidgetArea .galleryWidget .learnmorelink { font-size: 26px; font-weight: 800; font-style: italic; color: #fff; text-transform: uppercase; text-align: left; margin-top: 25px;} .frontUnderSliderWidgetArea .galleryWidget .gallerylink { position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: 100;} /* document widget */ .frontUnderSliderWidgetArea .documentsWidget .more { width: 350px; height: 150px; position: absolute; top: 50%; margin-top: -42px; left: 50%; margin-left: -175px; display: block; text-align: center; } .frontUnderSliderWidgetArea .documentsWidget .dbutton{ width: 350px; height: 82px; background-image: url("images/gallerybutton.png"); background-size: contain; background-repeat: no-repeat; text-align: center; line-height: 82px; color:#fff; font-size: 36px; text-transform: uppercase; display: block; margin-left: auto; margin-right: auto; } .frontUnderSliderWidgetArea .documentsWidget { position: relative;margin-top: 4rem;} .frontUnderSliderWidgetArea .documentsWidget .learnmorelink img { max-width: 175px; display: inline-block; margin-left: 15px;} .frontUnderSliderWidgetArea .documentsWidget .learnmorelink { font-size: 26px; font-weight: 800; font-style: italic; color: #fff; text-transform: uppercase; text-align: left; margin-top: 25px;} .frontUnderSliderWidgetArea .documentsWidget .documentlink { position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: 100;} .countDownWidget { background: #01a3a6; padding: 20px 0; margin: 20px 0;} .countDownWidget .container { padding: 0 50px;} .countDownWidget .textDiv span { } .time_circles > div > span {color:#fff;} .time_circles > div > h4 {color:#fff;} .frontUnderSliderWidgetArea .newsList ul.lcp_catlist { padding: 0; list-style: none;} .frontUnderSliderWidgetArea .newsList ul.lcp_catlist li { display: block;} .frontUnderSliderWidgetArea .newsWidget .more { width: 350px; height: 150px; position: absolute; top: 50%; margin-top: -42px; left: 50%; margin-left: -175px; display: block; } .frontUnderSliderWidgetArea .newsWidget .gbutton{ width: 350px; height: 82px; background-image: url("images/gallerybutton.png"); background-size: contain; background-repeat: no-repeat; text-align: center; line-height: 82px; color:#fff; font-size: 36px; text-transform: uppercase; display: block; margin-left: auto; margin-right: auto; } .frontUnderSliderWidgetArea .newsWidget { position: relative; margin-top: -25px;} .frontUnderSliderWidgetArea.newsWidgetArea { margin-bottom: 20px;} .frontUnderSliderWidgetArea .newsWidget .learnmorelink img { max-width: 175px; display: inline-block; margin-left: 15px;} .frontUnderSliderWidgetArea .newsWidget .learnmorelink { font-size: 26px; font-weight: 800; font-style: italic; color: #fff; text-transform: uppercase; text-align: left; margin-top: 25px;} .frontUnderSliderWidgetArea .newsWidget .newsLink { position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; cursor: pointer;} .frontUnderSliderWidgetArea h2 { font-size: 40px; font-weight: 400; text-transform: uppercase ; text-align: center; color: #088eaa;} .frontUnderSliderWidgetArea h3 { font-size: 22px; font-weight: 700; text-transform: uppercase ; color: #088eaa; text-align: center;} .frontUnderSliderWidgetArea p { text-align: center;} .frontUnderSliderWidgetArea .newsList { margin: 60px 0; display: none;} .frontUnderSliderWidgetArea .newsList h3 { margin-top: 0; } .frontUnderSliderWidgetArea .newsList h3 a { font-size: 22px; color:#078daa; text-transform: uppercase; line-height: 25px;} .frontUnderSliderWidgetArea .newsList .lcp_excerpt { margin-top: 20px; margin-bottom: 20px;} .frontUnderSliderWidgetArea .newsList li { margin-bottom: 25px;} .frontUnderSliderWidgetArea .newsList .moreLink a { line-height: 27px; font-size: 25px; font-weight: 800; font-style: italic; color:#078daa; text-transform: uppercase; display: inline-block; padding-right: 214px; background: url("images/newsMore.png") right center no-repeat; text-decoration: none; } .frontUnderSliderWidgetArea .newsList .moreNews span {line-height: 27px; font-size: 25px; font-weight: 800; font-style: italic; color:#078daa; text-transform: uppercase; display: inline-block; padding-right: 214px; background: url("images/newsMore.png") right center no-repeat; text-decoration: none;} /* sport day */ .school-sport-day { text-align: center; padding: 80px 0 45px;} .school-sport-day .tbl {} .school-sport-day .trow { } .school-sport-day .num { display: inline-block; background: #B1166D; color:#fff; width: 30px; height: 30px; border-radius:15px; line-height: 30px; padding-left: 2px;} .school-sport-day .li { margin-bottom: 15px; } .school-sport-day h2{ color: #088eaa; padding-bottom: 30px; } .school-sport-day h3{ color: #088eaa; margin-top: 35px; margin-bottom: 25px; } .school-sport-day p, .school-sport-day li { font-size: 18px;} /* take action */ .take-action { padding-top: 40px;} .take-action .textwidget {background: #06667a; color:#fff; text-align: center; padding: 45px 0;} .take-action h2 { color:#fff; margin-bottom: 30px; } .take-action .box .inner { background: #e7e5e6; padding-bottom: 100%; position: relative; background-repeat: no-repeat; background-position: center 25px; transition: background-color 0.2s, background-image 0.5s, background-position 0.2s; margin-bottom: 25px; position: relative;} .take-action .box .inner a.more { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100;} .take-action .box .text { position: absolute; left: 0; right: 0; bottom: 10px; height: 56px; display: table; text-transform: uppercase; font-size: 22px; line-height: 28px; vertical-align: middle; width: 100%;} .take-action .box .text .text-inner { vertical-align: middle; display: table-cell; width: 100%; text-transform: uppercase; } .take-action .box .inner:hover { background-color: #B1166D; color:#fff; background-position: center 15px;} .take-action .box .inner:hover .text-inner { color:#fff; } .take-action .box.register .inner { background-image: url('images/take-register.png'); } .take-action .box.register .inner:hover { background-image: url('images/take-register-w.png'); } .take-action .box.connect .inner { background-image: url('images/take-connect.png'); } .take-action .box.connect .inner:hover { background-image: url('images/take-connect-w.png'); } .take-action .box.toolkit .inner { background-image: url('images/take-toolkit.png'); } .take-action .box.toolkit .inner:hover { background-image: url('images/take-toolkit-w.png'); } .take-action .box.partner .inner { background-image: url('images/take-nutrition-eating.png'); } .take-action .box.partner .inner:hover { background-image: url('images/take-nutrition-eating-w.png'); } /* .take-action .box.partner .inner { background-image: url('images/become-a-partner2.png'); } .take-action .box.partner .inner:hover { background-image: url('images/become-a-partner.png'); } */ .take-action .box .text .text-inner { padding: 0 5px;} /* become partner */ .become-partner {padding: 70px 0 25px;} .become-partner h2 { margin-bottom: 25px;} .become-partner .container .row { display: flex; align-items: stretch; flex-wrap:wrap} .become-partner .box { margin-bottom: 25px; float: none; margin-left: auto; margin-right: auto;} .become-partner .box .more { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100;} .become-partner .container .row:nth-child(2) .box .inner { background-color: #67c0b5; padding-top: 50%; position: relative; background-position: center 35px; background-repeat: no-repeat; height: 100%; background-size: 100px auto; height: 100%; } .become-partner .box .inner .text { font-size: 16px; position: relative; } .become-partner .box.find-out .inner { background-image: url("images/become-findout.png"); background-color: #67c0b5; } .become-partner .box.contact .inner { background-image: url("images/become-contact.png"); background-color: #01a3a6; background-position: center 30px;} .become-partner .box.organise .inner { background-image: url("images/become-organise.png"); background-color: #06667a; } .become-partner .container .row .box.join .inner { background-image: url("images/join-workshop.jpg"); background-position: center center; background-size: cover; padding-bottom: 5%; } .become-partner .container .row .box.get-inspired .inner { background-image: url("images/get-inspired.jpg"); background-position: center center; background-size: cover; padding-bottom: 5%; } .become-partner .container .row:nth-child(3) .box .inner { padding-top: 50%; height: 100%; position: relative;} .become-partner .container .row:nth-child(3) .box .inner a.more:hover { text-decoration: none; background: transparent;} .become-partner .container .row:nth-child(3) .box .inner a.more { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("images/zhover.png") repeat; } .become-partner .container .row:nth-child(3) .box .inner a.more .btitle { text-align: center; font-size: 30px; color:#fff; padding-top:35%; display: block; text-transform: uppercase;} .become-partner .box.join .inner a.more, .become-partner .box.get-inspired .inner a.more { } .become-partner .box .inner .text .text-inner { color: #fff; text-align: center; padding: 10px;} .become-partner .box .inner .text .text-inner a { color:#fff;} /* coordinators */ .frontUnderSliderWidgetArea.coordinatorsWidget img { max-width: 50px;} .frontUnderSliderWidgetArea.coordinatorsWidget .textwidget { padding-top: 50px; padding-bottom: 40px; background: #e7e5e6; position: relative; } .frontUnderSliderWidgetArea.coordinatorsWidget { padding-top: 40px;} .frontUnderSliderWidgetArea.coordinatorsList { /* padding-left: 40px; padding-right: 40px; */ transition: height 0.5s; } .frontUnderSliderWidgetArea.coordinatorsWidget ul.lcp_catlist { list-style: none; padding: 0; margin: 0;} .frontUnderSliderWidgetArea.coordinatorsWidget h2 { text-align: center; color:#088eaa; margin-top: 0; margin-bottom: 25px;} .frontUnderSliderWidgetArea.coordinatorsWidget .popupWrapper { display: none; position: relative; padding-top: 30px; transition: height 0.5s; } .frontUnderSliderWidgetArea.coordinatorsWidget .popupWrapper .container { position: relative;} .frontUnderSliderWidgetArea.coordinatorsWidget .popupInner { background: #fff; border: 1px solid #43a5ba; padding: 5px 15px; font-size: 24px; text-transform: uppercase; vertical-align: middle;} .frontUnderSliderWidgetArea.coordinatorsWidget .popupInner a { text-transform: none; color:#5e5e5e;} .frontUnderSliderWidgetArea.coordinatorsWidget .popupArrow { position: absolute; width: 40px; height: 22px; left: 50px; top: -21px; background: url("images/popuparrow.png") no-repeat 0 0; color: #e7e5e6;} .frontUnderSliderWidgetArea.coordinatorsWidget .popupInner em { color:#43a5ba; line-height: 50px; font-size: 36px; font-style: normal; display: inline-block; position: relative; top: 5px;} .frontUnderSliderWidgetArea.coordinatorsWidget .slick-prev { left: -25px;} .frontUnderSliderWidgetArea.coordinatorsWidget .slick-next { right: -25px;} .frontUnderSliderWidgetArea.coordinatorsWidget .slick-list {padding-bottom: 10px; padding-top: 10px;} .frontUnderSliderWidgetArea.coordinatorsWidget .slick-arrow { } .frontUnderSliderWidgetArea.coordinatorsWidget .thumbnailWrapper img { margin-left: auto; margin-right: auto;} .frontUnderSliderWidgetArea.coordinatorsWidget .coordinatorsList { padding: 0 30px;} /* partners */ .frontUnderSliderWidgetArea.partnerWidget { padding-top: 40px;} .frontUnderSliderWidgetArea .partners { padding: 45px 0;} .frontUnderSliderWidgetArea .partners h2 { text-align: center; color:#088eaa; margin-top: 0; margin-bottom: 35px; text-transform: uppercase; margin-top: 30px;} .frontUnderSliderWidgetArea .partners img { width: auto; line-height: 150px; vertical-align: middle; max-height: 150px;} .frontUnderSliderWidgetArea .partners .mmPartner { text-align: center; margin-bottom: 20px;} .frontUnderSliderWidgetArea .partners .item { text-align: center; margin-bottom: 10px; height: 150px; line-height: 150px; margin-left: auto; margin-right: auto;} .history.widget_text { padding-top: 70px; padding-bottom: 25px;} /* report */ .frontUnderSliderWidgetArea .narrative-report { background: #01a3a7;} .frontUnderSliderWidgetArea .narrative-report iframe { width: 100%; margin-top: 20px; height: 1500px;;} /* FOOTER */ .footerWidget {background: #68c0b6; text-align: center; padding: 10px 15px;} .footerWidget h2.widgettitle { display: none;} /* TOPBAR */ .topbar { position: absolute; top: 10px; right: 15px; z-index: 550;} .topbar .topBarWidgetArea { display: inline-block; clear: none;} .topbar .textwidget .socialIcons img { width: 30px; height: auto;} .topbar .textwidget .socialIcons a { display: inline-block; margin-right: 8px;} .widget_icl_lang_sel_widget.topBarWidgetArea { width: 30px; clear: none; display: inline-block; padding-top: 2px; } .widget_icl_lang_sel_widget.topBarWidgetArea #lang_sel_click a.lang_sel_sel { width: 30px; height: 30px; border-radius: 15px; background: #fff; padding: 0; text-align: center; line-height: 30px; color: #02a3a6; text-transform: uppercase; font-weight: bold; border: none; } .widget_icl_lang_sel_widget.topBarWidgetArea #lang_sel_click a.lang_sel_sel span { position: relative; display: inline-block; margin-top: -3px;} /* #lang_sel_click ul ul { top: 38px; width: 80px; border: none; left: -5px;padding: 5px 5px; overflow-y: auto; } eredeti */ #lang_sel_click ul ul { top: -250px; width: 190px; border: none; left: initial;padding: 5px 5px 0 5px ; overflow-y: auto; right: -10px; display: flex; flex-wrap: wrap; background: url('images/wh80.png') repeat; border-radius: 0 0 8px 8px; visibility: visible !important; } #lang_sel_click.active ul ul { top: 40px;} #lang_sel_click > li { height: 30px; overflow: hidden; } #lang_sel_click li { width: 30px; float: none; margin-left: 0px; } #lang_sel_click ul ul a { padding: 0; text-align: center; border: none; text-transform: uppercase; width: 30px; height: 30px; display: block; line-height: 30px; border-radius: 15px; text-decoration: none; background: #02a3a6; color:#fff;} #lang_sel_click ul ul a span { line-height: 30px; color:#fff; margin-top: -3px; display: inline-block;} #lang_sel_click ul ul a:hover { background: #B1166D ; color: #fff ;} #lang_sel_click ul ul li { margin-bottom: 5px; margin-left: 5px; height: 30px;} #lang_sel_click ul ul a:hover span { color: #fff ; } .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after { border: none;} .wpml-ls-legacy-dropdown-click a span { color: #029396;} .topBarWidgetArea.widget_icl_lang_sel_widget { padding-top: 0; margin-left: 5px;} .widget_text.topBarWidgetArea { top: 2px; position: relative;} /* Single */ .th-content-single {padding-top: 50px;} .th-content-single .entry-content-thumbnail { margin-top: 20px; margin-bottom: 20px;} h1.page-title { font-size: 29px; font-weight: 800; font-style: italic; color:#078daa; text-transform: uppercase;} /* gallery */ .gallery { margin-top: 20px; padding: 0px; background: #efefef; text-align: center; display: flex; flex-wrap: wrap;} .gallery .gallery-item { display: block; width: 16.6666%; } .gallery .gallery-item a {} .gallery .gallery-item img { width: 100%; height: auto; max-width: none;} .gallery:hover .gallery-item {opacity:0.5; filter: grayscale(100%); transition: opacity 0.5s, grayscale 0.5s;} .gallery:hover .gallery-item:hover {opacity:1; filter: grayscale(0); } .gallery-list .pege-list-head .page-list {display: flex; flex-wrap: wrap; justify-content: space-between; } .gallery-list .pege-list-head .page-list-ext-item { width: 48%; position: relative; background: #efefef; margin: 20px 1%; height: 350px; } .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-title, .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-item-content{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0; } .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-image { margin: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-image img {object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 350px;} /* */ .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-title { background-image: url("images/gallery-ikon.png"); background-position: center 20%; background-repeat: no-repeat; z-index: 200; cursor: pointer;} .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-title a { display: block; padding: 0 15px; position: absolute; left: 0; right: 0; bottom: 25px; color:#fff; font-size: 36px; } .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-item-content {background: url("images/zhover.png") repeat; } .gallery-list .pege-list-head .page-list-ext-item:hover .page-list-ext-item-content { background: transparent;} .gallery-list .pagelist-sub { display: none;} .gallery-list .pagelist-sub .page-list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch } .gallery-list .pagelist-sub .page-list-ext-item { width: 23%; position: relative; background: #efefef; height: 200px; margin:20px 1%; } .gallery-list .pagelist-sub .page-list-ext-image {margin: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .gallery-list .pagelist-sub .page-list-ext-image img { height: 200px; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; object-fit: cover; } .gallery-list .pagelist-sub .page-list-ext-item .page-list-ext-title a { display: block; padding: 0 15px; position: absolute; left: 0; right: 0; bottom: 0; color:#fff; font-size: 20px; background: url("images/zhover.png") repeat; padding: 25px 5px; white-space: nowrap; } .gallery-item .wp-caption-text { display: none;} /* documents */ .documents { margin-top: 20px; padding: 0px; background: #efefef; text-align: center; display: flex; flex-wrap: wrap;} .documents .documents-item { display: block; width: 16.6666%; } .documents .documents-item a {} .documents .documents-item img { width: 100%; height: auto; max-width: none;} .documents:hover .documents-item {opacity:0.5; filter: grayscale(100%); transition: opacity 0.5s, grayscale 0.5s;} .documents:hover .documents-item:hover {opacity:1; filter: grayscale(0); } .documents-list .pege-list-head .page-list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 4rem;} .documents-list .pege-list-head .page-list-ext-item { width: 24%; position: relative; background: #efefef; margin: 20px 1%; height: 250px; } .documents-list .pege-list-head .page-list-ext-item .page-list-ext-title, .documents-list .pege-list-head .page-list-ext-item .page-list-ext-item-content{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0; } .documents-list .pege-list-head .page-list-ext-item .page-list-ext-image { margin: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .documents-list .pege-list-head .page-list-ext-item .page-list-ext-image img {object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 250px;} /* */ .documents-list .pege-list-head .page-list-ext-item .page-list-ext-title { background-image: url("images/become-organise.png"); background-position: center 20%; background-repeat: no-repeat; z-index: 200; cursor: pointer;} .documents-list .pege-list-head .page-list-ext-item .page-list-ext-title a { display: block; padding: 0 15px; position: absolute; left: 0; right: 0; bottom: 25px; color:#fff; font-size: 36px; } .documents-list .pege-list-head .page-list-ext-item .page-list-ext-item-content {background: url("images/zhover.png") repeat; } .documents-list .pege-list-head .page-list-ext-item:hover .page-list-ext-item-content { background: transparent;} .documents-list .pagelist-sub { display: none;} .documents-list .pagelist-sub .page-list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch } .documents-list .pagelist-sub .page-list-ext-item { width: 23%; position: relative; background: #efefef; height: 200px; margin:20px 1%; } .documents-list .pagelist-sub .page-list-ext-image {margin: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .documents-list .pagelist-sub .page-list-ext-image img { height: 200px; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; object-fit: cover; } .documents-list .pagelist-sub .page-list-ext-item .page-list-ext-title a { display: block; padding: 0 15px; position: absolute; left: 0; right: 0; bottom: 0; color:#fff; font-size: 20px; background: url("images/zhover.png") repeat; padding: 25px 5px; white-space: nowrap; } .documents-item .wp-caption-text { display: none;} /* hírek */ .single .entry-content-thumbnail { max-width: 350px; float: left; margin-top: 6px; margin-right: 15px;} .single .entry-meta { margin-bottom: 25px;} /* resources */ .page-content .resources { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;} .page-content .r-item { width: 31%; } /* METASLIDER */ .front-metaslider-widget { height: 100vh; position: relative; } .front-metaslider-widget .textwidget { padding-top: 50px;} .front-metaslider-widget .textwidget .metaslider {position: relative; bottom: 0; position: absolute; left: 0; top: 0; right: 0;} .front-metaslider-widget .textwidget .metaslider .flexslider {position: relative; bottom: 0; position: absolute; left: 0; top: 0; right: 0;} .front-metaslider-widget .textwidget .metaslider .flexslider img { object-fit: cover; height: 100vh; } .front-metaslider-widget .slides { height: 100%;} .front-metaslider-widget .metaslider .flexslider { margin-bottom: 0;} @-ms-viewport { width: device-width; } @media screen and (min-width: 993px) { .frontUnderSliderWidgetArea .coordinatorsList { width: 820px; margin-left: auto; margin-right: auto; padding: 0;} } @media screen and (min-width: 1200px) { .frontUnderSliderWidgetArea .coordinatorsList { width: 1130px; margin-left: auto; margin-right: auto; padding: 0;} .topSliderLogos .widget { width: 15%;} } @media screen and (max-width: 1366px){ } @media screen and (max-width: 992px) { .frontUnderSliderWidgetArea .coordinatorsList { } .become-partner .container .row:nth-child(2) .box .inner { padding-top: 40%; } .gallery .gallery-item { width: 20%; } .page-content .r-item { width: 48%; } } @media screen and (max-width: 768px) { .frontUnderSliderWidgetArea .coordinatorsWidget .popupInner { height: auto; line-height: 20px; font-size: 16px;} /* .frontUnderSliderWidgetArea .coordinatorsWidget .popupWrapper { bottom: initial; top: 205px;} */ .frontUnderSliderWidgetArea .coordinatorsWidget .popupInner em { line-height: 30px;} .frontUnderSliderWidgetArea .coordinatorsWidget .popupArrow { bottom: initial; top: -20px;} .frontUnderSliderWidgetArea .coordinatorsList { } .participants-head .circle { width: 160px; height: 160px; border-radius: 80px;; display: inline-block; margin-left: 10px; margin-right: 10px;} .participants-head .number { font-size: 24px; line-height: 50px; color:#fff; margin-top: 35px; margin-bottom: 0px;} .europe svg { width: 80%; margin-top: -60px;} .registerButton {top: -1px; left: 20%; height: 50px;} .registerButton .registernow a .rtext {top: 5px; left: 0; right: 0; font-size: 20px; } .registerButton .registernow img { max-width: 280px;} .entry-content-thumbnail .essd_logo { width: 30vw; height: 10vw; top: 15vh; } .entry-content-thumbnail .beactive_logo { width: 20vw; height: 6vw; top: 30vh; } .getting-schools-on-the-move { left:-150px; bottom: 30vh; height: 140px; padding: 15px 60px 15px 240px; background-size: auto 140px; } .getting-schools-on-the-move h2 { font-size: 32px; color:#fff;} .europe svg, .europe #europe-svg { width: 80%; height: auto; margin-top: -80px;} .become-partner .container .row:nth-child(2) .box .inner { padding-top: 50%; } .frontUnderSliderWidgetArea h2 { font-size: 32px;} .school-sport-day { padding: 80px 0 45px;} .frontUnderSliderWidgetArea.coordinatorsWidget { padding-top: 60px; } .take-action { padding-top: 30px; } .become-partner {padding: 70px 0 25px; } .history.widget_text {padding-top: 75px;} .frontUnderSliderWidgetArea.partnerWidget { padding-top: 40px; } .page .page { margin-top: 90px;} .home.page .page { margin-top: 0px;} .frontUnderSliderWidgetArea .partners .mmPartner img { width: 80%;} .gallery .gallery-item { width: 25%; } } @media screen and (max-width: 620px) { .frontUnderSliderWidgetArea .coordinatorsList { } .europe svg { width: 90%; margin-top: -40px;} .registerButton .registernow img { max-width: 200px;} .registerButton { top: 30px; left: 10px;} .registerButton .registernow a .rtext {top: 20px; left: 0; right: 0; font-size: 16px; } .registerButton .registernow a .anim {bottom: 4px; margin-left: -40px; width: 80px; } .getting-schools-on-the-move { left:-180px; bottom: 25vh; height: 140px; padding: 15px 60px 15px 210px; background-size: auto 140px; } .getting-schools-on-the-move h2 { font-size: 32px; color:#fff;} .topSliderLogos .widget { width: 40%;} .europe svg, .europe #europe-svg { width: 90%; height: auto; margin-top: -60px;} .take-action .box .inner { background-position: center 20px; } .registerButton { z-index: 450;} .topSliderLogos { padding: 10px;} .countDownWidget .container {padding: 0 20px;} .become-partner .container .row:nth-child(3) .box .inner a.more .btitle { padding-top:30%; font-size: 18px; line-height: 1.1; } .become-partner .container .row:nth-child(2) .box .inner { padding-top: 55%; background-position: center 15px; } .gallery-list .pagelist-sub .page-list-ext-item { width: 31.3%;} .gallery-list .pege-list-head .page-list-ext-item { height: 250px; } .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-image img { height: 250px;} .single .entry-content-thumbnail { max-width: 350px; float: none; margin-top: 0px; margin-right: 0px;} .gallery .gallery-item { width: 33.333%; } } @media screen and (max-width: 480px) { .mainPartner .decathlon { height: 30px; } .mainPartner { width: 150px; left: 10px; bottom: 40px;} .frontUnderSliderWidgetArea .registernow .registerBGR { width: 300px;} .frontUnderSliderWidgetArea .registernow a .rtext { top: 5px; font-size: 22px;} .frontUnderSliderWidgetArea .registernow a .anim { width: 160px; margin-left: -80px; bottom: 5px;} .frontUnderSliderWidgetArea .galleryWidget .gbutton { width: 240px; height: 55px; font-size: 28px; line-height: 55px;} .frontUnderSliderWidgetArea .galleryWidget .learnmorelink { font-size: 20px; text-align: center; } .frontUnderSliderWidgetArea .galleryWidget .learnmorelink img { width: 140px; } .frontUnderSliderWidgetArea .galleryWidget .more { width: 300px; margin-left: -150px; text-align: center;} .frontUnderSliderWidgetArea .newsWidget .gbutton { width: 240px; height: 55px; font-size: 28px; line-height: 55px; } .frontUnderSliderWidgetArea .newsWidget .learnmorelink { font-size: 20px; text-align: center; } .frontUnderSliderWidgetArea .newsWidget .learnmorelink img { width: 140px; } .frontUnderSliderWidgetArea .newsWidget .more { width: 300px; margin-left: -150px; text-align: center;} .frontUnderSliderWidgetArea .coordinatorsList { } .frontUnderSliderWidgetArea .coordinatorsList li { } .frontUnderSliderWidgetArea .coordinatorsWidget .popupInner { height: auto; line-height: 20px; font-size: 16px;} /* .frontUnderSliderWidgetArea .coordinatorsWidget .popupWrapper { bottom: initial; top: 205px;} */ .frontUnderSliderWidgetArea .coordinatorsWidget .popupInner em { line-height: 30px;} .frontUnderSliderWidgetArea .coordinatorsWidget .popupArrow { bottom: initial; top: -20px;} .entry-content-thumbnail .essd_logo { width: 50vw; height: 15vw; } .entry-content-thumbnail .beactive_logo { width: 35vw; height: 13vw; } .frontUnderSliderWidgetArea .introduction h2 { font-size: 32px;} .getting-schools-on-the-move { left:-220px; bottom: 45vh; height: 90px; padding: 10px 40px 5px 240px; background-size: auto 90px; } .getting-schools-on-the-move h2 { font-size: 22px; color:#fff; margin: 0;} .getting-schools-on-the-move h2 span.sdate { font-size: 22px;} .europe svg, .europe #europe-svg { width: 100%; height: auto; margin-top: -60px;} .take-action .box .text { bottom: 5px; height: 42px; font-size: 18px; line-height: 21px;} .take-action .box .inner { background-position: center 8px; background-size: 80px 80px; } .become-partner .container .row:nth-child(2) .box .inner { padding-top: 55%; background-position: center 20px; background-size: 70px auto; height: 100%; } .countDownWidget .container { padding: 0;} .gallery-list .pagelist-sub .page-list-ext-item { width: 48%;} .gallery-list .pege-list-head .page-list-ext-item { height: 200px; } .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-image img { height: 200px;} .frontUnderSliderWidgetArea h2 { font-size: 24px;} .participants-head .circle { width: 140px; height: 140px; border-radius: 70px;; } .gallery .gallery-item { width: 50%; } .page-content .r-item { width: 100%; } } @media screen and (max-width: 360px) { .frontUnderSliderWidgetArea .coordinatorsList {} .frontUnderSliderWidgetArea .coordinatorsList .slick-list li { } .take-action .box .inner { background-position: center 8px; background-size: 60px 60px; } .take-action .box .text .text-inner { font-size: 14px; padding: 0 5px;} .become-partner .container .row .box { width: 100%;} .become-partner .container .row:nth-child(2) .box .inner { padding-top: 40%; background-position: center 20px; background-size: 90px auto; height: 100%; } .gallery-list .pagelist-sub .page-list-ext-item .page-list-ext-title a { font-size: 18px;} .gallery-list .pege-list-head .page-list-ext-item { width: 100%; position: relative; background: #efefef; margin: 20px 0; height: 192px; } .gallery-list .pege-list-head .page-list-ext-item .page-list-ext-title { background-size: 80px auto; } .participants-head .circle { width: 130px; height: 130px; border-radius: 65px;; margin-left: 5px; margin-right: 5px; } .participants-head .number {font-size: 18px; line-height: 22px; margin-top: 25px; margin-bottom: 0px; } .participants-head .lab { font-size: 14px;} .getting-schools-on-the-move { bottom: 35vh;} } div.entry-content-thumbnail span.essd_logo { display:none } .partners.container .row:nth-of-type(2) img{ max-width:200px; }