/* Theme Name: Meta Krese Theme Autohor: Robert Novak Author URI: https://ampak.net Version: 1.4 */ /* * {outline:green solid 1px !important; background-color:rgba(200,50,0,0.2);} */ html {height:1px; overflow:hidden;} body {margin:0; font-family: 'Muli', sans-serif;} header, div, footer {border:none; outline:0;} h1, h2, h3, h4, h5, h6 {text-decoration: none; text-transform: uppercase; margin:0; border:none; outline:0; } h1, h1 a:hover {letter-spacing:10px;} h2 {font-size:15px; outline:0;} h3 {line-height:50px;} a, p, a:link, a:visited, a:focus {text-decoration: none; margin:0; border:none; color:black; outline: 0;} input::-moz-focus-inner {border:0; outline:0;} object, embed {outline:0;} a:hover, a:active, .current-menu-item > a {font-weight:500 !important; letter-spacing:.6px; outline: 0;} nav {border:none;} ul {list-style-type:none; margin:0; padding:0; border:none;} li {list-style-type:none; border:none;} table tbody tr td {margin:0; padding:0; border:0;} .wp-block-media-text__media img, .wp-block-media-text__media video {height:auto;} /************************************************************************************************************************************************/ /******************************************************* CELL PHONES ***********************************************************************/ /************************************************************************************************************************************************/ @media screen and (max-width: 739px), screen and (max-height: 580px) { html {overflow-y:visible;} body {overflow-x:hidden; overflow-y:auto;} .glava {position:fixed; top:0; left:0; width:100%; height:50px; z-index:50 !important; font-weight:300; box-sizing:border-box; -moz-box-sizing:border-box; border-bottom:1px dashed #9E0007; background:white;} .levo {height:initial; margin:2px 0 0 0; padding:5px 10px; background:white;} .levo h1 {padding:0 80px 0 0; font-size:22px; color:#9E0007; letter-spacing:10px !important;} .levo h1 a {color:#9E0007; letter-spacing:10px !important;} .levo h1 a:hover {font-weight:700 !important; color:#9E0007; letter-spacing:10px !important;} .desno {padding:10px 0;} .meni-glavni, .meni-stranski, .desno {display:none; visibility:hidden;} .page-id-408 .meni-glavni, .page-id-408 .desno, .page-id-30 .meni-glavni, .page-id-30 .desno {position:relative; z-index:-440; display:block; visibility:visible;} .page-id-408 .sub-menu, .page-id-30 .sub-menu {position:absolute; z-index:-10; display:block; visibility:visible; height:calc(100vh - 130px); overflow:auto;} .sub-menu {} .sub-menu li {float:left; overflow:hidden; position:relative; min-width:100px; width:44%; max-width:350px; min-height:180px; height:33%; max-height:300px; margin:10px; background-size:cover;} .sub-menu li:before {content:" "; display:block; position:absolute; left:0; bottom:0; width:100%; height:30%; background:#E6E6E6;} .sub-menu a {float:none; display:flex; align-items:flex-end; position:absolute; width:94%; height:97%; padding:0 3% 3% 3%; color:#000; font-size:13px; line-height:1.1; letter-spacing:1px;} .sub-menu a:hover {letter-spacing:0.8px; font-size:13px;} .menu-item-376, .menu-item-34 {background:#E6E6E6 url("img/tekstilke-tmb.jpg") no-repeat;} .menu-item-244, .menu-item-381 {background:#E6E6E6 url("img/naenkrat-tmb.jpg") no-repeat;} .menu-item-372, .menu-item-380 {background:#E6E6E6 url("img/doma-tmb.jpg") no-repeat;} .menu-item-373, .menu-item-379 {background:#E6E6E6 url("img/diwan-tmb.jpg") no-repeat;} .menu-item-374, .menu-item-378 {background:#E6E6E6 url("img/bosna-tmb.jpg") no-repeat;} .menu-item-375, .menu-item-377 {background:#E6E6E6 url("img/bombaz-tmb.jpg") no-repeat;} .menu-item-382 a {padding:0 0 0 10px;} li.page-item-30>a, li.page-item-408>a, li.page-item-19>a, li.page-item-217>a, li.page-item-222>a, li.page-item-5>a, li.page-item-7>a, li.page-item-219>a {text-transform:UPPERCASE; font-weight:bold;} .page-item-30 > ul > li > a, .page-item-408 > ul > li > a {text-transform:none !important; font-weight:300;} .page-item-19 .children, .page-item-217 .children {display:none;} .lang-item-10, .lang-item-19 {position:fixed; right:50px; top:10px; font-size:20px; z-index:100;} .page-id-30 .lang-item-10, .page-id-408 .lang-item-19 {display:none;} #popout {display:block; position:absolute; width:100%; height:calc(100vh - 51px); top:-100vh; left:0; overflow:auto; z-index:-1; box-sizing:border-box; -moz-box-sizing:border-box; background:white;} #popout.active {top:51px; -webkit-transition:top 1s; -moz-transition:top 1s; -ms-transition:top 1s; -o-transition:top 1s; transition:top 1s;} #popout a {color:black !important;} #popout a:hover {color:#cd0000 !important;} #popout ul {padding:5px 0 0 0 !important;} #popout li {padding:0 10px !important;} .toggle {display:block; position:fixed; right:10px; top:2px; width:30px; height:30px; z-index:52;} .toggle:after, .toggle:before, .toggle div {display:block; background-color:#9E0007; border-radius:2px; content:' '; height:3px; margin:7px 0; transition:all .2s ease-in-out;} .toggle.active:before {transform: translateY(10px) rotate(135deg);} .toggle.active:after {transform: translateY(-10px) rotate(-135deg);} .toggle.active div {transform: scale(1);} .nav-menu > ul > li {float:left; min-width:280px; width:45%; margin:0 0 20px 0;} .nav-menu > ul > li > ul > li {width:90%;} .nav-menu a {display:block; width:100%; padding:10px 0 !important;} article {float:left; width:100%; min-height:calc(100vh - 35px); padding:100px 20px 40px 20px; box-sizing:border-box; -moz-box-sizing:border-box;} .mCSB_inside > .mCSB_container {margin:0 !important;} .wp-block-group.bio-awards div, .wp-block-media-text {margin:30px 0;} h2 {font-size:22px; font-family:'Cardo', serif;} h3 {font-size:17px; color:black !important; font-family:'Cardo', serif; line-height:1.5;} .menu-item-538, .menu-item-532 {display:none;} #contain-knjige h2, #contain-knjige h3, #contain-knjige p {padding:10px 0;} .meni-knjige {overflow-y:scroll; float:right; width:100%; height:; padding:0 0 0 25px; overflow:hidden;} #menu-navigacija-knjige li, #menu-navigation-books li {height:100px; margin:20px 0px; font-size:12px; filter:grayscale(100%); background-color:#E6E6E6;} #menu-navigacija-knjige li:hover, #menu-navigation-books li:hover, .current-menu-item {height:100px; margin:20px 0px; font-size:12px; filter:grayscale(0%);} .menu-item-1116, .menu-item-1117 {background:#fff url("img/Hotavlje-tmb.jpg") no-repeat left 0 top 0px; background-size:145px;} .menu-item-1107, .menu-item-1110 {background:#fff url("img/Trije pogledi-tmb.jpg") no-repeat left top 0px; background-size: 145px;} .menu-item-1069, .menu-item-1068 {background:#fff url("img/nismo_stroji-tmb.jpg") no-repeat left top 0px; background-size: 145px;} .menu-item-950, .menu-item-951 {background:#fff url("img/cakamo-zaman-tmb.jpg") no-repeat left top 0px; background-size: 145px;} .menu-item-965, .menu-item-966 {background:#fff url("img/ste-prisli-tmb.jpg") no-repeat left top 0px; background-size: 145px;} .menu-item-522, .menu-item-608 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top 0px;} .menu-item-520, .menu-item-606 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -100px;} .menu-item-527, .menu-item-962 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -200px;} .menu-item-519, .menu-item-605 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -300px;} .menu-item-524, .menu-item-610 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -400px;} .menu-item-667, .menu-item-611 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -500px;} .menu-item-526, .menu-item-612 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -600px;} .menu-item-517, .menu-item-603 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -700px;} .menu-item-521, .menu-item-607 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -800px;} .menu-item-523, .menu-item-609 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -900px;} .menu-item-518, .menu-item-604 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -1000px;} .menu-item-528, .menu-item-614 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -1100px;} #menu-navigacija-knjige a, #menu-navigation-books a {display:flex; align-items:flex-end; width:60%; height:100%; margin:0 0 0 40%; padding:0 5px 0 5px; letter-spacing:.6px; background:#E6E6E6;} #menu-navigacija-knjige a:hover, #menu-navigation-books a:hover {letter-spacing:.5px;} .forcefullwidth_wrapper_tp_banner {width:calc(100% + 40px) !important; height:65vh !important; margin: 0 -20px 20px -20px !important;} .rev_slider_wrapper {left:0 !important;} .img_podpis {display:none;} .tp-leftarrow {display:none !important;} .tparrows:before {display:none !important;} .tp-rightarrow {display:none !important;} #contain-series h2 {top:0; padding:0; text-align:left !important; font-size:calc(16px + 0.4vw) !important; opacity:1 !important; visibility:visible !important;} .besedilo-zgodbe {display:none; /*position:absolute; bottom:10%; width:50%; margin:0 20%;*/} .tp-parallax-wrap.naslov-zgodbe {position:relative !important; left:20% !important; top:0 !important; margin:0 220px 0 0; visibility:visible !important; text-align:left !important; opacity:1 !important;} .tp-parallax-wrap.naslov-zgodbe tp-caption {text-align:left !important; opacity:1 !important; visibility:visible !important;} .tp-caption {opacity:1 !important; visibility:visible !important;} .tp-parallax-wrap.tekst-zgodbe {position:relative !important; left:20% !important; top:15% !important; bottom:480px !important; visibility:initial !important;} p.zgodbe {font-family:'Muli', sans-serif; font-size:13px !important; text-align:left !important;} .besedilo-zgodbe {display:none; margin:20px 0;} .besedilo-zgodbe h2 {} .besedilo-zgodbe h3 {line-height:1; padding:50px 0 10px 0; font-size:24px;} .besedilo-zgodbe p {margin:20px 0 0 0;} .besedilo-zgodbe strong {font-size:14px;} #contain-knjige .rev_slider_wrapper {height:320px !important;} #contain-knjige .rev_slider_wrapper div {height:100% !important;} #contain-knjige .tp-bgimg {width:;} .spodaj {height:12vh;} a.podpisi-naslovna {display:block; padding:5px 5px 5px 5px !important; text-transform: capitalize; color:#E6E6E6 !important; font-weight:200 !important; font-size:16px; background-image:url("img/goto.png") !important; background-repeat: no-repeat; background-position:left bottom;} .podnaslov {display:none; color:black;} .kontakt, .contact {display:none; visibility:hidden;} .kontakt table, .contact table {width:100% !important;} .page-id-7 > .kontakt, .page-id-7 > .contact, .page-id-219 > .kontakt, .page-id-219 > .contact {display:none; visibility:hidden;} .contain-ostalo > .kontakt, .contain-ostalo > .contact {display:block; margin:0; padding:20px 0; background:rgba(255, 255, 255, 0.95); z-index:10; transition:bottom 1s; color:black; box-sizing:border-box; -moz-box-sizing:border-box; width:100%; visibility:visible;} .spodaj .podnaslov {position:absolute; left:20px; top:70px;} .podpis {position:relative; bottom:0; display:inline-block; width:100%; padding:10px 80px 5px 10px; margin:0 35px 0 0; font-size:9px; border-top:1px dashed #222;} .podpis a:hover {letter-spacing:.01px;} .noga {display:none;} } /************************************************************************************************************************************************/ /******************************************************** TABLETS & LAPTOPS *************************************************************/ /************************************************************************************************************************************************/ @media screen and (min-width: 740px) and (min-height: 581px) { body {position:relative; height: 100vh !important; overflow:hidden; z-index:-30;} .glava {position:unset; top:0; left:0; width:calc(100% - 70px); height:55px; padding:15px 35px; border-bottom:2px dashed #9E0007; background:white; z-index:20;} .lang {display:none;} .levo {float:left; margin:15px 0 0 0;} .levo h1 {padding:0; font-size:29px; color:#9E0007;} .levo a {color:#9E0007;} .levo a:hover {font-weight:700 !important; color:#9E0007;} #toggle {display:none;} #popout {display:none;} .desno {display:inline-block; float:right; width:360px; margin:27px 0 0 0;} .meni-glavni li {width:auto;} .meni-glavni a {text-transform:unset; font-size:18px; font-weight:200; letter-spacing:1px; cursor:pointer;} .menu a {float:left; padding:0 60px 0 0; color:#9E0007;} .lang-item a {float:left; padding:0; font-size:14px; margin:3px 0 0 0;} .menu-item-382.current_page_item a, .menu-item-413.current_page_item a, .menu-item-538.current_page_item a, .menu-item-532.current_page_item a {font-weight:500; letter-spacing:.6px;} .lang-item-10, .lang-item-19 {float:right; width:auto !important; padding:0;} .lang-item-10 a, .lang-item-19 a {padding:0;} .lang-item-19:after {content:"/ "; padding:0 8px 0 5px; font-size:18px; font-weight:200;} .sub-menu {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; position:absolute; top:calc(-102vh + 280px); left:0; width:calc(100% - 30px); height:calc(100vh - 240px); padding:15px; background:rgba(255, 255, 255, 0.95); -webkit-transition:top 1s; -moz-transition:top 1s; -ms-transition:top 1s; -o-transition:top 1s; transition:top 1s; z-index:-10;} .sub-menu.active {top:85px; -webkit-transition:top 1s; -moz-transition:top 1s; -ms-transition:top 1s; -o-transition:top 1s; transition:top 1s;} .sub-menu li {float:none; overflow:visible; position:relative; min-width:150px; width:25%; max-width:300px; min-height:125px; height:28%; max-height:300px; margin:20px 20px 50px 20px; background-size:cover;} .sub-menu li:before {content:" "; display:block; position:absolute; left:0; bottom:-50px; width:100%; height:50px; background:#E6E6E6;} .sub-menu a {float:none; display:flex; align-items:flex-end; position:absolute; width:90%; height:calc(95% + 50px); padding:0 5% 5% 5%; color:#000; font-size:14px; line-height:1.1;} .sub-menu a:hover {letter-spacing:.6px;} .sub-menu li:hover:before {height:60px; transition:height .5s;} .menu-item-382.active > a, .menu-item-413.active > a {font-weight:500; color:#9E0007; letter-spacing:.6px;} .menu-item-376, .menu-item-34 {background:#E6E6E6 url("img/tekstilke-tmb.jpg") no-repeat;} .menu-item-244, .menu-item-381 {background:#E6E6E6 url("img/naenkrat-tmb.jpg") no-repeat;} .menu-item-372, .menu-item-380 {background:#E6E6E6 url("img/doma-tmb.jpg") no-repeat;} .menu-item-373, .menu-item-379 {background:#E6E6E6 url("img/diwan-tmb.jpg") no-repeat;} .menu-item-374, .menu-item-378 {background:#E6E6E6 url("img/bosna-tmb.jpg") no-repeat;} .menu-item-375, .menu-item-377 {background:#E6E6E6 url("img/bombaz-tmb.jpg") no-repeat;} article {/*overflow-y:auto;*/ position:relative; left:0; top:0; float:left; width:100%; height:calc(100% - 270px); margin:30px 0; z-index:-20;} .page-series {text-align:left;} #contain::-webkit-scrollbar {display:none;} #contain > div {display:block;} #contain-knjige, .contain-ostalo {float:left; width:60%; height:100%; margin:auto 0 auto 35px; overflow-y:visible; overflow-x:hidden;} .opis-knjige {float:left; min-width:260px; max-width:100%; margin:0 0 0 0; font-size:13px;} .contain-ostalo {overflow-y:auto; bottom:0; position:absolute; width:64%; height:100%; margin:0 0 0 35px; float:left; width:calc(100% - 70px); max-width:inherit; min-width:inherit;} .wp-block-group.bio-awards {float:left; width:44%;} .wp-block-group.bio {float:left; width:100%; margin:0 35px 0 0;} .wp-block-group.bio p {margin:0 0 35px 0; font-size:14px; line-height:1.55;} .wp-block-group.awards {float:left; width:100%; margin:0 35px 0 0;} .wp-block-group.awards li {font-size:14px; line-height:1.5; letter-spacing:0.1px;} .wp-block-group.awards h3 {font-size:22px; line-height:3;} .wp-block-group.bio p, .wp-block-group.awards li, .wp-block-group.awards h3 {padding:0;} .wp-block-group.alignwide {float:right; width:calc(54% - 35px) !important; height:initial; padding:0 35px 0 0;} .wp-block-group.alignwide p {padding:0; font-size:13px;} .wp-block-media-text, .mCSB_container .wp-block-group {padding:0 0 100px 0;} .rev_slider_wrapper {height:100% !important;} .page-template-page-knjiga .rev_slider_wrapper {min-width:200px !important; width:60vw !important; height:50% !important;} .opis-knjige h2, .page-series h2, .page-ostalo h2 {padding:20px 0 20px 20px; font-family:'Cardo', serif; font-size:24px; /* background:rgba(255,255,255,0.8); */ text-transform:unset; letter-spacing:2px;} .opis-knjige h2 {width:100%;} .opis-knjige h3, .page-series h3, .page-ostalo h3 {padding:50px 0 0 20px; font-family:'Cardo', serif; font-size:22px; text-transform:unset; letter-spacing:1px; line-height:1;} .opis-knjige p, .page-ostalo p, .page-ostalo li {padding:20px 0 0 20px; letter-spacing:0.6px; line-height:1.5; } .page-ostalo li {list-style-type:disc; list-style-position:inside;} .opis-knjige p:first-of-type {font-size:15px; font-weight:500 !important; font-size:11px; line-height:1.2; letter-spacing:.4px;} .meni-knjige {overflow-y:scroll; overflow-x:hidden; float:right; width:30%; height:100%; padding:0 0 0 25px;} #menu-navigacija-knjige li, #menu-navigation-books li {height:100px; margin:20px 0px; font-size:12px; filter:grayscale(100%);} #menu-navigacija-knjige li:hover, #menu-navigation-books li:hover, /* .current-menu-item */ {height:100px; margin:20px 0px; font-size:12px; filter:grayscale(0%) !important;} .menu-item-1116, .menu-item-1117 {background:#fff url("img/Hotavlje-tmb.jpg") no-repeat left 0 top 0px; background-size: 40%;} .menu-item-1107, .menu-item-1110 {background:#fff url("img/Trije pogledi-tmb.jpg") no-repeat left 0 top 0px; background-size: 40%;} .menu-item-1069, .menu-item-1068 {background:#fff url("img/nismo_stroji-tmb.jpg") no-repeat left 0 top 0px; background-size: 35%;} .menu-item-950, .menu-item-951 {background:#fff url("img/cakamo-zaman-tmb.jpg") no-repeat left 0 top 0px; background-size: 35%;} .menu-item-965, .menu-item-966 {background:#fff url("img/ste-prisli-tmb.jpg") no-repeat left 0 top 0px; background-size: 35%;} .menu-item-522, .menu-item-608 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top 0px;} .menu-item-520, .menu-item-606 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -100px;} .menu-item-962, .menu-item-527 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -200px;} .menu-item-519, .menu-item-605 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -300px;} .menu-item-524, .menu-item-610 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -400px;} .menu-item-667, .menu-item-611 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -500px;} .menu-item-526, .menu-item-612 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -600px;} .menu-item-517, .menu-item-603 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -700px;} .menu-item-521, .menu-item-607 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -800px;} .menu-item-523, .menu-item-609 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -900px;} .menu-item-518, .menu-item-604 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -1000px;} .menu-item-528, .menu-item-614 {background:#fff url("img/knjige-tmb.jpg") no-repeat left -55px top -1100px;} #menu-navigacija-knjige a, #menu-navigation-books a {display:flex; align-items:flex-end; width:67%; height:100%; margin:0 0 0 30%; padding:0 5px 0 5px; letter-spacing:.6px; background:#E6E6E6;} #menu-navigacija-knjige a:hover, #menu-navigation-books a:hover {letter-spacing:.5px;} #contain-series {height:100%; font-size:11px;} #contain-series h2 {top:0; padding:0; text-align:left !important; font-size:calc(16px + 0.4vw) !important;} .besedilo-zgodbe {display:none; /*position:absolute; bottom:10%; width:50%; margin:0 20%;*/} .tp-parallax-wrap.naslov-zgodbe {position:relative !important; left:20% !important; top:0 !important; margin:0 220px 0 0; visibility:visible !important; opacity:1 !important; text-align:left !important;} .tp-parallax-wrap.naslov-zgodbe tp-caption {text-align:left !important;} .tp-caption {visibility:visible !important; opacity:1 !important;} .tp-parallax-wrap.tekst-zgodbe {position:relative !important; left:20% !important; top:15% !important; bottom:480px !important; visibility:initial !important;} .tp-parallax-wrap.tekst-zgodbe a, .tp-parallax-wrap.tekst-zgodbe strong {font-family:'Muli',sans-serif;} .tp-parallax-wrap.pesem-zgodbe {left:initial !important; right:55% !important; top:initial !important; bottom:330px !important; font-size:14px !important; visibility:initial !important;} p.pesem-zgodbe {font-size:14px !important;} p.zgodbe {text-size:13px !important;} h2.zgodbe {visibility:visible !important; opacity:1;} .tp-parallax-wrap.tekst-zgodbe .tp-resizeme {width:500px !important; max-width:unset !important; min-width:unset !important;} .tp-parallax-wrap.naslov-zgodbe .tp-resizeme {width:650px !important; max-width:unset !important; min-width:unset !important;} .pesem-zgodbe h3 {padding:0 !important; text-align:left !important; line-height:1;} .pesem-zgodbe p {padding:0 !important; text-align:left !important; line-height:1.25; letter-spacing: 0.7px;} p.avtorji {width:400px; margin:0 0 0 -450px; text-align:right !important; font-weight:700;} /* .page-id-211, .page-id-349, .page-id-211 .forcefullwidth_wrapper_tp_banner li, .page-id-349 .forcefullwidth_wrapper_tp_banner li, .page-id-211 .forcefullwidth_wrapper_tp_banner > div, .page-id-349 .forcefullwidth_wrapper_tp_banner > div {background:black !important; color:white;} .page-id-211 .forcefullwidth_wrapper_tp_banner .tp-parallax-wrap p, .page-id-349 .forcefullwidth_wrapper_tp_banner .tp-parallax-wrap p, .page-id-211 .forcefullwidth_wrapper_tp_banner h2, .page-id-349 .forcefullwidth_wrapper_tp_banner h2 {color:white !important;} .tp-caption {visibility:visible !important; opacity:1 !important;} */ .img_podpis {display:none;} .spodaj {position:absolute; bottom:0; left:0; height:12vh; display:inline-block; width:100%; z-index:20; border-top:2px dashed #222; background:white;} .spodaj .podnaslov h2 {width:100%; text-transform:unset; font-family:'Cardo', serif; font-size:18px; letter-spacing:2px;} .spodaj .podnaslov p {font-family:'Cardo', serif; font-size:18px; letter-spacing:2px;} .spodaj nav {width:200px; margin: 0 35px 0 calc(100% - 770px);} .spodaj nav li {float:left; padding:0;} .menu-item-9 {float:right !important;} .spodaj nav a {font-size:18px;} .podnaslov {float:left; display:inline-block; width:500px; min-height:16px; margin:0 0 0 35px; padding:20px 0 0 0;} .podnaslov * {display:inline-block; width:auto; color:black;} .meni-stranski {float:left; display:inline-block; width:calc(100% - 1024px); padding:10px 0 20px 0; letter-spacing:1px;} .meni-stranski li {float:left; margin:0;} .meni-stranski a {padding:0; font-size:15px; color:#333333; font-weight:200; cursor:pointer;} .menu-item-406, .menu-item-407 {float:right !important;} .menu-item-406.active a, .menu-item-407.active a, .menu-item-10.current_page_item a, .menu-item-237.current_page_item a {font-weight:500; letter-spacing:.6px;} .podpis {position:absolute; right:0; bottom:0; display:block; padding:0 80px 10px 0; margin:0 35px 0 0; font-size:9px;} .podpis p, .podpis a {float:right;} .podpis a:hover {letter-spacing:.01px;} .kontakt, .contact {position:absolute; bottom:calc(-100vh + 300px); left:0; width:calc(100% - 70px); height:calc(100vh - 610px); margin:0; padding:200px 35px; background:rgba(255, 255, 255, 0.95); z-index:10; transition:bottom 1s; color:black;} .kontakt.active, .contact.active {position:absolute; bottom:120px; transition:bottom 1s;} .noga {position:absolute; right:35px; bottom:10px; height:auto; margin:0; padding:0; font-size:9px; color:#333333; z-index:20;} .noga p {float:right; margin:0; padding:0;} } /************************************************************************************************************************************************/ /*********************************************************** FULL SIZE MONITOR *******************************************************************/ /************************************************************************************************************************************************/ @media screen and (min-width: 1280px) and (min-height: 960px) { body {overflow:unset;} .glava {width:calc(100% - 170px); height:55px; margin:0 50px; padding:45px 35px 15px 35px;} .levo {float:left; margin:0;} .levo h1 {padding:0; font-size:36px; font-weight:700;} .desno {width:500px; margin: 20px 0 0 0;} .meni-glavni a {display:block; float:left;} .menu a {padding:0 85px 0 0;} li.lang-item-10, li.lang-item-19 {float:right;} .lang-item-10 a, .lang-item-19 a {padding:0;} .sub-menu {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; position:absolute; top:calc(-100vh + 349px); left:50px; width:calc(100% - 130px); height:calc(100vh - 264px); transition:top 1s;} .sub-menu.active {top:118px; transition:top 1s;} .sub-menu li {float:none; overflow:visible; position:relative; min-width:300px; width:29%; max-width:600px; min-height:200px; height:33%; max-height:600px; margin:20px 20px 80px 20px; transition:none;} .sub-menu.active li {} .sub-menu li:before {bottom:-80px; height:80px;} .sub-menu li:hover:before {height:90px; transition:height .5s;} .sub-menu a {float:none; display:flex; align-items:flex-end; position:absolute; left:0; top:0; width:90%; height:calc(95% + 80px); padding:0 5% 5% 5%; vertical-align:bottom; font-size:18px; line-height:1.5;} article {float:left; width:100%; height:calc(100% - 385px); margin:75px 0; } #contain {float:left; padding:0 35px;} #contain-knjige, .contain-ostalo {height:100%; margin:auto 85px;} #contain-series {height:100%; font-size:12px; text-align:right;} .opis-knjige {float:left; height:90%;} .opis-knjige div {bottom:10%;} .opis-knjige p {font-size:18px;} .opis-knjige p:first-of-type {font-size:16px; font-weight:700 !important; line-height:1.2; letter-spacing:.5px;} .meni-knjige {width:20%;} .wp-block-group.bio-awards {float:left; width:535px;} .wp-block-group.bio {float:unset; width:500px; margin:0 35px 35px 0;} .wp-block-group.bio p {margin:0 0 35px 0; font-size:14px; line-height:1.55;} .wp-block-group.awards {float:unset; width:500px; margin:0 35px 35px 0;} .wp-block-group.awards li {font-size:14px; line-height:1.5; letter-spacing:0.1px;} .wp-block-group.awards h3 {font-size:22px; line-height:3;} .wp-block-group.bio p, .wp-block-group.awards li, .wp-block-group.awards h3 {padding:0;} .wp-block-group.alignwide {float:unset; position:absolute; right:0; width:40% !important; height:100%; padding:0;} .wp-block-group.alignwide p {padding:0;} .rev_slider_wrapper {height:100%;} .page-template-page-knjiga .rev_slider_wrapper {min-width:280px !important; width: 60% !important; } .contain-ostalo {width:calc(100% - 170px);} .tp-parallax-wrap.naslov-zgodbe {right:50% !important; bottom:580px !important;} .tp-parallax-wrap.tekst-zgodbe {right:50% !important; bottom:470px !important;} .tp-parallax-wrap.pesem-zgodbe {left:initial !important; right:55% !important; top:initial !important; bottom:580px !important;} .spodaj {display:inline-block; width:calc(100% - 100px); height:8vh; margin:0 50px; padding: 30px 0 0 0;} .spodaj .podnaslov h2 {width:auto; font-size:20px;} .spodaj nav {float:left; width:250px; margin:0 0 0 calc(100% - 1075px);} .spodaj nav li {float:left; padding:0 40px 0 0;} .podnaslov {margin:0 0 0 35px; padding:0;} .podnaslov * {display:inline-block; width:auto;} .meni-stranski {display:inline-block; width:calc(100% - 1024px); padding:3px 0 0 0; letter-spacing:1px;} .meni-stranski li {margin:0;} .meni-stranski a {padding:0 !important;} .podpis {position:absolute; right:0; bottom:61px; display:block; margin:0 115px 0 0; padding:13px 0 0 0; font-size:9px;} /* .podpis p, .podpis a {float:right;} */ .kontakt, .contact {position:absolute; left:0; bottom:calc(300px - 100vh); width:calc(100% - 170px); height:calc(100vh - 636px); margin:50px; padding:200px 35px; z-index:10; transition:bottom 1s;} .kontakt.active, .contact.active {position:absolute; bottom:68px; transition:bottom 1s;} .noga {position:absolute; right:0; bottom:61px; height:auto; margin: 0 85px 0 0; padding:0 ; font-size:9px; color:#333333;} .noga p {margin:0;} } /************************************************************************************************************************************************/ /************************************************** INTERNET F****** EXPLORER *****************************************************************/ /************************************************************************************************************************************************/ /* IE10+ CSS styles go here */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {} /* 8-9 CSS styles go here */ /* IE Edge 12+ CSS styles go here */ @supports (-ms-accelerator:true) {}