/* styly vkládané původně v sekci v kódu index.php */ /* měly by přebít co je potřeba (vkládají se později), Asset je dá i za styly Joomla */ .inner-wrapper div.icons, .inner-wrapper ul.fields-container { display: none; } body .article h2 { display: block; } body .article p { font-size: 1.1rem; } body .article img { max-width: 100%; height: auto; } /*body header.light-bg + .article-cover-wrapper .article-cover-list .article-cover-item .content{ background: rgba(255,255,255,0.6); box-shadow: 2px 0px 30px 30px rgba(255, 255, 255, .6); }*/ body header.light-bg+.article-cover-wrapper .article-cover-list .article-cover-item h1 { color: var(--primaryColor); } .boxes--wrapper .container .box--item .box--item--icon svg * { fill: var(--primaryColor); } .boxes--wrapper.partners .container .box--item { height: 150px; } .boxes--wrapper.partners .container .box--item .box--item--name { color: #333; font-size: 1.1rem; } .boxes--wrapper.partners .container .box--item::before { background: none; } body.article_34 .article table tbody tr td:first-child { width: 50%; } body.article_34 .article table tbody tr td:last-child { width: auto; text-align: left; } .study-with-us .container .study-area--item img.study-area--item--bg { opacity: 0.75; } .study-with-us .container .study-area--item:hover img.study-area--item--bg { opacity: 1; } @media (max-width: 767px) { body .article-cover-wrapper .container { width: 100%; left: 0; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 30%); } } .extra-actions .container .action-list .action-item span { text-align: center; } .extra-actions .container .action-list { margin: -7rem 0 0 0; } .boxes--wrapper .container .box--item--content { text-decoration: none; } .boxes--wrapper .container a.box--item--content:hover { text-decoration: underline; } .boxes--wrapper .container .box--item--content img { max-width: 250px; max-height: 60px; } .partner-list.primary { --columns: 4; } @media (max-width: 1025px) { .partner-list.primary { --columns: 3; } } @media (max-width: 425px) { .partner-list.primary { --columns: 2; } } .cc--light-funky, html, :root { --cc-bg: #f9faff; --cc-primary-color: #112954; --cc-secondary-color: #112954; --cc-btn-primary-bg: var(--primaryColor); --cc-btn-primary-color: var(--cc-bg); --cc-btn-primary-hover-bg: var(--primaryColorDarken); --cc-btn-primary-hover-color: #fff; --cc-btn-secondary-bg: #dfe7f9; --cc-btn-secondary-color: var(--cc-secondary-color); --cc-btn-secondary-hover-bg: #c6d1ea; --cc-btn-secondary-hover-color: #000; --cc-cookie-category-block-bg: #ebeff9; --cc-cookie-category-block-border: #ebeff9; --cc-cookie-category-block-hover-bg: #dbe5f9; --cc-cookie-category-block-hover-border: #dbe5f9; --cc-cookie-category-expanded-block-hover-bg: #ebeff9; --cc-cookie-category-expanded-block-bg: #ebeff9; --cc-overlay-bg: rgba(219, 232, 255, 0.85) !important; --cc-toggle-readonly-bg: #cbd8f1; --cc-toggle-on-knob-bg: var(--cc-bg); --cc-toggle-off-bg: #8fa8d6; --cc-toggle-readonly-knob-bg: var(--cc-bg); --cc-separator-border-color: #f1f3f5; --cc-footer-border-color: #f1f3f5; --cc-footer-bg: var(--cc-bg); --cc-btn-border-radius: 1rem .6rem 1.3rem .5rem / .5rem 1rem; --cc-modal-border-radius: var(--cc-btn-border-radius); --cc-pm-toggle-border-radius: var(--cc-btn-border-radius); } body .news .news-list .news-item .hover-effect { background: var(--darkColor100); } body .news .news-list .news-item .picture img { background: var(--primaryColor); } a.big-button { display: inline-block; background: #f0f0f0; color: var(--primaryColor); font-size: 1.5rem; font-weight: 700; text-decoration: none; padding: 30px 40px; } a.big-button:hover { background: var(--primaryColor); color: #fff; } body.otherPage header { position: relative; padding: 0; } section.article .blog-item .page-header h2 a { text-decoration: none; color: var(--primaryColor); } section.article .blog-item .page-header h2 a:hover { text-decoration: underline; } section.article .blog-item .readmore { text-align: right; margin-top: 0; } section.article .blog-item .readmore a.btn.btn-secondary { background: none; border: none; padding: 0; color: #333; } section.article .blog-item .readmore a.btn.btn-secondary:hover { text-decoration: underline; } .blogg .stories-list { --areasInRow: 1; padding: 2.5rem 0 0 0; display: grid; grid-gap: 4rem; grid-template-columns: repeat(var(--areasInRow), minmax(0, 1fr)); } @media (max-width: 991px) { .blogg .stories-list { grid-gap: 2rem; } } @media (max-width: 499px) { .blogg .stories-list { --areasInRow: 1; grid-gap: 3rem; } } .blogg .stories-item { transition: 0.26s all; --pictureSize: 255px; display: grid; grid-column-gap: 2rem; grid-template-areas: "photo name" "photo desc" "photo desc" "photo action"; grid-template-columns: var(--pictureSize) 1fr; text-decoration: none; } @media (max-width: 1339px) { .blogg .stories-item { --pictureSize: 230px; grid-column-gap: 1.5rem; } } @media (max-width: 1199px) { .blogg .stories-item { grid-row-gap: 1rem; grid-template-areas: "photo" "name" "desc" "action"; grid-template-columns: 1fr; } } @media (max-width: 499px) { .blogg .stories-item { grid-row-gap: 0.625rem; } } .blogg .stories-item--picture { grid-area: photo; } .blogg .stories-item--name { grid-area: name; } .blogg .stories-item--desc { grid-area: desc; } .blogg .stories-item--action { grid-area: action; } .blogg .stories-item--picture { transition: 0.26s all; position: relative; } .blogg .stories-item--picture::after { transition: 0.26s all; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--primaryColor); display: block; width: 100%; height: 100%; z-index: 1; opacity: 0; visibility: hidden; } .blogg .stories-item--picture img { display: block; width: 100%; height: 205px; object-fit: cover; background: #e0e0e0; } .blogg .stories-item--picture.empty img { object-fit: none; background: var(--primaryColor); } .blogg .stories-item--name { padding: 0.625rem 0 0 0; color: var(--darkColor100); font-size: 1.5rem; font-weight: 700; } .blogg .stories-item--tag-item:not(:last-of-type) { margin: 0 0.8rem 0 0; padding: 0 1rem 0 0; border-right: 1px solid #aaa; } .blogg .stories-item--tag-item, .blogg .stories-item--desc { color: var(--darkColor100); font-size: 1rem; } @media (max-width: 1339px) { .blogg .stories-item--tag-item, .blogg .stories-item--desc { font-size: 0.9375rem; } } .blogg .stories-item--desc { --rows: 4; --lineHeight: 1.25rem; line-height: var(--lineHeight); max-height: calc(var(--rows) * var(--lineHeight)); display: -webkit-box; line-clamp: var(--rows); -webkit-line-clamp: var(--rows); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .blogg .stories-item--desc p { margin: 0; } .blogg .stories-item--action { transition: 0.26s all; padding: 0 0 0.625rem 0; color: var(--darkColor100); font-size: 1rem; font-weight: 700; text-decoration: underline; } .blogg .stories-item.bg_strojirenstvi .stories-item--picture::after { background: var(--bg_strojirenstvi); } .blogg .stories-item.bg_elektrotechnika .stories-item--picture::after { background: var(--bg_elektrotechnika); } .blogg .stories-item.bg_it .stories-item--picture::after { background: var(--bg_it); } .blogg .stories-item.bg_lyceum .stories-item--picture::after { background: var(--bg_lyceum); } .blogg .stories-item.bg_odevnictvi .stories-item--picture::after { background: var(--bg_odevnictvi); } .blogg .stories-item.bg_textilnictvi .stories-item--picture::after { background: var(--bg_textilnictvi); } .blogg .stories-item.bg_vos .stories-item--picture::after { background: var(--bg_vos); } @media (hover: hover) { .blogg .stories-item:hover .stories-item--picture::after { opacity: 0.5; visibility: visible; } .blogg .stories-item:hover .stories-item--action { color: var(--primaryColor); } } .info-box--content a, .info-box--content a i:hover, .info-box--content a span { text-decoration: none; } .info-box--content a i, .info-box--content a:hover span { text-decoration: underline; } body .school-merge .video-section img, body .school-merge .video-section video, body .school-merge .video-section iframe { aspect-ratio: 16 / 9; min-height: 220px; height: 100%; width: 100%; } /*.school-merge { --videoSize: 560px; grid-column-gap: 6rem; grid-template-columns: var(--videoSize) 1fr; } @media (max-width: 767px) { .school-merge--wrapper h2 { font-size: 2rem; } } @media (max-width: 1439px) { .school-merge { --videoSize: 560px; } } @media (max-width: 1339px) { .school-merge { --videoSize: 560px; } } @media (max-width: 1199px) { .school-merge { --videoSize: 440px; } }*/ .school-merge .video-section img { height: auto; } .school-merge .content .actions .btn-primary { max-width: 200px; } .article .inner-wrapper .item-page iframe[src*="youtube"] { aspect-ratio: 16 / 9; min-height: 220px; height: 100%; width: 100%; } .article p a.btn-primary { color: #fff; } .article p a.btn-primary:hover { color: var(--primaryColor); } /* v index.php v sekci se vkládaly styly */ /* uprostřed nich byl podmíněně vložen následující blok stylů: */ /* posunem na konec má vyšší váhu, než měl dříve, ale konflikt by být neměl */ @media screen and (max-width: 991px) { header .container nav>ul { height: 100vh; height: 100dvh; overflow-y: auto; padding: 4rem 0; } header .container nav ul li a::before { display: none !important; } header .container nav>ul>li>a { display: block; width: 80vw; } header .container nav ul li.parent>ul { display: block !important; position: static; opacity: 1; visibility: visible; height: auto; padding: 1.25rem 1.5rem; margin: 1rem -1.5rem 1.75rem -1.5rem; background: var(--primaryColorDarken); } header .container nav ul li.parent>ul>li:not(.right-side) a { display: block; padding: .5rem 0; color: #fff; font-size: 1rem; } } /* konec původně podmíněného bloku stylů vkládaných v v index.php */