@supports (-webkit-touch-callout: none) {
}
@media (max-width: 1280px) {
}
@media (max-width: 1180px) {
.cont_menu {
text-align: initial;
}
}
@media (max-width: 600px) {
.contenedor {
padding: 0 20px;
width: 100%;
}
.cont_flex {
display: block;
}
.box1 {
width: 100%;
}
.box2 {
padding-top: 0px;
width: 100%;
}
.box2b {
padding-top: 30px;
width: 100%;
}
.box2-1 {
display: flex;
flex-wrap: wrap;
padding: 5px;
width: 100%;
}
.box_publi {
padding: 0 10px 10px 0;
width: 50%;
} .t1 {
font-size: 32px;
}
.splide .t1 {
font-size: 28px;
}
.box_news {
float: none;
margin: 0 auto;
width: 80%;
}
.cont_eventos {
display: block;
}
.box_evento {
margin: 0 auto;
width: 100%;
}
.cont_bp {
padding: 0 20px;
width: 100%;
}
.cont_info_art {
top: 30%;
}
.t3 {
font-size: 18px;
}
.cont_flex3 {
display: block;
}
.box3 {
height: 430px;
padding: 5px 0;
width: 100%;
}
.box3-1 img {
height: 420px;
width: 100%;
}
.box1b {
width: 100%;
}
.imgb3 {
width: 100%;
}
.cont_logo {
margin: 0;
padding-left: 30px;
}
.cont_sesion {
right: 30px;
}
}
@media (max-width: 720px) {
.cont_logo {
margin: auto;
padding: 1rem;
}
.box1-2 {
margin-bottom: 10px;
width: 100%;
}
body.home .box1-2 {
margin-bottom: 0px;
width: 100%;
}
.box2 {
display: block;
}
.box_publi {
width: 50%;
}
.cont_flex3 {
display: block;
}
.box3 {
width: 100%;
}
.box_news {
text-align: center;
width: 100%;
}
.t5 {
font-size: 24px;
}
.t4 {
font-size: 12px;
padding: 5px 0;
}
.btn_prod {
font-size: 11px;
}
.cont_menbresias {
display: block;
width: 100%;
}
.box_menbresia {
margin: 0 auto;
width: 350px;
}
.spacio {
display: block;
height: 40px;
margin: 0 auto;
width: 100%;
width: 350px;
}
.box_footer {
width: 50%;
}
}
@media (max-width: 640px) {
.t2 {
font-size: 24px;
}
.t3 {
font-size: 15px;
}
.p_big {
font-size: 14px;
}
body.home .box2-1,
body.home .box1-1,
.box1-2.home,
.box1-3.home,
.cont_bg1,
.box1-2.related {
padding: 5px 0;
}
.box1-2,
.box1-3 {
padding: 0 5px 10px 5px;
width: 100%;
}
input[type="text"] {
margin-bottom: 20px;
width: 100%;
}
.btn {
display: block;
font-family: Inter;
width: 100%;
}
.box_footer {
text-align: center;
width: 100%;
}
.logo_f {
margin: 0 auto;
}
.cont_imgb1 {
height: auto;
}
.filter_item.mep-event-list-loop.column_style.event-availabe-seat.mep_event_grid_item {
margin: 0 0 20px;
padding: 0;
width: 100% !important;
}
section.contenedor.mt-2.subscirptions-page .w-50{
width: 100% !important;
}
}
@media (max-width: 540px) {
.box_publi {
width: 100%;
}
}
@media (max-width: 480px) {
}:root {
--main-color: #141923;
--second-color: #0a56f9;
}
.theme-arkin.arkin .mep-month {
background-color: var(--second-color);
}
.theme-arkin.arkin .mep-day,
.theme-arkin.arkin .mep-default-sidrbar-address ul li i,
.theme-arkin.arkin .df-ico i,
.theme-arkin.arkin .mep-default-sidrbar-events-schedule ul li i,
.theme-arkin.arkin .mep-default-sidrbar-social ul li a,
.theme-arkin.arkin div#mep_add_calender_button,
.theme-arkin.arkin ul#mep_add_calender_links li a {
background-color: var(--main-color);
}
.theme-arkin.arkin h3.ex-sec-title {
background: var(--main-color);
}
.theme-arkin.arkin .mep-list-header::before {
border-color: var(--main-color);
}
.theme-arkin.arkin .mep_list_date,
.theme-arkin.arkin .mep-list-footer ul li i,
.theme-arkin.arkin .mep-default-sidrbar-meta .fa-list-alt,
.theme-arkin.arkin .mep-default-sidrbar-meta p a,
.theme-arkin.arkin .mep-default-sidrbar-events-schedule h3 i {
color: var(--second-color);
}
.mep-events-wrapper.wrapper {
width: 90%;
}
@media (max-width: 900px) {
.mep-events-wrapper.wrapper {
width: 100%;
}
}.ancho_menu {
max-width: 1280px;
}
.header-desk {
z-index: 700;
}
.bg-top {
background: #141923;
position: relative;
}
.menu {
list-style: none;
padding: 0;
}
.menu ul {
list-style: none;
}
.centrar-menu {
margin: 0 auto;
}
.main-header {
background: #141923; max-height: 2.2rem;
}
@media (max-width: 1024px) {
.main-header {
max-height: 3rem;
}
.main-header {
margin-top: -4rem;
padding: 1.2rem 0 2.8rem 0;
}
}
.centrar-menu {
margin: 0 auto;
}
.main-navigation ul li {
display: inline-block;
margin-left: -4px;
position: relative;
}
.main-navigation ul li a {
color: #fff;
display: block;
font-family: Inter;
font-size: 10px;
font-weight: 500;
line-height: 1;
padding: 10px 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
z-index: 1;
}
.main-navigation ul.menu > li:after {
background: none repeat scroll 0 0 #ffffff;
content: "";
display: block;
height: 2px;
transition: all ease-in-out 0.2s;
width: 0;
}
.main-navigation ul li:hover:after {
width: 100%;
}
.main-navigation ul ul li a {
color: #000;
}  .main-navigation ul li ul {
background-color: #eee;
list-style: none;
margin: 0;
margin-top: 10px;
opacity: 0;
padding: 0;
position: absolute;
top: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
z-index: 2;
}
.main-navigation ul li ul.sub-menu {
background-color: transparent;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 6rem;
left: 0;
max-height: 6.8rem;
max-width: 75rem;
min-width: 20rem;
top: 1.5rem;
width: auto;
z-index: 4;
}
.main-navigation ul li ul.sub-menu li {
border: none;
display: flex;
flex-direction: column;
max-width: 15rem;
}
.main-navigation ul li ul.sub-menu li a {
color: white;
}
.main-navigation ul li ul.sub-menu ul.sub-menu {
height: 3rem;
margin-left: 50px;
min-height: 3rem;
top: 5px;
}
.main-navigation ul li:hover > ul {
opacity: 1;
visibility: visible;
}
.main-navigation ul li ul li a {
line-height: 1;
padding: 10px 30px;
}
.main-navigation ul li ul li {
display: flex;
flex: 1 0 25%;
margin-left: 0;
max-height: 2.2rem;
text-align: left;
}
.main-navigation ul li ul ul {
left: 200px;
top: 0;
}
.main-navigation ul li ul li {
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}  .mobile-menu-trigger {
background: transparent;
border: none;
cursor: pointer;
display: none;
margin-left: 30px;
}
.mobile-menu-trigger span {
background-color: #fff;
display: block;
height: 2px;
margin-bottom: 9px;
width: 35px;
}
@media (max-width: 1024px) {
button.mobile-menu-trigger {
left: 0px;
margin-left: 1rem;
margin-top: 2rem;
position: absolute;
}
.mobile-menu-trigger span {
background-color: white;
}
}
@media (min-width: 1025px) {
button.mobile-menu-trigger {
margin-top: -4rem;
}
a.btn_sesion.btn-subs-header {
margin-top: -2.8rem;
}
}
.mobile-menu-trigger span:last-child {
margin-bottom: 0;
}
.mobile-menu-container {
background-color: #fff;
bottom: 0;
left: 0;
opacity: 0;
overflow-x: hidden;
overflow-y: scroll;
position: fixed;
top: 0;
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.4s;
transition: 0.4s;
visibility: hidden;
width: 100%;
z-index: 999999;
}
.mobile-menu-container li {
opacity: 0;
-ms-transform: translateX(1000px);
-webkit-transform: translateX(1000px);
transform: translateX(100px);
-webkit-transition: 1s;
transition: 1s;
visibility: hidden;
}
.mobile-menu-container li ul li {
border-left: none;
border-right: none;
}
.mobile-menu-container li ul li:nth-last-child(1) {
border-bottom: none;
}
.mobile-menu-container li > a .slicknav_arrow:after {
bottom: 0;
color: #000;
content: "\f067";
font-family: "FontAwesome";
font-size: 10px;
left: 0;
line-height: 50px;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
top: -3px;
z-index: 999;
}
.mobile-menu-container.menu-open li.slicknav_open > a .slicknav_arrow:after {
content: "\f068";
}
.mobile-menu-container.menu-open {
height: 110vh;
opacity: 1;
overflow-y: scroll;
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
visibility: visible;
}
.mobile-menu-container.menu-open li {
margin: 1rem 0;
opacity: 1;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
.mobile-menu-close-hi,
.mobile-menu-close {
cursor: pointer;
height: 30px;
left: calc(100% - 30px);
margin-left: -30px;
position: absolute;
top: 1rem;
width: 30px;
z-index: 1;
}
.mobile-menu-close-hi::before,
.mobile-menu-close::before {
left: 15px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu-close-hi::after,
.mobile-menu-close::after {
right: 13px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-menu-close-hi::before,
.mobile-menu-close-hi::after,
.mobile-menu-close::before,
.mobile-menu-close::after {
background: #000;
content: "";
height: 30px;
position: absolute;
top: 0;
width: 2px;
}
.shearch-header.mobile img {
width: 2.5rem;
}
#mobile-menu-wrap {
display: block;
padding: 5rem 40px;
position: absolute;
right: 0;
width: 100%;
}
#mobile-menu-wrap div {
background-color: #fff;
padding: 0;
}
#mobile-menu-wrap .slicknav_item i {
display: none;
}
#mobile-menu-wrap a {
color: #000;
text-decoration: none;
}
#mobile-menu-wrap a.btn.btn-login {
color: white;
}
#menu-menu-1 .menu-item {
font-size: 18px;
margin: 7px 0;
}
#mobile-menu-wrap .sub-menu {
display: none;
}
.frame_ddicon {
cursor: pointer;
display: inline-flex;
height: 2rem;
position: absolute;
right: 0;
width: 2.2rem;
}
li.menu-item-has-children span.dropdown-icon {
background-color: #000;
border-radius: 4rem;
display: inline-block;
height: 0.12rem;
margin: 0.8rem 0;
position: absolute;
transition: 0.3s;
width: 1rem;
}
@media (max-width: 1024px) {
span.dropdown-icon {
top: 0.2rem;
}
}
span.dropdown-icon.left,
.toggle span.dropdown-icon.left.normal {
left: 0.3rem;
transform: rotate(45deg);
}
.toggle span.dropdown-icon.left.active {
transform: rotate(135deg);
}
span.dropdown-icon.right,
.toggle span.dropdown-icon.right.normal {
left: 1rem;
transform: rotate(-45deg);
}
.toggle span.dropdown-icon.right.active {
transform: rotate(-135deg);
}
@media (max-width: 1024px) {
span.dropdown-icon.left,
.toggle span.dropdown-icon.left.normal {
left: 0.22rem;
}
span.dropdown-icon.right,
.toggle span.dropdown-icon.right.normal {
left: 0.8rem;
}
} .slicknav_nav,
.slicknav_nav.slicknav_hidden {
display: block !important;
text-align: left;
}
.slicknav_btn {
display: none !important;
}
.slicknav_menu {
padding-left: 0;
}
.slicknav_nav li > a {
display: block;
font-weight: 400;
}
.slicknav_item.slicknav_row a {
border-bottom: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
margin: 0;
padding: 10px 30px;
}
.slicknav_nav .slicknav_arrow {
background: rgb(255 255 255 / 8%);
display: inline-block;
font-size: 0;
height: 100%;
position: absolute;
top: -5px;
width: 50px;
}
.slicknav_nav ul {
margin: 0 0 0 0px;
}
.slicknav_nav .menu-item-has-children ul {
margin-bottom: 00px;
}
.slicknav_nav .menu-item-has-children ul li {
padding-left: 25px;
}
.sub-menu .menu-item-has-children a i {
position: absolute;
right: 20px;
top: 20px;
}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
background-color: transparent;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
border-radius: 0;
}
.slicknav_item.slicknav_row {
display: inline-block;
position: relative;
width: 100%;
}
.slicknav_arrow {
position: absolute;
right: 0;
top: 17px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.slicknav_nav a,
.slicknav_row a {
color: #000;
display: inline-block;
font-family: Inter;
font-size: 10px;
text-transform: uppercase;
}  @media only screen and (max-width: 1100px) {  .header-navigation-area {
display: none;
}
.mobile-menu-trigger {
display: block;
}
} .codepen_profile {
bottom: 20px;
position: fixed;
right: 20px;
}
.codepen_profile a {
background: rgb(245 122 32 / 53%);
border-radius: 50%;
box-shadow: hsl(0deg 0% 80%) 0 5px 16px;
display: inline-block;
height: 60px;
padding: 15px;
width: 60px;
} .wo-scroll {
height: 100%;
max-height: 100%;
overflow-y: hidden;
overscroll-behavior: none;
position: relative;
z-index: 0;
}
a.btn_sesion.btn-subs-header {
display: none;
}
@media (max-width: 1100px) {
a.btn_sesion.btn-subs-header {
display: block;
padding: 7px;
position: absolute;
right: 0.1rem;
top: 0.1px;
}
.logged-in a.btn_sesion.btn-subs-header {
background: transparent;
padding: 0 7px 10px;
}
}
.back-submenu.visible,
ul.sub-menu.visible {
opacity: 1;
visibility: visible;
}
.back-submenu {
background: #141923;
height: 6.5rem;
opacity: 0;
position: absolute;
transition: visibility 0s, opacity 0.1s linear;
visibility: hidden;
width: 100%;
z-index: 3;
}
.mobile-menu-hi {
background: #141923;
bottom: 0px;
color: white;
display: none;
height: 150px;
padding: 2rem 0;
position: fixed;
right: 2rem;
top: 9%;
width: 60%;
z-index: 100000;
}
.fixed-menu .mobile-menu-hi {
top: 4rem;
}
.mobile-menu-hi li,
ul.mobile-menu-hi-ul li a {
color: white;
font-family: "Inter2";
font-size: 14px;
text-transform: uppercase;
}
ul.mobile-menu-hi-ul li {
display: list-item;
float: right;
}
ul.mobile-menu-hi-ul li:first-child,
ul.mobile-menu-hi-ul li:first-child a {
font-weight: bold;
list-style: none;
margin-right: 0rem;
}
ul.mobile-menu-hi-ul li:last-child {
margin-left: 1rem;
}
ul.mobile-menu-hi-ul li a {
display: inline;
padding-left: 0;
}
.mobile-menu-hi.animate__animated {
animation-duration: 0.5s;
}
.content-mob-menu.active {
height: 100vh;
left: 0;
position: fixed;
top: 10%;
width: 100%;
z-index: 1;
}
ul.submenu-hi-user {
background: #141923;
color: white;
display: none;
font-size: 11px;
line-height: 1.5rem;
padding: 0.5rem 2rem;
position: absolute;
text-align: left;
top: 2%;
width: 250px;
z-index: 5;
}
ul.submenu-hi-user a:hover {
text-decoration: none;
}
.submenu-hi-user li,
.submenu-hi-user li a {
text-transform: uppercase;
}
ul.list-mini-menu li .submenu-hi-user li {
display: list-item;
list-style: inside;
}
ul.list-mini-menu,
li#menu_hi_user > a,
ul.list-mini-menu li {
position: relative;
z-index: 6;
}
ul.submenu-hi-user.back-menu {
z-index: -1;
}
ul.list-mini-menu li .submenu-hi-user li:first-child {
font-weight: 600;
list-style: none;
text-transform: uppercase;
}
ul.submenu-hi-user.animate__animated {
animation-duration: 0.4s;
}
img.circle-avatar {
border-radius: 20px;
height: 25px;
margin-right: 10px;
width: 25px;
}
@media (max-width: 1100px) {
img.circle-avatar {
height: 30px;
width: 30px;
}
}
.menu-hi-user .d-flex.align-items-center > a {
padding-left: 2.2rem;
}
@media (max-width: 1100px) {
ul.list-mini-menu.d-flex.align-items-center {
display: none !important;
}
}
ul.submenu-hi-user li {
font-family: "Inter2";
font-weight: 500;
}
.hide-sub {
display: none;
}.form_cont {
margin: auto;
max-width: 100%;
padding: 0px 40px 10px 40px;
width: 40%;
}
@media (max-width: 600px){
.form_cont{
width: 100%;
}
}
@media (max-width: 900px){
.form_cont{
width: 80%;
}
}
.form_cont.container {
position: inherit;
}
@media only screen and (max-width: 700px) {
.form_cont {
max-width: 100%;
}
}
.form_cont .login form {
border: none;
}
.form_cont .text {
background: -webkit-linear-gradient(
right,
#141923,
#e34f18,
#141923,
#e34f18
);
-webkit-background-clip: text;
font-size: 20px;
font-weight: 600;
text-align: center;
-webkit-text-fill-color: transparent;
}
.form_cont form {
border: none;
padding: 0;
}
.form_cont form .form-row {
display: flex;
flex-wrap: nowrap;
justify-content: end;
margin: 32px 0;
}
form .form-row .input-data {
height: 40px;
margin: 0 20px;
position: relative;
width: 100%;
}
form .form-row .textarea {
height: 70px;
}
.form-row {
margin: 1.5rem 0;
}
.input-data input,
.textarea textarea {
border: none;
border-bottom: 1.2px solid rgba(0, 0, 0, 0.12);
display: block;
font-size: 13px;
height: 100%;
width: 100%;
}
.input-data input[type="file"] {
border: none;
height: 120%;
}
.input-data .text-inp-file.filled,
input:-webkit-autofill .text-inp-file.filled {
border-color: #141923;
color: #141923;
}
.textarea textarea {
min-height: 70px;
}
.input-data input:focus ~ label,
.textarea textarea:focus ~ label,
.input-data input.filled ~ label,
.textarea textarea.filled ~ label,
input:-webkit-autofill ~ label {
color: #141923;
font-size: 12px;
transform: translateY(-2rem);
}
.input-data select ~ .underline {
background: #d9d9d9;
bottom: -4px;
}
.input-data select.filled ~ .underline,
input:-webkit-autofill ~ .underline {
background-color: #141923;
}
.input-data input[type="file"]::file-selector-button {
background: #141923;
border: none;
border-radius: 10px;
color: #fff;
cursor: pointer;
margin-right: 20px;
padding: 10px 20px;
transition: background 0.2s ease-in-out;
}
.input-data input[type="file"]::file-selector-button:hover {
background: #e34f18;
}
.input-data p {
border-bottom: 2px solid rgba(0, 0, 0, 0.12);
color: gray;
font-size: 12px;
}
.textarea textarea {
padding-top: 10px;
resize: none;
}
.input-data label {
bottom: 0px;
color: gray;
font-size: 14px;
font-weight: inherit;
pointer-events: none;
position: absolute;
text-transform: none;
transition: all 0.3s ease;
}
.textarea label {
background: #fff;
bottom: 40px;
width: 100%;
}
.input-data .underline {
bottom: 0;
height: 1.2px;
position: absolute;
width: 100%;
}
.input-data .underline:before {
background: #141923;
content: "";
height: 1.2px;
position: absolute;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.3s ease;
width: 100%;
}
.input-data select ~ .underline {
background: #d9d9d9;
bottom: -4px;
}
.input-data input.error ~ .underline:before {
background: red;
transform: scale(1);
}
.input-data input.error ~ label {
color: red;
}
.input-data input.filled ~ .underline:before,
.input-data input:focus ~ .underline:before,
.input-data select:focus ~ .underline:before,
.textarea textarea:focus ~ .underline:before,
.textarea textarea.filled ~ .underline:before,
input:-webkit-autofill ~ .underline:before {
transform: scale(1);
}
body .input-data input:focus,
body .input-data textarea:focus {
border: none !important;
outline: none !important;
}
.submit-btn .input-data {
height: 45px !important;
overflow: hidden;
}
.submit-btn .input-data .inner {
background: -webkit-linear-gradient(
right,
#141923,
#7e2c0d,
#141923,
#7e2c0d
);
height: 100%;
left: -100%;
position: absolute;
transition: all 0.4s;
width: 300%;
}
.submit-btn .input-data:hover .inner {
left: 0;
}
.submit-btn .input-data input {
background: none;
border: none;
color: #fff;
cursor: pointer;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
position: relative;
text-transform: uppercase;
z-index: 2;
}
@media (max-width: 700px) {
.form_cont .text {
font-size: 15px;
}
.form_cont form {
padding: 10px 0 0 0;
}
.form_cont form .form-row {
display: block;
}
form .form-row .input-data {
margin: 35px 0 !important;
}
.submit-btn .input-data {
width: 40% !important;
}
}
.input-data select {
border: none;
color: gray;
cursor: pointer;
font-size: 13px;
height: 3.8rem;
padding: 0;
vertical-align: middle;
width: 100%;
}
.input-data input.filled,
.input-data select:focus,
.input-data select.filled,
input:-webkit-autofill {
border: none;
color: black;
outline: none;
}
.input-data input[type="date"]::-webkit-datetime-edit {
color: transparent;
}
.input-data input[type="date"]:focus::-webkit-datetime-edit {
color: gray;
}
.input-data input[type="date"].filled::-webkit-datetime-edit,
input:-webkit-autofill::-webkit-datetime-edit {
color: black;
}
.text-inp-file.empty_input,
.input-data .empty_input,
.input-data .empty_input ~ label,
.input-data .empty_input::-webkit-datetime-edit {
border-color: red;
color: red;
}
.input-data select.empty_input ~ .underline {
background-color: red;
}
.inp_tool {
display: flex;
position: relative;
} ul.progressbar {
counter-reset: step;
list-style: none;
padding: 0;
position: relative;
}
ul.progressbar li {
position: relative;
}
ul.progressbar li:before {
background-color: #d9d9d9;
border-radius: 50%;
color: #d9d9d9;
content: counter(step);
counter-increment: step;
display: block;
height: 23px;
margin: 0 auto;
position: inherit;
text-align: center;
-webkit-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
width: 23px;
z-index: 2;
}
ul.progressbar li:not(:first-child):after {
background: #d9d9d9;
content: "";
height: 2px;
left: -51%;
position: absolute;
top: 15%;
-webkit-transition: background-color 500ms ease-out;
-ms-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
width: 100%;
z-index: 1;
}
ul.progressbar li.active:before,
ul.progressbar li.previous_active:before {
background-color: #0a56f9;
color: #0a56f9;
-webkit-transition: background-color 500ms ease-in;
-ms-transition: background-color 500ms ease-in;
transition: background-color 500ms ease-in;
}
ul.progressbar li.active:not(:first-child):after,
ul.progressbar li.previous_active:not(:first-child):after {
background-color: #0a56f9;
-webkit-transition: background-color 500ms ease-in;
-ms-transition: background-color 500ms ease-in;
transition: background-color 500ms ease-in;
}
ul.progressbar span {
display: block;
height: 7rem;
margin: -5rem auto 0;
text-align: center;
width: 8rem;
}
.error-msg {
color: red;
font-size: 12px;
} .hide,
.ur-form-row,
.form-row.validate-required.hide_show_password{
opacity: 0;
height: 0;
}
.ur-button-container {
position: relative;
}
button.btn.button.ur-submit-button.hide span {
position: absolute;
right: 0;
}
button.btn.button.ur-submit-button.hide {
margin: 0;
width: 0;
position: absolute;
right: 0;
z-index: -1;
color: transparent;
}
.user-registration.ur-frontend-form {
width: 40%;
margin: auto;
margin-top: -5%;
}
@media (max-width: 700px){
.user-registration.ur-frontend-form {
width: 90%;
margin: auto;
margin-top: -20%;
}
}main .woocommerce {
min-height: 700px;
}
body.woocommerce-checkout svg {
width: 2rem;
}
.woocommerce .quantity .qty {
font-size: 18px;
}
.woocommerce div.product form.cart .button {
background-color: #141923;
font-size: 15px;
height: 2rem;
min-width: 2rem;
width: auto;
} .woocommerce-tabs.wc-tabs-wrapper.show {
display: block;
}
section.related.products {
clear: both;
}
.content-checkout {
margin: 5rem 0 2rem;
}
.content-part-form {
max-width: 100%;
min-width: 55%;
}
@media (min-width: 900px) {
.content-part-form {
width: 60%;
}
}
.content-checkout form .form-row .input-data {
width: inherit;
}
.content-checkout form .form-row.d-flex .input-data {
width: 100%;
}
.content-part-form.active {
display: block;
}  h2.wc-block-components-title.wc-block-components-checkout-step__title,
.wc-block-components-checkout-step--with-step-number
.wc-block-components-checkout-step__container:after {
display: none;
}
body .wc-block-components-radio-control-accordion-content p,
body .wc-block-components-radio-control-accordion-content a,
body .wc-block-components-radio-control-accordion-content span,
body .mp-wallet-button-container .mp-wallet-button-description,
body .mp-wallet-button-container .mp-wallet-button-button button,
body form div div .mp-checkout-custom-card-form-title,
body .mp-checkout-container div,
.wc-block-components-checkout-step__container textarea {
font-family: "Inter" !important;
}
body .mp-checkout-custom-card-form .mp-checkout-custom-card-input {
border: none !important;
border-bottom: 1px solid #141923 !important;
border-radius: 0px !important;
font-family: "Inter";
}
body .mp-checkout-container div.mp-input-label {
font-size: 12px !important;
}
.wc-block-components-radio-control-accordion-content,
body .wc-block-components-radio-control-accordion-content p,
.wc-block-components-payment-method-label,
.wc-block-components-checkbox label,
.wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block span,
.wc-block-components-checkout-step__container textarea,
body .wc-block-components-product-name,
body
.wc-block-components-order-summary
.wc-block-components-order-summary-item
.wc-block-components-product-metadata,
body .wc-block-components-totals-coupon,
body .wc-block-components-totals-item__label,
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value,
.wc-block-components-totals-item.wc-block-components-totals-footer-item span,
.ywsbs-recurring-totals-items {
font-size: 14px !important;
}
.tax_label {
font-size: 12px !important;
}
body span.wc-block-components-order-summary__button-text {
font-size: 16px;
}
body .wc-block-components-form .wc-block-components-checkout-step {
padding: 0;
} body .wc-block-components-text-input {
height: 70px;
max-height: 70px;
}
body
.wc-block-components-form
.wc-block-components-text-input
input[type="email"],
body
.wc-block-components-form
.wc-block-components-text-input
input[type="number"],
body
.wc-block-components-form
.wc-block-components-text-input
input[type="tel"],
body
.wc-block-components-form
.wc-block-components-text-input
input[type="text"],
body
.wc-block-components-form
.wc-block-components-text-input
input[type="url"],
body .wc-block-components-text-input input[type="email"],
body .wc-block-components-text-input.is-active input[type="email"],
body .wc-block-components-text-input input[type="number"],
body .wc-block-components-text-input input[type="number"],
body .wc-block-components-text-input input[type="tel"],
body .wc-block-components-text-input input[type="tel"],
body .wc-block-components-text-input input[type="text"],
body .wc-block-components-text-input input[type="text"],
body .wc-block-components-text-input input[type="url"],
body .wc-block-components-text-input input[type="url"] {
border: none;
border-bottom: 2px solid rgba(0, 0, 0, 0.12);
border-radius: 0;
display: block;
font-size: 13px;
height: 3rem;
padding: 2em 5px 0.5em 5px !important;
width: 100%;
}
body.woocommerce-checkout
.wc-block-components-combobox
.wc-block-components-combobox-control
input.components-combobox-control__input
~ .underline,
body.woocommerce-checkout
.wc-block-components-form
.wc-block-components-combobox
.wc-block-components-combobox-control
input.components-combobox-control__input,
body.woocommerce-checkout
.wc-block-components-combobox
.wc-block-components-combobox-control
input.components-combobox-control__input
~ .underline,
body.woocommerce-checkout
.wc-block-components-form
.wc-block-components-combobox
.wc-block-components-combobox-control
input.components-combobox-control__input:focus,
body.woocommerce-checkout
.wc-block-components-combobox
.wc-block-components-combobox-control
input.components-combobox-control__input
~ .underline,
body.woocommerce-checkout
.wc-block-components-form
.wc-block-components-combobox
.wc-block-components-combobox-control
input.components-combobox-control__input:active {
border: none;
border-bottom: 2px solid rgba(0, 0, 0, 0.12);
border-radius: 0;
box-shadow: 2px solid rgba(0, 0, 0, 0.12);
}
body
.wc-block-components-combobox
.wc-block-components-combobox-control
input.components-combobox-control__input
~ .underline,
body
.wc-block-components-form
.wc-block-components-combobox
.wc-block-components-combobox-control
input.components-combobox-control__input
~ .underline {
display: none;
}
body
.wc-block-components-form
.wc-block-components-text-input
input[type="email"]:focus,
body
.wc-block-components-form
.wc-block-components-text-input
input[type="number"]:focus,
body
.wc-block-components-form
.wc-block-components-text-input
input[type="tel"]:focus,
body
.wc-block-components-form
.wc-block-components-text-input
input[type="text"]:focus,
body
.wc-block-components-form
.wc-block-components-text-input
input[type="url"]:focus,
body .wc-block-components-text-input input[type="email"]:focus,
body .wc-block-components-text-input input[type="number"]:focus,
body .wc-block-components-text-input input[type="tel"]:focus,
body .wc-block-components-text-input input[type="text"]:focus,
body .wc-block-components-text-input input[type="url"]:focus {
border-radius: 0;
box-shadow: none;
}
body.woocommerce-checkout
.wc-block-components-text-input.has-error.is-active
input,
body.woocommerce-checkout
.wc-block-components-text-input.has-error.is-active
input:focus {
box-shadow: none;
}
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
.underline {
bottom: 22px;
height: 2px;
position: absolute;
width: 100%;
}
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
.underline:before {
background: #141923;
content: "";
height: 2px;
position: absolute;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.3s ease;
width: 100%;
}
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
input.filled
~ .underline:before,
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
input:focus
~ .underline:before,
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
select:focus
~ .underline:before,
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
textarea:focus
~ .underline:before,
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
textarea.filled
~ .underline:before,
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
input:-webkit-autofill
~ .underline:before {
transform: scale(1);
}
body.woocommerce-checkout
.wc-block-components-form
.wc-block-components-text-input.input-data
input:focus
~ label,
body.woocommerce-checkout
.wc-block-components-form
.textarea
textarea:focus
~ label,
body.woocommerce-checkout
.wc-block-components-form
.input-data
input.filled
~ label,
body.woocommerce-checkout
.wc-block-components-form
.textarea
textarea.filled
~ label,
body.woocommerce-checkout
.wc-block-components-form
input:-webkit-autofill
~ label {
color: #141923;
font-size: 12px;
transform: translateY(0rem) !important;
}
body.woocommerce-checkout .wc-block-components-text-input label {
bottom: 0px;
color: gray;
font-size: 14px;
font-weight: inherit;
left: 5px;
pointer-events: none;
position: absolute;
text-transform: none;
transition: all 0.3s ease;
}
body.woocommerce-checkout .wc-block-components-text-input.has-error input {
border: none;
border-bottom: 2px solid red;
border-radius: 0;
}
body.woocommerce-checkout
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout
.wc-block-components-text-input.has-error
.underline:before {
background: red;
}
body.woocommerce-checkout .t2.title-page,
body.woocommerce-checkout
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block,
.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block.content-part-form,
.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.content-part-form {
display: none;
}
.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block.content-part-form.active,
.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.content-part-form.active {
display: block;
}
body.woocommerce-checkout
.wc-block-components-sidebar-layout.wc-block-checkout.is-large {
align-items: center;
justify-content: center;
} body.woocommerce-checkout.woocommerce-order-received
main.contenedor
.woocommerce {
display: flex;
justify-content: center;
}
body.woocommerce-order-received .woocommerce-order {
width: 60%;
}
@media (max-width: 600px) {
body.woocommerce-order-received .woocommerce-order {
width: 100%;
}
}
input#cardNumber {
border: none !important;
border-bottom: 1px solid #141923 !important;
border-radius: 0px !important;
font-family: "Inter" !important;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
align-items: center;
background: transparent;
border: none;
cursor: pointer;
display: flex;
height: 5rem;
justify-content: center;
padding: 0;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained
span.wc-block-components-button__text {
color: black;
padding: 10px;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained
span.wc-block-components-button__text:hover {
color: white;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained
span.wc-block-components-button__text:focus {
outline: none;
}
body:not(.woocommerce-block-theme-has-button-styles)
.wc-block-components-button:not(.is-link):focus {
border: none;
box-shadow: none;
outline: none;
}
.woocommerce-MyAccount-navigation ul li {
display: none;
}
.woocommerce-account
.contenedor
.woocommerce-MyAccount-navigation
ul
li
a:hover,
.woocommerce-account .contenedor a {
color: #0035bd;
}
.woocommerce-account .contenedor .woocommerce-MyAccount-navigation ul li a {
color: #141923;
text-decoration: none;
}
form.woocommerce-EditAccountForm.edit-account .input-data {
position: relative;
}
form.woocommerce-EditAccountForm.edit-account .input-data input {
font-size: 15px;
}
form.woocommerce-EditAccountForm.edit-account .input-data input:focus ~ label,
form.woocommerce-EditAccountForm.edit-account .textarea textarea:focus ~ label,
form.woocommerce-EditAccountForm.edit-account .input-data input.filled ~ label,
form.woocommerce-EditAccountForm.edit-account .textarea textarea.filled ~ label,
form.woocommerce-EditAccountForm.edit-account input:-webkit-autofill ~ label,
form.woocommerce-EditAccountForm.edit-account
.password-input
input:focus
~ label {
color: #141923;
font-size: 12px;
transform: translateY(-1.5rem);
}
form.woocommerce-EditAccountForm.edit-account.input-data .text-inp-file.filled,
form.woocommerce-EditAccountForm.edit-account
input:-webkit-autofill
.text-inp-file.filled {
border-color: #141923;
color: #141923;
}
form.woocommerce-EditAccountForm.edit-account p {
margin: 1rem 0;
}
.woocommerce-MyAccount-content p .underline ~ span {
display: none;
}
.woocommerce-MyAccount-content legend {
margin: 1rem 0;
}
.woocommerce-MyAccount-content span.password-input {
margin: 4px 0px;
}
.woocommerce .woocommerce-MyAccount-contentform .show-password-input,
.woocommerce-page .woocommerce-MyAccount-content form .show-password-input {
top: -0.7rem;
}
body a.wc-block-components-product-name,
span.price.wc-block-components-product-price {
color: black;
font-size: 25px !important;
text-decoration: none;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-subtotal-block.wc-block-components-totals-wrapper,
.wc-block-components-totals-wrapper,
body .wc-block-cart small.tax_label {
display: none;
}
.ywsbs-recurring-totals-items {
color: white;
}
.recurring-amounts-list {
color: black;
font-size: 25px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
font-size: 15px !important;
}
span.wc-block-components-button__text,
a#nxt-1,
.wc-block-checkout__terms a.btn_sesion.btn-nolog {
background-color: #000000;
color: white;
text-transform: uppercase;
}
a#nxt-1,
.wc-block-checkout__terms a.btn_sesion.btn-nolog {
font-size: 15px;
padding: 0.7rem 1.5rem;
width: auto;
}
a#nxt-1:hover,
.wc-block-checkout__terms a.btn_sesion.btn-nolog:hover{
background-color: #001;
}
a#nxt-2{
display: none;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:focus,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:active {
box-shadow: none !important;
}
body.woocommerce:where(body:not(.woocommerce-uses-block-theme))
div.product
p.price,
body.woocommerce:where(body:not(.woocommerce-uses-block-theme))
div.product
span.price {
color: black;
}
h2.woocommerce-loop-product__title {
color: #141923;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
ul.products
li.product
.price {
color: #0035bd;
}
.wc-block-components-notices .wc-block-store-notice svg {
width: 2rem;
}