.elementor-7580 .elementor-element.elementor-element-2df4116{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-2df4116:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-2df4116 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-7580 .elementor-element.elementor-element-c5cefb7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-7580 .elementor-element.elementor-element-c5cefb7:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-c5cefb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-7580 .elementor-element.elementor-element-65ebdf5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--z-index:2;}.elementor-7580 .elementor-element.elementor-element-65ebdf5:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-65ebdf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F461;}.elementor-7580 .elementor-element.elementor-element-760446d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 5px;--row-gap:0px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7580 .elementor-element.elementor-element-eab489e{text-align:center;}.elementor-7580 .elementor-element.elementor-element-eab489e .elementor-heading-title{font-family:"Segoe", Sans-serif;font-size:80px;font-weight:600;color:#252525;}.elementor-7580 .elementor-element.elementor-element-9bcbe6a{text-align:center;}.elementor-7580 .elementor-element.elementor-element-9bcbe6a .elementor-heading-title{font-family:"Segoe", Sans-serif;font-size:80px;font-weight:100;color:#252525;}.elementor-7580 .elementor-element.elementor-element-9415011{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-9415011.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7580 .elementor-element.elementor-element-b31420f.elementor-element{--align-self:center;}.elementor-7580 .elementor-element.elementor-element-b31420f .elementor-heading-title{font-family:"Segoe", Sans-serif;font-size:33px;font-weight:300;color:#86868B;}.elementor-7580 .elementor-element.elementor-element-702982f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-f1095b5 .mousey{border-color:#5C01C6;height:40px;width:25px;border-width:2px;border-radius:50px;}.elementor-7580 .elementor-element.elementor-element-f1095b5 .scroller{width:3px;height:10px;margin-top:0px;background-color:#5C01C6;}.elementor-7580 .elementor-element.elementor-element-00617c5{width:100%;max-width:100%;z-index:0;}.elementor-7580 .elementor-element.elementor-element-00617c5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-9d8f559{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-9d8f559:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-9d8f559 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-7580 .elementor-element.elementor-element-9d8f559.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7580 .elementor-element.elementor-element-b161ccb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-1843691{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-9cf8daa{--display:flex;--min-height:510px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7580 .elementor-element.elementor-element-fec141a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-fec141a{font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7580 .elementor-element.elementor-element-0f1b520 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-0f1b520 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#2A2A2A;}.elementor-7580 .elementor-element.elementor-element-1aac757.elementor-element{--align-self:center;}.elementor-7580 .elementor-element.elementor-element-1aac757{font-family:"Segoe", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7580 .elementor-element.elementor-element-110e324 .elementor-button{background-color:#5C01C6;font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}.elementor-7580 .elementor-element.elementor-element-110e324 .elementor-button:hover, .elementor-7580 .elementor-element.elementor-element-110e324 .elementor-button:focus{background-color:#5C01C6;box-shadow:0px 0px 10px 0px rgba(92.0000000000002, 1.0000000000000067, 198.00000000000003, 0.5019607843137255);}.elementor-7580 .elementor-element.elementor-element-110e324 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-bab319a{--display:flex;--min-height:510px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7580 .elementor-element.elementor-element-86e9152 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-86e9152 img{width:100%;max-width:100%;height:100%;object-fit:contain;object-position:center center;}.elementor-7580 .elementor-element.elementor-element-8abc66c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-1e31e17{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-f3fcb4e{--display:flex;--min-height:510px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-2c90565 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-2c90565{font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7580 .elementor-element.elementor-element-d9ecd0b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-d9ecd0b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#2A2A2A;}.elementor-7580 .elementor-element.elementor-element-c8a6dfa.elementor-element{--align-self:center;}.elementor-7580 .elementor-element.elementor-element-c8a6dfa{font-family:"Segoe", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-7580 .elementor-element.elementor-element-849b58d .elementor-button{background-color:#5C01C6;font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}.elementor-7580 .elementor-element.elementor-element-849b58d .elementor-button:hover, .elementor-7580 .elementor-element.elementor-element-849b58d .elementor-button:focus{background-color:#5C01C6;box-shadow:0px 0px 10px 0px rgba(92.0000000000002, 1.0000000000000067, 198.00000000000003, 0.5019607843137255);}.elementor-7580 .elementor-element.elementor-element-849b58d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-dd1675a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-69a2dcd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-69a2dcd img{width:100%;max-width:100%;height:510px;}.elementor-7580 .elementor-element.elementor-element-38d3da9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-dec5bf1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-137917e{--display:flex;--min-height:510px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-beaae70 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-beaae70{font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7580 .elementor-element.elementor-element-3447793 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-3447793 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#2A2A2A;}.elementor-7580 .elementor-element.elementor-element-ebc966a.elementor-element{--align-self:center;}.elementor-7580 .elementor-element.elementor-element-ebc966a{font-family:"Segoe", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-7580 .elementor-element.elementor-element-115c123 .elementor-button{background-color:#5C01C6;font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}.elementor-7580 .elementor-element.elementor-element-115c123 .elementor-button:hover, .elementor-7580 .elementor-element.elementor-element-115c123 .elementor-button:focus{background-color:#5C01C6;box-shadow:0px 0px 10px 0px rgba(92.0000000000002, 1.0000000000000067, 198.00000000000003, 0.5019607843137255);}.elementor-7580 .elementor-element.elementor-element-115c123 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-7b468e7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-7b468e7:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-7b468e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jrocca.com/wp-content/uploads/2025/01/dashbaordThumnail.png");background-position:top center;background-size:cover;}.elementor-7580 .elementor-element.elementor-element-4ef85e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-0e00c09{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-daa7a09{--display:flex;--min-height:510px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-1189201 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-1189201{font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7580 .elementor-element.elementor-element-0ab56d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-0ab56d2 .elementor-heading-title{color:#2A2A2A;}.elementor-7580 .elementor-element.elementor-element-11e74a4.elementor-element{--align-self:center;}.elementor-7580 .elementor-element.elementor-element-11e74a4{font-family:"Segoe", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-7580 .elementor-element.elementor-element-f879684 .elementor-button{background-color:#5C01C6;font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}.elementor-7580 .elementor-element.elementor-element-f879684 .elementor-button:hover, .elementor-7580 .elementor-element.elementor-element-f879684 .elementor-button:focus{background-color:#5C01C6;box-shadow:0px 0px 10px 0px rgba(92.0000000000002, 1.0000000000000067, 198.00000000000003, 0.5019607843137255);}.elementor-7580 .elementor-element.elementor-element-f879684 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-a13408b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-a13408b:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-a13408b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jrocca.com/wp-content/uploads/2024/03/thumnail.png");background-position:center right;background-size:cover;}.elementor-7580 .elementor-element.elementor-element-e8846ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-4502b2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-7b5f7d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-afe3283 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-afe3283{font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7580 .elementor-element.elementor-element-d7bc918 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-d7bc918 .elementor-heading-title{color:#2A2A2A;}.elementor-7580 .elementor-element.elementor-element-de7dafc.elementor-element{--align-self:center;}.elementor-7580 .elementor-element.elementor-element-de7dafc{font-family:"Segoe", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-7580 .elementor-element.elementor-element-655f4d5 .elementor-button{background-color:#5C01C6;font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}.elementor-7580 .elementor-element.elementor-element-655f4d5 .elementor-button:hover, .elementor-7580 .elementor-element.elementor-element-655f4d5 .elementor-button:focus{background-color:#5C01C6;box-shadow:0px 0px 10px 0px rgba(92.0000000000002, 1.0000000000000067, 198.00000000000003, 0.5019607843137255);}.elementor-7580 .elementor-element.elementor-element-655f4d5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-fe19cd7{--display:flex;--min-height:510px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-fe19cd7:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-fe19cd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jrocca.com/wp-content/uploads/2024/06/P4JQXL2.png");background-position:center center;background-size:cover;}.elementor-7580 .elementor-element.elementor-element-5dae258{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-5dae258:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-5dae258 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7580 .elementor-element.elementor-element-84cebab{--display:flex;}.elementor-7580 .elementor-element.elementor-element-9afe9ff{text-align:center;}.elementor-7580 .elementor-element.elementor-element-9afe9ff .elementor-heading-title{font-family:"Segoe", Sans-serif;font-size:58px;font-weight:600;color:#252525;}.elementor-7580 .elementor-element.elementor-element-5fd068d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-043b1cb .elementor-button{background-color:#FFFFFF;font-family:"Segoe", Sans-serif;font-size:20px;font-weight:400;text-decoration:none;fill:#86868B;color:#86868B;border-style:none;border-radius:21px 21px 21px 21px;padding:15px 15px 15px 15px;}.elementor-7580 .elementor-element.elementor-element-043b1cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-043b1cb .elementor-button:hover, .elementor-7580 .elementor-element.elementor-element-043b1cb .elementor-button:focus{color:#5C01C6;}.elementor-7580 .elementor-element.elementor-element-043b1cb .elementor-button:hover svg, .elementor-7580 .elementor-element.elementor-element-043b1cb .elementor-button:focus svg{fill:#5C01C6;}.elementor-7580 .elementor-element.elementor-element-3a33a12{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-ddd668e.elementor-element{--align-self:center;}.elementor-7580 .elementor-element.elementor-element-ddd668e{font-family:"Segoe", Sans-serif;font-size:20px;font-weight:400;color:#86868B;}.elementor-7580 .elementor-element.elementor-element-d707108{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-ce24759 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-4cd5ea3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-091cd13{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-9aabcb3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-9aabcb3{text-align:center;}.elementor-7580 .elementor-element.elementor-element-9aabcb3 .elementor-heading-title{font-family:"Segoe", Sans-serif;font-size:15px;font-weight:600;line-height:1px;letter-spacing:-0.2px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#252525;}.elementor-7580 .elementor-element.elementor-element-3c454d4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-0a5f83b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-0a5f83b{text-align:center;}.elementor-7580 .elementor-element.elementor-element-0a5f83b .elementor-heading-title{font-family:"Segoe", Sans-serif;font-size:14px;font-weight:600;line-height:1px;letter-spacing:-0.2px;color:#252525;}.elementor-7580 .elementor-element.elementor-element-2b3db20{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-fd4be8b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-fd4be8b{text-align:center;}.elementor-7580 .elementor-element.elementor-element-fd4be8b .elementor-heading-title{font-family:"Segoe", Sans-serif;font-size:15px;font-weight:600;line-height:1px;letter-spacing:-0.2px;color:#252525;}:root{--page-title-display:none;}body.elementor-page-7580{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:770px){.elementor-7580 .elementor-element.elementor-element-65ebdf5{--width:70%;}.elementor-7580 .elementor-element.elementor-element-9415011{--width:100%;}.elementor-7580 .elementor-element.elementor-element-9d8f559{--width:100%;}.elementor-7580 .elementor-element.elementor-element-b161ccb{--content-width:100%;}.elementor-7580 .elementor-element.elementor-element-1843691{--width:75%;}.elementor-7580 .elementor-element.elementor-element-bab319a{--width:100%;}.elementor-7580 .elementor-element.elementor-element-8abc66c{--content-width:100%;}.elementor-7580 .elementor-element.elementor-element-1e31e17{--width:75%;}.elementor-7580 .elementor-element.elementor-element-dd1675a{--width:100%;}.elementor-7580 .elementor-element.elementor-element-38d3da9{--content-width:100%;}.elementor-7580 .elementor-element.elementor-element-dec5bf1{--width:75%;}.elementor-7580 .elementor-element.elementor-element-7b468e7{--width:100%;}.elementor-7580 .elementor-element.elementor-element-4ef85e1{--content-width:100%;}.elementor-7580 .elementor-element.elementor-element-0e00c09{--width:75%;}.elementor-7580 .elementor-element.elementor-element-e8846ec{--content-width:100%;}.elementor-7580 .elementor-element.elementor-element-4502b2f{--width:75%;}}@media(max-width:1024px){.elementor-7580 .elementor-element.elementor-element-2df4116{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-c5cefb7{--padding-top:120px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-eab489e .elementor-heading-title{font-size:45px;}.elementor-7580 .elementor-element.elementor-element-9bcbe6a .elementor-heading-title{font-size:45px;}.elementor-7580 .elementor-element.elementor-element-b31420f{text-align:center;}.elementor-7580 .elementor-element.elementor-element-b31420f .elementor-heading-title{font-size:32px;}.elementor-7580 .elementor-element.elementor-element-702982f{--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-1aac757{font-size:18px;}.elementor-7580 .elementor-element.elementor-element-c8a6dfa{font-size:18px;}.elementor-7580 .elementor-element.elementor-element-ebc966a{font-size:18px;}.elementor-7580 .elementor-element.elementor-element-11e74a4{font-size:18px;}.elementor-7580 .elementor-element.elementor-element-de7dafc{font-size:18px;}.elementor-7580 .elementor-element.elementor-element-9afe9ff .elementor-heading-title{font-size:25px;}.elementor-7580 .elementor-element.elementor-element-ddd668e{font-size:18px;}.elementor-7580 .elementor-element.elementor-element-9aabcb3 .elementor-heading-title{font-size:45px;}.elementor-7580 .elementor-element.elementor-element-0a5f83b .elementor-heading-title{font-size:45px;}.elementor-7580 .elementor-element.elementor-element-fd4be8b .elementor-heading-title{font-size:45px;}}@media(max-width:769px){.elementor-7580 .elementor-element.elementor-element-2df4116{--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-c5cefb7{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7580 .elementor-element.elementor-element-65ebdf5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-65ebdf5.e-con{--align-self:center;}.elementor-7580 .elementor-element.elementor-element-eab489e{text-align:center;}.elementor-7580 .elementor-element.elementor-element-eab489e .elementor-heading-title{font-size:35px;}.elementor-7580 .elementor-element.elementor-element-9bcbe6a{text-align:center;}.elementor-7580 .elementor-element.elementor-element-9bcbe6a .elementor-heading-title{font-size:35px;}.elementor-7580 .elementor-element.elementor-element-9415011{--width:100%;--min-height:2vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-b31420f{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:center;}.elementor-7580 .elementor-element.elementor-element-b31420f .elementor-heading-title{font-size:20px;}.elementor-7580 .elementor-element.elementor-element-702982f{--width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-1843691{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-9cf8daa{--gap:8px 0px;--row-gap:8px;--column-gap:0px;}.elementor-7580 .elementor-element.elementor-element-fec141a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-7580 .elementor-element.elementor-element-fec141a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-1aac757{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-size:16px;}.elementor-7580 .elementor-element.elementor-element-1e31e17{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-f3fcb4e{--gap:8px 0px;--row-gap:8px;--column-gap:0px;}.elementor-7580 .elementor-element.elementor-element-2c90565{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:start;}.elementor-7580 .elementor-element.elementor-element-2c90565 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-c8a6dfa{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-size:16px;}.elementor-7580 .elementor-element.elementor-element-dec5bf1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-137917e{--gap:8px 0px;--row-gap:8px;--column-gap:0px;}.elementor-7580 .elementor-element.elementor-element-beaae70{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-7580 .elementor-element.elementor-element-beaae70 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-ebc966a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-size:16px;}.elementor-7580 .elementor-element.elementor-element-0e00c09{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-1189201{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-7580 .elementor-element.elementor-element-1189201 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-11e74a4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-size:16px;}.elementor-7580 .elementor-element.elementor-element-a13408b:not(.elementor-motion-effects-element-type-background), .elementor-7580 .elementor-element.elementor-element-a13408b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:contain;}.elementor-7580 .elementor-element.elementor-element-4502b2f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7580 .elementor-element.elementor-element-afe3283{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-7580 .elementor-element.elementor-element-afe3283 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7580 .elementor-element.elementor-element-de7dafc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-size:16px;}.elementor-7580 .elementor-element.elementor-element-9afe9ff{text-align:center;}.elementor-7580 .elementor-element.elementor-element-9afe9ff .elementor-heading-title{font-size:20px;}.elementor-7580 .elementor-element.elementor-element-ddd668e{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:center;font-size:16px;}.elementor-7580 .elementor-element.elementor-element-9aabcb3{text-align:center;}.elementor-7580 .elementor-element.elementor-element-9aabcb3 .elementor-heading-title{font-size:35px;}.elementor-7580 .elementor-element.elementor-element-0a5f83b{text-align:center;}.elementor-7580 .elementor-element.elementor-element-0a5f83b .elementor-heading-title{font-size:35px;}.elementor-7580 .elementor-element.elementor-element-fd4be8b{text-align:center;}.elementor-7580 .elementor-element.elementor-element-fd4be8b .elementor-heading-title{font-size:35px;}}/* Start custom CSS *//* Outer wrapper */ .projects-wrapper { width: 100%; position: relative; z-index: 2; padding-bottom: 10vh; background-color: #f5f5f7; } /* Each pinned slide – DESKTOP/TABLET BASE */ .projects-wrapper .pinned { width: 100%; display: flex; align-items: center; justify-content: center; position: sticky; /* key for slider effect */ top: 0; perspective: 1000px; } /* Card layout – DESKTOP BASE */ .projects-wrapper .card { width: 75%; /* your custom desktop width */ background: #ffffff; border-radius: 32px; overflow: hidden; position: relative; box-shadow: 0 30px 60px rgba(0,0,0,0.12); border: 1px solid rgba(0,0,0,0.02); display: grid; grid-template-columns: 1fr 1fr; } /* Left column content */ .projects-wrapper .card-content { padding: 60px; display: flex; flex-direction: column; justify-content: center; } /* Small label */ .projects-wrapper .card-label { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; margin-bottom: 12px; color: #86868b; } /* Title */ .projects-wrapper .card-title { font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 700; margin-bottom: 20px; line-height: 1.05; letter-spacing: -0.02em; color: #1d1d1f; } /* Description */ .projects-wrapper .card-desc { font-size: 1.15rem; color: #1d1d1f; line-height: 1.5; margin-bottom: 40px; max-width: 420px; font-weight: 400; } /* Button: widget wrapper has class card-btn; actual button inside */ .projects-wrapper .card-btn .elementor-button, .projects-wrapper .card-btn.elementor-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 28px; background-color: #0071e3; color: #ffffff; border-radius: 980px; font-size: 1rem; font-weight: 500; transition: all 0.3s ease; width: auto; border: none; } .projects-wrapper .card-btn .elementor-button:hover, .projects-wrapper .card-btn.elementor-button:hover { background-color: #005bb5; transform: scale(1.02); } /* Right column / image container */ .projects-wrapper .card-image-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; background: #f0f0f0; } /* Image fill */ .projects-wrapper .card-image img, .projects-wrapper .card-image { width: 100%; height: 100%; object-fit: cover; } /* TABLET + MOBILE */ /* Use 1024px if you want to match Elementor's tablet breakpoint. If you prefer the original 900px cutoff, change 1024px back to 900px. */ @media (max-width: 1024px) { /* Keep pinned sticky, just rely on the same height behavior as desktop. (No change to position here so the slider still works.) */ /* Card behaves like original mobile: 1 column, ~80vh, 92% width */ .projects-wrapper .card { grid-template-columns: 1fr; grid-template-rows: 40% 60%; height: 80vh; /* similar to original .card { height: 80vh; } */ width: 92%; } .projects-wrapper .card-content { padding: 30px; /* tighter padding, like the original mobile */ order: 2; justify-content: flex-start; } .projects-wrapper .card-image-wrapper { order: 1; min-height: 260px; } .projects-wrapper .card-title { font-size: 2rem; } } /* ===== 3D ROTATING GLOBE ===== */ .hero-globe { width: 120px; height: 120px; perspective: 900px; } .globe-sphere { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; animation: globe-rotate 12s linear infinite; } .globe-ring { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid rgba(0, 113, 227, 0.55); box-shadow: 0 0 12px rgba(0, 113, 227, 0.15); } /* Longitude rings */ .globe-ring:nth-child(1) { transform: rotateY(0deg); } .globe-ring:nth-child(2) { transform: rotateY(60deg); } .globe-ring:nth-child(3) { transform: rotateY(120deg); } /* Equator */ .globe-ring--equator { transform: rotateX(90deg); border-color: rgba(94, 92, 230, 0.55); } /* Rotation animation */ @keyframes globe-rotate { 0% { transform: rotateX(0deg) rotateY(0deg); } 100% { transform: rotateX(360deg) rotateY(360deg); } } /* ========================================= FLOATING LIQUID NAVBAR — ELEMENTOR Structure: .navbar .nav-logo (Image widget) .navLinks a.navItem > .navText (Heading widget) Active state: add class "is-active" to a.navItem ========================================= */ /* NAVBAR BASE */ .navbar{ position: fixed !important; top: 16px !important; /* 24px base + 50px */ left: 50% !important; transform: translateX(-50%) !important; z-index: 9999 !important; width: fit-content !important; max-width: calc(100vw - 48px) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 6px 8px 6px 16px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.55) !important; backdrop-filter: blur(25px) saturate(180%) contrast(110%) !important; -webkit-backdrop-filter: blur(25px) saturate(180%) contrast(110%) !important; border: 1px solid rgba(255,255,255,0.4) !important; box-shadow: 0 15px 35px -5px rgba(0,0,0,0.10), inset 0 0 0 1px rgba(255,255,255,0.60), inset 0 10px 20px -5px rgba(255,255,255,0.50) !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; } .navbar:hover{ background: rgba(255,255,255,0.70) !important; transform: translateX(-50%) translateY(-2px) scale(1.01) !important; box-shadow: 0 20px 40px -5px rgba(0,0,0,0.12), inset 0 0 0 1px rgba(255,255,255,0.80), inset 0 10px 20px -5px rgba(255,255,255,0.70) !important; } /* LOGO IMAGE */ .nav-logo, .nav-logo .elementor-widget-container{ display: flex !important; align-items: center !important; } .nav-logo img{ width: 36px !important; height: 36px !important; object-fit: contain !important; display: block !important; } /* LINKS WRAPPER */ .navLinks{ display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; flex: 0 0 auto !important; width: auto !important; } /* NAV ITEM — rendered as */ .navItem{ display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; padding: 8px 18px !important; border-radius: 999px !important; text-decoration: none !important; color: inherit !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* Kill underline in all anchor states */ .navItem, .navItem:link, .navItem:visited, .navItem:hover, .navItem:active{ text-decoration: none !important; color: inherit !important; } .navItem *{ text-decoration: none !important; } /* HEADING TEXT */ .navText .elementor-heading-title{ margin: 0 !important; padding: 0 !important; font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important; font-size: 17px !important; line-height: 1.1 !important; font-weight: 500 !important; color: #555 !important; white-space: nowrap !important; text-align: center !important; transition: inherit !important; } /* HOVER — inactive turns purple */ .navItem:not(.is-active):hover{ background: rgba(255,255,255,0.4) !important; } .navItem:not(.is-active):hover .navText .elementor-heading-title{ color: #5C01C6 !important; } /* ACTIVE STATE */ .navItem.is-active{ background: #ffffff !important; box-shadow: 0 6px 18px rgba(92, 1, 198, 0.25), 0 2px 6px rgba(92, 1, 198, 0.15) !important; transform: scale(1.02) !important; } .navItem.is-active .navText .elementor-heading-title{ color: #5C01C6 !important; font-weight: 700 !important; } /* ACCESSIBLE FOCUS (keyboard) */ .navItem:focus-visible{ outline: none !important; box-shadow: 0 0 0 2px rgba(92, 1, 198, 0.35), 0 6px 18px rgba(92, 1, 198, 0.25) !important; } /* MOBILE */ @media (max-width: 900px){ .navbar{ width: fit-content !important; max-width: calc(100vw - 24px) !important; padding: 8px 10px !important; } .navItem{ padding: 6px 10px !important; } .navText .elementor-heading-title{ font-size: 15px !important; } .nav-logo img{ flex: 0 0 auto !important; display: block !important; max-width: none !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Segoe'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://jrocca.com/wp-content/uploads/2024/06/Segoe-UI.ttf') format('truetype'); } @font-face { font-family: 'Segoe'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://jrocca.com/wp-content/uploads/2024/06/Segoe-UI-Italic.ttf') format('truetype'); } @font-face { font-family: 'Segoe'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://jrocca.com/wp-content/uploads/2024/06/Segoe-UI-Bold.ttf') format('truetype'); } @font-face { font-family: 'Segoe'; font-style: italic; font-weight: bold; font-display: auto; src: url('https://jrocca.com/wp-content/uploads/2024/06/Segoe-UI-Bold-Italic.ttf') format('truetype'); } /* End Custom Fonts CSS */