/*
Theme Name:        Cyberscope
Theme URI:         https://www.givemelife.es
Author:            Give Me Life
Author URI:        https://www.givemelife.es
Description:       Child Theme of Silicon Multipurpose Business Theme. Silicon is a multipurpose WordPress Theme with focus in Technology Business niches.
Requires at least: WordPress 5.0
Template:          silicon
Version:           1.3.2
License:           GNU General Public License v3 or later
License URI:       LICENSE
Text Domain:       silicon-child
Tags:              two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, rtl-language-support, footer-widgets, sticky-post, theme-options
*/

/* Tipografía */

@font-face {
    font-family: 'Garnett Medium';
    src: url('fonts/GarnettMedium-Regular.eot');
    src: url('fonts/GarnettMedium-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/GarnettMedium-Regular.woff2') format('woff2'),
        url('fonts/GarnettMedium-Regular.woff') format('woff'),
        url('fonts/GarnettMedium-Regular.ttf') format('truetype'),
        url('fonts/GarnettMedium-Regular.svg#GarnettMedium-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

h1,
h2,
h3,
h4 {
    font-family: 'Garnett Medium';
    font-weight: normal;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

p,
p span {
    font-family: 'Garnett Regular';
    font-size: 16px;
}

/* Color */

.text-primary,
a:hover {
    color: rgb(225, 255, 60) !important;
}
  
.text-secondary {
    color: #eff2fc !important;
}

.text-lima h4 span {
    color: rgb(225, 255, 60) !important;
}

.shadow-primary {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(255, 255, 60, 0.8) !important;
}

span.negro {
  color: black;
}

/* HEADER */

header.site-header {
    z-index: 3;
}

header.entry-header nav {
    display: none;
}

.site-header {
  border-bottom: 1px solid rgb(225, 255, 60) !important;
}

.site-header.navbar-stuck {
  background-color: black !important;
}

/* MENU */

#menu-menu-cyberscope li a {
  font-weight: 400 !important;
}

.dropdown-menu {
  background-color: black !important;
}

/* HOME */
#listado ul {
    /*list-style: none;
    padding-left: 0;*/
    font-size: 24px;
    /*font-style: italic;*/
}

/* #boton-flotante_home {
  position: fixed;
  right: 10px;
  top: 80vh;
  z-index: 1111;
  background-color: white;
}

#fondo-boton {
  background-color: white;
  margin-bottom: 0;
}

#fondo-boton p,
#fondo-boton span {
  font-size: 14px;
} */

/*#video-spanish {
  display: none !important;
}*/

.home-bloque35 {
    background-color: #0a0a0a !important;
}

.navbar-stuck {
    background-color: #282828 !important;
}

#home-video video.elementor-video {
    width: 100% !important;
    min-height: 100% !important;
}

.columna-video {
    padding-right: 0 !important;
}

#columna-texto {
    padding-left: 30% !important;
}

#pastilla {
    position: absolute;
    margin: auto;
    width: 64%;
    margin-left: 18%;
    z-index: 3;
    margin-top: -5%;
}

.dark-mode .card-hover.border-0:not(.bg-transparent):not(.bg-light):hover {
border-color: rgba(225, 250, 60, 1) !important;
}

/*#home-header-izquierdo {
    padding-left: 10%;
    padding-right: 5%;
}*/

#are-you span {
    font-size: 24px;
}

/* #listado-servicios img.d-block,
#listado-servicios2 img.d-block {
    width: 60px;
    height: 60px;
} */

/* HOME Testimonios */

#testimonial .sn-blockquote.btn.btn-icon.btn-primary.btn-lg.shadow-primary.pe-none {
    padding: 35px;
}

#testimonial span.sn-blockquote i {
    font-size: 35px;
    font-weight: normal;
}

#button-getinmediate.shadow-primary {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(0, 0, 0, 0.6) !important;
}

#button-getinmediate.shadow-primary:hover {
    box-shadow: none !important;
}

#section-workingus,
#section-ourservices .titular,
#section-ourservices .texto,
#section-professionalservices .titular,
#section-professionalservices .texto {
    padding-left: 4%;
}

/*
section-botsoc
section-portfolio
*/

#section-whychooseus {
    padding-left: 20%;
    padding-right: 20%;
    background: rgb(217,255,0);
    background: radial-gradient(circle, rgba(217,255,0,0.6) 0%, rgba(0,0,0,1) 25%);
    background-position-y: top 50px !important;
}

#section-whychooseus:hover {
    cursor: pointer;
}

#text-weare {
    padding-left: 10%;
    padding-right: 10%;
}

#text-maximum .si-multipurpose-text__before {
    font-size: 24px;
    font-family: 'Garnett Regular';
}

#image-whychoose {
    display: none;
    top: 30%;
    position: absolute;
}

#prev-testimonial:hover,
#next-testimonial:hover {
    background-color: rgba(255, 255, 60) !important;
}

#prev-testimonial:hover i,
#next-testimonial:hover i {
    color: black;
}

#video-home {
    background: none !important;
}

#video-home .btn-video:hover {
    background-color: #DCF23D !important;
}

#video-home .btn-video i {
    padding-left: 5px !important;
}

.boton-slider:hover {
    color: black !important;
}

/* Footer */

#footer .nav li a {
    padding-left: 0 !important;
}

#formulario-footer {
    padding-right: 25% !important;
}

#formulario-footer #wpforms-5612-field_1-container {
    padding-left: 0 !important;
}

#formulario-footer #wpforms-5612-field_1 {
  color: white;
}

#formulario-footer #wpforms-5612-field_1-container input {
    background: #0D0D0D !important;
    border: 1px 0 1px 1px solid #ccc !important;
    border-radius: 6px 0 0 6px !important;
    height: 47px !important;
    /*padding: 20px auto !important;*/
}

#formulario-footer #wpforms-5612-field_1-container ::placeholder {
    font-size: 14px !important;
}

#contenedor-footer .primary-color ul li a,
.primary-color {
    color: #DCF23D !important;
}

#contenedor-footer .primary-color ul li a:hover {
    text-decoration: underline !important;
}

#formulario-footer button#wpforms-submit-5612 {
    border-radius: 0 6px 6px 0 !important;
    font-size: 14px !important;
    background-color: #DCF23D !important;
    color: black !important;
}

#texto-copyright {
    font-size: 14px !important;
}

/* CONTACTO */

body#contacto h1 .si-multipurpose-text__before {
    font-size: 30px;
    color: #E1FF3C;
    display: block;
    padding-bottom: 20px;
}

body#contacto h1 .silicon-elementor-highlighted-heading__highlighted-text {
    font-size: 65px;
}

body#contacto #seccion-contacto .card {
    border: 1px solid #E1FF3C;
}

body#contacto #visit-us .si-elementor-icon {
    display: none;
}

body#contacto .card {
    background-color: black !important;
}

body#contacto .card h2 {
    font-size: 32px;
    font-weight: normal;
}

body#contacto #formulario .btn-primary {
    background-color: rgb(225, 255, 60) !important;
    border: 0;
    color: black !important;
}

body#contacto #formulario input[type=text],
body#contacto #formulario input[type=email],
body#contacto #formulario textarea {
    border: 0 !important;
}

body#contacto #formulario-contacto label {
    font-size: 15px !important;
}

body#contacto #formulario-contacto input,
body#contacto #formulario-contacto textarea {
    background-color: #242424 !important;
}

body#contacto #wpforms-4661-field_4-container {
    width: 100% !important;
}

/*#formulario-contacto .wpforms-footer {
    display: block !important;
    clear: both !important;
}*/

/* About */

/*#cont-about .elementor-container {
    background-color: #282828 !important;
    border: 1px solid red !important;
}*/

.page-id-7796 .elementor-container.elementor-column-gap-default.bg-light.position-relative.border.rounded-3.shadow-sm.py-5 {
    background: black !important;
    border: 2px solid rgb(225, 255, 60) !important;
    /*display: none !important;*/
}

#section-weare .elementor-col-33 .elementor-widget-wrap {
    padding: 0px !important;
}

#section-weare .elementor-col-33:nth-child(1) {
    background: #282828 !important;
    padding: 30px !important;
    border-radius: 10px !important;
    width: 32% !important;
}

#section-weare .elementor-col-33:nth-child(2) section,
#section-weare .elementor-col-33:nth-child(3) section {
    background: #282828 !important;
    padding: 30px !important;
    border-radius: 10px !important;
    /*width: 32% !important;*/
}

#section-weare .elementor-col-33:nth-child(2) section:nth-child(1),
#section-weare .elementor-col-33:nth-child(3) section:nth-child(1) {
    margin-bottom: 6% !important;
}

#section-weare .elementor-col-33:nth-child(1),
#section-weare .elementor-col-33:nth-child(2) {
    margin-right: 2% !important;
}

#section-weare .elementor-col-33 h2 {
    color: rgb(225, 255, 60) !important;
    font-size: 24px;
    line-height: 135% !important;
}

#section-equipo .elementor-col-20 .card-body h3 {
    font-size: 24px !important;
    font-weight: normal !important;
    margin-top: 10px !important;
}

#section-equipo .elementor-col-20 .card-body p {
    font-size: 15px !important;
    color: grey !important;
}

.gallery-item::after,
.gallery-item .gallery-item-caption {
  transition: all 0.3s ease-in-out;
  opacity: 1 !important;
}

.gallery-item::after {
  display: none !important;
}

/* Responsive */

@media (max-width: 1400px) {
    #columna-texto {
        padding-left: 20% !important;
    }
    #pastilla {
        width: 70%;
        margin-left: 15%;
        margin-top: -6%;
        /*margin-top: -70px;*/
    }
}

@media (max-width: 1200px) {
    #columna-texto {
        padding-left: 15% !important;
    }
    #pastilla {
        width: 84%;
        margin-left: 8%;
        margin-top: -7%;
        /*margin-top: -70px;*/
    }
}

