/* Theme Name: Idese Author: id5 Author URI: http://www.id5.com.br/ Description: Template produzido pela id5 Version: 1.1 Tags: */ /*------------------------------------*\ MAIN \*------------------------------------*/ html, body {width: 100%; height:100%;} .container {max-width: 960px;} /*------------------------------------*\ FORMUL�RIO \*------------------------------------*/ input, input[type=text], textarea, select {padding:10px; border: 1px solid #56a505;} input[type=text]:focus, textarea:focus, input[type=search]:focus {outline: none; /* remove outline */} label {display:block; clear: both;} input[type=submit], .button {background:#4D9121; color:#FFF; padding:10px 15px; font-size: 16px; font-size: 1.167rem; text-transform: uppercase; font-family: "daxlinepromedium"} .botao, a, a img, #searchform .input, .sidebarWidget {-webkit-transition: all .2s linear; -moz-transition:all .2s linear; transition: all .2s linear;} .border-radius {-webkit-border-radius: 500px;-moz-border-radius: 500px; border-radius: 500px;} /*------------------------------------*\ ESTRUTURA \*------------------------------------*/ /*wrapper --------------------------------------*/ .interna .wrapper {background:url(imgs/bg-wrapper.jpg) repeat-x center 126px;} /*header --------------------------------------*/ .header {width:100%; height:125px; background:#fffbef; padding:10px 0;} .header .logo {display:block;width:200px; height:107px; float:left;} .header .logo a {background:url(imgs/logo.png); width:200px; height:107px; float:left;} #searchform {float:right; height:25px; position:relative; top:30px; margin-right: 0px;} #searchform .input {width:1px; height:35px; visibility:hidden; padding:5px; border:0;} #searchform .searchbtn {background:url(imgs/icon-lupa.png) no-repeat 8px 8px; width:36px; height:36px; position:absolute; display:block; right: 0;} #searchform .searchbtn:hover ~ .input, #searchform .input:focus, #searchform .input:hover {width:300px; visibility:visible; background:#FFF; } #commentform .form-allowed-tags{display:none!important;} /*nav --------------------------------------*/ .nav {float:right; font-family: "daxlinepromedium"; position:absolute; right:0; bottom:0;} .nav ul li {float:left; margin-left: 10px;} .nav ul li a {padding:5px 15px; color:#000; height:30px; text-transform: uppercase;border:1px solid transparent; display:block; white-space:nowrap;} .nav ul li a:hover {border:1px solid #129b00;} .nav ul li a:hover:after {content:""; background:url(imgs/seta-menu.png); width:14px; height:8px;display:block; left:50%; position:relative; top:3px; margin-left: -7px;} /*menu-cart*/ .topcart {position: absolute; right: 15px; top: 35px; padding-left:25px; min-width: 85px; background:url(imgs/carrinho.png) no-repeat left;} .topcart-contents {background:url(imgs/bg-itns-cart.png) no-repeat; color:#009B53 !important; padding:4px 10px !important; border:0 !important; font-size: 12px; border:0; width:60px; height:23px !important; font-size: 0.875rem; text-transform: lowercase !important;} .topcart-contents:hover {background:url(imgs/bg-itns-cart.png) no-repeat; border:0!important; } .topcart-contents:hover:after {margin:0; display:none; background:none !important;} .topcart-contents .cartcontents {line-height: 23px;} /*banner*/ .bxslider {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto; max-height: 457px;} .bxslider a {color:#FFF} .bxslider li {display: none; color:#FFF; width: 100%; height:457px;background-position: center top; } .bxslider li:first-child {position: relative; display: block; float: left; } .bxslider img {position: absolute; width: display: block; height: 100%; float: left; width: 100%; border: 0; margin:0;} .bxslider li .infos {max-width:940px; margin:0 auto; height:450px; position:relative;} .bxslider li .infos .txt {position:absolute; width:380px; height:380px; left:0; top:90px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);} .bxslider li .infos .txt a {color:#FFF;} .bxslider li .infos .txt h2 {font-size: 55px; font-size: 3.929rem; color:#FFF;} .bxslider li .infos .txt .btnBanner:before {background: url("imgs/seta-banner.png"); content: ""; display: block; height: 12px; left: -19px; position: relative; top: -10px; width: 142px;} .bxslider li .infos .txt .btnBanner {border:2px solid #FFF; border-top:0; color:#FFF; font-family:"sansita_oneregular"; padding:0 15px; width:140px; height:40px; text-align: center; font-size: 16px; font-size: 1.143rem; margin-top:30px; float:left;} .bxslider li .infos .txt .btnBanner:hover {margin-top: 20px;} /*Chamada Seja Idese */ .sejaIdese {width:100%; background:url(imgs/bg-seja-idese.png) repeat-x; height:229px; position:relative;} .sejaIdese .image {float:right; width: 280px;height: 168px;} .sejaIdese h2 {color:#81943a; display: block; padding-top: 30px;} .sejaIdese h2 {font-size: 45px; font-size: 3.214rem; background: -webkit-linear-gradient(#999933, #81943a); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .sejaIdese img {border:3px solid #FFF; float:right; position:relative; right:135px; z-index: 1; top:20px; -webkit-border-radius: 100px;-moz-border-radius: 100px; border-radius: 100px;} .sejaIdese span.decoracao {background:url(imgs/decoracao.png); width:160px; height:145px; position:absolute; right:0; top:25px;} /*main --------------------------------------*/ .interna .main {padding:50px 0;} .page.idese, .single-projeto {} .page.idese .mainContent, .single-projeto .mainContent {width: auto;} .page.idese .pageContent .content-bg, .single-projeto .postContent .content-bg {background:url(imgs/bg-main-interna.jpg) repeat center top; padding-top: 20px;} /*mainContent --------------------------------------*/ .mainContent {max-width: 960px; margin:0 auto;font-size: 12px; font-size: 0.875rem;} .interna .mainContent {padding-top:30px;} /*Inicial*/ .produtos span.titulo {border-bottom: 3px solid #F7E9BF; width:100%; text-align: center; height:50px; display:block;} .produtos span h2 {display:inline-block; font-size: 45px; font-size: 3.214rem; text-align: center; background:#FFF;color:#81920A; padding:10px 30px; } .produtos .products {margin-top: 50px !important;} .products li.item, .products li.product {float: left; margin: 0 20px 30px 0 !important; padding: 0; position: relative; width:140px !important; height:200px; text-align: center;} .products li.product.last {margin-right:0 !important;} .products li a.product-thumbnail {width:140px; border:1px solid #cdcdcd; height:140px; display:block; margin-bottom: 0px;} .products li a.product-thumbnail img {box-shadow: 0 0 0 !important; -webkit-box-shadow: 0 0 0 !important; -moz-box-shadow: 0 0 0 !important; } .products .add_to_cart_button:before {content:"";width:0; height:0; border:10px solid transparent; left:50%; margin-left: -10px; top:-20px; position:absolute; border-bottom-color:#4E9221;} .products .add_to_cart_button, .products .add_to_cart_button:focus {background: url("imgs/bg-add-to-cart.png") no-repeat scroll center bottom #4E9221 !important; border: 0 none !important; margin-top: -117px !important; color: #FFFFFF !important; display: block !important; font-family: "daxlineprobold" !important; font-size: 1.143rem !important; font-weight: normal !important; padding: 8px 0 16px !important; position: relative !important; text-transform: uppercase; width: 140px; } .products .add_to_cart_button {display: none !important; box-shadow: 0 0 0 !important; -webkit-box-shadow: 0 0 0 !important; -moz-box-shadow: 0 0 0 !important; } .products .add_to_cart_button:hover {background: #81930A url(imgs/bg-add-to-cart.png) no-repeat bottom !important;} .products .add_to_cart_button:hover:before {border-bottom-color:#81930A; } .products span.title a, .products span.price {display:block; padding:5px 0; background:#7FBB41; color:#FFF; margin:0 auto; position:relative;} .products span.price {background:#B7E185; font-family: "sansita_oneregular"; -webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;} .products span.price del .amount {display:none;} .products span.price .amount {color:#4D9121 !important; text-decoration: none !important; font-size: 18px !important;} .single_add_to_cart_button {background: #4D9121 !important; border: 0 none !important; color: #ffffff !important; display: block !important; font-family: "daxlineprobold" !important; font-size: 1.143rem !important; font-weight: normal !important; padding: 8px 0 8px !important; position: relative !important; text-transform: uppercase; width: 140px;} .checkout-button, #place_order {background: #4D9121 !important; border: 0 none !important;} .noticias {width:100%; height:521px; background:url(imgs/bg-noticias.png); padding:40px 0 90px 0;} .noticias .noticia {text-align: center; margin:40px 0 0 0;} .noticias span.title {border-bottom: 1px solid #F5E6BB; width:100%; text-align: center; display:block; height:50px;} .noticias span h2 {display:inline-block; background:url(imgs/bg-tit-not.jpg) no-repeat bottom; position:relative; top:10px; font-size: 30px; font-size: 2.143rem; text-align: center;color:#F5E6BB; padding:10px 30px; } .noticias .noticia a img {border:3px solid #FFF;-webkit-border-radius: 500px;-moz-border-radius: 500px; border-radius: 500px; height: 154px; width:154px; display:block; margin:0 auto;} .noticias .noticia a.excerpt {display:block; margin:20px 0; color:#FFF; font-size: 12px; font-size: 0.875rem;} .noticias .noticia a.view-article {background:url(imgs/icon-plus.png) no-repeat top; width:30px; height:30px; text-indent:-9999px; margin:0 auto; display:block;} .noticias .noticia a.view-article:hover {background-position: bottom;} .noticias .noticia a.heading{display: block;margin: 20px 0;color: #FFF;font-size: 12px;font-size: 0.875rem;} /*Interna --------------------------------------*/ h1.title-area, h2.title-area, h2.title-area a {color: #81930A !important; font-size: 3.214rem; text-transform: uppercase; width: 100%; font-family: 'sansita_oneregular';} h2.title-area {text-transform: none;} .titleInterna {background:url(imgs/bg-title-area.gif) no-repeat center bottom; min-height: 80px; display: block; margin: 0 auto 40px;text-align: center;} .breadcrumbs, .woocommerce-breadcrumb {font-size: 12px !important; font-size: 0.875rem !important; margin-bottom: 10px !important; font-style: italic; color:#777; font-family: Verdana;} .breadcrumbs a, .woocommerce-breadcrumb a {color:#777; font-weight: bold;} #acf-diretoria ul {text-align: center; color:#4D9121;} #acf-diretoria ul li {display:table-cell; list-style: none; padding:10px; height:100px; line-height: 20px;} #acf-diretoria ul li strong {margin-bottom: 10px; display:block;} .page.idese .content, .single-projeto .content {min-height:420px; overflow:hidden; margin-bottom: 20px;} .page.idese .content .wp-post-image, .single .content .wp-post-image {border:8px solid #73BB29; float:left; margin-right:40px; width:385px; height:385px;} .page.idese .titleInterna, .single .titleInterna {margin-bottom: 50px;} .idese .pageContent h2, .single h2 {color:#55A505; font-size: 45px; font-size: 3.214rem;} .post-type-archive-projeto table {color:#55A505; margin:0 0 40px 0;} .post-type-archive-projeto table tr td {border:0;} .projeto-list {text-align: center; height:340px; overflow:hidden;} .projeto-list a h4 {margin-bottom:10px;} .projeto-list img {border:2px solid #55A505; width:200px; height:200px;} .projeto-list a {color:#55A505; display:block;} .projeto-list .view-article {display:block; margin-top: 5px; font-weight: bold;} .projeto-list a.project-thumbnail {position:relative; width:220px; height:200px; margin: 0 auto;} .projeto-list a.project-thumbnail span.mask {background:url(imgs/bg-projeto-list.png) no-repeat; width:220px; height:35px; position:absolute; left:0; bottom:0;} .gallery {display: inline-block; margin-bottom: 35px; width: 100%;} .gallery a {margin:10px; float:left; color:#55A505; min-height: 170px;} .gallery a span {display:block; background:#FFFBEF; padding:4px;} .wpcf7 .wpcf7-text, .wpcf7 textarea, .wpcf7 select {width:100%;} /*single produtos --------------------------------------*/ h1.product_title {font-family:Verdana; color:#81930a; font-size: 24px; font-size: 1.714rem;} .single-product .product, .archive .lista-produtos {float: right;width: 67%;margin-left: 2%;} .single-product .product .summary .price {display:block; margin-top: 20px; margin-bottom: 30px;} .single-product .product .summary del .amount {font-size: 14px; font-size: 1rem;} .single-product .product .summary .amount {font-size: 38px; font-size: 2.714rem; color:#4D9121; display:block; text-decoration: none; font-weight: bold;} .single-product form.cart {display: none;} .related.products h2 {font-size: 12px; font-size: 0.8571rem; color:#999; display:block; border-bottom: 1px solid #999; margin-bottom: 40px; font-family: Verdana; font-style: italic;} /*sidebar --------------------------------------*/ .sidebar {float: left;width: 30%; } .sidebar .sidebarWidget h3 {display:block; height:35px; width:220px; margin: 0 auto; background:#4D9121; font-weight: normal; text-align: center; color:#FFF; padding:5px 0; text-transform: uppercase; font-size:18px; font-size:1.286rem; font-family: 'daxlinepromedium';} .sidebar .sidebarWidget h3:after {content:"";background:url(imgs/bg-tit-category.png); width:220px; height:24px; position:relative; left:0; display:block;} .sidebar .sidebarWidget ul {width:195px; position:relative; margin:0 auto; padding: 30px 10px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);} .sidebar .sidebarWidget ul:after {content:""; background:url(imgs/bg-ul-categories.png)no-repeat; width:195px; height:37px; position:absolute; bottom:-37px; left:-1px;} .sidebar .sidebarWidget ul li {border-top:1px solid #000; display:block; width:100%;} .sidebar .sidebarWidget ul li:first-child {border:0;} .sidebar .sidebarWidget ul li a {color:#81930A; font-style: italic; padding:5px 0; display:block;} .sidebar .widget_archive {z-index: 1; position:relative;} /*Listagem Categoria*/ .archive.category .listagem-noticias {float: left;width: 65%;margin-right: 5%;} .postDate {color:#81920A; display:block; margin-bottom: 5px;} .list-category {width:100%; margin-bottom: 40px; display:block;} .loop-thumbnail {margin-right: 20px; float:left;} .loop-thumbnail img {border:4px solid #81920A;} .list-category h2 {font-size:18px; font-size: 1.286rem; font-family: "daxlineprobold"; } .list-category h2 a {color:#81920A;} .form-area .col-xs-12 {float: none;} .form-area div {padding-bottom: 10px;} .form-area div span {width: 100%;} .form-area div b {margin-bottom: 3px; display: inline-block;} div.wpcf7-response-output {margin: 0; padding:5px;} /*footer --------------------------------------*/ .footer {background:url(imgs/bg-footer.jpg) repeat-x; height:113px; width:100%; color:#FFF; padding:10px 0; font-size: 12px; font-size: 0.875rem;} .parceiros {text-align: center; background:#FFF; position:relative; z-index: 1; box-shadow: 0px 0px 5px #000000;} .parceiros li {display: inline-block;} #parceirosList {position: relative; overflow: hidden; width: 100%; height: 100%; margin:0 auto;} #parceirosList span {text-align: center; padding:0; display:table-cell; vertical-align: middle;} .footer .tel {background:url(imgs/icon-tel.png) no-repeat left; float:left; width:380px; line-height: 35px; padding-left: 45px; font-family: "sansita_oneregular"; font-size: 18px; font-size: 1.286rem;} .footer address {padding:20px 0; width:80%; float:left;} .footer .id5 {background:url(imgs/id5.png); width:33px; height:24px; float:right; position:relative; top:30px;} .wp-pagenavi span.pages {display:none;} .wp-pagenavi {clear: both;} .wp-pagenavi a, .wp-pagenavi span {border:0 !important; color:#000;} .wp-pagenavi span.current {background:#819309;} .wp-pagenavi a.page {} .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before {line-height: 0 !important; padding-top: 5px !important;} .woocommerce-message {top:-53px !important;} .payment_methods {display:none;} /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ .header .btn-open {display:none;} @media only screen and (max-width:800px) { .nav ul li a {padding: 5px 9px;} .bxslider li .infos {margin:0 10px;} .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {clear: none !important;} .products li.product.last {margin-right: 0;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 3.7%;} .products li.item:nth-child(4n+5), .products li.product:nth-child(4n+5) {clear: left;} #acf-diretoria ul {margin-left: 0;} #acf-diretoria ul li {width: 33%; height: auto; vertical-align: top; display:block; float: left;} #acf-diretoria ul li:nth-child(3n+4) {clear: left; } .lista-produtos ul.products li.product {margin: 2.8%;} .lista-produtos ul.products li:nth-child(3n+4) {clear: left;} .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {float: left;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {clear: none;} } @media only screen and (max-width: 768px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 3.3% !important;} .post-type-archive-product ul.products li.product {margin: 2.7% !important;} } @media only screen and (max-width:600px) { .header .btn-open {display:block; position: relative; top: 15px;} .header #searchform, .header .nav {display: none;} .header {height: 90px;} .header .logo {width: 130px;height: 70px;} .header .logo a {background: url(imgs/logo-mobile.png);width: 130px;height: 70px;} .header .topcart {right: 75px;top: 24px;} .responsive-sidebar .search {position:relative; margin-top: 20px;} .responsive-sidebar .search .searchInput {background:#ffffff; width:155px; height:35px;padding:0 5px; border:0;} .responsive-sidebar .search .searchSubmit {background:#ffffff url(imgs/icon-lupa.png) no-repeat 8px 8px; width:35px; height:35px; position:absolute; display:block; top:0; right: 0; overflow: hidden; text-indent: -90000px;} .sidebar-loja {display: none;} .single-product .product, .archive .lista-produtos {width: 100%;margin-left: 0; float: none;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 4.5% !important; clear: none;} .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {float: left;} .products li.item:nth-child(3n+4), .products li.product:nth-child(3n+4) {clear: left;} .sejaIdese:before, .sejaIdese:after {content: ''; clear: both;display: table;} .sejaIdese {background:#f4e1b3;height:auto; padding: 20px 0;} .sejaIdese h2 {padding-top: 0;} .noticias:before, .noticias:after {content: ''; clear: both;display: table;} .noticias {background:#4e9221; height: auto; padding-bottom: 40px;} .noticias .col-xs-3 {width: 50%;} .interna .wrapper {background: url(imgs/bg-wrapper.jpg) repeat-x center 90px;} .archive.category .listagem-noticias {float:none;width:100%;margin-right:0;padding-bottom:50px;} .wp-pagenavi {text-align:center;clear:both;} .sidebar {float:left;width:100%;padding-bottom:40px;} .footer {background:#4e9221; height: auto; text-align: center;} .footer .col-xs-12, .footer .tel, .footer address {float: none;width: 100%;} .footer .tel {background: none; padding-left: 0;} .footer .id5 {float: none; position: static; display: inline-block;} } @media only screen and (max-width:480px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin:6% 9.7% !important; clear: none;} .products li.item:nth-child(2n+3), .products li.product:nth-child(2n+3) {clear: left;} .bxslider {display: none;} #acf-diretoria ul li {width: 100%;} .form-area .col-xs-12, .form-area .col-xs-6 {float: none; width: 100%;} } @media only screen and (max-width:360px) { .sejaIdese .image {float: none; position: relative; margin: 0 auto; width: 260px; left: 50%; margin-left: -130px; display:inline-block;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin:5% !important; clear: none;} .page.idese .content .wp-post-image, .single .content .wp-post-image {width: 360px;height: 360px;} } /* CSS ADICIONAL SINGLE PRODUTO */ .product_meta{margin-bottom:20px;} .btn-solicitar-orcamento button{padding:8px 14px;background:#4D9121;color:#fff;} .btn-solicitar-orcamento button:hover{opacity:0.8;} .button.product_type_simple{display:none!important;} .product .title a{padding:12px 0px!important;} .single-product .wpcf7 p{margin-bottom:12px!important;} .single-product .wpcf7 input{width:100%!important;} #div-solicitar-orcamento{ max-width: 450px; margin: auto; } #div-solicitar-orcamento h3{ text-align:center; } #wpcf7-f1405-p717-o1 textarea{height:100px!important}