/*
CSS personalizado para 03 EVENTS & TOURISM
*/
/**************************************** GAMA DE COLORES ****************************************/
/* Rojo Oscuro: DD0000 rgb(221, 0, 0) */
/* Gris: 999999 rgb(153,153,153) */
/* Rojo Medio: F3A6A6 rgb(243,166,166) */
/* Rojo Claro: F9D2D2 rgb(249,210,210) */
/* Rojo Muy Claro: FDEDED rgb(253,237,237) */
/* Beige: CB9D61 rgb(203,157, 97) */
/************************************ MODIFICADOS DE syle-home ***********************************/
#rowHomeGoogleReviews .divHomeGoogleReviews { padding: 0px !important; }
#rowHomeGoogleReviews .ti-widget.ti-goog { background: var(--colorBeige-hex); }
#rowHomeGoogleReviews .ti-logo-fb { background: none !important; border: none !important; }
/******************************************* GENERALES *******************************************/
.page-template-page-03-events .entry-content * { line-height: 120%; }
.page-template-page-03-events .entry-content p { margin: 10px 0px; text-align: justify; font-size: 16px; }
.page-template-page-03-events .entry-content p:first-of-type { margin-top: 0px; }
.page-template-page-03-events .entry-content img { padding: 4px; background: #FFFFFF; border: solid 1px #999999; }
.page-template-page-03-events .entry-content ul { margin: 0px; list-style-type: disc; }
.page-template-page-03-events .entry-content li { margin-left: 0px; }
.page-template-page-03-events .entry-content h1 { font-size: 30px; font-weight: 700; }
.page-template-page-03-events .divHeading { margin-bottom: 30px; text-align: center; }
.page-template-page-03-events .divHeading h1 { font-family: var(--font-family-narrow); font-size: 40px; font-weight: 700; color: #FFFFFF !important; }
.page-template-page-03-events .divHeading h2 { margin-top: 10px !important; padding: 10px 40px; min-width: 180px; border-top: solid 4px #FFFFFF; display: inline-block; }
.page-template-page-03-events .divHeading h2 { font-size: 24px; font-weight: 600; color: #FFFFFF !important; }
@media (max-width: 980px) { .page-template-page-03-events .divHeading { margin: 25px 0px; } }
@media (max-width: 580px) { .page-template-page-03-events .divHeading { margin: 20px 0px; } }
@media (max-width: 780px) { .page-template-page-03-events .divHeading h1 { font-size: 36px; } }
@media (max-width: 580px) { .page-template-page-03-events .divHeading h1 { font-size: 32px; } }
@media (max-width: 780px) { .page-template-page-03-events .divHeading h2 { font-size: 22px; } }
@media (max-width: 580px) { .page-template-page-03-events .divHeading h2 { font-size: 20px; } }
@media (max-width: 480px) { .page-template-page-03-events .divHeading .iDot { font-size: 0px; line-height: 5px; display: block; } }
.page-template-page-03-events .entry-content .ulIdiomas { list-style-type: none; }
.page-template-page-03-events .entry-content .ulIdiomas .liIdioma:before { content: ""; float: left; background-size: cover; width: 16px; height: 16px; margin-left: -24px }
.page-template-page-03-events .entry-content .liES:before { background:url("/wp-content/uploads/es_circle.png"); }
.page-template-page-03-events .entry-content .liEN:before { background:url("/wp-content/uploads/en_circle.png"); }
.page-template-page-03-events .entry-content .liCN:before { background:url("/wp-content/uploads/cn_circle.png"); }
/****************************************** #rowMice ******************************************/
#rowMice .divMice { border-bottom: solid 4px var(--color2-hex); }
#rowMice .divMice .ulIdiomas { padding: 50px; background: var(--colorBeige-hex); display: flex; }
#rowMice .divMice .ulIdiomas li { padding: 0px 25px; width: 33.33%; }
#rowMice .divMice .ulIdiomas p { font-size: 16px; color: #FFFFFF; }
#rowMice .divMice .ulIdiomas h2 { font-size: 20px; font-weight: 700; color: #FFFFFF; }
#rowMice .divMice .divFoto { height: 400px; background-color: #000000; background-image:url("/wp-content/uploads/foto_mice.jpg"); }
#rowMice .divMice .divFoto { background-position: center center; background-repeat: no-repeat; background-size: cover; }
#rowMice .divMice .ulIdiomas .liCN { position: relative; }
#rowMice .divMice .ulIdiomas .liCN .aButton { position: absolute; bottom: 0px; right: 0px; line-height: 140%; }
#rowMice .divMice .ulIdiomas .liCN .aButton:hover { transform: scale(1.1); }
@media (max-width: 980px) {
#rowMice .divMice .ulIdiomas { padding: 40px; flex-wrap: wrap; }
#rowMice .divMice .ulIdiomas .liES { margin-bottom: 30px; width: 50%; }
#rowMice .divMice .ulIdiomas .liEN { margin-bottom: 30px; width: 50%; }
#rowMice .divMice .ulIdiomas .liCN { margin-bottom: 0px; width: 100%; }
}
@media (max-width: 780px) {
#rowMice .divMice .divFoto { height: 300px; }
#rowMice .divMice .ulIdiomas { padding: 30px; }
#rowMice .divMice .ulIdiomas .liES { margin-bottom: 25px; }
#rowMice .divMice .ulIdiomas .liEN { margin-bottom: 25px; }
#rowMice .divMice .ulIdiomas h2 { font-size: 18px; }
#rowMice .divMice .ulIdiomas p { font-size: 14px; }
#rowMice .divMice .ulIdiomas .liCN .aButton { font-size: 14px; }
}
@media (max-width: 680px) {
#rowMice .divMice .ulIdiomas { padding: 20px; }
#rowMice .divMice .ulIdiomas .liES { margin-bottom: 20px; }
#rowMice .divMice .ulIdiomas .liEN { margin-bottom: 20px; }
#rowMice .divMice .ulIdiomas p { font-size: 13px; }
#rowMice .divMice .ulIdiomas p { font-size: 13px; }
#rowMice .divMice .ulIdiomas .liCN .aButton { position: relative; bottom: auto; right: auto; margin: 20px auto; display: table; }
#rowMice .divMice .ulIdiomas .liCN .aButton br5000:before { content: "•"; margin: 0px 5px; }
#rowMice .divMice .ulIdiomas .liCN .aButton { font-size: 13px; }
}
@media (max-width: 580px) {
#rowMice .divMice .divFoto { height: 200px; }
#rowMice .divMice .ulIdiomas .liES { width: 100%; }
#rowMice .divMice .ulIdiomas .liEN { width: 100%; }
#rowMice .divMice .ulIdiomas .liCN { width: 100%; }
}
@media (max-width: 480px) { #rowMice .divMice .ulIdiomas .liCN .aButton br5000:before { content: "\A"; } }
/****************************************** #rowOfrecemos ******************************************/
#rowOfrecemos .divOfrecemos { display: flex; border-bottom: solid 4px var(--color2-hex); }
#rowOfrecemos .divOfrecemos .ulIdiomas { flex: 0 0 50%; padding: 50px 50px 50px calc(50% - 600px); background: var(--colorBeige-hex); }
#rowOfrecemos .divOfrecemos .ulIdiomas li { margin-bottom: 30px; }
#rowOfrecemos .divOfrecemos .ulIdiomas li.liCN { margin-bottom: 0px; }
#rowOfrecemos .divOfrecemos .ulIdiomas li ul li { margin-bottom: 0px; margin-left: 20px; font-size: 16px; color: #FFFFFF; }
#rowOfrecemos .divOfrecemos .ulIdiomas p { font-size: 16px; color: #FFFFFF; }
#rowOfrecemos .divOfrecemos .ulIdiomas h2 { font-size: 24px; font-weight: 700; color: #FFFFFF; }
#rowOfrecemos .divOfrecemos .divFoto { flex: 0 0 50%; background-color: #000000; background-image:url("/wp-content/uploads/foto_que_ofrecemos-1-1280.jpg"); }
#rowOfrecemos .divOfrecemos .divFoto { background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media (max-width: 1280px) {
#rowOfrecemos .divOfrecemos .ulIdiomas { padding: 50px; }
}
@media (max-width: 1080px) {
#rowOfrecemos .divOfrecemos .divFoto { background-image:url("/wp-content/uploads/foto_que_ofrecemos-2-1080.jpg"); background-position: center bottom; }
}
@media (max-width: 980px) {
#rowOfrecemos .divOfrecemos .ulIdiomas { padding: 40px 40px 40px 60px; }
}
@media (max-width: 780px) {
#rowOfrecemos .divOfrecemos .ulIdiomas { padding: 30px 30px 30px 50px; }
#rowOfrecemos .divOfrecemos .ulIdiomas li { margin-bottom: 25px; }
#rowOfrecemos .divOfrecemos .ulIdiomas p { font-size: 14px; }
#rowOfrecemos .divOfrecemos .ulIdiomas li ul li { font-size: 14px; }
#rowOfrecemos .divOfrecemos .divFoto { background-image:url("/wp-content/uploads/foto_que_ofrecemos-3-780.jpg"); }
}
@media (max-width: 680px) {
#rowOfrecemos .divOfrecemos .ulIdiomas { padding: 20px 20px 20px 40px; }
#rowOfrecemos .divOfrecemos .ulIdiomas li { margin-bottom: 20px; }
#rowOfrecemos .divOfrecemos .ulIdiomas p { font-size: 13px; }
#rowOfrecemos .divOfrecemos .ulIdiomas li ul li { font-size: 13px; }
}
@media (max-width: 580px) {
#rowOfrecemos .divOfrecemos { flex-wrap: wrap; }
#rowOfrecemos .divOfrecemos .ulIdiomas { flex: 0 0 100%; }
#rowOfrecemos .divOfrecemos .ulIdiomas li { margin-bottom: 15px; }
#rowOfrecemos .divOfrecemos .divFoto { flex: 0 0 100%; height: 220px; }
#rowOfrecemos .divOfrecemos .divFoto { background-image:url("/wp-content/uploads/foto_que_ofrecemos-4-580.jpg"); }
}
@media (max-width: 480px) { #rowOfrecemos .divOfrecemos .divFoto { height: 200px; } }
/*************************************** #rowAppPresupuesto **************************************/
#rowAppPresupuesto img { padding: 0px !important; background: none !important; border: none !important; }
/***************************************** #rowFormulario ****************************************/
#rowFormulario { display: none !important; }
#rowFormulario * { font-family: var(--font-family-narrow); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowFormulario i { font-family: "FontAwesome"; }
#rowFormulario .divForm input { padding: 10px 15px; width: 100%; font-size: 16px; }
#rowFormulario .divForm textarea { padding: 10px 15px; width: 100%; height: 120px; font-size: 16px; }
#rowFormulario .divForm input[type="checkbox"] { margin-right: 5px; padding: 0px; width: 20px; height: 20px; }
#rowFormulario .divForm .divFields { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
#rowFormulario .divForm p { margin: 10px 0px; text-align: left; }
#rowFormulario .divForm label { margin-bottom: 5px; font-size: 18px; font-weight: 500; color: #FFFFFF; display: block; }
#rowFormulario .divForm .wpcf7-list-item { margin: 0px; }
#rowFormulario .divForm .wpcf7-list-item label { display: flex; align-items: center; margin-right: 15px; }
#rowFormulario .divForm .pNombre { width: calc((100% - 40px) / 3); }
#rowFormulario .divForm .pTelefono { width: calc((100% - 40px) / 3); }
#rowFormulario .divForm .pMail { width: calc((100% - 40px) / 3); }
#rowFormulario .divForm .pTipo { width: 100%; }
#rowFormulario .divForm .pFecha { width: calc((100% - 40px) / 3); }
#rowFormulario .divForm .pHora { width: calc((100% - 40px) / 3); }
#rowFormulario .divForm .pPresupuesto { width: calc((100% - 40px) / 3); }
#rowFormulario .divForm .pAcepto { margin: 20px 0px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
#rowFormulario .divForm .pAcepto * { color: #FFFFFF !important; line-height: 100%; display: grid; }
#rowFormulario .divForm .pAcepto a { margin-left: 5px; text-decoration: underline; }
#rowFormulario .divForm .wpcf7-not-valid-tip { margin-top: 5px; font-weight: 500; text-align: left; }
#rowFormulario .divForm .pSubmit { position: relative; }
#rowFormulario .divForm .wpcf7-spinner { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); margin: 0px; }
#rowFormulario .divForm .divInfoLegal p { margin: 0px; font-size: 13px; text-align: left; }
#rowFormulario .divForm .divInfoLegal a { color: #333333; text-decoration: underline; }
#rowFormulario .divForm .wpcf7-response-output { margin: auto; padding: 10px; font-size: 18px; color: #FFFFFF; background: var(--color3-hex); border: 0px; text-align: center; }
@media (max-width: 1180px) { #rowFormulario .divFormulario { padding: 0px 20px; } }
@media (max-width: 980px) {
#rowFormulario .divForm input { padding: 5px 15px; }
#rowFormulario .divForm textarea { padding: 5px 15px; height: 100px; }
#rowFormulario .divForm label { font-size: 16px; }
#rowFormulario .divForm .wpcf7-list-item label { margin-right: 8px; }
#rowFormulario .divForm .pNombre { width: calc((100% - 150px) / 2); }
#rowFormulario .divForm .pTelefono { width: 130px; }
#rowFormulario .divForm .pMail { width: calc((100% - 150px) / 2); }
#rowFormulario .divForm .pTipo { margin-bottom: 0px; }
#rowFormulario .divForm .pTipo label { margin-bottom: 10px; }
#rowFormulario .divForm .pFecha { width: 190px; }
#rowFormulario .divForm .pHora { width: 190px; }
#rowFormulario .divForm .pPresupuesto { width: calc(100% - 400px); }
}
@media (max-width: 780px) {
#rowFormulario .divForm input { padding: 5px 10px; font-size: 14px; }
#rowFormulario .divForm textarea { padding: 5px 10px; font-size: 14px; height: 80px; }
#rowFormulario .divForm input[type="checkbox"] { width: 18px; height: 18px; }
#rowFormulario .divForm p { margin: 0px 0px 10px 0px; }
#rowFormulario .divForm label { font-size: 14px; }
#rowFormulario .divForm .wpcf7-list-item label { width: 120px; margin-right: 0px; }
#rowFormulario .divForm .pNombre { width: 100%; }
#rowFormulario .divForm .pTelefono { width: 100%; }
#rowFormulario .divForm .pMail { width: 100%; }
#rowFormulario .divForm .pTipo { margin-bottom: 10px; }
#rowFormulario .divForm .pFecha { width: 100%; }
#rowFormulario .divForm .pHora { width: 100%; }
#rowFormulario .divForm .pPresupuesto { width: 100%; }
}
@media (max-width: 580px) {
#rowFormulario .divFormulario { padding: 0px 10px; }
#rowFormulario .divForm input[type="checkbox"] { width: 16px; height: 16px; }
#rowFormulario .divForm input[type="submit"] { padding: 10px 30px; white-space: normal; }
}
@media (max-width: 380px) { #rowFormulario .divFormulario { padding: 0px; } }
/*************************************** #rowInternacional ***************************************/
#rowInternacional .divInternacional { margin: 80px auto 0px auto; max-width: 1180px; display: flex; align-items: center; justify-content: space-evenly; }
#rowInternacional .divPafos { position: relative; padding: 15px; }
#rowInternacional .divChina { position: relative; padding: 15px; }
#rowInternacional .divCiie { position: relative; padding: 15px; }
#rowInternacional .divLogo { position: absolute; top: 0px; left: 50%; transform: translate(-50%,-50%); margin: 0px auto; padding: 10px; width: 30%; z-index: 1; }
#rowInternacional .divLogo { background: #FFFFFF; border: solid 4px var(--color2-hex); border-radius: 50%; line-height: 0px; box-shadow: 0px 5px 5px rgba(0,0,0,0.5); }
#rowInternacional .divLogo img { padding: 0px; background: none; border: none; }
#rowInternacional .divCartel { position: relative; }
#rowInternacional .divDownload { position: absolute; bottom: -20px; left: 10px; width: 70px; height: 70px; }
#rowInternacional .divDownload { background:url("/wp-content/uploads/icono_pdf_128.png"); background-size: cover; }
#rowInternacional .divDownload a { width: 100%; height: 100%; display: grid; }
#rowInternacional .divVideo { position: absolute; bottom: -20px; left: 10px; width: 70px; height: 70px; }
#rowInternacional .divVideo:nth-of-type(2) { left: 85px; }
#rowInternacional .divVideo { background:url("/wp-content/uploads/icono_video_128.png"); background-size: cover; }
#rowInternacional .divVideo a { width: 100%; height: 100%; display: grid; }
#rowInternacional .divTexto p { margin: 20px 0px 0px 0px; font-size: 18px; font-weight: 600; color: #FFFFFF; text-align: center; }
@media (max-width: 1280px) { #rowInternacional .divInternacional { padding: 0px 20px; } }
@media (max-width: 1080px) { #rowInternacional .divTexto p { font-family: var(--font-family-narrow); } }
@media (max-width: 980px) {
#rowInternacional .divInternacional { margin: 40px auto 0px auto; }
#rowInternacional .divPafos { padding: 10px; }
#rowInternacional .divChina { padding: 10px; }
#rowInternacional .divCiie { padding: 10px; }
#rowInternacional .divLogo { top: 20px; }
#rowInternacional .divDownload { bottom: -20px; left: 10px; width: 60px; height: 60px; }
#rowInternacional .divVideo { bottom: -20px; left: 10px; width: 60px; height: 60px; }
#rowInternacional .divTexto p { font-size: 16px; }
}
@media (max-width: 880px) { #rowInternacional .divTexto p { font-family: var(--font-family-extra-narrow); } }
@media (max-width: 780px) {
#rowInternacional .divInternacional { margin: 0px auto 0px auto; flex-wrap: wrap; justify-content: center; }
#rowInternacional .divPafos { margin: 25px 15px; padding: 0px; width: calc(45% - 30px); }
#rowInternacional .divChina { margin: 25px 15px; padding: 0px; width: calc(45% - 30px); }
#rowInternacional .divCiie { margin: 25px 15px; padding: 0px; width: calc(45% - 30px); }
#rowInternacional .divLogo { top: 0px; }
#rowInternacional .divDownload { left: calc(50% - 24px); right: auto; bottom: -15px; width: 48px; height: 48px; }
#rowInternacional .divVideo { left: calc(50% - 24px); bottom: -15px; width: 48px; height: 48px; }
#rowInternacional .divChina .divDownload { left: calc(50% - 50px); }
#rowInternacional .divChina .divVideo { left: calc(50% + 2px); }
#rowInternacional .divCiie .divVideo:nth-of-type(1) { left: calc(50% - 50px); }
#rowInternacional .divCiie .divVideo:nth-of-type(2) { left: calc(50% + 2px); }
#rowInternacional .divTexto p { font-family: var(--font-family-narrow); }
}
@media (max-width: 680px) {
#rowInternacional .divPafos { margin: 20px 10px; width: calc(50% - 20px); }
#rowInternacional .divChina { margin: 20px 10px; width: calc(50% - 20px); }
#rowInternacional .divCiie { margin: 20px 10px; width: calc(50% - 20px); }
}
@media (max-width: 580px) { #rowInternacional .divTexto p { font-size: 14px; } }
@media (max-width: 520px) {
#rowInternacional .divPafos { width: 85%; max-width: 220px; }
#rowInternacional .divChina { width: 85%; max-width: 220px; }
#rowInternacional .divCiie { width: 85%; max-width: 220px; }
}
@media (max-width: 380px) {
#rowInternacional .divPafos { margin: 30px 10px; width: 90%; max-width: none; }
#rowInternacional .divChina { margin: 30px 10px; width: 90%; max-width: none; }
#rowInternacional .divCiie { margin: 30px 10px; width: 90%; max-width: none; }
}
/******************************************* #rowGallery *****************************************/
#rowGallery .divGallery { padding: 0px 20px; }
#rowGallery .divGallery .rl-gallery-item { margin: 5px; width: calc((100% / 6) - 10px) !important; }
#rowGallery .divGallery .rl-gallery-item a { border: none; line-height: 0px; }
#rowGallery .divGallery .rl-gallery-item img { padding: 1px; }
@media (max-width: 980px) { #rowGallery .divGallery .rl-gallery-item { width: calc((100% / 4) - 10px) !important; } }
@media (max-width: 780px) { #rowGallery .divGallery .rl-gallery-item { width: calc((100% / 3) - 10px) !important; } }
@media (max-width: 580px) { #rowGallery .divGallery { padding: 0px 10px; } }
@media (max-width: 480px) { #rowGallery .divGallery .rl-gallery-item { width: calc((100% / 2) - 10px) !important; } }
@media (max-width: 380px) { #rowGallery .divGallery .rl-gallery-item { width: calc(90% - 10px) !important; margin: auto !important; } }