/************************ ******* UNIVERSAL ******* ************************/ html, body { font: 14px/24px 'Open Sans', sans-serif; height: 100%; } body { background-color: #f5f5f5; min-width: 320px; overflow-x: hidden; } body a { color:#002D62; text-decoration: underline; font-size:14px; } body .dropShadow { box-shadow: 0 0 0 36px #fff; } img { max-width: 100%; } ul { list-style-type: none; margin: 0; padding: 0; } .container.dropShadow, #home .container.nav, #home .container.splashScreen, #home div.col-xs-12, #home div.col-sm-8, #home div.col-sm-12 { padding-left: 0; padding-right: 0; } .container { background-color: #fff; } .nowrap { white-space: nowrap; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .annoswipe { cursor:w-resize; cursor: -webkit-grab; cursor: -moz-grab; } .annoswipe:active { cursor:w-resize; cursor: -webkit-grabbing; cursor: -moz-grabbing; } .container.splashScreen { height: 90vh; } /* default */ /************************ ******** TOP NAV ******** ************************/ .navbar .navbar-nav { display: inline-block; float: none; vertical-align: middle; } .navbar .navbar-collapse { text-align: center; } .nav>li { margin-top: 9px; } nav.container { background: #fff; font-size: 12px; height: 92px; opacity: 1; overflow: hidden; padding-top: 20px; position: fixed; z-index: 1000; } nav.container a { text-decoration: none; } nav.container a:hover { text-decoration: underline; } nav.container div.container { background: #fff; opacity: 1; } nav ul.mainStatic li, nav ul.secondaryStatic li { display: inline-block; } nav ul.mainStatic li + li::before { content: "|"; padding: 0 8px; } nav ul.secondaryStatic li + li::before { content: "\2022"; padding: 0 11px; } nav.container hr { margin: 8px 0; } #nav nav .fa { color: #002d62; font-size: 1.5em; padding: 0 0 0 .5em; } #nav nav i.fa:hover { color: #fcd00c; /*-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;*/ } #nav2 .fa { color: #fff; } #nav2 li a:hover .fa .fa-search { color: #fcd00c; } #nav2 form { } #nav2 form input { display: inline-block; vertical-align: middle; } #nav2 form { display: inline-block; padding: 0 22px; vertical-align: middle; } #nav2 form input { display: inline-block; vertical-align: middle; } #nav2 form input[type="text"] { background: none; border: none; border-bottom: solid 1px #4d6c91; color: #fff; font-size: 16px; line-height: 16px; -webkit-appearance: none; overflow: hidden; -webkit-transition: width 1000ms ease; transition: width 1000ms ease; vertical-align: middle; width: 150px; height: 42px; } #nav2 form input[type="text"].error, .mobile .form-control.error { border-bottom: solid 1px red; color: red; } #nav2 form button { background: none; border: none; float: right; margin-top: 5px; } #nav2 form button i { font-size: 28px; margin-left: 0; } textarea:focus, input:focus { outline: 0; } input[type="submit"] { border: none; height: 22px; width: 22px; } #nav2.activeForm .dropdown { opacity: 1; -webkit-transition:opacity 100ms ease 10ms; transition:opacity 100ms ease 10ms; } /*#nav2 .dropdown { opacity: 1; -webkit-transition:opacity 100ms ease 950ms; transition:opacity 100ms ease 950ms; } */ #nav2.activeForm .dropdown { opacity: 0; } #nav2 li.navName {position: absolute;top: 21px;left: 14px;margin: 0;line-height: 1;} #nav2 .theform{ position:absolute; right: 28px; top:0; } #nav2.activeForm form input[type="text"] { width:800px; } #nav2 .form-control { width: 40px; padding: 6px 0 6px 12px; } /************************************ Weekend Getaways Plugin ************************************/ .exploreAnnArbor h2 { background-color: #f5f5f5; color: #002d62; font-size: 25px; font-weight: 800; margin: 35px 0; padding: 30px 0; text-transform: uppercase; } .exploreAnnArbor2 a { background-color: #f5f5f5; color: #002d62; font-size: 25px; font-weight: 800; text-transform: uppercase; } .exploreAnnArbor2 a:hover { text-decoration: underline; } .exploreAnnArbor h2.text-center {background-color: transparent; font-size: 38px; } .exploreAnnArbor h2.text-center .light { font-weight: 100; } section.container.placeToESPM-container { margin: 20px 0 -20px 0; } section.container.placeToESPM-container .upper-spot { font-size: 30px; } section.container.placeToESPM-container .lower-spot { font-size: 60px; } @media (max-width: 767px) { section.container.placeToESPM-container .upper-spot { font-size: 25px; } section.container.placeToESPM-container .lower-spot { font-size: 45px; } } @media (max-width: 600px) { section.container.placeToESPM-container .upper-spot { font-size: 18px; } section.container.placeToESPM-container .lower-spot { font-size: 35px; } } @media (max-width: 500px) { section.container.placeToESPM-container { margin: -10px 0 -20px 0; } .exploreAnnArbor h2.text-center .light { font-weight: 100; display: block; margin: 10px 0; } section.container.placeToESPM-container .upper-spot { font-size: 23px; line-height:23px; } section.container.placeToESPM-container .lower-spot { font-size: 23px; line-height:23px; } } body a.WG { text-decoration: none; font-size: 25px; } body a.WG:hover { color: #002D62; text-decoration: underline; } .weekendGetaways .front .inner { height: 309px; margin: 0 !important; max-height: 309px; cursor: pointer; } .weekendGetaways .btn { background-color: #fcd00c; border-radius: 0; bottom: 10%; color: #002d62; font-weight: 800; left: 10%; padding: 16px 0; position: absolute; text-transform: uppercase; width: 170px; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; } .weekendGetaways .inner:hover .btn { background-color: #002d62; color: #fff; } .weekendGetaways { font-family: "Open Sans", sans-serif; } .weekendGetaways .front { overflow: hidden; } .weekendGetaways .front .bg { background-color: transparent; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; z-index: -1; background-size: cover; } .weekendGetaways .front:hover .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .weekendGetaways .wg-seasonal .front .bg { background-image: url('/images/Weekend Getaways/seasonal-1.jpg'); } .weekendGetaways .wg-family .front .bg { background-image: url('/images/Weekend Getaways/family-1.jpg'); } .weekendGetaways .wg-regional .front .bg { background-image: url('/images/Weekend Getaways/regional-1.jpg'); } .weekendGetaways .wg-romance .front .bg { background-image: url('/images/Weekend Getaways/romance-1.jpg'); } .weekendGetaways article { position: relative; height: 310px; } .weekendGetaways .face { position: absolute; width: 100%; height: 100%; overflow: hidden; } .weekendGetaways .face.front { z-index: 6; } .weekendGetaways .face.back { z-index: 5; } .weekendGetaways .face.back .lnkCloseCard { position: absolute; right: 4%; top: 4%; width: 2.5em; height:2.5em; padding:0.35em; /* background: yellow; */z-index:10; } .weekendGetaways .face.back .lnkCloseCard img { -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; } .weekendGetaways .face.back .lnkCloseCard:hover img { } .weekendGetaways .carouselContainer { height: 100%; overflow:hidden; } .weekendGetaways .carousel { height: 85%; } .weekendGetaways .carousel-inner { height: 100%; } .weekendGetaways .carousel-state { position:absolute; bottom:0; width:101%; height: 15%; } .weekendGetaways .carousel-caption { top: 0; left: 15%; right: 15%; } .weekendGetaways .carousel-caption a { text-transform: uppercase; font-weight: 800; font-size: 12px; color: white; text-decoration: underline; position: relative; display: block; margin-top:15px; } .weekendGetaways .carousel-caption a:after { position: absolute; content: "\25b6"; padding-left: 5px; top: -1px; color: #FCCF0C; font-size: 12px; -webkit-appearance: none;} .weekendGetaways .carousel-caption .wgheader {font-size: 14px;font-weight: 800;text-transform: uppercase;color: #FCCF0C;margin-top: 20px;margin-bottom: 10px;line-height: 1.1;} .weekendGetaways .carousel-caption section { font-size: 13px; font-weight: 100; } .weekendGetaways .carouselContainer { background-color:#002c62; } .weekendGetaways .carousel-state { overflow: hidden; display: table; } .weekendGetaways .carousel-state div { position: relative; overflow:hidden; height: 100%; display: table-row; } .weekendGetaways .carousel-state div:after{ content: "\00a0"; height: 100%; position:absolute; top:0; bottom:0; left:50%; margin-left:-1px; width:1px; background-color:white; } .weekendGetaways .carousel-state a { display: table-cell; width: 50%; text-align: center; background-color: #fce376; color: #002c62; font-weight: 800; font-size: 20px; margin:0; padding:0; height:100%; vertical-align: middle; text-transform: uppercase; text-decoration: none; } .weekendGetaways .carousel-state a:hover { text-decoration: underline; } .weekendGetaways .carousel-state a.active { background-color: #fccf0c; text-decoration: underline; } body #carouselMain ol.carousel-indicators li, body .weekendGetaways .carousel-indicators li, #carousel-example-generic ol.carousel-indicators li { background-color: white; border: 0; height: 11px; width: 11px; margin:0 3px; z-index: 4;} #carouselMain ol.carousel-indicators li.active, body .weekendGetaways ol.carousel-indicators li.active, #carousel-example-generic ol.carousel-indicators li.active { background-color: #fccf0c; height: 11px; width: 11px; } body .weekendGetaways ol.carousel-indicators li { height: 11px; width: 11px; } .weekendGetaways ol.carousel-indicators { bottom: 8px; } .weekendGetaways .carousel-inner .item { height:100%; } .weekendGetaways .carousel .carousel-caption { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; height: 50%; margin-top: -4%; } .carousel .carousel-control.left, .carousel .carousel-control.right { background-image: none; z-index: 4;} .carousel-control {opacity: 1;} #home .weekendGetaways .carousel-caption { bottom: 33%; left: 13%; right: 13%; } div#home .weekendGetaways .glyphicon { font-size: 18px; color: #FCCF0C; } #home .weekendGetaways .carousel-inner > .item .carousel-caption a { color: #FCCF0C; } #home .weekendGetaways .carousel-inner > .item .carousel-caption a:hover { text-decoration: underline; } /************************ ******** MAIN NAV ******* ************************/ body.sticky #nav2 { border-top: 0; max-width: 1200px; opacity: 1; position: fixed; top: 92px; z-index: 1000; } /* fixes (temp?) for meet subpages */ body.internal #nav2 { top: 92px; } section.meet.subpage, section.about.subpage, section.members.subpage, section.form.subpage, section.news-article.subpage { margin-top: 99px; } section.semportal.subpage{ margin-top:0 !important;} .navbar { border: 0; border-radius: 0; margin-bottom: 0; } .navbar-default { background: #002d62; height: 70px; text-align: center; width: 100%; z-index: 55; } .navbar-default .navbar-nav>li>a { color: #fff; display: inline-block; font-size: 30px; font-weight: 800; padding: 16px 22px; text-transform: uppercase; text-decoration: none; } .navbar-default .navbar-nav>li>a:focus { color: #fff; } .navbar-default .navbar-nav>li.navName>span a { color: #fcd00c; display: inline-block; font-size: 30px; font-weight: 100; padding: 0 22px; text-transform: uppercase; text-decoration: none; } .navbar-default .navbar-nav>li.navName>h1 a { color: #fcd00c; display: inline-block; font-size: 30px; font-weight: 100; padding: 0 22px; text-transform: uppercase; text-decoration: none; } .navbar-default .navbar-nav>li.navName>h1, .navbar-default .navbar-nav>li.navName>span{margin-top: 0;font-size: 14px;line-height: 1;display: block;} .navbar-default .navbar-nav>li> a:hover { color: #fcd00c; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav > .active > a { color: #fcd00c; background-color: transparent; } .navbar-default .navbar-brand { color: #fcd00c; font-weight: 300; padding: 3px 5px; } .dropdown-toggle:focus { color: #fff; outline: 0; } .panel-heading > .dropdown .dropdown-toggle { color: #fff; } .navbar-default .navbar-collapse { background-color: #002d62; opacity: 1; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #056db1; } /***** ham to x *****/ .navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; } .navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; } .navbar-toggle .icon-bar { cursor: pointer; position: relative; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .navbar-toggle.activeSlideNav .icon-bar:nth-of-type(1) { top: 10px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .navbar-toggle.activeSlideNav .icon-bar:nth-of-type(2) { background-color: transparent; left: -60px; } .navbar-toggle.activeSlideNav .icon-bar:nth-of-type(3) { top: -6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fa.fa-search { color: #002d62; font-size: 25px; margin-left: 10px; } /************************ ***** MAIN CAROUSEL ***** ************************/ span.photocredit { color: white; font-size: 10px; position: absolute; bottom: 5px; right: 15px; } #home div.carousel-inner .hero { min-height: 526px; } #home #carouselMain .carousel-caption { /*background-color: rgba(0,0,0,0.4); bottom: 25%; left: 15%; padding: 20px 3%; right: 15%; top: 25%; */ bottom: 0; left: 0; right:0; top: 0; z-index: 0; padding-top: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .2), rgba(0, 0, 0, .1), rgba(0, 0, 0, .0)); background: -moz-linear-gradient(top, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .2), rgba(0, 0, 0, .1), rgba(0, 0, 0, .0)); background: -o-linear-gradient(top, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .2), rgba(0, 0, 0, .1), rgba(0, 0, 0, .0)); background: -ms-linear-gradient(top, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, .2), rgba(0, 0, 0, .1), rgba(0, 0, 0, .0)); /* background: -moz-webkit-linear-gradient(top, rgba(0, 0, 0, .0), rgba(0, 0, 0, .0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), rgba(0, 0, 0, .4), rgba(0, 0, 0, .2), rgba(0, 0, 0, .1), rgba(0, 0, 0, .0), rgba(0, 0, 0, .0)); */ } #home #carouselMain .carousel-caption > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 65%; } #home div .carousel-caption .carousel-headline { font-size: 50px; font-weight: 800; /*margin-top: 13%; padding: 0 15%; */ text-shadow: 2px 2px #000; text-transform: uppercase; -webkit-transition: opacity 0.8s ease-in-out 0.3s; transition: opacity 0.8s ease-in-out 0.3s; } #home div .carousel-caption a p { color: #fcd00c; font-size: 18px; font-weight: 800; text-shadow: 2px 2px #000; -webkit-transition: opacity 0.8s ease-in-out 2s; transition: opacity 0.8s ease-in-out 2s; } #home div .carousel-caption .carousel-subhead p, #home div .carousel-caption .carousel-subhead { color: #fff; font-size: 32px; margin-bottom: 20px; /*padding: 0 15%;*/ text-shadow: 2px 2px #000; -webkit-transition: opacity 0.8s ease-in-out 0.9s;transition: opacity 0.8s ease-in-out 0.9s; } #carouselMain { margin-top: 36px; } #carouselMain.carousel > .left.carousel-control img { bottom: 0; left: 0; margin: auto; position: absolute; top: 0; } #carouselMain.carousel > .right.carousel-control img { bottom: 0; margin: auto; position: absolute; right: 0; top: 0; } #home .carousel-inner > .item .carousel-caption .carousel-headline, #home .carousel-inner > .item .carousel-caption .carousel-subhead, #home .carousel-inner > .item .carousel-caption p {opacity: 0;margin-top: 20px;margin-bottom: 20px;line-height: 1.2;} #home .carousel-inner > .item .carousel-caption p { text-transform: uppercase; } #home .carousel-inner > .item .carousel-caption a { text-decoration: none; } #home .carousel-inner > .item.active .carousel-caption .carousel-headline, #home .carousel-inner > .item.active .carousel-caption .carousel-subhead, #home .carousel-inner > .item.active .carousel-caption p { opacity: 1; } .glyphicon-triangle-right { font-size: 16px; } .blogMore i.glyphicon.glyphicon-triangle-right { font-size: 10px; padding-left: 2px; } .eventMore i.glyphicon.glyphicon-triangle-right { font-size: 10px; padding-left: 2px; } .carousel.fade { opacity: 1; } .carousel.fade .item { display:block; left: 0 !important; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; width: 100%; z-index: 2;} .carousel.fade .item:first-child { top:auto; position:relative; } .carousel.fade .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; z-index: 3;} /************************ **** WEEKEND GETAWAYS *** ************************/ #home div.container > section.weekendGetaways { margin-top: 36px; } #home .weekendGetaways > div.col-sm-4 > div.text-center { background-color: #f5f5f5; height: 310px; } #home .weekendGetaways > div.col-sm-4 > div.text-center h2 { color: #002d62; font-size: 25px; font-weight: 800; margin-top: 0px; text-transform: uppercase; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*.weekendGetaways > div.col-sm-4 > div.text-center { background-color: #f5f5f5; height: 310px; margin-top: -10px; }*/ /*.weekendGetaways > div.col-sm-4 > div.text-center h2 { color: #002d62; font-size: 25px; font-weight: 800; text-transform: uppercase; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } */ #home .weekendGetaways .btn { background-color: #fcd00c; border-radius: 0; bottom: 10%; color: #002d62; font-weight: 800; left: 10%; padding: 16px 0; position: absolute; text-transform: uppercase; width: 170px; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; } #home .weekendGetaways .btn:hover { background-color: #002d62; color: #fff; } #home .flip { background-size: cover; height: 309px; max-height: 309px; -webkit-perspective: 800px; perspective: 800px; position: relative; text-align: center; } #home .flipHide { display: none; } #home .flip .homeCard { text-align: center; } #home section.weekendGetaways.row div.face.back > div.inner > div { left: 50%; padding: 4%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; width: 100%; } #home section.weekendGetaways.row div.face.back > div.inner img { position: absolute; right: 4%; top: 4%; width: 1.5em; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; } #home section.weekendGetaways.row div.face.back > div.inner img:hover { -webkit-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1); } #home .flip .homeCard .front { position: absolute; width: 100%; z-index: 1; } #home .inner { height: 309px; margin: 0 !important; max-height: 309px; } #home .back .inner { background-color: #002d62; color: #fff; height: 309px; margin: 0 !important; max-height: 309px; opacity: 0.9; padding: 6% 4%; } #home .inner2 { background-color: #002d62; color: #fff; height: 309px; margin: 0 !important; max-height: 309px; opacity: 0; padding: 6% 4%; } #home section.weekendGetaways .col-sm-4:first-child, #home section.weekendGetaways .col-sm-4 .flip { padding-left: 0; padding-right: 0; } #home .weekendGetaways .back h4 { font-size: 19px; font-weight: 700; margin-top: 5px; margin-bottom: 5px; } #home .weekendGetaways .back p { font-size: 15px; font-weight: 300; } #home .weekendGetaways .back a span.weekendGetawaysLearnMore { color: #fff; font-weight: 800; text-decoration: underline; } #home .weekendGetaways .glyphicon { color: #fff; font-size: 12px; } #home .weekendGetaways .homeCard { margin: 0 0; } #home .weekendGetaways aside { padding: 0 2px} article.wg-regional { margin-top: 2px; } /************************ ***** TRAVEL INSIDER **** ************************/ #home .travelInsiderLayer { /* position: absolute; */ /* top: 0; */ /* left: 0; */ height: 100%; width: 100%; background-color: #f5f5f5; } #home .travelInsiderCopy { display: table; position: relative; width: 100%; } #home .travelInsiderLayer h2 { font-size: 25px; font-weight: 800; } #home .travelInsiderLayer p { font-size: 15px; margin: 2% 7% 5% 7%; } #home .travelInsider .form-group { width: 80%; margin: 0 auto; } /* #home .travelInsider { background-color: #f5f5f5; background: url(../images/travelInsider.jpg) no-repeat center right; background-size: cover; color: #002d62; min-height: 619px; } */ #home .travelInsider { background-color: #f5f5f5; color: #002d62; height: 622px; display: table-cell;vertical-align: middle;padding: 0 20px;} #home .travelInsider .form-group i { margin-top: 7px; } #home .travelInsider input[type="submit"] { background-color: #fcd00c; border: 1px solid transparent; border-radius: 0; color: #002d62; font-size: 18px; font-weight: 800; height: 55px; text-transform: uppercase; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; width: 175px; } #home .travelInsider input[type="submit"]:hover { background-color: #002d62; color: #fff; } #home input[type=email] { color: #002d62; background: rgba(255, 255, 255, 0.9); font-weight: 700; height: 70px; margin: 7% auto 8% auto; padding: 0 15px; text-align: center; text-transform: uppercase; width: 100%; } #home .form-control::-webkit-input-placeholder, .blog form input::-webkit-input-placeholder, .blog form textarea::-webkit-input-placeholder { color: #002d62; font-weight: 400; } #home .form-control:-moz-placeholder, .blog form input:-moz-placeholder, .blog form textarea:-moz-placeholder { color: #002d62; font-weight: 400; } #home .form-control::-moz-placeholder, .blog form input::-moz-placeholder, .blog form textarea::-moz-placeholder { color: #002d62; font-weight: 400; } #home .form-control:-ms-input-placeholder, .blog form input:-ms-input-placeholder, .blog form textarea:-ms-input-placeholder { color: #002d62; font-weight: 400; } #home .hasPlaceholder { color: #002d62; } /* BLOG CAROUSEL */ .carouselBlog { position: relative; overflow: hidden; } .carouselBlog-inner { font-size: 0; white-space: nowrap; } .carouselBlog-item { background: #fcd00c; border-left: 1px solid #fff; border-right: 1px solid #fff; display: inline-block; position: relative; } .carouselBlog-item > div { padding: 3% 0%; } .carouselBlog-controlDiv { background-color: #002d62; border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: center; margin-top: 1px; height: 40px; } .carouselBlog-control { color: #fff; display: inline-block; font-size: 20px; padding: 4px; height: 40px; } .carouselBlog-control:active, .carouselBlog-control:hover { color: #fdde55; text-decoration: none; } #carouselMain .glyphicon.glyphicon-chevron-left, #carouselMain .glyphicon.glyphicon-chevron-right, #carousel-example-generic .glyphicon.glyphicon-chevron-left, #carousel-example-generic .glyphicon.glyphicon-chevron-right, .carouselBlog-controlDiv .glyphicon { color: #fcd00c; text-decoration: none; font-size: 30px; margin: 0 2px; } #carouselMain .glyphicon:hover, #carousel-example-generic .glyphicon:hover, .carouselBlog-controlDiv .glyphicon:hover { color: #fff; } #carousel-example-generic .glyphicon.glyphicon-chevron-left, #carousel-example-generic .glyphicon.glyphicon-chevron-right { margin: 0 -35px; top: 45%; } .carouselBlog-item img { display: block; max-width: 100%; height: auto; max-height: 175px; text-align: center; margin: 0 auto; } .carouselBlog-item div h4 { color: #002d62; font-size: 15px; font-weight: 700; padding: 0 4%; text-transform: uppercase; } .carouselBlog-item p { color: #002d62; font-size: 13px; line-height: 20px; padding: 0 4%; white-space: normal; } .carouselBlog-item a { font-size: 13px; font-weight: 700; white-space: normal; text-decoration: none; } .carouselBlog-item a:hover { color: #002d62; text-decoration: underline; } #carouselBlog1 i img { background: #fff; border-radius: 50%; bottom: 35px; box-shadow: 0 4px 2px 1px rgba(0, 0, 0, .3); float: right; padding: 10px 13px 10px 14px; position: relative; right: 30px; } .blogMore { padding-left: 2px; white-space: nowrap; } /* Event CAROUSEL */ .carouselEvent { position: relative; overflow: hidden; } .carouselEvent-inner { font-size: 0; white-space: nowrap; } .carouselEvent-item {background: white; border-left: 1px solid #fff; border-right: 1px solid #fff; display: inline-block; position: relative;} .carouselEvent-item > div { padding: 3% 0%; } .carouselEvent-controlDiv { text-align: center;margin-top: 0px; height: 40px;position: absolute;top: 38%;height: 24%;width: 12.333333%;vertical-align: middle;display: table-cell;} .carouselEvent-controlDiv.right { right: 0; /* background-image: -webkit-linear-gradient(left,rgba(0,45,98,.0001) 0,rgba(0,45,98,.5) 100%); */ background-image: -o-linear-gradient(left,rgba(0,45,98,.0001) 0,rgba(0,45,98,.5) 100%); /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,45,98,.0001)),to(rgba(0,45,98,.5))); */ /* background-image: linear-gradient(to right,rgba(0,45,98,.0001) 0,rgba(0,45,98,.5) 100%); */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00002D62', endColorstr='#80002D62', GradientType=1); background-repeat: repeat-x; } .carouselEvent-controlDiv.left { left: 0; /* background-image: -webkit-linear-gradient(left,rgba(0,45,98,.5) 0,rgba(0,45,98,.0001) 100%); */ background-image: -o-linear-gradient(left,rgba(0,45,98,.5) 0,rgba(0,45,98,.0001) 100%); /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,45,98,.5)),to(rgba(0,45,98,.0001))); */ /* background-image: linear-gradient(to right,rgba(0,45,98,.5) 0,rgba(0,45,98,.0001) 100%); */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80002D62', endColorstr='#00002D62', GradientType=1); background-repeat: repeat-x; color: #002D62; } .carouselEvent-controlDiv.mobile { display: none; } .carouselEvent-controlDiv.mobile { background: whitesmoke; position: relative; width: 100%; left: 0; top: 0; margin-top: 1px; display: none; } .mobile .carouselEvent-control { top: 0; transform: none; } .carouselEvent-control { color: #fff; display: inline-block; font-size: 20px; padding: 4px;/* height: 40px; */top: 50%;transform: translateY(-50%);} .carouselEvent-control:active, .carouselEvent-control:hover { color: #fdde55; text-decoration: none; } .carouselEvent-Image { position: relative; } .carouselEvent-Image h2{ position: absolute; bottom:0; left:0; right: 0; font-size:22px; width: 100% ; display:table; } .carouselEvent-Image span{ display:table-cell; min-width:50%; text-align:center } #carouselMain .glyphicon.glyphicon-chevron-left, #carouselMain .glyphicon.glyphicon-chevron-right, #carousel-example-generic .glyphicon.glyphicon-chevron-left, #carousel-example-generic .glyphicon.glyphicon-chevron-right, .carouselEvent-controlDiv .glyphicon { color: #fcd00c; text-decoration: none; font-size: 30px; margin: 0 2px; } #carouselMain .glyphicon:hover, #carousel-example-generic .glyphicon:hover, .carouselEvent-controlDiv .glyphicon:hover { color: #fff; } #carousel-example-generic .glyphicon.glyphicon-chevron-left, #carousel-example-generic .glyphicon.glyphicon-chevron-right { margin: 0 -35px; top: 45%; } .carouselEvent-item img { display: block; max-width: 100%; height: auto; max-height: 175px; text-align: center; margin: 0 auto; } .carouselEvent-item div h4 { color: #002d62; font-size: 15px; font-weight: 700; padding: 0 4%; text-transform: uppercase; } .carouselEvent-item p { color: #002d62; font-size: 13px; line-height: 20px; padding: 0 4%; white-space: normal; } .carouselEvent-item a { font-size: 13px; font-weight: 700; white-space: normal; text-decoration: none; } .carouselEvent-item a:hover { color: #002d62; text-decoration: underline; } #carouselEvent i img { background: #fff; border-radius: 50%; bottom: 35px; box-shadow: 0 4px 2px 1px rgba(0, 0, 0, .3); float: right; padding: 10px 13px 10px 14px; position: relative; right: 30px; } .eventMore { padding-left: 2px; white-space: nowrap; } /* Error page */ body .customErrorOutput h1 { font: 700 24px/30px "Open Sans", sans-serif; color: #002D62; text-transform: uppercase; margin: 0 0 30px; } body .customErrorOutput ul li { margin:0 0 20px 50px; color: red; } /************************ ****** EXPLORE AAA ****** ************************/ .exploreAnnArbor2 h2 { background-color: #f5f5f5; color: #002d62; font-size: 25px; font-weight: 800; margin: 35px 0; padding: 30px 0; text-transform: uppercase; } .exploreAnnArbor2 a { color: #002d62; font-size: 25px; font-weight: 800; margin-top: 0px; text-transform: uppercase; text-decoration: none; } .exploreAnnArbor2 a:hover { text-decoration: underline; } .visibleMobileMap { display: none; } #home .col-sm-4.accordionMap { padding-right: 0; padding-left: 0; } #home .panel-group .panel { border-radius: 0; } #home .accordionMap .panel-group .panel { cursor: pointer; } #home .accordionMap .panel-group .panel+.panel { margin-top: 0; } #home .accordionMap .panel-default>.panel-heading { background-color: #002d62; } #home .accordionMap .panel-title { font-size: 17px; } #home .accordionMap .panel-title>a { color: #fff; font-weight: 700; /*padding: 10px 0;*/ text-transform: uppercase; text-decoration: none; } #home .accordionMap .panel-title:hover>a { color: #fcd00c; /*padding: 10px 0;*/ text-decoration: none; } #home .accordionMap .active .panel-title:hover { cursor: pointer; } #home .accordionMap .active .panel-title:hover a { color: #fcd00c; padding: 10px 0; text-decoration: none; } #home .accordionMap .panel-body { background-color: #002d62; color: #fff; padding: 0px 0 10px 0; text-transform: uppercase; } #home .accordionMap .panel-body ul li { font-size: 17px; padding: 5px 15px 5px 0; } #home .accordionMap .panel-body ul li:hover, #home .accordionMap .panel-body ul li.active { background-color: #056db1; } #home .eatIcon, #home .playIcon, #home .stayIcon, #home .meetIcon, #home .visitCampusIcon, #home .athleticsIcon, #home .studentLifeIcon, #home .greatLakesTrainingCenterIcon { display: inline-block; background: url(../images/accordionMapIconSprite.png) no-repeat center center; background-repeat: no-repeat; height: 18px; margin-right: 10px; width: 18px; } #home .accordionMap .panel-body .eatIcon { background-position: -16px -63px; } #home .accordionMap .panel-body ul li.active .eatIcon, #home .accordionMap .panel-body li:hover .eatIcon { background-position: -16px -15px; } #home .accordionMap .panel-body .playIcon { background-position: -65px -63px; } #home .accordionMap .panel-body ul li.active .playIcon, #home .accordionMap .panel-body li:hover .playIcon { background-position: -65px -15px; } #home .accordionMap .panel-body .stayIcon { background-position: -116px -62px; } #home .accordionMap .panel-body ul li.active .stayIcon, #home .accordionMap .panel-body li:hover .stayIcon { background-position: -116px -14px; } #home .accordionMap .panel-body .meetIcon { background-position: -160px -62px; } #home .accordionMap .panel-body ul li.active .meetIcon, #home .accordionMap .panel-body li:hover .meetIcon { background-position: -160px -14px; } #home .accordionMap .panel-body .visitCampusIcon { background-position: -352px -62px; } #home .accordionMap .panel-body li.active .visitCampusIcon, #home .accordionMap .panel-body li:hover .visitCampusIcon { background-position: -352px -14px; } #home .accordionMap .panel-body .athleticsIcon { background-position: -199px -63px; vertical-align: -2px; } #home .accordionMap .panel-body li.active .athleticsIcon, #home .accordionMap .panel-body li:hover .athleticsIcon { background-position: -199px -15px; } #home .accordionMap .panel-body .studentLifeIcon { background-position: -253px -62px; } #home .accordionMap .panel-body li.active .studentLifeIcon, #home .accordionMap .panel-body li:hover .studentLifeIcon { background-position: -253px -14px; } #home .accordionMap .panel-body .greatLakesTrainingCenterIcon { background-position: -302px -62px; } #home .accordionMap .panel-body li.active .greatLakesTrainingCenterIcon, #home .accordionMap .panel-body li:hover .greatLakesTrainingCenterIcon { background-position: -302px -14px; } #home .mapContainer { position: relative; } #home .mapContainer .map-loader { background: transparent url('../images/loading.gif') no-repeat center; height: 64px; left: 50%; margin: -32px 0 0 -32px; width: 64px; position: absolute; top: 50%; z-index: 10; } #home .accordionMap .panel-body ul li a { color: #fff; padding: 5px 15px 5px 15px; text-decoration: none; } #home .accordionMap .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #002d62; } #home .accordionMap .panel-default { border-color: #056db1; } #home .accordionMap .panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; } #home .accordionMap .glyphicon-chevron-left { color: #fcd00c; float: right; -webkit-transition: all .4s ease; transition: all .4s ease; } #home .accordionMap .active .glyphicon-chevron-left { -webkit-transform: rotate(450deg); -ms-transform: rotate(450deg); transform: rotate(450deg); } #meetUniversityofMichigan, #meetEasternMichiganUniversity, #meetWashtenawCommunityCollege { display: none; } .infowindow-container { color: white; text-align: left; font-size: 12px; line-height: 14px; } .infowindow-container .arrowContainer { border-top-color: #002d62 !important; } .contentMapInfo { background-color: #002d62; padding: 10px; position: relative; text-transform: uppercase; line-height: 12px; font-size: 11px; color: white; font-weight: 400; } .contentMapInfo.withImage { padding: 0; } .contentMapInfo.withImage p { padding-left: 5px; } .contentMapInfo p { margin: 0; padding: 0; } .contentMapInfo .title { font-size: 11px; line-height:12px; margin: 0; display: block; padding-right: 12px; font-weight: 800; } .contentMapInfo .content-with-image { overflow: hidden; } .contentMapInfo .content-with-image div.content { position: relative; overflow: hidden; min-width: 260px; min-height: 60px; margin-bottom: 5px; } .contentMapInfo .content-with-image div.content a.drivingDirections { float: left; width: 50%; margin:0; padding: 0 0 0 5px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; letter-spacing: -0.2px; } .contentMapInfo .content-with-image .titlebar { background-color: #056DB1; padding: 8px 20px 8px 5px; display: block; margin-bottom: 5px; } .contentMapInfo .content-with-image div.content > a.imgBG { background-color: #002D62; background-repeat: no-repeat; background-position: center right; width: 45%; position: absolute; top: 0; right: 5px; bottom: 0; display: block; background-size: 100% 100%; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } .contentMapInfo .content-with-image div.content > a.imgBG:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .contentMapInfo a.drivingDirections { color: white; text-decoration: none;} .contentMapInfo .content-with-image div.content a.drivingDirections:hover { text-decoration: none; color: #EEF5F9; letter-spacing: 0.2px; } .contentMapInfo span.phone { display: block; margin-top: 10px; } a.mapContextClose { color: white; cursor: pointer; font-size: 16px; font-weight: 800; position: absolute; right: 5px; text-decoration: none; top: 5px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 100000; } a.mapContextClose:hover { -webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5); } /* ** mobile css for icons/map select ** */ section.container div.row.visible-xs { margin-right: 0; margin-left: 0; } section.container div.row > div.col-xs-4, section.container div.row > div.col-xs-8 { background-color: #002d62; border-right: 1px solid #fff; border-bottom: 1px solid #fff; height: 0; padding-bottom: 33.3%; width: 33.3%; } section.container div.row > div.col-xs-8 { border-right: 0; } section.container div.row > div.col-xs-4, section.container div.row > div.col-xs-8 { padding-bottom: 33.3%; width: 33.3%; } section.container div.row > div.col-xs-8 { height: 0; padding-bottom: 33.3%; width: 66.6%; } section.container div.row > div.col-xs-4:first-child { background-color: #f5f5f5; } section.container div.row > div.col-xs-4 div, section.container div.row > div.col-xs-4:first-child h6 { position: absolute; left: 50%; margin: 0 auto; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 95%; max-height: 95%; } section.container div.row > div.col-xs-4 div img { margin: 0 auto; max-width: 75%; max-height: 75%; padding-top: 3%; } section.container div.row > div.col-xs-8 div img { max-width: 36%; } section.container div.row > div.col-xs-4 div h6 { color: #fcd00c; font-size: .85em; font-weight: 800; text-transform: uppercase; } section.container div.row > div.col-xs-4:first-child h6 { color: #002d62; font-size: 1.5em; font-weight: 800; text-transform: uppercase; } section.container div.row > div.col-xs-4:first-child h6 img { width: 2em; } /************************ ****** GOOGLE MAP ******* ************************/ #map { width: 100%; } .gm-style-iw { margin:0; padding: 0; top: initial !important; bottom: -2px; } .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div { background-color: transparent !important; box-shadow: none !important; width: auto !important; height: auto !important; } /* arrow */ .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div { display: none; } /* close button */ .gm-style > div:first-child > div + div > div:last-child > div > div:last-child { display: none; } /************************ ********* ORBITZ ******** ************************/ #home section.container div.row div.orbitz.text-center { background-color: #f5f5f5; margin: 16px 0; padding: 25px 0; } #home .orbitz div.bookHotelText { float: left; margin-right: -30px; padding-left: 63px; } #home .orbitz div.bookHotelText h3 { color: #002d62; font-size: 20px; font-weight: 300; line-height: 21px; margin: 0; text-align: left; } #home .orbitz div.bookHotelText h3 span { font-size: 23px; font-weight: 800; display: block; } #home .orbitz div.bookHotelText p { font-size: 9px; margin-top: -5px; } #home .orbitz input[type=text] { background: rgba(255, 255, 255, 1); background-image: url(../images/calendar.png); background-position: 93% 50%; background-repeat: no-repeat; border: 1px solid #abb9c9; color: #002d62; font-size: 18px; font-weight: 300; height: 55px; margin: 0 27px 0 0; padding: 0 15px; width: 262px; } #home .orbitz .btn-default { background-color: #fcd00c; border-radius: 0; color: #002d62; height: 54px; font-size: 16px; font-weight: 800; padding: 16px 0; text-transform: uppercase; -webkit-transition: .35s ease-in-out;transition: .35s ease-in-out; vertical-align: top; width: 262px; } #home .orbitz .btn-default:hover { background-color: #002d62; color: #fff; } #home .orbitz input::-webkit-input-placeholder { color: #002d62; } #home .orbitz input:-moz-placeholder { color: #002d62; } #home .orbitz div.bookHotelText p img { height: 14px; } /************************ ********* FOOTER ******** ************************/ footer.accordion ul > li { display: block; max-height: 0; opacity: 0; text-align: center; -webkit-transition: all 1000ms ease-in-out;transition: all 1000ms ease-in-out; } footer.accordion ul > li:first-child { cursor: pointer; display: block; max-height: inherit; max-height: auto; opacity: 1; } footer.accordion ul.active > li { max-height: 250px; opacity: 1; } footer.accordion .col-sm-2:first-child { padding-left: 5px; } footer.container { background-color: #f5f5f5; padding-top: 30px; } footer.container > div.row { padding-left: 39px; } footer h6, footer a { color: #002d62; font-size: 11px; } footer h6 { font-weight: 700; } footer a:focus, footer a:hover { color: #002d62; } footer .col-sm-2:first-child { padding-left: 15px; } footer .col-sm-2:last-child { padding-left: 35px; padding-right: 15px; } footer .col-sm-2 { padding-right: 5px; padding-left: 5px; } footer section.socialIcons i { font-size: 2em; margin: 15% 0 0 0; padding: 0 4%; } footer section.socialIcons i.fa { padding: 0 4%; } footer .footer2 img { margin: 80px 0 10px 0; } footer .footer2 img.pureMi { height: 46px; width: 186px; margin: 0 0 60px 0; } footer address { color: #002d62; margin-bottom: 15px; } footer .footer2 address { font-size: 11px; } footer ul li h6 i.glyphicon.glyphicon-chevron-down { -webkit-transition: all .4s ease; transition: all .4s ease; } footer ul.active li h6 i.glyphicon.glyphicon-chevron-down { -webkit-transform: rotate(450deg); -ms-transform: rotate(450deg); transform: rotate(450deg); } a.toTop { display: block; padding: 6px 0; } footer a.more { font-weight: bold; } /************************ * SPINNING SOCIAL ICONS * ************************/ div.socialIconsAnimate, div.socialIconsAnimateFooter { margin-top: 30px; -webkit-backface-visibility: hidden; } ul.social-network { display: inline; margin-left: 0 !important; } ul.social-network li { display: inline; margin: 0 5px; } .social-network a.icoFacebook:hover { background-color: #3B5998; } .social-network a.icoTwitter:hover { background-color: #33ccff; } .social-network a.icoPinterest:hover { background-color: #BD3518; } .social-network a.icoInstagram:hover { background-color: #3f729b; } .social-network a.icoHeart:hover { background-color: #ff0000; } .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoPinterest:hover i, .social-network a.icoHeart:hover i, .social-network a.icoInstagram:hover i { color: #fff; } .social-circle li a, .social-circle a { border-radius: 50%; display: inline-block; font-size: 30px; height: 50px; margin: 0 auto 0 auto; position: relative; text-align: center; width: 50px; } div.socialIconsAnimateFooter .social-circle a { margin: 0 5px; } .social-circle li i, .social-circle i { line-height: 50px; margin: 0; text-align: center; } .social-circle li a:hover i, .social-circle a:hover i, .triggeredHover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; transition: all 0.2s; } .social-circle i { color: #002d62; } .social-circle a { background-color: #fff; } /* SCROLLING ARROW */ #home .main { left: 50%; margin: -130px auto 0 -29px; position: absolute; z-index: 10; } .animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } /************************** ***** ARTICLE PAGE ******** **************************/ #article div.col-sm-8 { border-right: 1px solid #eee; } #article img.img-responsive.rect { float: left; margin: 0 20px 0 0; padding: 0 15px 15px 0; } #article div img.img-circle { float: left; margin: 0 20px; } div.container#article section { margin-bottom: 20px; } /************************** ***** LISTINGS PAGE ******** **************************/ #startEndSearch{display: block;} #startEndSearch.eventsActive{display:block;} #startEndSearch input[type=text] { background: rgba(255, 255, 255, 1); background-image: url(../images/calendar.png); background-position: 93% 50%; background-repeat: no-repeat; background-size: 22px; border: 0; color: #002d62; font-size: 14px; font-weight: 400; height: 30px; margin: 5px 1px 0 0; padding: 0 5px; width: 41%; } form#startEndSearch > div { border-top: 1px solid #fff; color: #002d62; padding: 0 5px 5px 20px; background: #eee; } .evStartEnd { float: right; width: 315px; } #evStartEnd-submit { background: #ffffff url(../images/template/aasearch-icon.png) center center no-repeat; background-position: 50% 50%; padding: 20px 14px 10px 14px; float: right; margin: 5px 16px 0 0; } .listings .scrollToTop { position: fixed; bottom: 20px; right: 50%; animation-duration: 4s; } .pagination-controls { display: none; } .listings .scrollToTop img { transform: rotate(180deg) translateX(-50%); width: 50px; height: auto; } .listings .btn{ background: #fcd00c; border-radius: 0; color: #002d62; display: inline-block; font-weight: bold; margin: 1px; padding: 10px 15px; text-align: center; text-transform: uppercase; } .listings .btn.inactive{ background:#fce376; } .listings section.row.searchResults { color: #002d62; font-weight: bold; text-align: left; } .listings .text { display: inline-block; font-weight:normal; opacity:1; overflow: hidden; position: absolute; top: 50%; -webkit-transition: opacity 500ms ease-in-out 500ms; transition: opacity 500ms ease-in-out 500ms; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; } .listings .text h2 { font-size: 14px; margin-top: 10px;} .listings article { margin-bottom: 30px; } .listings .right { float: right;width: 55px;} .categoryHeader i { float: right; -webkit-transition:-webkit-transform 500ms ease; transition:transform 500ms ease; display:none;} ul.categoryList.active { max-height: 90vh; overflow-y: scroll; } ul.categoryList { -webkit-transition: max-height 500ms ease;transition: max-height 500ms ease; margin-bottom: 30px;background-color: #F3F3F3;border: none;box-shadow: none;border-radius: 0;} .categoryHeader.active i { -webkit-transform: rotate(540deg); -ms-transform: rotate(540deg); transform: rotate(540deg); } .listings .left { float: none; /* not needed, just for clarification */ background: #e8f6fe; /* the next props are meant to keep this block independent from the other floated one */ overflow: hidden; width: auto; } .listings #aasearch .fields.active, .listings #notaasearch .fields.active { width: 100%; } .listings #aasearch .fields.active + .text { opacity: 0; -webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; } .listings #notaasearch .fields.active + .text { opacity: 0; -webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; } .listings .search { overflow:hidden; position: relative; } .listings span.sortBy { font-weight: normal; } label.catLabel { font-size: 14px; color: #002D62; text-transform: uppercase; font-weight: bold; } ul.categoryList.options { margin-bottom: 0; } ul.ads { text-align: center; } ul.ads li { margin: 10px 0; } ul.ads li:first-child { margin-top: 0; } #aasearch-list .card.callout div.form-container { background: #F3F3F3; display: inline-block; height: 450px; padding: 17px; text-align: center; width: 100%; } #aasearch-list .card.callout h2 { color: #002D62; font-size: 20px; font-weight: bolder; text-transform: uppercase; } #aasearch-list .card.callout p { line-height: 125%; margin: 0 auto; max-width: 256px; text-align: center; } .widowPrevent { display: inline-block; } li.card.col-md-4.col-sm-6.col-xs-12.callout.matchedKeyword {} #aasearch-list .card.callout form { margin-top: 20px; } #aasearch-list .card.callout input[type="submit"] { background: #FCD00C; border: none; font-size: 15px; font-weight: bolder; height: 63px; padding: 20px; text-transform: uppercase; width: 150px; } .callout .form-control { background: white; color: #002D62; font-size: 15px; font-weight: lighter; padding: 1px; text-align: center; width: 100%; } .callout .form-control::-webkit-input-placeholder { color: #002d62; font-weight: 400; } .callout .form-control:-moz-placeholder { color: #002d62; font-weight: 400; } .callout .form-control::-moz-placeholder { color: #002d62; font-weight: 400; } .callout .form-control:-ms-input-placeholder { color: #002d62; font-weight: 400; } /************************** ***** Visitors Guide ******** **************************/ #visitors-guide .wrapper { background: #002d62; color: white; padding: 5%; } #visitors-guide h2 { color: #fff; font-size: 25px; font-weight: bold; margin: 0 0 10px 0; } #visitors-guide p { font-size: 16px; padding-right: 5px; } #visitors-guide label { font-weight: normal; } .printversion { display: none; } #visitors-guide p.requiredNote { font-size: 13px; margin-top: 20px; } #visitors-guide p.meet-thanks { text-align: center; color: #002D62; font-size: 14px; margin-top: 100px; } .form-group{position:relative} .form-group label {font-family:"Open Sans";font-size:15px;color:#002d62;height:53px;line-height:53px;position:absolute;lsft:0;min-width: 90px;margin-left:15px;} .form-group .fa-exclamation { position: absolute; top: 0;line-height: 55px; font-size: 36px; right: 0; margin-right: 15px; color: #E29D47; opacity: 0; filter:alpha(opacity=0); visibility: hidden; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .form-container .form-group.err .fa-exclamation { opacity: 1; filter:alpha(opacity=100); visibility: visible; } .form-group.err input, .form-group.err select, #home .form-group.err input, #home .form-group.err select { background-color: #F3D9D9; } form .btnSubmit{font: 800 20px/20px "Open Sans";color:#fff; background: #FCD00C; background-size:cover;width:100%;height: 60px;border-radius:0;border:0;-webkit-transition:all 250ms ease;transition:all 250ms ease;max-width: 300px;color: #002D62;display: block;margin-top: 30px;} form .btnSubmit:hover{color:#002d62} form .checkbox{position:relative;text-align:left} form .checkbox input.checkbox-field{position:absolute;left:-9999px} form .checkbox-field + label{position:relative;padding-left:30px;text-align:left;font-size: 14px;} form .checkbox-field + label:before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:0;border: 1px solid #ffffff;} form input.checkbox-field + label:after{content:"\2713 ";position:absolute;top:-2px;left:5px;font-size:16px;color: #ffffff;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);} form input.checkbox-field:checked + label:after{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)} form input.checkbox > label{text-align:left} .form-mobile.only-mobile .row { margin: 0 20px; } .form-mobile form .checkbox { text-align: center; } form input.form-control, form select.form-control{border:1px solid #002d62;border-radius:0;font-family:"Open Sans";font-size:15px;color:#002d62;height:53px;line-height:53px;box-sizing:border-box; 0px 6px 0 0; padding-left: 115px; } form .btnSubmit:hover { background: #002D62; border: solid 1px #FCD00C; color: #FCD00C; } .a3Error { border: 1px solid #858585; border-radius: 4px; left: 50%; max-height: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; width: 80%; top: 50%; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .a3Error.on { background: #000; border-radius: .5em; color: #fff; font: 400 1em/1.75em 'Open Sans', sans-serif; max-height: 500px; padding: 5%; opacity: .8; filter:alpha(opacity=80); } .a3Error * { color: #fff; } .nav .a3Error.on { display: none; } /************************** ***** Add Event ******** **************************/ input[type="file"].form-control { vertical-align: middle;line-height: 10px;padding-top: 15px;} form#publishForm { background: #002D62; padding: 50px; } /************************** ***** Cat Child PAGE ******** **************************/ .catChild .btn, .form .btn { background: #F4D215;border: solid 1px #f4d215;color: #002d62; border-radius: 0; display: inline-block; font-weight: bold; margin: 10px 5px 10px 0; padding: 10px 15px; text-transform: uppercase; width: 160px; height: 55px; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out;} .thankyou .btn { background: #F4D215; color: #002d62; border-radius: 0; display: inline-block; font-weight: bold; margin: 30px 0; padding: 19px 0; text-transform: uppercase; text-decoration: none; font-weight: bolder; width: 100%; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; cursor: pointer; } .catChild .content ul { list-style-type:disc; margin-left: 20px; } .meetcallout { display: inline-block; font-weight: bold; line-height: 200%; margin-bottom: 30px; margin-top: 0; text-align: left; text-transform: uppercase; vertical-align: top; } .meetcallout a { background: gold; font-weight: bold; margin-right: 5px; padding: 20px 35px; text-transform: uppercase; text-decoration: none; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; } .catChild .btn:hover, .meetcallout a:hover { background-color: #002d62;color: #F4D215;} .catChild.meet h2, .listings aside h2, .form aside h2 { font-weight: 800; text-transform: uppercase; color: #002D62; } .catChild p { text-align: justify; } .catChild img.cardShare {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);position: relative;height: 25px;width: 25px;margin-right: 10px;} .catChild .article-modal.active { position: fixed; top: 0; left: 0; z-index: 10000; opacity:1; transition:opacity 500ms ease-in-out; height: 100vh; width: 100%; background: rgba(0,0,0,.7); } .catChild .article-modal .modalBody { position: absolute; top: 50%; left: 50%; background: rgba(0, 45, 98, .95); text-align: center; color: white; font-size: 19px; line-height: 22px; font-weight: bolder; padding: 30px; transition:opacity 500ms ease-in-out; text-transform: uppercase; display:table-cell; vertical-align:middle; transform: translate(-50%,-50%); height: auto; width: 100%; max-width: 320px; z-index: -1; } .article-modal a { line-height: 80px; vertical-align: top; } .article-modal span { width: 100%; display: block; margin: 0 auto; vertical-align: middle; } .article-modal img { vertical-align: middle; margin: 20px 10px; background: #FCD00C; border-radius: 100px; } .article-modal input { margin-top: 30px; color: #002D62; font-size: 13px; width: 100%; padding: 2px 19px; height: 37px; border: none; } .article-modal a { font-size: 40px; color: white; text-decoration: none; font-weight: bolder; margin: 15px; line-height: 106px; vertical-align: middle; } .article-modal a :hover{ color:#fcd00c; } .article-modal .btn { font-size: 17px; padding: 10px 14%; font-weight: bolder; width: auto; height: auto; margin-top: 30px; } section.row.share { font-size: 15px; color: #1D3060; font-weight: bolder; float: right; margin: 0 5px 0 0; cursor: pointer; } .news .contentArea li { list-style-image: url('data:image/svg+xml,'); } .news .pageHeader a{ color:white; text-decoration:none; } .gaaa a.btn{ width: 100%; height: auto; text-decoration: none; padding: 15px 0; margin-bottom: 30px; } section.author { overflow: auto; background: #eeeeee; padding: 30px; font-style:italic; color: #002D62; display: table; } .blog .moreinfo { display: block; } .event .moreinfo { display: block; } .author img { width: 70px; height: 70px; border-radius: 200px; float: left; margin-right: 30px; } p.authname { font-size: 20px; font-weight: bold; } .blog form input { width: 100%; display: inline-block; box-sizing: border-box; padding: 10px 15px; margin-bottom: 20px; text-transform: capitalize; transition: background 100ms ease; } .blog form input[name="captcha"] { text-transform: none; } .blog form textarea { width: 100%; height: 120px; padding: 10px 15px; margin-bottom: 15px; } .blog form input[type="submit"] { height: 60px; background: #002D62; color: white; width: 50%; font-weight: bold; font-size: 16px; text-transform: uppercase; } .blog form input[type="submit"]:HOVER{ border: solid 1px #002D62; background:#fcd00c; } .author .image { display: table-cell; width: 100px; vertical-align: middle; } .author .body { display: table-cell; vertical-align: middle; } .acomment { color: #002D62; margin-bottom: 12px; } .acomment p.commenter { font-size: 12px; font-weight: normal; } .acomment p { margin-bottom: 0; font-weight: bold; } /************************** ** SUB PAGE heading etc ** **************************/ section.row.precontent, section.row.contentArea { color: #002D62; } .subpage .hero { background-size: cover; background-position: center bottom; position: relative; height: 350px; width: 100%; } .about h1 { color: transparent; } .subpage .hero div { bottom: 0; color: #ffcf00; font-size: 40px; font-weight: normal; left: 0; padding: 24px 30px; position: absolute; text-transform: uppercase; width: 100%; } .subpage section.row.pageHeader { background: #002d62; color: #fff; font-size: 25px; font-weight: bolder; line-height: 33px; padding: 5px 0; text-align: left; text-transform: uppercase; } .subpage .row.categories { font-size: 0; margin: 1px -15px; margin-bottom: 30px; text-align: left; } .subpage .row { margin: 0; margin-bottom: 30px; } .about.subpage .faq a.faq { color: #002D62; display: block; text-decoration: none; vertical-align: middle; } .about.subpage .faq a.faq:hover { text-decoration: underline; } .about.subpage .faq a.faq:before { content: '\3009'; font-weight: bolder; display: inline-block; font-size: 12px; margin-bottom: 2px; margin-right: 2px; vertical-align: middle; } .about.subpage .faq h2 { font-size: 20px; font-weight: bold; text-transform: uppercase; } .subpage.form .hero h1 { font-size: 90px; } .form.subpage .hero div { top: 100%; bottom: inherit; transform: translateY(-100%); } .vguide { text-align: center; } .form.subpage .bottom aside { text-align: center; } .form.subpage .bottom aside h2 { width: 70%; margin: 30px auto; } .form.subpage .btn { padding: 17px 15px; height: auto; } /************************** *** Meetings Listings **** **************************/ #facilityList h4 { background-color: #eff0f4; color: #1a2f68; font-weight: bold; font-size: 16px; padding: 10px; margin-bottom: 8px; } #facilityList h4 { color: #1a2f68; text-decoration: none; font-size: 20px;font-weight: bold;text-transform: uppercase;} #facilityList h4 a:hover { text-decoration: underline; } ul#facilityList li { overflow: hidden; margin-bottom: 20px; } ul#facilityList li .left { float: left; width: 179px; margin-right: 15px;} ul#facilityList li .left img { vertical-align: bottom; } ul#facilityList li .left .more-photos { text-align: center; font-size: 13px; padding: 8px 0 10px 0; background-color: #1a2f68; margin-bottom: 5px; } ul#facilityList li .left .more-photos a { color: #fff; padding-right: 8px; background: url(../images/template/arrow-white.png) right center no-repeat; } ul#facilityList li .left .more-photos .holder { display: none; } ul#facilityList li .left a.website { display: block; text-align: center; padding: 5px; font-size: 11px; color: #e7439b; } ul#facilityList li dl { clear: both; font-size: 11px; padding-top: 5px; } ul#facilityList li dt { display: inline; color: #3a6f8f; padding: 0 5px 0 0; white-space: nowrap; float: left;clear: both;} ul#facilityList li dd { display: inline; white-space: nowrap; float: left;} ul#facilityList li .right { line-height: 20px; overflow: hidden;vertical-align: top;} ul#facilityList li .right .rooms, ul#facilityList li .right .map { width: 94px; margin-left: 10px; display: inline-block;vertical-align: top;height: 60px;overflow: hidden;margin-bottom: 20px;} ul#facilityList li .right .rooms { background-color: #eff0f4; color: #1a2f68; font-size: 12px; text-align: center; display: inline-block;padding-top: 12px; vertical-align: top;height: 60px;overflow: hidden;} ul#facilityList li .right .rooms span { font-size: 21px; } ul#facilityList li .right .address { margin-bottom: 20px; display: inline-block;vertical-align: top;float: left;} ul#facilityList li .right .address span { display: block; color: #1a2f68; font-weight: bold; } ul#facilityList li .right .roommapcontainer{ float:right;} ul#facilityList li .right p { display: block; clear:left;} ul#facilityList li .right p a { color: #3A6F8F; padding-right: 8px; background: url(../images/template/arrow-pink.png) right center no-repeat; } ul#facilityList span.moreinfo { font-weight: bold; vertical-align: middle; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; background: #ececec; padding: 10px; opacity: 1;-webkit-transition: opacity 100ms ease-in-out;transition: opacity 100ms ease-in-out;} ul#facilityList .desc { max-height: 162px; overflow: hidden; height: auto;clear: both; position: relative; -webkit-transition: max-height 400ms ease-in-out; transition: max-height 400ms ease-in-out;} ul#facilityList .desc.active { max-height: 1000px; } ul#facilityList .active span.moreinfo { opacity: 0; left: -100%;} a.facilitiesButton { background-color: #FCD00C; color: #002D62; font-weight: bold; margin: 1px; padding: 10px 15px; text-decoration: none; text-transform: uppercase; float:left;} a.facilitiesButton.currentPage { background-color: #002D62; color: white; } /*********************** ***** Side Nav ******** ***********************/ #sideNav li { background: white; border-top: solid 1px #7f96b0; font-weight: lighter; padding: 10px; } #sideNav a { color: #002d62; font-size: 18px; text-transform: uppercase; text-decoration: none; cursor: pointer; } #sideNav a:hover, #sideNav a.active { font-weight: 800; text-decoration: none; } #sideNav a.unavailable:hover { color: grey; } #sideNav a.unavailable { color: grey; } #sideNav h2 { background: #002D62; border-bottom: solid 2px #056DB1; color:white; cursor: pointer; margin: 0; padding: 10px; } #sideNav h2:hover { color:#fcd00c; } #sideNav .glyphicon-chevron-down { color: #fcd00c; float: right; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:-webkit-transform 500ms ease; transition:transform 500ms ease; } #sideNav.sticky { padding-top: 25px; position: fixed; } .play .row.precontent { color: #002d62; text-align:justify; } .stay .row.precontent { color: #002d62; text-align:justify; } aside#left2 img { width: 100%; margin-bottom: 30px; } aside#left2{} section.row.columnWrapper { } section.row.top, section.row.bottom { margin: 0 -15px; margin-bottom: 30px; } .hero h1, .hero h2 { margin: 0; } .meet section.row.contentArea { margin: 0 -15px; } .meet section.row.catagories { margin-left: 15px; } .hero h1, .subpage.form.ypsi .hero h1 { font-size: 260px; font-weight: 800; line-height: 89%; margin-left:-10px; mix-blend-mode:hard-light; opacity: .9;} .meet .hero h1 { font-size: 140px; font-weight: 800; line-height: 89%; margin-left:-10px; opacity: .75; } .hero h2 { color: white; display: inline-block; font-weight: 100; font-size: 40px; line-height: 100%; } .meet .hero h2 { color: white; display: inline-block; font-weight: 100; font-size: 26px; line-height: 100%; text-align: left; } .thankyou .hero h1 { font-size: 90px; } .thankyou .hero h2 { font-weight: lighter; } .thankyou h2 { font-weight:bolder;margin: 0;text-transform: uppercase;} .thankyou section:nth-child(2) { color: #002d62; font-size: 16px; } .thankyou section:nth-child(2) p:first-child { margin-bottom: 4%; } ul.sublist {max-height: 0;overflow: hidden;margin-left:10%; height: auto;-webkit-transition:max-height 300ms ease;transition:max-height 300ms ease;} ul.sublist.active {max-height: 1700px;} #sideNav li.active .glyphicon-chevron-down { color: #fcd00c; float: right; -webkit-transform:rotate(540deg); -ms-transform:rotate(540deg); transform:rotate(540deg); } #sideNav li.listContainer { padding: 0; border: none;} /************************ ***** News Media Page ***** ************************/ .media-news-container .pageHeader { margin-bottom: 0px; } .news-article .news-date { font-size: 18px; display: block; margin: 20px 0; line-height: 20px; } .news-article .news-img { margin: 0 0 20px 5%; float: right; width: 55%; } .news-article .news-img img { width: 100%; } .media-news-container article.content.col-sm-8.col-xs-12 > .pageHeader { margin-bottom: 30px; } /************************ ******* RFP page ******* ************************/ section.rfp > div.col-lg-8 { margin-top: -20px; } /************************ ***** Search Page ***** ************************/ ul#search { margin: 0; } #search li { list-style: none; padding: 30px; } li.resultRowTwo { background: #cccccc; } #search h2 { font-size: 20px; font-weight: bold; text-transform: uppercase; } #search h2 a { text-decoration: none; } #search h2 a:hover { text-decoration: underline; } #search h3 { font-size: 14px; line-height: 1.412; } /************************ **** TRANSPORTATION ***** ************************/ .transportation2 { padding: 3%; } .transportation2 form { float: left; } .transportation2 img { float: right; } .transportation2 input { width: 190px; } .transportation2 input:last-child { height: 40px; margin: 8px 0; } .drivingDirections { clear: both; padding: 25px; } /************************ ***** MEDIA CHANGES ***** ************************/ /* @media (max-width: 1200px) and (min-width: 990px) { .row.rfp > div{ display: block; float: none; width: 100%; margin: 0 auto; left: 0; float: none; } } */ /* MAX 1200 */ @media (max-width: 1200px) { .navFloat { display: block; float: left; } .secondaryStatic { display: block; } #nav2 .theform { right:30px; } #home .flip, #home .back .inner, #home .inner, #home .flip .homeCard.flipped { height: 302px; max-height: 302px; } #home .travelInsider, #home .weekendGetaways .back h4 { font-size: 17px; height: 586px;} #home section.weekendGetaways.row div.face.back > div.inner i.fa.fa-times { font-size: 12px; padding: 3px 4px; } } @media (max-width: 1199px) { .navbar-default .navbar-nav>li.navName>h1, .navbar-default .navbar-nav>li.navName>span{margin-top: -14px;font-size: 14px;line-height: 1;display: block;} body.sticky #nav2 { max-width: 970px; } .navbar-default { height: 60px; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li.navName>h1 a, .navbar-default .navbar-nav>li.navName>span a {font-size: 24px;padding: 15px 20px;} nav.container { height: 92px; padding-top: 10px; } #nav2.activeForm form input[type="text"] { width:550px; height: 35px; } #nav2 form input[type="text"] { height: 35px; } #nav2 form button { margin-top: 2px; } #nav2 form button i { font-size: 24px; } #home div .carousel-caption .carousel-headline { font-size: 45px; } #home div .carousel-caption .carousel-subhead { font-size: 28px; } .carouselBlog-item div h4 { font-size: 13px; } .carouselEvent-item div h4 { font-size: 13px; } nav.container hr { margin: 2px 0; } #home .weekendGetaways > div.col-sm-4 > div.text-center { height: 310px; } #home div.travelInsiderLayer { height: 620px; } #home .orbitz div.bookHotelText { display: inline-block; margin-bottom: 14px; } footer.container > div.row { padding-left: 0px; } #home .orbitz div.bookHotelText { float: none; margin: 0; padding: 0; } #home .travelInsider { background-color: #f5f5f5; color: #002d62; height: 622px; display: table-cell; vertical-align: middle; padding: 0 0px; } .travelInsiderLayer form input.form-control { font-size: 14px; } } @media (max-width: 1024px) { nav ul.mainStatic li a, nav ul.secondaryStatic li a { font-size: 12px; } nav ul.mainStatic li + li::before { content: "|"; padding: 0 4px; } nav ul.secondaryStatic li + li::before { content: "\2022"; padding: 0 5px; } nav.container hr { margin: 5px 0; } } /* MAX 992 */ @media (max-width: 992px) { .navbar-default { height: 50px; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li.navName>h1 a, .navbar-default .navbar-nav>li.navName>span a { font-size: 22px; padding: 6px 12px; } .navbar-default .navbar-nav>li.navName>h1, .navbar-default .navbar-nav>li.navName>span {margin: 0;margin-top: -13px;display: block;max-height: 200px;} .navbar .navbar-nav { margin-left:100px; } .form-control { padding: 6px 0px; } #nav2 form{ padding: 6px 12px; } #nav2 form input[type="text"] { width:50px; margin-top: -18px; } #nav2 .theform {right:30px; } #nav2.activeForm form input[type="text"] { width: 400px; height: 30px;} #nav2 form button { margin-top: -5px; } #home .weekendGetaways .btn { padding: 16px 0; } #home .accordionMap .panel-title { font-size: 11px; } #home .accordionMap .panel-body ul li a, #home .accordionMap .panel-body ul li { font-size: 11px; } #home .panel-heading { padding: 15px; } #home div.socialIconsAnimate { margin-top: 10px; } #home .social-circle li a { height: 30px; width: 30px; } #home .social-circle li i { font-size: 21px; line-height: 30px; } #home .head { min-height: 460px; } #home .weekendGetaways .back p { font-size: 12px; line-height: 1.3; margin: 0 0 5px; } #home .back .inner { padding-top: 5%; } /* Orbitz Pop-up */ #home .orbitz input[type=text] { display: block; margin: 10px 0; } #home .orbitz div.bookHotelText { display: block; } /*#home .orbitz div.bookHotelText span { float: none; }*/ #home .orbitz .btn-default { margin: 0 auto; } #home .orbitz div.bookHotelText h3 { text-align: center; } #home .banner_images, #home .banner_images2, #home .banner_images div, #home .banner_images2 div, #home .banner_images3, #home .banner_images3 div, #home .banner_images4, #home .banner_images4 div { width: 100%; } } @media (max-width: 991px) { body.sticky #nav2 { max-width: 749px; } .hero h1, .subpage.form.ypsi .hero h1 { font-size: 210px; line-height: 90%; } .hero h2 { font-size: 32px; } .subpage.form .hero h1 { font-size: 50px; } .subpage.thankyou .hero h1 { font-size: 50px; } .meet .hero h2 { font-size: 22px; } #nav2 form button { margin-top: -10px; margin-right: -20px; } #nav2 form input[type="text"] { margin-top: -20px; } #nav2.activeForm form input[type="text"] { margin-top: -14px; } .carouselBlog-item p { font-size: 12px; } .carouselEvent-item p { font-size: 12px; } #home .travelInsiderLayer h2 { font-size: 20px; } #home .travelInsider img { width: 65%; } #home .travelInsiderLayer h2 { font-size: 26px; padding: 8% 0; } #home .travelInsiderCopy p { line-height: 20px; padding: 0 15px; } #home input[type=email] { font-size: 10px; } #home .travelInsider input[type=email] { height: 60px; margin: 8% auto; } body .carousel-indicators li, body .carousel-indicators li.active { height: 10px; width: 10px; } #home div .carousel-caption .carousel-headline { font-size: 35px; } form input.form-control, form select.form-control{padding-left: 75px; } #nav2 form input.form-control {padding-left: 65px; } #nav2 form input[type="text"] { width: 40px; } footer .col-sm-2:last-child { padding-left: 15px; } .weekendGetaways .carousel .carousel-caption { margin-top: -15%; } ul#facilityList li .right .address { display: block; float:none;} ul#facilityList li .right .rooms { margin-left:0; } ul#facilityList li .right .roommapcontainer, .transportation form, .transportation img { float:none;} .transportation form, .transportation form p { text-align: center; } .transportation img { display: block; margin: 0 auto; } } /* MAX 768 */ @media (max-width: 768px) { ul#facilityList li .right .roommapcontainer{ float:right;} #home .panel-group { margin-bottom: 0; } footer .footer2 img { margin: 50px 0 10px 0; } .categoryHeader { background: #fcd00c; border-radius: 0; color: #002d62; display: none; font-weight: bold; margin: 1px; padding: 10px 15px; text-align: center; text-transform: uppercase; } .categoryHeader i { display:inline-block; } ul.categoryList.well { padding: 0; border: none; border-radius: 0; box-shadow: none; margin: 0; min-height: 0; } .thankyou .hero h1 { font-size: 110px; line-height: 100%; } #home .banner_images, #home .banner_images2, #home .banner_images div, #home .banner_images2 div, #home .banner_images3, #home .banner_images3 div, #home .banner_images4, #home .banner_images4 div { width: 100%; } section.row.top, section.row.bottom { margin: 0; margin-bottom: 30px; } div.mobile.navbar.navbar-inverse.navbar.visible-xs > div > #aaMobileHeader {background: #002d62;font-size: 22px;font-weight: 300;line-height: 30px;padding: 6px 0;text-align: center;margin: 0;} div.mobile.navbar.navbar-inverse.navbar.visible-xs > div > #aaMobileHeader > a { color: #fcd00c; text-transform: uppercase; text-decoration: none; font-size: 24px; } .navbar { border-radius: 0; margin-bottom: 0; } .mobile2 .container { background-color: #002d62; } .mobile2 .navbar-nav { margin: 0 15px; } .navbar-nav.b { float: none; margin: 0; text-align: center; } .navbar-inverse { background-color: #002d62; } .navbar-inverse .navbar-nav>li>a { color: #fff; text-transform: uppercase; text-decoration: none; } .navbar-inverse .navbar-nav>li>a:hover { color: #fdde55; } .navbar-nav>li { display: inline-block; float: none; text-align: center; } /* .navbar-form fixes */ .mobile .navbar-form { border-top: 0 solid #000; border-bottom: 0 solid #000; box-shadow: inset 0 0 0 rgba(255,255,255,.9),0 0 0 rgba(255,255,255,.9); margin-bottom: 8px; margin-top: 16px; padding: 0 0 0 15px; } .mobile .form-control { background-color: #fff; background-image: none; box-shadow: inset 0 0 0 rgba(0,0,0,.075); border: 0 solid #ccc; border-radius: 0; color: #000; display: inline-block; height: 34px; line-height: 1.42857143; padding: 6px 12px; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; width: 60%; } /* adjust body when menu is open */ body.slide-active { overflow-x: hidden; } .no-margin-top { margin-top: 0 !important; } #page-content { left: 0; padding-top: 70px; position: relative; } #page-content.slide-active { padding-top: 0; } /* put toggle bars on left */ #slide-nav .navbar-toggle { background: transparent; border: 0; cursor: pointer; float: left; height: 40px; line-height: 0; margin: 0; padding: 10px 0 0 0; position: relative; width: 30px; } /* icon bar */ #slide-nav .navbar-toggle > .icon-bar { background-color: #002d62; display: block; height: 3px; margin: 5px 0 0 0; width: 100%; } .mobile#slide-nav form.navbar-form .fa.fa-search { color: #002d62; } #slide-nav .navbar-toggle.slide-active .icon-bar { background: #002d62; } .navbar-header { position: relative; } .navbar.navbar-fixed-top.slide-active { position: relative; } .weekendGetaways article { margin-right: -2px; } .weekendGetaways .carousel .carousel-caption { margin-top: -4%; } } /* MAX 767 */ @media (max-width: 767px) { .container.dropShadow { padding: 1px 1px 0 1px; } #home .carousel-caption { bottom: 25%; } #home section.weekendGetaways .col-sm-4:first-child { margin-bottom: 1px; padding-left: 0; padding-right: 2px; } .exploreAnnArbor2 h2, .exploreAnnArbor2 span { font-size: 22px; margin: 4px 0 2px 0; } .exploreAnnArbor2 a { font-size: 22px; margin: 4px 0 2px 0; } .exploreAnnArbor2 a:hover { text-decoration: underline; } .visibleMobileMap { display: inline; } div.socialIconsAnimateFooter .social-circle a { margin: 0 4px; } .container .body { margin-top:0 !important; } #home .travelInsider, #home div.travelInsiderLayer { height: 508px; min-height: 508px; } #home .travelInsider img { height: auto; width: 25%; } #home .travelInsiderLayer h2 { padding: 0 0; } #home .travelInsiderCopy p { padding: 0 0; margin: 4% 17%; } #home .travelInsider input[type=email] { height: 53px; margin: 4% auto; } #home div .carousel-caption .carousel-headline { font-size: 32px; } #home .panel-heading { padding: 20px; } #home .accordionMap .panel-body ul li { padding: 10px 15px 10px 0; } #home #map { height: 400px; height: 70vh; } #carouselMain, #home div.container > section.weekendGetaways { margin-top: 2px; } article.wg-family, article.wg-regional { margin-left: -2px; } article.wg-regional { margin-top: 1px; } /* LISTINGS PAGE */ .listings .hero { height:200px; } .hero h1, .subpage.form.ypsi .hero h1 { font-size:130px; line-height: 80%; } .hero h2 { font-size:15px; } .play .row.precontent{ margin-bottom:30px; } .stay .row.precontent{ margin-bottom:30px; } .categoryHeader { display: block; font-size: 20px; text-align: center; } .listings .btn { display: block; }' .listings .btn.inactive { background: #fce376; } ul.categoryList { background: white; max-height: 0; overflow: hidden; position: absolute; right: 15px; width: 87%; z-index: 100; } .meet .hero h1 { font-size:86.6px; line-height: 80%; } #sideNav > ul { height: 0; overflow: hidden; opacity:0; position: absolute; right: 0; -webkit-transition:opacity 500ms ease; transition: opacity 500ms ease; width: 90%; z-index: 100;} #sideNav li { background: white; border-bottom: solid 1px #056db1; padding: 10px; font-weight: bold; padding-left:30px; } #sideNav a { color: #002D62; } #sideNav.sticky { position: relative; top:0; padding-top: 25px; } #sideNav.active>ul { height: 100vh; opacity:1; overflow-y: scroll;} #sideNav.active h2 .glyphicon-chevron-down { color: #fcd00c; float: right; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } #sideNav h2, .subpage section.row.pageHeader { font-size: 20px; } .evStartEnd { float: none; margin: 0 auto; width: 265px; } form#startEndSearch > div { text-align: center; } .listings .search { text-align: center; } #notaasearch .fields { float: none; margin: 0 auto; } #startEndSearch input[type=text] { background-position: 96% 50%; padding: 0 3px; width: 40%; } /* mobile slide nav */ #slide-nav .container { margin: 0!important; padding: 0!important; } #slide-nav .navbar-header { margin: 0 auto; padding: 0 15px; } #slide-nav .navbar.slide-active { position: absolute; top: -1px; width: 80%; z-index: 1000; } #slide-nav #slidemenu { background: #002d62; left: 100%; padding-left: 0; position: absolute; margin-left: 16%; min-width: 0; overflow-x: hidden; top: 0; width: 0; z-index: 2; } #slide-nav #slidemenu.showNav { display: block; padding-left: 0; top: 41px; width: 85%; z-index: 2; } #slide-nav #slidemenu .navbar-nav { min-width: 0; margin: 0; width: 100%; } #slide-nav #slidemenu .navbar-nav .dropdown-menu li a { min-width: 0; width: 80%; white-space: normal; } #slide-nav { border-top: 0 } #slide-nav.navbar-inverse #slidemenu { background: #002d62; bottom: 0; height: 100vh; } #navbar-height-col { background: #f7f7f7; bottom:0; height: 100%; left: 80%; top: 0; width: 80%; } #navbar-height-col.inverse { background: #333; border: 0; z-index: 1; } #slide-nav .navbar-form { margin: 12px 0 6px 0; overflow: hidden; text-align: right; } #slide-nav .navbar-form .form-control { text-align: center } #slide-nav .navbar-form .btn { width: 100% } .navbar-form button,.navbar-form input { background: none; border: none; } .navbar-nav.b li { border-bottom: 1px solid #056db1; width: 100%; } .navbar-nav.b li:first-child { border-top: 1px solid #056db1; margin-top: 1px; width: 100%; } #home .travelInsider .form-group i { margin-top: 0; } } /* MAX 600 */ @media (max-width: 630px) { ul#facilityList li .right .roommapcontainer{ float:none;} } /* MAX 600 */ @media (max-width: 600px) { #home .carousel-caption { bottom: 25%; left: 15%; right: 15%; } #home div .carousel-caption .carousel-headline { font-size: 35px; } #home div .carousel-caption .carousel-subhead { font-size: 25px; } #home .travelInsider, #home .travelInsider, #home div.travelInsiderLayer { height: 460px; min-height: 460px; } #carousel-example-generic .glyphicon.glyphicon-chevron-right, #carousel-example-generic .glyphicon.glyphicon-chevron-left { margin: 0 -18px; top: 30%; } } /* MAX 525 */ @media (max-width: 525px) { ul#facilityList li .left {float:none; overflow:auto; margin:0 0 20px 0;} .listings #aasearch .fields.active + .text, .listings #notaasearch .fields.active + .text { opacity:1; } } /* MAX 520 */ @media (max-width: 520px) { .thankyou .hero h1 { font-size: 30px; } #home .travelInsiderCopy p { padding: 0; margin: 3%; } #home .travelInsider, #home .travelInsider, #home div.travelInsiderLayer { height: 425px; min-height: 425px; } ul#facilityList li .left{ float:none;} ul#facilityList li .right{ margin-top:30px;} .author .image { display: block; text-align:center; margin:0 auto 30px auto; } .author img { float:none; display:block; margin:0 auto; width:100px; height:100px } .author .body { display: block; } .author .body p { text-align:center; } .subpage.form .hero h1 { font-size: 30px; } } /* MAX 480 */ @media (max-width: 480px) { .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li.navName>h1 a { font-size: 18px; padding: 6px 10px; } #home div .carousel-caption .carousel-headline { font-size: 28px; } #home div .carousel-caption .carousel-subhead { font-size: 20px; } } /* MAX 425 */ @media (max-width: 425px) { .hero h1, .subpage.form.ypsi .hero h1 { font-size:66px; line-height: 90%; } .hero h2 { font-size:15px; } .thankyou .hero h1 { font-size: 60px; } } /* MAX 400 */ @media (max-width: 400px) { #home .head { min-height: 400px; } #home .carouselBlog-item p { font-size: 12px; letter-spacing: -.2px; } #home .carouselEvent-item p { font-size: 12px; letter-spacing: -.2px; } .navbar-default .navbar-nav>li>a { font-size: 16px; padding: 6px 5px; } #home div .carousel-caption p { font-size: 16px; } .glyphicon-triangle-right { font-size: 14px; } } /* MAX 380 */ @media (max-width: 380px) { #home .hide380 { visibility: hidden; } section.container div.row > div.col-xs-4 div h6 { font-size: .7em; } } /****** MIN-WIDTH MEDIA QUERIES ******/ @media (min-width: 320px) { #home .carouselBlog-item { width: 100%; } #home .carouselEvent-item { width: 100%; } .carouselEvent-controlDiv.right, .carouselEvent-controlDiv.left { display:none; } .carouselEvent-controlDiv.mobile { display: block; } } @media (min-width: 768px) { #home .carouselBlog-item { width: 50%; } #home .carouselEvent-item { width: 50%; } .carouselEvent-controlDiv.right, .carouselEvent-controlDiv.left { display:none; } .carouselEvent-controlDiv.mobile { display: block; } #home .carousel-control .glyphicon-chevron-left { margin-left: -35%; z-index: 100; } #home .carousel-control .glyphicon-chevron-right { margin-right: -35%; z-index: 100; } #sideNav h2 { display:none; } #page-content { left: 0!important } .navbar.navbar-fixed-top.slide-active { position: fixed } .navbar-header { left: 0!important } .form-control:focus { box-shadow: none; } } @media (min-width: 1150px) { #home .carouselBlog-item { width: 33.333%; } #home .carouselEvent-item { width: 33.333%; } .carouselEvent-controlDiv.right, .carouselEvent-controlDiv.left { display:block; } .carouselEvent-controlDiv.mobile { display: none; } } @media (min-width: 1200px) { .container { width: 1200px; } } .scrollToCards { position: fixed; left: 50%; display: inline-block; z-index:10; bottom: 2%; width: 50px; margin-left: -25px; } #aasearch-list span.trunch { padding-left: 20px; position: relative; left: -20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.5+17,1+91 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 17%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);/* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 17%,rgba(255,255,255,1) 91%,rgba(255,255,255,1) 100%);/* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 17%,rgba(255,255,255,1) 91%,rgba(255,255,255,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );/* IE6-9 */ }