/* Theme Name: VetAgro Theme URI: https://www.vetagro.com.ar/ Description: VetAgro Version: 1.0 Author: DACO MKT Author URI: https://www.dacomkt.com.ar/ Tags: Bootstrap,Responsive,jQuery,CSS3, HTML5 */ /* RESET -------------------------------------------------- */ html, button, input, select, textarea {color: #fff; padding: 0;} body {line-height: 150%;color: #47515B; font-weight: 500;font-family: 'Poppins', sans-serif;background-color: #fff; max-width: 100%; overflow-x: hidden; font-size: 16px;} ::-moz-selection, ::selection {background: #ff4500;text-shadow: none; color: #fff; } ::-webkit-input-placeholder {color: #47515B; opacity: 1 !important;} :-moz-placeholder {color: #47515B; } ::-moz-placeholder {color: #47515B; } :-ms-input-placeholder {color: #47515B; } input[placeholder], [placeholder], *[placeholder] {color: #47515B; } blockquote{position: relative;background-color: #f5f5f5;color: #999;margin: 40px 0 30px;padding: 8px 8px 8px 32px;font-size: 15px;line-height: 32px; border-left: 4px solid #005726; } blockquote p{ margin-bottom: 0 } hr { display: block; height: 1px; border: 0; border-top: 1px solid #b0b0b0; margin: 1em 0; padding: 0; } .size-large,.img-responsive,.size-full {width: 100%; height: auto; display: block; } img.alignleft { margin: 5px 20px 5px 0; float: left; } img.alignright { margin: 5px 0px 5px 20px; float: right; } img.aligncenter { margin: 15px auto; float: none; height: auto; display: block; max-width: 100%; } fieldset {border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; color: #b39258 ; padding: 0.2em 0; } ul { list-style: none; padding: 0; } article ul:not(.list-unstyled) li{ display: list-item; list-style: disc; list-style-position: inside; padding-left: 20px;} article a:not(.btn){ color: #000; border-bottom: 1px dashed #000 } article a:not(.btn):hover{ color: #005726; } article h2{ font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))); font-weight: 700;} article h3{ font-size: calc(19px + (22 - 19) * ((100vw - 300px) / (1600 - 300))); font-weight: 700;} article h4{ font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300))); font-weight: 700;} *:hover, *:hover > a, img,.navbar,.navbar ul,.topbar,figure.icon,.suave{ text-decoration: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .cover {background-repeat: no-repeat;background-size: cover !important; background-position: center center !important; } .scroll { background-attachment: scroll; } .fixed { background-attachment: fixed !important; background-size: cover !important;} .parallax{ position: relative;} .parallax::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background: rgba(0,0,0,0.4) } .parallax .container,.pageheader .container{position: relative; z-index: 2} .contain {background-repeat: no-repeat; background-size: contain !important; background-position: center center !important; } .bs100{background-repeat: no-repeat !important; background-size: 99% auto !important; background-position: center center !important; } .full-width { width: 100%; height: auto; padding: 3rem 0; overflow-x:hidden } .rounded {-webkit-border-radius: 10px !important; border-radius: 10px !important; -moz-border-radius: 10px !important; } .fullrounded { -webkit-border-radius: 100%; border-radius: 100%; -moz-border-radius: 100%; } .roundless { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; } .line {width: 100%; height: 1px; background: transparent; margin: 30px 0; display: block; } .c-shadow{-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.5);box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); } .overflow{ overflow: hidden } .col5{position: relative;width: 100%;min-height: 1px;padding-right: 10px;padding-left: 10px;} /* Colores */ .c-white,.overwhite:hover{color: #fff;} .c-bg-white{background-color: #fff;} .c-bg-white.transp{background-color: rgba(255,255,255,0.5);} .c-black,.overblack:hover,a:hover>.overblack{color: #000;} .c-bg-black{background-color: #000;} .c-bg-black.transp{background-color: rgba(0,0,0,0.25);} .c-dark{color: #333333;} .c-bg-dark{background-color: #333333;} .c-light{color: #F7F7F7;} .c-bg-light{background-color: #F7F7F7;} .c-bg-gray{ background-color: #BCC7D4;} .c-gold,.overgold:hover{ color: #b39258;} .c-bg-gold,.filigrana.gold::before,.filigrana.gold::after{ background-color:#b39258;} .c-green,.overgreen:hover{ color:#005726;} .c-bg-green,.filigrana.green::before,.filigrana.green::after{ background-color: #005726;} /* Botones */ .btn{border: none; font-size: 16px;} .btn:hover,.btn:focus,.btn.active{box-shadow: none !important;} .btn-default{background: #fff; color: #31503e; font-weight: 600;} .btn-default:hover, .btn-default:focus, .btn-default.is-checked,a:hover .btn-default{background:#31503e;color: #fff;} .btn-primary{background: #b39258; color: #fff; font-weight: 600;} .btn-primary:hover, .btn-primary:focus, .btn-primary.is-checked,a:hover .btn-default{background:#31503e;color: #fff;} .btn-link{background: #31503e; color: #fff; font-weight: 600;} .btn-link:hover, .btn-link:focus, .btn-link.is-checked,a:hover .btn-link{background:#b39258;color: #fff; text-decoration: none;} .btn-info{background: #fff; color: #b39258;border:2px solid #b39258; font-weight: 600;} .btn-info:hover, .btn-info:focus, .btn-info.is-checked,a:hover .btn-info{background:#b39258;color: #fff;border:2px solid #b39258;} /* NAVBAR */ .navbar{ display: block; margin: 0 0; padding: 0 0 0 0; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1) } .navbar .container{ position: relative; flex:1} /* Brand */ .navbar .navbar-brand{padding: 8px 0; } .navbar .navbar-brand img{width:100%;max-width:200px; height: auto; display: block;} .navbar.scrolled .navbar-brand img{max-width:180px;} .navbar .navbar-nav li.menu-item-has-children .dropitem{position: absolute; z-index: 1; top: 50%; right: 0; display: block; transform:translateY(-50%); color: inherit;} /* Navbar Items */ .navbar .navbar-nav li:not(.secondary) a{ font-size: 16px; color: #222; padding-left:10px;padding-right:10px;line-height: 32px; display: inline-block; text-transform: uppercase; font-weight: 600;} .navbar .navbar-nav li:not(.secondary)>a:hover, .navbar .navbar-nav li:not(.secondary):hover>a, .navbar .navbar-nav li:not(.secondary).current_page_item>a, .navbar .navbar-nav li:not(.secondary).current-menu-item>a{color: #b39258;} /* Navbar toogler */ .navbar-toggler{z-index: 999;} .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 87, 38, 1)' stroke-width='4' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h52M4 15h52M4 23h52'/%3E%3C/svg%3E"); } .navbar-toggler:hover .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(179, 146, 88, 1)' stroke-width='4' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h52M4 15h20M4 23h12'/%3E%3C/svg%3E");} /* Slider */ .carousel-caption {bottom: 0px; height: 100%; padding-bottom: 0;color: #fff; line-height: 150%; width: 100vw; margin: 0 0 0 0;left: 0; right: 0; background-color: rgba(0,0,0,0.4)} .carousel-caption .p1{animation-delay: 0.8s;line-height: 150%;} .carousel-caption .p2{animation-delay: 1.2s;line-height: 150%;} .carousel-caption .p3{animation-delay: 1.6s;line-height: 150%;} .carousel-caption .p4{animation-delay: 2.0s;line-height: 150%;} .carousel-control-next, .carousel-control-prev {width: 24px;} .carousel-caption .container{position: relative; z-index: 99} .bar{width: 100%; height: 10px; display: block; background: #005726; background: -moz-linear-gradient(left, #005726 0%, #b39258 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #005726 0%,#b39258 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #005726 0%,#b39258 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005726', endColorstr='#b39258',GradientType=1 ); /* IE6-9 */ } /* Filigrana */ .filigrana{ display: block; position: relative; padding: 24px 0} .filigrana.filigrana-left{border-left: 24px solid;} .filigrana.filigrana-right{border-right: 24px solid;} .filigrana::before{width: 25%; height: 24px; position: absolute; top: 0; content: "";} .filigrana::after{width: 25%; height: 24px; position: absolute; bottom: 0; content: "";} .filigrana.filigrana-left::before, .filigrana.filigrana-left::after{left: 0;} .filigrana.filigrana-right::before, .filigrana.filigrana-right::after{right: 0;} .filigrana.gold{ border-color: #b39258;} .filigrana.green{ border-color: #31503e;} .product-widget{ border: 2px solid #b39258 } .single article h2,.single article h3{ border-top:1px solid #b39258; padding-top: 15px; margin-top: 15px; } /* Pageheader */ .pageheader{position: relative; padding: 8vw 0} /* Searchform */ #searchform{ max-width: 500px;margin: 0px auto;} #searchform .input-group{border-radius: 8px; overflow: hidden; border: 2px solid #b39258;} #searchform .input-group .form-control{border-radius: 8px 0 0 8px;border: none;box-shadow:none !important} #searchform .form-control::placeholder, #searchform .input-group input[placeholder], #searchform input[placeholder], #searchform [placeholder], #searchform *[placeholder]{color:#b39258; opacity: 0.9} #searchform .input-group .form-control:hover, #searchform .input-group .form-control:focus{border-radius: 8px 0 0 8px;border: none;box-shadow:none !important} #searchform .input-group button{border-radius: 0 8px 8px 0;border: none;box-shadow:none !important; background-color: #fff} /* searchbox */ .custom-control-label {font-size: 14px; font-weight: 300;} .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color: #31503e;} .custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(49, 80, 62, .25);} .icono img{ max-width: 75px; } /* Formulario */ .formulario .form-control{border:2px solid #31503e; font-size: 13px; color: #000;} .formulario .form-control:focus{box-shadow: none !important; border-color: #005726;} .formulario textarea.form-control{height: 120px; resize: vertical;} /* Pagination */ .pagination .page-numbers{ display: inline-block; border: 1px solid #b39258; background: #fff; color: #b39258; padding: 4px 12px; font-size: 14px; margin: 0px 3px; text-align: center; border-radius:8px; } .pagination .page-numbers:hover, .pagination .page-numbers.current{border: 1px solid #b39258; background: #b39258; color: #fff; } /* MAPA */ .mapa,.acf-map{ height: 350px; } /* footer */ footer{position: relative; overflow: hidden; background: #fff url(images/footer_bg.png) no-repeat; padding-top: 11vw !important; background-position: top center !important; min-height: 24vw;background-size: 100% auto; color: #000} footer .foo-brand img{ max-width: 200px; } footer .daco img{ max-width: 180px; } footer a,.pwd a{ color: #000;} footer a:hover,.pwd a:hover{ color: #b39258;} footer .sociales i{ font-size: 32px;} footer ul li{ display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 500; padding: 0 6px;} footer ul li:not(:first-child){border-left:1px solid #000;} .scrollToTop{ position: fixed; bottom: -10px; right: 20px; width: 48px; height: 48px; background-color: #bababa; color: #222; opacity: 0.5; cursor: pointer; text-align: center; line-height: 48px; font-size: 24px; border-radius: 6px 6px 0 0;} .scrollToTop:hover{ opacity: 1; color: #fff; bottom: 0} .grecaptcha-badge{ bottom: 60px !important; } /* Sidebar Form */ .sideform{ height: 100vh;width: 0;position: fixed;z-index: 9999;top: 0;right: 0; background-color: #005726;overflow-x: hidden;transition: 0.5s; padding-top: 120px; color: #000; -webkit-box-shadow: -5px 0 4px 0 rgba(0,0,0,0.35); box-shadow: -5px 0 4px 0 rgba(0,0,0,0.35);} .sideform.active{width: 25%;} @media screen and (max-width: 767px) { .sideform.active{width: 66%;} } @media screen and (max-width: 467px) { .sideform.active{width: 99%;} } .sideform .closebtn {position: absolute;top: 25px;right: 25px;font-size: 32px;margin-left: 50px; color: #fff} .sideform .wpcf7-form-control-wrap{ width: 100%; } .sideform .form-control{background-color: white; border: 1px solid #000; width: 100%; display: block;color: #000;} .sideform .form-control::placeholder{color: #aaa;} .sideform textarea{height: 120px;} .sideform .form-control::selection{background: #f03;} .sideform .form-control:focus {box-shadow: 0 0 0 .2rem rgba(0, 198, 89, 0.25);} .joinchat {bottom: 80px !important; right: 0!important} .range-slider{ position: relative;} .custom-range {-webkit-appearance: none;width: calc(100% - 150px);height: 10px;border-radius: 5px;background: #ccc;outline: none;padding: 0;margin: 0;} .custom-range::-webkit-slider-thumb{appearance: none;width: 20px;height: 20px;border-radius: 50%;background: #31503e;cursor: pointer;transition: background .15s ease-in-out;} .custom-range::-webkit-slider-thumb:hover {background: #b39258;} .custom-range::-moz-range-thumb:hover {background: #b39258;} .custom-range:active::-webkit-slider-thumb {background: #b39258;} .custom-range::-moz-range-thumb {width: 24px;height: 24px;border: 0;border-radius: 50%;background: #31503e;cursor: pointer;transition: background .15s ease-in-out;} .custom-range:active::-moz-range-thumb {background: #b39258;} .custom-range:focus ::-webkit-slider-thumb {box-shadow: 0 0 0 3px 6px rgba(0,0,0,1);} .range-slider__value{display: inline-block;position: relative;width: 130px;color: #fff;line-height: 20px;text-align: center;border-radius: 3px;background: #47515b;padding: 5px 10px;margin-left: 8px;} .range-slider__value:after {position: absolute;top: 8px;left: -7px;width: 0;height: 0;border-top: 7px solid transparent;border-right: 7px solid #47515b;border-bottom: 7px solid transparent;content: '';} .range-slider__value>small{font-size: 12px;} ::-moz-range-track {background: #ccc;border: 0;} input::-moz-focus-inner,input::-moz-focus-outer { border: 0;} .invisible {height: 0px;}