/*
Theme Name: AMProgramacion
Theme URI: https://amprogramacion.es
Description: Tema oficial de AM Programación
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*!
Theme Name: AM Programacion
Theme URI: https://amprogramacion.es
Description: Tema de la empresa AM Programación
Author: AM Programación
Author URI: https://amprogramacion.es/quienes-somos
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 5.7
Tested up to: 5.6
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: amprogramacion
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
html, body {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px !important;
}

.nav-link {
    font-weight: bold;
    color: white !important;
    text-transform: uppercase;
}

.nav-item .active {
    background-color: white;
    color: #1A5276 !important;
}

.nav-item {
    margin-left: 10px;
}

.nav-link:hover {
    color: white !important;
    background-color: #2471A3;
}

/* Menú para movil */

.navbar-toggler {
    border-color: transparent !important;

}

.force-text-white, .force-text-white:hover {
    color: white !important;
}


/* Colores personalizados */

.color-amprogramacion-5 {
    color: #2980B9;
}

.bg-amprogramacion-1 {
    background-color: #154360;
}

.bg-amprogramacion-2 {
    background-color: #1A5276;
}

.bg-amprogramacion-3 {
    background-color: #1F618D;
}

.bg-amprogramacion-4 {
    background-color: #2471A3;
}

.bg-amprogramacion-5 {
    background-color: #2980B9;
}

.border-amprogramacion-1 {
    border-color: #154360;
}

.border-amprogramacion-2 {
    border-color: #1A5276;
}

.border-amprogramacion-3 {
    border-color: #1F618D;
}

.border-amprogramacion-4 {
    border-color: #2471A3;
}

.border-amprogramacion-5 {
    border-color: #2980B9;
}

.btn-primary-e > div > div > a {
    background-color: #1A5276 !important;
    border-color: #1A5276 !important;
}

.btn-primary-e > div > div > a:hover {
    background-color: #2471A3 !important;
    border-color: #2471A3 !important;
}

.fw-600 {
    font-weight: 600;
}

.btn-bottom {
    position: absolute !important;
    right:    0;
    bottom:   0;
}

/* header info */

.header-info .fa {
    font-size: 24px;
    padding: 5px;
    color: #d4e6f1;
}

.header-info .header-item {
    color: white;
    font-weight: bold;
    padding-right: 10px;
}
.header-info a {
    color: white;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .header-info {
        width: 100%;
        margin: 5px 5px !important;
    }
}

/* Preloader */

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    display: table;
    background-color: rgba(21,67,96,0.9);
    z-index: 9999;
}

.preloader .preloader-body  {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: rgba(255,255,255,0.6);
    font-style: oblique; 
    font-size: 36px;
}

.rotate-vert-center {
    -webkit-animation: rotate-vert-center 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
    animation: rotate-vert-center 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}


@-webkit-keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
@keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}


/* Inicio */

.he-500 {
    height: 500px;
}

.he-300 {
    height: 300px;
}

.max-he-100 {
    max-height: 100px;
}

.width-250 {
    width: 250px;
}

.parallax {
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    width: 100%;
}

.parallax-home-1 {
    /* The image used */
    background-image: url(../img/code.jpg);
}

.parallax-home-2 {
    /* The image used */
    background-image: url(../img/programmer2.jpg);
}

.parallax-home-movil {
    /* The image used */
    background-image: url(../img/moviles.jpg);
}

.parallax-home-marketing {
    /* The image used */
    background-image: url(../img/marketing.jpg);
}

.parallax-bg {
    background-color: rgba(21,67,96,0.8);
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.parallax-bg h1, .parallax-bg h3 {
    color: white;
}

.img-h128 {
    height: 128px;
}

.why-us a {
    text-decoration: none;
}

.why-us .card-body:hover {
    background-color: #154360;
    color: white;
    transition-duration: 0.3s;
}

.why-us .card-body {
    cursor: pointer;
}


/* Contacto */

.bg-facebook {
    background-color: #3B5998;
    color: white;
}

.bg-instagram {
    background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    color: white;
}

.bg-twitter {
    background-color: rgb(29, 161, 242);
    color: white;
}

.social-butt .btn:hover {
    color: white;
}


/*FOOTER*/

footer {
    background: #154360;
    background: -webkit-linear-gradient(180deg, #154360, #0F2F42);
    background: linear-gradient(180deg, #154360, #0F2F42);
    color: white;
    margin-top:100px;
}

footer a {
    color: #fff;
    transition-duration: 0.3s;
    padding: 3px;
}

footer .active {
    background-color: white;
    color: #154360;
    text-decoration: none;
}

footer a:hover {
    background-color: white;
    color: #154360;
    text-decoration: none;
}

.copy {
    font-size: 16px;
    padding: 14px;
    border-top: 1px solid #FFFFFF;
}

.footer-middle {
    padding-top: 2em;
    color: white;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;

}

ul.social-network li {
    display: inline;
    margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: rgb(29, 161, 242);
}

.social-network a.icoInstagram:hover {
    background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.social-network a.icoYoutube:hover {
    background-color: rgb(255, 0, 0);
}

.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i, 
.social-network a.icoInstagram:hover i,
.social-network a.icoYoutube:hover i{
    color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 24px;
}

.social-circle li i {
    margin: 0;
    line-height: 50px;
    text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #595959;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-network a {
    background-color: #F9F9F9;
}