/* Theme Name: efenes2-theme Version: 1.0 Author: Robert Ryba (ryboxx design) */ body { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 16px; } body.home { background: #303e48; } h1, h2, h3, h4 { display: block; margin: 0; padding: 0; font-weight: 700; } h2 { font-size: 35px; margin-bottom: 10px; } .motto { color: #fff; position: absolute; top: 20px; left: 0; font-size: 18px; } .slide { position: relative; overflow: hidden; height: 660px; } .slide.home { height: auto; } .slide.page { background: #fff; } .slide .leftline { position: absolute; top: 0; left: 0; width: 115px; height: 100%; background: #303e48; } .slide .left-content { position: relative; z-index: 500; width: 50%; height: 100%; background: rgba(48,62,72,0.95); color: #fff; } .slide .left-content .inside { margin-left: 25%; padding-top: 200px; margin-right: 5%; position: relative; } section.slide.aboutus .left-content .inside { padding-top: 125px; } .slide.home .left-content .inside { margin-right: 0; } .slide .left-content .txt { padding-top: 30px; line-height: 25px; } .slide .left-content .txt p:first-child { margin-top: 0; } .slide img.bg { display: block; width: 100%; position: absolute; top: 0; } .slide.home, .slide.aboutus, .slide.products, .slide.contact { background: #303e48; } .slide.aboutus h2:first-child, .slide.home h2:first-child { margin-bottom: 0; } .slide.home .left-content { background: none; } .slide.contact { color: #fff; } .slide.contact h2 { margin-top: 50px; margin-bottom: 40px; } .slide .margin-content { margin-left: 12.5%; } .slide.contact .contact-info { font-size: 16px; margin-bottom: 30px; } .slide.contact .contact-info a { color: #fff; text-decoration: none; } .slide.contact .contact-info table th { color: #a9adb1; text-align: right; } .slide.contact .contact-info table th, .slide.contact .contact-info table td { padding-right: 10px; padding-bottom: 10px; } .imgLiquidFill { width: 100%; height: 100%; } .more-button, .b-description_readmore_button { border-radius: 40px; border: 1px solid #fff; text-decoration: none; color: #fff; padding: 10px 30px; display: inline-block; margin-top: 30px; cursor: pointer; } .more-button:hover { background: #fff; color: #303e48; } header { width: 115px; height: 100%; position: fixed; left: 0; z-index: 700; } header.color-bg { background: #303e48; } a.logo { position: fixed; bottom: 45%; left: 5px; } a.logo img { width: 70px; } .category-module .item .img-box .color, .more-button, nav.category-nav ul li a { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } /* ---------- ABOUTUS PAGE ---------- */ .slide.grid .left-column, .slide.grid .right-column { float: left; width: 48%; padding-top: 100px; } .slide.grid .left-column { margin-right: 2%; } .slide.grid .right-column { margin-left: 2%; } .slide.page h2 { color: #3b4851; } .slide.page { font-size: 18px; padding: 30px 0; } .slide.page .margin-content { margin-right: 5%; } .slide.page .txt { line-height: 30px; text-align: justify; } /* ---------- ABOUTUS PAGE ---------- */ .category-module { margin-top: 100px; } .category-module.products { margin-top: 30px; } .category-module .item { float: left; width: 29.3333%; text-align: center; } .category-module.products .item { text-align: left; margin-bottom: 30px; } .category-module .item:nth-child(2), .category-module.products .item:nth-child(5) { margin: 0 6%; } .category-module .item .img-box { height: 350px; overflow: hidden; position: relative; } .category-module .item .img-box .color { background: rgba(59,72,81,0.85); width: 100%; height: 100%; position: absolute; font-weight: 700; color: #fff; text-align: center; opacity: 1; } .category-module .item .img-box .color h2 { font-size: 38px; color: #fff; margin-top: 150px; } .category-module .item:nth-child(2) .img-box .color h2 { margin-top: 125px; } .category-module .item:hover .img-box .color { opacity: 0; } .category-module .item .more-button { border-color: #3b4851; color: #3b4851; } .category-module .item:hover .more-button { background: #3b4851; color: #fff; } .category-module .logo-product { height: 50px; overflow: hidden; margin-bottom: 10px; } .category-module .logo-product img { max-height: 45px; } .category-module .small-desc { line-height: 27px; overflow: hidden; text-align: justify; margin-bottom: 20px; } nav.category-nav ul { list-style: none; padding: 0; } nav.category-nav ul li { display: inline-block; padding-right: 30px; } nav.category-nav ul li a { font-size: 38px; text-decoration: none; color: #b3b5b5; font-weight: 700; } nav.category-nav ul li a:hover, nav.category-nav ul li.current-menu-item a { color: #303e48; } .category-module.products a.more-button { margin-top: 10px; } .slide { height: 600px; } /* ---------- FORM ---------- */ .form-box .left { float: left; width: 48%; margin-right: 4%; } .form-box .right { float: left; width: 48%; } .form-box input, .form-box textarea { border-radius: 30px; border: 1px solid #fff; width: 80%; padding: 0 10%; background: none; height: 40px; color: #fff; margin-bottom: 20px; } .form-box textarea { height: 155px; padding-top: 10px; } .form-box label { font-size: 15px; color: #a9adb1; padding: 5px 0; margin-bottom: 5px; } .form-box input.wpcf7-submit { width: auto; display: inline-block; font-size: 18px; color: #fff; float: right; padding: 10px 30px; cursor: pointer; } a#menuBtn { width: 80px; display: block; color: #fff; font-size: 15px; margin-top: 40px; margin-left: 10px; font-weight: 700; position: relative; z-index: 900; } a#menuBtn .lines { float: left; width: 40%; } a#menuBtn .lines span { display: block; height: 4px; background: #fff; margin-bottom: 10px; } a#menuBtn .name { float: left; width: 50%; margin-left: 10%; margin-top: 8px; } section.slide.contact .left-content { float: left; } section.slide.contact .map { float: left; width: 50%; height: 100%; overflow: hidden; } section.slide.contact .left-content .inside { padding-top: 0; } span.wpcf7-not-valid-tip { font-size: 12px; } div.wpcf7-response-output { margin: 0; margin-top: 15px; padding: 10px; border-radius: 30px; background: #fff; color: #2f3d48; border: none; } .category-nav { margin-bottom: 50px; } section.slide.home img.mobile, a.logo-mobile { display: none; } span.wpcf7-not-valid-tip { display: none; } /* ---------- MICRO-CLEARFIX ---------- */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }