/* Theme Name: Circulorrll Theme URI: danielquino.com Description: Tema para la web Circulorrll Autor: Daniel Quino Ángeles Template: hello-elementor Version: 1.0 License: GNU General Public Licence v2 or later */ /* Custom property */ :root{ /* Fuentes */ --fuentePrincipal: 'Montserrat', sans-serif; --fuenteSecundaria: 'Montserrat', sans-serif; --fuenteDestacada: 'Montserrat', sans-serif; --fuente2: 'Montserrat', sans-serif; /* Colores */ --colorBase: #FAFAFA; --colorEnfasis: #ff0000; --colorTexto: #222222; --colorRojo: #ff0000; --colorRojo1: #A20045; --colorRojo2: #7D0827; --colorGris: #C4C4C4; --colorGris2: #EFEDEE; } html { font-size: 62.5%; } html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none !important; box-sizing: border-box; } body { font-family: var(--fuentePrincipal); font-weight: normal; font-size: 16px; font-size: 1.6rem; overflow-x: hidden; background-color:#fff; } *, *:before, *:after { box-sizing: inherit; /* (Paul Irish hack) */ } a { color:#fff; } a:hover { color:#fff; } /* Header */ .header-dqa { display:flex; width: 100%; background-color:#000; padding:2rem 2rem 2rem 2rem; } .header-dqa .widget-logo { flex:0 0 50%; } .header-dqa .widget-menu-options { flex:0 0 50%; } .header-dqa .widget-menu-options { display: none; justify-content: flex-end; align-items: center; } .header-dqa .widget-menu-options .widget-menu-main { display:inline-flex; margin:0 4rem 0 0; } .header-dqa .widget-menu-options .widget-user-options { display:inline-flex; } .header-dqa .widget-menu-mobile-btn { display: flex; flex:0 0 50%; justify-content: flex-end; align-items: center; } .header-dqa .widget-menu-mobile-btn i { font-size:2rem; } @media only screen and (min-width: 1024px) { .header-dqa { padding:2rem 4rem 2rem 4rem; } .header-dqa .widget-logo { flex:0 0 20%; } .header-dqa .widget-menu-options { display:flex; } .header-dqa .widget-menu-options { flex:0 0 80%; } .header-dqa .widget-menu-mobile-btn { display: none; } } /* Menu Principal */ .menu-principal { margin:0; padding:0; } .menu-principal li { display:inline-flex; padding:0.5rem 1rem 0.5rem 1rem; margin:0; } .menu-principal li a { font-size:1.8rem; } /* Menu Login */ .wrapper-acctions-nologin { } .wrapper-acctions-nologin ul { list-style:none; margin:0; padding:0; } .wrapper-acctions-nologin ul li { list-style:none; margin:0; padding:0; } .wrapper-acctions-nologin ul li a { background-color:var(--colorRojo2); color:#fff; border-radius:0.5rem; } .wrapper-acctions-nologin ul li a { font-size:1.6rem; line-height: 1em; padding:0.3em 0.7em 0.3em 0.7em; } .wrapper-acctions-nologin ul li a:hover { background-color:var(--colorRojo2); } /* Menu Perfil */ .profile-options { display: none; } /* .profile-name:hover + .profile-options, .profile-options:hover { display: block; } */ .profile-name { color:#fff; } .profile-name { font-size:2rem; line-height: 1.5em; font-weight:400; padding-left:4rem; } .profile-name::before { position:absolute; left:0; } .profile-name::before { content:''; width:3rem; height:3rem; } .profile-name::before { background-image:url('images/ico-profile.svg'); background-repeat:no-repeat; background-size:contain; } .profile-menu { position:relative; cursor:pointer; } .profile-menu .profile-options { } .profile-options { background-color:var(--colorRojo2); } .profile-options { border-top:5px solid #000; } .profile-options { position: absolute; z-index: 1; right: 0; width: max-content; } .profile-options { list-style:none; padding:1rem 2rem 1rem 2rem; margin:0; border-radius:0 0 1rem 1rem; } .profile-options li { list-style:none; padding:0; margin:0 0 1rem 0; } .profile-options li a { display:block; } .profile-options li a { color:#fff; font-size:1.5rem; line-height:1.5em; } .profile-options li a:hover { text-decoration:underline; } /* Menu Mobile */ .menu-mobile { display: none; list-style:none; margin:0; padding:0; background-color:#000; } .menu-mobile li { list-style:none; margin:0; padding:0; } .menu-mobile li a { display:block; border-top:1px solid rgba(255,255,255,0.2); } .menu-mobile li a { color:#fff; font-size:1.8rem; padding: 2rem; text-align:center; } .menu-mobile li:last-child a { color:red; } /* Login */ .widget-login-dqa { } #wppb-login-wrap p { padding-bottom:2rem !important; } .widget-login-dqa p label { margin:0 0 1em 0; } .widget-login-dqa input[type=submit] { font-size: 1.4rem; padding:0.5em 2em 0.5em 2em; } .widget-login-dqa input[type=submit] { background-color:var(--colorRojo2); color:#fff; } .widget-login-dqa input[type=submit]:hover { background-color:var(--colorRojo2); } /* Footer */ footer { } footer .widget-logo { text-align:center; } footer .widget-logo img { max-width:20rem; } footer .widget-copy { text-align:center; } footer .widget-copy span { font-size:1.4rem; } /* Insights */ .widget-insights-list { display:flex; flex-wrap: wrap; margin:0 0 8rem 0; } .widget-insights-list .item { flex:0 0 100%; margin-bottom:1rem; } .widget-insights-list .item .wrapper-item { width:100%; height:100%; } .widget-insights-list .item .wrapper-item { background-color:var(--colorGris2); border-radius:2rem; overflow-x:hidden; padding:2rem; } .widget-insights-list .widget-text { margin:0 0 1rem 0; } .widget-insights-list .widget-text .label { display:block; color:#3C3C3C; font-weight:600; } /*.widget-insights-list .widget-text .value { display:block; color:#000; font-weight:500; }*/ .widget-insights-list .widget_action { display:flex; justify-content: right; align-items: center; margin-top: auto;} .widget-insights-list .widget_action a { background-color:var(--colorRojo2); color:#161615; padding:0.5rem 3rem 0.5rem 3rem; border-radius:1rem; } .widget-insights-list .widget_action a { color:#FFF; font-weight:600; font-size:1.6rem; } .widget-insights-list .widget_action a:hover {background-color:var(--colorRojo2); color: #F25C5C;} @media only screen and (min-width: 1024px) { .widget-insights-list .item { flex:0 0 33.33%; margin:0; padding:1rem; } } /* Modal */ .fancybox-slide--iframe .fancybox-content { background-color:var(--colorRojo2); } .fancybox-content iframe { clip-path: inset(0 0 37px 0); }