/* Theme Name: SrobarkaTheme Theme URI: http://srobarka.sk */ /* FONT Montserrat */ @font-face{font-family:'Montserrat';font-style:normal;font-weight:300;src:url('./font/montserrat-v12-latin-ext_latin-300.eot');src:local('Montserrat Light'),local('Montserrat-Light'),url('./font/montserrat-v12-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'),url('./font/montserrat-v12-latin-ext_latin-300.woff2') format('woff2'),url('./font/montserrat-v12-latin-ext_latin-300.woff') format('woff'),url('./font/montserrat-v12-latin-ext_latin-300.ttf') format('truetype'),url('./font/montserrat-v12-latin-ext_latin-300.svg#Montserrat') format('svg')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url('./font/montserrat-v12-latin-ext_latin-regular.eot');src:local('Montserrat Regular'),local('Montserrat-Regular'),url('./font/montserrat-v12-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),url('./font/montserrat-v12-latin-ext_latin-regular.woff2') format('woff2'),url('./font/montserrat-v12-latin-ext_latin-regular.woff') format('woff'),url('./font/montserrat-v12-latin-ext_latin-regular.ttf') format('truetype'),url('./font/montserrat-v12-latin-ext_latin-regular.svg#Montserrat') format('svg')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:url('./font/montserrat-v12-latin-ext_latin-500.eot');src:local('Montserrat Medium'),local('Montserrat-Medium'),url('./font/montserrat-v12-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'),url('./font/montserrat-v12-latin-ext_latin-500.woff2') format('woff2'),url('./font/montserrat-v12-latin-ext_latin-500.woff') format('woff'),url('./font/montserrat-v12-latin-ext_latin-500.ttf') format('truetype'),url('./font/montserrat-v12-latin-ext_latin-500.svg#Montserrat') format('svg')}@font-face{font-family:'Montserrat';font-style:italic;font-weight:500;src:url('./font/montserrat-v12-latin-ext_latin-500italic.eot');src:local('Montserrat Medium Italic'),local('Montserrat-MediumItalic'),url('./font/montserrat-v12-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'),url('./font/montserrat-v12-latin-ext_latin-500italic.woff2') format('woff2'),url('./font/montserrat-v12-latin-ext_latin-500italic.woff') format('woff'),url('./font/montserrat-v12-latin-ext_latin-500italic.ttf') format('truetype'),url('./font/montserrat-v12-latin-ext_latin-500italic.svg#Montserrat') format('svg')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:url('./font/montserrat-v12-latin-ext_latin-600.eot');src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url('./font/montserrat-v12-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'),url('./font/montserrat-v12-latin-ext_latin-600.woff2') format('woff2'),url('./font/montserrat-v12-latin-ext_latin-600.woff') format('woff'),url('./font/montserrat-v12-latin-ext_latin-600.ttf') format('truetype'),url('./font/montserrat-v12-latin-ext_latin-600.svg#Montserrat') format('svg')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url('./font/montserrat-v12-latin-ext_latin-700.eot');src:local('Montserrat Bold'),local('Montserrat-Bold'),url('./font/montserrat-v12-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),url('./font/montserrat-v12-latin-ext_latin-700.woff2') format('woff2'),url('./font/montserrat-v12-latin-ext_latin-700.woff') format('woff'),url('./font/montserrat-v12-latin-ext_latin-700.ttf') format('truetype'),url('./font/montserrat-v12-latin-ext_latin-700.svg#Montserrat') format('svg')} /* ODSADENIA selektorov a vlastnosti boli v celom subore upravene dna 2018-07-05 pre lepsiu citatelnost */ /** VSEOBECNE **/ /* cyrillic */ html { width:100%; height:100%; overflow-x: hidden; font: 16px/16px "Montserrat", sans-serif; font-weight: 700; } body { font: 16px/16px "Montserrat", sans-serif; background-color: #fff; height: 100%; line-height: 1.5; font-weight: 500; } .container { font-weight: 500; background-color: #fff; width: 100%; min-height: 1000px; } .contentcontainer { width: 80%; margin: 30px auto; font-weight: 500; } .overflowhidden { overflow:hidden; } ol, ul { list-style: none; } ul.square { list-style-type: square; margin-left: 1em; } a, a:hover {text-decoration: none;} .b {border: 3px solid green;} .bb {border: 1px solid black;} /*****background no repeat cover center*****/ .bgNRCC { background-position: center; background-repeat: no-repeat; background-size: cover; } .MainSpacer {margin-top:50px;} .dispnone {display: none;} /************************************* ************************************** CAROUSEL *************************************** ***************************************/ .carousel { background-color: white; margin:0; } .fade-carousel { position: relative; height: 90vh; } .fade-carousel .carousel-inner .item { height: 90vh; } .fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: white; border-color: white; opacity: 0.7; } .fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1; } /* SLIDE IMAGES CAROUSEL */ /********************************/ .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5, .fade-carousel .slides .slide-6, .fade-carousel .slides .slide-7, .fade-carousel .slides .slide-8 { height: 90vh; background-size: cover; background-position: center center; background-repeat: no-repeat; } .fade-carousel .slides .slide-1 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/01_.jpg"); } .fade-carousel .slides .slide-2 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/02_.jpg?ver=20200817"); } .fade-carousel .slides .slide-3 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/03_.jpg?ver=20200817"); } .fade-carousel .slides .slide-4 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/04_.jpg?ver=20200817"); } .fade-carousel .slides .slide-5 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/05_.jpg?ver=20200817"); } .fade-carousel .slides .slide-6 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/06_.jpg?ver=20200817"); } .fade-carousel .slides .slide-7 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/07_.jpg?ver=20200817"); } .fade-carousel .slides .slide-8 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/08_.jpg?ver=20200817"); } @media (min-width: 769px) and (max-width: 992px) { .fade-carousel .slides .slide-1 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/01_992.jpg"); } .fade-carousel .slides .slide-2 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/02_992.jpg?ver=20200817"); } .fade-carousel .slides .slide-3 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/03_992.jpg?ver=20200817"); } .fade-carousel .slides .slide-4 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/04_992.jpg?ver=20200817"); } .fade-carousel .slides .slide-5 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/05_992.jpg?ver=20200817"); } .fade-carousel .slides .slide-6 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/06_992.jpg?ver=20200817"); } .fade-carousel .slides .slide-7 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/07_992.jpg?ver=20200817"); } .fade-carousel .slides .slide-8 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/08_992.jpg?ver=20200817"); } } @media (min-width: 501px) and (max-width: 768px) { .fade-carousel .slides .slide-1 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/01_768.jpg"); } .fade-carousel .slides .slide-2 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/02_768.jpg?ver=20200817"); } .fade-carousel .slides .slide-3 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/03_768.jpg?ver=20200817"); } .fade-carousel .slides .slide-4 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/04_768.jpg?ver=20200817"); } .fade-carousel .slides .slide-5 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/05_768.jpg?ver=20200817"); } .fade-carousel .slides .slide-6 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/06_768.jpg?ver=20200817"); } .fade-carousel .slides .slide-7 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/07_768.jpg?ver=20200817"); } .fade-carousel .slides .slide-8 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/08_768.jpg?ver=20200817"); } } @media (max-width: 500px) { .fade-carousel .slides .slide-1 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/01_500.jpg"); } .fade-carousel .slides .slide-2 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/02_500.jpg?ver=20200817"); } .fade-carousel .slides .slide-3 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/03_500.jpg?ver=20200817"); } .fade-carousel .slides .slide-4 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/04_500.jpg?ver=20200817"); } .fade-carousel .slides .slide-5 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/05_500.jpg?ver=20200817"); } .fade-carousel .slides .slide-6 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/06_500.jpg?ver=20200817"); } .fade-carousel .slides .slide-7 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/07_500.jpg?ver=20200817"); } .fade-carousel .slides .slide-8 { background-image: url("/wp-content/themes/SrobarkaTheme/img/carousel/smaller/08_500.jpg?ver=20200817"); } } /************************************* ************************************** DOLEZITE ODKAZY *************************************** ***************************************/ .doleziteodkazy {width:100%; font-weight: 600; font-size: 1em;} .doleziteodkazy > div { background-color: white; color: black; padding: 12px 0; text-decoration: none; float: left; margin: 4px 0; cursor: pointer; text-transform: uppercase; width: 16.66%; text-align: center; } .doleziteodkazy > div a {color:black;} .doleziteodkazy > div a > span {display: inline; margin-left: .625em;} .doleziteodkazy > div img { max-height: 35px; vertical-align: middle; width: 35px; display: inline; } .doleziteodkazy > div:hover { transition-duration:0.5s; background-color: #cccccc; } @media (max-width: 1300px) { .doleziteodkazy { font-size: .8em; } } @media (max-width: 1020px) { .doleziteodkazy > div a > span { margin-left: 0; margin-top: .5em; display: block; } } @media (max-width: 767px) { .doleziteodkazy { font-size: .7em; } .doleziteodkazy > div { width: 33.33%; } /* .doleziteodkazy { font-size: .7em; } .doleziteodkazy > div:nth-child(1), .doleziteodkazy > div:nth-child(2), .doleziteodkazy > div:nth-child(3) { width:33.33%; } .doleziteodkazy > div:nth-child(4), .doleziteodkazy > div:nth-child(5), .doleziteodkazy > div:nth-child(6) { width:33.33%; }*/ .doleziteodkazy > div img { max-height: 35px; display: block; margin: 0 auto; } .doleziteodkazy > div a > span { margin-left: 0; margin-top: .5em; display: block; } } /* @media (max-width: 355px) { .doleziteodkazy > div { min-width: 103.8px; } }*/ /************************************* ************************************** NOVINKY *************************************** ***************************************/ .mainContent { margin-bottom: 10px; } .article { margin: 15px 10px 15px 20px; box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2.5px 0 rgba(0, 0, 0, 0.11); } .article-header { } .article-header h4 {display:inline-block; color:white; font-size: 1em; display: block; background-color: rgb(121, 0, 0); padding: .75em .937em; } .article-date {display:inline-block; float:right; color:grey; font-weight: 200; padding-right: 10px; } .article-date p { color:black; } .glyphicon, .glyphicon:hover, .glyphicon:active, .glyphicon:focus { color:#7a0101; } .glyphicon-envelope, .glyphicon-envelope:hover, .glyphicon-envelope:active, .glyphicon-envelope:focus { color:black; } .glyphicon-paperclip { padding-right: 10px; color:white; } .nav a:hover .glyphicon-paperclip { color: #7a0101; transition-duration: 0.5s; } .article-body { padding: 6px 15px 15px; } .article-body h5 { padding-top: 1.2em; font-size: 1.2em; font-weight: 600; } .article-body p { font-weight: 500; font-size: 1em; } .article-img img:nth-of-type(1) { height:130px; width:130px; float:left; padding:10px; } .article a { color:#5e1111; } @media (max-width: 768px) { .article { margin: 15px 0 15px 0; } .mainContent { padding: 15px 0; } .article-img img:nth-of-type(1) { height:130px; width:130px; float:left; padding:10px; max-height: none; } } /************************************* ************************************** DO LESS MORE *************************************** ***************************************/ .dolessmore { overflow: hidden; } .dolessmoreblock { position: relative; } .lm-control { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: #fff; text-align: center; } .dlmexpand { padding-bottom: 40px; } /************************************* ************************************** DOLEZITE infoRMACIE *************************************** ***************************************/ .ksk { margin-top: 30px; position:relative; left: 50%; transform: translateX(-50%); } .ksk2 { display:none; } .zriadovatel { display:none; } @media (max-width: 1200px) { .ksk { display:none; } .ksk2 { display: block; width:80%; margin:auto; } .zriadovatel { display:block; } } .ImportantNews { min-height: 100px; text-align: center; box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2.5px 0 rgba(0, 0, 0, 0.11); background-color: white; color: white; margin-top: 2.5em; margin-bottom: 2.3em; padding-bottom: 2em; } .ImportantNews iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: 'Montserrat', sans-serif; } .ImportantNews > h3 { font-weight: 500; font-size: 1.3em; display: block; text-align: center; text-transform: uppercase; color: white; background-color: rgb(121, 0, 0); padding: .43em 0; margin-bottom: 0; } .box-nadpis { background-color: rgb(121, 0, 0); text-transform: uppercase; font-size: 20px; text-align: center; font-weight: 400; line-height: 40px; margin: auto; height:40px; } .box-informacia { padding: 20px 0; margin: 0 20px; border-bottom: 1px solid rgb(200, 200, 200); } .box-informacia:nth-last-of-type(1) { border-bottom: none; } .box-informacia h5 { font-weight: 600; font-size: 1.2em; color: rgba(103, 103, 103, 1); margin-bottom: 1.25em; } .border-none { border-style: none; } .box-date { padding: 0; margin-top: .5em; color: rgb(121, 0, 0); font-size: 1.2em; text-align: center; font-weight: 500; line-height: normal; } .box-text { position: relative; text-align: left; padding-right: 0; color: black; font-size: 1em; font-weight: 500; line-height: normal; } .pbig { margin: 0; padding: 0; } .psmall { margin: 0; padding: 0; font-size: .7em; } @media (max-width: 1200px) { .ImportantNews { margin-top: 30px; } } /************************************* ************************************** O SKOLE UVOD *************************************** ***************************************/ .OskoleUvod { width:95%; height: 100%; margin:50px auto 0 auto; } .OskoleUvod .VLAVO { background: url("/wp-content/themes/SrobarkaTheme/img/oskole/036.jpg") no-repeat center center; min-height: 600px; height:100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; border: 10px solid #7a0101; margin-top: 10px; box-shadow: 8px 8px 10px black; } .OskoleUvod .VPRAVO { background: url("/wp-content/themes/SrobarkaTheme/img/oskole/030.jpg") no-repeat center center; min-height: 600px; height:100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; border: 10px solid #7a0101; margin-top: 10px; box-shadow: 8px 8px 10px black; } .OskoleUvod .TEXT { padding: 0 6%; text-align: center; } .OskoleUvod p { padding: 5% 0; text-align: center; line-height: 1.5; } .OskoleUvod h1 { text-align: center; color:#7a0101; font-weight: 400; } .GaleriaBtn { text-align: center; display:inline-block; height:100%; margin:0 auto 1em auto ; } .GaleriaBtn hr { width:33%; float:left; border: solid 2px #7a0101; } .GaleriaBtn a { background-color: #e0e0e0; border: 4px solid #e0e0e0; color: black; text-transform: uppercase; padding:15px 15px; text-align: center; text-decoration: none; /* ***povodna verzia farieb*** background-color: #7a0101; border:4px solid #7a0101; color: white; */ } .GaleriaBtn a:hover { color: white; background-color: #7a0101; border: 4px solid #e0abab; transition-duration: 0.3s; text-decoration: none; /* ***povodna verzia farieb*** background-color: white; border:4px solid #7a0101;*/ } .VPRAVO, .VLAVO { z-index: 1 !important; } @media (max-width: 1100px) { .OskoleUvod p { padding: 10px 3% 30px 3%; } .VPRAVO, .VLAVO { margin-top: 100px; } a.GaleriaBtn { margin-bottom:0px ; } } #Arch-noviniek, #Arch-oznamov { position: relative; display: block; margin: 15px 10px 15px 20px; } #Arch-noviniek a, #Arch-oznamov a { /*position: absolute;*/ display: block; font-weight: 500; font-size: .75em; padding: .5em 0; width: 100%; top: 50%; transform: translateY(-50%) } @media (max-width: 768px) { #Arch-noviniek { margin: 15px 0 15px 0; } } /************************************* ************************************** ZAUJIMAVE CISLA *************************************** ***************************************/ .ZaujimaveCisla { background: url("/wp-content/uploads/2018/04/ZaujimaveCisla-1.jpg?ver=20190201") no-repeat center center; margin-top:-50px; text-align:center; min-height: 450px; z-index: 0!important; } .ZaujimaveCisla p { color: white; text-transform: uppercase; line-height: 1; } .counter { color:white; } .znadpis { margin-top: 150px; margin-bottom:100px; } .ZaujimaveCisla .popis { margin-top: 50px; margin-bottom: 100px; } @media (max-width: 1150px) { .znadpis { margin-top: 100px; padding:25px 0 0; font-size: 25px !important; } .ZaujimaveCisla { min-height: 100%; } .ZaujimaveCisla .popis { margin-top: 20px; margin-bottom: 50px; font-size: 15px!important; } .count { margin-top: 70px; } .znadpis { text-align: center; } } /************************************* ************************************** PARTNERI *************************************** ***************************************/ .partneri { padding-bottom: 1.8em; height: 100%; } .partneri-2 { margin: 0 1.5%; padding: 0; } .logo { width:33.33%; /*width: 100%; height: auto;*/ } .logo-row-1 { position: relative; height: 150px; margin-top: 1em; } .logo-row-1 img { display: inline-block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 65%; } .logo-row-2 { width:20%; position: relative; height: 170px; margin-top: 1em; } .logo-row-2 img { display: inline-block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 55%; } .logo-row-partneri-4 { width:25%; position: relative; height: 100px; margin-top: 1em; } .logo-row-partneri-4 img { display: inline-block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 75%; } /* */ .logo-row-partneri-4 img.vyskum { width: 20%; } .items-4 > .logo-row-partneri-4 img { width: 60%; } .items-5 > .logo-row-partneri-4 img.vyskum { width: initial; height: 95%; } .items-5 > .logo-row-partneri-4 { width:20%; } /* */ img.telekom-bw, img.telekom-col { width: 45%; } @media (max-width: 768px) { img.telekom-bw, img.telekom-col { width: 35% !important; } } @media (max-width: 500px) { img.telekom-bw, img.telekom-col { width: 45% !important; } } .itvalley, .upjs, .unipo, .tuke, .cisco, .globallogic, .t-systems, .ness-kds { opacity: 1; transition: .5s ease; } .itvalley:hover, .upjs:hover, .unipo:hover, .tuke:hover, .cisco:hover, .globallogic:hover, .t-systems:hover, .ness-kds:hover { opacity: 0; } @media (max-width: 992px) { .partneri { padding-bottom: .8em; } .logo-row-1 img { width: 75%; } .logo-row-2 img { width: 65%; } .logo-row-partneri-4 { height: 90px; } .logo-row-partneri-4 img { width: 80%; } } /* */ @media (min-width: 769px) and (max-width: 1400px) { .items-5 > .logo-row-partneri-4 img.vyskum { height: 75%; } } /* */ @media (max-width: 768px) { .logo { width:100%; padding:20px 0; } .logo-row-1 { height: 160px; } .logo-row-2 { height: 180px; } .logo-row-2 img { width: 35%; } .logo-smaller img { width: 22%; } .logo-row-partneri-4 { height: 160px; width: 100%; } .logo-row-partneri-4 img { width: 80%; } /* */ .items-5 > .logo-row-partneri-4 { width:100%; } /* */ } @media (max-width: 600px) { .logo-row-1 { height: 140px; } .logo-row-2 { height: 170px; } .logo-row-2 img { width: 45%; } .logo-smaller img { width: 28%; } .logo-row-partneri-4 { height: 140px; } .logo-row-partneri-4 img { width: 80%; } /* */ .items-4 > .logo-row-partneri-4 img { width: 80%; } /* */ } @media (max-width: 380px) { .logo-row-1 { height: 90px; } .logo-row-2 { height: 120px; } .logo-row-2 img { width: 45%; } .logo-smaller img { width: 28%; } .logo-row-partneri-4 { height: 100px; } .logo-row-partneri-4 img { width: 80%; } } /************************************* ************************************** STUDIUM NA SKOLE UVOD *************************************** ***************************************/ .StudiumNaskole { margin: 50px 10px 30px; } .StudiumBox { height:450px; width:95%; padding: 10px; margin: 60px auto 40px auto; transition-duration: 0.7s; border: 3px solid #7a0101; color:#7a0101; } .StudiumBox h5 { color:#7a0101; text-align: center; margin:15px; transition-duration: 0.7s; } .StudiumBox ul { list-style: disc; list-style-position: inside; font-weight: 400; } .StudiumBox li { line-height: 1.5; } .StudiumBox:hover { color:white; background-color: #7a0101; transition-duration: 0.7s; margin-top: 30px; } .StudiumBox:hover h5 { color: white; transition-duration: 0.7s; } @media only screen and ( max-width: 768px ) { .StudiumBox { height: auto; } .StudiumBox ul { font-size:17px; } .StudiumBox h5 { font-size: 18px; } } /************************************* ************************************** BOXY STUDIUM *************************************** ***************************************/ .text-odkazy { color: white; font-size: 25px; text-transform: uppercase; font-weight: 400; padding: 6%; width: 100%; line-height: normal; } .text-popis { color: white; font-size: 16px; font-weight: 300; padding: 0 20%; width: 100%; line-height: normal; } .stvorec { text-align: center; color: white; padding-top: 10px; cursor: pointer; height: 320px; } .stvorec img { margin:0; padding-top: 30px; width:20%; height:auto; } .prvy>a, .druhy>a, .treti>a, .stvrty>a { display: block; } .prvy {background-color: #7F2525;} .druhy {background-color: #670F0F;} .treti {background-color: #8E3F3F;} .stvrty {background-color: #541010;} .stvorec:hover { opacity:0.8; transition-duration: 0.5s; } @media only screen and ( max-width: 2200px ) { .stvorec {height: 400px;} } @media only screen and ( max-width: 1920px ) { .stvorec {height: 360px;} } @media only screen and ( max-width: 768px ) { .stvorec {height: 440px;} } @media only screen and ( max-width: 720px ) { .stvorec {height: 420px;} } @media only screen and ( max-width: 620px ) { .stvorec {height: 400px;} } @media only screen and ( max-width: 550px ) { .stvorec {height: 360px;} } /************************************* ************************************** KONTAKT *************************************** ***************************************/ .heading-wrapper { padding-top: 90px; top: 50%; transform: translateY(-50%); position: relative; } .contact-photo { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white; overflow: hidden; -moz-box-shadow: inset 0 0 20px #000000; -webkit-box-shadow: inset 0 0 20px #000000; box-shadow: inset 0 0 20px #000000; position: relative; height:102vh; background-image: url("/wp-content/uploads/2018/07/contact-heading-1-1920x1078.jpg"); } .photo-heading { } .contact-box { width:30%; min-width: 300px; margin:0 auto; left: 0; right: 0; position:absolute; bottom:0; height:270px; background-color: white; } .contact-box ul { padding: 20px; font-size: 18px; font-weight: 700; } .contact-box li { padding: 10px 0; transition-duration: 0.3s; } .contact-box img { height:40px; width:auto; display:inline; padding:5px; padding-right:10px; } .contact-info { background-color: #5e1111; color:white; padding:50px; height: 550px; } .contact-info h4 { padding-bottom: 15px; font-size: 25px; font-weight: 700; } .contact-info p { line-height: 1.5; font-size: 16px; font-weight: 500; } .contact-contact { padding:50px; } .contact-contact p { font-size: 18px; font-weight: 500; line-height: 1.5; } .contact-info p a, .contact-info p a:visited { color: #ffebc9; text-decoration: none; } .contact-info p a:hover { color: #89c7ff; } .contact-contact h1 { font-size:30px; color:#5e1111; font-weight: 700; padding: 40px 0 10px 0; } @media (min-width: 1921px) { .contact-photo { background-image: url("/wp-content/uploads/2018/07/contact-heading-1-3992x2242.jpg"); } } @media (max-width: 1200px) { .contact-box ul { font-size: 15px; } .contact-info { padding:30px; } .contact-info p, .contact-contact p { font-size:14px; } .contact-contact { padding:10px; } } @media (max-width: 1024px) { .contact-box ul { /*margin-bottom:-270px;*/ width:100%; font-weight: 600; font-size: .8em; left: 0; right: 0; position:absolute; bottom:0; height:270px; } .contact-photo { height: 60vh; } } @media (max-width: 992px) { .contact-photo { background-image: url("/wp-content/uploads/2018/07/contact-heading-1-992x557.jpg"); } } /************************************* ************************************** FORMULAR *************************************** ***************************************/ #form { padding: 20px 40px; } #form h1 { margin-bottom: 15px; font: bold 40px/40px "Montserrat", sans-serif; text-align: center; color: #5e1111; } ::-webkit-input-placeholder {color: #777;} :-moz-placeholder { /* Firefox 18- */ color: #777;} ::-moz-placeholder { /* Firefox 19+ */ color: #777;} :-ms-input-placeholder {color: #777;} #contact input[type="text"], #contact input[type="email"] { display: block; padding: 10px; margin: 0px auto; width: 100%; font-size: 18px; color: #777; border-bottom: 2px solid #ccc !important; border-color: #DCDCDC !important; border:none; } #contact textarea { margin: 0; padding: 10px; margin-bottom: 15px; font-size: 18px; border-color: #DCDCDC; border-bottom: 2px solid #ccc !important; display: block; width: 100%; color: #777; border: none; min-height: 120px; } #contact input:hover, #contact textarea:hover { border: 1px solid #888; } #contact input:focus, #contact textarea:focus { border: 1px solid black !important; } #contact textarea { max-width: 100%; min-width: 100%; width: 100%; resize: none; } #contact .send-button { text-align: center; } #contact .send-button button[type="submit"] { color: #fff; background: #5e1111; border: none; width: 250px; padding: 12px 0; font-size: 20px; text-transform: uppercase; transition: .5s all ease; cursor: pointer; font-family: "Montserrat"; margin: 15px 0;} #contact .send-button button[type="submit"]:hover { opacity:0.7; } #contact .send-button button[type="submit"]:focus { position: relative; top: 2px; } @media screen and (min-width: 640px) { #contact textarea { margin-right: 0; min-height: 120px; } #contact .left { display: block; } #contact .left { float: left; width: 100%; } .cl { clear: both; } } /************************************* ************************************** AKTIVITY PRe UCHADZACOV *************************************** ***************************************/ #aktivity-uchadzaci .row .box-org .box-org-nadpis { height: auto; padding: .3em .5em; font-weight: 600; } #aktivity-uchadzaci .row .box-org .box-org-nadpis h3 { font-size: 1.2em; font-weight: 400; margin: 0; } #aktivity-uchadzaci .row .col-md-6 { width: 76%; margin: 0 12%; } #aktivity-uchadzaci .row .box-org .box-org2 p { margin: 1em 5%; text-align:justify; color: #000; font-weight: 500; } /*#aktivity-uchadzaci .row .box-org .box-org2 p span {width: 2.5em; float:left; height: 1em;}*/ #aktivity-uchadzaci .row .box-org .box-org2 h4 { margin: 1.2em 30% .6em 5%; padding-bottom: .1em ; border-bottom: 1px solid #000; font-weight: 600; color:#7a0101; } #aktivity-uchadzaci .box-org2 .row .column-foto-1 { width: 40%; margin: 0 0 0 10%; float: left; } #aktivity-uchadzaci .box-org2 .row .column-foto-2 { width: 40%; margin: 0 10% 0 0; float: left; } #aktivity-uchadzaci .box-org2 .row .column-foto-1 ul, #aktivity-uchadzaci .box-org2 .row .column-foto-2 ul { list-style-type: none; margin: 0; padding: 0; } #aktivity-uchadzaci .box-org2 .row .column-foto-1 ul li, #aktivity-uchadzaci .box-org2 .row .column-foto-2 ul li { line-height: 1.1em; font-weight: 500; font-style: normal; font-size: .9em; text-align: center; } #aktivity-uchadzaci .box-org2 .row .column-foto-1 ul li a, #aktivity-uchadzaci .box-org2 .row .column-foto-2 ul li a { display: block; } @media (max-width: 1024px) { #aktivity-uchadzaci .row .col-md-6 { width: 84%; margin: 0 8%; } } @media (max-width: 768px) { #aktivity-uchadzaci .row .col-md-6 { width: 94%; margin: 0 3%; } } @media (max-width: 400px) { #aktivity-uchadzaci .row .box-org .box-org-nadpis h3 { font-size: 1em; } } /************************************* ************************************** KAZDOROCNE AKTIVITY *************************************** ***************************************/ body.kazdorocne-aktivity { width: 100%; } .AktivityPreUchadzacov p { padding-left:20px; } .heading-wrapper { padding-top: 90px; padding-left: 15px; padding-right: 15px; top: 50%; transform: translateY(-50%); position: relative; } .heading-wrapper h1 { text-transform: uppercase; font-size:30px; color:white; } .heading-wrapper h6 { color:#d3d3d3; } .heading-classic { height:50vh; background-image: url("img/srobacont.jpg"); text-align: center; } @media (min-width: 993px) and (max-width: 1920px) { .heading-classic { background-image: url("img/srobacont_1920.jpg"); } } @media (min-width: 769px) and (max-width: 992px) { .heading-classic { background-image: url("img/srobacont_992.jpg"); } } @media (min-width: 501px) and (max-width: 768px) { .heading-classic { background-image: url("img/srobacont_768.jpg"); } } @media (max-width: 500px) { .heading-classic { background-image: url("img/srobacont_500.jpg"); } } #aktivity-kozaz { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kozaz.jpeg"); } #aktivity-stuzkova { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-stuzkova.jpg"); } #aktivity-lyziarsky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-lyziarskykurz.jpg"); } #aktivity-kalamajky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kalamajky.jpg"); } #aktivity-plavecky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-plavecky.jpg"); } #aktivity-protidrogovyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-protidrogove.jpg"); } #aktivity-nocnasrobarke { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-noc-na-skole.jpg"); } #aktivity-imatrikulacia { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-imatrikulacia.jpg"); } #aktivity-densrobarky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-den-srobarky.jpg"); } #aktivity-enviromentalnyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-environmentalny.jpg"); } #aktivity-camp { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-camp.jpg"); } #exkurzia-01 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-rusko.jpg"); } #exkurzia-02 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-norsko.jpg"); } #exkurzia-03 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-juznaeuropa.jpg"); } #exkurzia-04 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-velkabritania.jpg"); } #exkurzia-05 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-francuzsko.jpg"); } #exkurzia-06 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-taliansko.jpg"); } #exkurzia-07 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-nemecko.jpg"); } #exkurzia-08 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-rakusko.jpg"); } #exkurzia-09 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-polsko.jpg"); } #exkurzia-10 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-madarsko.jpg"); } #exkurzia-11 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-cesko.jpg"); } @media (min-width: 1450px) { #aktivity-enviromentalnyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-environmentalny_1920.jpg"); } } @media (max-width: 1920px) { #aktivity-densrobarky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-den-srobarky_1920.jpg"); } #aktivity-imatrikulacia { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-imatrikulacia_1920.jpg"); } #aktivity-kalamajky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kalamajky_1920.jpg"); } #aktivity-plavecky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-plavecky_1920.jpg"); } #aktivity-kozaz { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kozaz_1920.jpeg"); } #aktivity-lyziarsky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-lyziarskykurz_1920.jpg"); } #aktivity-protidrogovyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-protidrogove_1920.jpg"); } #aktivity-stuzkova { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-stuzkova_1920.jpg"); } #aktivity-camp { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-camp_1920.jpg"); } #exkurzia-01 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-rusko_1920.jpg"); } #exkurzia-02 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-norsko_1920.jpg"); } #exkurzia-03 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-juznaeuropa_1920.jpg"); } #exkurzia-04 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-velkabritania_1920.jpg"); } #exkurzia-05 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-francuzsko_1920.jpg"); } #exkurzia-06 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-taliansko_1920.jpg"); } #exkurzia-07 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-nemecko_1920.jpg"); } #exkurzia-08 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-rakusko_1920.jpg"); } #exkurzia-09 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-polsko_1920.jpg"); } #exkurzia-10 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-madarsko_1920.jpg"); } #exkurzia-11 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-cesko_1920.jpg"); } } @media (max-width: 992px) { #aktivity-densrobarky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-den-srobarky_992.jpg"); } #aktivity-enviromentalnyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-environmentalny_992.jpg"); } #aktivity-imatrikulacia { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-imatrikulacia_992.jpg"); } #aktivity-kalamajky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kalamajky_992.jpg"); } #aktivity-plavecky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-plavecky_992.jpg"); } #aktivity-kozaz { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kozaz_992.jpeg"); } #aktivity-lyziarsky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-lyziarskykurz_992.jpg"); } #aktivity-protidrogovyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-protidrogove_992.jpg"); } #aktivity-stuzkova { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-stuzkova_992.jpg"); } #aktivity-nocnasrobarke { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-noc-na-skole_992.jpg"); } #aktivity-camp { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-camp_992.jpg"); } #exkurzia-01 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-rusko_992.jpg"); } #exkurzia-02 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-norsko_992.jpg"); } #exkurzia-03 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-juznaeuropa_992.jpg"); } #exkurzia-04 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-velkabritania_992.jpg"); } #exkurzia-05 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-francuzsko_992.jpg"); } #exkurzia-06 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-taliansko_992.jpg"); } #exkurzia-07 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-nemecko_992.jpg"); } #exkurzia-08 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-rakusko_992.jpg"); } #exkurzia-09 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-polsko_992.jpg"); } #exkurzia-10 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-madarsko_992.jpg"); } #exkurzia-11 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-cesko_992.jpg"); } } @media (max-width: 768px) { #aktivity-densrobarky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-den-srobarky_768.jpg"); } #aktivity-enviromentalnyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-environmentalny_768.jpg"); } #aktivity-imatrikulacia { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-imatrikulacia_768.jpg"); } #aktivity-kalamajky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kalamajky_768.jpg"); } #aktivity-plavecky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-plavecky_768.jpg"); } #aktivity-kozaz { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kozaz_768.jpeg"); } #aktivity-lyziarsky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-lyziarskykurz_768.jpg"); } #aktivity-protidrogovyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-protidrogove_768.jpg"); } #aktivity-stuzkova { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-stuzkova_768.jpg"); } #aktivity-nocnasrobarke { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-noc-na-skole_768.jpg"); } #aktivity-camp { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-camp_768.jpg"); } #exkurzia-01 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-rusko_768.jpg"); } #exkurzia-02 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-norsko_768.jpg"); } #exkurzia-03 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-juznaeuropa_768.jpg"); } #exkurzia-04 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-velkabritania_768.jpg"); } #exkurzia-05 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-francuzsko_768.jpg"); } #exkurzia-06 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-taliansko_768.jpg"); } #exkurzia-07 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-nemecko_768.jpg"); } #exkurzia-08 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-rakusko_768.jpg"); } #exkurzia-09 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-polsko_768.jpg"); } #exkurzia-10 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-madarsko_768.jpg"); } #exkurzia-11 { background-image: url("/wp-content/themes/SrobarkaTheme/img/zahranicneexkurzie/head-cesko_768.jpg"); } } @media (max-width: 500px) { #aktivity-densrobarky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-den-srobarky_500.jpg"); } #aktivity-enviromentalnyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-environmentalny_500.jpg"); } #aktivity-imatrikulacia { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-imatrikulacia_500.jpg"); } #aktivity-kalamajky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kalamajky_500.jpg"); } #aktivity-plavecky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-plavecky_500.jpg"); } #aktivity-kozaz { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-kozaz_500.jpeg"); } #aktivity-lyziarsky { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-lyziarskykurz_500.jpg"); } #aktivity-protidrogovyt { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-protidrogove_500.jpg"); } #aktivity-stuzkova { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-stuzkova_500.jpg"); } #aktivity-nocnasrobarke { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-noc-na-skole_500.jpg"); } #aktivity-camp { background-image: url("/wp-content/themes/SrobarkaTheme/img/kazdorocneaktivity/head-camp_500.jpg"); } } .aktivity-item { cursor:pointer; text-align: center; vertical-align: middle; width:100%; -moz-box-shadow: inset 0 0 20px #000000; -webkit-box-shadow: inset 0 0 20px #000000; box-shadow: inset 0 0 20px #000000; height: 60vh; } .aktivity-item:hover .aktivity-overlay { opacity:0.4; transition-duration: 0.3s; } .aktivity-overlay { background-color:black; opacity:0; transition-duration: 0.5s; width:100%; height:60vh; position:absolute; } .aktivity-content { max-height:0; overflow: hidden; transition: max-height 1s ease-in; } .aktivity-content p { padding: 30px; line-height: 1.5; } .aktivity-content h2 { color:#5e1111; text-transform:uppercase; padding:50px 0 0 50px; font-size: 60px; } .aktivity-active { max-height: 6000px; transition: max-height 1s ease-in; } .aktivity-overlay-active { opacity:0.8; transition-duration: 0.3s; } .aktivity-content img { margin:auto; padding:20px; width:90%; display:block; } .aktivity-content img:nth-child(1) { padding-top: 40px } @media (min-width: 768px) { .aktivity-item > h4 { position: relative; top: 25vh; text-transform: uppercase; font-size: 10vh !important; color:white; display: inline; } .aktivity-item h4:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; border-bottom: 3px solid white; transition: 0.4s; } .aktivity-item:hover h4:after { width: 100%; } } .aktivity-uvod {padding: 50px; min-height:51vh; line-height: 1.5; text-align:justify; } .aktivity-uvod p6 { line-height: 1.5; width:100%; margin:50px; text-align:justify; } .aktivity-uvod img { padding-top:30px; display:block; margin:auto; max-width:80%; } @media (max-width: 768px) { .aktivity-uvod , .aktivity-content p { font-size: 16px; padding:10px; margin:0; } .aktivity-uvod img { width:100%; } .aktivity-item > h4 { position: relative; top: 25vh; text-transform: uppercase; font-size: 5vh !important; color:#5e1111; background: white; display: block; padding:10px; font-weight:700; border-bottom: 3px solid #5e1111; border-top: 3px solid #5e1111; opacity:0.8; } .aktivity-content h2 { font-size:20px; padding: 20px 0 0 0; text-align:center; } .aktivity-content p { padding-top:20px; } .heading-wrapper { top: 40%; transform: translateY(-50%); } .heading-wrapper h1 { font-size:20px; } } /************************************* ************************************** DOKUMENTY *************************************** ***************************************/ .document-list ul { margin:0; } .document-list { font-size:14px; text-transform: uppercase; font-weight: 600; margin:0; padding: 0 50px; width: 80%; margin: auto; } .document-list li { margin: 0; padding: 36px 0 36px 70px; list-style: none; background-image: url("/wp-content/uploads/2018/04/document-2.png"); background-repeat: no-repeat; background-position: left center; background-size: 40px; transition-duration: 0.5s; } .document-list li:hover { padding: 36px 0 36px 60px; transition-duration: 0.5s; } .document-list a { color:black; cursor:pointer; } @media (min-width:1200px) {.document-list {width:70%;}} @media (max-width:768px) {.document-list {padding: 0 0; width: 100%;}} /************************************* ************************************** ZAPISNICE *************************************** ***************************************/ ol.list-decimal { list-style-type: decimal; list-style-position: outside; padding-left: .65em; } ol.list-decimal > li { margin: 1em 0; } ol.list-decimal > li p { margin: 0; } ol.list-decimal > li > p + p { margin-top: 1em; } ol.list-decimal > li > ul { list-style-type: square; list-style-position: outside; } ol.list-decimal > li > ul.hlasovanie { list-style-type: none; margin-top: 0; padding-top: 0; } /************************************* ************************************** CERTIFIKATY *************************************** ***************************************/ .dsd-uvod { padding-top: 35px; padding-bottom: 35px; } .dsdborder { padding-top: 10px; padding-right: 10px; border-right: 3px solid #7a0101; } .img-uvod { margin-top: 38px; text-align: center; padding: 35px; } .dsd–fixtext { background-color: #7a0101; padding-top: 120px; padding-bottom: 120px; padding-left: 30px; padding-right: 30px; text-align: center; color: #FFF; line-height: 1.5; } .dsd–box { padding-top: 45px; padding-bottom: 0px; } .dsd–greybox { background-color: #cccccc; display: inline-block; padding: 15px 25px; font-weight: 700; font-size: 60px; text-transform: uppercase; } .nadpis { color:#7a0101; } .dsd1l { padding-top: 0px; margin-bottom: 35px; display: inline-block; overflow: hidden; line-height: 1.5; } .dsd1r { padding-top: 0px; padding-bottom: 35px; overflow: hidden; line-height: 1.5; } .center { text-align: center; margin:3px; } #dsdimg { width:100%; height:auto; } .wrapper { text-align: left; padding: 120 50px; } .certifikaty–box { width: 100%; padding-top: 15px; padding-bottom: 15px; float:left; text-align: center; } #dsd123 { margin:60px; border:4px solid #7a0101; } .zaver { text-align: center; margin-bottom: 55px; margin-left: 25px; margin-right: 25px; } @media (max-width: 1100px) { .dsd–greybox { font-weight: 700; font-size: 50px; } .dsdnone { display: none; } .img-uvod { margin-top: –15px; } } @media (max-width: 768px) { .dsdborder { border: none; } .dsd–box { padding-top: 45px; padding-bottom: 25px; } .dsd–greybox { font-weight: 700; font-size: 40px; } #dsd123 { margin:15px; border:4px solid #7a0101; } .dsdnone { display: none; } .img-uvod { margin-top: –5px; } } /************************************* ************************************** CERTIFIKATY ROZCESTNIK *************************************** ***************************************/ #certif-rozcestnik { font-size: 16px; min-height: 20em; margin-bottom: 8em; } #certif-rozcestnik .row { margin-left: 10%; margin-right: 10%; } #certif-rozcestnik .col-md-6>div { position: absolute; left: 50%; top: 5em; transform: translateX(-50%); } #certif-rozcestnik .col-md-6 { padding-top: 17em; } #certif-rozcestnik .col-md-6 img { height: 10em; } #certif-rozcestnik .col-md-6 p { text-align: justify; } #certif-rozcestnik .col-md-6 a { display: block; position: absolute; margin: 0 15px; left: 0; right: 0; padding: 5px 10px; background-color: #e0e0e0; border: 4px solid #e0e0e0; color: black; text-transform: uppercase; text-align: center; text-decoration: none; } #certif-rozcestnik .col-md-6 a:hover { color: white; background-color: #7a0101; border: 4px solid #e0abab; transition-duration: 0.3s; text-decoration: none; } @media (max-width: 992px) { #certif-rozcestnik .col-md-6 { margin-bottom: 5em; } #certif-rozcestnik .col-md-6:last-of-type { margin-bottom: 0em; } } /************************************* ************************************** INTERNET NA SROBARKE *************************************** ***************************************/ #internet-na-skole { font-size: 16px; min-height: 20em; font-family: 'Caudex', serif; } #internet-na-skole .row { margin: 0 12% 3em 10%; } #internet-na-skole .col-md-12 { padding: 0; position: relative; } #internet-na-skole .col-md-12>div { border-left: 4px solid #ddd; margin-left: 5.26em; padding-left: .6em; } #internet-na-skole p { margin: .8em 0 .8em 0; font-size: 1.25em; /*padding-left: 5.26em;*/ } #internet-na-skole h3 { font-family: 'Playfair Display', serif !important; position: relative; font-weight: 600; color:#7a0101; margin: 3.5em 0 .8em 0; /*padding-left: 3.25em;*/ } #internet-na-skole h3 strong { position: absolute; left: -3.3em; } #internet-na-skole .fg_gallery { margin-top: 1.5em; } @media (max-width: 992px) { #internet-na-skole .row { margin: 0 10% 3em 5%; } } @media (max-width: 621px) { #internet-na-skole .row { margin: 0 2% 3em 2%; } } /************************************* ************************************** NAV PANEL *************************************** ***************************************/ .navbar { background-color:rgba(255, 255, 255, .9); } .form-control { border-width: 2px; border-color: grey; } /*** LOGO ***/ .navbar .navbar-brand { margin-top: 13px; padding: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .navbar .navbar-brand img { width: auto; height: 120px; margin: 10px 0 0 0; transition-duration: 0.5s; } /*** LINK STYLING ***/ nav ul { width:46%; text-align: center; margin:0; padding:0; } .nav>li { color:#fff; margin: auto; width:24%; } .navbar .nav > li > a { position: relative; color: #a30013; text-transform: uppercase; padding: 20px 7px 20px 7px; font-size: 14px; font-weight: 600; cursor:pointer; } .nav >li >a:hover { background-color: #a30013; color: #fff; z-index: 2; } /***** DROPDOWN STYLING ****/ .dropdown { position: relative; display: inline-block; } .dropdown2 { position: relative; display: inline-block; width: 100%; } .dropdown-content { display: none; position: absolute; width: 100%; margin-top: 0; text-align:center; visibility: hidden; } .dropdown-content2 { display: none; position: absolute; width: 100%; margin-top: 0; text-align:center; visibility: hidden; } .dropdown-content a { cursor:pointer; text-transform: uppercase; text-decoration: none; color: white; background-color: #a30013 ; padding: 10px 8px; margin-top: 0; display: block; font-size: 13px; } .dropdown-content2 a { text-transform: uppercase; text-decoration: none; color: white; background-color: #a30013; padding: 10px 8px; margin-top: 0; display: block; font-size: 13px; background-color: #76000e !important; } @media (min-width: 992px) { .dropdown:hover .dropdown-content { display:block; visibility: visible; } .dropdown2:hover .dropdown-content2 { display:block; visibility: visible; left:100%; top:0%; } li.dropdown-to-left .dropdown2:hover .dropdown-content2 { display:block; visibility: visible; left:-100%; top:0%; } .dropdownlast:hover .dropdown-content { display:block; visibility: visible; right:0%; } } .dropdown:hover a { color: white !important; background-color: #a30013; } .dropdown-content a:hover, .dropdown-content > li:hover { color: #a30013 !important; background-color: white; transition-duration: 0.5s; } .dropdown2:hover a .dropdown-content2 { display:block; visibility: visible; } .dropdown2:hover > a { color: #a30013 !important; background-color: white; } .dropdown-content2 a:hover { color: #a30013 !important; background-color: white !important; transition-duration: 0.5s; } .dropdown-content2:hover .dropdown2 { color: #a30013 !important; background-color: white ; } /**** SHRINK NAVBAR ***/ @media (min-width: 992px) { nav.navbar.shrink li > a { margin-top: 10px ; transition-duration: 0.5s; } nav.navbar.shrink img { height: 60px; transition-duration: 0.5s; margin: 3px 0 0 0; } nav.navbar.shrink > ul { width:46% ; transition-duration: 0.5s; } .navbar .nav > li > a { margin: 100px 0 0 0; transition-duration: 0.5s; } } .navbar .navbar-brand { margin-top:2px; } /****************************** ************************************** COLLAPSED NAVBAR *************************************** ***************************************/ @media (max-width: 1450px) { .navbar .navbar-brand img { height: 100px; margin-top:10px; } nav ul { width:41%; } .navbar .nav > li > a { margin: 70px 0 0 0; font-size: 12px; padding: 20px 0px 20px 0px; font-weight: 700; } .dropdown-content { width: 130%; } } @media (max-width: 992px) { .hamburger .line { width: 30px; height: 3px; background-color: white; display: block; margin: 4px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hamburger { margin:10px 0 0 10px; transition-duration: 0.5s; } .hamburger:hover { cursor: pointer; } .navbar-toggle { float:left; } #hamburger-1.is-active .line:nth-child(2) { opacity: 0; } #hamburger-1.is-active .line:nth-child(1) { -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); } #hamburger-1.is-active .line:nth-child(3) { -webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -o-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); } #hamburger-1 .line { background-color: #a30013; } #hamburger-1.is-active .line { background-color:white; transition-duration: 0.5s; } .navbar .navbar-brand img { width: auto; height: 50px; } nav.navbar { height:70px; box-shadow: 0 0 2px 0 #000; } nav ul { width: 100%; display:block; } nav li { width: 100; padding:0 0 0 0; } nav a { margin-top: 0; padding:0; } .navbar-collapse { background-color:black; opacity:0.9; position: fixed; top: 0; transition:all 0.8s ease-out; max-height: 100% !important; height:100% !important; width: 80%; left: -1000px; overflow-y:scroll; overflow-x: hidden; background-color: black; margin:0; } .navbar .nav > li > a { position: relative; margin: 0 auto; color: white; text-align: left; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 10px 9px 10px 20px; } .navbar .nav > li { width:100%; } .nav:nth-child(1) { margin-top: 70px; } /***** DROPDOWN STYLING ****/ .dropdown-content { display: none; position: relative; text-align:left; } .dropdown-content2 { display: none; position: relative; text-align:left; } .dropdown-content a { color: white; background-color: transparent !important ; padding: 10px 20px 10px 20px; margin-left: 20px; display: block; font-size: 14px; } .dropdown-content2 a { color: white; background-color: transparent !important ; padding: 10px 20px 10px 20px; margin-left: 50px; display: block; font-size: 14px; } .dropdown-content li, .dropdown-content ul, .dropdown-content a { background-color: transparent !important; } .dropdown li, .dropdown ul, .dropdown a { background-color: transparent !important; } .dropdown { background-color: transparent !important; } .dropdown-content { background-color: transparent !important; } .activedropdown { display:block; visibility: visible; } } /*koniec @media*/ .indexcity { z-index: 9999; } .rightnav { left: 0 !important; right: 0 !important; } @media (max-width: 992px) { .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in { display:block !important; } } /************************************* ************************************** FOOTER *************************************** ***************************************/ .footer { width: 100%; } .footerup { background-color:#515151; color: #ffffff; width: 100%; overflow:hidden; float: left; padding-top: 70px; padding-bottom: 70px; display: inline; margin:0; } .textkontakt { color: #ffffff; padding: 15px 32px; text-align: right; text-decoration: none; display: inline-block; font-size: 25px; font-weight: 500; margin-top:6px; } .footerkontakt { background-color: #ffffff; color: #515151; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 25px; font-weight: 500; letter-spacing: 3px; transition-duration: 0.3s; border:4px solid #ffffff; text-decoration: none; } .footerkontakt:hover { background-color:#515151; color: #ffffff; text-decoration:none; border:4px solid #ffffff; transition-duration: 0.3s; } .footermiddle { background-color: #3a3a3a; color:#ffffff; padding-bottom: 20px; padding-top: 80px; float: left; width: 100%; overflow: hidden; text-decoration: none; display: inline; padding-left: 65px; padding-right: 65px; margin: 0; } /* .footermiddle:nth-of-type(odd) { padding-bottom: 80px; margin-top: -20px; }*/ .footermiddlenadpis { font-size: 25px; font-weight: 700; text-transform: uppercase; line-height: 1.2; margin-bottom: 20px; } .collummiddle { width:25%; float: left; } .footermiddle li { list-style: none; color:#ffffff; margin:6px 0; } .footermiddle li a { color: #ffffff; text-decoration: none; } .footermiddle li a:hover { color: #ffffff; text-decoration: none; font-weight: 400; margin-left: 5px; } .footermiddle li a:active { color: #7a0101; } .footerbottom { width: 100%; overflow: hidden; color: #ffffff; background-color: #303030; padding-left: 30px; padding-right: 30px; margin: 0; } .bottominfo { text-align: left; margin-top: 23px; margin-bottom: 15px; } .bottomlegends { text-align: center; margin-top: 23px; margin-bottom: 15px; } @media only screen and ( max-width: 960px ) { .footerup { width: 100%; overflow: hidden; text-align: center; min-height:300px;} .textkontakt { text-align: center; } .footermiddle { width: 100%; overflow: hidden; text-align: center; padding-left: 0px; padding-right: 0px; padding-bottom: 30px; } /* .footermiddle:nth-of-type(odd) { margin-top: -130px; padding-bottom: 80px; }*/ .footermiddle ul { text-align: left; margin-bottom: 35px; margin-left: 15px; } .footerbottom { width: 100%; overflow: hidden; font-size: 12px; padding: 15px 20px; } .bottomlegends { text-align: center; margin-top: 5px; } .bottominfo { text-align: center; } } .dropdown-footer { cursor: pointer; } .dropdownc-footer { display: none; } .dropdownc-footer a { display: block; padding-left: 15px; padding-top: 5px; font-weight: 300; } .dropdownc-footerblock { display: block; } /************************************* ************************************** BACK TO TOP BUTTON *************************************** ***************************************/ .cd-top { z-index: 2; display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #7a0101 url(img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color:#871515; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } /************************************* ************************************** FONT SIZES ************************************** ***************************************/ h1 {font-size: 40px;} h2 {font-size: 30px;} h3 {font-size: 26px;} h4 {font-size: 22px;} h5 {font-size: 20px;} h6 {font-size: 18px;} h1 {font-weight: 700;} .p05 {font-size: 50px;} .p1 {font-size: 32px;} .p2 {font-size: 25px;} .p3 {font-size: 20px; } .p4 {font-size: 18px;} .p5 {font-size: 16px;} .p6 {font-size: 14px;} .hr-text { line-height: 1em; position: relative; outline: 0; border: 0; color: black; text-align: center; height: 1.5em; font-size:50px; } .hr-text:before { content: ''; background: #7a0101; position: absolute; left: 0; top: 50%; width: 100%; height: 3px; } .hr-text:after { content: attr(data-content); position: relative; display: inline-block; padding: 0 .5em; line-height: 1.5em; color: #7a0101; background-color: white; } #vyzvy-archiv .hr-text[data-content]:after { color: #999; } #vyzvy-archiv .hr-text[data-content]:before { background: #999; } @media (max-width: 768px) { .hr-text {font-size: 30px;} .p05 {font-size: 40px;} .p1 {font-size: 28px ;} .p2 {font-size: 22px} .p3 {font-size: 20px;} .p4 {font-size: 14px;} .p5 {font-size: 12px;} .p6 {font-size: 10px;} h5 {font-size: 17px;} .hrstudium {font-size:20px;} } .w300 {font-weight: 300;} .w400 {font-weight: 400;} .w500 {font-weight: 500;} .w600 {font-weight: 600;} .w700 {font-weight: 700;} .visibilityH {visibility: hidden;} .visibilityV {visibility: visible !important;} .notfound img { width:100%; height:auto; display:block; margin:auto; padding-bottom: 20px; } .notfound p { display: inline-block; color: #7a0101; text-align: center; } .notfound { padding: 20vh 10vh; min-height: 70vh; } .heading-photo {height:50vh} @media (max-width: 1200px) { .notfound img {width:20%;} } @media (max-width: 768px) { .notfound img {width:50%;} .notfound {padding: 10vh 5vh;} } @media (max-width: 992px) { .photo-heading {height:30vh} } @media (max-width: 768px) { .photo-heading {height:25vh} } /************************************* ************************************** ORGANIZACIA *************************************** ***************************************/ .box-org { text-align: center; -webkit-box-shadow: 0px 5px 12px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 12px 2px rgba(0,0,0,0.3); box-shadow: 0px 5px 12px 2px rgba(0,0,0,0.3); background-color: white; color: white; margin:40px; } @media (max-width: 768px) { .box-org { margin:40px 0px; } } .box-org-nadpis { background-color: rgb(121, 0, 0); text-transform: uppercase; font-size: 25px; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 50px; margin: auto; height:50px; } .box-org2 ul { list-style: square; } .box-org2 li { padding: 5px 0; line-height: 1.7; font-weight: 600; font-size: 16px; } .box-org2 { text-align: left; height:100%; width:100%; padding: 5% 3%; color:#7a0101; } .box-half { padding: 0; } .box-half2 { } .box-half2 ul { list-style: none; padding: 0; } .heading-organizacia { height:50vh; background-image: url("img/organizacia/calendar3.png"); text-align: center; } /************************************* ************************************** ZVONENIE *************************************** ***************************************/ .container2 { margin: 0; padding: 0; width: 100vw; height: 100vh; background-image: url("img/zvonenie/blackboard.png"); background-size: 100% 100%; } .zvonenie { margin-top: 80px; width: 100%; height: auto; text-align: center; } .zvonenie-topic { color: white; font-family: 'Finger Paint'; font-size: 7vw; padding-bottom: 10px; animation-delay: 0.7s; } .zvonenie-text { color: white; font-family: 'Finger Paint'; font-size: 40px; line-height: 1.2; animation-delay: 0.7s; } .alarm { position: absolute; left: 7%; bottom: 9%; width: 13%; } @media (max-width: 1024px) { .zvonenie-topic { color: white; font-family: 'Finger Paint'; font-size: 50px; padding-bottom: 10px; } .zvonenie-text { color: white; font-family: 'Finger Paint'; font-size: 25px!important; line-height: 1.2; animation-delay: 0.7s; } .alarm { position: absolute; left: 10%; bottom: 9%; width: 21%; } } @media (max-width: 600px) { .zvonenie-text { font-family: 'Finger Paint'; font-size: 20px!important; line-height: 1.3; } .alarm { position: absolute; left: 13%; bottom: 7%; width: 21%; } } /************************************* ************************************** TRIEDY *************************************** ***************************************/ .trieda { margin: 50px 0px; box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.1), 0 1px 2.5px 0 rgba(0, 0, 0, 0.11); } .trieda h1 { background-color:#5e1111; color:white; padding:10px; font-size:22px; text-align: center; margin: 0; } .trieda ul { font-size:17px; padding:0; text-align:center; list-style-type: none; } .trieda li { padding:5px; text-align:center; } .trieda li:first-of-type { text-align:center; color: black; margin: 0; padding: 0; } .trieda li:first-of-type strong, .trieda li:first-of-type b { font-weight: 600; background-color: white; display: block; padding: .5em .5em; margin: 0; min-height: 5.7em; } .trieda li:first-of-type img { width: 100%; } .trieda li:nth-of-type(even) { background:#e2e2e2; } .povinneinfo { margin:100px 50px; } .povinneinfo p { padding:20px; } @media ( max-width: 767px ) { .povinneinfo {margin:70px 10px;} .trieda li:first-of-type strong, .trieda li:first-of-type b {min-height:1em;} } /************************************* ************************************** PREČO ŠROBÁRKA *************************************** ***************************************/ /* General */ .no-gutter { padding-left: 0 !important; padding-right: 0 !important; } .precosroba-box {padding: 50px;} .white {color: white;} /* ID */ #bgwhite {background-color: #fff;} #bggrey {background-color: #2A2929;} #bgblack {background-color: #000000;} #bgbordeaux {background-color: rgb(122, 1, 1);} #white {color: #fff;} #black {color: #fff;} #bordeaux {color: rgb(122, 1, 1);} #odkazy { font-weight: 300; font-size:250%; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin: 20px 0 30px 0; } /* OPENING */ .svg-small { position: absolute; display: inline-block; overflow: auto; width: 100%; height: auto; bottom: 0%; margin: 0%; z-index: 2; background-color: rgba(255, 255, 255, 0.75); text-align: center; padding: 10px; text-transform: uppercase; color: rgb(122, 1, 1); margin-bottom: 2%; } .svg-small h1 { font-size: 50px; font-weight: 400; } @media only screen and ( max-width: 1080px ) { .svg-small { position: absolute; display: inline-block; overflow: auto; width: 100%; height: auto; bottom: 0%; margin: 0%; z-index: 2; background-color: rgba(255, 255, 255, 0.63); text-align: center; padding: 10px; font-size: 4vw; text-transform: uppercase; color: rgb(122, 1, 1); margin-bottom: 8%; font-weight: 400; } .svg-small h1 { font-size: 30px; font-weight: 400; } } .box-sroba { height: 100vh; overflow: hidden; padding-left:0; background-image: url("/wp-content/uploads/2018/04/sroba.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; } .box-sroba img { height: 100vh; } .Fade { z-index: 1; position: absolute; top:0px; left:0px; width:100%; height:100%; overflow: auto; background:transparent; background: linear-gradient(top, rgba( 121, 0, 0, 0 ) 0%, rgba( 121, 0, 0, 0.6 ) 100% ); background: -moz-linear-gradient(top, rgba( 121, 0, 0, 0 ) 0%, rgba( 121, 0, 0, 0.6 ) 100% ); background: -ms-linear-gradient(top, rgba( 121, 0, 0, 0 ) 0%, rgba( 121, 0, 0, 0.6 ) 100% ); background: -o-linear-gradient( top, rgba( 121, 0, 0, 0 ) 0%, rgba( 121, 0, 0, 0.6 ) 100% ); background: -webkit-linear-gradient( top, rgba( 121, 0, 0, 0 ) 0%, rgba( 121, 0, 0, 0.6 ) 100% ); } .box-historia { margin-top: 100px; width: 100%; overflow: hidden; position: relative; background-image: url("/wp-content/uploads/2018/07/historicred.jpg"); height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; padding:0; } .filter-gray { z-index: 1; position: absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba(112, 66, 20, 0.40); } .button { padding: 10px; z-index: 2; background: none; position: absolute; display: inline-block; border-style:solid; border-color: white; border-width: 0.1vw;; color: white; text-align: center; top: 70%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 200px; transition: all 0.5s; cursor: pointer; vertical-align: middle; } .button span { font-size: 27px; text-transform: uppercase; font-weight: 300; cursor: pointer; display: inline-block; position: relative; transition: 0.5s; line-height: 1.7; } .button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -5px; transition: 0.5s; } .button:hover span { padding-right: 20%; } .button:hover span:after { opacity: 1; right: 0; } .text-historia { padding: 3%; font-size: 28px; top: 15%; width: 100%; text-align: center; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; color: white; text-shadow: 0px 0px 5px black; position: absolute; z-index: 2;} /* Mobile version */ @media only screen and ( max-width: 767px ) { .button { } .box-3 { width: 100%; padding: 0; margin-top: 30px; } .text-historia { padding: 3%; font-size: 28px; top: 15%; width: 100%; text-align: center; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; color: white; position: absolute; z-index: 2;} .box-ciel { font-size: 14px; /*color: white;*/ padding: 2%; max-width: 100%; font-weight: 500; } .box-title { padding: 4% 2%; padding-bottom: 1%; font-size: 24px; /*color: white;*/ max-width: 100%; text-align: center; font-weight: 500; } } /* END Mobile version */ /* BOX */ .box-test { padding: 7%; } .box-2 { color: black; margin: auto; padding: 2% 0; } @media only screen and ( min-width: 768px ) { .text-historia { padding: 3%; width: 100%; text-align: center; font-size: 35px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; color: white; position: absolute; top: 15%; z-index: 2; } .box-title { color: #696969; /*color: white;*/ color:rgb(122, 1, 1); padding: 4% 2%; padding-bottom: 1%; max-width: 100%; font-size: 36px; text-align: center; font-weight: 500; } .box-ciel { color: #696969; /*color: white;*/ padding: 2%; max-width: 100%; font-size: 17px; font-weight: 500; } .box-3 { margin: 0 25 0 25 } } /* BOX GREY */ .box-grey { padding: 0.5% 7% !important; padding-bottom: 4% !important; /*background-color: #2A2929;*/ } .line3 { height: 2px; margin: 2% 0; background-image: linear-gradient(to right, rgb(122, 1, 1), #FFFFFF,rgb(122, 1, 1)); } li.text-1 { list-style-type: none; position: relative; /* It is required for setting position to absolute in the next rule. */ } li.text-1::before { content: '\25A0'; /* The unicode for • character */ position: absolute; left: -1.2em; /* Adjust this value so that it appears where you want. */ font-size: 1.5em; line-height: 0.8; /* Adjust this value so that it appears what size you want. */ } /* BOX BORDEAUX */ .box-bordeaux { background-color: white; padding: 0 3% !important; } .line2 { height: 2px; margin: 2% 0; background-image: linear-gradient(to right, #C7A8A8, rgb(122, 1, 1),#C7A8A8); } .fa-square { margin-right: 1%; } .glyphicon-stop { margin-right: 1%; } .odrazky { margin-left:25px } .reasons { border-style: solid; border-width: 10px; color: white; background-color:rgb(122, 1, 1); padding: 3% !important; max-width: 100%; height: 200px; font-size: 18px; font-weight: 400; text-align: center; } @media only screen and ( max-width: 767px ) { .reasons { padding: 10% !important; margin: 0 8px; } .box-2 { font-size: 14px; padding:0; } .precosroba-box { padding: 45px 25px; } } /* CONSLUSION */ .text-2 { padding: 5%; font-size: 18px; font-weight: 400; color: black; text-align: center; } .text-2 li { padding: 10px 0; list-style:none; } /** FOOTER **/ footer { width: 100%; height: 420px; background-color:#181919; text-align: center; bottom: 0; color:#FFF; position: fixed; z-index: -999 !important; left: 0; padding-top: 35px; } .footerup ul { margin-top: 20px; display: inline-block; text-align: center; padding: 5px 20px 5px 20px; list-style: none; font-size: 120%; } .footerup li { padding: 8px 0 8px 0; text-align:left; text-transform: uppercase; font-weight: 400; } .footerup li a { color: #FFF; } .footerup li a:hover { text-decoration: none; color:gray; } .footerl { height: 250px; display: block; margin: 20px auto; border-right: 1px solid white; } .footerr { height: 250px; display: block; margin: 20px auto; } .footerl { display: block; margin: 20px auto; border-right: 1px solid white; } .footerr { display: block; margin: 20px auto; } .bottom { margin-top: 20px; color:#515151; background-color: #181919; font-size: 16px; text-align: center; } .botom p { margin-bottom:3px; } #footerhr { border-color:#515151 ; width:90% ; } .info { margin-top: 50px; text-align: center; padding: 5px 0; font-size: 135%; } .tel { text-decoration: none; color: white; padding: 7px 0; } .tel:hover { text-decoration: underline; color: white; } .info p { padding: 7px 0; } @media only screen and ( max-width: 1020px ) { footer {height: 420px;} #odkazy {font-size:185%;} } @media only screen and ( max-width: 767px ) { footer {height: 820px;} #odkazy {font-size:185%;} } /*back to top */ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #5e1111 url("img/cd-top-arrow.svg") no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color:#871515; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } /************************************* ************************************** CHARAKTERISTIKA *************************************** ***************************************/ .nadpis–box { padding: 30px; background-color: #7a0101; height: auto; font-weight: 700; font-size: 40px; color: white; text-align: center; margin-top:50px; } .heading-charakteristika { height:50vh; background-image: url("img/srobacont.jpg"); text-align: center; } @media (min-width: 993px) and (max-width: 1920px) { .heading-charakteristika { background-image: url("/wp-content/uploads/2018/08/srobacont_1920.jpg"); } } @media (min-width: 769px) and (max-width: 992px) { .heading-charakteristika { background-image: url("/wp-content/uploads/2018/08/srobacont_992.jpg"); } } @media (min-width: 501px) and (max-width: 768px) { .heading-charakteristika { background-image: url("/wp-content/uploads/2018/08/srobacont_768.jpg"); } } @media (max-width: 500px) { .heading-charakteristika { background-image: url("/wp-content/uploads/2018/08/srobacont_500.jpg"); } } li.text-1 { list-style-type: none; position: relative; /* It is required for setting position to absolute in the next rule. */ } li.text-1::before { content: '\25A0'; /* The unicode for • character */ position: absolute; left: -1.2em; /* Adjust this value so that it appears where you want. */ font-size: 1.5em; line-height: 0.8; /* Adjust this value so that it appears what size you want. */ } .box-5 { color: black; padding: 4%; max-width: 100%; font-size: 20px; font-weight: 400; } /************************************* ************************************** DEJINY ŠKOLY *************************************** ***************************************/ .Historia { margin-top: 180px; font-family: 'Caudex', serif; text-align: center; font-size: 18px; } .historia-head h1 {font-size: 90px;font-family: 'Playfair Display', serif !important;} .historia-head h2 {font-family: 'Playfair Display', serif !important;} .historia-head hr {border: 1px solid #7f7f7f;} .historia-head p {padding:10px 50px;} .historia-obsah p { padding: 0 20px; text-align:justify; font-size: 18px; } .historia-obsah::first-letter {font-size:300%;line-height:0.8;} .historia-img2 { width:100%; float: left; display:inline; padding:25px 0; } .historia-img { width:65%; float: left; text-align: center; display:inline; padding-left:0px!important; padding: 20px; } .historia-obsah { margin: 40px 20px; /* Chrome, Safari, Opera */ -webkit-column-count: 3; -webkit-column-gap: 40px; -webkit-column-rule-style: solid; -webkit-column-rule-color: #7f7f7f; /* Firefox */ -moz-column-count: 3; -moz-column-gap: 40px; -moz-column-rule-style: solid; -moz-column-rule-color: #7f7f7f; column-count: 3; column-gap: 40px; column-rule-style: solid; column-rule-color: #7f7f7f; } @media (max-width: 1080px) { .historia-obsah { margin: 30px 10px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .historia-img { width:100%; padding: 15px 0; } } @media (max-width: 768px) { .historia-obsah { margin: 40px 20px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; border-right: 2px solid #7f7f7f; border-left: 2px solid #7f7f7f; } .historia-obsah p { padding: 0 30px; font-size:18px; } } /************************************* ************************************** ČASOVÁ OS *************************************** ***************************************/ .vyvoj-head p { padding:10px 50px; font-size: 20px; line-height: normal; } .vyvoj-head h1 {font-size: 90px;font-family: 'Playfair Display', serif !important;} .vyvoj-head h2 {font-family: 'Playfair Display', serif !important;} .vyvoj-head hr {border: 1px solid #7f7f7f;} .cd-container { width: 100%; margin: 0 auto; border-radius: 2px; } .cd-container::after { content: ""; display: table; clear: both; } .timeline-row { height: 100%; display: table-row; } .timeline-photo { padding: 15px; height: 100%; } .popisok { text-align: center; font-size: 13px; color: #6b6b47; padding:0; margin-top:0!important; line-height: 1; width:100%; } @media only screen and (max-width: 1170px) { .timeline-photo { padding: 15px; } .cd-timeline-content p { margin-top: 15px; text-align: justify; } .cd-timeline-content { -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.44)!important; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.44)!important; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.44)!important; } .cd-timeline-img { margin-top: -7px; } } /* -------------------------------- Main components -------------------------------- */ #cd-timeline { position: relative; padding-top: 30px; padding-bottom: 30px; margin-bottom: 2em; } #cd-timeline::before { content: ""; position: absolute; top: 0; left: 40px; height: 100%; width: 4px; background: #7a0101; } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 3em; margin-bottom: 3em; } #cd-timeline::before { left: 50%; margin-left: -2px; } } .cd-timeline-block { position: relative; margin: 50px 0; } .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } .cd-timeline-content img { padding: 0; margin: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin-top: -200px; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 8px; left: 15px; width: 50px; height: 50px; border-radius: 50%; color: white; text-align: center; line-height: normal; font-size: 30px; background: #872B2B; box-shadow: 0 0 0 4px #7a0101, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 50px; height: 50px; left: 50%; margin-left: -25px; margin-top: -7px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } } .cd-timeline-content { position: relative; margin-left: 90px; margin-right: 20px; border-radius: 2px; -webkit-box-shadow: 0px 9px 48px -2px rgba(0,0,0,0.42); -moz-box-shadow: 0px 9px 48px -2px rgba(0,0,0,0.42); box-shadow: 0px 9px 48px -2px rgba(0,0,0,0.42); } .cd-timeline-content p { margin-right: 0px!important; } .cd-timeline-content .timeline-content-info { color: rgba(255, 255, 255, 0.7); font-size: 12px; box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.08); border-radius: 2px; } .cd-timeline-content .timeline-content-info i { margin-right: 5px; } .cd-timeline-content .timeline-content-info .timeline-content-info-title, .cd-timeline-content .timeline-content-info .timeline-content-info-date { width: calc(50% - 2px); display: inline-block; } @media (max-width: 500px) { .cd-timeline-content .timeline-content-info .timeline-content-info-title, .cd-timeline-content .timeline-content-info .timeline-content-info-date { display: block; width: 100%; } } .cd-timeline-content .content-skills { font-size: 12px; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; } .cd-timeline-content .content-skills li { background: #7a0101; border-radius: 2px; display: inline-block; color: rgba(255, 255, 255, 0.7); margin: 3px 2px; text-align: center; flex-grow: 1; } .cd-timeline-content:after { content: ""; display: table; clear: both; } .cd-timeline-content h2 { color: white; width: 100%; background-color: #7a0101; padding: 10px 20px; margin: 0; } .cd-date { color: #7a0101; } .cd-timeline-content::before { content: ""; position: absolute; top: 20px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #7a0101; } @media only screen and (min-width: 768px) { .cd-timeline-content h2 { font-size: 28px; } .cd-timeline-content p { font-size: 18px; font-weight: 400; line-height: normal; color: black; text-align: justify; margin: 20px; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 20px; font-weight: 500; } } @media only screen and (min-width: 1170px) { .cd-timeline-content { color: white; margin-left: 0; width: 42%; margin: 0 4%; } .cd-timeline-content::before { top: 20px; left: 100%; border-color: transparent; border-left-color: #7a0101; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 75%; font-size: 30px; color: #7a0101; font-weight: 400; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 20px; left: auto; right: 100%; border-color: transparent; border-right-color: #7a0101; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 120%; text-align: right; } } /************************************* ************************************** RIADITELIA *************************************** ***************************************/ #riaditelia-content { margin-top: 50px; text-align: center; padding-left: 100px; } /* Timeline */ .timeline { border-left: 4px solid #7a0101; border-bottom-right-radius: 4px; border-top-right-radius: 4px; background: rgba(255, 255, 255, 0.03); color: black; margin: 25px auto; margin-right: 0; letter-spacing: 0.5px; position: relative; line-height: 1.3em; font-size: 1.2em; padding: 50px; list-style: none; text-align: left; font-weight: 100; width: 65%; } .timeline h1, .timeline h2, .timeline h3 { letter-spacing: 1.5px; font-weight: 100; font-size: 1.4em; } .timeline .event { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); padding-bottom: 25px; margin-bottom: 50px; position: relative; } .timeline .event:last-of-type { padding-bottom: 0; margin-bottom: 0; border: none; } .timeline .event:before, .timeline .event:after { position: absolute; display: block; top: 0; } .timeline .event:before { left: -250px; color: rgba(0, 0, 0, 1); content: attr(data-date); text-align: right; font-weight: 100; font-size: 25px; font-weight: 600; min-width: 120px; color: #7a0101; } .timeline .event:after { box-shadow: 0 0 0 4px #7a0101; left: -57.85px; background: #7a0101; border-radius: 50%; height: 11px; width: 11px; content: ""; top: 5px; } @media (max-width: 1024px) { .Historia {margin-top: 85px;} .historia-head h1, .vyvoj-head h1 { font-size: 50px; } .timeline .event:before { left: -200px; text-align: center; max-width: 120px; } .timeline { width: 85%; font-size: 1.1em; } } /************************************* ************************************** PREDMETY *************************************** ***************************************/ .PredmetyBox {width:90%; margin:auto; height:100%; position: relative; text-align: center; margin-left:auto;margin-right:auto; } .PredmetyBox a {color:black!important;} .predmet { margin-left:auto; margin-right:auto; text-align: center; color:black; padding-top: 50px; position: relative; top: 0; transition: top ease 0.5s; } .predmet img {max-width: 45%;} .predmet p {margin: 25px 0;} .predmet:hover { top: -10px;} @media (max-width: 800px) { .predmet p {margin: 15px 0;} } /************************************* ************************************** SUCASNOST *************************************** ***************************************/ #sucasnost-skoly { color: black; font-weight: 500; } #sucasnost-skoly .sucasnost-uvod { margin: 4em 12.5%; } #sucasnost-skoly .sucasnost-uvod p { text-align: center; } .parallax-window { min-height: 650px; background: transparent; text-align: center; } .sucasnost-uvod { margin-top: 2em; } h1.sucasnost-heading { font-size: 70px; margin-top: -15px; letter-spacing: 1.5px; font-weight: 700; } #backgroundsvg { margin: 0; width: 100%; position: relative; overflow-x: hidden; margin-bottom: -25px; } .uvod-right { margin-top: 60px; } .parallax-window2 { min-height: 400px; background: transparent; text-align: center; } .trieda-box { width: 47%; min-height: 280px; padding: 25px 15px; box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2.5px 0 rgba(0, 0, 0, 0.11); margin-left: 15px; margin-right: 15px; } a.button-sucasnost { background-color: #7e1111; border: none; color: white; padding: 22px 60px; text-align: center; text-decoration: none; display: inline-block; font-size: 19px; font-weight: 600; margin-left: 55px; margin-top: 55px; border-radius: 4px; } a.button-sucasnost:hover { background-color:#4095c6; } @media all and (max-width:768px) { a.button-sucasnost { margin-top:-15px; padding:15px 20px; margin-left: auto; margin-right: auto; } } .uvod-text { background-color: #841c1c; padding: 30px 0; color: white; font-weight: 500; } .uvod-text-left { font-weight: 500; margin-bottom: 70px; margin-left: 60px; } .uvod-image { margin-left: 150px; margin-top: 5px; } .sucasnost-partneri { background-color: #f7f7f7; color: #7c7a7a; text-align: center; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; /* min-height: 200px; line-height: 200px; line-height: 50px;*/ padding-top: 2.5em; padding-bottom: 2.5em; } .sucasnost-triedy { font-weight: 500; margin-left:60px; margin-right: 60px; text-align: center; margin-top: 25px; } .sucasnost-triedy-nadpis { text-align: center; margin: 50px 0; font-weight: 700; } h3.sucasnost-triedy-nadpis { font-size: 50px; } .triedy-margin { margin: 10px 20px; } .sucasnost-text2 { background-color: #7e1111; padding: 85px 45px; color: white; text-align: center; font-weight: 500; } .sucasnost-text2 a { text-decoration: underline; color: #fff; } .sucasnost-text2 a:hover { text-decoration: underline; color: #89c7ff; } .sucasnost-text2 a:visited { text-decoration: none; color: #fff; } .sucasnostboxy { margin:10px 25px; } .sucasnostbox { margin: 15px 5px; padding: 35px 25px; min-height: 280px; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px 1px rgba(0, 0, 0, 0.2); text-align: center; margin-bottom: 60px; margin-top: 60px; background-color: white; } .okolotextu { min-height: 180px; padding: 5px 10px; } a.button-sucasnost2 { background-color: #7e1111; color: white; padding:10px 15px; } .profilacia { font-weight: 500; margin: 50px 25px; } .profilacia li { list-style-type: square; } @media (max-width: 992px) { .sucasnost-uvod { margin-left:auto; margin-right:auto; margin-top: 50px; } h1.sucasnost-heading { font-size: 40px; } .uvod-right { text-align: center; margin-top: 10px; margin-bottom: 20px; } .trieda-box { width: 100%; } .sucasnost-triedy { margin-top: 20px; } .sucasnost-triedy { margin-left: auto; margin-right: auto; } .sucasnost-text2 { text-align: center; padding:45px 25px; } .uvod-image { display: none; } .uvod-text-left { margin-left: 5px; margin-right: 5px; margin-bottom:-10px; } .profilacia { margin:50px 15px; } li.profilacia { margin-left:-5px; } .profilacia .col-md-6:first-of-type > ul { margin-bottom: 0; } .sucasnostbox { padding:35px; width:280px; margin-left:auto; margin-right:auto; } } /************************************* ************************************** ZAMESTNANCI *************************************** ***************************************/ .zamestnanec { width:150px; height:auto; float:right; padding:10px 0; } .zamestnanecbox { padding:10px; margin: 30px 30px 15px 30px; } .zamestnanecusek { font-size: 25px; color:#7a0101; text-align: center; padding: 10px 0; font-weight: 600; } .bold { font-weight: 700; } @media (max-width: 768px) { .zamestnanec {width:100px;} } /************************************* ************************************** GALLERY *************************************** ***************************************/ .thumbnail-gallery img { width:100%; height:200px; object-fit: cover; display:block; padding-bottom:10px; transition-duration:0.5; } .thumbnail-gallery img:hover { transition-duration:0.5; } .gallery-post { width:25%; padding:20px; text-align:center; height:340px; float:left; } .GalleryGrid { display:inline-block; height:auto; } .GalleryGrid a { color:black; font-size:20px; transition-duration:0.5s; font-weight:500; } .GalleryGrid a:hover { color:#a30013; transition-duration:0.5s; } @media screen and (max-width: 1024px) { .gallery-post {width:50%;} } @media screen and (max-width: 768px) { .gallery-post {width:100%;} } /************************************* ************************************** VYBAVENIE *************************************** ***************************************/ .grid { position: relative; clear: both; margin: 0 auto; max-width: 85%; list-style: none; text-align: center; } .heading-vybavenie { height:62vh; background-image: url("img/srobacont.jpg"); text-align: center; } @media (min-width: 993px) and (max-width: 1920px) { .heading-vybavenie { background-image: url("/wp-content/uploads/2018/08/srobacont_1920.jpg"); } } @media (min-width: 769px) and (max-width: 992px) { .heading-vybavenie { background-image: url("/wp-content/uploads/2018/08/srobacont_992.jpg"); } } @media (min-width: 501px) and (max-width: 768px) { .heading-vybavenie { background-image: url("/wp-content/uploads/2018/08/srobacont_768.jpg"); } } @media (max-width: 500px) { .heading-vybavenie { background-image: url("/wp-content/uploads/2018/08/srobacont_500.jpg"); } } .wrapper-vybavenie { padding-top: 90px; padding-left: 15px; padding-right: 15px; top: 45%; transform: translateY(-40%); position: relative; text-align: center;} .wrapper-vybavenie h1 { text-transform: uppercase; color:white; font-size: 3em !important; } .wrapper-vybavenie p { color:white; margin: 3% 15%; } .container-vybavenie { overflow: auto; padding-top: 70px; } .content-vybavenie { width: 100%; height: auto; overflow: auto; margin-top: 4em; margin-bottom: 4em; } #vybavenie-uvod { background-color: #f0f0f0; padding: 4em 0; } .vybavenie-text { height: 230px;/* overflow-y: auto;*/ } .vybavenie-text ul { list-style: square; list-style-position: inside; padding-top: 15px; padding-right: 25px; } .vybavenie-text li { padding: 5px 0; font-weight: 500; font-size: 14px; text-align: none; } .vybavenie-large { height: 300px; } /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; margin: 20px 2%; min-width: 320px; width: 46%; height: auto; /*background: #7a0101;*/ background: linear-gradient(to right, #360000, #7a0101); text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; height: auto; width: 100%; } .grid figure figcaption { padding-top: 20px; padding-left: 0; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; } .grid figure h2 { font-weight: 500; font-size: 30px; width: 100%; text-align: center; padding: 0 20px; } span.ilufoto { font-weight: 600; font-size: .6em; color: white; text-shadow: 1px 1px black; letter-spacing: 1px; line-height: .7em; display: flex; position: absolute; margin: 0; padding: 0; top: -1.4em; left: .7em; } /* Media queries */ @media screen and (max-width: 1400px) { .vybavenie-large { height: 330px; } } @media screen and (max-width: 1280px) { .vybavenie-large { height: 340px; } } @media screen and (max-width: 1240px) { figcaption h2.h2-large { margin-bottom: 1.4125em; } .vybavenie-large { height: 360px; } } @media screen and (max-width: 1214px) { .vybavenie-large { height: 380px; } } @media screen and (max-width: 1110px) { .vybavenie-large { height: 400px; } } @media screen and (max-width: 1024px) { .grid figure h2 { font-weight: 500; font-size: 22px; } .vybavenie-text li { padding: 5px 0; font-size: 14px;} .content { padding: 0 10px; text-align: center; } .vybavenie-text { height: auto;} .vybavenie-large { height: auto; } .grid figure figcaption { padding-top: 10px; padding-bottom: 10px; } .vybavenie-text ul { padding-top: 10px; padding-right: 23px; padding-left: 20px; } .grid figure { display: inline-block; float: none; margin: 10px auto; width: 100%; } .heading-vybavenie { height:40vh; } .wrapper-vybavenie h1 { font-size: 2.5em !important; padding-bottom: 10px; } .wrapper-vybavenie p { margin: 3% 10%; font-size: 17px; } .wrapper-vybavenie { padding-top: 50px; padding-left: 15px; padding-right: 15px; top: 45%; } figcaption h2.h2-large { margin-bottom: 10px; } } @media screen and (max-width: 991px) { #vybavenie-uvod .col-md-2 { display: none; } #vybavenie-uvod .col-md-6 { margin-left: 12%; margin-right: 12%; } } @media screen and (max-width: 767px) { .heading-vybavenie { height:90vh; } .wrapper-vybavenie h1 { font-size: 2.5em !important; padding-bottom: 10px; } .wrapper-vybavenie p { margin: 3% 10%; font-size: 17px; } .container-vybavenie { padding-top: 40px; } .wrapper-vybavenie { padding-top: 20px; padding-left: 15px; padding-right: 15px; top: 43%; } } /************************************* ************************************** ÚSPEŠNÍ ŽIACI *************************************** ***************************************/ .uspesni-info { padding-top: 5px; } .uspesni-info ul { list-style: circle outside; } .uspesni-media ul { list-style: circle outside; } .uspesni-bold { font-weight: bold; padding-top: 10px; } .uspechy { font-size: 19px; color:#7a0101; margin: 10px 0; font-weight: 600; } #uspesni-absolventi .uspesni-info ul { padding-left: 1em; padding-right: 4em; } #uspesni-absolventi .uspesni-info ul li { margin-bottom: .5em; } @media screen and (max-width: 1200px) { #uspesni-absolventi .uspesni-info ul { padding-right: 0; } } /************************************* ************************************** ŠTUDENTSKÉ SLOVO *************************************** ***************************************/ .studslovo-uvod { margin: 85px 15px; } .studslovo-uvod-img { margin-top: 85px; margin-left: 15px; margin-bottom: 65px; } .studslovo-text2 { margin: 65px 15px; } @media (max-width: 992px) { .studslovo-uvod { margin: 45px 15px; } .studslovo-uvod-img, .display-none { display: none; } .studslovo-text2 { margin: 45px 15px; } } /************************************* ************************************** PRIJIMACIE KONANIE *************************************** ***************************************/ #prijimacie-konanie { font-size: 16px; min-height: 20em; } #prijimacie-konanie .row { margin: 0 12.5%; } #prijimacie-konanie h2, #prijimacie-konanie h3, #prijimacie-konanie h4, #prijimacie-konanie h2 small { color:#7a0101; } #prijimacie-konanie h2 { counter-reset: ha4; font-weight: 700; font-size: 2.1em; margin-top: 2.5em; margin-bottom: 1.5em; text-align: initial; } #prijimacie-konanie h2 small { font-size: 70%; } #prijimacie-konanie h4 { counter-increment: ha4; position: relative; margin-top: 2em; padding-left: 1.5em; } #prijimacie-konanie h4::before { font-weight: 700; content: counter(ha4, decimal) ". "; position: absolute; left: 0; } #prijimacie-konanie p.alert-box { border-left: 1em solid #ffb063; padding: .3em 1em; /* background-color: #fff4e9; color:#8a6d3b;*/ } #prijimacie-konanie p.alert-box > strong:first-child { display: block; font-size: 1.2em; letter-spacing: .2em; padding-bottom: .5em; } #prijimacie-konanie p.alert-box > br:nth-of-type(1) { display: none; } #prijimacie-konanie .tabulka { margin: 1em 0 2.5em; overflow-x: auto; } #prijimacie-konanie .tabulka table, #prijimacie-konanie .tabulka th, #prijimacie-konanie .tabulka td { padding: 5px 10px; text-align: center; vertical-align: middle; border: 2px solid silver; border-collapse: collapse; } #prijimacie-konanie .tabulka table { width: 100%; } #prijimacie-konanie .tabulka table tr th { background-color: #6a0000; color: #fff; } #prijimacie-konanie .tabulka tr:nth-child(2n) { background-color: #fff; } #prijimacie-konanie .tabulka tr:nth-child(2n+1) { background-color: #f2f2f2; } @media screen and (max-width: 450px) { #prijimacie-konanie .tabulka table, #prijimacie-konanie .tabulka th, #prijimacie-konanie .tabulka td { font-size: .9em; padding: 5px; border: 1px solid silver; } } @media screen and (max-width: 380px) { #prijimacie-konanie .tabulka table, #prijimacie-konanie .tabulka th, #prijimacie-konanie .tabulka td { font-size: .8em; } } #prijimacie-konanie ol { list-style-type: decimal; list-style-position: outside; padding-left: .65em; } #prijimacie-konanie ol > li { margin: 1em 0; } #prijimacie-konanie ol > li p { margin: 0; } #prijimacie-konanie ol > li > p + p { margin-top: 1em; } #prijimacie-konanie ol > li > ul { list-style-type: square; list-style-position: outside; margin-top: .3em; } #prijimacie-konanie ol.alpha-counter { counter-reset: abc; list-style-type: none; margin-left: 1em; } #prijimacie-konanie ol.alpha-counter > li { counter-increment: abc; position: relative; padding-left: 1.5em; margin: 0; } #prijimacie-konanie ol.alpha-counter > li::before { content: counter(abc, lower-latin) ") "; position: absolute; left: 0; } #prijimacie-konanie #podmienky ol { counter-reset: abc; list-style-type: none; margin-left: 1em; } #prijimacie-konanie #podmienky ol > li { counter-increment: abc; position: relative; padding-left: 1.5em; } #prijimacie-konanie #podmienky ol > li::before { content: counter(abc, lower-latin) ") "; position: absolute; left: 0; } #prijimacie-konanie ul { margin: .5em 0; } #prijimacie-konanie ul.medzery li:first-of-type { margin-top: .5em; } #prijimacie-konanie ul.medzery li { margin-top: .8em; } #prijimacie-konanie ul.alert { list-style-type: none; margin-left: .5em; padding: 0; /* color: #31708f; background-color: #d9edf7; border-left: 1em solid #84d5fe; border-radius: unset;*/ } #prijimacie-konanie ul.alert li { position: relative; padding-left: 1.8em; } #prijimacie-konanie ul.alert li::before { font-family:'Glyphicons Halflings'; position: absolute; left: 0; content: "\e233"; font-size: 1em; } @media (max-width: 992px) { #prijimacie-konanie p.alert-box { padding: .3em 1em; } } @media (max-width: 450px) { #prijimacie-konanie .row { margin: 0 2% 1em; } } /************************************* ************************************** VNUTORNY SKOLSKY PORIADOK *************************************** ***************************************/ #vnutorny-poriadok h2 { counter-reset: ha3; } #vnutorny-poriadok h3 { counter-increment: ha3; position: relative; padding-left: 1.2em; margin-top: 2em; font-weight: 600; text-align: initial; } #vnutorny-poriadok h3::before { font-weight: 600; content: counter(ha3, decimal) ". "; position: absolute; left: 0; } /* PREAMBULA */ #vnutorny-poriadok h3.nocontent:before { content: none; } #vnutorny-poriadok h3.nocontent { padding-left: 0; counter-increment: none; } #vnutorny-poriadok { padding-bottom: 3em; } #vnutorny-poriadok ol { margin-left: 1.8em; } #vnutorny-poriadok ol.upp-alpha { list-style-type: none; counter-reset: upp-alpha; margin-left: 1em; } #vnutorny-poriadok ol.upp-alpha > li { counter-increment: upp-alpha; position: relative; padding-left: 1.5em; font-weight: bold; } #vnutorny-poriadok ol.upp-alpha > li::before { content: counter(upp-alpha, upper-alpha) ". "; position: absolute; left: 0; } #vnutorny-poriadok ol.upp-alpha > li > ol { font-weight: 500; } #vnutorny-poriadok ol.upp-alpha > li > ol > li { margin: .5em 0; } #vnutorny-poriadok ol.low-alpha { counter-reset: low-alpha; list-style-type: none; margin-left: 1em; } #vnutorny-poriadok ol.low-alpha > li { counter-increment: low-alpha; position: relative; padding-left: 1.2em; } #vnutorny-poriadok ol.low-alpha > li::before { content: counter(low-alpha, lower-alpha) ") "; position: absolute; left: 0; } #vnutorny-poriadok ol.main-decimal { counter-reset: main-decimal; list-style-type: none; margin-left: 1em; } #vnutorny-poriadok ol.main-decimal > li { counter-increment: main-decimal; position: relative; padding-left: 1.65em; } #vnutorny-poriadok ol.main-decimal > li::before { content: counter(main-decimal, decimal) ". "; position: absolute; left: 0; } #vnutorny-poriadok ol.sub-decimal { counter-reset: sub-decimal; list-style-type: none; margin-left: 1em; } #vnutorny-poriadok ol.sub-decimal > li { counter-increment: sub-decimal; position: relative; padding-left: 2.5em; } #vnutorny-poriadok ol.sub-decimal > li::before { content: counter(main-decimal) "." counter(sub-decimal, decimal); position: absolute; left: 0; } /************************************* ************************************** ARCHIV NOVINIEK *************************************** ***************************************/ #archiv-container { margin: 1em 10% 0; } #archiv-container article h4 { font-weight: 500; /* font-size: 1.5em;*/ } /************************************* ************************************** ORGANY SKOLY *************************************** ***************************************/ #zdruzenie-rodicov h3 { font-weight: 600; color:#7a0101; margin-top: 1em; margin-bottom: 1em; text-align: initial; } #zdruzenie-rodicov { min-height: 5em; } #zdruzenie-rodicov .row { margin: 3em 10% 2em; } #zdruzenie-rodicov .col-md-6 { position: relative; } #zdruzenie-rodicov .col-md-6:first-of-type { padding-left: 0; } #zdruzenie-rodicov .document-list { font-weight: 500; width: 100%; padding: 0; margin: auto; } #zdruzenie-rodicov ul { padding-left: 0; } #zdruzenie-rodicov img[alt^="Logo združenia rodičov"] { width: 80%; position: absolute; top: 0; right: 15px; } #zdruzenie-rodicov .display-none { display: block; } #zdruzenie-rodicov .row .col-md-3 ul { list-style-type: none; padding-left: 0; } #zdruzenie-rodicov .row .col-md-3 li { position: relative; display: block; } #zdruzenie-rodicov .row .col-md-3 span { position: absolute; left: 0; } #zdruzenie-rodicov .row .col-md-3 li div { position: relative; padding-left: 2.1em; display: block; } @media screen and (max-width: 991px) { #zdruzenie-rodicov ul { padding: 0; } #zdruzenie-rodicov li { padding: 2em 0 2em 4em; } #zdruzenie-rodicov .display-none { display: none; } } /************************************* ************************************** RADA ŠKOLY *************************************** ***************************************/ #rada-skoly { min-height: 5em; } #rada-skoly .row { margin: 3em 10% 2em; } #rada-skoly h3 { font-weight: 600; color:#7a0101; margin-top: 1em; margin-bottom: 1em; text-align: initial; } #rada-skoly img[alt^="Ikona rady školy"] { width: 70%; position: absolute; right: 1em; top: 2em; } .rada-oznam { padding: 50px; padding-bottom: 0; } .rada-box { padding: 3%; padding-bottom:0; color: black; } #lh15 {line-height: 1.5} .rada-list ul { margin:30px 0; padding-left: 0; } .rada-list { font-size: 14px; text-transform: uppercase; font-weight: 500; padding: 0; } .rada-list li { margin: 0; padding: 36px 0 36px 70px; list-style: none; background-image: url("/wp-content/uploads/2018/04/document-2.png"); background-repeat: no-repeat; background-position: left center; background-size: 40px; transition-duration: 0.5s; } .rada-list li:hover { padding: 36px 0 36px 60px; transition-duration: 0.5s; } .rada-list a { color:black; cursor:pointer; } ol#rada-skoly-zoznam { list-style-type: decimal; } ol#rada-skoly-zoznam li { margin-top: 0.2em; } @media screen and (max-width: 768px) { .rada-list { padding: 0 0; } .rada-list ul { padding: 0 0; margin: 0 auto; width: 85%; } } @media screen and (max-width: 500px) { #rada-skoly .row { margin: 3em 5% 2em; } } @media screen and (max-width: 400px) { ol#rada-skoly-zoznam { padding-left: 1em; } } /************************************* ************************************** ZIACKA RADA *************************************** ***************************************/ #ziacka-rada { min-height: 5em; } #ziacka-rada .row { margin: 3em 10% 2em; } #ziacka-rada h3 { font-weight: 600; color:#7a0101; margin-top: 1em; margin-bottom: 1em; text-align: initial; } #ziacka-rada h3 small { font-weight: 400; font-size: 22px; color: #7a0101; } #ziacka-rada .row .col-md-6:first-of-type { padding-left: 0; } #ziacka-rada .row .col-md-6 ul { list-style-type: square; } #ziacka-rada .row .col-md-3, #ziacka-rada .row .col-md-4 { } #ziacka-rada .row .col-md-3 ul, #ziacka-rada .row .col-md-4 ul { list-style-type: none; padding-left: 0; } #ziacka-rada .row .col-md-3 li, #ziacka-rada .row .col-md-4 li { position: relative; display: block; } #ziacka-rada .row .col-md-3 span, #ziacka-rada .row .col-md-4 span { position: absolute; left: 0; } #ziacka-rada .row .col-md-3 li div, #ziacka-rada .row .col-md-4 li div { position: relative; padding-left: 2.1em; display: block; } #ziacka-rada .row .col-md-6:nth-of-type(2) { padding-right: 0; } .ziackarada-img { width:100%; padding: 0 5%; } @media screen and (max-width: 992px) { .ziackarada-img { margin-top: 2em; } #ziacka-rada .row .col-md-6 { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 500px) { #ziacka-rada .row { margin: 3em 5% 2em; } } /************************************* ************************************** OBCIANSKE ZDRUZENIE PRIATELIA SROBARKY *************************************** ***************************************/ #priatelia-srobarky { min-height: 5em; } #priatelia-srobarky .row { margin: 4em 10%; } #priatelia-srobarky .row:nth-of-type(1) { margin-bottom: 0; } #priatelia-srobarky .row:nth-of-type(2) { margin-top: 0; } #priatelia-srobarky .row:nth-of-type(3) { margin: 0 -15px -15px; padding: 4em 10% 5em; background-color: #f0f0f0; } #priatelia-srobarky .row:nth-of-type(4) { margin: 0 -15px -15px; padding: 4em 10% 5em; background-color: #7a0101; background: linear-gradient(to right, #360000, #7a0101); } #priatelia-srobarky h2 { font-weight: 700; color:#7a0101; margin-top: 1em; margin-bottom: 2em; } #priatelia-srobarky h3 { font-weight: 600; color: #7a0101; margin-top: 1.75em; margin-bottom: .75em; } #priatelia-srobarky .row:nth-of-type(1) h3:nth-of-type(1) { margin-top: .25em; } #priatelia-srobarky .row:nth-of-type(3) h2, #priatelia-srobarky .row:nth-of-type(3) h3 { color: #7a0101; } #priatelia-srobarky .row:nth-of-type(4) { color: white; } #priatelia-srobarky .row:nth-of-type(4) h2, #priatelia-srobarky .row:nth-of-type(4) h3 { color: white; } #priatelia-srobarky ul li { list-style-type: square; margin: .5em 0; } #priatelia-srobarky ul ul li { list-style-type: disc; margin: .5em 0; } #priatelia-srobarky ul.non-type { padding-left: 1.5em; } #priatelia-srobarky ul.non-type li { list-style-type: none; margin: 0; } #priatelia-srobarky .row:nth-of-type(4) ul li { list-style-type: none; padding-left: 1em; position: relative; transition-duration: 0.3s; } #priatelia-srobarky .row:nth-of-type(4) ul li span:nth-of-type(2) { display: block; margin-left: 1.5em; } #priatelia-srobarky .row:nth-of-type(4) a { color: #ffebc9; text-decoration: none; padding-left: 0; transition-duration: 0.5s; } #priatelia-srobarky .row:nth-of-type(4) a:hover { color: #89c7ff; transition-duration: 0.5s; } #priatelia-srobarky .row:nth-of-type(4) ul li:hover { padding-left: 0.2em; color: #89c7ff; transition-duration: 0.3s; } #priatelia-srobarky .glyphicon-paperclip, #priatelia-srobarky .glyphicon { color: inherit; display: block; position: absolute; left: 0; } #priatelia-srobarky #srdce { width: 16em; height: auto; } @media screen and (max-width: 991px) { #srdce { display: none; } } @media screen and (max-width: 500px) { #priatelia-srobarky .row { margin: 3em 5% 1em; } #priatelia-srobarky .row:nth-of-type(3) { padding: 0 5% 4em; } #priatelia-srobarky ul { padding-left: 1em; } #priatelia-srobarky ul ul { padding-left: 1.2em; } #priatelia-srobarky ul.non-type { padding-left: 1em; } #priatelia-srobarky ul.non-type li { margin: .5em 0; } } /************************************* ************************************** PREČO ŠROBÁRKA - pokračovanie (remake) 2018-07-15 *************************************** ***************************************/ #preco-studovat-na-srobarke { min-height: 5em; padding: 0; } #preco-studovat-na-srobarke .row { margin: 0; } #preco-studovat-na-srobarke > div.row:nth-child(1), #preco-studovat-na-srobarke > div.row:nth-child(3), #preco-studovat-na-srobarke > div.row.end { margin: 4em 10% 1.5em; } #preco-studovat-na-srobarke > div.row:nth-child(2) { padding: 4em 10% 1.5em; background-color: #f0f0f0; } #preco-studovat-na-srobarke > div.row:nth-child(5) { padding: 4em 10% 3em; } #preco-studovat-na-srobarke > div.row:nth-child(5) { background-color: #f0f0f0; } #preco-studovat-na-srobarke > div.row:nth-child(1) { margin-top: 5em; } #preco-studovat-na-srobarke > div.row:nth-child(1) img { display: block; width: 80%; height: auto; margin: 0 0 2em auto; } #preco-studovat-na-srobarke h2 { margin: 0 0 1em; padding-bottom: .5em; font-size: 1.8em; text-align: center; font-weight: 600; color: #7a0101; border-bottom: 3px double #7a0101; line-height: 1.3em; } #preco-studovat-na-srobarke .glyphicon { color: black; } #preco-studovat-na-srobarke ul { padding: 0 0 0 .8em; } #preco-studovat-na-srobarke ul li.glyphicon { list-style-type: none; position: relative; line-height: 1.5; margin: .5em 0; } #preco-studovat-na-srobarke ul li.glyphicon span { font: 16px/16px "Montserrat", sans-serif; font-weight: 500; } #preco-studovat-na-srobarke ul li.glyphicon-thumbs-up::before { position: absolute; top: .5em; color: #636363; left: -1.5em; font-size: 1.2em; line-height: 0.8; } #preco-studovat-na-srobarke > div.row:nth-child(2) > div.col-sm-12 > .row > div.col-md-6:nth-of-type(1) { padding: 0 1em 0 2em; } #preco-studovat-na-srobarke > div.row:nth-child(2) > div.col-sm-12 > .row > div.col-md-6:nth-of-type(2) { padding: 0 0 0 2em; } #preco-studovat-na-srobarke .no-gutter { padding-left: 0 !important; padding-right: 0 !important; } #preco-studovat-na-srobarke .reasons { border-style: solid; border-width: 10px; color: white; background: linear-gradient(to right, #360000, #7a0101); padding: 0 !important; margin: 0 !important; max-width: 100%; height: 250px; font-size: 18px; font-weight: 400; text-align: center; } #preco-studovat-na-srobarke > div.row:nth-child(3) .col-sm-12 .col-sm-4 a { color: #ffebc9; text-decoration: none; } #preco-studovat-na-srobarke > div.row:nth-child(3) .col-sm-12 .col-sm-4 a:hover { color: #89c7ff; } #preco-studovat-na-srobarke > div.row:nth-child(3) .col-sm-12 .col-sm-4 { position: relative; } #preco-studovat-na-srobarke > div.row:nth-child(3) .col-sm-12 .col-sm-4 > p { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 5%; padding: 0; width: 90%; } #preco-studovat-na-srobarke > div.row:nth-child(4) .col-sm-12 { margin: 0; } #preco-studovat-na-srobarke > div.row:nth-child(5) .col-sm-12 p { text-align: left; } #preco-studovat-na-srobarke #historia-a-box { position: relative; } #preco-studovat-na-srobarke a#historia { position: absolute; top: 70%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; color: white; text-shadow: 0px 0px 5px black; box-shadow: 0px 0px 5px rgba(0, 0, 0, 1), 0px 5px 10px rgba(0, 0, 0, .5); padding: 15px 32px; text-align: center; display: block; font-size: 25px; font-weight: 400; letter-spacing: 1px; transition-duration: 0.3s; border: 2px solid white; text-decoration: none; text-transform: uppercase; z-index: 2; } #preco-studovat-na-srobarke a#historia:hover { background-color:white; color: gray; text-shadow: none; text-decoration:none; border: 2px solid white; transition-duration: 0.3s; z-index: 2; } @media screen and (max-width: 1300px) { #preco-studovat-na-srobarke > div.row:nth-child(1) img { width: 90%; } } @media screen and (max-width: 992px) { #preco-studovat-na-srobarke > div.row:nth-child(1) img { width: 100%; margin: 2.5em 0 1em; } #preco-studovat-na-srobarke > div.row:nth-child(5) { padding: 2em 7.5% 1.5em; } } @media screen and (max-width: 768px) { #preco-studovat-na-srobarke > div.row:nth-child(1) { margin: 4em 7.5% 2em; } #preco-studovat-na-srobarke > div.row:nth-child(3) { margin: 2em 7.5%; } #preco-studovat-na-srobarke > div.row:nth-child(2), #preco-studovat-na-srobarke > div.row:nth-child(5) { padding: 2em 7.5%; } #preco-studovat-na-srobarke h2.title { margin: 1.5em 0 1em; padding-bottom: .5em; line-height: 1em; line-height: 1.15em; } #preco-studovat-na-srobarke ul li.glyphicon { margin: .5em 0 .5em 2em; } #preco-studovat-na-srobarke > div.row:nth-child(3) .col-sm-12 > div.row { margin-bottom: -10px; } #preco-studovat-na-srobarke .reasons { height: 240px; border-width: 5px; } } @media screen and (max-width: 767px) { #preco-studovat-na-srobarke .reasons { height: 130px; border-width: 5px; min-height: 50px; } } @media screen and (max-width: 500px) { #preco-studovat-na-srobarke > div.row:nth-child(1) { margin: 4em 5% 2em; } #preco-studovat-na-srobarke > div.row:nth-child(3) { margin: 2em 5%; } #preco-studovat-na-srobarke > div.row:nth-child(2), #preco-studovat-na-srobarke > div.row:nth-child(5) { padding: 2em 5%; } #preco-studovat-na-srobarke ul { padding: 0; } #preco-studovat-na-srobarke a#historia { top: 80%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; padding: 15px 32px; text-align: center; transition-duration: 0.3s; border: 2px solid white; } #preco-studovat-na-srobarke .reasons { height: 190px; border-width: 5px; } } @media screen and (max-width: 320px) { #preco-studovat-na-srobarke a#historia { top: 83%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; padding: 15px 32px; text-align: center; transition-duration: 0.3s; border: 2px solid white; } #preco-studovat-na-srobarke .reasons { height: 210px; border-width: 5px; } } /************************************* ************************************** MATURITA *************************************** ***************************************/ .posun { padding-top: 50px; } .dsd–greybox2 { background-color: #cccccc; display: inline-block; padding: 20px 40px; font-weight: 700; font-size: 30px; margin: 0; } .heading-wrapper2 { padding-top: 90px; padding-left: 15px; padding-right: 15px; top: 50%; transform: translateY(-40%); position: relative; } .heading-wrapper2 h1 { text-transform: uppercase; color:white; font-size: 3em !important; } .maturita-info { padding: 20px 10px; } .maturita-zakladneinfo { padding: 10px; font-size:16px; } .maturita-box { padding: 3%; color: black; } .list-square { list-style-type: square; } .maturita-skratky { padding: 15px 5px; } .maturita-skratky h2 { padding: 0px; } li.text-1 { line-height: 1.8; list-style-type: none; position: relative; /* It is required for setting position to absolute in the next rule. */ } li.text-1::before { content: '\25A0'; /* The unicode for • character */ position: absolute; left: -1.2em; /* Adjust this value so that it appears where you want. */ font-size: 1.2em; line-height: 0.8; /* Adjust this value so that it appears what size you want. */ } @media only screen and (max-width: 1170px) { li.text-1 { font-size:14px; } .maturita-zakladneinfo { font-size:14px; } .maturita-info { font-size:14px; } } .riadneterminy ul { list-style: square; } .riadneterminy li { padding: 5px 0; line-height: 1.8; font-weight: 600; font-size: 20px; } .riadneterminy { text-align: left; height:100%; width:100%; color:#7a0101; padding: 5px; } .box-riadneterminy { text-align: center; -webkit-box-shadow: 0px 5px 12px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 12px 2px rgba(0,0,0,0.3); box-shadow: 0px 5px 12px 2px rgba(0,0,0,0.3); background-color: white; color: white; margin: 25px; text-transform: uppercase; } @media (max-width: 768px) { .box-riadneterminy { margin:30px 0px; } .riadneterminy li { font-size:14px; } .maturita-box { padding: 5%; } .box-riadneterminy { padding: 0; } } /***** LEGISLATIVA *****/ .legislativa ul { list-style-type: square; } .legislativa li { padding: 10px 0; font-weight: 500; font-size:16px; } .legislativa { text-align: left; height:100%; width:100%; padding: 5px; padding: 15px 0; font-weight: 500; font-size:16px; } .skupinypredmetov { padding-left: 60px; margin-bottom: 80px; } .skupinapredmetu { font-weight: 500; font-size: 16px; } .legislativa ul.none-list-type { list-style-type: none; } /************************** MATURITA remake 2018-07-17 ***************************/ body { counter-reset: ha2; } #matura { min-height: 5em; } #matura.container { padding-left: 0; padding-right: 0; } #matura .row { margin: 0 12.5%; } #matura .row#maturita-prihlaska, #matura .row#maturita-NUCEM { background: rgba(54,0,0,1); background: -moz-linear-gradient(-45deg, rgba(54,0,0,1) 0%, rgba(122,1,1,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(54,0,0,1)), color-stop(100%, rgba(122,1,1,1))); background: -webkit-linear-gradient(-45deg, rgba(54,0,0,1) 0%, rgba(122,1,1,1) 100%); background: -o-linear-gradient(-45deg, rgba(54,0,0,1) 0%, rgba(122,1,1,1) 100%); background: -ms-linear-gradient(-45deg, rgba(54,0,0,1) 0%, rgba(122,1,1,1) 100%); background: linear-gradient(135deg, rgba(54,0,0,1) 0%, rgba(122,1,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360000', endColorstr='#7a0101', GradientType=1 ); color: white; margin-left: 0; margin-right: 0; padding-left: 12.5%; padding-right: 12.5%; padding-bottom: 3em; } #matura .row#maturita-NUCEM { background: rgba(33,71,0,1); background: -moz-linear-gradient(-45deg, rgba(33,71,0,1) 0%, rgba(75,156,0,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(33,71,0,1)), color-stop(100%, rgba(75,156,0,1))); background: -webkit-linear-gradient(-45deg, rgba(33,71,0,1) 0%, rgba(75,156,0,1) 100%); background: -o-linear-gradient(-45deg, rgba(33,71,0,1) 0%, rgba(75,156,0,1) 100%); background: -ms-linear-gradient(-45deg, rgba(33,71,0,1) 0%, rgba(75,156,0,1) 100%); background: linear-gradient(135deg, rgba(33,71,0,1) 0%, rgba(75,156,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214700', endColorstr='#4b9c00', GradientType=1 ); } #matura > div.row:last-of-type { margin-bottom: 5em; } #matura .col-md-12 { padding-right: 0; padding-left: 0; } #matura h2, #matura h3, #matura h4, #matura h5 { position: relative; color: #7a0101; font-weight: 600; text-align: left; } #matura h2 { counter-reset: ha3; counter-increment: ha2; margin: 0 0 1em 1.1em; padding-top: 2.1em; font-size: 2.1em; font-weight: 700; } #matura #maturita-prihlaska h2, #matura #maturita-NUCEM h2 { color: white; } #matura h2::before { content: counter(ha2) ". "; position: absolute; left: -1.1em; } #matura h3 { font-size: 1.625em; counter-reset: ha4; counter-increment: ha3; margin: 1.75em 0 .75em 1.9em; } #matura h3::before { content: counter(ha2) "." counter(ha3) " "; position: absolute; left: -1.9em; } #matura h4 { font-size: 1.375em; counter-increment: ha4; margin: 1.75em 0 .75em 2.7em; } #matura h4::before { content: counter(ha2) "." counter(ha3) "." counter(ha4) " "; position: absolute; left: -2.7em; } #matura h4.skupiny { font-size: 1.2em; font-weight: 500; counter-increment: ha4-predmety; margin: 1em 0 .75em 3.5em; } #matura h4.skupiny::before { content: counter(ha4-predmety) "."; position: absolute; left: -1.5em; } #matura h5 { font-size: 1.2em; font-weight: 400; } #matura .row .col-md-12 > p { margin-left: 3em; } #matura code { padding: 0; font-size: .9em; font-weight: bold; color: #013d0a; background-color: white; } #matura ul.alert { border-left: 1em solid #8fc396; border-radius: unset; background-color: #effef2; margin: 0 3.5em; padding: .5em 1em; list-style-type: none; counter-reset: squarka; } #matura ul.alert li { position: relative; counter-increment: squarka; margin: .5em 0; padding-left: 1.8em; color: #013d0a; } #matura ul.alert li::before { font-family:'Glyphicons Halflings'; position: absolute; left: 0; content: counter(squarka, square); content: "\e023"; color: #013d0a; font-size: 1em; } #matura ol.low-latin, #matura ol.low-roman { margin-left: 3em; } #matura ol.low-latin { counter-reset: abc; padding-left: 0; } #matura ol.low-latin > li { counter-increment: abc; position: relative; padding-left: .5em; } #matura ol.low-latin > li::before { content: counter(abc, lower-latin) ") "; position: absolute; left: -1em; } #matura ol.low-roman{ counter-reset: iii; } #matura ol.low-roman > li { counter-increment: iii; position: relative; padding-left: .5em; } #matura ol.low-roman > li::before { content: counter(iii, lower-roman) ". "; position: absolute; left: -1em; } #matura ol.decimal { list-style-type: decimal; padding-left: 0em; margin-left: 3.5em; } #matura ul.square { list-style-type: square; padding-left: 0; margin-left: 3em; } #matura ol.paragraph > li, #matura ul.paragraph > li { margin-bottom: .5em; } #matura ol.paragraph-top > li, #matura ul.paragraph-top > li { margin-top: .5em; } #matura ol.indent, #matura ul.indent { margin-left: 5.5em; } #matura p.alert-box { margin-top: 2em; border-left: 1em solid #ffb063; padding: .7em 1em; /* background-color: #fff4e9; color:#8a6d3b;*/ } #matura p.alert-box > strong:first-child { display: block; font-size: 1.2em; letter-spacing: .2em; padding-bottom: .5em; } #matura p.alert-box > br:nth-of-type(1) { display: none; } #matura .glyphicon-paperclip, #matura .glyphicon { color: inherit; display: block; position: absolute; left: 0; } #matura .row#maturita-prihlaska ul, #matura .row#maturita-NUCEM ul { padding-left: 4.5em; } #matura .row#maturita-prihlaska ul li, #matura .row#maturita-NUCEM ul li { list-style-type: none; padding-left: 1em; position: relative; transition-duration: 0.3s; } #matura .row#maturita-prihlaska ul li span:nth-of-type(2), #matura .row#maturita-NUCEM ul li span:nth-of-type(2) { display: block; margin-left: 1.5em; } #matura .row#maturita-prihlaska a, #matura .row#maturita-NUCEM a { color: #ffebc9; text-decoration: none; padding-left: 0; transition-duration: 0.5s; } #matura .row#maturita-prihlaska a:hover, #matura .row#maturita-NUCEM a:hover { color: #89c7ff; transition-duration: 0.5s; } #matura .row#maturita-prihlaska ul li:hover, #matura .row#maturita-NUCEM ul li:hover { padding-left: 0.2em; color: #89c7ff; transition-duration: 0.3s; } @media screen and (max-width: 992px) { #matura .row { margin: 0 7%; } #matura .row#maturita-prihlaska, #matura .row#maturita-NUCEM { padding-left: 7%; padding-right: 7%; } } @media screen and (max-width: 767px) { #matura .row .col-md-12 > .col-sm-6:nth-of-type(2) { margin-top: -10px; } } @media screen and (max-width: 500px) { #matura .row { margin: 0 7%; } #matura .row#maturita-prihlaska, #matura .row#maturita-NUCEM { padding-left: 7%; padding-right: 7%; } #matura .row .col-md-12 > p { margin-left: 2em; } #matura ul.alert { margin: 0 .5em 0 1.5em; padding: .5em 1em; list-style-type: none; counter-reset: squarka; } #matura p.alert-box > strong:first-child { font-size: 1.2em; padding-bottom: .5em; } } @media screen and (max-width: 400px) { #matura h2 { font-size: 1.95em; } #matura h3 { font-size: 1.55em; margin: 1.75em 0 .75em 1.7em; } #matura h3::before { left: -1.7em; } #matura h4 { font-size: 1.25em; margin: 1.75em 0 .75em 2.5em; } #matura h4::before { left: -2.5em; } #matura h4.skupiny { margin: 1em 0 .75em 1.55em; text-decoration: none; } #matura .row .col-md-12 > p { margin-left: 0; } #matura .row .col-md-12 .col-sm-6 > ul { padding-left: 0; } #matura p.alert-box { background-color: #fff4e9; border-left: 1em solid #ffb063; padding: .7em .5em .7em 1em; } #matura p.alert-box > strong:first-child { font-size: 1.2em; letter-spacing: unset; padding-bottom: .5em; } #matura ul.square { margin-left: 2.5em; } #matura ol.decimal { margin-left: 2.5em; } #matura ol.low-latin { margin-left: 2.5em; } #matura ol.low-roman { margin-left: 0; } #matura ol.indent, #matura ul.indent { margin-left: 3em; } } /************************************* ************************************** POVINNE ZVEREJNOVANIE INFORMACII *************************************** ***************************************/ #pov-info { font-size: 16px; min-height: 20em; } #pov-info .center { text-align: center; } #pov-info p.alert-box { border-left: 1em solid #ffb063; padding: .3em 1em; /* background-color: #fff4e9; color:#8a6d3b;*/ } #pov-info p.alert-box > strong:first-child { display: block; font-size: 1.2em; letter-spacing: .2em; } #pov-info div.row { padding: 4em 12.5%; } /*#pov-info div.row:nth-of-type(3) { background-color: #f1efeb; }*/ #pov-info dl.row { margin: .7em 0; } #pov-info dl.row > dt, #pov-info dl.row > dd { margin-top: .7em; } #pov-info dl.row > dt { clear: left; } #pov-info dl.row > dt:first-of-type, #pov-info dl.row > dd:first-of-type { margin-top: 0; } #pov-info h2, #pov-info h3, #pov-info h3 small, #pov-info h4, #pov-info h5 { color:#7a0101; } #pov-info h2 { font-size: 2.1em; margin: 2.5em 0 1em; font-weight: 700; font-style: normal; } #pov-info .col-md-12 > h2:first-child { margin-top: .5em; } #pov-info h3 { font-size: 1.625em; font-weight: 600; margin: 1.8em 0 .8em; } #pov-info h2+h3 { margin-top: 1em; } #pov-info #zoou { counter-reset: ha-4; } #pov-info #zoou h3 { margin: 1.5em 0; font-weight: 800; } #pov-info #zoou h3:first-of-type { margin-top:.5em; font-weight: 500; font-size: 1.2em; padding-top: 3.5em; color: black; } #pov-info #zoou h3:first-of-type small { color: inherit; font-size: .8em; font-weight: 400; } #pov-info #zoou h3:nth-of-type(2) { color: black; font-weight: 400; } #pov-info #zoou h4 { counter-increment: ha-4; position: relative; padding-left: 1.5em; margin-top: 1.75em; } #pov-info #zoou h4::before { content: counter(ha-4, decimal) ". "; position: absolute; left: 0; } #pov-info #zoou h5 { margin-top: 1.2em; } #pov-info #zoou h5:first-of-type { margin-top: 0; } #pov-info #zoou ul { padding-left: 0; } #pov-info ul { list-style-type: none; padding-left: 1.3em; } #pov-info ul li { position: relative; padding-left: 1.6em; } #pov-info ul li::before { position: absolute; font-family:'Glyphicons Halflings'; content: "\e089"; left: 0; } #pov-info ul.square { list-style-type: square; } #pov-info ul.square li { padding-left: 0; } #pov-info ul.square li::before { content: ""; } #pov-info ul.no li::before { position: absolute; font-family:'Glyphicons Halflings'; content: "\e088"; left: 0; } #pov-info ul.time li::before { position: absolute; font-family:'Glyphicons Halflings'; content: "\e023"; left: 0; } #pov-info ul.person li::before { position: absolute; font-family:'Glyphicons Halflings'; content: "\e008"; left: 0; } #pov-info .vyucujuci-flexbox { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; } #pov-info ul.vyucujuci { list-style-type: none; padding-left: 0; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; } #pov-info ul.vyucujuci li { padding: 0; margin: .3em 0; color: #7a0101; font-weight: 600; } #pov-info ul.vyucujuci li::before { display: none; } #pov-info img.predmety-piktogram { width: 80%; height: auto; max-width: 220px; font-size: 2.1em; margin: 2.5em 0 0; } #pov-info ol { counter-reset: abc; list-style-type: none; margin-left: 0em; padding-left: 0; } #pov-info ol.indent { margin-left: 1.5em; } #pov-info ol > li { counter-increment: abc; position: relative; padding-left: 1.5em; } #pov-info ol > li::before { content: counter(abc, lower-latin) ") "; position: absolute; left: 0; } #pov-info li ~ li, #pov-info p ~ p { margin-top: .75em; } #pov-info summary { position: relative; cursor: pointer; display: list-item; color: #337ab7; transition-duration: .5s; margin: .75em 12.5% 2em; } #pov-info summary:hover { color: #23527c; transition-duration: .5s; } #pov-info summary u { text-decoration: none; } #pov-info summary.h2, #pov-info summary.h4 { color: #7a0101; margin: 0 !important; cursor: pointer; display: list-item !important; } #pov-info summary.h4 { font-size: 22px; padding: .5em 0; margin: 3em 0; display: block; } #pov-info summary.h2 h2 { font-size: 1.12em; display: inline; } #pov-info summary.h4 h4 { display: inline; } #pov-info summary.h2 h2 u { text-decoration: underline; } #pov-info details.row div.col-md-12 { background-color: #f0f0f0; padding: 2em 12.5%; } #pov-info details.row div.col-md-12 > div { padding: 0 15px; } #pov-info details.row div.col-md-12 h3 { border-bottom: 3px double #7a0101; padding-bottom: 1em; margin-bottom: 2em; } #pov-info ol.no-space li, #pov-info ul.no-space li { margin-top: 0; margin-bottom: 0; } .glyph { position:relative; top:1px; display:inline-block; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .no-gutters { padding-left: 0 !important; padding-right: 0 !important; } @media screen and (max-width: 767px) { #pov-info div.row { padding: 3em 5%; } #pov-info #zoou h5 { margin-top: .75em !important; } #pov-info details { padding: 0; } #pov-info summary { margin: .75em 5% 2em; } #pov-info details.row div.col-md-12 { padding: .75em 5% 2em; } #pov-info dl.row > dt, #pov-info dl.row > dd { border-top: none; margin-top: 0; } #pov-info dl.row > dt { margin-top: .7em; } #pov-info #zoou dd ul { margin-top: .75em; } } @media screen and (max-width: 500px) { #pov-info div.row { padding: 3em 0; } #pov-info details { padding: 0; } #pov-info details.row div.col-md-12 { padding: 1em 0 2em; } #pov-info ul { list-style-type: none; padding-left: 1em; } } /************************************* ************************************** PARTNERI SKOLY *************************************** ***************************************/ .con { position: relative; width: 50%; } .ima { display: block; height: auto; } .ove { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #FFF; } .con:hover .ove { opacity: 1; } /************************************* ************************************** VIDEO WRAPPER - facebook, etc. *************************************** ***************************************/ .video-containing-block { max-width: 700px; margin: 0 auto; } /* .video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 7.5vw; } .video-container iframe { position: absolute; left: 0; width: 100%; height: 100%; } */ .video-container { position: relative; padding-bottom: 57%; height: 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************* ************************************** SVG zoznamy *************************************** ***************************************/ #info .row { margin: 0 12.5%; } .ikona-svg { float: right; width: 9em; height: auto; padding-top: .5em; } .zoznam-svg { padding-bottom: 2.7em; } .zoznam-svg h2, .zoznam-svg h3 { color: #7a0101; } .zoznam-svg h2:first-of-type { margin-top: 0; } .zoznam-svg ul.predmet-info > li > strong:after { content: ""; } ul.zoznam-svg > li { margin-top: .75em; } ul.zoznam-svg > li:first-child { margin-top: 0; } @media screen and (max-width: 992px) { } /************************************* ************************************** SMERNICA interna *************************************** ***************************************/ #smernica-interna { font-size: 16px; min-height: 20em; } #smernica-interna .row { padding: 4em 12.5%; } #smernica-interna h2, #smernica-interna h3, #smernica-interna h4, #smernica-interna h5 { position: relative; } #smernica-interna h2 { font-weight: 500; font-size: 2em; margin: 2.5em 0 2em; text-align: center; color: #7a0101; } #smernica-interna h2 small { color: #7a0101; } #smernica-interna h3 { font-weight: 400; font-size: 1.35em; margin: 2.1em 0 1.2em; text-align: center; } #smernica-interna h3 span { font-weight: 600; } #smernica-interna h4 { font-weight: 600; font-size: 1.35em; margin: 1.8em 0 .5em; } #smernica-interna .center { text-align: center; } #smernica-interna ul { list-style-type: square; } #smernica-interna ul.person li::before { position: absolute; font-family:'Glyphicons Halflings'; content: "\e008"; left: 0; } #smernica-interna ol.decimal { list-style-type: decimal; padding-left: 2.5em; } #smernica-interna ol.low-alpha { counter-reset: abc; list-style-type: none; } #smernica-interna ol.low-alpha > li { counter-increment: abc; position: relative; padding-left: 1.5em; } #smernica-interna ol.low-alpha > li::before { content: counter(abc, lower-latin) ") "; position: absolute; left: 0; } #smernica-interna li { margin-top: .62em; margin-bottom: .62em; } #smernica-interna ol.no-space li, #smernica-interna ul.no-space li { margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 767px) { #smernica-interna .row { padding: 3em 5%; } } @media screen and (max-width: 767px) { #smernica-interna .row { padding: 3em 0; } }