/* Theme Name: toplogistic-theme Version: 1.0 Author: Robert Ryba (ryboxx design) */ body { backgorund: #fff; font-family: open_sansregular; color: #1e272e; font-size: 15px; } .mobile { display: none; } h1, h2, h3, h4 { display: block; font-weight: normal; font-size: 22px; } h1, h2 { font-size: 25px; text-transform: uppercase; } header nav ul li a, .green-box .lang-module a, footer .quick-access-module ul li ul li a, .offer-module .row .item h3, .form-box input.submit { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } a.more-button { display: block; width: 150px; text-transform: uppercase; color: #1e272e; line-height: 30px; margin-top: 20px; float: right; } a.more-button span { float: left; display: block; height: 30px; } a.more-button span.title { width: 80%; } a.more-button span.icon { width: 18%; border: 1px solid #5e9c2f; border-radius: 10px; background: url(images/icon-more.png) center center no-repeat; } .wrapper { width: 960px; margin: 0 auto; } .green-box a, footer .contact-module a { font-family: open_sansbold; } header nav, .offer-module .row .item, h1, h2, footer .quick-access-module ul li a, .copyright-box { font-family: open_sanslight; } header { background: #1a1f25; border-top: 5px solid #5e9c2f; border-bottom: 5px solid #1e272e; height: 76px; overflow: hidden; } header a, #slideshow a { text-decoration: none; } header .logo-box { float: left; width: 30%; position: relative; } header .logo-box h1 { position: absolute; top: -100px; height: 5px; overflow: hidden; } header .logo-box img { margin-top: -5px; } header nav { float: left; width: 70%; text-align: right; } header nav ul { list-style: none; margin: 0; padding: 0; margin-top: 15px; } header nav ul li { float: left; } header nav ul li a { display: block; text-transform: uppercase; color: #fff; padding: 12px 15px; border: 2px solid #1a1f25; border-radius: 10px; margin-left: 15px; } header nav ul li a:hover, header nav ul li.current-menu-item a, header nav ul li.current-post-ancestor a, header nav ul li.current-page-ancestor a { border: 2px solid #5e9c2f; } #slideshow { position: relative; } #slideshow.subpage { margin-bottom: 50px; } #slideshow .white-box { width: 100%; height: 180px; background: rgba(255,255,255,0.8); position: absolute; z-index: 800; bottom: 0; } .green-line { width: 100%; position: absolute; bottom: 180px; z-index: 900; background: rgba(94,156,47,0.9); min-height: 68px; } #slideshow.subpage .green-line { bottom: 0; } .green-box { color: #fff; text-transform: uppercase; padding: 10px 0; } .green-box span { display: inline-block; position: relative; top: -15px; margin-right: 10px; } .green-box .media-module { float: left; margin-right: 80px; } .green-box .media-module a, .green-box .lang-module a { display: inline-block; width: 45px; height: 40px; border: 2px solid #fff; border-radius: 10px; color: #fff; font-size: 17px; text-align: center; line-height: 40px; overflow: hidden; } #slideshow.subpage .green-box { float: right; } .green-box .lang-module a:hover, .green-box .lang-module a.current { background: #fff; color: #5e9c2f; } .green-box .lang-module { float: left; } .green-box .media-module a.fb { background: url(images/icon-fb.png) center center no-repeat; } .green-box .media-module a.tw { background: url(images/icon-twitter.png) center center no-repeat; } .offer-module { width: 100%; position: absolute; bottom: -180px; z-index: 900; overflow: hidden; } .offer-module.offer-page { position: static; } .offer-module h2 { position: absolute; top: -100px; } .offer-module .row .item { display: block; float: left; width: 190px; padding: 25px; height: 130px; background: #3b753e; /* Old browsers */ background: -moz-linear-gradient(top, #3b753e 0%, #5e9c2f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b753e), color-stop(100%,#5e9c2f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3b753e 0%,#5e9c2f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3b753e 0%,#5e9c2f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3b753e 0%,#5e9c2f 100%); /* IE10+ */ background: linear-gradient(to bottom, #3b753e 0%,#5e9c2f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b753e', endColorstr='#5e9c2f',GradientType=0 ); /* IE6-9 */ color: #fff; font-size: 25px; text-transform: uppercase; text-align: right; line-height: 27px; } .offer-module .row.one .item:nth-child(2), .offer-module .row.two .item:nth-child(2n) { background: #1a1f25; /* Old browsers */ background: -moz-linear-gradient(top, #1a1f25 0%, #1e272e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1f25), color-stop(100%,#1e272e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1a1f25 0%,#1e272e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1a1f25 0%,#1e272e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1a1f25 0%,#1e272e 100%); /* IE10+ */ background: linear-gradient(to bottom, #1a1f25 0%,#1e272e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1f25', endColorstr='#1e272e',GradientType=0 ); /* IE6-9 */ } .offer-module .row.one .item h3, .offer-module .row.two .item:first-child h3, .offer-module .row.three .item h3 { position: relative; top: -27px; } .offer-module .row .item h3 { border-bottom: 1px solid #fff; padding: 20px 0; position: relative; } .offer-module .row .item:hover h3 { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg); -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg); -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg); } .offer-module .row.one .item:nth-child(2) { border-top-left-radius: 20px; } .offer-module .row.one .item:last-child { border-top-right-radius: 20px; } .offer-module .row.two .item:last-child { border-bottom-right-radius: 20px; } .offer-module .row.three .item { border-bottom-left-radius: 20px; } .offer-module .row .item.bg { background: none; font-size: 15px; text-align: right; line-height: 15px; position: relative; } .offer-module .row .item.bg img { display: none; } .offer-module.offer-page .row .item.bg img { display: block; } .offer-module .row .item.bg .green-box { position: absolute; bottom: 0; } .offer-module .row.one .item.bg { width: 480px; height: 180px; padding: 0; } .offer-module .row.three .item.bg:first-child { width: 240px; height: 180px; padding: 0; } .offer-module .row.three .item.bg:last-child { width: 480px; height: 180px; padding: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 20px; } .offer-module.offer-page .row.one .item:nth-child(2) { border-top-left-radius: 0; } .offer-module.offer-page .row.two .item:last-child { border-bottom-right-radius: 0; } .offer-module.offer-page .row.three .item:nth-child(2) { border-bottom-left-radius: 0; } .offer-module.offer-page .row.one .item.bg { border-top-left-radius: 20px; } .grid.two-columns .left-column { float: left; width: 50%; } .grid.two-columns .right-column { float: left; width: 46%; margin-left: 4%; } .grid.two-columns.subpage .left-column { width: 66%; } .grid.two-columns.subpage .right-column { width: 30%; margin-left: 4%; } .grid.two-columns.subpage .right-column .box { background: #f5f6f6; border-radius: 20px; padding-bottom: 25px; } .grid.two-columns.subpage .right-column .box h2 { border-bottom: 1px solid #ececec; padding: 25px; margin: 0; } .grid.two-columns.subpage .right-column .box ul { margin: 0; padding: 0; list-style: none; } .grid.two-columns.subpage .right-column .box li a { display: block; padding: 15px 25px; padding-left: 50px; background: url(images/icon-more.png) 25px center no-repeat; border-bottom: 1px solid #ececec; color: #1e272e; } .grid.two-columns.subpage .right-column .box li:last-child a { border-bottom: 0; } .grid.two-columns.subpage .right-column .box li a:hover, .grid.two-columns.subpage .right-column .box li.current a { background-color: #ececec; } #content { margin-bottom: 70px; line-height: 25px; } #content a { text-decoration: none; } #content .home-img-box { width: 100%; height: 350px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; margin-bottom: 50px; } .aboutus-module .txt { height: 128px; overflow: hidden; } .news-module { background: #f5f6f6; border-radius: 20px; margin-top: 30px; padding: 25px 0; } .grid.two-columns.subpage .news-module { margin-top: 0; background: none; padding: 0; } .news-module h2 { border-bottom: 1px solid #ececec; padding: 0 25px; padding-bottom: 20px; margin: 0; margin-bottom: 25px; } .grid.two-columns.subpage .news-module h2 { padding: 0; padding-bottom: 20px; margin-top: 0; border-bottom: none; } .news-module .item { margin: 0 25px; margin-bottom: 30px; } .grid.two-columns.subpage .news-module .item { margin: 0; margin-bottom: 30px; } .news-module .item .head-line { margin-bottom: 20px; } .news-module .item .date, .news-module .item h3 { float: left; height: 50px; overflow: hidden; color: #5e9c2f; font-size: 17px; } .news-module .item .date { width: 27%; line-height: 50px; border-right: 2px solid #ececec; font-family: open_sanssemibold; } .grid.two-columns.subpage .news-module .item .date { width: 20%; text-align: center; } .grid.two-columns.subpage.single .news-module .item .date { float: none; width: 30%; border-bottom: 2px solid #ececec; border-right: none; text-align: left; margin-bottom: 20px; } .news-module .item h3 { width: 68%; padding-left: 4%; overflow: hidden; margin: 0; } .grid.two-columns.subpage.single .news-module .item h3 { float: none; font-size: 20px; padding-left: 0; width: 100%; height: auto; line-height: 25px; } .grid.two-columns.subpage .news-module .item h3 { width: 75%; line-height: 50px; } .news-module .item h3 a { color: #5e9c2f; text-decoration: none; } .news-module .item .name a:hover { text-decoration: underline; } .news-module .item .txt { height: 202px; overflow: hidden; } .grid.two-columns.subpage .news-module .item .txt { height: 125px; } .grid.two-columns.subpage.single .news-module .item .txt { height: auto; } .news-module .bottom { border-top: 2px solid #ececec; padding: 0 25px; } .grid.two-columns.subpage .news-module .bottom { margin-top: 20px; border: none; padding: 0; } footer { background: #1e272e; border-top: 5px solid #5e9c2f; color: #fff; padding: 40px 0; } footer a { text-decoration: none; } footer .quick-access-module { float: left; width: 65%; } footer .quick-access-module a { color: #fff; } footer .quick-access-module ul { display: block; margin: 0; padding: 0; } footer .quick-access-module ul li { display: block; float: left; width: 50%; } footer .quick-access-module ul li:first-child { width: 40%; } footer .quick-access-module ul li:last-child { width: 60%; } footer .quick-access-module ul li a { display: block; font-size: 25px; margin-bottom: 40px; } footer .quick-access-module ul li ul li { float: none; width: 100%; } footer .quick-access-module ul li ul li:first-child, footer .quick-access-module ul li ul li:last-child { width: 100%; } footer .quick-access-module ul li ul li a { font-size: 15px; margin-bottom: 22px; font-family: open_sansregular; background: url(images/icon-more.png) left center no-repeat; padding-left: 20px; } footer .quick-access-module ul li ul li a:hover { color: #5e9c2f; } footer .contact-module { float: left; width: 35%; } footer .contact-module a { color: #5e9c2f; font-size: 20px; } footer .contact-module a:hover { text-decoration: underline; } footer .contact-module h2 { margin-top: 0; } .copyright-box { height: 55px; line-height: 55px; text-align: center; font-size: 13px; } .copyright-box a { font-family: open_sanssemibold; text-decoration: none; color: #1e272e; } .gallery { margin-top: 40px; } .gallery .item, .grid.two-columns.subpage .news-module .item .gallery .item { display: block; float: left; width: 47.5%; margin: 0 1%; height: 165px; margin-bottom: 15px; border: 1px solid #d5d3d3; position: relative; border-radius: 20px; } .gallery.big .item { width: 22.7%; height: 165px; } .gallery .item span.roll { position: absolute; width: 100%; height: 100%; background: #fff url(images/small-hover-gallery.png) center center no-repeat; } .wp-pagenavi { text-align: center; margin-top: 50px; } .wp-pagenavi a, .wp-pagenavi span { border-radius: 5px; } .contact-page .info-box { float: left; width: 50%; margin-right: 5%; } .contact-page .info-box a { color: #5e9c2f; text-decoration: underline; } .contact-page .form-box { float: left; width: 45%; } .form-box input, .form-box textarea { border: 1px solid #d5d3d3; margin-bottom: 6px; padding: 0 8%; border-radius: 10px; } .form-box input { width: 50%; height: 45px; } .form-box textarea { width: 84%; height: 150px; padding-top: 10px; } .form-message { margin-bottom: 30px; padding: 20px 30px; background: none repeat scroll 0 0 #F1FFF0; border: 1px solid #A8D144; font-size: 20px; text-align: center; font-weight: bold; } .form-box input.red, .form-box textarea.red, .form-message.red { background: #ffebe8; border: 1px solid #cc0000; } .form-box .error { margin-bottom: 5px; color: #cc0000; } .form-box input.submit { width: 200px; height: 50px; background: #1e272e; color: #fff; border: none; float: right; border-radius: 10px; } .form-box input.submit:hover { background: #5e9c2f; } .map-module { width: 100%; height: 350px; overflow: hidden; position: relative; } .map-module #map { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } .map-module .map-overlay { position: absolute; width: 100%; height: 100%; background: rgba(30,39,46,0.2); bottom: 0; left: 0; cursor: pointer; z-index: 850; } .map-module .map-show, .map-module .map-hide { display: block; width: 210px; padding: 20px 0; color: #fff; margin: 0 auto; margin-top: 150px; text-align: center; background: rgba(94,156,47,0.9); border-radius: 20px; } .map-module .map-hide { margin-top: 260px; } .map-module .map-hide { position: relative; z-index: 900; margin-top: 350px; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; cursor: pointer; } .nivoSlider.subpage { height: 420px; } .slicknav_menu { display: none; } /* ---------- CLEARFIX ---------- */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }