{"_id":"6697e88756decb8ad191c709","url":"national-university-grad-cap-giveaway","owner-domain":"storystream","analytics":{"enabled":true,"measurement_id":"G-P0KDE9SEW6"},"blocks":[{"type":"banner","enabled":false,"images":{"mobile":"","desktop":""},"url":""},{"type":"social","enabled":false,"theme":"default","networks":[]},{"type":"links","enabled":true,"links":[],"style":{"link-style":"outline","border-radius":"square","button-color":"#ffffff","font-color":"#000000"},"title":"","description":""},{"type":"embed","enabled":true,"title":"","description":"","html":"<div class=\"stry-boxed\">\r\n <a href=\"https://www.nu.edu/\">\r\n <img class=\"stry-logo\" src=\"https://d7c4jjeuqag9w.cloudfront.net/custom_images/national-university/national-university-logo.png\" alt=\"logo\">\r\n </a>\r\n\r\n<p class=\"stry-title\">NU Grad Cap Giveaway 2026</p>\r\n\r\n\r\n <div class=\"stry-subtitle-v2\">\r\n <p>Congrats grads, you did it! Commencement is here, and so is this year's Grad Cap Contest!</p>\r\n <p>Whether you're a master artist, a pun aficionado, or a wizard of DIY crafts, this is your chance to make a statement and let your grad caps shine while celebrating your achievements.</p>\r\n <p>We'll select 15 winners who will receive a $50 gift card to our NU store!</p>\r\n <br>\r\n <p class=\"stry-deadline\">\r\n The deadline is Friday, May 22nd. \r\n <a href=\"https://linkstre.am/nationaluniversitygradcapgiveawayrules2026\" class=\"stry-link-bold\" target=\"_blank\" rel=\"noreferrer\"><b>Read terms and conditions here.</b></a>\r\n </p>\r\n </div>\r\n </br>\r\n<h2 class=\"stry-upload-header\">Upload your grad cap photo and share the story behind the cap below:</p>\r\n\r\n <a id=\"direct-upload-new\" data-stry-action=\"directUploadOpen\" data-stry-track=\"Direct Upload, click, Open\">Upload a photo</a>\r\n\r\n <p class=\"stry-small-copy\">Files: jpg, png, gif. Max size 25MB</p>\r\n</div>\r\n"}],"style":{"font-family":"sans-serif","font-color":"#000000","background-color":"#ffffff"},"css":"/*-----------------------------*/\n\n/*CUSTOM FONTS*/\n\n@import url('https://fonts.googleapis.com/css2?family=Besley:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');\n\n/*END CUSTOM FONTS*/\n\n/*-----------------------------*/\n\n/*PAGE BORDER*/\n\n#stry-wrapper {\n background-color: #ffffff;\n border-radius: 10px;\n max-width: 1100px;\n margin:auto;\n}\n\n/*END PAGE BORDER*/\n\n/*HEADER LOGO*/\n\n.stry-logo{\n margin:55px auto!important; \n max-width:400px!important;\n text-align:center!important;\n}\n\n.stry-boxed{\n text-align:center!important;\n}\n\np.stry-title{\n font-family: 'Besley', serif;\n font-size:32px;\n color: #003a92;\n font-weight:700;\n line-height: 1em;\n letter-spacing: 0.04em;\n margin-left:15%!important;\n margin-right:15%!important;\n margin-bottom:20px!important;\n margin-top: 20px!important;\n text-transform:uppercase!important;\n}\n\np.stry-subtitle, ul.stry-subtitle{\n font-family: 'Roboto', sans-serif;\n font-weight:400;\n color: #333333;\n line-height:30px;\n font-size:18px;\n margin-left:15%!important;\n margin-right:15%!important;\n margin-bottom:20px;\n}\n\n/*END HEADER LOGO*/\n\n/*-----------------------------*/\n\n/*DIRECT UPLOAD BUTTON*/\n\n#direct-upload-new,\n.stry-uploadcare-error .stry-button {\n font-family: 'Roboto', sans-serif;\n font-size:16px!important;\n line-height:21px!important;\n font-weight:700!important;\n text-align: center!important;\n background-color:#138988!important;\n color:#fff!important;\n text-transform:capitalize!important;\n box-sizing: border-box;\n display: inline-block;\n border:1px solid transparent;\n border-radius:5px!important;\n width:200px!important;\n padding-top:15px!important;\n padding-bottom:15px!important;\n padding-left:12px!important;\n padding-right:12px!important;\n cursor: pointer;\n margin-top:20px!important;\n margin-bottom:20px!important;\n transition: color .3s ease-in-out, background-color .3s ease-in-out;\n}\n\n#direct-upload-new:hover,\n.stry-uploadcare-error .stry-button:hover {\n background-color:#0f6e6d!important;\n text-decoration:none!important;\n}\n\np.stry-small-copy{\n font-family: 'Roboto', serif;\n font-weight:400;\n color: #333333;\n font-size:14px!important;\n padding-bottom:20px;\n}\n\n/*END DIRECT UPLOAD BUTTON*/\n\n/*-----------------------------*/\n\n/*INNER CAROUSEL FONT STYLING*/\n\n.stry-carousel-layout .stry-popup .stry-hub-meta .stry-author {\n font-family: 'Roboto', serif!important;\n font-weight:700!important;\n color: #333333!important;\n font-size:18px!important;\n}\n\n.stry-carousel-layout .stry-popup .stry-hub-meta .stry-date{\n font-family: 'Roboto', serif!important;\n font-weight:400!important;\n font-size:14px!important;\n color: #333333!important;\n}\n\n.stry-large-copy{\n font-family: 'Roboto', serif!important;\n font-weight:400!important;\n font-size:14px!important;\n color: #333333!important;\n}\n\n.stry-carousel-layout .stry-popup .stry-text .stry-title{\n font-family: 'Roboto', serif!important;\n font-weight:400!important;\n font-size:14px!important;\n color: #333333!important;\n}\n\n/*END INNER CAROUSEL FONT STYLING*/\n\n/*-----------------------------*/\n\n/*OUTER SMARTGOAL BAR STYLING*/\n\n.stry-carousel-layout .stry-item .stry-item-hover.permanent-smartgoals .stry-media .stry-grid-smartgoal{\n font-family: 'Roboto', sans-serif;\n font-size:16px!important;\n line-height:21px!important;\n font-weight:700!important;\n background-color:#138988!important;\n color:#fff!important;\n}\n\n.stry-carousel-layout .stry-item .stry-media .stry-grid-smartgoal .stry-grid-smartgoal-inner {\n font-family: 'Roboto', sans-serif;\n}\n\n/*END OUTER SMARTGOAL BAR STYLING*/\n\n/*-----------------------------*/\n\n/*INNER SMARTGOAL BAR STYLING*/\n\n.stry-carousel-layout .stry-popup .stry-smartgoal-bar, .stry-carousel-layout .stry-popup.active-smartgoals .stry-smartgoal-bar{\n font-family: 'Roboto', sans-serif;\n font-size:16px!important;\n line-height:21px!important;\n font-weight:700!important;\n background-color:#138988!important;\n color:#fff!important;\n}\n\n.stry-carousel-layout .stry-popup.active-smartgoals .stry-smartgoal-bar .stry-smartgoal-bar-inner {\n font-family: 'Roboto', sans-serif;\n}\n\n.stry-carousel-layout .stry-smartgoal-bar .stry-smartgoal-bar-inner{\n color:#ffffff!important;\n}\n\n.stry-carousel-layout .stry-smartgoal-bar .stry-smartgoal-bar-inner::before{\n background-color:#138988!important;\n}\n\n.stry-carousel-layout .stry-smartgoal-bar .stry-smartgoal-bar-inner::after{\n color:#ffffff!important;\n}\n\n/*END INNER SMARTGOAL BAR STYLING*/\n\n/*-----------------------------*/\n\n/*DIRECT UPLOAD MODAL STYLING*/\n\n\n/*MODAL HEADER TEXT*/\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner .stry-direct-upload-progress-bar{\n background-color:#fff!important;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner .stry-direct-upload-progress-bar .stry-progress-text{\n font-family: 'Roboto', sans-serif!important;\n font-weight:600!important;\n font-size:16px!important;\n color: #333333!important;\n text-transform:uppercase!important;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner .stry-direct-upload-progress-bar .stry-direct-upload-close span:after{\n color:#fff!important;\n}\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner .stry-direct-upload-progress-bar button:before{\n color:#fff!important;\n}\n\n/*\"WE'D LOVE TO USE...\"*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body #stry-direct-upload-tab-1 h1{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:20px!important;\n color: #333333!important;\n line-height:24px!important;\n text-transform:uppercase!important;\n}\n\n/*\"WHERE ARE THE PHOTOS...\"*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body #stry-direct-upload-tab-1 p, .stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body #stry-direct-upload-tab-4 p{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:16px!important;\n color: #333333!important;\n line-height:21px!important;\n}\n\n/*MY DEVICE BUTTON*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body #stry-direct-upload-tab-1 ul.stry-direct-upload-icons-list li{\n box-sizing: border-box;\n background-color:#138988!important;\n border-radius:5px!important;\n border:1px solid transparent;\n display: inline-block;\n text-decoration: none;\n cursor: pointer;\n box-sizing: border-box;\n max-width:300px!important;\n min-height: 48px;\n transition: color .3s ease-in-out, background-color .3s ease-in-out;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body #stry-direct-upload-tab-1 ul.stry-direct-upload-icons-list li:hover{\n background-color:#0f6e6d!important;\n}\n\n/*MY DEVICE BUTTON TEXT*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body #stry-direct-upload-tab-1 ul.stry-direct-upload-icons-list li div{\n font-family: 'Roboto', sans-serif!important;\n font-size:16px!important;\n line-height:21px!important;\n font-weight:700!important;\n color:#fff!important;\n text-transform:capitalize!important;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body #stry-direct-upload-tab-1 ul.stry-direct-upload-icons-list li:hover div{\n text-decoration: none!important;\n}\n\n/*\"DRAG AND DROP...\"*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .uploadcare--text{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:16px!important;\n color: #333333!important;\n line-height:21px!important;\n}\n\n/*\"CHOOSE A LOCAL FILE\"*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .uploadcare--button_primary{\n font-family: 'Roboto', sans-serif!important;\n font-size:16px!important;\n line-height:21px!important;\n font-weight:700!important;\n color:#fff!important;\n text-transform:capitalize!important;\n box-sizing: border-box;\n background-color:#138988!important;\n border-radius:5px!important;\n border:1px solid transparent;\n transition: color .3s ease-in-out, background-color .3s ease-in-out;\n display: inline-block;\n text-decoration: none;\n padding: 9.6px 16px;\n cursor: pointer;\n box-sizing: border-box;\n max-width:300px!important;\n min-height: 48px;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .uploadcare--button_primary:hover{\n background-color:#0f6e6d!important;\n}\n\n/*YOUR DETAILS PAGE*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-form-wrapper #stry-direct-upload-form .stry-direct-upload-form-message{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:16px!important;\n color: #333333!important;\n line-height:21px!important;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-form-wrapper #stry-direct-upload-form input{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:16px!important;\n color: #333333!important;\n line-height:21px!important;\n}\n\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-form-wrapper #stry-direct-upload-form .stry-link{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:16px!important;\n color: #333333!important;\n line-height:21px!important;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-form-wrapper #stry-direct-upload-form .stry-check, .stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-form-wrapper #stry-direct-upload-form .stry-label{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:16px!important;\n color: #333333!important;\n line-height:21px!important;\n}\n\n/*NEXT BUTTONS*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner button.stry-button.stry-direct-upload-finish, .stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner button.stry-button.stry-direct-upload-next{\n font-family: 'Roboto', sans-serif!important;\n font-size:16px!important;\n line-height:21px!important;\n font-weight:700!important;\n color:#fff!important;\n text-transform:capitalize!important;\n box-sizing: border-box;\n background-color:#138988!important;\n border-radius:5px!important;\n border:1px solid transparent;\n transition: color .3s ease-in-out, background-color .3s ease-in-out;\n display: inline-block;\n text-decoration: none;\n padding: 9.6px 16px;\n cursor: pointer;\n max-width:300px!important;\n min-height: 48px;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner button.stry-button.stry-direct-upload-finish, .stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner button.stry-button.stry-direct-upload-next:hover{\n background-color:#0f6e6d!important;\n}\n\n/*CANCEL BUTTONS*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner button.stry-button.stry-direct-upload-cancel{\n font-family: 'Roboto', sans-serif!important;\n font-size:16px!important;\n line-height:21px!important;\n font-weight:700!important;\n color:#fff!important;\n text-transform:capitalize!important;\n box-sizing: border-box;\n background-color:#138988!important;\n border-radius:5px!important;\n border:1px solid transparent;\n transition: color .3s ease-in-out, background-color .3s ease-in-out;\n display: inline-block;\n text-decoration: none;\n padding: 9.6px 16px;\n cursor: pointer;\n box-sizing: border-box;\n max-width:300px!important;\n min-height: 48px;\n}\n\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-body-inner button.stry-button.stry-direct-upload-cancel:hover{\n background-color:#0f6e6d!important;\n}\n\n/*ERROR MESSAGE*/\n.stry-carousel-layout .stry-direct-upload-popup.stry-is-direct-upload-popup .stry-direct-upload-body .stry-direct-upload-form-wrapper #stry-direct-upload-form .stry-error{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:16px!important;\n color: red!important;\n line-height:21px!important;\n font-style: italic;\n}\n\n/*LOADING MESSAGE*/\nbody .stry-carousel-layout .stry-direct-upload-body *{\n font-family: 'Roboto', sans-serif!important;\n font-weight:400!important;\n font-size:16px!important;\n color: #333333!important;\n line-height:21px!important;\n}\n\n\n/*END DIRECT UPLOAD MODAL STYLING*/\n\n/*-----------------------------*/\n\n/*MOBILE STYLING*/\n\n@media only screen and (max-width: 480px) {\n \n/*HEADER LOGO*/\n\n.stry-logo{\n margin:45px auto!important; \n width:200px!important;\n text-align:center!important;\n}\n/*END HEADER LOGO*/\n\n}\n\n/*END MOBILE STYLING*/\n\n/*-----------------------------*/\n\n/*FIX - VIDEO COVERS TILE*/\n\n.stry-carousel-layout .stry-item .stry-media iframe, .stry-carousel-layout .stry-item .stry-media video{\n object-fit:cover!important;\n}\n\n/*FIX - COLOUR OF OUTER ARROWS*/\n\n.stry-carousel-layout.stry-earned-media-module .stry-hub-carousel-button{\n background-color:transparent!important;\n}\n\n.stry-carousel-layout.stry-earned-media-module .stry-hub-carousel-button#stry-hub-carousel-right .stry-line-arrow {\n border-right: 3px solid #313638!important;\n border-top: 3px solid #313638!important;\n}\n\n.stry-carousel-layout.stry-earned-media-module .stry-hub-carousel-button#stry-hub-carousel-left .stry-line-arrow {\n border-left: 3px solid #313638!important;\n border-top: 3px solid #313638!important;\n}\n\n/*FIX - POSITION OF OUTER ARROWS*/\n\n@media only screen and (min-width: 480px) {\n\t#stry-carousel-outer{\n\t\tmargin: auto;\n\t\twidth: 412px;\n}\n}\n\n@media only screen and (min-width: 768px) {\n\t#stry-carousel-outer {\n\t\tmargin: auto;\n\t\twidth: 712px;\n\t}\n}\n\n@media only screen and (min-width: 1100px) {\n\t#stry-carousel-outer {\n\t\tmargin: auto;\n\t\twidth: 1012px;\n\t}\n}\n\n/*FIX - ADD PADDING BELOW CONTENT TILES*/\n.stry-carousel-layout #stry-carousel-outer {\n margin-bottom: 50px!important;\n}\n\n/*-----------------------------*/\n\n"}