@import url(./bootstrap.css);
@import url(./animate.css);

:root {
    --primaryColor: #1569b1;
    --secondaryColor: #e67f26;
    --whiteColor: #ffffff;
    --transition: all .3s ease-in-out;
    --box-shadow-blue: 2px 3px 6px 1px #1569b169;
    --box-shadow-black: 2px 3px 6px 1px rgba(0, 0, 0, 0.199);
}

/* RESETS */
body { background-color: #f7f7f7; color: #302f2f; scroll-behavior: smooth; font-family: 'Roboto', sans-serif; }

a:link { text-decoration: none; }

ul { margin: 0; padding: 0; list-style: none; }
ul li i { color: var(--secondaryColor); }
ul li a i { opacity: 0.5; }




/* COLORS */
.color-primary { color: var(--primaryColor); }
.bg-primaryColor { background-color: var(--primaryColor); }
.bg-secondaryColor { background-color: var(--secondaryColor); box-shadow: var(--box-shadow-black)!important; }

/* ULTIS */
.button { display: inline-block; padding: 14px 40px; border-radius: 26px; color: var(--whiteColor); font-size: 1.1rem; font-weight: 600; box-shadow: var(--box-shadow-blue); transition: var(--transition); }

header.header h6 { color: var(--primaryColor); }
header.header h2 { line-height: 40px; }

.max-width78 { max-width: 78%; }


/* =================================================================================================================================== */

/* TOP_SOCIAL_ICONS */
.social-icons a { display: inline-block; border: 1px solid; border-radius: 50%; width: 28px; height: 28px; line-height: 27px; text-align: center; font-size: 0.9rem; }


/* SECTION_LOGO */
h1 { background-image: url(../img/logo.png); background-size: cover; min-width: 250px; width: 250px; height: 110px; display: inline-block; }
.section-menu .media i { display: inline-block; border-radius: 50%; border: 3px solid; width: 40px; height: 40px; line-height: 36px; text-align: center; }


/* CAROUSEL_MAIN */
.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel .carousel-item { background-repeat: no-repeat; background-size: cover; background-position: top center; box-shadow: inset 1px -4px 17px 1px rgba(0, 0, 0, 0.12); }
    /* ITEMS-CAROUSEL */
    .carousel .carousel-item:nth-child(1) { background-image: url(../img/backgrounds/bg-4.png); }
    .carousel .carousel-item:nth-child(2) { background-image: url(../img/backgrounds/bg-2.png); }

/* HEIGHT_CAROUSEL */
.carousel .carousel-item .content-FullHeight { height: 68vh; display: flex; align-items: center; }
    /* CONTENT */
    .carousel .carousel-item .content-FullHeight .carousel-text h5 { font-weight: 400; } 
    .carousel .carousel-item .content-FullHeight .carousel-text h2 { font-weight: 800; } 
    .carousel .carousel-item .content-FullHeight .carousel-text p { max-width: 92%; } 
    

/* SERVICE SECTION */
.service-card { padding: 32px 6px; transition: var(--transition); }
    .service-card h5 { font-weight: 700; font-size: 1.1rem; }
    .service-card p { font-size: 0.90rem; margin-bottom: 0; }
    .service-card img {
        width: 83px;
        height: 70px;
    }


/* ACTING AREA SECTION */
.acting-area { background-image: url(../img/backgrounds/bg-acting.png); background-repeat: no-repeat; background-size: cover; background-position: 100%; height: auto; }
    .acting-area .box { background-color: var(--whiteColor); height: 230px; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: var(--box-shadow-black); }


/* CONTACT SECTION */
.contact .media img { background-color: var(--whiteColor); width: 90px; height: 90px; display: inline-block; padding: 18px; border-radius: 50%; box-shadow: var(--box-shadow-black); }


/* FOOTER SECTION */
footer.footer ul li { margin-bottom: 4px; }
footer.footer ul li:last-child { margin-bottom: 0; }
footer.footer ul li a { color: #302f2fb4; }

    
@media(min-width: 768px) {
    /* ULTIS */
    h2 { font-size: 2.6rem; }
    .button:hover { color: #fff; background-color: var(--secondaryColor); transition: var(--transition); box-shadow: none; }
    .bg-primaryColor a:hover { background-color: var(--secondaryColor); transition: var(--transition); }
    .bg-secondaryColor:hover { background-color: var(--whiteColor)!important; color: var(--secondaryColor); transition: var(--transition); }

    .max-width78 { max-width: 100%; }

    /* height_carousel--CONTENT */
    .carousel .carousel-item .content-FullHeight .carousel-text p { max-width: 77%; } 

    /* SERVICE SECTION */
    .service-card:hover { background-color: var(--whiteColor); box-shadow: var(--box-shadow-blue); transition: var(--transition); transform: translateY(-15px); }

    /* ACTING AREA SECTION */
    .acting-area { height: 370px; margin-bottom: 140px; }

    /* CONTACT SECTION */
    .contact .media p { line-height: 7px; }

    /* FOOTER */
    footer.footer ul li a:hover { color: #302f2f; }




    
}