/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 14 2026 | 20:34:15 */
/* ===============================
   Background Image Scale Zoom
================================ */


/* Main container */
.zoom-img {

    position:relative;
    overflow:hidden;

}


/* create image layer */
.zoom-img::before {

    content:"";
    position:absolute;
    inset:0;
    background-image:inherit;
    background-size:cover;
    background-position:center;
    transition:transform .6s ease;
}

/* zoom only image */
.zoom-img:hover::before {

    transform:scale(1.04);

}


/* ===============================
   EMM Service Cards
   Subtle Interactive Effect
================================ */

.service-card {

    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:
    transform .25s ease,
    box-shadow .25s ease;
    box-shadow:
    0 12px 35px rgba(0,0,0,.08);

}

/* Soft highlight */
.service-card::after {

    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.12),
        transparent 50%
    );
    opacity:0;
    transition:.25s ease;
    pointer-events:none;

}

/* Desktop hover only */
@media(min-width:769px){

.service-card:hover {

    transform:
    translateY(-3px)
    scale(1.005);
    box-shadow:
    0 18px 45px rgba(0,0,0,.13);

}

.service-card:hover::after {

    opacity:1;

}

/* Icon subtle motion */
.service-card svg,
.service-card i {

    transition:.25s ease;

}

.service-card:hover svg,
.service-card:hover i {

    transform:
    translateY(-2px)
    scale(1.03);

}

/* Heading subtle motion */
.service-card h1,
.service-card h2,
.service-card h3 {

    transition:.25s ease;

}

.service-card:hover h1,
.service-card:hover h2,
.service-card:hover h3 {

    transform:translateY(-1px);

}
}

/* Mobile/tablet */
@media(max-width:768px){

.service-card {

    cursor:default;

}

/* Disable movement */
.service-card:hover,
.service-card:hover svg,
.service-card:hover i,
.service-card:hover h1,
.service-card:hover h2,
.service-card:hover h3 {

    transform:none;

}

.service-card:hover::after {

    opacity:0;

}
}

/* ===============================
   EMM Service Rows
   Interactive Effect
================================ */


/* Main row */
.service-row {

    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:
    transform .3s ease;

}



/* Background zoom layer */
.service-row::before {

    content:"";
    position:absolute;
    inset:0;
    background-image:inherit;
    background-size:cover;
    background-position:center;
    transition:
    transform .7s ease;
    z-index:0;

}

.service-row:hover::before {

    transform:scale(1.06);

}




/* keep content above */
.service-row > * {

    position:relative;
    z-index:2;

}

/* Soft shine overlay */
.service-row::after {

    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        120deg,
        transparent,
        rgba(0,0,0,.10),
        transparent
    );
    opacity:0;
    transition:.3s ease;
    z-index:1;
    pointer-events:none;

}

.service-row:hover::after {

    opacity:1;

}

/* Learn more animation */
.service-row div div div p, .service-row div div div svg {

    transition:.3s ease;

}


.service-row:hover div div div p, .service-row:hover div div div svg {

    transform:translateX(8px);

}

    
/* ===============================
   Elite Media Mechanics Blog
   Essential Addons Post Grid
================================ */


/* Blog card */
.emm-blog-grid .eael-grid-post-holder {

    position:relative;
    background:#ffffff;
    padding:5px;
    border-radius:10px;
    border:1px solid #eeeeee;
    box-shadow:
    0 20px 60px rgba(0,0,0,0.05);
    transition:.3s ease;
    overflow:hidden;
}


/* ===============================
   Blog Featured Image
================================ */


/* Image wrapper */
.emm-blog-grid .eael-entry-media {

    width:100%;
    overflow:hidden;
    border-radius:8px;
    margin-bottom:22px;
}


/* Image */
.emm-blog-grid .eael-entry-thumbnail img {

    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
    border-radius:8px;
    transition:.35s ease;
}


/* subtle zoom */
.emm-blog-grid 
.eael-grid-post-holder:hover 
.eael-entry-thumbnail img {

    transform:scale(1.05);

}

/* Content wrapper */
.emm-blog-grid .eael-entry-wrapper {

    padding:0 20px 20px 20px!important;

}

/* Title */
.emm-blog-grid .eael-entry-title,
.emm-blog-grid .eael-entry-title a {

    font-family:"Syne",sans-serif;
    font-size:26px;
    line-height:1.2;
    font-weight:700;
    color:#111;
    text-decoration:none;
    margin-bottom:12px;
}


.emm-blog-grid .eael-entry-title a:hover {

    color:#fa6602;

}


/* Meta */
.emm-blog-grid .eael-entry-meta {

    font-family:"Inter",sans-serif;
    font-size:12px;
    color:#777;
    margin-bottom:20px;
}


/* Excerpt */
.emm-blog-grid .eael-entry-content {

    font-family:"Inter",sans-serif;
    font-size:14px;
    line-height:1.7;
    color:#444;
    margin-bottom:25px;
}




/* Read More */
.emm-blog-grid 
.eael-post-elements-readmore-btn {

    display:inline-block;
    background:transparent!important;
    border:none!important;
    padding:0!important;
    font-family:"Syne",sans-serif;
    font-size:16px;
    font-weight:700;
    color:#fa6602!important;
    text-decoration:none;
    transition:.25s ease;
}

.emm-blog-grid 
.eael-post-elements-readmore-btn:hover {

    transform:translateX(6px);

}

/* ===============================
   Elite Media Mechanics Form
================================ */


