/********************** Winter 2015, 16-17 **********************/ /**home page**/ .bg-mall, .bg-1 { background: url(/css/images/spring2015/bg-giveRibbon.png) no-repeat center 0; } .bg-1 #top-logo { margin: 0; } #top-logo.logo-mall { height: 200px;} #search .field-wrapper {background: url(/css/images/spring2015/search2.png) no-repeat;} #footer ul.social-links li a {background: url(/css/images/spring2015/social-links.png) no-repeat;} #splash #search .field-wrapper {background: url(/css/images/spring2015/search2.png) no-repeat;} #right-box .boxes { background: url(/css/images/spring2015/overlay-2.png);} .selma-class #right-box .boxes {background: url(/css/images/spring2015/overlay-selma.png);} .western_hills-class #right-box .boxes {background: url(/css/images/spring2015/overlay-westernhills.png);} #right-box .boxes .go-btn {color: #fff; background: url(/css/images/spring2015/go-btn.png) no-repeat center center; } #right-box .boxes p {color: #fff;} #navigation ul li + li { background: url(/css/images/spring2015/nav-sep.png) no-repeat 0 center; } #right-box .forms-list { background: #FFF; } #top-logo.logo-1 {height: 200px; background: url(/css/images/spring2015/nothing-cooler.png) center 80px no-repeat; margin-bottom: 0; background-size: contain;} #right-box .mall-list ul li {border-right: solid 1px #a462a8; border-bottom: solid 1px #a462a8; } /**interior page**/ #header ul.social-links li a {background: url(/css/images/spring2015/social-icons.png) no-repeat; } #subnav {background: red url(/css/images/spring2015/separator.png) no-repeat center bottom;} #shop-logo {right: 7px; bottom: -12px;} #shop-logo span { display: block; height: 85px; background: url(/css/images/spring2015/shop-logo-footer.png) no-repeat; } #footer #tag-social {margin-left: -20px; height: 43px; width: 230px; background: url(/css/images/spring2015/tag-logo.png) no-repeat;} #footer #social ul.social-links li a { float:left; width: 24px; height: 24px; background: url(/css/images/spring2015/social-icons.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/spring2015/results-page.png) no-repeat 0 4px; padding-left: 22px;} #content p.results-title-ev {background: url(/css/images/spring2015/results-event.png) no-repeat 0 4px; padding-left: 22px;} #content p.results-title-st {background: url(/css/images/spring2015/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/spring2015/content.png);} #col-left {padding: 0 15px 20px;} ul.popup-list li .popup .heading { background: #a462a8;} ul.popup-list li .popup .close {background: url(/css/images/spring2015/close.png) no-repeat;} ul.popup-list li .popup .arrow {background: url(/css/images/spring2015/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/spring2015/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: #306d76; padding: 12px 0; text-transform: uppercase;} /*fall*/ /*Contact title*/ .dl-btn {background: url(/css/images/spring2015/dl-btn.png) no-repeat 0 2px; color: #306d76;} .sl-btn {background: url(/css/images/spring2015/sl-btn.png) no-repeat 15px 15px; color: #306d76;} #calendar .popup .heading { background: #7e184f url(/css/images/spring2015/popup-heading.png) no-repeat 9px center;} #calendar .popup .close {background: url(/css/images/spring2015/close.png) no-repeat; } #calendar .event-detail .heading {background: #7e184f url(/css/images/spring2015/popup-heading.png) no-repeat 9px center;} #calendar .event-detail .close {background: url(/css/images/spring2015/close.png) no-repeat; } .map-wrapper a.zoom-link, .map-wrapper a.zoom-tablet-link {color: #306d76; background: url(/css/images/spring2015/zoom-ico.png) no-repeat 0 0; } .map-wrapper a.zoom-link:hover {color: #7e184f; } #map-links .col ul li .popup .heading { background: #a462a8;} #map-links .col ul.coupon-available li:first-child { background: url(/css/images/spring2015/coupon-icon.png) 0 1px no-repeat; } #map-links .col ul li .popup .close {background: url(/css/images/spring2015/close.png) no-repeat; } #right-box .mall-list ul li a {color: #fff; background: #306d76;} #right-box .mall-list ul li a:hover { background: #7b4189; } #map-links .col ul.coupon-available li:first-child {background: url(/css/images/spring2015/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;} /**main style**/ #content p { color: #1d635b; font-size: 13px; line-height: 20px;} #content h4 { color: #348898;} .forms-list {color: #1d635b;} .forms-list a {color: #a462a8;} .bg-1 { background: url(/css/images/spring2015/bg-giveRibbon.png) no-repeat center 0; } .homePageProducts .bg-1, .form .bg-1 {background-position: center -42px;} .bg-2 { background: url(/css/images/spring2015/bg-giveRibbon.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: #306d76;} .jquery-selectbox .jquery-selectbox-item {color: #ffffff;} #dateForm .go-button {border: solid 2px #dd7243; background: #dd7243;} #dateForm .go-button:hover {background: #306d76; } #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: #1d635b; background: #306d76; } /*** 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:#7b4189;} #footer .three-cols .col-full .copy { color: #ffffff; } #footer .copy { color: #306d76; } #footer .three-cols .col-full { border-top: solid 1px #a462a8; border-bottom: solid 1px #a462a8; } #footer .three-cols .col + .col { border-left: solid 1px #a462a8; } #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: #b1b1b1; } #footer #signup .submit-button:hover { color: #9dd8d0; } a { color: #a462a8;} a:hover { color: #306d76; } .dl-btn small, .sl-btn small { color: #306d76;} .dl-btn:hover, .sl-btn:hover {color: #1d635b; } .dl-btn:hover small, .sl-btn:hover small {color: #306d76; } #right-box .boxes .go-btn:hover { color: #c2e4e0; } .video .yt-link { color: #306d76;} #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: #306d76; } #map-links .col ul li .popup { color: #306d76; font-weight: normal;} #navigation ul li a { color: #fff; font-weight: 700; } #navigation ul li a.active, #navigation ul li a:hover { color: #7b4189; text-decoration:none; font-weight: 700; } #navigation ul ul li a:hover {color: #9dd8d0;} #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: #ffffff; font-family: 'Oswald', sans-serif; text-transform: lowercase; font-size: 18px; line-height: 25px; width: auto; text-transform: uppercase; font-weight: 400;} /*text color*/ #search .submit-button:hover { color: #7b4189; } /** info pages styles **/ .post-info .large { color: #1d635b; font-weight: 400; font-size: 18px;} .post-info .large .highlight { color: #1d635b; text-transform: uppercase; font-size: 24px; line-height: 29px;} .post-type-2 {color: #1d635b; } .post-type-2 .large {color: #1d635b; font-weight: 400; font-size: 18px;} .post-type-2 .large .highlight {color: #1d635b; 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: #1d635b;} .post-trends p {color: #1d635b;} .post-trends .large {color: #1d635b; font-weight: 400; font-size: 18px;} .post-trends .large .highlight {color: #1d635b; text-transform: uppercase; font-size: 24px; line-height: 29px;} .video .heading {background: none;} .video .heading h3 {color: #306d76; font-size: 34px; font-weight: 400;} .video .heading h3 .highlight {color: #306d76; 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: #b1b1b1;} /**employment info**/ #main.employment {overflow: visible;} 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: #306d76; } ul.popup-list li .popup p a { color: #7b4189; } /* home navigation */ #splash #navigation ul li a.active, #splash #navigation ul li a:hover { color: #1d635b;} #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: #c34c93; } #calendar .bottom-text {color: #154478;} #calendar .bottom-text p a {color: #5fc0ad; } #calendar .popup h5 { color: #cf5ba0;} #calendar .popup p a { color: #7b4189; } #calendar .popup p a:hover { color: #f99a7e; } .jquery-selectbox, .jquery-selectbox .jquery-selectbox-list {background-color: #306d76; border: 2px solid #306d76;} /** stores page **/ .map-wrapper a.zoom-link {color: #cf5ba0; } .map-wrapper a.zoom-link:hover {color: #7b4189; } #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(/images/hot_springs_uploads/tornado-relief.png) no-repeat 0% 50%; padding-left: 71px; height: 83px; display: inline-block;} .inspired.alabama .head {background: url(/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(/images/hot_springs_uploads/red-cross.png) no-repeat 0% 55%; min-height: 47px;} div.salv-army {background: url(/images/hot_springs_uploads/salv-army.png) no-repeat 0% 40%; min-height: 56px;} .inspired .rule {display: inline-block; width: 100%; height: 3px; background: url(/css/images/winter2015/contentDashedLines.png) left top no-repeat;} .inspired a.go-btn:hover {color: #9dd8d0; text-decoration: none;} #signup {border-bottom: solid 2px #ce4590;} #signup .field-wrapper { background: #acaf50;} #signup label {color: #ffffff;} #signup .submit-button {color: #e47352;} /* ====== $UPDATE ====== */ #splash #navigation { text-align: center; margin-left: 80px;} #splash #navigation ul ul { text-align: left; } /*#splash #navigation ul li {float: none;}*/ #top-logo.logo-mall { background: url(/css/images/spring2015/nothing-cooler.png) center 80px no-repeat; margin-bottom: 0; background-size: contain;} #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/spring2015/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.title { color: #a462a8;} #right-box .boxes p.info { color: #306d76;} #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: #a462a8; } .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: #306d76 url(/css/images/spring2015/footerStars.png) repeat-x; padding-top: 47px;} #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: #fefcec; } #footer .three-cols .check-mall-link {color: #b1b1b1; font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 20px; font-weight: 400;} #footer .three-cols .check-mall-link strong { color: #9dd8d0; font-weight: 400; font-size: 17px;} #footer .three-cols .col + .col, #footer .three-cols .col + .col, #footer .three-cols .col-full { border-color: #a462a8; } #signup { border: none; } #signup label { color: #9dd8d0; 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: #fefcec; color: #1d635b; } #signup .submit-button { font-size: 16px; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #b1b1b1; font-weight: 400; margin-left: .25em;} .office-contact-form label { width: 125px; display: inline-block;} .office-contact-form input { background: #fff none repeat scroll 0 0; border: 1px solid #2cb0ba; border-radius: 0; padding: 5px 10px; } .office-contact-form textarea{ background: #fff none repeat scroll 0 0; border: 1px solid #2cb0ba; border-radius: 0; max-width: 100%; } .office-contact-form input[type=submit] { font-size: 16px; cursor: pointer; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #ffffff; font-weight: 400; margin-left: .25em; padding: 2px 15px; background: #9dd8d0; border-radius: 0; border: none;} .office-contact-form input[type=submit]:hover{ color: #7b4189; } .shop-link { display: none; } #footer .col-full { overflow: hidden; } #footer a { color: #9dd8d0; } #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; } #logo-mall a {background-position: bottom center;} #logo-mall.albanyLogoBox {margin-bottom: 0;} #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; } #header.interiorPage { padding-bottom: 32px; } .productWrap { width: 100%; height: 100%; position: relative; margin-top: -121px; margin-bottom: -92px; padding-bottom: 46px; background: url(/css/images/spring2015/product-layer.png) 46% bottom no-repeat; } .homePageProducts .productWrap, .noWrapperTexture .productWrap {background-image: none;} #wrapper:before { content: ""; display: block; height: 121px; background: url(/css/images/spring2015/topTextureInterior.jpg) center top repeat-x; } #wrapper.homePageProducts:before { background-image: url(/css/images/spring2015/topTexture.jpg); } #wrapper:after { content: ""; display: block; height: 92px; background: url(/css/images/spring2015/bottomTexture.jpg) center top repeat-x; } #wrapper.shopMallsPage:after, #wrapper.noWrapperTexture:after { display: none; } #wrapper { background: #2cb0ba !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; margin-left: 0;} #wrapper-bg { background: none !important; } #map-links .col ul li:first-child { color: #7b4189; font-size: 13px; font-weight: 400; } #content { min-height: 630px !important; background: url(/css/images/spring2015/contentBackground.png) top left repeat-y; width: 569px; position: relative; } #content:before { content: ""; display: block; height: 15px; background: url(/css/images/spring2015/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/spring2015/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: #a462a8; 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/spring2015/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/spring2015/contentDashedLines.png) center center no-repeat; } #wrapped { float: left; margin: 43px 0 0 45px; height: 168px; width: 525px; background: url(/css/images/spring2015/nothing-cooler-interior.png) no-repeat;} #sidebar { width: 370px; } #sidebar a { color: #7b4189;} #map-links .col ul li a .num { color: #1d635b; } #map-links { line-height: 11px; } .map-wrapper a.zoom-link { color: #a462a8; } #map-links .col ul li.secondary-level.coupon a.map-list-link {background-image: url(/css/images/spring2015/coupon-icon.png);} #search .field { color: #1d635b; } #content h4 { font-weight: 300; color: #306d76; } #content.event-calendar { background: #FFF; margin-bottom: 96px; box-shadow: 12px 6px 0 #2e6e77; } #content.event-calendar:before { display: none; } #content.event-calendar:after { width: 100%; height: 322px; background: url(/css/images/spring2015/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: #a462a8; 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: #a462a8; } .jquery-selectbox { border-color: #a462a8; background-color: #a462a8; } #dateForm .go-button { background-color: #a462a8; border-color: #a462a8; } #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: #306d76; } #calendar .event-detail .heading:after { content: ""; display: block; height: 3px; background: url(/css/images/spring2015/contentDashedLines.png) left top no-repeat; margin-top: 12px; } #calendar .event-detail h5 { color: #a462a8; } #calendar .heading.test h2 { color: #306d76; 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/spring2015/pinterestIcon.png); color: #fff; font-weight: 400;} #sidebar .pin-list .pin-link:hover { color: #ce251f; } .video .yt-link { background-image: url(/css/images/spring2015/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; line-height: 1.5em;} #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; padding: 0 30px 20px;} #subnav li {white-space: nowrap;} #subnav ul li a { color: #b1b1b1; font-weight: 400; } #subnav ul li a.active, #subnav ul li a:hover { color: #1d635b; } #subnav ul { margin: 0; } #subnav:after { content: ""; display: block; height: 3px; margin-top: 12px; background: url(/css/images/spring2015/contentDashedLines.png) top center; } #footer .three-cols a.check-mall-link:hover { color: #9dd8d0; } #footer .three-cols a.check-mall-link:hover strong { color: #b1b1b1; } /********************** 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: #316d75; 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 #a462a8; } #splash #navigation ul li ul li a, #navigation ul li ul li a {color: #fff;} #splash #navigation ul li ul li a:hover { color: #9dd8d0;} #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(48, 109, 118, .85);} .candid-caption {color: #1d635b;} .candid-wall-load-more, .now-in-more {color: #10af9d; background: none; border:1px solid #10af9d; border-radius: 0; padding: .5em 1.5em; margin: 20px auto; font-size: 14px; width: 40%;} .candid-wall-load-more:hover {color: ;} #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: #1d635b; font-size: 24px; font-weight: 400;text-transform: none;} #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: #b1b1b1; border: 1px solid #b1b1b1;} #candid-overlay {background-color: rgba(48, 109, 118, .85)} #candid-overlay .candid-shortcuts, #candid-overlay .candid-shortcuts span {color: #b1b1b1;} #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: #ffffff; border: 1px solid #ffffff;} #sidebar .candid-wall-load-more {display: none;} #candid-overlay-gallery-container a {color: #b1b1b1;} /*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: #10af9d !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% !important; width: 100%; left: 0; top: 0; } #instafeed a:before { content: 'SHOP NOW'; position: absolute; z-index: 5; color: #fff; border: 1px solid #fff; 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(48, 109, 118, .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: #1d635b; background: none; border: 1px solid #1d635b; 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: #1d635b; padding: 10px; font-size: 16px !important; opacity: 0.8; letter-spacing: -0.8px; } .fancybox-title a { color: #1d635b; } .fancybox-overlay {background-color: rgba(48, 109, 118, .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; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 499px) and (max-width: 959px) { /*********** DYNAMIC STYLES BASED ON CHANNEL CONTENT ***********/ body {min-width: inherit;} .shell {width: 100%;} /* mall landing page */ #col-left {width: 47%; padding: 0 0 20px;} #logo-mall {width: 100%; height: auto; margin: 0;} #logo-mall a {background-size: contain; height: 160px; background-position: 50% 0; max-width: 100%;} #splash #navigation {width: 100%; padding: 0 !important; margin: 0 auto; text-align: center;} #navigation ul li {float: none;} #right-box {width: 55%;} #top-logo.logo-mall {width: 380px; margin: 0 auto -15px auto; background-position: right 80px;} #right-box .boxes {float: right; width: 88%; padding: 0 3% 0 3%; background-size: 100% 100%;} #right-box .boxes .box-cnt {padding: 20px 0 25px 0; margin: 0; max-width: 100%;} #right-box .boxes .box-cnt.image-placeholder {padding: 0 !important;} #right-box .boxes .go-btn {right: 5px;} #footer .three-cols .col + .col {padding: 5px 2% 15px;} #footer .three-cols .col-1 {width: 37%; padding: 5px 2% 0;} #footer .three-cols .col-2 {width: 20%;} #footer .three-cols .col-3 {width: 30%;} #footer #tag-social {margin-left: 0;} /* interior pages */ h1#logo {margin-left: 20px;} #header ul.social-links {position: absolute; top: -40px; right: 20px;} #header ul.social-links li a.pin-link {background-position: -64px 0;} #header ul.social-links li a.yt-link {background-position: -95px 0;} #navigation {padding: 52px 0 0 34px !important;} #content {width: 51%;padding: 8px 3% 32px; margin-left: 1%;background-size: 100% 100%;} #content:before, #content:after {background-size: 100% 100%;} #content .headline {margin: 0 -23px 8px -39px;} #content .headline h2, .contact .heading h3.contact-title, .video .heading h3 {width: 89%; margin: 0 auto;} .post-type-2 {width: 100%;} #content table {width: 100%;} #content img {max-width: 100%; height: auto;} .post-trends p {line-height: 1.5em;} #sidebar {width: 40%;margin-right:1%;} #sidebar .headline .when-to-shop-title {background-size: contain; width: 95%; margin: 3px auto -9px;} #sidebar .map .placeholder img {width: 100%; height: auto;} #wrapped {width: 51%; background-size: contain;} #shop-logo {width: 90%;} #footer .three-cols .col-full .copy {width: 44%; line-height: normal;} #map-links {margin: 0 ;} #map-links .col {width: 45%;} #map-links .col ul li {padding-left: 3.6em;} #map {background-size: 98%;} #content.event-calendar {width: 94%;padding: 7px 3% 27px;} #dateForm {left: 50%;margin-left: -124px;} #datepicker .fc-content {width: 100%;} #datepicker th, #datepicker td {width: 14% !important;} #datepicker .fc-event-title {width: 100%;} #sidebar .map .directions ul li .num {display: none;} #sidebar .map .directions ul li.active, #sidebar .map .directions ul li .popup {background-image:none; background-color: rgb(236, 231, 204); background-color: rgba(236, 231, 204, 0.6);} #sidebar .cnt {padding: 10px 12px;} #sidebar .pin-list {width: 100%;} #sidebar .pin-list .pin-link {font-size: 1.5em; margin-left: .3em;} #sidebar .pin-list .col {width: 30%;} #sidebar .pin-list .col + .col {padding-left: 5%;} #sidebar .pin-list .col a img {width: 96%;} .contact {width: 100%;} .two-cols .col {width: 50%;} .contact .dl-btn, .sl-btn {margin-left: 72px; margin: 1em auto; display: block; float: none; width: 240px;} .sl-btn {width: 270px;} .video {width: 100%;margin: 0;} .video .placeholder, .video .placeholder iframe {width: 100%;} } @media only screen and (min-width: 499px) and (max-width: 830px) { #splash {background-position: 30% 0;} #top-logo.logo-mall {float: right; width: 355px; background-position: 75% 80px;} #right-box .boxes .box-cnt .title {padding: 0 5px 3px 0;} #right-box .boxes .box-cnt .info {width: 185px;} } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /*#top-logo.logo-mall { background-image: url(/css/images/spring2015/wrapped-hr.png); background-size: 437px 110px; }*/ #map-links .col ul li.secondary-level.coupon a.map-list-link { background-image: url(/css/images/spring2015/coupon-icon-hr.png); background-size: 9px; } .dl-btn { background-image: url(/css/images/spring2015/dl-btn-hr.png); background-size: 25px 24px; } .sl-btn { background-image: url(/css/images/spring2015/sl-btn-hr.png); background-size: 24px 25px; } #footer #social ul.social-links li a { background: url(/css/images/spring2015/social-icons-hr.png) no-repeat; background-size: 256px 48px; } #footer #tag-social { background: url(/css/images/spring2015/tag-logo-mobile.png) 50% 50% no-repeat; background-size: contain; } #stores .coupon-available li { background: url(/css/images/spring2015/coupon-icon-hr.png) 0 1px no-repeat; background-size: 9px 9px; } #stores .coupon a { background: url(/css/images/spring2015/coupon-icon-hr.png) right center no-repeat; background-size: 9px 9px; } .interiorPage h1#logo a.albany { background: url("/images/albany_uploads/albany-logo-large.png") no-repeat; background-size: 76px 87px; } .interiorPage h1#logo a.eastdale { background: url("/images/eastdale_uploads/eastdale-logo-large.png") no-repeat; background-size: 187px 86px; } .interiorPage h1#logo a.selma { background: url("/images/selma_uploads/selma-logo-large.png") no-repeat; background-size: 187px 65px; } .interiorPage h1#logo a.university { background: url("/images/university_uploads/university-logo-large.png") no-repeat; background-size: 117px 86px; } .interiorPage h1#logo a.western_hills { background: url("/images/western_hills_uploads/west-logo-large.png") no-repeat; background-size: 187px 77px;} header#head { background: url(/css/images/spring2015/seewhatsin-hr.png) 10% 40% no-repeat !important; background-size: 55% !important; } }