/* Small Screens First: 576 SM 768 MD 992 LG 1200 XL 1400 XXL */ :root { --color01: #39b1ba; /* Page Custom Color1 */ --color02: #f02f26; /* Vital Nice Red */ --color03: #30313f; /* JPC Dark Gray */ --color04: #f0f0f0; /* JPC Light Gray */ --btn-solid-bg: #f0a504; --btn-solid-bg-over: #d7911f; --font01: 'Spartan', sans-serif; --f-roboto: 'Roboto', sans-serif; } /* Color - Called from HTML */ .color01 {color: var(--color01);} .color01-bg {background-color: var(--color01);} .color02 {color: var(--color02);} .color03 {color: var(--color03);} .color04 {color: var(--color04);} .color04-bg {background-color: var(--color04);} .border-color01 {border: solid 1px var(--color01);} .sdcolor {color: rgba(93,107,48,1.00)} /* Font */ .f-roboto {font-family: 'Roboto', sans-serif;} .f-opensans {font-family: 'Open Sans', sans-serif;} .f-plus-rounded {font-family: 'M PLUS Rounded 1c', sans-serif;} .nunito {font-family: 'Nunito Sans', sans-serif;} .spartan {font-family: 'Spartan', sans-serif;} .opensans {font-family: 'Open Sans', sans-serif;} /* MAIN CLASES ************************************************************************************* */ body {/*min-height: 75rem;*/XXpadding-top: 90px; /*necesario para nav fixed*/ color: #333; font-weight: 300; background-color: var(--color04);/*margin-bottom: 60px;*/ /*font-family: 'Spartan', sans-serif;*/ line-height: 1.3;} /* Headers */ h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif !important; font-style: normal; font-weight: 500; color: var(--color01) !important; text-decoration: none;} h1, .h1 {font-size: calc(1.375rem + 1.5vw) !important;} @media (min-width: 1200px) {h1, .h1 {font-size: 1.8rem !important;}} /* Links */ a {color: #00649E; text-decoration: none;} a:hover {color: black;} .a1 {color: #5D6B30;} .a1:hover {color: #000;} .a1-overdark {color: #5D6B30;} .a1-overdark:hover {color: #FFF;} /* Lists */ ul {list-style-type: circle;} /*ul li::before { content: "\2022"; color: red; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;}*/ /*https://www.w3schools.com/howto/howto_css_bullet_color.asp*/ ol li {padding-bottom: 1rem;} hr {color: var(--color01); opacity: 100;} hr:not([size]) {height: 1px;} .lead, .lead p {font-size: 1.25rem; font-weight: 300;} /* Solución a Anchor Links usando Fixed Headers: https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header */ a.anchor1 {display: block; position: relative; top: -80px; visibility: hidden;} /* IMAGES */ /* https://developer.mozilla.org/en-US/docs/Learn/CSS/Howto/Fill_a_box_with_an_image */ .imgcover img {width: 100%; height: 100%; object-fit: cover;/*border: solid 3px blue;*/} /* SITE SECTIONS ************************************************************************************* */ .header {background-color: var(--color01); padding: 10px 0 10px 0;} .header .site-title {color: white; padding: 0; margin: 0; font-size: 35px; font-family: 'M PLUS Rounded 1c', sans-serif;} .box1 {background-color: white; /*height: 100%; */box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; border-radius: 10px; padding: 20px;} .requestbox-icons {width: 50px; padding-left: 5px; padding-right: 5px;} /* BTNs */ .btn-success { color: #fff; background-color: #6fbe44; border-color: #6fbe44; border-radius: 10px !important; } .btn-success:hover { color: #fff; background-color: #4da01c; border-color: #4da01c; } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; } /* ICONS *****************/ .ico-wa {color: red !important;} .ico-wa .cls-1 {color: red !important;} .ico-wa .cls-1{fill:#000000;} /* WebFlow Gallery IDs: */ /* #wfgallery-img-id1 { grid-area: 1 / 1 / 5 / 6; } #wfgallery-img-id2 { grid-area: 1 / 6 / 5 / 9; } #wfgallery-img-id3 { grid-area: span 1 / span 4 / span 1 / span 4; } #wfgallery-img-id4 { grid-area: 5 / 1 / 7 / 5; } #wfgallery-img-id5 { grid-area: 5 / 5 / 8 / 9; } #wfgallery-img-id6 { grid-area: span 6 / span 8 / span 6 / span 8; } #wfgallery-img-id7 { grid-area: 14 / 1 / 18 / 5; } #wfgallery-img-id8 { grid-area: 14 / 5 / 18 / 9; } #wfgallery-img-id9 { grid-area: 18 / 1 / 22 / 4; } #wfgallery-img-id10 { grid-area: span 4 / span 5 / span 4 / span 5; } #wfgallery-img-id11 { grid-area: 22 / 5 / 24 / 9; } #wfgallery-img-id12 { grid-area: 22 / 1 / 27 / 5; } #wfgallery-img-id13 { grid-area: span 3 / span 4 / span 3 / span 4; } #wfgallery-img-id14 { grid-area: 27 / 1 / 30 / 9; } #wfgallery-img-id15 { grid-area: 30 / 1 / 33 / 6; } #wfgallery-img-id16 { grid-area: 30 / 6 / 33 / 9; } #wfgallery-img-id17, #wfgallery-img-id18 { grid-area: span 3 / span 4 / span 3 / span 4; } #w-node-_700051a9-8352-8c7a-44e1-0c6769a106d9-325843b8 { grid-area: span 3 / span 5 / span 3 / span 5; } #w-node-ceebc278-8238-5727-a751-9aef281af8e5-325843b8 { grid-area: span 3 / span 3 / span 3 / span 3; } #w-node-e2514136-ee1f-1b69-b080-67c6974624f1-325843b8 { grid-area: span 3 / span 4 / span 3 / span 4; } #w-node-_0c76153a-b6ca-4385-ca84-700fdf2cddf6-325843b8 { grid-area: 39 / 5 / 44 / 9; } #w-node-_335ea024-8780-2853-77c0-26944e3b46c3-325843b8 { grid-area: span 2 / span 4 / span 2 / span 4; } #w-node-_1129b827-46d9-35d3-15cf-d932d4c78971-325843b8 { grid-area: span 4 / span 5 / span 4 / span 5; } #w-node-_6047639f-55b0-0b7c-dc95-08c8b85d678d-325843b8 { grid-area: 44 / 6 / 48 / 9; } #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2b7f-325843be { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bb6-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bd1-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bd2-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bd5-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bd8-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bdb-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bde-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bdf-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2be2-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2be5-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2be8-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2beb-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bec-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bef-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bf2-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bf5-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bf8-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bf9-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bfc-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2bff-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c02-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c05-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c06-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c09-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c0c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c0f-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c12-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c13-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c16-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c19-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c1c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c1f-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c20-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c23-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c26-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c29-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c2c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c2d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c30-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c33-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c36-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c4c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c4d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c50-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c53-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c56-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c59-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c5a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c5d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c60-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c63-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c66-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c67-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c6a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c6d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c70-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c73-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c74-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c77-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c7a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c7d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c80-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c81-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c84-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c87-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c8a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c8d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c8e-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c91-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c94-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2c97-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ca1-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ca2-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ca5-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ca8-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ca9-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cac-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2caf-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cb0-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cb3-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cb6-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cb7-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cba-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cbd-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cbe-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cc1-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cc4-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cc5-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cc8-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ccb-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ccc-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ccf-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cd2-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cd3-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cd6-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cd9-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cda-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cdd-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ce0-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ce1-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ce4-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ce7-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ce8-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2ceb-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cee-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cef-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cf2-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cf5-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cf6-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cf9-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cfc-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2cfd-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d00-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d0c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d0d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d0f-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d10-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d12-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d13-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d15-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d1d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d1e-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d28-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2d29-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e1a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e1b-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e1e-325843be, #w-node-_9f8452de-a105-d399-a520-347ac08276a6-325843be { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9f8452de-a105-d399-a520-347ac08276a7-325843be { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_9f8452de-a105-d399-a520-347ac08276aa-325843be, #w-node-e65cf577-ece5-4487-4f9a-378cd9a6040d-325843be { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e65cf577-ece5-4487-4f9a-378cd9a6040e-325843be { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-e65cf577-ece5-4487-4f9a-378cd9a60411-325843be, #w-node-ee564c97-d108-40fc-ade5-6fa95bb7f636-325843be { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-ee564c97-d108-40fc-ade5-6fa95bb7f637-325843be { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-ee564c97-d108-40fc-ade5-6fa95bb7f63a-325843be, #w-node-_308c531f-c7f4-6974-da2e-6e99b57665f1-325843be { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_308c531f-c7f4-6974-da2e-6e99b57665f2-325843be { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_308c531f-c7f4-6974-da2e-6e99b57665f5-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e36-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e37-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e3a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e3d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e3e-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e41-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e46-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e47-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e4a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e4f-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e50-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e53-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e58-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e59-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc2e5c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc33f3-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc33f4-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc33f7-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc33fa-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc33fd-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc33fe-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3401-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3404-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3407-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3408-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc340b-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc340e-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3411-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3412-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3415-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3418-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc341b-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc341c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc341f-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3422-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3425-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3426-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3429-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc342c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3436-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3437-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc343a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc343d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc343e-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3441-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3444-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3445-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3448-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc344b-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc344c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc344f-325843be, #w-node-_6aa1cf2e-40e4-145e-a59f-a82b494666a7-325843be, #w-node-_6aa1cf2e-40e4-145e-a59f-a82b494666a8-325843be, #w-node-_6aa1cf2e-40e4-145e-a59f-a82b494666ab-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3452-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3453-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3456-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3460-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3461-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3464-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3467-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3468-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc346b-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc346e-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc346f-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3472-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3475-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3476-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3479-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc347c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc347d-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3480-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3483-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3484-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3487-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc348a-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc348b-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc348e-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3491-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3492-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3495-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3498-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc3499-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc349c-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc349f-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34a0-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34a3-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34a6-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34a7-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34aa-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34ad-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34ae-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34b1-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34b4-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34b5-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34b8-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34bb-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34bc-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34bf-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34c2-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34c3-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34c6-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34c9-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34ca-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34cd-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34d0-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34d1-325843be, #w-node-a4b80271-ec07-a9b3-95fa-c85c53bc34d4-325843be { grid-area: span 1 / span 1 / span 1 / span 1; } */ /* VIEJO ---------------------- : HEADER ************************************************************************************* */ .logo-div {background-image: url("../img/logo-bg.png"); background-repeat: no-repeat; background-position: center bottom; background-size: cover;} .logo-div img {width: 170px;} .logo-div {padding: 0 30px 17px 30px;} @media (min-width: 350px) {.logo-div img {width: 200px;}} @media (min-width: 350px) {.logo-div {padding: 0 30px 17px 30px;}} /*@media (min-width: 768px) {.logo-div img {width: 250px;}} @media (min-width: 768px) {.logo-div {padding: 0 30px 15px 30px;}}*/ @media (min-width: 1200px) {.logo-div img {width: 250px;}} @media (min-width: 1200px) {.logo-div {padding: 0 55px 15px 55px;}} @media (min-width: 1400px) {.logo-div img {width: 300px;}} @media (min-width: 1200px) {.logo-div {padding: 0 68px 17px 68px;}} /* HOME ************************************************************************************* */ .dominical-home1 {background-image: url("../img/dominicalconstruction-img01.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center bottom;} .dominical-home1 {padding: 130px 0 200px 0;} @media (min-width: 768px) {.dominical-home1 {padding: 200px 0 200px 0;}} @media (min-width: 1200px) {.dominical-home1 {padding: 200px 0 360px 0;}} .dominical-home1-textbox-top {border-bottom: 30px solid rgba(255,255,255,0.85); border-left: 30px solid transparent; border-right: 0px solid transparent; height: 0;/*width: 100%;*/} .dominical-home1-textbox-bottom {border-top: 30px solid rgba(255,255,255,0.85); border-left: 0 solid transparent; border-right: 30px solid transparent; height: 0;/*width: 100%;*/} .dominical-home1-textbox {background-color: rgba(255,255,255,0.85); padding: 0 30px; color: var(--color01);} .dominical-home1-textbox p {margin: 0; padding: 0; font-size: 1.4rem; font-weight: 300;} .main-services-box {padding-bottom: 0; height: 100%;} .main-services-content {background-color: white; height: 100%; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}/* se le aplica luego el redondeado *según */ /*.main-services-link p:hover {color: white; text-decoration: none !important;}*/ .a-no-underline a:hover {text-decoration: none;} .main-services-link .main-services-box :hover {background-color: #af1e2d;/* border-bottom-left-radius: 20px;*/} .main-services-link .main-services-box :hover p {color: white;} .main-services-link .main-services-box :hover h1 {color: white;} .main-services-link .main-services-box :hover h3 {color: white;} .main-services-link .main-services-box :hover img {filter: opacity(70%)} /*.shadow {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}*/ .main-services-text {padding: 15px 20px 20px 20px;} .main-services-text h1 {color: #af1e2d; font-size: 160%; text-align: center; font-weight: 700;} .main-services-text p {/*font-family: 'Roboto', sans-serif; */font-weight: 300;} /*.main-services-link .main-services-box .main-services-text :hover {background-color: blue !important;}*/ .main-services-box .home-noticias :hover h2 {color: #af1e2d;} /* PAGES BODY CLASSES / From field in the page .txt (not in the .yml) load the corrsponding bodyclass class, for the body tag located in header.php*/ .homebodyclass {padding-top: 0;} /* rgba(211,211,211,1.00); */ /* .projectsbodyclass {background: #011d29;} */ /*.projectsbodyclass {background-color: #011d29; background-image: url("../img/projectspage-top-bg2"); background-repeat: no-repeat; background-position: center top; background-size: contain;}*/ .projectsbodyclass {padding-top: 90px; background: var(--color04); color: white !important;} /*.projectsbodyclass {background-image: url("../img/bg-01.png");}*/ /* .projectsbodyclass {background-image: url("../img/projectspage-top-bg2.jpg"); background-repeat: no-repeat; background-position: center top; background-size: contain;} @media (max-width: 992px) {.projectsbodyclass {background-position: center 60px;}} */ /*.projectsbodyclass footer {background-image: url("../img/footer-bg-projectspage.jpg"); background-repeat: no-repeat; background-position: center top; padding-bottom: 20px;}*/ /* PAGE: Mood Boards Body Class */ .moodboardsbodyclass {background: #ffffff;} /* PAGE: Contact Body Class */ .contactbodyclass {background-image: url("../img/contact-bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-color: #000;} .contactbodyclass p, .contactbodyclass h1, .contactbodyclass h2 {/*color: rgba(255,255,255,0.7);*/} .contactbodyclass .mainwindow {background-color: rgba(255,255,255,0.85); padding: 20px;} .contactbodyclass footer {/*background-color: #000; background-image: none;*/} /*.contactbodyclass footer {background-color: #5D6B30;; background-image: none;}*/ .contactbodyclass .field {padding-bottom: 20px;} .contactbodyclass .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #333;/* dark: #fff */ background-color: rgba(255,255,255,0.50);/* dark: #111 */ background-clip: padding-box; border: 1px solid #555;/* dark: #000 */ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } /* COLOR GRADIENTS ************************************************************************************* */ /*.bg-kz-gradient1 {background-image: linear-gradient(to top, #006c6f 0%, #000000 100%);}*/ .bg-kz-gradient1 {background-image: linear-gradient(to top, #000000 0%, #006c6f 100%);} /*.breadcrumb li { list-style: none; }*/ .breadcrumb ol { list-style-type: none; margin: 0; padding: 0; overflow: hidden; /* background-color: #333333;*/ } .breadcrumb li { float: left; } .breadcrumb li a { display: block; /*color: white;*/ text-align: left; padding-right: 8px; text-decoration: none; } /*.breadcrumb li a:hover { background-color: #111111; }*/ .title1-style { display: inline-block; font-size: 230%; font-weight: 500; padding: 60px 100px 140px 160px; background-image: url("../img/bg-title-01.jpg"); background-repeat: no-repeat; background-position: left bottom; /* background-size: auto; */ } .title1-style-d1 {display: inline-block; background-image: url("../img/bg-btn-art7.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size: contain;/* border: solid 1px rgba(224,224,224,1.00);*/} /*@media (max-width: 576px) {.title1-style-d1 {padding: 5px 30px;}}*/ .title1-style-d2 {background-image: url("../img/bg-btn-art7-b.png"); background-repeat: no-repeat; background-position: right top; background-size: contain;} /*@media (max-width: 576px) {.title1-style-d1 {padding: 5px 30px;}}*/ .title1-style-txt {padding: 30px 80px;} @media (max-width: 576px) {.title1-style-txt {padding: 5px 40px;}} .title1-style-txt h1 {color: /*#e44c1d*/#f02f26; font-weight: 500; padding: 20px;} /* TITLE 2 */ .title2 {display: inline-block; background-image: url("../img/bg-btn-art7.jpg"); background-repeat: no-repeat; background-position: left middle; background-size: contain;} .title2 h1 {color: /*#e44c1d*/#f02f26; font-weight: 500; padding: 20px; padding: 30px 80px;} @media (max-width: 576px) {.title2 h1 {padding: 20px 20px;}} /* NAV ************************************************************************************* */ .navbar {padding-top: 0.5rem; padding-bottom: 0.9rem;} .bg-light {background-color: #FFF !important;} .navbar-light { color: green !important; } .navbar-light a {color: var(--color03) !important;} .navbar-light a:hover, .navbar-light a:focus {color: var(--color01) !important;} .custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,84,149, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .custom-toggler.navbar-toggler {border-color: transparent; border-radius: 0;} @media (max-width: 992px) {.navbar-light .navbar-nav .nav-link {color: black; font-size: 125%; margin-left: 50px; margin-bottom: 15px;}} @media (max-width: 992px) {.navbar-nav {padding-top: 20px;}} .menu a[aria-current] {border-bottom: solid 1px var(--color01);} @media (max-width: 992px) { .menu a[aria-current] {border-bottom: solid 2px var(--color01); display: inline-block; padding: 0;}} .menu-languages a {border-bottom: solid 1px var(--color01);} @media (max-width: 992px) { .menu-languages a {display: inline-block; padding: 0; border-bottom: solid 2px var(--color01);}} /*.navbar-collapse {color: red;}*/ /* BTNs =================================================================================== */ .btn {border-radius: 0px;} .btn-outline-success-overwhite {color: var(--color01); border-color: var(--color01); font-weight: 400;} .btn-outline-success-overwhite:hover {color: #fff; background-color: var(--color01); border-color: var(--color01);} .btn-check:focus + .btn-outline-success-overwhite, .btn-outline-success-overwhite:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);} .btn-check:checked + .btn-outline-success-overwhite, .btn-check:active + .btn-outline-success-overwhite, .btn-outline-success-overwhite:active, .btn-outline-success-overwhite.active, .btn-outline-success-overwhite.dropdown-toggle.show {color: #fff; background-color: var(--color01); border-color: var(--color01);} .btn-check:checked + .btn-outline-success-overwhite:focus, .btn-check:active + .btn-outline-success-overwhite:focus, .btn-outline-success-overwhite:active:focus, .btn-outline-success-overwhite.active:focus, .btn-outline-success-overwhite.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);} .btn-outline-success-overwhite:disabled, .btn-outline-success-overwhite.disabled {color: var(--color01); background-color: transparent;} .btn-outline-success {color: var(--color01); border-color: var(--color01); font-weight: 300;} .btn-outline-success:hover {color: #fff; background-color: var(--color01); border-color: var(--color01);} .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);} .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {color: #fff; background-color: var(--color01); border-color: var(--color01);} .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);} .btn-outline-success:disabled, .btn-outline-success.disabled {color: var(--color01); background-color: transparent;} .btn-solid {color: #fff; border-color: var(--btn-solid-bg); font-weight: 300; background-color: var(--btn-solid-bg);} .btn-solid:hover {color: #fff; background-color: var(--btn-solid-bg-over); border-color: var(--btn-solid-bg-over);} .btn-check:focus + .btn-solid, .btn-solid:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);} .btn-check:checked + .btn-solid, .btn-check:active + .btn-solid, .btn-solid:active, .btn-solid.active, .btn-solid.dropdown-toggle.show {color: #fff; background-color: var(--btn-solid-bg); border-color: var(--btn-solid-bg);} .btn-check:checked + .btn-solid:focus, .btn-check:active + .btn-solid:focus, .btn-solid:active:focus, .btn-solid.active:focus, .btn-solid.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);} .btn-solid:disabled, .btn-solid.disabled {color: var(--btn-solid-bg); background-color: transparent;} .btn-outline-success-overgreen {color: #FFFFFF; border-color: #FFFFFF; font-weight: 300;} .btn-outline-success-overgreen:hover {color: var(--color01); background-color: #FFFFFF; border-color: #FFFFFF;} .btn-check:focus + .btn-outline-success-overgreen, .btn-outline-success-overgreen:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);} .btn-check:checked + .btn-outline-success-overgreen, .btn-check:active + .btn-outline-success-overgreen, .btn-outline-success-overgreen:active, .btn-outline-success-overgreen.active, .btn-outline-success-overgreen.dropdown-toggle.show {color: var(--color01); background-color: #FFFFFF; border-color: #FFFFFF;} .btn-check:checked + .btn-outline-success-overgreen:focus, .btn-check:active + .btn-outline-success-overgreen:focus, .btn-outline-success-overgreen:active:focus, .btn-outline-success-overgreen.active:focus, .btn-outline-success-overgreen.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);} .btn-outline-success-overgreen:disabled, .btn-outline-success-overgreen.disabled {color: #FFFFFF; background-color: transparent;} /*HOME / Main Services ************************************************************************************* */ .welcome-home {background-image: url("../img/home-bg01.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover;} .welcome {text-align: center;} .welcome h1 {font-size: 200%;} .welcome h2 {color: var(--color02);} .welcome p {font-size: 1.5rem; font-weight: 300;} /* .lead {font-size: 1.25rem; font-weight: 300;} */ .masthead { height: 100vh; min-height: 500px; /* background-image: url('https://source.unsplash.com/BtbjCFUvBXs/1920x1080');*/ background-image: url('../../assets/img/home-intro2.jpg'); background-size: cover; background-position: center 50px; background-repeat: no-repeat; } /*@media (max-width:768px){.masthead {background-image: url('../../assets/img/waterfalls-01-2000w-b-sm.jpg');}}*/ .jaguar-box {position: relative;} @media (max-width: 768px) {.jaguar-box {padding-bottom: 30px;}} .jaguar-title {position: absolute; bottom: 0; width: 100%;} /*.jaguar-title h2 {text-shadow: 0px 1px 2px white;}*/ /* HOME / LATEST PROJECTS: ****************************************** */ /* .latest-proj :hover h3 {text-decoration: underline} */ .latest-proj-picturebox {background-color: white; box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.25) !important;} .h2-font-reset h2 {font-family: var(-font01);} /* XS */ .latest-proj-xs-info {} .latest-proj-link-xs h4 {position: relative; color: white; padding: 10px; background-color: var(--color01); margin: 0;} .latest-proj-link-xs h4 .arrowanimated1 {bottom: 7px; margin-left: 7px;} .latest-proj-link-xs p {color: var(--color01); background-color: #E6E6E6; padding: 10px 10px 14px 10px; margin: 0;} .latest-proj-link-xs :hover h4 {background-color: var(--color01);} .latest-proj-link-xs :hover p {color: black;} .latest-proj-link-xs :hover img {filter: brightness(80%)} /* MD+ */ .latest-proj-md-info {position: absolute; bottom: 0; left: 0; right: 0; color: white; text-align: left; padding: 60px 10px 10px 10px;} /* .latest-proj-md-info {background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 90%);} */ /* .latest-proj-link-md h3 {position: relative; display: inline-block; color: white; padding: 10px 50px 10px 10px; background-color: rgba(0,84,149,0.6); margin: 0;} .latest-proj-link-md h3 .arrowanimated1 {bottom: 7px; margin-left: 3px;} .latest-proj-link-md :hover h3 {background-color: var(--color01);} */ .latest-proj-link-md :hover h3 {text-decoration: underline} /* >>> .latest-proj-link-md :hover img {filter: brightness(80%)} */ /* https://www.tutorialrepublic.com/faq/how-to-place-border-inside-of-div-element-using-css.php */ .latest-proj-link-md :hover img {outline: 5px solid var(--color01); outline-offset: -14px;/*border: solid 8px; border-color: var(--color01);*/} .latest-proj-link-md :hover .latest-proj-md-info {background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);} /*.latest-proj-link-md :hover h3 {background-color: var(--color01);} .latest-proj-link-md :hover img {filter: brightness(80%)}*/ /* HOME / PHOTOS TITLE: ********************************************* */ /* Small Screens First: 576 SM 768 MD 992 LG 1200 XL 1400 XXL */ .cr-photos-title {font-size: 140%; font-weight: 400; line-height: 140%; color: #fff;} @media (min-width: 768px) {.cr-photos-title {font-size: 160%;}} @media (min-width: 992px) {.cr-photos-title {font-size: 200%;}} @media (min-width: 1200px) {.cr-photos-title {font-size: 240%; padding-top: 30px;}} /* HOME STEPS ICONS: */ /* ----------------------------------------------------------------------------------- */ .main-services-box {/*padding-bottom: 30px; height: 100%;*/} /*.main-services-content {background-color: white; height: 100%; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}*/ /*.main-services-link p:hover {color: white; text-decoration: none !important;}*/ .a-no-underline a:hover {text-decoration: none;} .main-services-link .main-services-box :hover {background-color: #5D6B30;} .main-services-link .main-services-box :hover img {filter: opacity(50%)} .main-services-link .main-services-box h3 {position: absolute; bottom: 0; left: 0; color: white; text-align: center; background-color: rgba(0, 0, 0, 0.65); padding: 8px; margin: auto 17px 17px 17px;} .main-services-link .main-services-box span {display: inline-block; padding: 8px 30px; border: solid 1.5px #5D6B30;} @media (max-width: 576px) {.main-services-link .main-services-box span {padding: 5px 2px;}} .main-services-link .main-services-box :hover h3 {background-color: #5D6B30;} .main-services-link .main-services-box :hover h3 img {filter: opacity(100%);} /* ---------------------------------------------------------------------------------- */ .projectstitle { /* background: -webkit-linear-gradient(45deg, #09009f, #00ff95 80%); */ background: -webkit-linear-gradient(45deg, #09009f, #00ff95 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* /////////////////////////////////// */ /*ABOUT************************************************************************************* */ .about-section1 {background-image: url("../img/foto-tombolo.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;} /* sm behavior */ @media (max-width: 992px) {.about-section1 {background-attachment: inherit;}} .about-header {background-image: url("../img/about-01.jpg"); background-position: center top; background-repeat: no-repeat; background-size: contain; padding: 200px 20px} .leadbox1, .leadbox1 p {/*font-family: var(--font01);*/font-family: var(--f-roboto); font-size: 140%; font-weight: 300; color: #333} .leadbox1, .leadbox1 p strong {font-weight: 500;/* color: var(--color01)*/;} .about-img-collage {padding-left: 2px; padding-right: 2px;} .about-img-collage div {padding: 0; margin: 0;} .about-img-collage figure {padding: 0; margin: 0;} .about-img-collage img {border: solid 0px white; border-radius: 0px;} .about-img-collage img {width: 100%;} .about-img-collage img {outline: 4px solid white; outline-offset: -4px;} .about-office {padding: 4px; margin: 0;} /*.about-office img {outline: 4px solid white; outline-offset: -4px;}*/ .about-office figure {padding: 0; margin: 0;} .about-office-textbox {background-clip: content-box; background-color: var(--color01);} .floating04 {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; text-align: right;} .floating04 span {color: white; background-color: rgba(0,0,0,0.3); display: inline-block; padding: 7px 10px; font-family: 'Spartan', sans-serif; font-weight: 400; font-size: 12px} /*TESTIMONIALS ************************************************************************************* */ .testimonials {color: black; text-align: center;} .testimonials h4 {color: var(--color01); text-align: center;} .testimonials h4 span {border-bottom: 1px solid var(--color01);} /*.testimonials span {display: inline-block; border-top: 1px solid #5D6B30; padding-top: 7px;}*/ .testimonials p {padding-top: 20px;} .testimonials-p {font-style: italic; color: #333; font-weight: 200;} /*.testimonials a {color: #5D6B30;} .testimonials a:hover {color: #5D6B30;}*/ .testimonials img {/*border-radius: 50% !important;*/} /*.p-testimonios {font-style: italic; color: #333; font-weight: 200;}*/ .testimonials-img {padding: 30px 60px;} @media (max-width: 992px) {.testimonials-img {padding: 5px 5px 15px 5px;}} /*ABOUT ************************************************************************************* */ .about-section1 {background-image: url("../img/foto-tombolo.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;} /* sm behavior */ @media (max-width: 992px) {.about-section1 {background-attachment: inherit;}} .about-services img {padding-bottom: 10px; padding-top: 10px} /*.about-services span {display: inline-block; padding-bottom: 50px;}*/ /*SERVICES ************************************************************************************* */ .services-section1 {background-image: url("../img/foto-surf.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;} /* md, sm behavior */ @media (max-width: 992px) {.services-section1 {background-attachment: inherit; background-position: top left;}} @media (max-width: 768px) {.services-section1 {background-attachment: inherit; background-position: left -130px top 0px;}} /* https://css-tricks.com/almanac/properties/b/background-position */ /* 576 */ .servicebox {padding: 20px 50px;} /* @media (max-width: 992px) { .servicebox {padding: 0;}} */ .servicebox img {padding: 0 50px 0 50px;} @media (max-width: 992px) {.servicebox img {padding: 0;}} @media (max-width: 768px) {.servicebox img {padding: 0 60px 0 60px;}} .servicebox h3 {padding-top: 20px; text-align: center;} /*PROJECTS -PAGE- ***************************************************************************************** */ .projectspagelist a {color: #FFF;} .projectspagelist a:hover {color: var(--color01);} /*.projectspage a {color: white;}*/ /* .projectspage a:hover {color: var(--color01);} .projectspage a:hover {color: #D3981F;} */ .projectspage {/*padding-top: 370px;*/} @media (max-width: 992px) {.projectspage {padding-top: 200px;}} /* PROJECT */ .proj-quickinfo strong {color: var(--color01);} .proj-quickinfo span {display: inline-block; padding-bottom: 20px;} /* CONTACT PAGE ****************************************************************************************** */ .form-sent-success {border: solid 1px var(--color01);} .form-sent-success p {margin: 0;} /* MOOD BOARD(S) PAGE(S) ********************************************************************************* */ .moodboard-gallery p {margin: 0; padding-top: 10px; font-size: 90%;} .moodboard-gallery .graybox {background-color: #e4e4e4; padding: 15px;} .moodboard-gallery h2 {color: var(--color01); font-size: 105%; font-weight: 500; margin: 0;} /* ALL SECTIONS ***************************************************************************************** */ .domibox-top {border-bottom: 20px solid; border-left: 20px solid transparent; border-right: 0px solid transparent; height: 0;/*width: 100%;*/} .domibox-bottom {border-top: 20px solid; border-left: 0 solid transparent; border-right: 20px solid transparent; height: 0;/*width: 100%;*/} /* BLOG BLOG BLOG BLOG ********************************************************************************* */ /* DIRAJUS NOTICIAS NOVEDADES ////////////////////////////////////////////////////////////////////////// */ .span-photocredits {font-size: 70%; color: #000000;} .fuente {font-size: 70%; color: #000000;} .article-text-box {padding-top: 20px;} .article-text-box p {font-size: 100%; font-weight: 300;} /* Debe ser igual a .article-text-box p */ .article-text {font-size: 90%; font-weight: 300; padding-top: 5px;} .article-text-box p strong {color: black;} .noticias-r-col {border-left: solid 1px #c6c6c6;} .multimedia-greybox {padding: 15px 20px 20px 20px; background-color: #ebebec;} .noticia {padding: 20px; background-color: #ffffff;} /*.transp5 {opacity: 0.05;} .transp10 {opacity: 0.1;} .transp15 {opacity: 0.15;} .transp20 {opacity: 0.2;} .bg-transp20 {background-color: 0.2;}*/ /* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER ************************************************************* */ /* footer {background-image: url("../img/bg-01.png");} footer {background-color: var(--color01);} */ .footer-icons img {padding-right: 5px;} footer p, footer li {font-weight: 200;} footer a {color: #00649E /*var(--color01)*/;} footer a:hover {color: black;} /*footer hr {border-top: 1px solid #FFF;}*/ .footer-lastline {border-top: 0.5px solid var(--color01);} /* .footer-logo {position: absolute; top: -115px; left: 0; right: 0; margin: auto;} */ .footer-contact {} @media (max-width: 768px) {.footer-contact {padding-top: 100px;}} .sticky-footer { position: absolute; bottom: 0; width: 100%; /*height: 60px;*/ /* Set the fixed height of the footer here */ /*line-height: 60px;*/ /* Vertically center the text there */ /*background-color: #f5f5f5;*/ } /* *********************************************************************************** */ /* PROJECTS / CAROUSEL (viene de BS 502) : */ .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 1; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next {transition: none;} } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 1; } .carousel-control-prev {left: 0;} .carousel-control-next {right: 0;} .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 3rem; height: 3rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* CGS: */ .carousel-control-prev-icon:hover, .carousel-control-prev-icon:focus, .carousel-control-next-icon:hover, .carousel-control-next-icon:focus { border-radius: 50%; background-color: rgba(0,0,0,0.20); } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ /*.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }*/ /* *********************** Bootstrap v4.1.3, *mo estan en bs5, necesarios para responsive video */ .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; }