@media (max-width: 1025px) { /*Responsive Elementor */
    #columna-texto {
        padding-left: 0% !important;
    }
    #pastilla {
    width: 90%;
    margin-left: 5%;
    margin-top: -8%;
    }
    h1 {
        font-size: 40px;
    }
    /*h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 28px;
    }*/
    p,
    p span {
        /*font-family: 'Garnett Regular';
        font-size: 16px;*/
    }
    #menu-key ul {
      display: inline !important;
    }
    #menu-key ul li.nav-item {
      display: inline !important;
      
    }
    #menu-key ul li.nav-item .nav-link {
      display: inline;
      margin-bottom: 15px !important;
    }
}

@media (max-width: 991px) {
    #home-video {
        text-align: center !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    #home-header-izquierdo {
        max-width: 100%;
    }
    #home-video .ewc-h-100.ewv-h-100 {
        margin: auto !important;
    }
    #pastilla {
        width: 94%;
        margin-left: 3%;
        margin-top: -12%;
    }
}

@media (max-width: 769px) {
    #section-workingus,
    #section-ourservices .titular,
    #section-ourservices .texto {
    padding: auto 10%;
}
#pastilla {
    /*width: 94%;
    margin-left: 3%;*/
    margin-top: -20%;
}
#columna1 {
    width: 100% !important;
}
#columna2,
#columna3 {
    width: 25% !important;
}
#columna4 {
    width: 50% !important;
}
h1,
h1 span {
    font-size: 40px !important;
    line-height: 120% !important;
}
}

@media (max-width: 500px) {
    #section-workingus,
    #section-ourservices .titular,
    #section-ourservices .texto,
    #section-whychooseus {
    padding-left: 0%;
    }
    #section-whychooseus {
    padding-left: 5%;
    padding-right: 5%;
    }  
    #seccion-contacto .card i {
        display: none !important;
    }
    #seccion-contacto .card .ps-4 {
        padding-left: 5px !important;
    }
    h1 .silicon-elementor-highlighted-heading__highlighted-text {
        font-size: 45px;
    }
    h1,
    h1 span {
        font-size: 35px !important;
        line-height: 120% !important;
    }
    #pastilla {
        /*width: 94%;
        margin-left: 3%;*/
        margin-top: -40%;
    }
    #columna1,
    #columna2,
    #columna3,
    #columna4 {
        width: 100% !important;
    }
    #formulario-footer {
        padding-right: 0% !important;
    }
    #menu-key ul li.nav-item .nav-link {
      /*display: inline;
      margin-bottom: 15px !important;*/
      width: 80% !important;
      margin-left: 10% !important;
    }
}

/* Formulario */
.wpforms-form input,
.wpforms-form textarea {
  background-color: #0D0D0D !important;
  border-radius: 7px !important;
  border: 1px solid #666 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label,
.wpforms-container-full .wpforms-form ul li .wpforms-field-label-inline {
  font-size: 16px !important;
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
  font-weight: normal !important;
}

.wpforms-container-full .wpforms-form ul li .wpforms-field-label-inline a {
  
  color: rgb(225, 255, 60) !important;
}

.wpforms-container-full .wpforms-form button {
  background-color: rgb(225, 255, 60) !important;
  border: 0 !important;
  color: black !important;
}

/* Loading */
.dark-mode .page-loading {
  background-color: black !important;
}

/* Ninja */

.ninja-forms-field {
    background: #0D0D0D !important;
    border: 1px solid #888 !important;
    border-radius: 6px !important;
    height: 47px !important;
    /*padding: 20px auto !important;*/
}

.nf-form-content {
  margin: 0 !important;
  min-width: 100% !important;
}

.nf-before-form-content {
  display: none;
}

.nf-field-label label {
  font-weight: normal !important;
  color: white !important;
  font-size: 15px !important;
}

.nf-field-element input[type=submit] {
  background-color: rgb(225, 255, 60) !important;
  border: 0 !important;
  color: black !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  font-weight: bold !important;
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(255, 255, 60, 0.8) !important;
}

.nf-field-element input[type=submit]:hover {
  box-shadow: none !important;
}

.nf-field-element a,
.nf-field-label a {
  color: rgb(225, 255, 60) !important;
}

#nf-field-7-wrap .nf-field-label,
#nf-field-13-wrap .nf-field-label {
  z-index: 1 !important;
}

.active#si-video-english,
.active#si-video-spanish {
  color: black;
}

.wpforms-field-required.wpforms-error {
  border: 1px solid red !important;
}

label.wpforms-error {
  display: none !important;
}

.silicon-button.btn.btn-primary.btn-lg,
.silicon-button.btn.btn-primary,
.elementor-button-link.elementor-button.elementor-size-md {
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(255, 255, 60, 0.8) !important;
}

.silicon-button.btn.btn-primary.btn-lg:hover,
.silicon-button.btn.btn-primary:hover,
.elementor-button-link.elementor-button.elementor-size-md:hover {
  box-shadow: none !important;
  color: black !important;
}

.navbar-brand {
  font-size: 0;
}

#navbarNav {
  background-color: black;
}

.soloadmin {
	display: none;
}

.logged-in.admin-bar .soloadmin {
	display: block;
}