@import 'https://fonts.googleapis.com/css?family=Great+Vibes|League+Script';

@font-face {
    font-family: 'menu';
    src:    url('../../../fonts/menu.eot?w30awn');
    src:    url('../../../fonts/menu.eot?w30awn#iefix') format('embedded-opentype'),
    url('../../../fonts/menu.ttf?w30awn') format('truetype'),
    url('../../../fonts/menu.woff?w30awn') format('woff'),
    url('../../../fonts/menu.svg?w30awn#menu') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'menu' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tm-navbar-absolute {
    position: unset;
    width: 100%;
}

.icon-marinos:before {
    content: "\e900";
}
.icon-peces:before {
    content: "\e901";
}
.icon-reptiles:before {
    content: "\e903";
}

.menu-padding {
    padding-top: 100px !important;
}

.scientific-name {
    text-transform: none;
}

.lateral-menu {
    z-index: 0 !important;
}

.other-trademarks {
    padding-top: 0px !important;
    padding-right: 30px !important;
    padding-bottom: 0px !important;
    padding-left: 30px !important;
}

.img-shadow {
    box-shadow: 11px 35px 37px 0 rgba(114, 23, 36, 0.07);
}

.text-shadow {
    text-shadow: 0 0 1px #1a4f91, 0 0 1px #1a4f91, 0 0 3px #1a4f91;
}

.luno {
    bottom: -18%;
    left: -15%;
    color: rgba(158, 206, 255, 0.15);
    font-family: 'Poppins';
    font-size: 220px;
    line-height: 220px;
    font-weight: 400;
    letter-spacing: -30px;
    font-style: normal;
}


div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

#long-text
{
    width: 650px;
}

.quantity input.qty {
    border: 1px solid rgba(0, 0, 0, 0.38) !important;
    width:100% !important;
}

.angel_h2o {
    font-size: 16px !important;
    font-size: calc(11px + 1vh) !important;
    color: #000000 !important;
    height: 2.2em;
    line-height: 1.1;
    margin-top: 5px;
    margin: 0 0 15px 0;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.cls-1 {
    fill: #004c98 !important;
}

.tm-block-fullwidth > .uk-container {
    max-width: 80%;
    padding-left: 0;
    padding-right: 0;
}

current-cat a {
    color: #f26e58; !important;
}

li.current-cat a:before {
    content: "» ";
}

#billing_country_field {
    display: none;
}
#tm-bottom-d > div > section > div > div > div > h3 {
    color: #f4f4f4;
}

.uk-form textarea {
    /* 1 */
    box-sizing: border-box;
    /* 2 */
    margin: 0;
    /* 3 */
    border-radius: 55px !important;
    /* 4 */
    font: inherit;
    color: inherit;
}

.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#billing_state_field { display: none !important;}

.woocommerce select,
.woocommerce-page select,
.woocommerce textarea,
.woocommerce-page textarea,
.woocommerce input:not([type]),
.woocommerce-page input:not([type]),
.woocommerce input[type="text"],
.woocommerce-page input[type="text"],
.woocommerce input[type="password"],
.woocommerce-page input[type="password"],
.woocommerce input[type="datetime"],
.woocommerce-page input[type="datetime"],
.woocommerce input[type="datetime-local"],
.woocommerce-page input[type="datetime-local"],
.woocommerce input[type="date"],
.woocommerce-page input[type="date"],
.woocommerce input[type="month"],
.woocommerce-page input[type="month"],
.woocommerce input[type="time"],
.woocommerce-page input[type="time"],
.woocommerce input[type="week"],
.woocommerce-page input[type="week"],
.woocommerce input[type="number"],
.woocommerce-page input[type="number"],
.woocommerce input[type="email"],
.woocommerce-page input[type="email"],
.woocommerce input[type="url"],
.woocommerce-page input[type="url"],
.woocommerce input[type="search"],
.woocommerce-page input[type="search"],
.woocommerce input[type="tel"],
.woocommerce-page input[type="tel"],
.woocommerce input[type="color"],
.woocommerce-page input[type="color"] {
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    width: 8em;
}

.deletecart {
    font-weight: 400;
    font-family: 'Poppins';
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #598bd8;
    color: #fefeff;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 55px;
    padding: 0 25px;
    line-height: 42px;
    background-image: none, linear-gradient(156deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

body:not(.page-id-257):not(.page-id-285):not(.page-id-310) .grecaptcha-badge {
    display: none;
}

.cli_messagebar_head  {
    color: #575757; !important;
}

.uk-alert-super {
    background: #2e99d2;
    color: #ffffff;
}

.woocommerce .blockUI.blockOverlay {
    background-image:url('https://www.tropicalcenter.es/loading-fish.gif') !important;
    background-position: center 50% !important;
    background-repeat: no-repeat !important;
    position: fixed !important;
}

/* Ocultar el modal inicialmente con CSS */
.modal-important {
    display: none; /* Ocultar el modal inicialmente */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

/* Clase para mostrar el modal cuando sea necesario */
.modal-visible {
    display: flex;
}

.modal-content-important {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 400px;
    text-align: center;
    border-radius: 8px;
}

.modal-header-important {
    font-size: 18px;
    margin-bottom: 15px;
}

.modal-footer-important {
    margin-top: 20px;
}

.modal-footer-important button {
    margin: 5px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.btn-primary-important {
    background-color: #007bff;
    color: white;
}

.btn-secondary-important {
    background-color: #6c757d;
    color: white;
}