/* Form wrapper/card */
.emm-contact-form {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #eeeeee;
    box-shadow:
    0 20px 60px rgba(0,0,0,0.06);
    font-family: "Inter", sans-serif;
}


/* Labels */
.emm-contact-form .wpforms-field-label {
    font-family: "Syne", sans-serif;
    color: #111111;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px;
}

/* Required star */
.emm-contact-form .wpforms-required-label {
    color:#fa6602;
}


/* Inputs + textarea */
.emm-contact-form input,
.emm-contact-form textarea,
.emm-contact-form select {

    background:#ffffff !important;
    border:1.5px solid #dddddd !important;
    border-radius:10px !important;
    padding:14px 18px !important;
    font-family:"Inter", sans-serif;
    font-size:16px !important;
    color:#111 !important;
    transition: all .25s ease;
}


/* Placeholder */
.emm-contact-form input::placeholder,
.emm-contact-form textarea::placeholder {

    color:#8a8a8a !important;
    font-family:"Inter", sans-serif;

}


/* Textarea */
.emm-contact-form textarea {

    max-height:80px;
}



/* Focus state */
.emm-contact-form input:focus,
.emm-contact-form textarea:focus,
.emm-contact-form select:focus {

    border-color:#fa6602 !important;
    box-shadow:
    0 0 0 4px rgba(250,102,2,0.12);
    outline:none !important;
}

/* Space between fields */
.emm-contact-form .wpforms-field {

    padding-bottom:10px !important;

}

/* Submit button */
.emm-contact-form button[type="submit"] {

    width:100%;
    background:#fa6602 !important;
    color:#ffffff !important;
    border:none !important;
    border-radius:10px !important;
    font-family:"Syne", sans-serif;
    font-size:18px !important;
    font-weight:700;
    transition:.3s ease;
    box-shadow:
    0 12px 30px rgba(250,102,2,.22);
}

/* Hover button */
.emm-contact-form button[type="submit"]:hover {

    background:#d95400 !important;

}

/* Remove ugly WPForms defaults */
.emm-contact-form 
.wpforms-submit-container {

    padding-top:5px !important;

}



/* Mobile */
@media(max-width:768px){

    .emm-contact-form{
        padding:25px 20px;
        border-radius:10px;
    }


.emm-contact-form textarea {

    max-height:95px;
}
    .emm-contact-form button[type="submit"]{
        width:100%;
    }
}

/* ===============================
   Elite Media Mechanics
   Portfolio / Case Studies
   Essential Addons Grid
================================ */


/* Main Card */
.emm-portfolio-grid .eael-grid-post-holder {

    position:relative;
    background:#ffffff;
    padding:5px;
    border-radius:10px;
    border:1px solid #eeeeee;
    box-shadow:
    0 20px 60px rgba(0,0,0,0.05);
    transition:.3s ease;
    overflow:hidden;
}


/* ===============================
   Featured Image
================================ */


/* Image wrapper */
.emm-portfolio-grid .eael-entry-media {

    width:100%;
    overflow:hidden;
    border-radius:8px;
    margin-bottom:22px;
}

/* Image */
.emm-portfolio-grid .eael-entry-thumbnail img {

    width:100%;
    height:330px;
    object-fit:cover;
    display:block;
    border-radius:8px;
    transition:.35s ease;
}

/* Image Zoom */
.emm-portfolio-grid 
.eael-grid-post-holder:hover
.eael-entry-thumbnail img {

    transform:scale(1.05);
}

/* ===============================
   Content
================================ */

.emm-portfolio-grid .eael-entry-wrapper {

    padding:0 25px 25px 25px!important;
}

/* Title */
.emm-portfolio-grid .eael-entry-title,
.emm-portfolio-grid .eael-entry-title a {

    font-family:"Syne",sans-serif;
    font-size:26px;
    line-height:1.2;
    font-weight:700;
    color:#111;
    text-decoration:none;
    margin-bottom:12px;
}

/* Title hover */
.emm-portfolio-grid .eael-entry-title a:hover {
	
    color:#fa6602;
}

/* Meta */
.emm-portfolio-grid .eael-entry-meta {

    font-family:"Inter",sans-serif;
    font-size:12px;
    color:#777;
    margin-bottom:20px;

}

/* Description */
.emm-portfolio-grid .eael-entry-content {

    font-family:"Inter",sans-serif;
    font-size:14px;
    line-height:1.7;
    color:#444;
    margin-bottom:25px;
}

/* Read More */
.emm-portfolio-grid 
.eael-post-elements-readmore-btn {

    display:inline-block;
    background:transparent!important;
    border:none!important;
    padding:0!important;
    font-family:"Syne",sans-serif;
    font-size:16px;
    font-weight:700;
    color:#fa6602!important;
    text-decoration:none;
    transition:.25s ease;
}

/* Read More Hover */
.emm-portfolio-grid 
.eael-post-elements-readmore-btn:hover {

    transform:translateX(6px);

}

/* Remove EA defaults */
.emm-portfolio-grid 
.eael-grid-post-holder-inner {


    border:none!important;

}

/* ===============================
   Responsive
================================ */


/* Tablet */
@media(max-width:1024px){

.emm-portfolio-grid .eael-entry-thumbnail img {

    height:280px;

}
}

/* Mobile */
@media(max-width:768px){

.emm-portfolio-grid .eael-entry-thumbnail img {
    height:220px;
}

.emm-portfolio-grid .eael-entry-wrapper {
    padding:0 20px 22px 20px!important;

}

.emm-portfolio-grid .eael-entry-title,
.emm-portfolio-grid .eael-entry-title a {
    font-size:22px;
}
}