/* Theme Name: Vantage Child Author: MadeWordPress Author URI: http://madewordpress.com/ Theme URI: http://madewordpress.com/ Description: Template: vantage Version: 1.0.0 License: Tags: Text Domain: vantage-child */ /**************************************** GAMA DE COLORES ****************************************/ /* Azul Oscuro: 0077AA rgb( 0,119,170) */ /* Gris: 999999 rgb(153,153,153) */ /* Azul Medio: 00AADD rgb( 0,170,221) */ /* Azul Claro: 88DDFF rgb(136,221,255) */ /* Azul Muy Claro: E3F1F2 rgb(227,241,242) */ /* Fucsia: FF0077 rgb(255, 0,119) */ /* Verde: 008800 rgb( 0,136, 0) */ /* Amarillo: FFFF00 rgb(255,255, 0) */ /* Naranja: FFAA66 rgb(255,170,102) */ /******************************************** Z-INDEX ********************************************/ /* 9999 -> .main-navigation 10001 -> #rowFooterBannerHosting #divFooterBannerHosting 10101 -> #divTooltipTarifas */ /******************************************* INCLUDES ********************************************/ @import url("../vantage/style.css?q=20181023"); @import url("style-header.css?q=20181023"); @import url("style-home.css?q=20181023"); @import url("style-footer.css?q=20181023"); @import url("style-pages.css?q=20181023"); @import url("style-blog.css?q=20181023"); @import url("style-animate.css?q=20181023"); @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); /******************************************* VARIABLES *******************************************/ :root { --color1-hex: #0077AA; --color2-hex: #999999; --color3-hex: #00AADD; --color4-hex: #88DDFF; --color5-hex: #E3F1F2; --colorFuc-hex: #FF0077; --colorVer-hex: #008800; --colorAma-hex: #FFFF00; --colorNar-hex: #FFAA66; --color1-rgb: 0,119,170; --color2-rgb: 153,153,153; --color3-rgb: 0,170,221; --color4-rgb: 136,221,255; --color5-rgb: 227,241,242; --colorFuc-rgb: 255, 0,119; --colorVer-rgb: 0,136, 0; --colorAma-rgb: 255,255, 0; --colorNar-rgb: 255,170,102; --font-family-normal: "Open Sans", sans-serif; --font-family-narrow: "Open Sans Condensed", sans-serif; } /******************************************** GENERAL ********************************************/ #main { padding: 20px; } /* No afecta a header ni a footer porque no son "main" */ #main div[id^="row"] { padding: 0px 20px; } /* No afecta a header ni a footer porque no son "main" */ #main div[id^="row"] * { box-sizing: border-box; } /* No afecta a header ni a footer porque no son "main" */ a, a:active, a:hover, a:focus, a:visited { outline: 0; } h1,h2,h3,h4,h5,h6 { margin: 0px !important; line-height: 120%; } * { line-height: 140%; } .ow-button-base a { line-height: 120%; } /* Para widgets "Botón de SiteOrigin" */ MWP-COMMENT { display:none; } /*************************************** ASESOR DE COOKIES ***************************************/ .cdp-cookies-alerta .cdp-cookies-texto { left: 10px; padding: 10px; width: 340px; background-color: var(--color1-hex) !important; } .cdp-cookies-alerta .cdp-cookies-texto { border: solid 1px #FFFFFF !important; border-radius: 10px; text-align: center; } .cdp-cookies-alerta .cdp-cookies-texto h4 { color: #CCCCCC !important; text-align: center !important; } .cdp-cookies-alerta .cdp-cookies-texto p { font-size: 12px; color: #CCCCCC !important; line-height: 120%; text-align: justify !important; } .cdp-cookies-alerta .cdp-cookies-texto a { font-size: 12px; color: #AAAAAA !important; } .cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a { color: #AAAAAA !important; } .cdp-cookies-boton-cerrar { margin-top: 10px; background-color: #666666 !important; border-radius: 5px; } /******************************************** TEXTOS *********************************************/ .pJustify { text-align: justify; } .pFirstLetter:first-letter { float: left; margin-right: 10px; color: var(--color3-hex); font-size: 74px; font-weight: 600; line-height: 90%; } .Ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Narrow { font-family: var(--font-family-narrow) !important; } .two-columns { column-count: 2; column-gap: 60px; column-rule: solid 1px var(--color4-hex); } /* Texto a 2 columnas */ .three-columns { column-count: 3; column-gap: 40px; column-rule: solid 1px var(--color4-hex); } /* Texto a 3 columnas */ .four-columns { column-count: 4; column-gap: 35px; column-rule: solid 1px var(--color4-hex); } /* Texto a 4 columnas */ .five-columns { column-count: 5; column-gap: 30px; column-rule: solid 1px var(--color4-hex); } /* Texto a 5 columnas */ @media (max-width: 780px) { .two-columns { column-count: 1; column-gap: 0px; column-rule: none; } .three-columns { column-count: 1; column-gap: 0px; column-rule: none; } .four-columns { column-count: 1; column-gap: 0px; column-rule: none; } .five-columns { column-count: 1; column-gap: 0px; column-rule: none; } } br300:before { content: " "; } @media (max-width: 300px) { br300:before { content: "\A"; white-space: pre-line; } } br400:before { content: " "; } @media (max-width: 400px) { br400:before { content: "\A"; white-space: pre-line; } } br500:before { content: " "; } @media (max-width: 500px) { br500:before { content: "\A"; white-space: pre-line; } } br600:before { content: " "; } @media (max-width: 600px) { br600:before { content: "\A"; white-space: pre-line; } } br700:before { content: " "; } @media (max-width: 700px) { br700:before { content: "\A"; white-space: pre-line; } } br800:before { content: " "; } @media (max-width: 800px) { br800:before { content: "\A"; white-space: pre-line; } } br900:before { content: " "; } @media (max-width: 900px) { br900:before { content: "\A"; white-space: pre-line; } } br1000:before { content: " "; } @media (max-width: 1000px) { br1000:before { content: "\A"; white-space: pre-line; } } br1100:before { content: " "; } @media (max-width: 1100px) { br1100:before { content: "\A"; white-space: pre-line; } } br1200:before { content: " "; } @media (max-width: 1200px) { br1200:before { content: "\A"; white-space: pre-line; } } br1300:before { content: " "; } @media (max-width: 1300px) { br1300:before { content: "\A"; white-space: pre-line; } } br1400:before { content: " "; } @media (max-width: 1400px) { br1400:before { content: "\A"; white-space: pre-line; } } br1500:before { content: " "; } @media (max-width: 1500px) { br1500:before { content: "\A"; white-space: pre-line; } } br1600:before { content: " "; } @media (max-width: 1600px) { br1600:before { content: "\A"; white-space: pre-line; } } br1700:before { content: " "; } @media (max-width: 1700px) { br1700:before { content: "\A"; white-space: pre-line; } } br1800:before { content: " "; } @media (max-width: 1800px) { br1800:before { content: "\A"; white-space: pre-line; } } br1900:before { content: " "; } @media (max-width: 1900px) { br1900:before { content: "\A"; white-space: pre-line; } } /***************************************** EFECTOS HOVER *****************************************/ .hoverScale11, .hoverScale12, .hoverScale16, .hoverOpacity10, .hoverShadowYellow, hoverShadowOrange, hoverShadowGreen { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .hoverScale11:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .hoverScale12:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .hoverScale16:hover { -webkit-transform: scale(1.6); transform: scale(1.6); } .hoverShadowYellow:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(253,240,26,1); -moz-box-shadow: 0px 0px 5px 0px rgba(253,240,26,1); box-shadow: 0px 0px 5px 0px rgba(253,240,26,1); } .hoverShadowOrange:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(244,126,60,1); -moz-box-shadow: 0px 0px 5px 0px rgba(244,126,60,1); box-shadow: 0px 0px 5px 0px rgba(244,126,60,1); } .hoverShadowGreen:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,102,85,1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,102,85,1); box-shadow: 0px 0px 5px 0px rgba(0,102,85,1); } .hoverShadowRed:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(255,0,0,1); -moz-box-shadow: 0px 0px 5px 0px rgba(255,0,0,1); box-shadow: 0px 0px 5px 0px rgba(255,0,0,1); } .hoverOpacity05:hover { opacity: 0.5 !important; } .hoverOpacity08:hover { opacity: 0.8 !important; } .hoverOpacity10:hover { opacity: 1.0 !important; } /****************************************** SEPARADORES ******************************************/ .divSeparadorV10 { clear: both; width: 100%; height: 10px; } .divSeparadorV15 { clear: both; width: 100%; height: 15px; } .divSeparadorV20 { clear: both; width: 100%; height: 20px; } .divSeparadorV30 { clear: both; width: 100%; height: 30px; } .divSeparadorV40 { clear: both; width: 100%; height: 40px; } .divSeparadorH10 { width: 10px; } .divSeparadorH15 { width: 15px; } .divSeparadorH20 { width: 20px; } .divSeparadorH30 { width: 30px; } .divSeparadorH40 { width: 40px; } /******************************************* BOTONES ********************************************/ .aButton { padding: 10px; font-size: 16px; font-weight: 400; color: #FFFFFF !important; border: solid 1px #FFFFFF; border-radius: 10px; background-color: var(--color1-hex); text-align: center; display: inline-block; -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } .aButton:hover { color: var(--color1-hex) !important; background-color: var(--color4-hex); }