@charset "utf-8"; /* CSS Document */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*! custom7_vars_editable */ /* ========================================================================== CUSTOM VARS ========================================================================== */ html { font-size: 16px; } .c_gris { color: #5b5b5f; } .b_gris { background-color: #5b5b5f; } .c_gris2 { color: #9b999e; } .b_gris2 { background-color: #9b999e; } .c_gris_osc { color: #29292b; } .b_gris_osc { background-color: #29292b; } .c_gris_clar { color: #ecedef; } .b_gris_clar { background-color: #ecedef; } /* anchos responsive */ /* variables de rutas */ /* uso: background-image: url("@{imgpath}/bg_image.jpg"); */ /* src: url('@{themepath}/goudos-webfont.woff2') format('woff2'); */ /* fuentes Google */ /* Otras fuentes */ @font-face { font-family: 'goudy_old_styleregular'; src: url('/wp-content/themes/misurastudio/css/fonts/goudos-webfont.woff2') format('woff2'), url('/wp-content/themes/misurastudio/css/fonts/goudos-webfont.woff') format('woff'), url('/wp-content/themes/misurastudio/css/fonts/goudos-webfont.tff') format('truetype'); } /* ========================================================================== ARCHIVOS DE FUENTES ========================================================================== */ /** // font-face (Ejemplo) - necesario para fix chrome // Webfonts generator: http://www.fontsquirrel.com/tools/webfont-generator // Regular (400) @font-face { font-family: 'Roboto'; src: url('font/roboto-regular-webfont.eot'); src: url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-regular-webfont.svg#robotoregular') format('svg'), url('font/roboto-regular-webfont.woff2') format('woff2'), url('font/roboto-regular-webfont.woff') format('woff'), url('font/roboto-regular-webfont.ttf') format('truetype'); } // thin (100) @font-face { font-family: 'Roboto'; src: url('font/roboto-thin-webfont.eot'); src: url('font/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-thin-webfont.svg#robotothin') format('svg'), url('font/roboto-thin-webfont.woff2') format('woff2'), url('font/roboto-thin-webfont.woff') format('woff'), url('font/roboto-thin-webfont.ttf') format('truetype'); font-weight: 100; } // light (300) @font-face { font-family: 'Roboto'; src: url('font/roboto-light-webfont.eot'); src: url('font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-light-webfont.svg#robotolight') format('svg'), url('font/roboto-light-webfont.woff2') format('woff2'), url('font/roboto-light-webfont.woff') format('woff'), url('font/roboto-light-webfont.ttf') format('truetype'); font-weight: 300; } // medium (500) @font-face { font-family: 'Roboto'; src: url('font/roboto-medium-webfont.eot'); src: url('font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-medium-webfont.svg#robotomedium') format('svg'), url('font/roboto-medium-webfont.woff2') format('woff2'), url('font/roboto-medium-webfont.woff') format('woff'), url('font/roboto-medium-webfont.ttf') format('truetype'); font-weight: 500; } // semibold (600) @font-face { font-family: 'Roboto'; src: url('font/roboto-semibold-webfont.eot'); src: url('font/roboto-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-semibold-webfont.svg#robotosemibold') format('svg'), url('font/roboto-semibold-webfont.woff2') format('woff2'), url('font/roboto-semibold-webfont.woff') format('woff'), url('font/roboto-semibold-webfont.ttf') format('truetype'); font-weight: 600; } // bold (700) @font-face { font-family: 'Roboto'; src: url('font/roboto-bold-webfont.eot'); src: url('font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-bold-webfont.svg#robotobold') format('svg'), url('font/roboto-bold-webfont.woff2') format('woff2'), url('font/roboto-bold-webfont.woff') format('woff'), url('font/roboto-bold-webfont.ttf') format('truetype'); font-weight: 700; } // black (900) @font-face { font-family: 'Roboto'; src: url('font/roboto-black-webfont.eot'); src: url('font/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-black-webfont.svg#robotoblack') format('svg'), url('font/roboto-black-webfont.woff2') format('woff2'), url('font/roboto-black-webfont.woff') format('woff'), url('font/roboto-black-webfont.ttf') format('truetype'); font-weight: 900; } /**/ /* SVG */ /*! custom6_helper */ /* ========================================================================== CUSTOM HELPER STYLES (Abreviaturas, Media Querys y Mixins) ========================================================================== */ /* ========================================================================== ELEMENTOS CSS ABREVIADOS ========================================================================== */ /* color (grises) */ /* background-color (grises) */ /* box-sizing */ /* Evitar los espacios entre elementos con display inline-block: */ /* Uso:
hijo1
hijo2
.pater{ .dib_pater; div{ .dib_item; width: 50%; } } */ /* Display */ .hide { display: none; } /* font family google */ /* font-family */ /* font-size */ /* Convierte px a rem, en base a la equivalencia del font-size del body: 100% = 16px = 1rem */ /* font-style */ /* font-weight */ /* cuerpo 100 (thin) */ /* cuerpo 200 (extra-light) */ /* cuerpo 300 (light) */ /* cuerpo 400 (regular) */ /* cuerpo 500 (medium) */ /* cuerpo 600 (semi-bold) */ /* cuerpo 700 (bold) */ /* cuerpo 800 (extra-bold) */ /* cuerpo 900 (black) */ /* normal */ /* bold */ /* overflow */ /* position */ .fixedtop { position: fixed !important; top: 0; } /* text-align */ /* text-decoration */ /* text-transform */ /* width, height, line-height */ /* MEDIA QUERIES */ /* ========================================================================== */ /* Desktop first */ /* Media querys mobile first */ /* mobile first */ /* ejemplo de uso; body{ color: red; .md({ color: blue; }); } */ /* Clases para mostrar/ocultar un elemento según el breakpoint : OJO!!! No mezclar en el mismo class="" las clases .hide-? con las .only-? BIEN: class="only-md only-lg" MAL: class="only-md hide-lg" */ .hide-xs { display: none !important; } .only-sm { display: none !important; } .only-md { display: none !important; } .only-lg { display: none !important; } .only-xl { display: none !important; } .only-print { display: none !important; } @media only screen and (min-width: 576px) { .only-xs { display: none !important; } .hide-xs { display: inherit !important; } .only-sm { display: inherit !important; } .hide-sm { display: none !important; } } @media only screen and (min-width: 768px) { .only-sm { display: none !important; } .hide-sm { display: inherit !important; } .only-md { display: inherit !important; } .hide-md { display: none !important; } } @media only screen and (min-width: 992px) { .only-md { display: none !important; } .hide-md { display: inherit !important; } .only-lg { display: inherit !important; } .hide-lg { display: none !important; } } @media only screen and (min-width: 1200px) { .only-lg { display: none !important; } .hide-lg { display: inherit !important; } .only-xl { display: inherit !important; } .hide-xl { display: none !important; } } /* imprimir */ @media only print { .only-print { display: inherit !important; } .hide-print { display: none !important; } } /* ********************************************************** */ /* detector media-query para script js enfocado a detectar el ancho del navegador o dispositivo */ #media_query_js_detect { position: absolute; width: 0; height: 0; font-weight: 100; } @media only screen and (min-width: 576px) { #media_query_js_detect { font-weight: 200; } } @media only screen and (min-width: 768px) { #media_query_js_detect { font-weight: 300; } } @media only screen and (min-width: 992px) { #media_query_js_detect { font-weight: 400; } } @media only screen and (min-width: 1200px) { #media_query_js_detect { font-weight: 500; } } /* uso genérico de abreviaturas @media @...: div{ background: red; @media @md{ background: blue; } } */ /* CUSTOM HELPER CLASSES */ /* ========================================================================== */ /* resaltado */ /* previsión */ /* Aplicado a un contenedor, evita que el margin de un elemento afecte fuera del contenedor. Para cuando no podemos usar overflow auto o hidden */ /* ocultar texto */ /* ocultar texto */ /* ocultar texto por la derecha */ /* Centrado de elementos (aplicando el mixin al propio elemento ) Ojo!!! solo sirve para un elemento. Mejor usar flexbox en el contenedor. */ /* ejemplo: .horizontalcen(content_in); */ /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:after { content: ""; display: table; clear: both; } .unclearfix:after { display: none; } /* limpiar en contenedor el margin top superior del primer elemento y el inferior de el último */ /* INFO sobre el método extend */ /* EJEMPLO Teniedo la clase: .a_gris{ .ca; &:hover{.c3;} } Se puede aplicar de dos maneras: (1) #content{ a:extend(.a_gris all){}; } (y 2) #content{ a{ &:extend(.a_gris all); } } Ojo: añadir 'all' para que se extienda todo; */ /* ========================================================================== MIXINS CSS3 ========================================================================== */ /* devolver px si no se especifica */ /* iconos SVG */ /* opacidad */ /* fondo semitransparente */ /* dimensiones imagen de fondo al 100% (u otro porcentaje) */ /* centrar y escalar la imagen de fondo según la mayor medida de ancho o alto del contenedor. (sin repetición)*/ /* el fondo cubriría todo el contenedor pero podría quedar algo oculto en las dimensiones más estrechas */ /* centrar y escalar la imagen de fondo hasta la menor medida de ancho o alto del contenedor. (sin repetición)*/ /* el fondo está contenido y se ve entero, pero pueden aparecer espaciós en blanco en las dimensiones más grandes */ /* cambios de color de forma gradual */ /* se aplicaría en estructuras tipo: a{ background-color: green; .bganim(1s); &:hover{ background-color: red; } } */ /* sombra en bloque*/ /* sombra en texto */ /* gradiente de colores */ /* esquinas redondeadas */ /* Cuando un contenedor tiene un estilo y su contenido sobrepasa el espacio, la clase '.boxdecorationbreak' aplica el estilo padre a las partes que se han salido. */ /* .conex_der y .conex_izq permiten conectar dos cajas de bordes redondeados que están anexas quitando las esquinas redondeadas que se tocan */ /* Columnado de elementos de bloque */ /* ELEMENTOS EMBEBIDOS */ /* ========================================================================== */ /* Ejemplo: .wrapper_resp(500, 300, mi_clase); 'mi_clase va sin punto ni arroba' */ /*! custom5_anims */ /* ========================================================================== CUSTOM ANIMATIONS STYLES ========================================================================== */ /* ANIMACIONES */ /* ========================================================================== */ /* Basado en: * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /* ************************************************************** */ /*! custom4_grid */ /* LESS GRID SYSTEM basado en http://responsive.gs del que ya no se le parece en nada .- Convertido a un sistema basado en Less .- Independiente de cantidad fija de columnas .- Admite decimales en los anchos declarados .- Compatible desde IE8 */ /*! custom3_tags_editable */ /* ========================================================================== CUSTOM TAGS ========================================================================== */ /* ENLACES */ /* ========================================================================== */ .tel { text-decoration: underline; cursor: default; } @media only screen and (min-width: 768px) { .tel { text-decoration: none; cursor: default; } } /* efectos zoom hover hoverjq */ .hoverzoom { overflow: hidden; } .hoverzoom img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .hoverzoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .hoverzoomvelo { overflow: hidden; position: relative; } .hoverzoomvelo:after { content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; pointer-events: none; } .hoverzoomvelo img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .hoverzoomvelo:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .unhoverzoomvelo { overflow: hidden; position: relative; } .unhoverzoomvelo:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0px; height: 0px; background: none; opacity: 0; -webkit-transition: 0s ease-in-out; transition: 0s ease-in-out; cursor: default; } .unhoverzoomvelo img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0; transition: 0; } .unhoverzoomvelo:hover:after { opacity: 0; } .unhoverzoomvelo:hover img { -webkit-transform: scale(1); transform: scale(1); } .a_botstyl1 { display: inline-block; background-color: #9b999e; padding: 6px 20px 5px; border: none; color: #ffffff; font-size: 0.8125rem; text-align: center; text-decoration: none; cursor: pointer; } .a_botstyl1:hover { background-color: #b5b3b7; } /* BOTONES */ /* ========================================================================== */ /* TITULARES */ /* ========================================================================== */ /* TEXTOS */ /* ========================================================================== */ /* comillas de apertura y cierre */ /* LINEAS */ /* ========================================================================== */ /* aplicable a
*/ /* IMAGENES */ /* ========================================================================== */ /* LISTAS */ /* ========================================================================== */ /* elementos de ul alineados verticalmente. (APLICAR AL TAG UL) */ /* elementos de ul alineados horizontalmente. (APLICAR AL TAG UL) */ /* menú ul horizontal con width 100% */ /* menú ul horizontal con width 100% y opciones igual de anchas*/ /* Bullets triangulares */ /* numeración en círculos, para 'ol' */ /* TABLAS */ /* ========================================================================== */ .table1 { font-size: 0.8125rem; font-weight: 100; min-width: 738px; } .table1 tbody tr:nth-child(odd) { background-color: #f8f8f8; } .table1 th, .table1 td { padding: 5px 10px; } .table1 th { font-weight: 700; border-bottom: 2px solid #999; background-color: #ffffff; } .table1 th, .table1 td { padding: 10px 20px; } .table1 a { color: #aaaaaa; text-decoration: none; } .table1 a:hover { color: #666666; } /* ELEMENTOS DE FORMULARIO */ /* ========================================================================== */ /* CAJAS */ /* ========================================================================== */ .vessel { max-width: 1200px; margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 768px) { .vessel { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { .vessel { padding-left: 20px; padding-right: 20px; } } .vessel_pad { padding-left: calc((100% - 1200px)/2); padding-right: calc((100% - 1200px)/2); } /* triángulo-flecha en tooltips */ .breadcrumb { margin-bottom: 1.6em; } .breadcrumb a { color: #5b5b5f; text-decoration: none; } .breadcrumb a:hover { color: #333333; } .breadcrumb a:hover { text-decoration: underline; } .gridcolumns3.aling_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (min-width: 576px) { .gridcolumns3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gridcolumns3 > * { -webkit-box-sizing: border-box; box-sizing: border-box; width: 49%; margin-bottom: 10px; } .gridcolumns3 > *:nth-child(1n+1) { margin-left: 1%; margin-right: 1%; } .gridcolumns3 > *:nth-child(2n + 0) { margin-right: 0; } .gridcolumns3 > *:nth-child(2n + 1) { margin-left: 0; } } @media only screen and (min-width: 768px) { .gridcolumns3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gridcolumns3 > * { -webkit-box-sizing: border-box; box-sizing: border-box; width: 32.33333333%; margin-bottom: 10px; } .gridcolumns3 > *:nth-child(1n+1) { margin-left: 0.75%; margin-right: 0.75%; } .gridcolumns3 > *:nth-child(3n + 0) { margin-right: 0; } .gridcolumns3 > *:nth-child(3n + 1) { margin-left: 0; } } .gridcolumns3__item { margin-bottom: 40px; } .gridcolumns3__item h2 { text-align: center; margin-bottom: 0.4em; line-height: 1; } .gridcolumns3__item figure { margin-bottom: 1em; line-height: 0; } .gridcolumns3__item figure a { display: block; line-height: 0; overflow: hidden; position: relative; } .gridcolumns3__item figure a:after { content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; pointer-events: none; } .gridcolumns3__item figure a img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .gridcolumns3__item figure a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .gridcolumns3__item figure.outlet_article { border: 2px solid #aaa; } .gridcolumns3__item figure.nozoom a { overflow: hidden; position: relative; } .gridcolumns3__item figure.nozoom a:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0px; height: 0px; background: none; opacity: 0; -webkit-transition: 0s ease-in-out; transition: 0s ease-in-out; cursor: default; } .gridcolumns3__item figure.nozoom a img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0; transition: 0; } .gridcolumns3__item figure.nozoom a:hover:after { opacity: 0; } .gridcolumns3__item figure.nozoom a:hover img { -webkit-transform: scale(1); transform: scale(1); } .gridcolumns3__item figure.wrap-resp { margin: 0 auto; height: 0px; width: 100%; /*tomará el tamaño al 100% del #contenedor*/ padding-top: 100%; /*nos ayudara a la proporción del contenido*/ position: relative; border: 1px solid #eee; margin-bottom: 1em; } .gridcolumns3__item figure.wrap-resp .figure_in { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .gridcolumns3__item figure.wrap-resp .figure_in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gridcolumns3__item figure.wrap-resp img { width: 100%; height: auto; } .gridcolumns3__item .linkterm { text-align: center; font-size: 1.25rem; font-weight: 100; text-transform: uppercase; } .gridcolumns3__item .linkterm a { color: #5b5b5f; text-decoration: none; } .gridcolumns3__item .linkterm a:hover { color: #333333; } .gridcolumns3__item .linkterm a.tax-outlet { display: inline-block; text-indent: -9999px; overflow: hidden; width: 26px; height: 26px; border: 2px solid #000; border-radius: 50%; background: url("../img/ring_plus.png") 50%; position: relative; opacity: 0.4; } .gridcolumns3__item .linkterm a.tax-outlet:hover { opacity: 0.6; } .gridcolumns3__item .linkwrap { text-align: center; } .gridcolumns3__item .linkwrap a { font-family: 'goudy_old_styleregular', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 1.375rem; text-transform: uppercase; color: #5b5b5f; text-decoration: none; } .gridcolumns3__item .linkwrap a:hover { color: #333333; } .gridcolumns3__item .frase { text-align: center; font-size: 1.0625rem; font-weight: 100; color: #999999; } .gridcolumns3__item .outlet_tit_precio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 1.25rem; font-weight: 100; } .gridcolumns3__item .outlet_tit_precio .marca { color: #999999; } .gridcolumns3__item .item_title { font-size: 1.25rem; font-weight: 100; margin-bottom: 0.7em; } .gridcolumns3__item .item_title a { color: #5b5b5f; text-decoration: none; } .gridcolumns3__item .item_title a:hover { color: #333333; } #content .gridcolumns3__item .item_content p { font-size: 0.875rem; font-weight: 100; line-height: 1.2; color: #999999; } .fotogal_wrap { max-width: 1340px; margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px; margin-top: 3em; margin-bottom: 3em; } @media only screen and (min-width: 768px) { .fotogal_wrap { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { .fotogal_wrap { padding-left: 20px; padding-right: 20px; } } .fotogal { height: 380px; } .fotogal .fotogal__item { opacity: 0; } .infobox { background-color: #ecedef; font-size: 0.875rem; font-weight: 100; line-height: 1.3; padding: 10px 10%; text-align: center; } .infobox strong { font-weight: 700; } .infobox a { color: #5b5b5f; text-decoration: none; } .infobox a:hover { color: #333333; } /*! custom2_widgets_editable */ /* MENU RESPONSIVE genérico */ /* ******************************************************************************************** */ /* barra Cookies (version LESS)*/ /* ******************************************************************************************** */ /*! custom1_vendor */ /* ========================================================================== CUSTOM EXTERNAL BASE STYLES ========================================================================== */ /* ******************************************************************************************** */ /* COSAS DE PRETTYPHOTO */ /* ******************************************************************************************** */ /* FIN de COSAS DE DRUPAL-8 */ /* ******************************************************************************************** */ /* COSAS DE DRUPAL7 */ /* FIN de COSAS DE DRUPAL */ /* ******************************************************************************************** */ /* ========================================================================== PLUGINS JAVASCRIPT PROPIOS ========================================================================== */ /* ASSELECT */ /* ORDERMOVE */ /* PLUGIN TOOLTIP */ /* PLUGIN NOTIFY */ /* PLUGIN DESLIZER WIDGE */ /* PLUGIN DESLIZER */ /* PLUGIN DRAGSIZE */ /* PLUGIN MODALWIN */ /* PLUGINS CLOSEBOX */ /* PLUGIN SLIDEBLOCK */ /* PLUGIN IMGBG */ /* PLUGIN IMGBG2 */ /* ******************************************************************************************** */ /* ========================================================================== WIDGETS JAVASCRIPT PROPIOS ========================================================================== */ /* widget barzoom */ /*! custom0_includes_editable */ /* ========================================================================== INCLUDES ========================================================================== */ /* custom7_helper.less ----------------------------------- */ .c_primary_osc { color: #337ab7; } .b_primary_osc { background-color: #337ab7; } .c_primary_clar { color: #d2eaff; } .b_primary_clar { background-color: #d2eaff; } .c_success_osc { color: #5cb85c; } .b_success_osc { background-color: #5cb85c; } .c_success_clar { color: #dff0d8; } .b_success_clar { background-color: #dff0d8; } .c_info_osc { color: #5bc0de; } .b_info_osc { background-color: #5bc0de; } .c_info_clar { color: #d9edf7; } .b_info_clar { background-color: #d9edf7; } .c_warning_osc { color: #f0ad4e; } .b_warning_osc { background-color: #f0ad4e; } .c_warning_clar { color: #fcf8e3; } .b_warning_clar { background-color: #fcf8e3; } .c_danger_osc { color: #d9534f; } .b_danger_osc { background-color: #d9534f; } .c_danger_clar { color: #f2dede; } .b_danger_clar { background-color: #f2dede; } /* custom6_helper.less ----------------------------------- */ /* custom5_anims.less ----------------------------------- */ .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .duration125 { -webkit-animation-duration: 125ms; animation-duration: 125ms; } .duration250 { -webkit-animation-duration: 250ms; animation-duration: 250ms; } .duration333 { -webkit-animation-duration: 333ms; animation-duration: 333ms; } .duration500 { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .duration666 { -webkit-animation-duration: 666ms; animation-duration: 666ms; } .duration750 { -webkit-animation-duration: 750ms; animation-duration: 750ms; } .duration1000 { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; -webkit-animation-duration: 666ms; animation-duration: 666ms; } @-webkit-keyframes bounceInLeft { from, 40%, 65%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } 40% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 65% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 80% { opacity: 1; -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 40%, 65%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } 40% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 65% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 80% { opacity: 1; -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; -webkit-animation-duration: 666ms; animation-duration: 666ms; } @-webkit-keyframes bounceInRight { from, 40%, 65%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } 40% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 65% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 80% { opacity: 1; -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 40%, 65%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } 40% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 65% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 80% { opacity: 1; -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; -webkit-animation-duration: 666ms; animation-duration: 666ms; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; -webkit-animation-duration: 666ms; animation-duration: 666ms; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 333ms; animation-duration: 333ms; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /* custom4_grid.less ----------------------------------- */ /* row/col mixins */ /* custom3_tags_editable.less ----------------------------------- */ /* custom2_widgets_editable.less ----------------------------------- */ .left0 { left: 0; } @media only screen and (max-width: 767px) { #topmenu_wrap { height: 40px !important; } } #site-navigation div[class^="menu-principal"] { position: relative; width: 100%; z-index: 10; /* nivel 1 */ } #site-navigation div[class^="menu-principal"] * { padding: 0; border: 0; margin: 0; } #site-navigation div[class^="menu-principal"] a#topmenu_view_mb { display: none; } #site-navigation div[class^="menu-principal"] ul { overflow: hidden; z-index: 10; background-color: #fff; } #site-navigation div[class^="menu-principal"] ul li { list-style: none; float: left; /* nivel 2 */ } #site-navigation div[class^="menu-principal"] ul li a { display: inline-block; float: left; height: 46px; line-height: 46px; /* Editar desde aquí: */ font-size: 0.875rem; text-decoration: none; text-transform: uppercase; padding: 0 10px; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; } #site-navigation div[class^="menu-principal"] ul li.ddmenu_submenu > a { padding-right: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; } #site-navigation div[class^="menu-principal"] ul li ul { display: none; position: absolute; top: 46px; } #site-navigation div[class^="menu-principal"] ul li ul li { float: none; border-top: 1px solid #999; border-bottom: 1px solid #555; } #site-navigation div[class^="menu-principal"] ul li ul li:last-child { border-bottom: none; } #site-navigation div[class^="menu-principal"] ul li ul li a { float: none; display: block; height: auto; padding-top: 10px; padding-bottom: 10px; line-height: 1.1; } #site-navigation div[class^="menu-principal"] ul li:hover ul { display: block; } @media only screen and (max-width: 767px) { #site-navigation div[class^="menu-principal"] { /* nivel 1 */ /* nivel 1 */ } #site-navigation div[class^="menu-principal"] a#topmenu_view_mb { position: relative; display: block; height: 40px; line-height: 40px; color: #fff; background-color: #555; text-decoration: none; padding: 0 16px; font-family: Verdana, Geneva, sans-serif; font-size: 1rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'/%3E%3C/svg%3E"); background-size: 18px; background-position: right 10px top 50%; background-repeat: no-repeat; } #site-navigation div[class^="menu-principal"] a#topmenu_view_mb:hover { background-color: #696969; } #site-navigation div[class^="menu-principal"] ul li { float: none; position: relative; /* nivel 2 */ } #site-navigation div[class^="menu-principal"] ul li.ddmenu_submenu > a { position: relative; background-image: none; } #site-navigation div[class^="menu-principal"] ul li.ddmenu_submenu > a .ddmenu_arrow { display: inline-block; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; right: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; } #site-navigation div[class^="menu-principal"] ul li.ddmenu_submenu.ddmenu_expanded > a .ddmenu_arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; } #site-navigation div[class^="menu-principal"] ul li.ddmenu_submenu.ddmenu_parentclick > a .ddmenu_arrow { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23555' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; border-radius: 5px; background-clip: padding-box; /* Ejemplos de @arguments: .boxshadow(10px 10px 5px #000000); .boxshadow(inset 10px 10px 5px #000000); .boxshadow(10px 10px 5px 0px rgba(0,0,0,0.5)); */ -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5); font-size: 0.875rem; } #site-navigation div[class^="menu-principal"] ul li.ddmenu_submenu.ddmenu_parentclick > a .ddmenu_arrow:after { top: 40%; right: 8px; } #site-navigation div[class^="menu-principal"] ul li.ddmenu_submenu.ddmenu_parentclick.ddmenu_expanded > a .ddmenu_arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23555' d='M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; } #site-navigation div[class^="menu-principal"] ul li a { color: #fff; float: none; display: block; height: inherit; line-height: 1.2; padding-top: 8px; padding-bottom: 7px; margin-left: 0; margin-right: 0; } #site-navigation div[class^="menu-principal"] ul li a.ddmenu_path2current:after { content: " "; position: absolute; top: 0; left: 5px; width: 2px; background-color: #fff; height: 100%; } #site-navigation div[class^="menu-principal"] ul li a.ddmenu_path2current_ini:after { top: 50%; height: 50%; } #site-navigation div[class^="menu-principal"] ul li a.ddmenu_path2current_ini:before { content: " "; position: absolute; top: 50%; left: 0; width: 7px; background-color: #fff; height: 2px; } #site-navigation div[class^="menu-principal"] ul li a.ddmenu_path2current_end:after { height: 50%; } #site-navigation div[class^="menu-principal"] ul li a.ddmenu_path2current_end:before { content: " "; position: absolute; top: 50%; left: 5px; width: 7px; background-color: #fff; height: 2px; } #site-navigation div[class^="menu-principal"] ul li a.ddmenu_current, #site-navigation div[class^="menu-principal"] ul li a.ddmenu_current:hover { font-weight: 700; cursor: default; background-color: #484848; } #site-navigation div[class^="menu-principal"] ul li ul { position: relative; top: auto; } #site-navigation div[class^="menu-principal"] ul li ul.ddmenu_trail { display: block; } #site-navigation div[class^="menu-principal"] ul li ul li a { color: #fff; height: inherit; line-height: 1.2; padding-top: 6px; padding-bottom: 5px; } #site-navigation div[class^="menu-principal"] ul li:hover ul { display: none; } #site-navigation div[class^="menu-principal"] ul li:hover ul.ddmenu_trail { display: block; } #site-navigation div[class^="menu-principal"] ul li a { padding-left: 16px; background-color: #555555; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #3b3b3b; } #site-navigation div[class^="menu-principal"] ul li a:hover { background-color: #696969; } #site-navigation div[class^="menu-principal"] ul ul li a { padding-left: 32px; background-color: #626262; border-top: 1px solid #7b7b7b; border-bottom: 1px solid #2f2f2f; } #site-navigation div[class^="menu-principal"] ul ul li a:hover { background-color: #767676; } #site-navigation div[class^="menu-principal"] ul ul ul li a { padding-left: 48px; background-color: #6f6f6f; border-top: 1px solid #888888; border-bottom: 1px solid #222222; } #site-navigation div[class^="menu-principal"] ul ul ul li a:hover { background-color: #838383; } #site-navigation div[class^="menu-principal"] ul ul ul ul li a { padding-left: 64px; background-color: #7b7b7b; border-top: 1px solid #959595; border-bottom: 1px solid #151515; } #site-navigation div[class^="menu-principal"] ul ul ul ul li a:hover { background-color: #909090; } #site-navigation div[class^="menu-principal"] > ul { display: none; } #site-navigation div[class^="menu-principal"] > ul li { /* nivel 2 */ } #site-navigation div[class^="menu-principal"] > ul li a { padding-top: 10px !important; padding-bottom: 9px !important; font-family: Helvetica, Arial, sans-serif; font-size: 1rem; } #site-navigation div[class^="menu-principal"] > ul li ul li a { padding-top: 8px !important; padding-bottom: 7px !important; } } @media only screen and (min-width: 768px) { #site-navigation div[class^="menu-principal"] { /* nivel 1 */ } #site-navigation div[class^="menu-principal"] > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } #site-navigation div[class^="menu-principal"] > ul > li { /* OPCION DESTACADA */ /* fin OPCION DESTACADA */ /* nivel 2 */ } #site-navigation div[class^="menu-principal"] > ul > li.current-menu-item a { color: #999999; } #site-navigation div[class^="menu-principal"] > ul > li a { color: #555; background-color: #fff; } #site-navigation div[class^="menu-principal"] > ul > li a:hover { background-color: #f8f8f8; } #site-navigation div[class^="menu-principal"] > ul > li a.ddmenu_current, #site-navigation div[class^="menu-principal"] > ul > li a:hover.ddmenu_current { background-color: #e0e0e0 !important; cursor: default; font-weight: 700; } #site-navigation div[class^="menu-principal"] > ul > li.featured > a { background-color: #9b999e; color: #ffffff; } #site-navigation div[class^="menu-principal"] > ul > li.featured a { text-transform: none; } #site-navigation div[class^="menu-principal"] > ul > li ul { overflow: inherit; } #site-navigation div[class^="menu-principal"] > ul > li ul > li { position: relative; } #site-navigation div[class^="menu-principal"] > ul > li ul > li a { color: #fff; background-color: #777; } #site-navigation div[class^="menu-principal"] > ul > li ul > li a:hover { background-color: #8b8b8b; } #site-navigation div[class^="menu-principal"] > ul > li ul > li a.ddmenu_current, #site-navigation div[class^="menu-principal"] > ul > li ul > li a:hover.ddmenu_current { background-color: #585858 !important; } #site-navigation div[class^="menu-principal"] > ul > li ul > li a.ddmenu_a_trail, #site-navigation div[class^="menu-principal"] > ul > li ul > li a:hover.ddmenu_a_trail { background-color: #6a6a6a !important; } #site-navigation div[class^="menu-principal"] > ul > li ul > li.ddmenu_submenu { /* nivel 3 */ } #site-navigation div[class^="menu-principal"] > ul > li ul > li.ddmenu_submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23fff' d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E"); background-size: 6px; background-position: right 10px top 50%; background-repeat: no-repeat; } #site-navigation div[class^="menu-principal"] > ul > li ul > li.ddmenu_submenu ul { display: none; } #site-navigation div[class^="menu-principal"] > ul > li ul > li.ddmenu_submenu:hover > ul { display: block; position: absolute; top: 0; left: 100%; } #site-navigation div[class^="menu-principal"] > ul > li ul > li.ddmenu_submenu:hover > ul li a { white-space: nowrap; } } @media only screen and (min-width: 768px) { .menuhor { /* nivel 1 */ } .menuhor > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menuhor > ul > li { /* OPCION DESTACADA */ /* fin OPCION DESTACADA */ /* nivel 2 */ } .menuhor > ul > li.current-menu-item a { color: #999999; } .menuhor > ul > li a { color: #555; background-color: #fff; } .menuhor > ul > li a:hover { background-color: #f8f8f8; } .menuhor > ul > li a.ddmenu_current, .menuhor > ul > li a:hover.ddmenu_current { background-color: #e0e0e0 !important; cursor: default; font-weight: 700; } .menuhor > ul > li.featured > a { background-color: #9b999e; color: #ffffff; } .menuhor > ul > li.featured a { text-transform: none; } .menuhor > ul > li ul { overflow: inherit; } .menuhor > ul > li ul > li { position: relative; } .menuhor > ul > li ul > li a { color: #fff; background-color: #777; } .menuhor > ul > li ul > li a:hover { background-color: #8b8b8b; } .menuhor > ul > li ul > li a.ddmenu_current, .menuhor > ul > li ul > li a:hover.ddmenu_current { background-color: #585858 !important; } .menuhor > ul > li ul > li a.ddmenu_a_trail, .menuhor > ul > li ul > li a:hover.ddmenu_a_trail { background-color: #6a6a6a !important; } .menuhor > ul > li ul > li.ddmenu_submenu { /* nivel 3 */ } .menuhor > ul > li ul > li.ddmenu_submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23fff' d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E"); background-size: 6px; background-position: right 10px top 50%; background-repeat: no-repeat; } .menuhor > ul > li ul > li.ddmenu_submenu ul { display: none; } .menuhor > ul > li ul > li.ddmenu_submenu:hover > ul { display: block; position: absolute; top: 0; left: 100%; } .menuhor > ul > li ul > li.ddmenu_submenu:hover > ul li a { white-space: nowrap; } } .menuver { /* nivel 1 */ } .menuver ul li { float: none; position: relative; /* nivel 2 */ } .menuver ul li.ddmenu_submenu > a { position: relative; background-image: none; } .menuver ul li.ddmenu_submenu > a .ddmenu_arrow { display: inline-block; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; right: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; } .menuver ul li.ddmenu_submenu.ddmenu_expanded > a .ddmenu_arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; } .menuver ul li.ddmenu_submenu.ddmenu_parentclick > a .ddmenu_arrow { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23555' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; border-radius: 5px; background-clip: padding-box; /* Ejemplos de @arguments: .boxshadow(10px 10px 5px #000000); .boxshadow(inset 10px 10px 5px #000000); .boxshadow(10px 10px 5px 0px rgba(0,0,0,0.5)); */ -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5); font-size: 0.875rem; } .menuver ul li.ddmenu_submenu.ddmenu_parentclick > a .ddmenu_arrow:after { top: 40%; right: 8px; } .menuver ul li.ddmenu_submenu.ddmenu_parentclick.ddmenu_expanded > a .ddmenu_arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23555' d='M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z'/%3E%3C/svg%3E"); background-size: 9px; background-position: right 10px top 50%; background-repeat: no-repeat; } .menuver ul li a { color: #fff; float: none; display: block; height: inherit; line-height: 1.2; padding-top: 8px; padding-bottom: 7px; margin-left: 0; margin-right: 0; } .menuver ul li a.ddmenu_path2current:after { content: " "; position: absolute; top: 0; left: 5px; width: 2px; background-color: #fff; height: 100%; } .menuver ul li a.ddmenu_path2current_ini:after { top: 50%; height: 50%; } .menuver ul li a.ddmenu_path2current_ini:before { content: " "; position: absolute; top: 50%; left: 0; width: 7px; background-color: #fff; height: 2px; } .menuver ul li a.ddmenu_path2current_end:after { height: 50%; } .menuver ul li a.ddmenu_path2current_end:before { content: " "; position: absolute; top: 50%; left: 5px; width: 7px; background-color: #fff; height: 2px; } .menuver ul li a.ddmenu_current, .menuver ul li a.ddmenu_current:hover { font-weight: 700; cursor: default; background-color: #484848; } .menuver ul li ul { position: relative; top: auto; } .menuver ul li ul.ddmenu_trail { display: block; } .menuver ul li ul li a { color: #fff; height: inherit; line-height: 1.2; padding-top: 6px; padding-bottom: 5px; } .menuver ul li:hover ul { display: none; } .menuver ul li:hover ul.ddmenu_trail { display: block; } .menuver ul li a { padding-left: 16px; background-color: #555555; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #3b3b3b; } .menuver ul li a:hover { background-color: #696969; } .menuver ul ul li a { padding-left: 32px; background-color: #626262; border-top: 1px solid #7b7b7b; border-bottom: 1px solid #2f2f2f; } .menuver ul ul li a:hover { background-color: #767676; } .menuver ul ul ul li a { padding-left: 48px; background-color: #6f6f6f; border-top: 1px solid #888888; border-bottom: 1px solid #222222; } .menuver ul ul ul li a:hover { background-color: #838383; } .menuver ul ul ul ul li a { padding-left: 64px; background-color: #7b7b7b; border-top: 1px solid #959595; border-bottom: 1px solid #151515; } .menuver ul ul ul ul li a:hover { background-color: #909090; } #cookiesbar { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #555; text-align: center; padding: 10px 0; z-index: 99999; -webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.3); } #cookiesbar .info { color: #eee; font: 12px Arial, Helvetica, sans-serif; display: inline-block; padding: 0 50px 0 20px; text-align: left; } #cookiesbar .info strong { color: #fff; } #cookiesbar .info a { color: #ddd; } #cookiesbar .info a:hover { color: #fff; text-decoration: underline; } #cookiesbar .close { position: absolute; top: 6px; right: 6px; padding: 0; } #cookiesbar .close a { display: inline-block; text-decoration: none; color: #fff; font: bold 12px Verdana, Geneva, sans-serif; border-radius: 3px; background-clip: padding-box; background-color: #999999; padding: 3px 9px 5px; } #cookiesbar .close a:hover { background-color: #bbbbbb; } /* custom1_vendor.less ----------------------------------- */ #modalwin { position: absolute; text-align: left; } #modalwin.mw_fullitem #modalwin_in img { width: 100%; height: auto; } #modalwin.mw_fullitem #modalwin_in #mwgalprevnext { position: absolute; top: 0; left: 0; width: 100%; cursor: pointer; } #modalwin.mw_fullitem #modalwin_in #mwgalprevnext #mwgalarrowprev { background: #fff url(../img/ant.png) no-repeat 50% 50%; } #modalwin.mw_fullitem #modalwin_in #mwgalprevnext #mwgalarrownext { right: 0; background: #fff url(../img/sig.png) no-repeat 50% 50%; } #modalwin.mw_fullitem #modalwin_in .mwgalarrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; background-color: #ffffff; height: 30px; width: 20px; border-radius: 10px; background-clip: padding-box; } #modalwin.mw_fullitem #modalwin_in #mwgalbarin { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } #modalwin.mw_fullitem #modalwin_in #mwgalbarin #mwgalcount { display: inline-block; background-color: #ffffff; color: #999999; padding: 2px 10px 4px; border-radius: 10px; background-clip: padding-box; font-size: 0.8125rem; } #modalwin.mw_fullitem #modalwin_in #mwgalbarin #mwgalcount .mwgalcurrent { color: #666666; font-size: 0.9375rem; } #modalwin.mwtheme_def { font-size: 0.75rem; } #modalwin.mwtheme_def #modalwin_wrap { background-color: #eeeeee; padding: 10px; /* Ejemplos de @arguments: .boxshadow(10px 10px 5px #000000); .boxshadow(inset 10px 10px 5px #000000); .boxshadow(10px 10px 5px 0px rgba(0,0,0,0.5)); */ -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7); } #modalwin.mwtheme_def #modalwin_in { background-color: #ffffff; padding: 10px; } #modalwin.mwtheme_def.mw_fullitem #modalwin_wrap { padding: 0; } #modalwin.mwtheme_min #modalwin_wrap { /* Ejemplos de @arguments: .boxshadow(10px 10px 5px #000000); .boxshadow(inset 10px 10px 5px #000000); .boxshadow(10px 10px 5px 0px rgba(0,0,0,0.5)); */ -webkit-box-shadow: 0px 0px 50px 0px #ffffff; box-shadow: 0px 0px 50px 0px #ffffff; } #modalwin.mwtheme_min #modalwin_in { background-color: #999999; padding: 1px; } #modalwin.mwtheme_full { text-align: center; background-color: transparent; } #modalwin.mwtheme_full.mw_fullitem #modalwin_in img { width: inherit; } #modalwin.mwtheme_full.mw_fullitem .mwgalfullarrow { position: fixed; top: 50%; margin-top: -20px; left: 0; width: 30px; height: 40px; background-image: url(../img/ant.png); background-repeat: no-repeat; background-position: 50% 50%; /* .bgtransp(#000, 50); */ filter: alpha(opacity=50); /* internet explorer */ background-color: #fff; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; } #modalwin.mwtheme_full.mw_fullitem .mwgalfullarrow#mwgalfullnext { left: inherit; right: 0; background-image: url(../img/sig.png); } #modalwin.mwtheme_full.mw_fullitem .mwgalfullarrow:hover { background-image: url(../img/prev.png); /* .bgtransp(#000, 50); */ filter: alpha(opacity=50); /* internet explorer */ background-color: #000; background-color: rgba(0, 0, 0, 0.5); } #modalwin.mwtheme_full.mw_fullitem .mwgalfullarrow:hover#mwgalfullnext { background-image: url(../img/next.png); } #modalwin.mwtheme_modalert { border-radius: 5px; background-clip: padding-box; border: 3px solid #eee; overflow: hidden; /* Ejemplos de @arguments: .boxshadow(10px 10px 5px #000000); .boxshadow(inset 10px 10px 5px #000000); .boxshadow(10px 10px 5px 0px rgba(0,0,0,0.5)); */ -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.5); } #modalwin.mwtheme_modalert .modalclose { margin-right: 4px !important; margin-top: 5px !important; color: #ffffff; } #modalwin.mwtheme_modalert .mdlrt_tit { padding: 4px 30px 4px 10px; color: #ffffff; font-size: 1rem; min-height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } #modalwin.mwtheme_modalert .mdlrt_content { text-align: center; padding: 20px; background-color: #ffffff; } #modalwin.mwtheme_modalert .mdlrt_content .mdlrt_content_in { display: inline-block; text-align: left; color: #666666; font-size: 0.875rem; line-height: 1.6; } #modalwin.mwtheme_modalert .mdlrt_foot { background-color: #eeeeee; padding: 5px 10px 2px; text-align: right; } #modalwin.mwtheme_modalert .mdlrt_foot span { display: inline-block; background-color: #f8f8f8; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 0.8125rem; padding: 4px 8px; border: 1px solid #bbb; border-radius: 3px; background-clip: padding-box; cursor: pointer; } #modalwin.mwtheme_modalert .mdlrt_foot span:hover { background-color: #ffffff; color: #333333; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action { margin-left: 10px; color: #ffffff; border-color: #fff; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action.primary { background-color: #337ab7; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action.success { background-color: #5cb85c; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action.info { background-color: #5bc0de; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action.warning { background-color: #f0ad4e; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action.danger { background-color: #d9534f; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action:hover { color: #ffffff; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action:hover.primary { background-color: #4f93ce; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action:hover.success { background-color: #80c780; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action:hover.info { background-color: #85d0e7; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action:hover.warning { background-color: #f4c37d; } #modalwin.mwtheme_modalert .mdlrt_foot span#mdlrt_action:hover.danger { background-color: #e27c79; } #modalwin #mw_iframe_wrapper { margin: 0 auto; height: 0px; width: 100%; /*tomará el tamaño al 100% del #contenedor*/ position: relative; background-color: transparent; background-image: url(../img/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; } #modalwin #mw_iframe_wrapper .mw_iframe { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .mdvloading { background-image: url(../img/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; } #modalmask_loading { position: fixed; opacity: 0; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; background-image: url(../img/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; } .modalredim_full { display: none; position: absolute; cursor: pointer; top: 10px; right: 80px; width: 40px; height: 40px; background-image: url(../img/redim_full_b.gif); background-repeat: no-repeat; background-position: 50% 50%; /* .bgtransp(#000, 50); */ filter: alpha(opacity=50); /* internet explorer */ background-color: #fff; background-color: rgba(255, 255, 255, 0.5); } .modalredim_full:hover { background-image: url(../img/redim_full_w.gif); /* .bgtransp(#000, 50); */ filter: alpha(opacity=50); /* internet explorer */ background-color: #000; background-color: rgba(0, 0, 0, 0.5); } span.modalclose { position: absolute; display: inline-block; z-index: 10; cursor: pointer; } span.modalclose.theme_default { border: solid 2px #fff; border-radius: 13px; background-clip: padding-box; background: #666 url(../img/close_white.gif) no-repeat 50% 50%; /* Ejemplos de @arguments: .boxshadow(10px 10px 5px #000000); .boxshadow(inset 10px 10px 5px #000000); .boxshadow(10px 10px 5px 0px rgba(0,0,0,0.5)); */ -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); width: 20px; height: 20px; top: 0px; right: 0px; } span.modalclose.theme_default:hover { background-color: #999999; } span.modalclose.theme_min { top: -3px; right: 0; width: 20px; height: 20px; } span.modalclose.theme_min:hover { color: #000000; } span.modalclose.theme_min::after { content: "x"; position: absolute; top: 0; left: 6px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 1rem; } span.modalclose.theme_modalfull { top: 10px; right: 30px; width: 40px; height: 40px; background-image: url(../img/close_full_b.gif); background-repeat: no-repeat; background-position: 50% 50%; /* .bgtransp(#000, 50); */ filter: alpha(opacity=50); /* internet explorer */ background-color: #fff; background-color: rgba(255, 255, 255, 0.5); } span.modalclose.theme_modalfull:hover { background-image: url(../img/close_full_w.gif); /* .bgtransp(#000, 50); */ filter: alpha(opacity=50); /* internet explorer */ background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .slideblock_naver .naver { color: #dddddd; font-family: Arial, sans-serif; font-size: 1.875rem; height: 40px; line-height: 40px; width: 40px; border-radius: 20px; background-clip: padding-box; text-align: center; background-color: rgba(0, 0, 0, 0.55); margin-top: -20px; background-repeat: no-repeat; background-position: 50% 50%; } .slideblock_naver .naver.prev { height: 40px; width: 40px; background-image: url(../img/prev.png); } .slideblock_naver .naver.next { height: 40px; width: 40px; background-image: url(../img/next.png); } .slideblock_naver .naver:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.45); } .slideblock_naver .naver.disabled, .slideblock_naver .naver.disabled:hover { color: #999999; background-color: rgba(0, 0, 0, 0.3); opacity: 0.4; cursor: default !important; } .imgbg2_wrapper { overflow: hidden; position: relative; } .imgbg2_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background: no-repeat center center; background-size: cover; } .pager.imgbg2_theme { position: absolute; top: 50%; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pager.imgbg2_theme .pager__wrapinner { position: absolute; width: 100%; } .pager.imgbg2_theme .pager__naver { position: absolute; top: 0; cursor: pointer; text-indent: -9999px; overflow: hidden; width: 40px; height: 40px; background-repeat: no-repeat; background-position: 50% 50%; /* .bgtransp(#000, 50); */ filter: alpha(opacity=20%); /* internet explorer */ background-color: #000; background-color: rgba(0, 0, 0, 0.2); -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; border-radius: 50px; background-clip: padding-box; border: 1px solid #fff; top: -20px; } .pager.imgbg2_theme .pager__naver:hover { /* .bgtransp(#000, 50); */ filter: alpha(opacity=40%); /* internet explorer */ background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .pager.imgbg2_theme .pager__naver.disabled, .pager.imgbg2_theme .pager__naver.disabled:hover { /* .bgtransp(#000, 50); */ filter: alpha(opacity=20%); /* internet explorer */ background-color: #000; background-color: rgba(0, 0, 0, 0.2); opacity: 0.3; cursor: default; } .pager.imgbg2_theme .pager__naver--prev { left: 20px; background-image: url(../img/prev.png); } .pager.imgbg2_theme .pager__naver--next { right: 20px; background-image: url(../img/next.png); } .imgbg2_menudots { position: absolute; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .imgbg2_menudots span { display: inline-block; width: 8px; height: 8px; border-radius: 10px; background-clip: padding-box; background-color: #dddddd; font-size: 0.625rem; margin: 0 5px; border: 1px solid #fff; cursor: pointer; /* Ejemplos de @arguments: .boxshadow(10px 10px 5px #000000); .boxshadow(inset 10px 10px 5px #000000); .boxshadow(10px 10px 5px 0px rgba(0,0,0,0.5)); */ -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); } .imgbg2_menudots span:hover { background-color: #aaaaaa; cursor: pointer; } .imgbg2_menudots span.current { background-color: #777777; cursor: default; } /*! style */ /* ========================================================================== CUSTOM SECTIONS ========================================================================== */ body { color: #5b5b5f; font-family: 'Open Sans', sans-serif; } a { outline: 0 none !important; } h1 { font-family: 'goudy_old_styleregular', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 2.1875rem; margin: 1em 0; line-height: 1.2; text-transform: uppercase; font-weight: 400; } h2 { font-family: 'goudy_old_styleregular', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 2.1875rem; margin: 1em 0; line-height: 1.2; text-transform: uppercase; font-weight: 400; } strong { font-weight: 700; } figure { margin: 0; } img { max-width: 100%; height: auto; } li { list-style: none; margin: 0; padding: 0; background: none; } ul { padding: 0; border: 0; margin: 0; } #content { /* label{ } input[type=text], input[type=email], textarea{ border: 1px solid #888; .rounded(3px); .fftr(16); width: 97%; padding: 2px 6px; @media @tb{ width: 95%; } } textarea{ width: 100%; } input[type=submit]{ } */ /* detalle formularios con checks dependientes de otros */ } #content p { font-size: 1rem; line-height: 1.5; font-weight: 100; } #content p b { font-weight: 400; } #content p a { color: #5b5b5f; text-decoration: none; text-decoration: underline; } #content p a:hover { color: #333333; } #content li { font-size: 1rem; font-weight: 100; margin-bottom: 0.7em; } #content li:before { content: "- "; } #content li b { font-weight: 400; } body.single-post #content li { line-height: 1.5; } body.single-post #content li figure { margin: 1em 0; } body.single-post #content li figure figcaption { font-size: 14px; } #content ul.styl2 li { margin-bottom: 0.5em; } #content ul.styl2 li:before { content: none; } #content th, #content td { font-size: 1rem; line-height: 1.1; } #content td { line-height: 1.5; } #content input[type="checkbox"][value="Ofertas"]:not([disabled]), #content input[type="checkbox"][value*="quiero recibir ofertas personalizadas"]:not([disabled]), #content input[type="checkbox"][value*="I would also like to receive"]:not([disabled]) { opacity: 0.5; pointer-events: none; } #content input[type="checkbox"][value*="quiero recibir ofertas personalizadas"]:not([disabled]) + label input[type="checkbox"][value*="I would also like to receive"]:not([disabled]) + label { pointer-events: none; } #content { margin-top: 1em; margin-bottom: 2em; } #primary { max-width: 1200px; margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 768px) { #primary { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { #primary { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 768px) { #primary { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { #primary { padding-left: 20px; padding-right: 20px; } } body { min-height: 100hv; } #page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } @media all and (-ms-high-contrast: none) { #page { display: block; } } #content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #headertopbar { max-width: 1200px; margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { #headertopbar { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { #headertopbar { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 768px) { #headertopbar { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { #headertopbar { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 768px) { #headertopbar { display: -webkit-box; display: -ms-flexbox; display: flex; } } #headtopleft { -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 10px; } @media only screen and (min-width: 768px) { #headtopleft { margin-top: 10px; } } #menu-idiomas, #menu-idiomas-ingles { overflow: hidden; } #menu-idiomas li, #menu-idiomas-ingles li { float: left; list-style: none; } #menu-idiomas li a, #menu-idiomas-ingles li a { display: inline-block; float: left; } #menu-idiomas li:after, #menu-idiomas-ingles li:after { content: "/"; display: inline-block; margin: 0 5px 0 4px; color: #888888; } #menu-idiomas li:last-child:after, #menu-idiomas-ingles li:last-child:after { content: none; margin: 0; } #menu-idiomas a, #menu-idiomas-ingles a { color: #aaaaaa; text-decoration: none; font-size: 1rem; text-transform: uppercase; } #menu-idiomas a:hover, #menu-idiomas-ingles a:hover { color: #666666; } @media only screen and (min-width: 768px) { #menu-idiomas a, #menu-idiomas-ingles a { font-size: 0.875rem; } } .site-branding { text-align: center; margin: 20px 0 5px; } .site-branding a { display: inline-block; } .site-branding a img { max-width: 100%; height: auto; } #headtopright { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: end; align-self: flex-end; text-align: right; position: absolute; top: -5px; right: 10px; } @media only screen and (min-width: 768px) { #headtopright { top: 10px; position: relative; top: inherit; right: inherit; } } #headtopright section h2 { display: none; } #headtopright form { display: inline-block; position: relative; text-align: center; } #headtopright .screen-reader-text { display: none; } #headtopright input.search-field { background-color: #dddddd; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; width: 175px; padding-left: 10px; padding-right: 30px; font-size: 0.875rem; } #headtopright input.search-submit { display: inline-block; position: absolute; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; background: transparent url("../img/lupa.png") no-repeat 50% 50%; top: 0; right: 0; border: 0; cursor: pointer; } #site-navigation { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #site-navigation button.menu-toggle { display: none; } #site-navigation div[class^="menu-principal"] { max-width: 1240px; margin: 0 auto; } #site-navigation.fixed2top { width: 100% !important; background-color: #ffffff; } #colophon { border-top: 2px solid #5b5b5f; padding: 30px 0; } #footerbar { max-width: 1200px; margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 768px) { #footerbar { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { #footerbar { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 768px) { #footerbar { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { #footerbar { padding-left: 20px; padding-right: 20px; } } #footerbar .textwidget { display: -ms-grid; display: grid; -ms-grid-columns: 160px 20px 175px 20px 1fr 20px 1fr; grid-template-columns: 160px 175px 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; gap: 20px; } #footerbar .textwidget > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } #footerbar .textwidget > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } #footerbar .textwidget > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } #footerbar .textwidget > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } @media (max-width: 767px) { #footerbar .textwidget { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } #footerbar .rrss a { display: inline-block; margin-right: 5px; margin-bottom: 10px; } #footerbar .linkblog a { display: inline-block; background-color: #9b999e; padding: 6px 20px 5px; border: none; color: #ffffff; font-size: 0.8125rem; text-align: center; text-decoration: none; cursor: pointer; display: block; max-width: 388px; } #footerbar .linkblog a:hover { background-color: #b5b3b7; } @media (min-width: 768px) { #footerbar .linkslegal { text-align: right; } } #footerbar .linkslegal a { font-family: 'goudy_old_styleregular', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 1.125rem; color: #aaaaaa; text-decoration: none; } #footerbar .linkslegal a:hover { color: #666666; } @media only screen and (min-width: 768px) { #footerbar .linkslegal a { font-size: 1rem; } } #footerbar .subvencion { font-size: 0.8125rem; } @media (min-width: 768px) { #footerbar .subvencion { -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / 5; } } #footerbar .subvencion a { color: #000; text-decoration-style: dotted; } #footerbar .subvencion a:hover { text-decoration-style: solid; } #footerbar .subvencion .sellos { font-size: 0; margin-top: 10px; } #footerbar .subvencion .sellos img { height: 50px; width: auto; } .posts-navigation { text-align: center; margin-bottom: 2em; } .posts-navigation a { color: #5b5b5f; text-decoration: none; text-decoration: underline; } .posts-navigation a:hover { color: #333333; } .posts-navigation .nav-previous { display: inline-block; margin-right: 40px; } .posts-navigation .nav-previous a { display: inline-block; padding-left: 26px; background: transparent url("../img/svg/arrow_left.svg") no-repeat 4px 50%; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .posts-navigation .nav-previous a:hover { background-position: 0 50%; } .posts-navigation .nav-next { display: inline-block; } .posts-navigation .nav-next a { display: inline-block; padding-right: 26px; background: transparent url("../img/svg/arrow_right.svg") no-repeat; background-position: right 3px top 50%; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .posts-navigation .nav-next a:hover { background-position: 100% 50%; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 500ms; animation-duration: 500ms; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 500ms; animation-duration: 500ms; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; -webkit-animation-duration: 900ms; animation-duration: 900ms; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; -webkit-animation-duration: 900ms; animation-duration: 900ms; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); } } .slidetop { height: 530px; } .slidetop__item { background-color: rgba(0, 0, 0, 0.15); background-blend-mode: darken; } .slidetop img { display: none; } .slidetop .pager { display: none !important; } @media only screen and (min-width: 768px) { .slidetop .pager { display: inherit !important; } } .slidetop_wrap { position: relative; } .slidetext { display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .slidetext .slidetext_in { display: inline-block; text-align: left; } @media only screen and (min-width: 768px) { .slidetext { width: calc(100% - 140px); margin: 0 70px; } } .slidetext .slidetext_in { text-align: center; } .slidetext a { text-decoration: none; color: #ffffff; display: inline-block; padding: 10px 20px; background-color: transparent; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .slidetext a:hover { border: 1px solid #fff; /* .bgtransp(#000, 50); */ filter: alpha(opacity=50); /* internet explorer */ background-color: #000000; background-color: rgba(0, 0, 0, 0.5); } .linea1 { font-family: 'goudy_old_styleregular', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 1.875rem; text-transform: uppercase; line-height: 1.1; } @media only screen and (min-width: 768px) { .linea1 { font-family: 'goudy_old_styleregular', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 3.375rem; margin-bottom: 15px; } } .linea2 { font-family: 'Open Sans', sans-serif; font-size: 1.25rem; text-transform: uppercase; font-weight: 100; } @media only screen and (min-width: 768px) { .linea2 { font-size: 1.875rem; } } .home_content { margin: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 24px 0; } .home_content_in { max-width: 1200px; margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px; text-align: center; } @media only screen and (min-width: 768px) { .home_content_in { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { .home_content_in { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 768px) { .home_content_in { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { .home_content_in { padding-left: 20px; padding-right: 20px; } } .home_content_in p { text-transform: uppercase; margin: 0; } #content .home_content_in p { font-family: 'goudy_old_styleregular', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 1.4375rem; } body.page-template-default #content { margin-bottom: 5em; } body.page-template-tpl-no_slide_head #content { margin-bottom: 5em; } .page_image_top { height: 530px; margin-bottom: 60px; } .page_image_top img { display: none; } .slideblock_naver .naver { height: 60px; line-height: 60px; width: 60px; border-radius: 0px; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.2); opacity: 0.8; margin-top: -30px; } .slideblock_naver .naver.prev { height: 60px; width: 60px; background-image: url(../img/slide_prev.png); } .slideblock_naver .naver.next { height: 60px; width: 60px; background-image: url(../img/slide_next.png); } .slideblock_naver .naver:hover { background-color: rgba(255, 255, 255, 0.45); opacity: 1; } .slideblock_naver .naver.disabled, .slideblock_naver .naver.disabled:hover { background-color: rgba(255, 255, 255, 0.1); opacity: 0.2; } body.single-proyecto .page_image_top { margin-bottom: 20px; } body.single-proyecto #content { margin-bottom: 4em; } @media only screen and (min-width: 768px) { body.single-producto #main .content_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width: 768px) { body.single-producto #main .post-thumbnail { margin-right: 40px; } } body.single-producto #main .entry-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } body.single-producto #main .link_prod { margin: 2em 0; } body.single-producto #main .link_prod a { display: inline-block; background-color: #9b999e; padding: 6px 20px 5px; border: none; color: #ffffff; font-size: 0.8125rem; text-align: center; text-decoration: none; cursor: pointer; } body.single-producto #main .link_prod a:hover { background-color: #b5b3b7; } #main.main-marcas h1 { margin-bottom: 0; } #main.main-marcas .entry-content { margin-bottom: 2.5em; } body.single-producto-outlet .breadcrumb { margin-top: 1.6em; } body.single-producto-outlet h1 { margin-top: 0; } @media only screen and (min-width: 768px) { #outlet_page_row { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 768px) { #outlet_page_row .colgal { -webkit-box-flex: 0; -ms-flex: 0 1 380px; flex: 0 1 380px; margin-right: 30px; } } @media only screen and (min-width: 992px) { #outlet_page_row .colgal { -webkit-box-flex: 0; -ms-flex: 0 1 420px; flex: 0 1 420px; margin-right: 40px; } } #outlet_page_row .coltext { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 90px; font-weight: 100; } #outlet_page_row .coltext__content { margin-bottom: 50px; } #content #outlet_page_row .coltext p { font-size: 0.96875rem; line-height: 1.2; font-weight: 100; } #outlet_page_row .coltext .pvp { font-size: 1.125rem; margin-bottom: 10px; } #outlet_page_row .coltext .precio_outlet { font-size: 1.4375rem; margin-bottom: 30px; } .outletimg { margin-bottom: 1em; height: 0; width: 100%; padding-top: 100%; position: relative; background-size: cover; border: 1px solid #eee; /* img{ .imgrespfull; } */ } .outletimg a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-decoration: none; } .outletgal { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .outletgal__item { border: 2px solid #999; margin-right: 8px; margin-bottom: 8px; } .outletgal__item a { line-height: 0; display: block; } #primary.primaryblog { max-width: 1310px; } @media only screen and (min-width: 992px) { #primary.primaryblog h1 { padding-left: 20px; } } #primary.primaryblog #listaposts a:hover { text-decoration: underline; } #primary.primaryblog #listaposts .bm_meta a { pointer-events: none; } .post-layout { margin-bottom: 20px; /* widget formulario mailchimp */ /* Tooltip container */ /* Tooltip text */ /* Show the tooltip text when you mouse over the tooltip container */ /* fin widget formulario mailchimp */ } .post-layout:after { content: ""; display: table; clear: both; } .post-layout a { color: #5b5b5f; text-decoration: none; text-decoration: underline; } .post-layout a:hover { color: #333333; } .post-layout .colizq { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } @media only screen and (min-width: 992px) { .post-layout .colizq { width: 74%; overflow: hidden; float: left; margin-left: 4% !important; } .post-layout .colizq:first-child, .post-layout .colizq.col_first { margin-left: 0 !important; } } .post-layout .colizq header.entry-header { margin-bottom: 24px; } .post-layout .colizq header.entry-header h1 { margin-bottom: 10px; } .post-layout .colder { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; overflow: inherit !important; } @media only screen and (min-width: 992px) { .post-layout .colder { width: 22%; overflow: hidden; float: left; margin-left: 4% !important; } .post-layout .colder:first-child, .post-layout .colder.col_first { margin-left: 0 !important; } } .post-layout #secondary .widget_recent_entries h2 { font-family: 'Open Sans', sans-serif; font-size: 1.875rem; margin-top: 1.3em; line-height: 1; } .post-layout #secondary .widget_recent_entries li { border-bottom: 1px solid #ccc; padding-bottom: 12px; } .post-layout #secondary .widget_recent_entries li:last-of-type { border: none; } .post-layout #secondary .widget_recent_entries li::before { content: none; } .post-layout #secondary .widget_recent_entries li a { color: #5b5b5f; text-decoration: none; font-weight: bold; font-size: 0.9375rem; display: block; margin-bottom: 5px; } .post-layout #secondary .widget_recent_entries li a:hover { color: #333333; } .post-layout #secondary .widget_recent_entries li a:hover { text-decoration: underline; } .post-layout #secondary .widget_recent_entries li span.post-date { display: block; font-size: 0.875rem; } .post-layout #mc4wp_form_widget-2 h2.widget-title { font-size: 16px; font-family: 'Open Sans', sans-serif; margin: 50px 0 1em; font-weight: bold; } .post-layout #mc4wp_form_widget-2 form { border: 4px solid #000; padding: 10px 20px; } .post-layout #mc4wp_form_widget-2 p { font-size: 13px; } .post-layout #mc4wp_form_widget-2 form ::-webkit-input-placeholder { color: #ccc; opacity: 1; } .post-layout #mc4wp_form_widget-2 form ::-moz-placeholder { color: #ccc; opacity: 1; } .post-layout #mc4wp_form_widget-2 form :-ms-input-placeholder { color: #ccc; opacity: 1; } .post-layout #mc4wp_form_widget-2 form ::-ms-input-placeholder { color: #ccc; opacity: 1; } .post-layout #mc4wp_form_widget-2 form ::placeholder { color: #ccc; opacity: 1; } .post-layout #mc4wp_form_widget-2 input[type="submit"] { background-color: #000; border-radius: 0px !important; padding: 4px 13px; color: #fff; border: none; line-height: 40px; font-weight: bold; cursor: pointer; } .post-layout #mc4wp_form_widget-2 input[type="email"] { border: 0px; border-bottom: 1px solid #999; border-radius: 0px; background-color: transparent; padding: 7px 15px 7px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .post-layout textarea, .post-layout input, .post-layout button { outline: none; } .post-layout #mc4wp_form_widget-2 input[type="email"]:focus { border-bottom: 1px solid #000; } .post-layout #mc4wp_form_widget-2 .mc4wp-success p { color: green; font-weight: bold; } .post-layout #mc4wp_form_widget-2 .mc4wp-error p { font-weight: bold; color: orangered; } .post-layout .newsletter-text { text-transform: uppercase; font-size: 20px; color: #000; margin-bottom: 0px; } .post-layout .cp-affilate-link a { display: none !important; } .post-layout span.wpcf7-list-item { margin-left: 0 !important; } .post-layout .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ font-size: 11px; } .post-layout .tooltip .tooltiptext { visibility: hidden; width: 320px; background-color: rgba(0, 0, 0, 0.9); color: #fff; text-align: center; padding: 5px; border-radius: 6px; right: -150px; font-size: 11px; line-height: 14px; bottom: 23px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 999; } .post-layout .tooltip:hover .tooltiptext { visibility: visible; } .gravform_wrapper { max-width: 770px; margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px; max-width: 770px !important; margin: 2.5em auto 1.5em !important; } @media only screen and (min-width: 768px) { .gravform_wrapper { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) { .gravform_wrapper { padding-left: 20px; padding-right: 20px; } } .gravform_wrapper h3.gform_title { font-family: 'goudy_old_styleregular', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !important; font-size: 2.375rem !important; font-weight: 400 !important; } #content .gravform_wrapper li:before { content: none; } .gravform__item { padding: 0 0 !important; margin: 0 0 !important; } .gravform__item label.gfield_label { width: 100% !important; font-weight: 100 !important; font-size: 0.875rem !important; margin-bottom: 0 !important; padding-top: 6px !important; display: inline-block !important; } @media only screen and (min-width: 768px) { .gravform__item label.gfield_label { width: 19.8% !important; } } .gravform__item .ginput_container { width: 100% !important; margin-left: 0 !important; } @media only screen and (min-width: 768px) { .gravform__item .ginput_container { width: 80% !important; margin-left: 20% !important; } } .gravform__item .ginput_container_name span { padding-right: 0 !important; } .gravform__item .gfield_description { width: 80% !important; margin-left: 20% !important; font-size: 0.875rem !important; padding-top: 0 !important; } .gravform__item .gform_drop_area { width: 100% !important; margin-left: 0 !important; font-size: 0.875rem !important; padding: 10px !important; } .gravform__item input[type="text"] { width: 100% !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; margin-bottom: 5px !important; padding: 4px 8px !important; font-size: 0.875rem !important; } .gravform__item textarea { width: 100% !important; font-size: 0.875rem !important; } .gravform__item--allwidth label.gfield_label { display: none !important; } .gravform__item--allwidth .ginput_container { width: 100% !important; margin-left: 0 !important; } .gravform__item--allwidth .ginput_container label { font-size: 0.8125rem !important; } .gravform__item--allwidth .ginput_container ul, .gravform__item--allwidth .ginput_container li { width: 100% !important; margin: 0 !important; font-size: 0.625rem !important; } .gravform__item--allwidth .ginput_container.ginput_container_checkbox { position: relative !important; } .gravform__item--allwidth .ginput_container.ginput_container_checkbox input { position: absolute !important; top: 0 !important; left: 0 !important; margin: 0 !important; } .gravform__item--allwidth .ginput_container.ginput_container_checkbox label { max-width: 100% !important; padding-left: 20px !important; line-height: 1.2 !important; } .gravform__item--allwidth .ginput_container.ginput_container_checkbox label a { color: #5b5b5f !important; text-decoration: none !important; text-decoration: underline !important; } .gravform__item--allwidth .ginput_container.ginput_container_checkbox label a:hover { color: #333333 !important; } .gravform__item--allwidth.gfield_html { width: 100% !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; padding-left: 20px !important; position: relative !important; } @media only screen and (min-width: 641px) { .gravform__item--allwidth.gfield_html { left: -29% !important; } } #content .gravform__item--allwidth.gfield_html p { font-size: 0.8125rem !important; } .gravform__item--allwidth2.gravform__item .gfield_label { width: 100% !important; margin-bottom: 4px !important; line-height: 1.2 !important; } .gravform__item--allwidth2.gfield_html { width: 100% !important; position: relative !important; } @media only screen and (min-width: 641px) { .gravform__item--allwidth2.gfield_html { left: -29% !important; } } .gravform__item--allwidth2 .titsec { font-size: 1.5rem !important; font-weight: 700 !important; text-align: center !important; margin: 2em 0 5px !important; } .gravform__item--allwidth2 .tit { font-size: 1.125rem !important; margin-bottom: 10px !important; text-align: center !important; margin-bottom: 2em !important; } .gravform__item--allwidth2 .gfield_label { float: none !important; } .gravform__item--allwidth2 .ginput_container { width: 100% !important; margin-left: 0 !important; } .gravform__item--allwidth2 .ginput_container_checkbox { margin-top: 5px !important; } .gravform__item--allwidth2 .ginput_container_checkbox ul { padding-left: 16px !important; width: 100% !important; } .gravform__item--allwidth2 .ginput_container_checkbox li { margin-bottom: 0 !important; font-size: 0.875rem !important; } .gravform__item--allwidth2 .ginput_container_checkbox li label { font-size: 0.8125rem !important; padding-left: 5px !important; } .gravform__item--allwidth2 .ginput_container_checkbox li input[type=checkbox] { vertical-align: top !important; margin-top: 4px !important; } .gravform__item--allwidth2.paddleft .ginput_container { padding-left: 15px !important; } .gravform__item--allwidth2.paddleft .gfield_label { padding-left: 15px !important; } .gravform__item--allwidth2.sinlabel { margin-top: -15px !important; } .gravform__item.marginvert { margin: 20px 0 !important; } .gform_footer { padding: 0 !important; margin: 0 !important; width: 100% !important; } .gform_footer input[type=submit] { display: inline-block !important; background-color: #9b999e !important; padding: 6px 20px 5px !important; border: none !important; color: #ffffff !important; font-size: 0.8125rem !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; width: auto !important; font-size: 1.25rem !important; } .gform_footer input[type=submit]:hover { background-color: #b5b3b7 !important; } @media only screen and (min-width: 768px) { .gform_footer input[type=submit] { font-size: 0.875rem !important; } } fieldset { border: none !important; padding: 0 !important; margin: 10px 0 !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } fieldset.fieldset_row { overflow: hidden !important; } @media only screen and (min-width: 768px) { fieldset.fieldset_col { float: left !important; width: 47% !important; } } @media only screen and (min-width: 768px) { fieldset.fieldset_col.fieldset_colder { margin-left: 5% !important; } } legend { display: none !important; } body.search-results h1 { font-family: 'Open Sans', sans-serif; font-size: 1.875rem; text-transform: none; color: #888; } body.search-results h1 span { font-weight: 700; } body.search-results h2 a { color: #5b5b5f; text-decoration: none; border-bottom: 1px solid #888; } body.search-results h2 a:hover { color: #333333; } body.search-results article { border-bottom: 2px dotted #ccc; } body.search-results article h2 small { color: #888888; font-size: 1.25rem; font-style: italic; text-transform: none; } body.search-results article .entry-meta { display: none; } body.search-results .posts-navigation { padding-top: 50px; } body.search-results .posts-navigation h2 { display: none; } .search_bottom { margin: 3em 0 2em; } @media only screen and (min-width: 768px) { .searchitem { display: -webkit-box; display: -ms-flexbox; display: flex; } } .searchitem figure { margin-right: 30px; margin-bottom: 20px; } .searchitem .entry-summary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #content .searchitem .entry-summary p { margin-top: 0; } .searchitem .entry-summary .gotopost { margin-bottom: 20px; } .searchitem .entry-summary .gotopost a { display: inline-block; background-color: #9b999e; padding: 6px 20px 5px; border: none; color: #ffffff; font-size: 0.8125rem; text-align: center; text-decoration: none; cursor: pointer; text-indent: -9999px; overflow: hidden; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.59%2016.34l4.58-4.59-4.58-4.59L10%205.75l6%206-6%206z%22%2F%3E%3C%2Fsvg%3E"); background-size: 26px; background-position: 50%; background-repeat: no-repeat; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .searchitem .entry-summary .gotopost a:hover { background-color: #b5b3b7; } .searchitem .entry-summary .gotopost a:hover { background-position: 70% 50%; } body.heads2 h2 { font-family: 'Open Sans', sans-serif; font-size: 1.75rem; border-bottom: 1px solid #ccc; margin: 1.5em 0 1em; } #comments h2.comments-title { font-size: 20px; border-bottom: 1px solid #666; } #comments li::before { content: ''; } #comments article { background-color: #f4f4f4; padding: 20px; margin-bottom: 1em; border-bottom: 1px solid #ccc; } #comments article .comment-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } #comments article .comment-meta a { color: #888; font-size: 14px; } #comments article .comment-meta a:hover { color: #000; } #comments article .comment-meta img { vertical-align: middle; margin-right: 10px; } #comments article .comment-meta .comment-metadata { margin-left: auto; } #comments article .comment-meta .comment-awaiting-moderation { width: 100%; text-align: center; color: orangered; font-size: 14px; } #comments article .reply a { color: #888; font-size: 14px; } #comments article .reply a:hover { color: #000; } #respond label { display: inline-block; width: 160px; vertical-align: top; text-align: right; } #respond .comment-form-cookies-consent label { width: auto; } #respond .form-submit input { display: inline-block; background-color: #9b999e; padding: 6px 20px 5px; border: none; color: #ffffff; font-size: 0.8125rem; text-align: center; text-decoration: none; cursor: pointer; font-size: 16px; padding: 10px 20px; } #respond .form-submit input:hover { background-color: #b5b3b7; }