.n2-text-link:hover *, .n2-text-link:hover{ color: #CC3333 !important; } /*Custom Table Styles*/ .custom-table-row{ position:relative !important; margin:0px !important; top: auto !important; left:auto !important; width:100% !important; } /* Added overflow hidden to all account sections */ .n2-studio-editable{ overflow: visible !important; } html:not(.ios):not(.safari) .main-content-container .n2-studio-editable{ overflow: hidden !important; } .ios.safari .main-content-container .n2-studio-editable{ clip-path: inset(0px) !important; } *{ font-feature-settings: initial !important; } .bk-before::before{ background: inherit; background-size: contain !important; height: 100% !important; width: 100% !important; position:absolute; top:0 !important; left:0 !important; transform-origin: inherit; content: " "; transition: transform 6s; transform: scale(1); } .n2-overflow-hidden{ overflow-x: hidden !important; overflow-y: hidden !important; } .bk-play.bk-before::before{ transform: scale(1.1); } .mobile-frame::before{ width: 118% !important; height: 104.3% !important; position: absolute !important; top: -4.3% !important; left: -9% !important; z-index:1 !important; background-image: url(https://static.storied.co/EzwNX42Wj8PjJQ6k/projects/aKbq05nzpX5O3MQL/assets/images/a4f60a70fa28b25e0913efc5ea6ed131.n2optimized.png) !important; content:" " !important; background-size: 100% !important; background-repeat: no-repeat !important; pointer-events:none !important; transform: translate3d(0,0,1px); } /* @media only screen and (max-width: 800px) { [original-pdf-height].n2-studio-page:not(.n2-iphonePortrait) .v-scrollable{ width: 100vw; overflow-x: scroll !important; } [original-pdf-height].n2-studio-page:not(.n2-iphonePortrait) .n2-scaler{ transform: scale(1.25) !important; } } */ @media only screen and (max-width: 1024px) and (min-width: 801px) { .n2-tabletLandscape [n2-scaler] { max-width: 1024px !important; } } @media only screen and (max-width: 800px) { .n2-iphonePortrait:not(.n2-tabletPortrait-inheritance) [n2-scaler] { max-width: 480px !important; } } @media only screen and (max-width: 480px) { .n2-iphonePortrait.n2-tabletPortrait-inheritance [n2-scaler] { max-width: 480px !important; } } @media only screen and (max-width: 800px) and (min-width: 481px) { .n2-tabletPortrait [n2-scaler], .n2-tabletPortrait:not(.n2-tabletPortrait-inheritance) [n2-scaler] { max-width: 800px !important; } } .n2-grid-container > *{ margin: 1% !important; transition: transform 0.3s ease-in-out; } .n2-grid-container > *:hover{ transform: scale(1.02); z-index: 1 !important; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.4); } .n2-grid-container .more:after{ height: 3px !important; max-width: 0; transition: max-width 0.6s; margin: 0 auto; border-bottom: solid 3px; border-color: inherit !important; } .n2-grid-container > *:hover .more:after{ width: 100% !important; max-width: 150px !important; visibility: visible !important; } .n2-grid-container{ display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; justify-content:flex-start; } .n2-grid-container > * > *{ height: 50% !important; } @media screen and (max-width: 480px) { .n2-grid-container > * > * { height: 66% !important; } } .n2-grid-container > .single, .n2-grid-container > *{ width: 23% !important; } .n2-grid-container > .double{ width: 48% !important; display: flex !important; } .n2-grid-container > .double > *{ width: 50% !important; height: 100% !important; } .n2-grid-container > .triple{ width: 73% !important; display: flex !important; } .n2-grid-container > .triple > *:first-child{ width: 66.66666% !important; height: 100% !important; } .n2-grid-container > .triple > *:last-child{ width: 33.33333% !important; height: 100% !important; } .n2-grid-container > .full{ width: 98% !important; display: flex !important; } .n2-grid-container > .full > *:first-child{ width: 75% !important; height: 100% !important; } .n2-grid-container > .full > *:last-child{ width: 25% !important; height: 100% !important; } @media only screen and (max-width: 1024px) and (min-width: 801px){ .n2-grid-container > .single, .n2-grid-container > *{ width: 23% !important; } .n2-grid-container > .double{ width: 48% !important; } .n2-grid-container > .triple{ width: 73% !important; } .n2-grid-container > .full{ width: 98% !important; } } @media only screen and (max-width: 800px){ .n2-grid-container > *{ margin-left: 0% !important; margin-right: 0% !important; } .n2-grid-container > .single, .n2-grid-container > *{ width: 100% !important; } .n2-grid-container > .double{ width: 100% !important; display: table !important; } .n2-grid-container > .double > *,.n2-grid-container > .triple > *:first-child,.n2-grid-container > .triple > *:last-child,.n2-grid-container > .full > *:first-child,.n2-grid-container > .full > *:last-child{ width: 100% !important; height: 50% !important; } .n2-grid-container > .triple{ width: 100% !important; display: table !important; } .n2-grid-container > .full{ width: 100% !important; display: table !important; } }@media only screen and (max-width: 800px) and (min-width: 481px){ .n2-grid-container > *{ margin-left: 1% !important; margin-right: 1% !important; } .n2-grid-container > .single, .n2-grid-container > *{ width: 48% !important; } .n2-grid-container > .double{ width: 48% !important; } .n2-grid-container > .triple{ width: 48% !important; } .n2-grid-container > .full{ width: 48% !important; } } .n2-text-block ul { /*margin-left: 3rem !important;*/ padding-left: 0px !important; margin-bottom: 0px !important; }