html5reset.css ============================================================================= */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { outline:0;margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;background: transparent; } html {height:100%;font-size:16px;} body {line-height: 1.3;font-family:'Manrope';color:#131217;margin : 0 auto;padding : 0; background-color:rgb(249, 248, 244);height:100%;transition:.2s;} @media only screen and (min-width: 1000px) { } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;} nav ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} b {font-weight:600;} a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;} a:hover {text-decoration:underline;} ins {background-color: #F9F8F5;color: #000;text-decoration: none;} mark {background-color: #ff9;color: #000; font-style: italic;font-weight:bold;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;} table {border-collapse: collapse;border-spacing: 0;} hr {display: block;height: 1px;border: 0; border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;} input, select {vertical-align: middle;} /* BASIC PAGE SETUP ============================================================================= */ button, input, select, textarea { color : #202020; } /* HEADINGS ============================================================================= */ h1, h2, h3, h4, h5, h6 { font-weight:400;font-weight:400;margin-top: 0px;} h1 { font-size : 1.7em; margin-bottom : 0.2em;line-height : 1.4; } h2 { font-size : 1.4em; margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;} h3 { font-size : 1.2em; margin-bottom : 0.3em;line-height : 1.3; } h4 { font-size : 1.1em; margin-bottom : 0.5em;line-height : 1.25; } h5 { font-size : 1em; margin-bottom : 1.25em;} h6 { font-size : 1em; } /* TYPOGRAPHY ============================================================================= */ p, ol, ul, dl, address { margin-bottom : .5em; font-size : 1em; /* 16 / 16 = 1 */ } p {hyphens : auto; } ul, ol { margin :0; padding:0; } li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ } dl, dd { margin-bottom : 1.5em; } dt { font-weight:400;font-weight:400; } b, strong { font-weight:700; } hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;} small { font-size : 1em; /* 16 / 16 = 1 */ } sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; } sup { top : -.5em; } sub { bottom : -.25em; } .subtext { color: #000; } /* LINKS ============================================================================= */ ul a {text-decoration:none;} a:hover, a:active { outline:0; } a#backtotop {position:fixed;width:36px;height:36px;z-index:100;} *{ outline:none;} a:focus {outline: none; } /* IMAGES ============================================================================= */ img {border : 0;}/*max-width: 100%;}*/ /* TABLES ============================================================================= */ table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em; width : 100%; } th, td, caption { padding : .25em 10px .25em 5px; } tfoot { font-style : italic; } caption { background-color : transparent; } /* SECTIONS ============================================================================= */ .section {clear: both;padding: 0px;margin: 0px;} /* CODE ============================================================================= */ pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;} strong.code {font-weight:400;font-weight:400;font-family: monospace;font-size: 1.2em;} /* NOTES ============================================================================= */ .note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #F9F8F5; background: rgba(255, 255, 255, 0.5);overflow:hidden;} .note:before { content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid; border-color:transparent transparent #cccccc #cccccc;background:#cccccc; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); display:block; width:0; /* Firefox 3.0 damage limitation */} .note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;} .note.rounded:before { border-width:8px;border-color:#ff #ff transparent transparent; -webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;} /* GLOBAL OBJECTS ============================================================================= */ .breaker { clear: both; } .group:before, .group:after {content:"";display:table;} .group:after {clear:both;} .group {zoom:1; /* For IE 6/7 (trigger hasLayout) */} *{ } a:focus {} div.clear {clear:both;height:0px;} div.clearright {clear:right;height:0px;} div.clearleft {clear:left;height:0px;} span.icon {font-family:icons;} /* VENDOR-SPECIFIC ============================================================================= */ html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219); -webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; } .clearfix { zoom : 1; } ::-webkit-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; } ::-moz-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; } ::selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; } ::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; } input:-moz-placeholder { font-size : .875em; line-height : 1.4; } .ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; } input[type="checkbox"], input[type="radio"] { box-sizing : border-box; } input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; } button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; } p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1; -webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; } /* Responsivenewss ============================================================================= */ /* ============================================================================================= */ .section {clear: both;padding: 0px;margin: 0px;} .col {display: block;float:left;margin: 1% 0 1% 1.6%;} .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ /* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%;} } /* GRAVITY.GR CSS ============================================================================= */ .wrapperIn {width:95%;margin:0 auto;max-width:1514px;transition:.2s;} .notresponsive .wrapperIn {width:960px;} .relative {position:relative;} a {text-decoration:none;} a:hover {text-decoration:underline;} .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ div.header {display:flex;align-items: flex-start;margin:0 0 100px;justify-content: space-between;} div.header h1 {width:391px;box-sizing: border-box; padding:66px 39px 0 64px;transition:.2s;margin:0;} div.header h1 img {max-width:100%;} div.header div.header_right {width:calc(100% - 391px);padding:0; display:flex;border-bottom:1px solid rgb(19, 18, 23); justify-content: flex-end;align-items: stretch;} div.header div.header_right a {height:100px;border-left:1px solid rgb(19, 18, 23); display:flex;align-items: center;text-align:center; color: #131217; font-family: "Manrope"; font-size: 12px; font-weight: 800; letter-spacing: 1.2px;} div.header div.header_right a img {height:100%;width:100%;object-fit:none;object-position: 50%;} div.header div.header_right a.logo {width:168px;} div.header div.header_right a.setlang {width:100px;} div.header div.header_right a span {width:100%;display:block;text-align:center;} @media only screen and (max-width: 800px) { div.header {align-items: stretch;} div.header h1 {padding:14px;width:50%;height:auto;} div.header div.header_right {border-bottom:0;height:auto;} div.header div.header_right a {border-left:0;width:auto;} div.header div.header_right {width:50%;} div.header div.header_right a.setlang {width:auto;} div.header div.header_right a span {width:auto;padding:0 10px 0 15px;} div.header div.header_right a.logo {width:auto;} div.header div.header_right a {height:auto;} } @media only screen and (max-width: 450px) { div.header div.header_right a.logo {display:none;} div.header h1 {width:80%;} div.header h1 {position:relative;} div.header h1:after {content: "by National Theatre of Greece"; position: absolute; left: 30%; bottom: 25%; font-size: 11px; color: #000; text-indent: 0;} html[lang=el] div.header h1:after {content: "από το Εθνικό Θέατρο";} div.header div.header_right {width:18%;} } div.entercode {margin:0 auto;width:90%;max-width:950px;display:flex; justify-content: space-between;align-items: flex-start;} div.entercode > div {display:flex;flex-wrap:wrap;} div.entercode > div > * {width:100%; display:flex;} div.entercode div.title_wrap {width:43%;} div.entercode div.title_wrap h3 { height:136px;transition: .2s; align-items: flex-end;margin:0; color: #131217;width:100%; font-size: 60px;font-weight: 800;padding:0 0 10px;margin:0; letter-spacing: -4.5px;line-height: 53px;} div.entercode div.title_wrap p {color: #131217;width:100%; transition: .2s; font-size: 20px;font-weight: 400;padding:0; margin: 20px 0 0 0;} div.entercode div.form_wrap {width:54%;} div.entercode div.form_wrap div.error_wrap {padding-bottom:10px; height:136px;padding:0 0 10px; align-items: flex-end;margin:0; color: #e92d63;font-size: 15px; font-weight: 400; } div.entercode div.form_wrap form.formcode {align-items:flex-start; margin: 20px 0 0 0;display:flex;border:1px solid rgb(19, 18, 23); align-items: stretch;transition:.2s; } div.entercode div.form_wrap form.formcode input.submit {width:73px;border:0; border-left:1px solid rgb(19, 18, 23);text-indent:-9000px; background-color:#fff;background-image: url(https://www.n-t.gr/images/livestream.n-t.gr/submit.png); background-repeat: no-repeat;background-position: 50%; cursor:pointer; } div.entercode div.form_wrap form.formcode input.code {width:calc(100% - 74px); border:0;background-color:#fff;padding:0 10px 0 88px; height:73px;line-height:73px;transition:.2s; color: #131217;font-family: "Manrope";font-size: 18px; font-weight: 300;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/code.png); background-repeat:no-repeat; background-position: 26px 50%;letter-spacing:2px;font-weight:800;} input.code::-webkit-input-placeholder {color: #919191;font-size: 18px;font-weight: 300;letter-spacing:0px;font-weight:300} input.code:-moz-placeholder {color: #919191;font-size: 18px;font-weight: 300;letter-spacing:0px;font-weight:300} input.code::-moz-placeholder {color: #919191;font-size: 18px;font-weight: 300;letter-spacing:0px;font-weight:300} input.code:-ms-input-placeholder {color: #919191;font-size: 18px;font-weight: 300;letter-spacing:0px;font-weight:300} .codecheckfailed div.entercode div.form_wrap form.formcode {border:1px solid rgb(233, 46, 99);} .codecheckfailed div.entercode div.form_wrap form.formcode input.submit {width:73px;border:0; border-left:1px solid rgb(233, 46, 99);} .codecheckfailed div.entercode div.form_wrap form.formcode input.code {background-color:#ffe5ec;color: #e92d63;} @media only screen and (max-width: 1200px) and (min-width: 800px) { div.entercode div.title_wrap h3 {font-size: 48px;line-height: 40px;} } @media only screen and (max-width: 800px) { div.header {margin-bottom:50px;} div.entercode {flex-wrap:wrap;} div.entercode div.title_wrap {width:100%;} div.entercode div.form_wrap {width:100%;} div.entercode > div > * {width:100%; display:flex;} div.entercode div.title_wrap h3 {height:auto;} div.entercode div.form_wrap {flex-direction: column-reverse;} div.entercode div.form_wrap div.error_wrap {height:auto;margin:20px 0 0} } @media only screen and (max-width: 600px) { div.entercode div.title_wrap h3 {font-size:40px;line-height: 34px;letter-spacing: -1.5px;} div.entercode div.title_wrap h3 br {display:inline-block;width:10px;} div.entercode div.title_wrap p {font-size:17px;margin:10px 0 0 ;} } @media only screen and (max-width: 500px) { div.entercode div.form_wrap form.formcode input.code { padding: 0 0 0 58px;background-position: 13px 50%; letter-spacing: 1.2px;height:50px;line-height: 50px;} } @media only screen and (max-width: 400px) { div.entercode div.form_wrap form.formcode input.code { padding: 0 0 0 10px;background-image: none; letter-spacing: 1.2px;height:50px;line-height: 50px;} } div.about_wrap {margin:0 auto 100px;max-width:1120px;width:100%;padding:150px 0 100px;transition:.2s;} div.about_wrap h4 {color: #131217;transition:.2s; font-family: "Source Serif Pro", serif; font-size: 36px;font-weight: 200; letter-spacing: -1.8px;margin:0 0 45px;padding:0;} div.about_wrap div.text {border:1px solid rgb(19, 18, 23);padding:66px; background-color:#fff;color: #131217; font-size: 17px;font-weight: 400; line-height: 27px;} div.about_wrap div.inside:before {content:"";display:block;transition:.2s; height:1px;background:rgb(19, 18, 23);width:86px;margin-bottom:43px;} div.about_wrap div.text p {padding:0 0 42px;} @media only screen and (max-width: 1200px) { div.about_wrap h4 {padding:0 /*66px;*/} div.about_wrap {max-width:100%;} div.about_wrap div.text {border-left:0;border-right:00;} } @media only screen and (max-width: 800px) { div.about_wrap {padding:80px 0 70px;} div.about_wrap div.text {padding:30px 30px 50px;} div.about_wrap h4 {padding:0 /*30px*/;margin-bottom:20px;} div.about_wrap div.text:before {width:0;margin-bottom:0;} } @media only screen and (max-width: 500px) { div.about_wrap h4 {font-size: 30px;font-weight:400;} div.about_wrap div.text {font-size: 16px;} } div.footer_wrap {background-color:rgb(19, 18, 23);} div.footer_wrap div.footer {width:90%;max-width:1300px;display:flex;margin:0 auto; justify-content: space-between;align-items: flex-end;color:#fff;font-size:14px;line-height:24px;} div.footer_wrap div.footer a {color:#fff;} div.footer_wrap div.footer a:hover {text-decoration: none;} div.footer_wrap div.footer > div {padding:75px 0;box-sizing: border-box;transition: .2s} div.footer_wrap div.footer div.theatre {width:calc(100% - 278px);border-right:1px solid #5d5c5e; background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_responsive.png); background-repeat:no-repeat; background-position: right 40px bottom 75px;} div.footer_wrap div.footer div.powered {width:277px;text-align:right;} div.footer_wrap div.footer div h4 {line-height:1; font-family: "Source Serif Pro", serif;font-size: 18px;font-weight: 400; padding:42px 0 17px;margin:0;} div.footer_wrap div.footer div p {padding:0;margin:0;} div.social {display:flex;padding:60px 0 0 0;transition: .2s} div.social a {margin:0 50px 0 0;height:22px;width:20px;transition: .2s; text-indent:-9000px; background-position:0 50%;background-repeat: no-repeat;} div.social a.facebook {margin-right:40px;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_facebook.png);} div.social a.twitter {margin-right:49px;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_twitter.png);} div.social a.youtube {margin-right:46px;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_youtube.png);} div.social a.instagram {margin-right:48px;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_instagram.png);} div.footer_wrap div.footer div.powered a.powered:hover span {text-decoration: none} div.footer_wrap div.footer a:hover span {text-decoration: none} a.powered img {margin-left:10px;} a.powered {display:flex;justify-content:flex-end;} a.powered span { letter-spacing: 1px; line-height: 1; color: #8d8d8f; font-size: 11px; font-weight: 500; transform-origin: 100% 0; transform: rotate(-90deg) translateY(-12px);} @media only screen and (max-width: 750px) { div.footer_wrap div.footer div.theatre {background-image: none; padding-right:30px;} } @media only screen and (max-width: 650px) { div.footer_wrap div.footer div.theatre {width:50%;padding-right:20px;} div.footer_wrap div.footer div.powered {width:50%;padding-left:20px;} div.social {padding:40px 0 0 0;} div.social a.facebook {margin-right:20px;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_facebook.png);} div.social a.twitter {margin-right:29px;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_twitter.png);} div.social a.youtube {margin-right:26px;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_youtube.png);} div.social a.instagram {margin-right:28px;background-image:url(https://www.n-t.gr/images/livestream.n-t.gr/footer_instagram.png);} } @media only screen and (max-width: 550px) { div.footer_wrap div.footer {flex-wrap: wrap;} div.footer_wrap div.footer div.theatre {width:100%;padding:50px 10px; border-right:0;border-bottom:1px solid #5d5c5e;text-align:center;} div.footer_wrap div.footer div.powered {width:100%;padding:40px 10px;text-align:center;} div.social {margin:20px auto;padding:0;align-items: center;justify-content: center} div.social a.instagram {margin-right:0} div.footer_wrap div.footer div h4 {padding-top:20px;} a.powered {justify-content: center;flex-wrap: wrap;text-align: center;} a.powered span { transform: none;width:100%;margin-bottom:15px;} a.powered img {margin-left: 0} } div.pagediv_general_title { width:90%; max-width: 1120px; margin: 0 auto 50px; padding-bottom: 50px; border-bottom: 1px solid #000; } div.pagediv_general_title.on {display:block;} div.pagediv_general_title h1 {font-family: "Source Serif Pro", serif; font-size: 37px;font-weight: 200;line-height:1.3;transition: .2s; letter-spacing: -1.8px;margin:0;padding:0;} div.pagediv_general_title h3 { font-size:12px;letter-spacing:1.5px;margin:0;padding:0 0 15px;} div.pagediv_general_title h3.stream_time_info {transition: .2s; font-size:18px;margin:0;padding:0;letter-spacing:.3px;} @media only screen and (max-width: 750px) { div.pagediv_general_title h1 {font-size:30px;} div.pagediv_general_title h3.stream_time_info {font-size:16px;} } a.btnish { text-decoration: none; font-size: 14px;font-weight:500; margin: 80px auto 10px; color: #131217; display: block; padding:18px 20px; width:90%;max-width:600px;border:1px solid #131217;background-color: #fff; box-shadow:11px 11px #F0F0F0; box-sizing: border-box;line-height:14px; display:flex;justify-content: center;align-items: center;} a.btnish span {/*width:calc(100% - 80px);*/} a.btnish:before {content:"";height:14px;width:30px;margin-right:30px; background:url(https://www.n-t.gr/images/livestream.n-t.gr/ticket_small.png) no-repeat 50%; background-size:contain;} /*a.btnish.selected { font-weight: bold; text-decoration: underline; }*/ a.btnish:hover { background-color: #f9f9f9;color:#131217;} div.pagediv_selectedcode{ width:90%; max-width: 1120px; margin: 0 auto 50px; /*padding-bottom: 50px;*/ /*border-bottom: 1px solid #000;*/ } div.selectedcode{width:100%;margin:0 auto;text-align:center;} div.selectedcode h3 {color:#9FC4A8;margin:20px auto;font-weight:700; font-size:22px;} div.selectedcode p {color:#131217;max-width:600px;margin:0 auto 20px;font-weight:400; font-size:18px;} div.selectedcode_value {color:#9FC4A8;line-height:47px; height:47px;letter-spacing:1.5px;font-size:22px; font-weight:600px;display: flex;justify-content:center;} div.selectedcode_value span {margin-left:20px;} div.selectedcode_value:before {content:"";width:51px;height:47px; background:url(https://www.n-t.gr/images/livestream.n-t.gr/success.png) no-repeat 50%;} div.pagediv_viewing {width:90%;margin:0 auto;max-width:1120px;transition:.2s;} div.selectedcode_buttons {display:flex;align-items:stretch; padding:30px 0;flex-direction: row-reverse; justify-content:center;} div.embedhtmlselect_wrap {display:flex;align-items:stretch; padding:15px 0 0;flex-direction: row-reverse; justify-content:center;} div.pagediv_unregister { padding:15px 0 0;flex-direction: row-reverse; justify-content:center;} div.embedhtmlselect_wrap select { text-decoration: none; font-size: 14px; font-weight:500;cursor:pointer; margin: 15px 20px 0; color: #131217; display: block; padding:18px 60px 18px 20px; width:100%; max-width:600px;border:1px solid #131217; box-shadow:11px 11px #F0F0F0; box-sizing: border-box;line-height:14px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background:url(https://www.n-t.gr/images/livestream.n-t.gr/select.png) no-repeat right 17px top 50%; background-color: #fff; } button { text-decoration: none; font-size: 14px; font-weight:500;cursor:pointer; margin: 0 20px; color: #131217; display: block; padding:18px 20px; max-width:600px;border:1px solid #131217;background-color: #fff; box-shadow:11px 11px #F0F0F0; box-sizing: border-box;line-height:14px;} button.btndonotactivateselectedcode, button.btnunregister {background-color:#131217;color:#fff;} button.btnunregister {margin-left:0;width:100%;} @media only screen and (max-width: 750px) { div.selectedcode_buttons {flex-wrap: wrap;flex-direction: column;} div.selectedcode_buttons button {width:95%;margin-bottom:20px;} div.pagediv_viewing {width:100%;} } input:-internal-autofill-selected { appearance: menulist-button; background-color: red !important; background-image: none !important; color: -internal-light-dark(black, white) !important; } div.pagediv_allevents {margin:50px auto;width:90%;max-width:1250px;} div.pagediv_allevents ul {display:flex;flex-wrap: wrap; list-style:none; align-items: stretch;justify-content: center;} div.pagediv_allevents ul li {flex-grow: 2;max-width:50%;margin:20px; box-sizing: border-box;width:calc(25% - 40px);text-align: center; padding-bottom: 100px; position: relative; } div.pagediv_allevents ul li img {width:100%;box-shadow:11px 11px #F0F0F0; } div.pagediv_allevents ul li div.eventhead {padding:35px 0 25px;} div.pagediv_allevents ul li h1 {font-size:26px;margin:0;padding:0; font-family: "Source Serif Pro";line-height: 1.2} div.pagediv_allevents ul li h2 {font-size:12px;margin:0;padding:0;} div.pagediv_allevents ul li h3 {font-size:12px;margin:0;padding:0;} div.pagediv_allevents ul li div.text {display:flex;justify-content: space-between; width:100%;align-content: flex-end;flex-wrap: wrap;} div.pagediv_allevents ul li div.text div.data { width:100%;padding:0;margin:0; font-size:15px;font-weight:400; text-align:center;} div.pagediv_allevents ul li div.text div.data span {display:block;margin:10px 0 0 ;} div.pagediv_allevents ul li div.text a.ticket {width:100%;text-indent: -9000px; height:30px;margin:20px 0; background:url(https://www.n-t.gr/images/livestream.n-t.gr/ticket_list.png) no-repeat 50% 100%;} div.pagediv_allevents ul li div.links {margin:5px auto;text-align:center; width:100%; position: absolute; bottom: 0; } div.pagediv_allevents ul li div.links a {display:block;margin:10px auto 0 ; max-width:250px;box-sizing: border-box; padding:5px;border:1px solid #131217;background-color: #fff; box-shadow:11px 11px #F0F0F0; color:#131217;font-size:12px;text-decoration:none; } @media only screen and (max-width: 800px) { div.pagediv_allevents ul li {width:calc(100% - 20px); max-width:100%;} } div.pagediv_streamwaiting, div.pagediv_streamstopped, div.pagediv_waitcheckin {border:1px solid #131217;background-color:#fff; font-size:24px;color:#131217;padding:20px 30px; width:90%;max-width:1120px;margin:20px auto;box-sizing: border-box; box-shadow:11px 11px #F0F0F0;text-align: center;} div.pagediv_streamwaiting > div, div.pagediv_waitcheckin > div {width:100%;} div.pagediv_streamwaiting .msg.error, div.pagediv_waitcheckin .msg.error {color:#131217;} div.pagediv_streamwaiting .msg.error i, div.pagediv_waitcheckin .msg.error i {font-size:2em;font-family:Monospace;font-style:normal;} div.pagediv_streamwaiting span.nowrap, div.pagediv_waitcheckin span.nowrap {white-space: nowrap} @media only screen and (max-width: 800px) { div.pagediv_streamwaiting span.nowrap, div.pagediv_waitcheckin span.nowrap {white-space: normal} } /*
Η προσέλευση για την συγκεκριμένη μετάδοση θα αρχίσει το Σάββατο 21/11 στις 20:00
( σε 6 ημέρες 22 ώρες 3 λεπτά 35 δευτερόλεπτα ).
*/ .msg.ok { color: #008000; } .msg.wait { color: #D57B1B; } .msg.error { color: #e92d63; } .MSG.ok { color: #008000; } .MSG.wait { color: #D57B1B; } .MSG.error { color: #e92d63; }