/********************** FALL 2018 **********************/ /***BACKGROUND IMAGES***/ /**home page**/ .bg-mall, .bg-1 { background: url(/css/images/fall2018/university/bg-model2016.png) no-repeat center 0; } .bg-1 #top-logo { margin: 0; } #top-logo.logo-mall { height: 200px;} #search .field-wrapper {background: url(/css/images/fall2018/search2.png) no-repeat;} #footer ul.social-links li a {background: url(/css/images/fall2018/social-links.png) no-repeat; } #splash #search .field-wrapper {background: url(/css/images/fall2018/search2.png) no-repeat;} #right-box .boxes { background: url(/css/images/fall2018/overlay-2.png);} #right-box .boxes .go-btn {color: #fff; background: url(/css/images/fall2018/go-btn.png) no-repeat center center; } #right-box .boxes p {color: #fff;} #navigation ul li + li { background: url(/css/images/fall2018/nav-sep.png) no-repeat 0 center; } #right-box .forms-list { background: #FFF; } #top-logo.logo-1 { background: url(/css/images/fall2018/seewhatsin.png) bottom center no-repeat; height: 241px; background: url(/css/images/fall2018/seewhatsin.png) 85% 55% no-repeat; height: 194px;} #right-box .mall-list ul li {border-right: solid 1px #dd7243; border-bottom: solid 1px #dd7243; } /**interior page**/ #header ul.social-links li a {background: url(/css/images/fall2018/headerSocial-links.png) no-repeat; } #subnav {background: red url(/css/images/fall2018/separator.png) no-repeat center bottom;} #shop-logo {right: 7px; bottom: -12px;} #shop-logo span { display: block; height: 85px; background: url(/css/images/fall2018/shop-logo-footer.png) no-repeat; } #footer #tag-social {margin-left: -20px; height: 43px; width: 230px; background: url(/css/images/fall2018/tag-logo.png) no-repeat;} #footer #social ul.social-links li a { float:left; width: 24px; height: 24px; background: url(/css/images/fall2018/social-links.png) no-repeat; } /**main style**/ #content p.results-title-pg, #content p.results-title-ev, #content p.results-title-st {text-transform: uppercase; font-size: 19px; line-height: 27px; font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing: 1px; color: #acaf50;} #content p.results-title-pg {background: url(/css/images/fall2018/results-page.png) no-repeat 0 4px; padding-left: 22px;} #content p.results-title-ev {background: url(/css/images/fall2018/results-event.png) no-repeat 0 4px; padding-left: 22px;} #content p.results-title-st {background: url(/css/images/fall2018/results-store.png) no-repeat 0 4px; padding-left: 22px;} li.results-li {padding-left: 13px; list-style: none;} #content p.results-excerpt {padding-left: 22px;} #content p.results-dash {color: #44225E;} #content {background: url(/css/images/fall2018/content.png);} #col-left {padding: 0 15px 20px;} ul.popup-list li .popup .heading { background: #b14225;} ul.popup-list li .popup .close {background: url(/css/images/fall2018/close.png) no-repeat; } ul.popup-list li .popup .arrow {background: url(/css/images/fall2018/popup-arrow.png) no-repeat 0 0; } .popup .cnt img {width: auto !important; height: auto !important; max-width: 90%;} .video .yt-link {background: url(/css/images/fall2018/yt-link-ico.png) no-repeat 0 center; font-weight: 400;} .contact .heading h3.contact-title {background: none; font-size: 30px; font-weight: 400; line-height: normal; font-family: 'Oswald', sans-serif; color: #dd7243; padding: 12px 0; text-transform: uppercase;} /*fall*/ /*Contact title*/ .dl-btn {background: url(/css/images/fall2018/dl-btn.png) no-repeat 0 2px; color: #b14225;} .sl-btn {color: #b14225;} #calendar .popup .heading { background: #7e184f url(/css/images/fall2018/popup-heading.png) no-repeat 9px center;} #calendar .popup .close {background: url(/css/images/fall2018/close.png) no-repeat; } #calendar .event-detail .heading {background: #7e184f url(/css/images/fall2018/popup-heading.png) no-repeat 9px center;} #calendar .event-detail .close {background: url(/css/images/fall2018/close.png) no-repeat; } .map-wrapper a.zoom-link, .map-wrapper a.zoom-tablet-link {color: #b14225; background: url(/css/images/fall2018/zoom-ico.png) no-repeat 0 0; } .map-wrapper a.zoom-link:hover {color: #7e184f; } #map-links .col ul li .popup .heading { background: #b14225;} #map-links .col ul.coupon-available li:first-child { background: url(/css/images/fall2018/coupon-icon.png) 0 1px no-repeat; } #map-links .col ul li .popup .close {background: url(/css/images/fall2018/close.png) no-repeat; } #right-box .mall-list ul li a {color: #fff; background: #b14225;} #right-box .mall-list ul li a:hover { background: #ce3640; } #map-links .col ul.coupon-available li:first-child {background: url(/css/images/fall2018/coupon-icon.png) 0 1px no-repeat; font-family: Helvetica, Arial, sans-serif; padding-left: 14px; font-size: 10px; line-height: 13px; font-weight: bold; letter-spacing: normal; color: #fff; text-transform: none;} #sidebar .headline { background: none; border-bottom: solid 1px #cacd6b;} #sidebar .headline .when-to-shop-title {height: 48px; margin: 3px 0 -9px 16px;} #sidebar .headline .what-pinning-title {height: 49px; margin-bottom: -7px;} #sidebar .map .directions ul li .num {color: #ffffff;} #sidebar .map .directions ul li .popup {color: #44215d;} #sidebar .map .directions ul li .popup .map-it-link {color: #7e184f;} #sidebar .map .directions ul li .popup a.map-it-link:hover {color:#9a2c67;} #sidebar .pin-list .pin-link {color: #e3e6cf; margin: 0 auto;} /***BACKGROUND COLOR***/ /**main style**/ #content p { color: #9a704b; font-size: 13px; line-height: 20px;} #content h4 { color: #348898;} .forms-list {color: #9a704b;} .forms-list a {color: #dd7243;} .bg-1 { background: url(/css/images/fall2018/bg-model2016.png) no-repeat center 0; } .bg-2 { background: url(/css/images/fall2018/bg-model2016.png) no-repeat center 8px; } #content .headline, #content .headline h2 span {background: #7e184f;} .jquery-selectbox, .jquery-selectbox .jquery-selectbox-list {border: solid 2px #dd7243; background: #dd7243;} .jquery-selectbox .jquery-selectbox-item.listelementhover {background: #dd7243;} .jquery-selectbox .jquery-selectbox-item {color: #ffffff;} #dateForm .go-button {border: solid 2px #dd7243; background: #dd7243;} #dateForm .go-button:hover {background: #efcddb; } #datepicker .fc-border-separate {background: #5b7e9a;} #datepicker .fc-widget-content {border: solid 2px #842c12; color: #610637; background: #ffffff; !important; } #datepicker .fc-widget-content a {background: #f8f4e6;} #datepicker .fc-widget-content.highlight a { background: #9ADFBE; } #datepicker .fc-event-title { background: #fa9274;} #datepicker .fc-event-title, #datepicker .fc-event-title a { color: #ffffff;} #datepicker .fc-event-inner { background: #f8f4e6;} #datepicker .fc-other-month.fc-widget-content { background: #eaecb9; } /*** Structure ****/ body { color: #da613d; background: #da613d; } /*** Font Color ****/ #signup {border-bottom: solid 2px #ce4590;} #signup .field { color: #7e184f; padding: 2px 4px 0; } #signup .field-wrapper { background: #acaf50;} #signup label {color: #ffffff;} #signup .submit-button {color: #e47352;} #signup a.submit-button:hover {color:#d9552e;} #footer .three-cols .col-full .copy { color: #ffffff; } #footer .copy { color: #9a704b; } #footer .three-cols .col-full { border-top: solid 1px #cf5ba0; border-bottom: solid 1px #cf5ba0; } #footer .three-cols .col + .col { border-left: solid 1px #cf5ba0; } #footer .three-cols a.check-mall-link:hover {color: #ACAF50; } #footer .three-cols a.check-mall-link:hover strong {color: #ACAF50; } #footer .three-cols .check-mall-link strong {color: #acaf50; } #footer a { color: #c5c57c; } #footer a:hover { color: #e47352; } a { color: #e47352;} a:hover { color: #d9552e; } .dl-btn small, .sl-btn small { color: #9a704b;} .dl-btn:hover, .sl-btn:hover {color: #7e184f; } .dl-btn:hover small, .sl-btn:hover small {color: #9a704b; } #right-box .boxes .go-btn:hover { color: #fbc02c; } .video .yt-link { color: #E47352;} #teen-team-em {color:#9a704b;} #fc-header-highlight {color:#99B927;} #datepicker .fc-header-title h2 {color: #acaf50;} #map-links .col ul li a .num { color: #ae3978;} #map-links .col ul li:first-child { color: #9a704b;} #map-links .col ul li a.popup-link:hover, #map-links .col ul li.active a.popup-link {color: #0e9b8e; } #map-links .col ul li .popup p strong { color: #61beac; } #map-links .col ul li .popup p a { color: #acaf50; } #map-links .col ul li .popup { color: #9a704b; } #navigation ul li a { color: #fff; } #navigation ul li a.active, #navigation ul li a:hover { color: #bf2735; text-decoration:none; } #subnav ul li a { color: #e47352; } #subnav ul li a:hover, #subnav ul li a.active { text-decoration: none; color: #be441f; } #search {border-bottom: solid 1px #afd6ca;} #search .field {color: #9d1a61;} #search .submit-button {color: #fabf2e; font-family: 'Oswald', sans-serif; text-transform: lowercase; font-size: 18px; line-height: 25px; width: auto; text-transform: uppercase; font-weight: 400;} #search .submit-button:hover { color: #ce3640; } /** info pages styles **/ .post-info .large { color: #9a704b; font-weight: 400; font-size: 18px;} .post-info .large .highlight { color: #9a704b; text-transform: uppercase; font-size: 24px; line-height: 29px;} .post-type-2 {color: #9a704b; } .post-type-2 .large {color: #9a704b; font-weight: 400; font-size: 18px;} .post-type-2 .large .highlight {color: #9a704b; text-transform: uppercase; font-size: 24px; line-height: 29px;} #sidebar .map .directions h3 {font-weight: 400;} #sidebar .map .directions ul li .popup h3 {color: #44215d;} #sidebar .map .directions ul li .popup .map-it-link a {color: #4975a6;} #sidebar .map .directions ul li .popup .map-it-link:hover { color: #99b927; } #sidebar .pin-list .pin-link .highlight { color: #CF5BA0; } #sidebar .pin-list .pin-link:hover {color: #CF5BA0; } /** trends page **/ .post-trends {color: #9a704b;} .post-trends p {color: #9a704b;} .post-trends .large {color: #9a704b; font-weight: 400; font-size: 18px;} .post-trends .large .highlight {color: #9a704b; text-transform: uppercase; font-size: 24px; line-height: 29px;} .video .heading {background: none;} .video .heading h3 {color: #dd7243; font-size: 34px; font-weight: 400;} .video .heading h3 .highlight {color: #dd7243; font-size: 43px; text-transform: uppercase; line-height: 57px;} .video .heading ul.nav {color: #089789;} .video .heading ul.nav li a { color: #089789; } .video .heading ul.nav li a:hover { color: #089789;} .video .yt-link:hover {color: #be441f; } /**leasing info**/ .contact {color: #9a704b;} .contact .light { color: #dd7243;} /**employment info**/ ul.popup-list li a.popup-link:hover, ul.popup-list li.active a.popup-link {color: #154478; } ul.popup-list li .popup {color: #154478; } ul.popup-list li .popup p strong { color: #b14225; } ul.popup-list li .popup p a { color: #d9552e; } /* home navigation */ #splash #navigation ul li a.active, #splash #navigation ul li a:hover { color: #bf2735;} #splash #search {border-bottom: solid 1px #fad247;} /* Calendar Styles */ #calendar .prev-trigger, #calendar .next-trigger {color: #da85b7;} #calendar .prev-trigger:hover, #calendar .next-trigger:hover {color: #7e184f; } #calendar .bottom-text {color: #154478;} #calendar .bottom-text p a {color: #5fc0ad; } #calendar .popup h5 { color: #cf5ba0;} #calendar .popup p a { color: #d9552e; } #calendar .popup p a:hover { color: #f99a7e; } /** stores page **/ .map-wrapper a.zoom-link {color: #cf5ba0; } .map-wrapper a.zoom-link:hover {color: #ce3640; } #shop-logo { position: absolute; right: 0; bottom: -9px; width: 281px; height: 85px; } /************ INSPIRED TO HELP STYLES *****************/ .inspired h3.inspired-heading {font-size: 40px; line-height: 52px; color: #649cc5; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0;} .inspired.alabama h3.inspired-heading {color: #777878;} .inspired .inspired-highlight {font-size: 57px; line-height: 74px; color: #192856; text-transform: lowercase; vertical-align: text-bottom;} .inspired.alabama .inspired-highlight {color: #aeaeae;} .inspired .inspired-copy-highlight {color: #e51d2b;} .inspired .head {background: url(https://university-mall.com/images/hot_springs_uploads/tornado-relief.png) no-repeat 0% 50%; padding-left: 71px; height: 83px; display: inline-block;} .inspired.alabama .head {background: url(https://university-mall.com/images/eastdale_uploads/alabama-ribbon.png) no-repeat 0% 50%; height: 100px; padding-left: 76px;} .inspired .large {color: #e51d2b; font-size: 17px; line-height: 1.6em; font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing: 1px;} div.red-cross, div.salv-army {padding: 40px 0 30px 160px;} div.red-cross p, div.salv-army p {width: 91%; float: left;} .inspired a {color: #e51d2b;} .inspired .go-btn {float: right; color: #fff; background: url(/css/images/gobtn.png) no-repeat center center; width: 22px; height: 22px; text-align: center; font-size: 11px; line-height: 19px; text-transform: uppercase; font-family: 'Trebuchet MS', Arial, sans-serif; padding-top: 5px;} div.red-cross {background: url(https://university-mall.com/images/hot_springs_uploads/red-cross.png) no-repeat 0% 55%; min-height: 47px;} div.salv-army {background: url(https://university-mall.com/images/hot_springs_uploads/salv-army.png) no-repeat 0% 40%; min-height: 56px;} .inspired .rule {height: 5px; background: url(/css/images/insp-rule.png) no-repeat center center; display: inline-block; width: 100%;} .inspired a.go-btn:hover {color: #fbc02c; text-decoration: none;} #signup {border-bottom: solid 2px #ce4590;} #signup .field-wrapper { background: #acaf50;} #signup label {color: #ffffff;} #signup .submit-button {color: #e47352;} /* ====== $UPDATE ====== */ body { background: #fabf2e; } #logo-mall { margin: 0 0 10px 80px; } #splash #navigation { margin-left: 80px; } #top-logo.logo-mall { background: url(/css/images/fall2018/seewhatsin.png) center 85% no-repeat; margin: 0px 0 10px;} #right-box .boxes { padding: 0 25px 0 12px; width: 463px; background-repeat: no-repeat; } #right-box .boxes .box-top, #right-box .boxes .box-bottom { background: url(/css/images/fall2018/contentDashedLines.png) center center no-repeat; height: 18px; margin-top: 12px; } #right-box .boxes .box-cnt { background: none !important; padding: 20px 17px 0 19px; } #right-box .boxes p { color: #9a704b;} #right-box .boxes .go-btn { width: 27px; height: 28px; font-size: 11px; line-height: 27px; } #right-box .boxes .box-cnt .title { height: 46px; font-size: 21px; line-height: 23px; font-family: 'Oswald', sans-serif; text-align: center; padding: 0 24px 3px 12px; text-transform: uppercase;} #right-box .boxes .box-cnt .title span {font-size: 28px;} #right-box .boxes .image-placeholder { padding-left: 13px !important; } #right-box .boxes .bottom { color: #9a704b; } #right-box .boxes .bottom strong {font-weight: 400; color: #fff;} .abrilFatFace { font-family: 'Oswald', sans-serif;} .hours {text-transform: uppercase; font-size: 18px; padding-right: 12px;} #right-box .boxes .bottom { font-weight: 400; padding-top: 10px; } #right-box .boxes .box-cnt .info { width: 250px; padding-top: 5px; } #footer { background: #fabf2e; } #footer, #footer .three-cols .col-1, #footer .three-cols .col-2, #footer .three-cols .col-3, #footer .three-cols .check-mall-link, #footer .three-cols .col-full .copy { color: #9a704b; } #footer .three-cols .check-mall-link {font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 20px; font-weight: 400;} #footer .three-cols .check-mall-link strong { color: #ce3640; font-weight: 400; font-size: 17px;} #footer .three-cols .col + .col, #footer .three-cols .col + .col, #footer .three-cols .col-full { border-color: #bbbd44; } #signup { border: none; } #signup label { color: #ce3640; text-transform: uppercase; font-weight: 400; line-height: 27px; } #signup .field-wrapper { color: #d7de5d; background: transparent; } #footer .three-cols .col-full #signup { padding: 0; border-bottom: none; } #signup .field { padding: 6px 4px; background: #fad57a; color: #dd7243; } #signup .submit-button { font-size: 16px; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #9a704b; font-weight: 400; margin-left: .25em;} .shop-link { display: none; } #footer .col-full { overflow: hidden; } #footer a { color: #ce3640; } #footer .copy a:first-child { font-size: 16px; font-family: 'Oswald', sans-serif; text-transform: uppercase;} #footer .copy a:first-child span {font-size: 20px;} #logo-mall {padding-top: 0; margin: 0 auto 10px auto;} #footer.universityFooter .three-cols .col-full, #footer.western_hillsLogoBox .three-cols .col-full { padding-right: 6px; } #logo-mall.selmaLogoBox, #logo-mall.western_hillsLogoBox { width: 274px; height: 138px; } #logo-mall.selmaLogoBox a, #logo-mall.western_hillsLogoBox a { height: 138px; } #logo-mall.selmaLogoBox a {background-position: 50% 50%;} #header.interiorPage { padding-bottom: 32px; } /* .productWrap { width: 100%; height: 100%; background: url(/css/images/fall2018/product-layer2016.png) repeat-x scroll center top; position: relative; margin-top: -121px; margin-bottom: -92px; padding-bottom: 46px; } .homePageProducts .productWrap { background-image: url(/css/images/fall2018/home-product-layer2016.png); background-position: 46% -260px; } */ #wrapper:before { position: absolute; content: ""; display: block; height: 121px; width: 100%; background: url(/css/images/fall2018/topTexture.jpg) center top repeat-x; } #wrapper:after { position: absolute; bottom: 0; content: ""; display: block; height: 92px; width: 100%; background: url(/css/images/fall2018/bottomTexture.jpg) center top repeat-x; } #wrapper.shopMallsPage:after, #wrapper.noWrapperTexture:after { display: none; } #wrapper { position: relative; background: #dd7243 !important; } #header { background: none !important; } #navigation.albanyNav { padding: 52px 160px 0px 80px; } #navigation.eastdaleNav { padding: 52px 72px 0px 40px; } #navigation.selmaNav { padding: 52px 175px 0px 70px; } #navigation.universityNav { padding: 52px 168px 0px 30px; } #navigation.western_hillsNav { padding: 52px 200px 0px 60px; } #search { border-bottom: none !important; width: auto;} #wrapper-bg { background: none !important; } #map-links .col ul li:first-child { color: #fabf2e; font-size: 13px; font-weight: 400; } #content { background: url(/css/images/fall2018/contentBackground.png) top left repeat-y; width: 569px; position: relative; } #content:before { content: ""; display: block; height: 15px; background: url(/css/images/fall2018/contentBackgroundTop.png) center center no-repeat; position: absolute; top: 0; left: 0; width: 100%; } #content:after { content: ""; display: block; height: 15px; background: url(/css/images/fall2018/contentBackgroundBottom.png) center center no-repeat; position: absolute; bottom: 0; left: 0; width: 100%; } #content .headline, #content .headline h2, #content .headline h2 span { background: none; font-family: 'Oswald', sans-serif; color: #dd7243; padding: 12px 0; font-size: 36px; font-weight: 400;} #content .headline h2, .contact .heading h3.contact-title, .video .heading h3 { text-align: center; padding-bottom: 0;} #content .headline h2:before, .contact .heading h3.contact-title:before, .video .heading h3:before { content: ""; display: block; height: 3px; background: url(/css/images/fall2018/contentDashedLines.png) center center no-repeat; } #content .headline h2:after, .contact .heading h3.contact-title:after, .video .heading h3:after { content: ""; display: block; height: 3px; background: url(/css/images/fall2018/contentDashedLines.png) center center no-repeat; } #sidebar { width: 370px; } #sidebar a { color: #fabf2e;} #map-links .col ul li a .num { color: #d7dd5f; } #map-links { line-height: 11px; } .map-wrapper a.zoom-link { color: #9a704b; } #search .field { color: #dd7243; } #content h4 { font-weight: 300; color: #b14225; } #content.event-calendar { background: #FFF; margin-bottom: 96px; box-shadow: 12px 6px 0 #b14225; } #content.event-calendar:before { display: none; } #content.event-calendar:after { width: 100%; height: 322px; background: url(/css/images/fall2018/purse-item.png) no-repeat center center; bottom: -190px; z-index: -10; left: auto; right: auto; } .calendarOfEvents { font-family: 'Oswald', sans-serif; text-align: center; font-size: 24px; line-height: 32px; color: #9a704b; text-transform: uppercase; font-weight: 400;} .#content.event-calendar { color: #9a704b; font-family: 'Oswald', sans-serif; text-transform: uppercase; } #calendar .prev-trigger, #calendar .next-trigger { color: #dd7243; } .jquery-selectbox { border-color: #dd7243; background-color: #dd7243; } #dateForm .go-button { background-color: #dd7243; border-color: #dd7243; } #calendar .event-detail { box-shadow: none; border-radius: 0; margin: 0; padding: 0; } #calendar .event-detail .heading { background: none; box-shadow: none; padding: 0 16px; } #calendar .event-detail .heading h3 { color: #b14225; } #calendar .event-detail .heading:after { content: ""; display: block; height: 3px; background: url(/css/images/fall2018/contentDashedLines.png) left top no-repeat; margin-top: 12px; } #calendar .event-detail h5 { color: #CB2924; } #calendar .heading.test h2 { color: #b14225; font-weight: 300; } #main.events { margin-bottom: -96px; } #sidebar .headline:first-child { padding-top: 21px; } #sidebar h3 { font-size: 30px; line-height: 32px; padding-left: 21px; font-weight: 400; text-transform: uppercase;} #sidebar .headline { border: none; } #sidebar .cnt { border-bottom: none; } #sidebar .pin-list .pin-link { font-size: 18px; line-height: 30px; font-family: 'Oswald', sans-serif; background-image: url(/css/images/fall2018/pinterestIcon.png); color: #fff; font-weight: 400;} #sidebar .pin-list .pin-link:hover { color: #ce251f; } .video .yt-link { background-image: url(/css/images/fall2018/youtubeLogo.png); } #sidebar .pin-list .pin-link .highlight { color: #fff; font-size: 22px; } #sidebar { font-size: 12px; font-weight: 400; background: none;} #sidebar p { padding: 0; } #sidebar .map .directions { text-shadow: none; } h2.subNavBelow:after { display: none !important; } .noBottom { margin-bottom: 0 !important; padding-bottom: 0 !important; } #subnav { font-size: 19px; line-height: 28px; background: none; text-transform: uppercase; font-weight: 300;} #subnav li {white-space: nowrap;} #subnav ul li a { color: #fbc02c; } #subnav ul li a.active, #subnav ul li a:hover { color: #b14225; } #subnav ul { margin: 0; } #subnav:after { content: ""; display: block; height: 3px; margin-top: 12px; background: url(/css/images/fall2018/contentDashedLines.png); } #footer .three-cols a.check-mall-link:hover, #footer .three-cols a.check-mall-link:hover strong { color: #ce3640; } /********************** ADDITIONS **********************/ #header {z-index: 5;} .productWrap, .homePageProducts .productWrap { position: relative; z-index: 10; background: none; padding-bottom: 96px; } #navigation ul li ul { display: none; z-index: 10; position: absolute; background: #fabf2e; padding: 1em 1em 0 1em; margin-left: -70px; margin-top: 0.5em; } #navigation ul li ul li { display: block; float: none; background: none; margin-left: 0; padding-left: 0; margin-bottom: 1em; border-bottom: 1px solid #da613d; } #splash #navigation ul li ul li a, #navigation ul li ul li a {color: #fff;} #footer.selmaFooter .three-cols .col-1, #footer.adminFooter .three-cols .col-1 { box-sizing: border-box; width: 700px; padding-right: 122px; } #footer.selmaFooter .three-cols .col + .col, #footer.adminFooter .three-cols .col + .col { padding: 5px 36px 15px 60px; } .specials .post p > span {text-transform: capitalize;} .specials .post p strong {color: #55a187;} .specials .post p strong span {color: #f16c7a;} .specials .popup img { max-width: 100%; height: auto !important; } .specials #content .popup-list .no-result {margin-left: -1.5em;} /**** Candid ****/ .candid-wall-overlay {background-color: rgba(250, 191, 46, .85);} .candid-caption {color: #44225e;} .candid-wall-load-more, .now-in-more {color: #dd7243; background: none; border:1px solid #dd7243; border-radius: 0; padding: .5em 1.5em; margin: 20px auto; font-size: 14px; width: 40%;} #candid-overlay .profile-wrap .candid-caption {padding: 1em 1.25em;} #candid-overlay .name h3 {text-transform: none; font-size: 13px;} #content h4.now-in {color: #dd7243; font-size: 24px; font-weight: 400;text-transform: none;font-family: 'Abril Fatface';} #candid-overlay .user-avatar {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} #candid-overlay .profile-wrap {height: 99%; padding-top: 1%;} .candid-wall-overlay-text div {color: #ce3640; border: 1px solid #ce3640;} #candid-overlay {background-color: rgba(250, 191, 46, .85)} #candid-overlay .candid-shortcuts, #candid-overlay .candid-shortcuts span {color: #ce3640;} #candid-overlay .by-logo-text em, #candid-overlay .by-logo-text {color: #fff !important;} .candid-wall-cell .media img {object-fit: cover; height: 100%;} #sidebar .now-in-more {display: block; text-align: center; text-decoration: none; cursor: pointer; font-weight: 700; clear: both; opacity: .7; color: #fabf2e; border: 1px solid #fabf2e;} #sidebar .candid-wall-load-more {display: none;} /*mailchimp signup*/ #mc_embed_signup div.response {width: 100% !important;} #mc_embed_signup .mc-field-group input {display: inline !important; width: 90px !important;} #mc_embed_signup .mc-field-group {min-height: 0 !important;} #mc_embed_signup form {padding: 0 !important;} #mc-embedded-subscribe {margin: 0 !important;} #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {margin: 2px 0 !important; padding: .25em !important; font-size: 11px !important; background-color: transparent !important;} #mc_embed_signup div#mce-responses {padding: 0 !important; margin: 0 !important;} #mc_embed_signup #mce-success-response, #mc_embed_signup #mce-error-response {font-size: 11px !important; font-weight: normal !important; line-height: normal !important; color: #e85c41 !important; padding: .25em !important; margin: 2px 0 !important;} /*Instafeed*/ #instafeed { text-align: center; } #instafeed > div { position: relative; display: inline-block; margin: 5px; } #instafeed div.hidden {display: none;} #instafeed a img { object-fit: cover; position: absolute; height: 100%; width: 100%; left: 0; top: 0; } #instafeed a:before { content: 'SHOP NOW'; position: absolute; z-index: 5; color: #dd7243; border: 1px solid #dd7243; padding: 5px 10px; margin: 0 auto; min-width: 77px; font-size: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-transition: opacity,300ms; -moz-transition: opacity,300ms; -ms-transition: opacity,300ms; -o-transition: opacity,300ms; transition: opacity,300ms; } #instafeed a:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(250, 191, 46, .85); -webkit-transition: opacity,300ms; -moz-transition: opacity,300ms; -ms-transition: opacity,300ms; -o-transition: opacity,300ms; transition: opacity,300ms; } #instafeed a:hover:before, #instafeed a:hover:after {opacity: 1;} .now-in-more { opacity: 0.7; color: #dd7243; background: none; border: 1px solid #dd7243; border-radius: 0; padding: .5em 1.5em; margin: 20px auto; font-size: 14px; width: 40%; display: block; text-align: center; } .now-in-more:hover { opacity: 1; text-decoration: none; } #main.trends #instafeed > div { width: 158px; height: 158px; } #main.now-in #instafeed > div { position: relative; width: 150px; height: 150px; } #main.now-in #instafeed > div a { width: 100%; height: 100%; } #main.now-in #instafeed > div:nth-child(4n+4) { width: 310px; height: 310px; } .hidden {display: none;} .fancybox-skin {border-radius: 0 !important;} .fancybox-title { color: #dd7243; padding: 10px; font-size: 16px !important; opacity: 0.8; letter-spacing: -0.8px; } .fancybox-title a { color: #44225e; } .fancybox-overlay {background: rgba(250, 191, 46, .85) !important;} .fancybox-close { top: -30px !important; right: -30px !important; width: 30px !important; height: 30px !important; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M1.4 13.65l6.1-6.2 6.1 6.2M1.4 1.35l6.1 6.1 6.1-6.1' fill='none' stroke='%23FFF' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E") !important; } .fancybox-nav span { width: 14px !important; height: 36px !important; } .fancybox-prev {left: -35px !important;} .fancybox-prev span { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='58.9' viewBox='0 0 22 58.9'%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='4' d='M20 1.2L2.7 29.3 20 57.7'/%3E%3C/svg%3E") !important; background-size: contain; } .fancybox-next {right: -35px !important;} .fancybox-next span { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='58.9' viewBox='0 0 22 58.9'%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='4' d='M2.5 1.2l17 28.1-17 28.4'/%3E%3C/svg%3E") !important; background-size: contain; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .map .directions ul li .map-it-link { background: url(/css/images/fall2018/map-ico-hr.png) no-repeat 0 0; background-size: 11px 21px; } #footer #social ul.social-links li a { background: url(/css/images/fall2018/social-links-hr.png) no-repeat; background-size: 256px 48px; } #footer #tag-social { background: url(/css/images/fall2018/tag-logo-mobile.png) 50% 50% no-repeat; background-size: contain; } #stores .coupon-available li { background: url(/css/images/fall2018/coupon-icon-hr.png) 0 1px no-repeat; background-size: 9px 9px; } #stores .coupon a { background: url(/css/images/fall2018/coupon-icon-hr.png) right center no-repeat; background-size: 9px 9px; } .brand.eastdale { background: url("https://university-mall.com/images/eastdale_uploads/splash-logo-eastdale.png") no-repeat; background-size: 100%; } .brand.albany { background: url("https://university-mall.com/images/albany_uploads/albany-mall-logo-splash.png") no-repeat; background-size: 100%; } .brand.selma { background: url("https://university-mall.com/images/selma_uploads/selma-mall-mobile-logo.png") no-repeat; background-size: 100%; } .brand.university { background: url("https://university-mall.com/images/university_uploads/universitymall-logo-splash.png") no-repeat; background-size: 100%; } .brand.western_hills { background: url("https://university-mall.com/images/western_hills_uploads/western-hills-mobile-logo.png") no-repeat; background-size: 100%; } header#head { background: url(/css/images/fall2018/seewhatsin-hr.png) 10% 40% no-repeat !important; background-size: 55% !important; } }