/** Theme Name: Astra Child Author: Shubham Choudhary Author URI: http://wpastra.com Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ /* ========================================================== SHIPSIDE.AI — HOMEPAGE CSS Scope: .ss-home containers and homepage-specific elements ========================================================== */ /* 1. TYPOGRAPHY AND TEXT */ .ss-home .elementor-widget-text-editor p{margin-top:0} .ss-home .elementor-widget-text-editor p:last-child{margin-bottom:0} .ss-home h1.elementor-heading-title,.ss-home h2.elementor-heading-title,.ss-home h3.elementor-heading-title{text-wrap:balance;font-feature-settings:"kern" 1,"ss01" 1} .ss-home .elementor-widget-text-editor p{text-wrap:pretty} .ss-home sup{font-size:.32em;vertical-align:top;line-height:2} .ss-hero-title sup{font-size:.35em;line-height:1.6;vertical-align:super;margin-right:3px;letter-spacing:-.022em} .ss-demo-shell{font-variant-numeric:tabular-nums} .ss-nowrap .elementor-heading-title{white-space:nowrap} /* 2. HOVER EFFECTS AND TRANSITIONS */ .ss-workflow-card{transition:border-color .18s ease,box-shadow .18s ease,transform .2s} .ss-workflow-card:hover{transform:translateY(-4px)} .ss-gallery-picture img{transition:transform .4s} .ss-gallery-card:hover .ss-gallery-picture img{transform:scale(1.035)} .ss-text-link:hover .elementor-button-icon::after{transform:translate(2px,-2px)} .ss-home .elementor-button{transition:background-color .18s ease,border-color .18s ease,color .2s} /* 3. HERO OVERLAY */ .ss-home-hero::before{background-image:linear-gradient(90deg,rgba(2,29,47,.98) 0%,rgba(2,29,47,.88) 30%,rgba(2,29,47,.38) 57%,rgba(2,29,47,0) 83%)!important} /* 4. GALLERY */ .ss-gallery-card:nth-child(1) .ss-gallery-image img{object-position:50% 53%!important; position:absolute; inset:0;} .ss-gallery-card:nth-child(2) .ss-gallery-image img{object-position:50% 47%!important; position:absolute; inset:0;} .ss-gallery-card:nth-child(3) .ss-gallery-image img{object-position:50% 40%!important; position:absolute; inset:0;} /* Gallery heading: note keeps the source min-width and shrinks with the title like the source flex items */ @media (min-width:768px){ .ss-gallery-note{width:auto!important;flex:0 1 auto!important;min-width:260px} .ss-gallery-heading-title{flex:0 0 auto!important;width:auto!important} } /* 5. CONSOLE TITLE */ .ss-console-title .ss-sep{color:#B3C4D1;margin:0 9px} /* 6. GALLERY FOOTER LINK */ @media (max-width:767px){ .ss-foot-link .elementor-button{white-space:normal;text-align:left} .ss-foot-link .elementor-button-content-wrapper{align-items:flex-start;justify-content:flex-start} } /* 7. WORKFLOW CARDS */ @media (min-width:1025px){ .ss-workflow-card h3.elementor-heading-title{min-height:54px} } /* 8. RESPONSIVE HEADING BEHAVIOUR */ @media (min-width:1025px){ .ss-nowrap-d .elementor-heading-title{white-space:nowrap} } @media (max-width:767px){ .ss-nowrap-m .elementor-heading-title{white-space:nowrap} } /* 9. SMALL-SCREEN REFINEMENTS */ @media (max-width:374px){ .ss-source-button .elementor-heading-title{white-space:normal} } @media (max-width:360px){ .ss-card-body{--column-gap:11px!important;column-gap:11px!important} } /* 10. EXTRA SMALL PHONE BREAKPOINT (<=360px) */ @media (max-width:360px){ .ss-home-hero{--padding-bottom:205px!important;padding-bottom:205px!important;--min-height:650px!important;min-height:650px!important} .ss-gallery-title .elementor-heading-title,.ss-gallery-title-muted .elementor-heading-title{font-size:30px!important} .ss-gallery-note{--column-gap:12px!important;column-gap:12px!important} .ss-gallery-picture{--min-height:155px!important;min-height:155px!important} .ss-gallery-image img{height:155px!important} } /* 11. GOVERNANCE ROW */ .ss-control:last-child{border-bottom-color:#D4E2EC!important} /* 12. BUTTONS AND LINKS */ .ss-home .elementor-button{text-align:start} .ss-home .elementor-button-content-wrapper{justify-content:space-between} /* 13. FAQ ACCORDION */ .ss-faqs .e-n-accordion-item-title-icon>span{display:none!important} .ss-faqs .e-n-accordion-item-title-icon::after{content:"+";font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.4;color:#F27D2D;display:block} .ss-faqs details[open] .e-n-accordion-item-title-icon::after{transform:rotate(45deg)} /* 14. 5P TAB ARROW */ .ss-phase-tabs .e-n-tab-icon>*{display:none!important} .ss-phase-tabs .e-n-tab-icon::after{content:"→";font-size:14px;line-height:1.65;color:inherit} /* 15. IGNA BOX DECORATIVE FIGURE */ .ss-box-figure:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#b4daf708 1px,transparent 1px),linear-gradient(90deg,#b4daf708 1px,transparent 1px);background-size:28px 28px;pointer-events:none} .ss-hardware{transform:perspective(900px) rotateY(-12deg) rotateX(4deg);box-shadow:14px 14px 0 #061f32,15px 15px 0 #31526c!important} .ss-hardware:after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#fb7417} /* 16. DEMO SOURCE SELECTOR */ .ss-source-button{cursor:pointer} .ss-source-button.ss-active{background-color:#EDF6FA!important;border-color:#CEE4EE!important} .ss-source-button:not(.ss-active){background-color:transparent!important;border-color:transparent!important} /* 17. 5P NATIVE NESTED TABS */ .ss-phase-tabs .e-n-tab-title{flex-basis:0} .ss-phase-tabs .e-n-tab-title-text{flex-grow:1;display:flex;align-items:center;flex-wrap:wrap;column-gap:15px} .ss-phase-tabs .ss-phase-num{font-size:11px;line-height:1.65;color:#5C7489} .ss-phase-tabs .e-n-tab-title[aria-selected=true] .ss-phase-num{color:#FFAD73} /* 18. EXPERIENCE CARDS AND DIALOG */ .ss-exp-card{cursor:pointer} dialog.ss-dialog{padding:0;border:0;background:transparent;max-width:660px;width:calc(100% - 40px);max-height:85dvh;overflow:auto;color:#163B55} dialog.ss-dialog::backdrop{background:#041c39aa;backdrop-filter:blur(5px)} dialog.ss-dialog>.ss-exp-dialog{width:100%!important;max-width:100%!important} /* 19. ACCESSIBILITY — FOCUS STATES */ .ss-home a:focus-visible,.ss-home button:focus-visible,.ss-home summary:focus-visible,.ss-home [role=button]:focus-visible,.ss-home [role=tab]:focus-visible,.ss-exp-card:focus-visible{outline:3px solid #F36E21;outline-offset:3px;border-radius:2px} /* 20. SOURCE ARROW GLYPHS */ .ss-ar1 .elementor-button-icon>*{display:none!important} .ss-ar1 .elementor-button-icon::after{content:"→";display:block;transition:transform .2s;font-size:19px;font-weight:400;line-height:.5} .ss-ar2 .elementor-button-icon>*{display:none!important} .ss-ar2 .elementor-button-icon::after{content:"→";display:block;transition:transform .2s;font-size:18px;font-weight:650;line-height:29.7px} .ss-ar3 .elementor-button-icon>*{display:none!important} .ss-ar3 .elementor-button-icon::after{content:"→";display:block;transition:transform .2s;font-size:16.8px;font-weight:600;line-height:26.88px} @media (max-width:1024px){ .ss-ar3 .elementor-button-icon::after{font-size:14.4px;font-weight:600;line-height:23.04px} } @media (max-width:767px){ .ss-ar3 .elementor-button-icon::after{font-size:16.8px;font-weight:600;line-height:26.88px} } .ss-ar4 .elementor-button-icon>*{display:none!important} .ss-ar4 .elementor-button-icon::after{content:"→";display:block;transition:transform .2s;font-size:18px;font-weight:650;line-height:27.9px;color:#ED690D} @media (max-width:767px){ .ss-ar4 .elementor-button-icon::after{font-size:18px;font-weight:650;line-height:28.8px;color:#ED690D} } .ss-ar5 .elementor-button-icon>*{display:none!important} .ss-ar5 .elementor-button-icon::after{content:"↓";display:block;transition:transform .2s;font-size:18px;font-weight:500;line-height:27.9px} @media (max-width:767px){ .ss-ar5 .elementor-button-icon::after{font-size:18px;font-weight:500;line-height:28.8px} } /* 21. RESPONSIVE MEDIA QUERIES */ /* Hero overlay */ @media (max-width:1024px){ .ss-home-hero::before{background-image:linear-gradient(90deg,rgba(2,29,47,.98) 0%,rgba(2,29,47,.86) 43%,rgba(2,29,47,.25) 80%)!important} } @media (max-width:767px){ .ss-home-hero::before{background-image:linear-gradient(180deg,rgba(2,29,47,.96) 0%,rgba(2,29,47,.87) 26%,rgba(2,29,47,.55) 62%,rgba(2,29,47,.04) 100%)!important} } /* Gallery heading */ @media (min-width:768px) and (max-width:1200px){ .ss-gallery-note{min-width:220px} } @media (min-width:768px) and (max-width:1024px){ .ss-gallery-note{min-width:185px} .ss-gallery-heading-title{flex:0 1 534px!important;max-width:480px} } /* 5P tabs */ @media (max-width:1200px){ .ss-phase-tabs .e-n-tab-title-text{column-gap:8px} } @media (max-width:1024px){ .ss-phase-tabs .e-n-tab-icon{display:none} .ss-phase-tabs .ss-phase-num{width:100%} .ss-phase-tabs .e-n-tab-title-text{row-gap:7px} } @media (max-width:767px){ .ss-phase-tabs .e-n-tab-title{flex-basis:auto;min-width:110px;flex-shrink:0} .ss-phase-tabs .e-n-tab-title-text{row-gap:9px} } /* Experience dialog */ @media (max-width:767px){ dialog.ss-dialog{width:calc(100% - 30px);max-height:88dvh} } /* Experience dialog */ @media (max-width:921px){ .site-footer .site-primary-footer-wrap{padding-left:20px; padding-right:20px;} } /* ========================================================== SHIPSIDE.AI — IGNA PLATFORM PAGE ========================================================== */ /* 1. INNER HERO — IMAGE OVERLAY */ /*.elementor .ss-inner-hero-photo::before { background-image: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.96) 13.64%, rgba(255,255,255,.55) 40.91%, rgba(255,255,255,.05) 74.24%) !important; }*/ .ss-home.ss-inner-hero { position: relative; overflow: hidden; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .ss-home.ss-inner-hero::before { content: ""; position: absolute !important; inset: 0; background: linear-gradient( 90deg, #ffffff 0%, #ffffff 20%, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.90) 40%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.30) 60%, rgba(255,255,255,0) 75% ); z-index: 0; pointer-events: none; } @media (max-width: 767px) { .ss-home.ss-inner-hero::before { background: linear-gradient( 180deg, #ffffff 0%, #ffffff 25%, rgba(255,255,255,0.98) 45%, rgba(255,255,255,0.90) 60%, rgba(255,255,255,0.55) 80%, rgba(255,255,255,0.10) 100% ) !important; } } /* 2. BREADCRUMBS */ .elementor .ss-breadcrumbs a:hover { text-decoration: underline; } /* 3. DEPLOYMENT CHOOSER — NESTED TABS */ .elementor .ss-deploy-tabs { overflow: hidden; } .elementor .ss-deploy-tabs .e-n-tab-title-text { flex-grow: 1; align-self: stretch; display: grid; grid-template-columns: 25px 1fr 15px; gap: 8px; align-items: center; text-align: start; } .elementor .ss-deploy-tabs .ss-dep-num { grid-row: span 2; font-size: 11px; line-height: 1.65; font-weight: 400; letter-spacing: 0; color: #5C7489; } .elementor .ss-deploy-tabs .ss-dep-desc { grid-column: 2; font-size: 12px; line-height: 1.65; font-weight: 400; letter-spacing: 0; color: #C0D5E4; } .elementor .ss-deploy-tabs .e-n-tab-title[aria-selected=true] .ss-dep-desc { color: #D2E3EE; } .elementor .ss-deploy-tabs .ss-dep-arrow { grid-row: 1/3; grid-column: 3; font-size: 15px; line-height: 1.65; font-weight: 400; letter-spacing: 0; } .elementor .ss-deploy-tabs .e-n-tab-title:last-child { border-bottom-width: 0; } /* 4. RESPONSIVE STYLES — MOBILE */ @media (max-width: 767px) { /* Inner hero overlay */ .elementor .ss-inner-hero-photo::before { background-image: linear-gradient(90deg, rgba(255,255,255,.99), rgba(255,255,255,.91) 48%, rgba(255,255,255,.74)) !important; } /* Deployment chooser */ .elementor .ss-deploy-tabs .e-n-tab-title { flex-basis: 0; } .elementor .ss-deploy-tabs .e-n-tab-title-text { display: block; } .elementor .ss-deploy-tabs .ss-dep-num { display: block; margin-bottom: 10px; } .elementor .ss-deploy-tabs .ss-dep-desc, .elementor .ss-deploy-tabs .ss-dep-arrow { display: none; } .elementor .ss-deploy-tabs .e-n-tab-title:last-child { border-bottom-width: 1px; border-right-width: 0; } .elementor .ss-deploy-tabs .e-n-tab-title[aria-selected=true] { box-shadow: inset 0 -3px #F36E21 !important; } } /* Website Footer */ .site-footer p{ margin-bottom:0.3em; font-family:"Public Sans", Sans-serif; } .site-footer ul li a{ font-family:"Public Sans", Sans-serif; color: #08283e; } .site-footer ul li{ margin-bottom:0.3em; } .site-footer h2{ color:#5c7489; font-family:"Public Sans", Sans-serif; font-weight:600; text-transform:uppercase; font-size:12px; } /* insights page css*/