https://www.facebook.com/Global.Truck.Machine/*smart suggest css*/ div.ss-wrap *{margin:0;padding:0;border:0;background:0;background-color:transparent;background-image:none;background-position:0 0;text-decoration:none;font-size:1em}input.ss-input{display:block}input.ss-input-thinking{background-image:url(/images/site/jquery-smartsuggest/indicator.gif) !important;background-repeat:no-repeat;background-position:center right}ul.ss-box{margin:0!important;padding:0!important;top:60px!important;left:0!important;width:717px;z-index:999999;border:0;font-size:14px;background:#005296;-moz-box-shadow:0 5px 15px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.7);box-shadow:0 5px 15px rgba(0,0,0,.7);list-style:none}ul.ss-box li{float:left;width:100%;clear:both}ul.ss-box li,ul.ss-box li *{cursor:pointer}ul.ss-box li.ss-header{height:34px;overflow:hidden;padding:5px 0;color:#ced4ea;background:#005296}ul.ss-box li.ss-header p.ss-header-text{margin:0;padding:0 0 0 10px!important;float:left;font-size:15px;font-weight:400;letter-spacing:1px}ul.ss-box li.ss-header p.ss-header-limit{margin:0!important;padding:0 10px 0 0!important;float:right;font-size:15px;font-weight:400}ul.ss-box li.ss-result{margin:0!important;padding:0!important;border-bottom:1px solid #ced4ea}ul.ss-box li.ss-result a{display:block;padding:5px 10px;text-decoration:none!important;background:#8fa2ce}ul.ss-box li.ss-result a:hover{background:#cde0ff url(/images/site/jquery-smartsuggest/search-item-hover.gif) repeat-x top}ul.ss-box li.ss-result img{margin-right:12px}ul.ss-box li.ss-result p{margin:0!important;padding:0!important;color:#444;font-weight:400;font-size:14px}ul.ss-box li.ss-result p span.ss-result-title{display:inline!important;margin:0!important;padding:0!important;font-size:18px;font-weight:700;color:#222} /* vegas css */ .vegas-loading{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#000 url(/assets/js/vegas/images/loading.gif) no-repeat center center;background:rgba(0,0,0,.7) url(/assets/js/vegas/images/loading.gif) no-repeat center center;height:32px;left:20px;position:fixed;top:20px;width:32px;z-index:0}.vegas-overlay{background:transparent url(/assets/js/vegas/overlays/01.png);opacity:.5;z-index:-1}.vegas-background{image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic;z-index:-2;max-width:none!important} /* swipe box */ html.swipebox{overflow:hidden!important}#swipebox-overlay img{border:0!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#swipebox-slider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none}#swipebox-slider .slide{background:url(/images/site/swipebox/loader.gif) no-repeat center center;height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-action,#swipebox-caption{position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-action{bottom:-50px}#swipebox-action.visible-bars{bottom:0}#swipebox-action.force-visible-bars{bottom:0!important}#swipebox-caption{top:-50px;text-align:center}#swipebox-caption.visible-bars{top:0}#swipebox-caption.force-visible-bars{top:0!important}#swipebox-action #swipebox-close,#swipebox-action #swipebox-next,#swipebox-action #swipebox-prev{background-image:url(/images/site/swipebox/icons.png);background-repeat:no-repeat;border:0!important;text-decoration:none!important;cursor:pointer;position:absolute;width:50px;height:50px;top:0}#swipebox-action #swipebox-close{background-position:15px 12px;left:40px}#swipebox-action #swipebox-prev{background-position:-32px 13px;right:100px}#swipebox-action #swipebox-next{background-position:-78px 13px;right:40px}#swipebox-action #swipebox-next.disabled,#swipebox-action #swipebox-prev.disabled{filter:alpha(Opacity=30);opacity:.3}#swipebox-slider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}#swipebox-slider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}@-moz-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-moz-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@media screen and (max-width:800px){#swipebox-action #swipebox-close{left:0}#swipebox-action #swipebox-prev{right:60px}#swipebox-action #swipebox-next{right:0}}#swipebox-overlay{background:#0d0d0d}#swipebox-action,#swipebox-caption{text-shadow:1px 1px 1px #000;background-color:#0d0d0d;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#0d0d0d),color-stop(100%,#000));background-image:-webkit-linear-gradient(#0d0d0d,#000);background-image:-moz-linear-gradient(#0d0d0d,#000);background-image:-o-linear-gradient(#0d0d0d,#000);background-image:linear-gradient(#0d0d0d,#000);filter:alpha(Opacity=95);opacity:.95}#swipebox-action{border-top:1px solid rgba(255,255,255,.2)}#swipebox-caption{border-bottom:1px solid rgba(255,255,255,.2);color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif} /*owl.carousel.css*/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(/images/site/grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} /*owl.theme.css*/ .owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(/images/site/AjaxLoader.gif) no-repeat center center} @font-face {font-family: 'fontello'; src: url('/assets/css/icon-fonts/fontello.eot'); src: url('/assets/css/icon-fonts/fontello.eot#iefix') format('embedded-opentype'), url('/assets/css/icon-fonts/fontello.woff') format('woff'), url('/assets/css/icon-fonts/fontello.ttf') format('truetype'), url('/assets/css/icon-fonts/fontello.svg?#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-down-open:before { content: '\e800'; } .icon-left-open:before { content: '\e801'; } .icon-right-open:before { content: '\e802'; } .icon-up-open:before { content: '\e803'; } .icon-angle-left:before { content: '\e804'; } .icon-angle-right:before { content: '\e805'; } .icon-angle-up:before { content: '\e806'; } .icon-angle-down:before { content: '\e807'; }.border-column /* sticky footer for foundation 4+ */ /***********************************/ body {margin: 0; background: #ffffff;font-family: 'Cabin', sans-serif; } html, body {height: 100%; } .wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto;} .home {background: rgba(0, 82, 155, 0) none repeat scroll 0% 0%;/*margin-bottom:-157px;*/} /*.footer {bottom: 0; width: 100%; height: 2.5em; margin: 110vh auto;}*/ /** Used these footer classes for VEN Open House **/ /*.footer {height: 82px; margin: 110vh auto;} */ /* Additional Media Queries for footer class */ /*********************************************/ /* @media only screen and (max-width: 1280px) { .footer { margin: 70vh auto; } } @media only screen and (max-width: 1024px) and (min-width: 937px) { .footer { margin: 50vh auto; } } @media only screen and (max-width: 979px) and (min-width: 938px) { .footer { margin: 20vh auto; } } @media only screen and (max-width: 937px) { .footer { margin: 10vh auto; } } */ .push {height:0} .ie9 .vegas-background {z-index: 2;} /* end sticky footer */ /***********************************/ /********* HEADER ************/ /***********************************/ .site_head_wrapper {position: fixed; top:0; width: 100%;z-index: 10001;} .inner_header {padding:0 10%;} #site_contact_header { position: relative; background: #031627; z-index: 100001; height: 30px; overflow: visible; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; padding-top:2px;} #site_contact_header .contact_links ul {margin: 0; padding:8px 0 5px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; float:right;} #site_contact_header .contact_links ul li {font-size:.8em; line-height: 11px;} #site_contact_header .contact_links a {color:#8cbee1;} #site_contact_header .contact_links img {margin-right:2px; padding-bottom:2px;} #site_header { position: relative; background: #0d2444; z-index: 100001; height: 80px; padding-top:0px;overflow: visible; width: 100%; -webkit-box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.2); -ms-box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} #site_header.mm_open {-webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none;} #site_header .logo {line-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} #site_header .logo a {outline: none;} #site_header .logo a img {height: 125px; width:236px;} #site_header .header_nav ul {margin: 0; padding-top:16px; line-height: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; float:right;} #site_header.shrink {opacity: 1;} #site_header .header_nav li {margin-left: 5em; position: relative;} #site_header .header_nav li:first-child {margin-left: 1.375em;} #site_header .header_nav li a {color: #8cbee1; text-transform: uppercase; font-weight:500; font-size: .8em; letter-spacing:1px; display: block; width: 100%; text-shadow: 1px 1px 8px rgba(0,0,0,1); padding-bottom:25px;line-height:3em;} #site_header .header_nav li i {position: absolute; top: 20px; font-size: 1.4em; color: #ced4ea; z-index: -1;} #site_header .header_nav li a.active + i {display: none;} #site_header .header_nav li.parent-here i {display: none;} #site_header .header_nav li.parent-here a, #site_header .header_nav li a:hover {color: #f4f4f4; text-shadow: 0px 0px 35px rgba(225,255,255,0.15);text-decoration:none;} #site_header .header_nav img.arrow {display: none; margin: 0 auto; width: 50px; height: 25px;} #site_header .header_nav li.parent-here img.arrow, #site_header .header_nav li.here img.arrow, #site_header .header_nav li:hover img.arrow, #site_header .header_nav li a.active + img.arrow {display: block;} #site_header .header_nav li.last:hover img.arrow {display: none;} .clear_header {} /***********************************/ /********* MEGAMENU **********/ /***********************************/ #megamenu {position: fixed; opacity: 0; top: -220px; left:0; z-index: 1000; width: 100%; background: rgba(0, 0, 0, 0) url('/images/site/megamenu_pattern.png') repeat; z-index: 10000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; zoom: 1; -webkit-box-shadow: 0 2px 5px rgba(255, 255, 255, 0.3), 0 0 40px rgba(55, 55, 55, 0.1) inset; -moz-box-shadow: 0 2px 5px rgba(255, 255, 255, 0.3), 0 0 40px rgba(55, 55, 55, 0.1) inset; box-shadow: 0 2px 5px rgba(255, 255, 255, 0.3), 0 0 40px rgba(55, 55, 55, 0.1) inset; max-height: 230px;height: 230px;} #megamenu:before, #megamenu:after {content: ""; position:abolute; z-index: -1; -webkit-box-shadow: 0 1px 20px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 20px rgba(255, 255, 255, 0.8); box-shadow: 0 1px 20px rgba(255, 255, 255, 0.8); top: 0; bottom: 0; left:10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } #megamenu:after{right: 10px; left: auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } #megamenu.open {opacity: 1; top: 120px; background: rgba(0, 0, 0, 0.8) url('/images/site/megamenu_pattern.png') repeat; z-index: 10000;} #site_header.shrink + #megamenu.open {top: 64px;} #megamenu .mm_content {display:none; min-width: 500px; padding-top: 80px;} #megamenu .mm_content.active {} #megamenu img.active { display: none !important; position: absolute; width: 50px; height: 25px; top: 0; left: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} #megamenu .mm_content ul {margin: 0 0 30px 25%; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } #megamenu .mm_content ul li {height: 100px; display: block; width: 150px; text-align: center; margin-left: 0; padding: 0; position: relative; background: #34679c; border: 1px solid rgba(22,45,82,0.5); } #megamenu .mm_content ul li:nth-child(4n+1) {background: rgba(29, 54, 98, 1);} #megamenu .mm_content ul li:nth-child(4n+2) {background: rgba(27, 65, 113, 1);} #megamenu .mm_content ul li:nth-child(4n+3) {background: rgba(52, 98, 147, 1);} #megamenu .mm_content ul li:nth-child(4n+4) {background: rgba(78, 115, 151, 1 );} #megamenu .mm_content ul li a { position:absolute; top:33%; width:100%; padding:0 10px; justify-content: center; text-align:center; color: #d0d1e0; font-size: 1em; letter-spacing:1px; line-height: 1.2em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} .ie9 #megamenu .mm_content ul li a {display: table-cell; vertical-align: middle;} .no-flexbox #megamenu .mm_content ul li a {display: block; padding-top: 30%;} #megamenu .mm_content ul li:hover > a {color: #f4f4f4; text-shadow: 0px 0px 35px rgba(225,255,255,0.35);} #megamenu .mm_content .mm_ident {width: 160px; margin-right: 60px; padding-top: 14px;} #megamenu .mm_content .mm_ident .home h2 { text-align: center; text-transform: uppercase; color: #d0d1e0; margin: 0 0 0 0; padding: 0px 20px; border-top: 4px solid #375b7f; border-bottom: 4px solid #375b7f; font-size: 1.8em; line-height: 1.2em; height: 100px; display: table-cell; vertical-align: middle; } #megamenu #why-surry {background-image: url('/images/site/about-mm-bg.png'); background-repeat:no-repeat; background-position:100% 80%;} #megamenu #areas-of-study {background-image: url('/images/site/education-mm-bg.png'); background-repeat:no-repeat; background-position:100% 80%;} #megamenu #paying-for-college {background-image: url('/images/site/paying-mm-bg.png'); background-repeat:no-repeat; background-position:100% 80%;} #megamenu #apply-now {background-image: url('/images/site/admissions-mm-bg.png'); background-repeat:no-repeat; background-position:100% 80%;} /***********************************/ /********* MOBILE NAV **********/ /***********************************/ .mobilenav {padding: 1em 0 1em 0; background: #0d2444; height:100px;z-index:100001;position:absolute;width:100%;} #mobile_site_header .icon {display: block; color: #CED4EA; float: right; margin-top: 0.3em;padding-top:10px;} #mobile_site_header .icon i {font-size: 2.6em;} #mobile_site_header .icon.off-canvas-toggle.active {color: #f4f4f4;} .mobilenav .off-canvas-menu {background: #0d2444 repeat; height:100%; min-height: 100%; overflow-x: hidden; position: fixed; left: -340px; top: 0; width: 340px; z-index: 99999;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; zoom: 1;} .mobilenav .open {width: 100%;} .mobilenav .off-canvas-menu .inner_menu .icon.off-canvas-toggle#close_menu {position: absolute; top: 32px; right: 30px; font-size: 2.2em; color: #CED4EA;} .mobilenav .off-canvas-menu .inner_menu {padding:0;} .mobilenav .off-canvas-menu .menu_item {height: inherit; display: block; width: 100%; text-align: left; position: relative; background: #1d3662; border-right: 1px solid rgba(22,45,82,0.5);padding:0;margin-bottom: 1em;border-radius: 4px;} .mobilenav .off-canvas-menu .menu_item p {margin: 0;} .mobilenav .off-canvas-menu .menu_item p strong {color: #ced4ea;font-size: 1.2em;} .mobilenav .off-canvas-menu .menu_item p strong a {color: #ced4ea;} .mobilenav .off-canvas-menu .menu_item ul {margin: 0;padding: 0;background:#0d2444;} .mobilenav .off-canvas-menu .menu_item li {border-bottom:2px solid #1d3662;margin:0;} .mobilenav .off-canvas-menu .menu_item li:before {content: "";} .mobilenav .off-canvas-menu .menu_item li a {color: #d0d1e0;text-transform:uppercase;padding:20px 20px 20px 30px;margin-top:-20px;} /***********************************/ /******** LIVE SEARCH ********/ /***********************************/ .site_search {position: relative; z-index: 9999; padding-top:15%;} h2.home_callout {color:#FFFFFF;font-size:4.1em;font-weight:500;letter-spacing:3px;margin:-25px 0 0;padding:20px 0 0;text-align:center;text-shadow:#000000 1px 1px 25px;text-transform:uppercase;} h3.home_callout {color:#FFFFFF;font-size:1.5em;font-weight:400;letter-spacing:3px;margin-bottom:0.3em;margin-top:0;padding-bottom:10px;text-align:center;text-shadow:#000000 1px 1px 15px;text-transform:uppercase;} p.home_callout {text-align: center; color: #ffffff; text-shadow:1px 1px 15px #000; font-weight: 300; margin-bottom: 1em; padding:0 5%;font-size:1.4em;letter-spacing:2px;} p.small-callout {font-size:.8em;font-style:italic;text-align:center;} .site_search .fields {box-shadow: 0 0 20px rgba(0,0,0,0.75); border-radius: 4px;} .site_search input.search_box, .site_search #search_button {height: 60px; border: none; box-shadow: none; margin: 0;} .site_search input.search_box {padding-left: 0.3em; border-radius: 4px 0px 0px 4px; background: #eeeeee url('/images/site/search_arrow.png') no-repeat right center; font-size: 2em; font-style: oblique; font-weight: 300; letter-spacing: 1px; } .site_search #search_button {background: #f1bf33 no-repeat center; border-radius: 0px 4px 4px 0px; font-size: 2.5em; font-weight: 300; letter-spacing: 2px; text-transform: uppercase;line-height: 0.8em;} .widget #search_button {background: #D83C3C; } .widget input.search_box {background: url("/images/site/widget_search_arrow.png") no-repeat scroll right center #EEEEEE;} ul.ss-box {background: rgba(0, 0, 0, 0) url('/images/site/searchresults_pattern.png') repeat; border-radius:5px;} ul.ss-box li.ss-header {background: #0d2444;} ul.ss-box li.ss-result {border-bottom: none;} ul.ss-box li.ss-result a {background: none;} ul.ss-box li.ss-result a:hover {background: #0d2444; background: rgba(13,36,68,0.5);} ul.ss-box li.ss-result p span.ss-result-title {background:none; color: #f4f4f4; font-weight: 100; letter-spacing: 1px;} ul.ss-box li.ss-result a:hover p span.ss-result-title {background:none; color: #f4f4f4; text-shadow: 0px 0px 35px rgba(225,255,255,0.35);} ul.ss-box li.ss-result table {background: none; margin-top:5px; margin-bottom:5px; } /***********************************/ /******** SUBPAGE SEARCH *********/ /***********************************/ #site_search_widget.site_search {padding-top: 0;margin-bottom: 1em;} #site_search_widget.site_search h2.search_label {} #site_search_widget.site_search .fields {box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);} #site_search_widget.site_search input.search_box, #site_search_widget.site_search #search_button {height: 40px;} #site_search_widget.site_search input.search_box {font-size: 1.3em; } #site_search_widget.site_search #search_button {font-size: 2em; line-height: 1em; } .search_results .search_recap {} .search_results .search_recap ul {} .search_results .search_recap li {margin-bottom: 2em;} .search_results .search_recap li a {} .search_results .search_recap li span {display: block;text-indent: 0;} /***********************************/ /************* SUBPAGE ************/ /***********************************/ .breadcrumbs { background: rgba(0, 0, 0, 0); border: none; font-size: 1.5em; padding: 0; line-height:1.2em;text-shadow:1px 1px 1px #000000;font-weight:500;} .breadcrumbs a {color: #FFF;} .breadcrumbs a:hover {text-decoration: underline;} .breadcrumbs span.last {color: #c2c2c2;} .breadcrumbs>:before{content:"/";} .breadcrumbs>:after{content:"";} .wrapper .content_wrapper.row { position: relative; z-index: 9999; margin-bottom: 3em;} .inner-wrap {-webkit-backface-visibility:hidden;-webkit-transition:transform 500ms ease;position:relative;transition:transform 500ms ease;width:100%;} .inner-wrap::before, .inner-wrap::after {content:' ';display:table;} .inner-wrap::after {clear:both;} .content_wrapper .content_container .hero {margin-bottom: 2em;} .content_container {border-right: none;padding:0;margin-top:-50px;} .content_container.large-12 {border-right: none;} .content_block h1, .content_block h2, .content_block h3, .content_block h4, .content_block h5, .content_block h6 {padding-left: 0.9375em;} .content_container .content_block {margin-bottom: 60px;} .content_container p + ul {margin-top: -1em;} .content_container ul, .content_container ol {padding: 0;margin-left:50px} .content_container ul.text-callout {padding: 0px 5%;margin-left:0px} .content_container ul.image-row {padding: 0;margin-left:0} .content_container ul li {list-style-type:none;} .content_container .vertical-tabs ul li {text-indent:-30px;list-style-type:none;} .content_container ul li:before { content:"\003e"; display: inline-block; width: 0.7em; color:#16539A; font-size: 1.8em;line-height: 1.7em;width: 1em; position:relative;padding-right: 50px; margin-left: -50px;} .content_container ul li.border{ border-bottom:2px solid #e5e5e5; padding:10px 0;} .content_container ul.no-pre li:before {content: none;} .content_container ul.cabinet li {padding:10px 0; font-weight:400; border-bottom: 2px solid #E5E5E5;} .content_container ul li li {padding-left: 0.2em; list-style-position: inside;} .content_container ul li em {letter-spacing:1px;} .content_container .tab_block ul, .content_container .tab_block ol {padding: 0 0 0 3.4em;} .content_container .tab_block ul li {text-indent:-29px;} /***********************************/ /************* PAGE BLOCKS ********/ /***********************************/ .content_container .page_block {padding: 2em 0 0 0;margin-bottom:0;} .content_container .page_block:last-child {padding-top:0;} .content_container .news_events_block {padding: 2em 0.9375em;margin-bottom:0;} .content_container .page_block.blue, .content_container .page_block.blue h3 {background: #1c273b; color: #ffffff; border-radius:2px; } .content_container .page_block.image {color:#ffffff;} .content_container .page_block.bright-blue {background: #00529b; color: #ffffff;border-radius:2px;margin-bottom:50px;} .content_container .page_block.bright-blue .row {padding:0 0.9375em;} .content_container .page_block h2 {color:#00529b; text-align:center; text-transform:uppercase; letter-spacing:3px;font-weight:300;margin-bottom:1em;margin-top:0;} .content_container .page_block.blue h3, .content_container .page_block.beige h3, .content_container .page_block.white h3, .content_container .page_block.grey h3, .content_container .page_block.bright-blue h3, .content_container .news_events_block h3 {letter-spacing:2px;text-transform:uppercase;font-size:1.4em;font-weight:500;} .content_container .page_block.blue h3.subheader, .content_container .page_block.bright-blue h3.subheader, .content_container .page_block.beige h3.subheader, .content_container .page_block.white h3.subheader, .content_container .page_block.grey h3.subheader, .content_container .news_events_block h3.subheader {margin-top: 0; margin-bottom: 0;} .content_container .page_block.beige {background: transparent url('/images/site/beige_bg.jpg') repeat;} .content_container .row_num_1 {margin-top:0;margin-bottom:0;padding-top:0;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover;} .content_container .page_block .grey, .grey {background:#f2f2f2;} .content_container .symposium {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover;} .content_container .symposium img {margin-top:10%;margin-bottom:5%;} .content_container .symposium img.line {margin-top:0;} .content_container .news_events_block h4.subheader {letter-spacing:1px;} .content_container .page_block h1.page_title {margin-bottom: .2em; margin-top: 25%; font-weight:500; text-transform:uppercase; color:#ffffff; letter-spacing:4px; font-size:4em;text-align:center;text-shadow: 1px 1px 10px #1e64b4;} .home h1.page_title {margin-bottom: 1em; margin-top: 20px; font-weight:500; text-transform:uppercase; color:#ffffff; letter-spacing:4px; font-size:3em;text-align:center;text-shadow: 1px 1px 1px #000;} .content_container .page_block h2.title_sub_header{font-weight:400; color:#ffffff; letter-spacing:3px; text-shadow: none; font-size:1.3em;text-align:center;border:none;padding:0;line-height:2em;text-shadow: 1px 1px 1px #1e64b4;margin-bottom:15%} .content_container .page_block h2.text-center {margin-top:15px} .content_container .page_block h2.text-left {margin-top:15px;margin-bottom:15px;} .symposium-header {font-weight:400; color:#ffffff; letter-spacing:3px; text-shadow: none; font-size:1.3em;text-align:center;border:none;padding:0;line-height:2em;text-shadow: 1px 1px 1px #1e64b4;margin-bottom:10%;width:60%;} .content_container .page_block h4.ven_sub_header {margin-bottom: 50px;font-weight:400; color:#ffffff; letter-spacing:2px; text-shadow: 1px 1px 20px #000000; font-size:1.2em;text-shadow: 1px 1px 10px #000;text-align:center;border:none;padding:0;line-height:2em;} .page_block span.image-caption {display: block; font-style: oblique; color: #4d4d4d;line-height: 1.5em;font-size: 0.8em;} .page_block img.right {margin: 1em 0em 0em 1em;} .page_block img.left {margin: 1em 1em 0em 0em;} .page_block_image {width:100%;} h1.cover-title {font-size:5em;color:#ffffff;letter-spacing:1px;margin-bottom:50px;} .content_container .news_events_block h3 {margin-top: 0;} .news_events_block.page_hero img {margin-bottom: 2em;} .section-container.accordion > section a span.icons {display: block; float: left; margin-right: 10px; background: #999999; padding: 0 0.4em;} .section-container.accordion > section a span.icons i {display: none; color: #ffffff;} .section-container.accordion > section a span.icons i.fi-plus {display: inline-block;} .section-container.accordion > section.active a span.icons i {display: inline-block;} .section-container.accordion > section.active a span.icons i.fi-minus {display: inline-block;} .section-container.accordion > section.active a span.icons i.fi-plus {display: none;} .section-container.accordion > section > .title a, .section-container.accordion > .section > .title a {padding:15px 0;} .section-container.accordion > section.section > .title {margin-top:10px; padding:16px 0 25px 50px; font-size: .9em; font-weight: light; letter-spacing: 1px; line-height: 18px; border-right:none;border-left:none;border-bottom: 2px solid #E5E5E5; border-radius:3px; background: url('http://surry.edu/images/site/dash.png') no-repeat ;} .section-container.accordion > section.link > .title {margin-top:-3px; padding-left:50px; font-size: 1em; font-weight: light; letter-spacing: 1px; line-height: 25px; border-right:none;border-left:none;border-bottom: 2px solid #E5E5E5; border-radius:3px; background: url('http://surry.edu/images/site/dash.png') no-repeat ;} .section-container.accordion > .section.active > .title {margin-top:-3px; padding-left:50px; font-size: 1em; font-weight: light; letter-spacing: 1px; line-height: 25px; border-bottom: 2px solid #E5E5E5; background:#E5E5E5 url('http://surry.edu/images/site/dash.png') no-repeat;} .section-container.accordion > section.section > .title:hover {background: #E5E5E5 url('http://surry.edu/images/site/down.png') no-repeat;} .section-container.accordion > section.link > .title:hover {background: #E5E5E5 url('http://surry.edu/images/site/popup.png') no-repeat;} .section-container.accordion > .section.active > .title:hover {background: #E5E5E5 url('http://surry.edu/images/site/up.png') no-repeat;} .section-container.accordion > section.section > .content {border: 2px solid #E5E5E5; border-radius:3px; margin-top:-3px; padding: 20px 65px 35px 65px;} .section-container.accordion > section.active > .title a, .section-container.accordion > .section.section > .title a, .section-container.accordion > .section.link > .title a {color: #00529B; white-space: normal; word-break: break-word; font-size:1em;font-weight:bold;} .section-container.accordion {border-top:none;} .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {border-top: 2px solid #16539a;} .section-container.vertical-tabs > section > .title {margin-top:-3px; padding-left:50px; font-size: 1em; font-weight: light; letter-spacing: 1px; line-height: 25px; border-right:2px solid #E5E5E5;border-left:none;border-bottom: 2px solid #E5E5E5; border-top:none;} .section-container.vertical-tabs > section > .title.one {background: url('http://surry.edu/images/site/one.svg') no-repeat ; background-position:10px 10px;} .section-container.vertical-tabs > section > .title.two {background: url('http://surry.edu/images/site/two.svg') no-repeat ;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.three {background: url('http://surry.edu/images/site/three.svg') no-repeat ;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.four {background: url('http://surry.edu/images/site/four.svg') no-repeat ;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.five {background: url('http://surry.edu/images/site/five.svg') no-repeat ;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.six {background: url('http://surry.edu/images/site/six.svg') no-repeat ;background-position:10px 10px;} .section-container.vertical-tabs > .section.active > .title {margin-top:-3px; padding-left:50px; font-size: 1em; font-weight: light; letter-spacing: 1px; line-height: 25px; border-bottom: 2px solid #E5E5E5; border-top:none;} .section-container.vertical-tabs > section.active > .title.one {background: url('http://surry.edu/images/uploads/pages/one.png') no-repeat #E5E5E5; background-position:10px 10px;} .section-container.vertical-tabs > section.active > .title.two {background: url('http://surry.edu/images/uploads/pages/two.png') no-repeat #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section.active > .title.three {background: url('/images/uploads/pages/three.png') no-repeat #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section.active > .title.four {background: url('/images/uploads/pages/four.png') no-repeat #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section.active > .title.five {background: url('/images/uploads/pages/five.png') no-repeat #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section.active > .title.six {background: url('/images/uploads/pages/six.png') no-repeat #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.one:hover {background: url('/images/uploads/pages/one.png') no-repeat #E5E5E5;border-right:2px solid #E5E5E5;border-left:none;border-bottom: 2px solid #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.two:hover {background: url('/images/uploads/pages/two.png') no-repeat #E5E5E5;border-right:2px solid #E5E5E5;border-left:none;border-bottom: 2px solid #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.three:hover {background: url('/images/uploads/pages/three.png') no-repeat #E5E5E5;border-right:2px solid #E5E5E5;border-left:none;border-bottom: 2px solid #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.four:hover {background: url('/images/uploads/pages/four.png') no-repeat #E5E5E5;border-right:2px solid #E5E5E5;border-left:none;border-bottom: 2px solid #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.five:hover {background: url('/images/uploads/pages/five.png') no-repeat #E5E5E5;border-right:2px solid #E5E5E5;border-left:none;border-bottom: 2px solid #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > section > .title.six:hover {background: url('/images/uploads/pages/six.png') no-repeat #E5E5E5;border-right:2px solid #E5E5E5;border-left:none;border-bottom: 2px solid #E5E5E5;background-position:10px 10px;} .section-container.vertical-tabs > .section.active > .title:hover {background: #E5E5E5;} .section-container.vertical-tabs > section > .content {border:none;padding: 0 10px 35px 20px;} .section-container.vertical-tabs > section > .content h3 {text-shadow: 1px 1px 0px #E5E5E5; margin-bottom:0;color:#00529B;font-weight:500;} .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > section > .title a {color: #00529B; white-space: normal; word-break: break-word;} .section-container.vertical-tabs {border-top:none;} .content .no-bullet li:before { color: #16539A;content: "\003e";display: inline-block;font-size: 1.8em;line-height: 1em; padding-left: .8em;width: 1em;} .content .no-bullet li {margin-bottom:10px;} .content_wrapper .aside {padding: 30px 0 0 0;} .content_wrapper .widget {padding: 0.5em 0.9em 0;} .content_wrapper .widget p {padding-left: 0;} .content_wrapper .widget + hr {border:0; border-bottom: 2px solid #e5e5e5;} .content_wrapper .widget + hr:last-child {display: none;} .content_wrapper .widget .widget-title {font-size: 1em; background: #16539a; padding: 0.5em 0 0.5em 0.5em; color: #ffffff; font-weight: normal;text-transform:none;border-radius:2px;letter-spacing: 2px;text-align:center;} .content_wrapper .widget .no-bullet li {text-indent: 0;margin-left: 0;} .content_wrapper .widget .no-bullet li:before { padding-left: 1.4em;content:"\003e"; display: inline-block; width: 1em; font-size: 1.2em; line-height: 1.6em; color: #16539a; } .content_wrapper .widget .no-bullet li li:before {content: none; list-style-type:none} .content_wrapper .widget .no-bullet li li {padding-left: 0.2em; list-style-position: inside;list-style-type:none} .content_wrapper .widget #nav-sub li:before { padding-left: 0;content:"\003e"; display: inline-block; width: 1em; font-size: 1.2em; line-height: 1.6em; color: #16539a; } .content_wrapper .widget li a {color: #444; text-decoration: none; -webkit-transition: all 120ms linear; -moz-transition: all 120ms linear; -o-transition: all 120ms linear; transition: all 120ms linear;} .content_wrapper .widget li a:visited {color: #444;} .content_wrapper .widget li a:hover {text-decoration: underline; color: #16539a;} .content_wrapper .widget .event {overflow: hidden; margin-bottom: 1em;} .content_wrapper .widget .event .date {border: 1px solid #cccccc;} .content_wrapper .widget .event .date > div { text-align: center; padding: .5em 0; text-transform: uppercase; } .content_wrapper .widget .event .date .month {background: #16539a; color: #ffffff; } .content_wrapper .widget .event .date .day {font-size: 1em;} .content_wrapper .widget .event .event_description {padding-left: 0.9em;} .content_wrapper .widget .event .event_description h3.event_title {font-size: 1em;} .content_wrapper .widget .event .event_description h3.event_title a {color: #16539a; text-decoration: none;} .content_wrapper .widget .event .event_description p.time {color: #a9a9a9; margin-bottom: 0;} .content_wrapper .widget .event .event_description p.time span.start {} .content_wrapper .widget .event .event_description p.time span.end {} .content_wrapper .widget .gallery ul {} .content_wrapper .widget .gallery li {margin: 0; padding-left: 0.3em; padding-right: 0;} .content_wrapper .widget .gallery li a {} .content_wrapper .widget .gallery li a img {} ul.bottom-nav {padding: 50px 0px; border-top: 2px solid #E5E5E5;} .bottom-nav {display: block; text-align: center; margin-left: 0; position: relative;} .button-normal {background-color:#f2f2f2; border:2px solid #00529B;color:#00529B;padding:60px 60px;margin:0;} .bright-blue .button-normal {background-color:#00529B; border:2px solid #ffffff; color:#ffffff;padding:20px 60px;} .button-normal:hover, .button-normal:focus {border:none; background:#00529B;color:#ffffff;} .button-normal span {color: #FFFFFF;font-size: 1em;font-weight: normal;letter-spacing: 1px;line-height:1.5em;text-transform: uppercase;} .button-active {background-color:#73b3f2;} .button-active:hover {background: #478fd7;} .applynow-btn {background:#00529B;color:#ffffff;line-height:1.5em; min-height:2px;text-transform:uppercase;letter-spacing:1px;font-size:.8em;} .applynow-btn:hover {border:none; background:#0D2444 url('/images/site/check2.png') no-repeat 5% 50%;} li.appl .section-container.accordion > .section.active > .title:hover {background: #0D2444 url('/images/site/minus.png') no-repeat;} .border {} .yellow-btn { background-color:#f1bf33; text-align:center; font-size:16px; margin:20px 0; text-decoration:none; color:#fff; position:relative; padding:10px 20px; background-image: linear-gradient(bottom, rgb(240,190,50) 0%, rgb(2451,210,100) 100%); border-radius: 5px;} .blue-btn { background-color:#304160; text-align:center; padding:10px 60px; font-size:16px; margin:20px 0; text-decoration:none; color:#fff; position:relative; background-image: linear-gradient(bottom, rgb(48,65,95) 0%, rgb(70,90,128) 100%); border-radius: 5px;} /***Removed margin-bottom:40px; from .container_button and added margin: 2.5em; ***/ .container_button-sym {margin-bottom: 20px; margin-top: 20px;} /*.container_button {margin:2.5em;} */ .cta-btn { background-color:#D83C3C; text-align:center; font-size:16px; padding:20px 60px; text-decoration:none; color:#fff; position:relative; background-image: linear-gradient(bottom, rgb(48,65,95) 0%, rgb(70,90,128) 100%); border-radius: 5px;} .cta-btn:hover { background-color:#cc0000; text-align:center; text-decoration:none; color:#fff; position:relative; background-image: linear-gradient(bottom, rgb(48,65,95) 0%, rgb(70,90,128) 100%); border-radius: 5px;} .circle-nav {padding-bottom:0;} .label {display: table;width: 150px;height: 150px;margin:1em auto;background-color: transparent;padding:0;} .circle-button { display: table-cell;vertical-align: middle;text-align: center;font-size:16px;font-weight:bold;letter-spacing:1px; -webkit-appearance:none;padding-bottom:0.75em;padding-top:0.8125em;background-color:none;font-family:inherit;margin:0 0 1.25em;position:relative; color:#ffffff; background:#9a8d55 no-repeat;border: 8px solid #cfc082; border-radius:80px;box-shadow: inset 0 0 15px 5px #8d814e;} .circle-button:hover { color:#ffffff; background:#8d814e; no-repeat;border: 8px solid #cfc082; border-radius:80px;} #container_buttons{ width: 100%; margin: 0 auto 10px auto; background: rgba(255,255,255,0.5); padding: 15px 20px 30px; border-radius: 5px; box-shadow: 1px 1px 1px rgba(0,0,0,0.09) inset;} .intro-text {padding-bottom:0;font-size:1.1em;font-weight:600; text-transform:none; line-height:2em; letter-spacing:2px; margin-top:30px;margin-bottom:2em;color:#424242;} .quote {background: url('/images/uploads/pages/quote.png') no-repeat; padding-left:60px;} .reveal-modal {background-color:rgba(0, 0, 0, 0.7);left:0;margin-left:0%;margin-top:0;z-index:99999;border-radius:3px;width:100%;padding: 6em;height:100%;position:fixed;} .schedule li {border-bottom:1px dashed #000;margin-bottom:30px;} .schedule li.last {border-bottom:none;margin-bottom:30px;} .sLeft {width: 80px;height: 80px;border: 3px solid #00529B;border-radius: 100%;float: left; text-align: center;margin: 3px 30px 10px 0px;color: #000;} .sLeftNumber {display: block;font-size: 24px;line-height: 25px;padding-top: 15px;} .sRight {padding-top:0px;padding-left:130px;} .sRight h3 {color:#000;letter-spacing:2px;font-weight:400;} .sRight h4 {font-size:1.2em;color:#000;letter-spacing:2px;font-weight:500;text-shadow:none;} p.title {padding-bottom:10px;padding-top:0;padding-left:0;margin-bottom:0;} h3.title {font-size:1.2em;letter-spacing:2px;font-weight:500;padding:8px 0 12px 0px;} .schedule p {font-size:.9em;} .workshops ul.text-callout li {padding: 20px;} .workshops ul.text-callout {padding: 0px 10% 100px;} /****** COURSES PAGE STYLES ******/ /***********************************/ .course_block {border: 1px solid #CCC; margin-bottom: 2em;} .course_block .course_block_title {padding: 0 0 0 0.5em; background-color: #EFEFEF; margin: 0; border-bottom: 1px solid #CCC;} .course_block .content {padding: 0.5em 0 0 1em;} .course_block .content ul {margin-bottom: 0.5em;} .course_block .content ul li span {display: inline-block; width: 75px; padding-left: 0.6em;} .course_block .content p {padding: .5em; margin: 0;} .course_filter .search_icon {text-align: center; padding-right: 0;} .course_filter .search_icon i {font-size: 3em; color: #16539A;} .course_filter .filters {} .course_filter .filters form {} .course_filter .filters .course_id_dropdown {} .course_filter .filters .course_keywords {padding-left: 0.5em;} .course_filter .filters .course_filter_search.button {width: 80%; min-height: 37px; font-size: 1em; margin-bottom: 0; font-weight: 300; background: #D83C3C; letter-spacing: 2px; text-transform: uppercase; border: none; } .course_filter .filters {} /***********************************/ /***** PROGRAMS PAGE STYLES ******/ /***********************************/ .programs .tab_block h4, .courses .tab_block h4 {border-left: 6px solid #16539A; padding-left: 0.2em; line-height: 1em;} .programs .tab_block a.button, .courses .tab_block a.button {background: #d83c3c; letter-spacing: 1px; font-size: 1em; border: none; font-weight: normal;} {} thead {} thead tr {} thead tr th {} tfoot {} tfoot tr {} tfoot tr td {} tbody {} tr {} td {} td a {} td.semester {background: #dddddd;} td.mobile_semester {background: #dddddd; display: none;} td.credit {} td.standard_total {display: table-cell;} td.mobile_total {display: none;} td.mobile_semester {display: none !important;} /***********************************/ /**** NEWS/EVENTS PAGE STYLES ****/ /***********************************/ .accordion .auto .tab_info {} .accordion .auto .tab_info p {margin-bottom: 0;} .content_wrapper .event {overflow: hidden; margin-bottom: 1em;} .content_wrapper .event .date {border: 2px solid #16539A; padding: 0;} .content_wrapper .event .date > div { text-align: center; padding: .5em 0; text-transform: uppercase; } .content_wrapper .event .date .month {background: #16539a; color: #ffffff; } .content_wrapper .event .date .day {font-size: 1em;} .content_wrapper .event .date .day.single {} .content_wrapper .event .date .day.multiple {} .content_wrapper .event .event_description {padding-left: 0.9em;} .content_wrapper .event .event_description h3.event_title {font-size: 1em;} .content_wrapper .event .event_description h3.event_title a {color: #16539a; text-decoration: none;} .content_wrapper .event .event_description p.time {color: #a9a9a9; margin-bottom: 0;} .content_wrapper .event .event_description p.time span.start {} .content_wrapper .event .event_description p.time span.end {} .content_wrapper .archive .event {margin-bottom: 0;} .content_wrapper .archive .event .event_description h5 {margin-bottom: 0;} .content_wrapper .archive .event .event_description p {font-size: 0.9em;} .content_wrapper .news_event_single .event .event_description p.time {} /***********************************/ /****** CONTACT PAGE STYLES ******/ /***********************************/ form label {font-size: 1em;} form label .label_text {display: inline-block; height: 1.4em; line-height: 1.4em; padding-left: 0.5em; font-size: 1em;} form.custom .custom {width: 20px; height: 20px;} form.custom .custom.checkbox.checked:before {font-size: 1.8em;} form.captcha_submit {} form.custom .captcha_img img {width: 100% !important; margin-bottom: 1em;} form.custom .captcha_input input {} form.custom input#submit.button {width: 100%; border: none; border-radius: 4px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; background: #d83c3c;} form.custom input#submit.button:hover {box-shadow: inset 0 0 8px rgba(0,0,0,0.4);} form.custom .captcha_wrapper {width: 100%; display: block;} form.custom .captcha_wrapper img {width: 100% !important;} .content_container .form_container {padding: 0 1em;} .content_container .form_container #contact_form {padding: 0 1em;} .content_container .form_success {display: none;} .error input, input.error, .error textarea, textarea.error, form.custom .custom.checkbox.error { border-color: #C60F13; background-color: rgba(198, 15, 19, 0.1);} ul.errorlist {display:none;} /***********************************/ /**** GENERAL STYLE OVERRIDE ******/ /***********************************/ .home-welcome {position: absolute; top: 25%; left: 0px; right: 0px;margin: 0 auto;} /* .home-welcome .cover-title { padding-top: 350px } */ .text {padding:0 20%;} .text-callout {padding:5% 15% 0;} .large-12 {width:100%;} .row {max-width:100%;} .row .row {margin:0;} .column, .columns {padding:0;} p {line-height:1.8em; font-weight:400; font-size:1em; letter-spacing:1px;} h2.section {margin-top:0; text-shadow: 2px 2px 0px #E5E5E5;} .content_container .page_block .img_section {margin-top:0; color:#ffffff;} .content_container .page_block h2.border {background-color:#1C273B; border-radius: 3px;white-space: nowrap;margin: 0 30% 50px;color: #FFF;font-size: 30px;font-weight: 600;letter-spacing: 1px;line-height: 25px;padding: 20px 50px;text-align: center;} h2.subsection {text-shadow: 2px 2px 0px #E5E5E5;} h2.program {margin-top:0; text-shadow: 2px 2px 0px #E5E5E5;color:#0D2444} h3.section {padding-top:20px; margin-top:0; text-shadow: 1px 1px 0px #E5E5E5; color:#0D2444} .content_container .page_block h2.light_header {color:#ffffff;} h4 {color:#0D2444;text-shadow: 1px 1px 5px #E5E5E5;font-weight:500;letter-spacing:1px;line-height: 1.4em;} p.icon {text-align:center; margin-bottom:20px;} .callout-small {color:#16539A; text-shadow: 1px 1px 0px #E5E5E5;} .callout-medium {color:#16539A; text-shadow: 2px 2px 0px #eeeeee; font-size:3em; margin:0;float:left} .callout-large {color:#16539A; text-shadow: 3px 3px 0px #eeeeee; font-size:5em; margin:0; text-align:right;} table {border-collapse: collapse; width:100%;} table thead, table tfoot {background: #16539a;} table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {color: #ffffff; font-weight: normal; font-size: 1em;} blockquote { margin: 0 0 1.5em 2em; padding: 0.5625em 1.25em 0.5625em 1.1875em; border-left: 4px solid #16539a;} .no-padding {padding: 0 !important;} .nopadding-left {padding-left: 0 !important;} .nopadding-right {padding-right: 0 !important;} .nopadding-top {padding-top: 0 !important;} .nopadding-bottom {padding-bottom: 0 !important;} .no-padding-top-bottom {padding-top: 0 !important; padding-bottom: 0 !important;} .no-padding-left-right {padding-left: 0 !important; padding-right: 0 !important;} .large-quote {background: url('images/site/quote.png') no-repeat; } .button {border:none;font-size:16px;font-weight:500;letter-spacing:2px;box-shadow:none;} a {color:#00529B;} a span.hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} a:hover, .intro-text a:hover {color:#478fd7;text-decoration:underline;} .intro-text a {color:#478FD7} .submenu {background: #00529B;box-shadow:5px 5px 0 #E5E5E5;float: left;font-family: 'ProximaNovaSemibold','Helvetica','Arial',sans-serif;font-size: 18px;font-weight: normal;line-height: 1.4;padding: 35px 0;width:100%;border-radius:3px;} .submenu h6 {text-align:center; color:#ffffff; font-size:1.3em; letter-spacing:1px; font-weight:500;} li.submenu-item {border-bottom:1px solid #559bce;padding:20px 30px; margin-top:0;color:#ffffff;} li.submenu-item:hover {background:#559bce;padding:20px 30px; margin-top:0;} li.submenu-item a {color:#ececec;} li.submenu-item a:hover {color:#ffffff;} .callout-column {float: right; margin-left: 2.5641%; } .callout-column p {padding-right:20px; padding-left:20px;} .noborder-column {float: right; padding:10px;margin-left: 2.5641%; } .border-callout {background:rgba(0,0,0,.2);border: 2px solid #FFF;border-radius: 5px;padding: 25px;margin: 15px;min-height:400px;} .first-column { margin-left: 0; float:left;} .first-column p { padding-right: 10px;} .border-column p {padding-right:10px; padding-left:10px;font-size:.9em;} .pricing-table {border-radius:5px;} .pricing-table .description {border-bottom: 1px solid #DDDDDD;} .section-container.auto > section > .content, .section-container.auto > .section > .content {border-top: 1px solid #CCCCCC;border-right:none;border-bottom:none;border-left:none;} hr {margin:.8em 0 .8em; border-bottom: 1px solid #e5e5e5;} .special {margin:1em 0; border-bottom: 1px solid #e5e5e5;} /*** Specific for hr element on homepage ***/ @media only screen and (max-width: 767px) { .special { margin: 1em 2.5em; } } table tr th, table tr td {color: #222222;font-size: 0.875em;padding: 1.4em 0.625em;} .joyride-tip-guide {width:717px; border-radius: 4px;font-size: 1.4em;font-weight: 500;letter-spacing: 1px;padding-left: 0.3em; margin-top:10px;z-index:99999;} p.disclaimer {font-size: .70em;font-style:italic;} p.disclaimer::before{content:"*"} p.program-accreditation { text-align: center; } p.program-accreditation img { width: 60%; height: 60%;} p.fi-telephone span {padding-left:10px; font-weight:bold; text-transform:Uppercase;} p.fi-clock span {padding-left:10px; font-weight:bold; text-transform:Uppercase;} .button-sym {border: 2px solid #00529B; border-radius: 5px; margin-bottom: 10px; background-color: #00529B; color: #ffffff; font-size: 1.2em; letter-spacing: 2px; padding: 20px 60px;} .button-sym:hover {background: #ffffff; color: #000000; border: 2px solid #00529B; text-decoration: none;} /************** Removed margin-bottom:10px from .button-viti-schedule on 1/26/24 SB **************/ .button-viti-schedule {border:2px solid #00529B; border-radius:5px;background-color:rgba(255,255,255,.8);color:#00529B;font-size:1.2em;letter-spacing:2px;padding: 20px 60px;} .button-viti-schedule:hover {background:#00529B;color:#ffffff;border:2px solid #00529B;text-decoration:none;} /*************************************************************************************************/ .button-home {border:2px solid #ffffff; border-radius:5px;margin-bottom:10px;background-color:rgba(255,255,255,.8);color:#00529B;font-size:1.2em;letter-spacing:2px;padding: 20px 60px;} .button-home:hover {background:#00529B;color:#ffffff;border:2px solid #00529B;text-decoration:none;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {background-position: left top;} .tp-bullets.simplebullets.round-old .bullet {background: url("../assets/bullets.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);cursor: pointer;float: left;height: 23px;margin-right: 0;margin-top: -12px;position: relative;width: 23px;} ul.img-list {list-style-type: none;margin: 0;padding: 0;text-align: center;border:none;} ul.img-list h4 img {margin-left:-50px;} ul.img-list li {display: inline-block;position: relative;padding:0;} ul.img-list > li {border:none;} ul.img-list li li, ul.img-list li ul {margin:0} span.text-content span {display: table-cell;text-align: center;vertical-align: middle;} ul.img-list li:hover span.text-content {opacity: 1;} span.text-content {background: rgba(0,82,155,0.8);color: white;cursor: pointer;display: table;left: 0;position: absolute;top: 0;opacity: 0;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;margin: 1em;width: 91%;height: 250px;} a.skip-nav, a.skip-nav:hover { float: left; color: #031627; font-size: .8em; padding: 8px 0 5px 0; } a.skip-nav:focus { color: #8cbee1; } .slideshow-wrapper {position: relative;background: #022542;padding:10px;} .page_block .slideshow-wrapper {position: relative;background: transparent;padding:0px;} .orbit-bullets, .page_block .orbit-bullets { top: -40px;z-index: 9;padding-left: 45%; margin-bottom:0; } .orbit-bullets li, .page_block .orbit-bullets li { width: 10px;height: 10px;background: #FFFFFF none repeat scroll 0% 0%;border: none; } .orbit-container .orbit-slides-container {text-align: center;color: #BECFE3;font-size: 0.8em;letter-spacing: 1px;} .wine-notes p {font-size:.9em;} .wine-notes h3 {font-size:1.5em;letter-spacing:1px;text-transform:uppercase;margin-bottom:.2em;} .portfolio-nav {margin-top:50px;} .title {font-size: 1em; font-weight: light; letter-spacing: 1px; line-height: 25px;} .title.one {background: url('http://surry.edu/images/uploads/pages/number1.svg') no-repeat ; background-position:0 0;padding:8px 0 12px 60px; } .title.two {background: url('http://surry.edu/images/uploads/pages/number2.svg') no-repeat ;background-position:0 0;padding:8px 0 12px 60px; } .title.three {background: url('http://surry.edu/images/uploads/pages/number3.svg') no-repeat ;background-position:0 0;padding:8px 0 12px 60px; } .title.four {background: url('http://surry.edu/images/uploads/pages/number4.svg') no-repeat ;background-position:0 0;padding:8px 0 12px 60px; } .title.five {background: url('http://surry.edu/images/uploads/pages/number5.svg') no-repeat ;background-position:0 0;padding:8px 0 12px 60px; } .title.six {background: url('http://surry.edu/images/uploads/pages/number6.svg') no-repeat ;background-position:0 0;padding:8px 0 12px 60px; } .image .title {color:#FFFFFF;} a.white {color:#f0d2a1;} .border_row {border-bottom:2px solid rgba(0,0,0,.1); padding:20px 0;} .videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin-bottom:20px;} .video {float:left;margin-bottom:20px;} ul.image-row > li {padding:0;margin-bottom:0;} ul.large-block-grid-3 .caption {position: absolute;display: inherit;width: 100%;height: 100%;text-align: center;opacity: 0;background-color: rgba(13, 36, 68, 0.75);background-color: rgba(13, 36, 68, 0.25);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(13, 36, 68, 0.25)), color-stop(100%, #0D2444));background-image: -webkit-linear-gradient(rgba(13, 36, 68, 0.25), #0D2444);background-image: linear-gradient(rgba(13, 36, 68, 0.25), #0D2444);-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transform: translate3d(0, 0, 0); } ul.large-block-grid-3 .caption span {position: absolute;top:20%;right:0;left:0;opacity: 0;color: white;text-transform: uppercase;letter-spacing: 1px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;opacity:1;} ul.large-block-grid-3 .caption span li {text-transform: none;font-size:.9em;} ul.large-block-grid-3 a:hover .caption {opacity: 1;} [class*="block-grid-"] {margin:0;} ul.sponsors img {margin-bottom:10px;} ul.presenters li {padding:20px 40px;border-top:1px dashed #e2e2e2;} ul.presenters li.first, ul.presenters li.second {border-top:none;} ul.presenters li p {font-size:.9em;} .keynote .bio {padding:0 25%;} /***********************************/ /*********** FOOTER **************/ /***********************************/ .home footer {} /*** Changed to position: absolute. Stops footer from overflow into top content. ***/ footer {position: absolute; /*bottom: 0;*/ width: 100%; height: 2.5em; /*margin: 110vh auto;*/} /***********************************/ /******** SURRY STREAM ***********/ /***********************************/ .stream_row {position: relative; width: 100%;} .streamglow {display: none; position: absolute; z-index: -1; top: -20%; max-height: 554px; width: 100%;} .streamglow .bg_glow {margin: 0 auto; display: block; } .stream_header {position: relative; height: 25px; z-index: 2;} .stream_header .tab {padding: 8px 0px; background: #031627; border-radius: 30px 30px 0px 0px;} .stream_header h3 {font-size: .8em; color: #ffffff; text-align: center; letter-spacing: 1px; font-weight: normal; line-height: 0.8em; margin: 0;} .stream {border-top: 1px solid #031627; /*height: 240px;*/ height: inherit; padding-left: 0px; background: rgba(13,36,68,1); z-index: 3; padding-top: 1em; padding-bottom:1em;} .stream .stream_item { position: relative; z-index: 2; overflow: hidden; margin: 0 10px; max-height:180px;} .stream .stream_item img {box-shadow: 0 0 10px rgba(174, 188, 215, 0.5); } .stream .stream_item a { display: block; opacity: 0.8;} .stream .stream_item a:hover {opacity: 1;} .stream .stream_item a .stream_article_title {position: absolute; padding:.5em .7em; bottom:0; width:100%;background:rgba(0,0,0,.7)} .stream .stream_item a .stream_article_title h3 {-webkit-transition:all 0.35s linear;color:#ffffff;font-size:.9em;font-style:oblique;font-weight:600;text-align:center;letter-spacing:1px;text-shadow:#000000 2px 2px 5px;transition:all 0.35s linear;} .stream .stream_item a:hover .stream_article_title h3 {color: #f4f4f4;} .owl-theme .owl-controls {margin-top: 5px;} /***********************************/ /****** FOOTER UTILITY NAV AND SOCIAL *******/ /***********************************/ footer .utilities {background: #031627;} .utility_nav ul {margin: 0; padding-left:22px;} .utility_nav li, .copyright li {font-size: 0.7em; text-transform: uppercase;} .utility_nav li.apply_now {} .utility_nav li a {color: #ced4ea;} .footer_utility {position: relative;} .copyright {color: #ced4ea;} .copyright ul.inline-list {margin: 0 auto; text-align: center;padding-bottom 10px;} .copyright li {margin-left: 0.2em; line-height: 34px; height: 34px;} .copyright li:first-child {margin-left: 0; margin-right: .2em;} .copyright li::after {content: ":"; padding-left: .5em;} .copyright li:first-child:after {content: "•"; padding-left: .5em;} .copyright li:last-child:after {content: ""; padding-left: .5em;} .home + .footer .copyright {} .social li, .footer_utility li, .copyright li {margin-left: 0.9em;font-size: 0.8em; text-transform: uppercase;display: inline-block;float:none;list-style: outside none none;letter-spacing:2px;} .social li a {display: block; width: 25px;} .social li a img {width: 25px;} .social ul {margin: 0;} .social ul.inline-list, .footer_utility ul.inline-list {margin: 0 auto;text-align: center; padding:10px 0;} /***********************************/ /****** MOBILE MENU *******/ /***********************************/ .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section a span.icons {display: block; float: left; margin-right: 10px; background: #999999; padding: 0 0.4em;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section a span.icons i {display: none; color: #ffffff;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section a span.icons i.fi-plus {display: inline-block;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.active a span.icons i {display: inline-block;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.active a span.icons i.fi-minus {display: inline-block;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.active a span.icons i.fi-plus {display: none;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.section_mobile {border-radius:0px;border-bottom: 2px solid #0d2444;margin-bottom:0;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.section_mobile > .title {margin-top:-3px; padding:15px 0 15px 10px; font-size: 1em; font-weight: light; letter-spacing: 1px; line-height: 25px; border-bottom: 2px solid #0d2444; border-right:none; border-left:none; background:#1d3662 url('/images/site/menu-down.png') no-repeat right;border-radius:0px;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.link > .title {background-image:none;margin-top:-3px; padding:30px 0 30px 30px; font-size: 1em; font-weight: light; letter-spacing: 1px; line-height: 25px; border-bottom: 2px solid #0d2444; border-radius:0px;text-transform:uppercase} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.sub-link > .title {background-image:none;background-color:#031627;margin-top:-3px; padding:0 0 0 10px; font-size: .9em; font-weight: light; letter-spacing: 1px; text-transform: none; line-height: 25px; border-bottom: 2px solid #0d2444; border-radius:0px;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.active > .title {margin-top:-3px; padding-left:10px; font-size: 1em; font-weight: light; letter-spacing: 1px; line-height: 25px; border:none; background:#00529b url('/images/site/menu-up.png') no-repeat right;color:#ffffff;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.section_mobile > .title:hover {border-radius:0px;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.link > .title:hover {background:transparent #00529b no-repeat;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > .section.active > .title:hover {background: #00529b no-repeat;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.section_mobile > .content {border:none;margin-top:-3px; padding: 0;border-radius:0px;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion > section.active > .title a {color: #d0d1e0;word-break: break-word; font-size:0.875em;} .mobilenav > .off-canvas-menu > .inner_menu > .section-container.accordion {border-top:none;} .mobilenav > .off-canvas-menu > .inner_menu > .section_mobile li a {padding-left:10px;width:100%;} .mobilenav > .off-canvas-menu > .inner_menu > .section_mobile .content {padding-left:20px;} /***********************************/ /**** MEDIA QUERIES ****/ /***********************************/ @media only screen and (max-width: 1520px) { .text-callout {padding:5% 10% 0;} .text {padding:0 12%;} #site_header .header_nav li {margin-left:4.5em;} .medium-12 {width:100%;} } @media only screen and (max-width: 1432px) { .text-callout {padding:2% 10% 0;font-size:.8em} #site_header .header_nav li {margin-left:3em;} } @media only screen and (max-width: 1280px) { .mobilenav {padding: 0 0 1em 0;height:70px;} ul.text-callout {padding:0 5%;} .home {margin-bottom: 0;} /*.home {margin-bottom: -157px;}*/ /** Original Class **/ h1.cover-title {font-size:3em;} } @media only screen and (max-width: 1200px) { .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .cta-btn { font-size:12px; padding:20px 40px; text-decoration:none;} h2.home_callout {font-size:3.2em;font-weight:500;letter-spacing:3px;} h3.home_callout {font-size:1.1em} p.home_callout {font-size:1.2em; line-height:1.5em; padding:0 2%;} .text-callout {padding:0% 5% 0;} } @media only screen and (max-width: 1118px) { .content_container .page_block, .content_container .news_events_block { padding:1em 0 0 0;} p.title { padding: 5px 0px 5px 60px;} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} #site_header .header_nav li {margin-left: 3em;} #site_header .header_nav li a {font-size: .7em;} #megamenu .mm_content ul li {height: 80px; width: 130px;} #megamenu .mm_content ul li a {font-size:.8em;} span.text-content {height: 241px;} .text-callout li {width:100%;} .symposium {padding-top: 15%;} ul.img-list h4 img {margin-left:-20px;} ul.presenters li.second {border-top:1px dashed #e2e2e2;} .keynote .bio {padding:0;} ul.bronze li:nth-child(2),ul.bronze li:nth-child(3) {margin-top:-125px;} } /* below 1024px */ @media only screen and (max-width: 1024px) { .wrapper {margin-bottom:0;} .footer, .push {} .wrapper .site_header .logo img {margin-left: 25%;} #site_header .header_nav li {margin-left: 2em;} #site_header .social ul { margin-left: -1em;} #site_contact_header .contact_links ul { margin-left: -1em;} .social li {margin-left: 0.4em;} .contact_links li {margin-left: 0.4em;} .section-container.horizontal-nav {width: 68%; margin: 20px 0;} .section-container.horizontal-nav > section > .title a:first-child, .section-container.horizontal-nav > .section > .title a:first-child {text-align: center;} .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {font-size: 1.1em;} h2.search_label {font-size: 2em;} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .site_search input.search_box {font-size: 1.2em;} .site_search input.search_box, .site_search #search_button {height: 40px;} .site_search #search_button {font-size: 1em; letter-spacing: 1px; line-height: 2.6em;} .breadcrumbs {padding-left: 1em;} td.mobile_semester {display: none !important;} .content_container .form_container { padding: 0 2em;} .applynow-btn:hover {background-image:none; background-color:#00529B;} .stream_header .tab {width: 22%;} .stream {height: inherit;} .footer_utility {height: 50px;} .footer_utility .utility_nav {width: 100%;} .footer_utility .utility_nav ul.inline-list {width: 700px; margin: 0 auto;} .footer_utility .utility_nav li {} .footer_utility .social {width: 100%; height: 42px;margin: 0 auto;} .footer_utility .social ul.inline-list {width: 50%;margin: 0 auto;height: 34px;} .footer_utility .social li {float: left; width: 82px; height: 32px;line-height: 32px;text-align: center;} .footer_utility .social li a {width: 100%; height: 32px;} .footer_utility .social li a img {width: 32px; height: 32px;} .copyright ul.inline-list {margin: 0 auto; max-width: 614px; text-align: center;} .copyright li {line-height: 20px; height: 20px; font-size: 0.8em; margin-left: 1em;} .copyright li::after, .copyright li:first-child:after, .copyright li:last-child:after {content: ""; padding-left: 0;} .copyright {padding: 0 0 1em 0; } /***********************************/ /********* header ************/ /***********************************/ .site_search {margin-bottom: 6em;} } @media only screen and (max-width: 1027px) { .copyright {} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} } @media only screen and (max-width: 979px) { .content_wrapper .event .date .day {font-size: 0.7em;} #megamenu #about {background-image: none;} #megamenu #education {background-image: none;} #megamenu #admissions {background-image: none;} #megamenu #financial-aid {background-image: none;} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} #site_header .header_nav li a {font-size: .5em; letter-spacing:.2em;} .wrapper {margin-bottom:0;} ul.img-list h4 img {margin-left:0px;} .home-welcome {position: initial; padding-top: 150px;} } @media only screen and (max-width: 940px) { .content_wrapper .event .date .day {font-size: 0.7em;} .wrapper {} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .footer, .push {} /* .home-welcome .cover-title { padding-top: 100px; } */ } @media only screen and (max-width: 937px) { #site_header .header_nav li {margin-left: 2em;} .content_container .page_block h1.page_title {font-size:3em;} .content_container .page_block h2.title_sub_header, .symposium-header {font-size:1em;margin-bottom:180px} .wrapper {} .sLeft {display:inline-block; float:left;margin:3px 30px 20px 0px;} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .footer, .push {}6 } @media only screen and (max-width: 840px) { .full {text-align:center;width:100%;} .sLeft {display:inline-block; float:none;margin:0 0 20px;} .sRight {padding:0;margin-bottom:20px;} .sRight p.description {text-align:left;} } @media only screen and (max-width: 806px) { #site_header .header_nav li {margin-left: 2em;} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .copyright li {float: none; line-height: 20px; height: 20px; font-size: 0.8em;} .cta-btn { font-size:12px; padding:20px 20px; text-decoration:none;} } /* below 768px */ @media only screen and (max-width: 768px) { .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .header_nav.small-4 {} #mobile_site_header .icon i {font-size: 1em; padding-right: 0.4em;} #mobile_site_header .icon {font-size: 2.6em; margin-top: 0; display: table-cell; height: 48px; vertical-align: middle; float:right;} #mobile_site_header .logo a img {} /* .home-welcome {padding: 0px 20px;top:35%;} */ .home-welcome {padding-top: 150px;} .home {margin-bottom:100px;} .video {float:left;margin-bottom:0;} ul.img-list h4 img {margin-left:-50px;} /***********************************/ /********* header ************/ /***********************************/ #site_header {height: 80px;} #site_header .logo {height: 80px; line-height: 80px; margin-bottom: 10px; border-bottom: none;width: 19.66667%;} #site_header .logo a {display: block;} #site_header .logo a img {width: 163px; margin-left: 0;} #site_header .header_nav ul, #site_header .social ul, #site_contact_header .contact_links ul {width: 100%; line-height: inherit;height: 80px;line-height: 80px;} #site_header.shrink .logo, #site_header.shrink .header_nav ul, #site_header.shrink .social ul, #site_header.shrink .contact_links ul {} #site_header .header_nav {width: 80%;padding-right: 0;} #site_header .header_nav li {height: 30px; margin-left: 1em; text-align: center; font-size: 1em; margin-bottom: 10px; width: 126px;} #site_header .header_nav li:first-child {margin-left: 0; width: 76px;} #site_header .header_nav li:first-child + li {width: 113px;} #site_header .header_nav li.last {margin-left: 0;width: 102px;} #site_header .header_nav li a {height: 30px;} #site_header .header_nav li a.active {color: #F4EAAD;} #site_header .social, #site_contact_header .contact_links {display: none !important;} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .large-block-grid-2 > li.border-column {padding:20px;} /***********************************/ /********* megamenu **********/ /***********************************/ #megamenu .mm_content ul {margin: 0 0 0 5em; } #megamenu .mm_content ul li:last-child {border-bottom: none; border-radius: 0px 0px 5px 5px;} #megamenu .mm_content ul li:hover > a {color: #f4f4f4; text-shadow: 1px 1px 2px rgba(0,0,0,1);} #megamenu .mm_content .mm_ident {display: none;} /***********************************/ /******** body/content *********/ /***********************************/ .h2.search_label {font-size: 2em;} .site_search input.search_box {font-size: 1.2em;} .site_search input.search_box, .site_search #search_button {height: 40px;} .site_search #search_button {font-size: 1em; letter-spacing: 1px; line-height: 2.6em;} .content_wrapper .aside {padding: 0 0.1em;} .content_container .page_block, .content_container .news_events_block {} .content_container .page_block:nth-child(2n) {} .content_container .page_block:nth-child(2n) h3 {} .content_wrapper .widget {padding: 0.5em 3em 0;} .callout-large {font-size:4em; margin:0 0 -60px 0; text-align:center;} /***********************************/ /**** footer: stream styles ****/ /***********************************/ .stream {height: inherit;} .stream_header .tab { width: 30%; top: 2px;} .stream_header h3 {font-style: 1em;} /***********************************/ /** footer: utility nav styles **/ /***********************************/ .footer .footer_utility .social {width: 90%;} footer .utilities {height:100px;} .social ul {float: right;} .social li {} .contact_links ul {float: right;} .contact_links li {float: left; width: 36px; height: 36px;} .footer_utility .utility_nav ul.inline-list {width: 100%;} .footer_utility li {} .footer_utility .utility_nav {width: 100%; margin-bottom: 20px;} .mobile_social .row {max-width: 689px;} .mobile_social {display: block !important; background: rgba(13,36,68,1);} .footer_social_nav {padding: 0; } .footer_social_nav ul {width: 500px; padding: 10px 0; margin: 0 auto; float: none; } .footer_social_nav li {width: 118px; height: 43px; float: left; margin-bottom: 10px; } .footer_social_nav li a {width: 100%;height: 100%;} .footer_social_nav li a.fb {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/facebook.png') no-repeat top center;} .footer_social_nav li a.twitter {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/twitter.png') no-repeat top center;} .footer_social_nav li a.linkedin {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/Linkedin.png') no-repeat top center;} .footer_social_nav li a.gplus {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/google_plus.png') no-repeat top center;} .footer_social_nav li a img {display: none;} .copyright {} .copyright li::after, .copyright li:first-child:after, .copyright li:last-child:after {content: ""; padding-left: 0;} } @media only screen and (max-width: 767px) { .content_container .page_block, .content_container .news_events_block {} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .button-viti-schedule {margin-bottom:25px;} /* .home-welcome .cover-title { padding-top: 75px; } */ } @media only screen and (max-width: 730px) { .wrapper {} .clear_header {padding-top: 20px;} .site_search {padding-top:15%;} .footer, .push {} .logo.small-4 {} .header_nav.small-4 {} .mobilenav {} #mobile_site_header .icon i {} #mobile_site_header .icon {} #mobile_site_header .icon span {} .content_container .page_block h1.page_title {font-size:2.5em;margin-top:35%;} .content_container .page_block h2.title_sub_header, .symposium-header {font-size:1em;margin-bottom:100px;} /***********************************/ /****** FOOTER UTILITY NAV *******/ /***********************************/ .footer_utility li {float: none; line-height: 22px;} .footer_social_nav {padding: 1em 0 0 0; background: rgba(13,36,68,1); overflow: hidden;} .footer_social_nav ul {width: 260px; padding-left: 0;} .footer_social_nav li {width: 40%; height: 33px; float: left; margin-bottom: 10px;} .footer_social_nav li:nth-child(even) {float: right;} .footer_social_nav li a {height: 100%;} .footer_social_nav li a.fb {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/facebook.png') no-repeat top center;} .footer_social_nav li a.twitter {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/twitter.png') no-repeat top center;} .footer_social_nav li a.linkedin {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/Linkedin.png') no-repeat top center;} .footer_social_nav li a.gplus {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/google_plus.png') no-repeat top center;} .footer_social_nav li a img {display: none;} .footer_utility .utility_nav {margin-bottom: 0;} .footer_utility .utility_nav ul.inline-list {width: 100%;} .footer_utility .utility_nav li {} .footer .footer_utility .footer_social_nav {width: 100%; padding-top: 10px;} .copyright li {float: none; line-height: 16px; height: 20px;} .copyright li::after, .copyright li:first-child:after, .copyright li:last-child:after {content: ""; padding-left: 0;} .copyright {} } /* below 640px */ @media only screen and (max-width: 640px) { .wrapper {} /***********************************/ /********* HEADER ************/ /***********************************/ .logo.small-4 {} .header_nav.small-4 {} .mobilenav {} #mobile_site_header .icon i {} #mobile_site_header .icon {} #mobile_site_header .icon span {} .clear_header {padding-top: 20px;} .content_container .symposium img {margin-top:25%;} /***********************************/ /******* CONTENT/BODY ********/ /***********************************/ h2.search_label {font-size: 1.8em;} h2.page_block_header {font-size: 1.6em !important;} .breadcrumbs {padding-left: 1em; font-size: 1em;} .content_wrapper .widget {padding: 0.5em 2em;} .content_container h3.subheader {padding-left: 0.3em;} .content_container .page_block h1.page_title {margin-top:45%;} .content_container .page_block, .content_container .page_block:nth-child(2n) {} td.mobile_semester {display: table-cell !important;} .border-column {margin:10px 0;} .cta-btn { font-size:12px; padding:10px 40px; text-decoration:none;} /***********************************/ /*********** FOOTER **************/ /***********************************/ .footer {} /***********************************/ /******** SURRY STREAM ***********/ /***********************************/ .stream {height: inherit;} .stream_row {max-width: 100%;} .stream_header {height: 25px;top: 2px;} .stream_header .tab {margin-left: 0px; width: 100%; top: -8px;} .stream_header h3 {font-size: 1em; line-height: 1em} } @media only screen and (max-width: 580px) { .wrapper {} .footer, .push {} .logo.small-4 {} .header_nav.small-4 {} .mobilenav {} #mobile_site_header .icon i {} #mobile_site_header .icon {} #mobile_site_header .icon span {} h2.home_callout {font-size:2.6em;font-weight:500;letter-spacing:3px;} h3.home_callout {font-size:.9em} footer .utilities {height:130px;} .content_container .symposium img {margin-top:30%;} .home-welcome img {width:80%;margin-bottom:5px;} } /* below 480px */ @media only screen and (max-width: 480px) { blockquote {margin-left: 0;} .logo.small-4 {} .header_nav.small-4 {} .mobilenav {} #mobile_site_header .icon i {} #mobile_site_header .icon {font-size: 3em; float:right;} #mobile_site_header .icon span {} h2.home_callout {font-size:1.7em;font-weight:500;letter-spacing:3px;margin-top:-5px} h3.home_callout {font-size:.9em;line-height:20px;} .content_container .symposium img {margin-top:40%;} .home-welcome img {width:80%;margin-bottom:5px;} /***********************************/ /********* HEADER ************/ /***********************************/ #site_header {height: 200px;} #site_header .logo {height: 80px; line-height: 80px; margin-bottom: 10px; border-bottom: 1px solid #CED4EA;width: 100%;} #site_header .logo a {display: block;} #site_header .logo a img {width: 163px; margin-left: 70px;} #site_header .header_nav ul, #site_header .social ul {width: 100%; line-height: inherit;height: 100%;} #site_header.shrink .logo, #site_header.shrink .header_nav ul, #site_header.shrink .social ul, #site_header.shrink .contact_links ul {} #site_header .header_nav {width: 100%;padding: 0;} #site_header .header_nav li {height: 18px; margin-left: 0; text-align: center; font-size: 1em; margin-bottom: 4px; width: 100% !important;line-height: 18px;} #site_header .header_nav li:first-child {margin-left: 0;} #site_header .header_nav li a {height: inherit;} #site_header .header_nav li a.active {color: #F4EAAD;} .clear_header {padding-top: 20px;} h1.page_title {font-size: 1.8em; text-shadow: 1px 1px 0px #e5e5e5;} .intro-text {font-size:1em; line-height:1.6em; text-transform:none; font-weight:600; letter-spacing:1px;} .content_wrapper .aside {padding: 0px 14px;} .section-container.horizontal-nav {width: 100%; margin: 20px 0;} .section-container.horizontal-nav > section > .title a:first-child, .section-container.horizontal-nav > .section > .title a:first-child {text-align: center;} ul.ss-box {width: 280px;} ul.ss-box li.ss-result {border-bottom: 1px solid rgba(255,255,255,0.2);} /***********************************/ /******* CONTENT/BODY ********/ /***********************************/ h2.search_label {font-size: 1.8em;} .site_search input.search_box {font-size: 1.2em;} .site_search input.search_box, .site_search #search_button {height: 40px;} .site_search #search_button {font-size: 1em; letter-spacing: 1px; line-height: 2.6em;} .breadcrumbs {padding-left: 1em; font-size: 1em;} h2.page_block_header {font-size: 1.6em !important;} .course_filter .search_icon {padding-top: 0.4em;} .course_filter .search_icon i {font-size: 4em; padding-left: 0.1em;} .section-container.auto>section>.content, .section-container.auto>.section>.content, .section-container.vertical-tabs>section>.content, .section-container.vertical-tabs>.section>.content, .section-container.vertical-nav>section>.content, .section-container.vertical-nav>.section>.content, .section-container.horizontal-nav>section>.content, .section-container.horizontal-nav>.section>.content, .section-container.accordion>section>.content, .section-container.accordion>.section>.content {padding: 0;} .tab_block {padding: 0 1em;} .callout-large {margin-bottom: 0;} .content_container h3.subheader {padding-left: 0.3em;} .content_container ul, .content_container ol {} .content_container ul#nav-sub, .content_container ol#nav-sub {padding-left:1em;} .content_container .news_events_block {margin-bottom: 2em; border-bottom: 1px solid #ccc;} .archive.content_container .news_events_block {border-bottom: none;} .content_container .news_events_block.page_hero {margin-bottom: 0; border-bottom: none;} .content_wrapper .widget {padding: 0.5em 0 0;} .content_wrapper .event .event_description h3.event_title {padding-left: 0;} .content_container .page_block:nth-child(2n) {} .content_container .page_block:nth-child(2n) h3 {} .content_container .form_container {padding: 0 2em;} .programs .tab_block, .courses .tab_block {padding-left: 1em;} section .programs .tab_block, section .courses .tab_block {padding-left: 1em;} .programs .tab_block h4, .courses .tab_block h4 {margin-left: 0em;} td.standard_total {display: none;} td.mobile_total {display: table-cell;} td.mobile_semester {background: #dddddd; display: table-cell !important;;} .border-column {margin:10px 0;} /***********************************/ /*********** FOOTER **************/ /***********************************/ .footer, .push {height:0;} .wrapper {margin-bottom:0;} .footer {} /***********************************/ /******** SURRY STREAM ***********/ /***********************************/ .stream {/*height: 320px;*/ height: inherit;} .stream_row {max-width: 480px;} .stream_header {height: 25px;top: 2px;} .stream_header .tab {margin-left: 0px; width: 100%; top: -8px;} .stream_header h3 {font-size: 1em; line-height: 1em} /***********************************/ /****** FOOTER UTILITY NAV *******/ /***********************************/ .footer_utility {} .footer_utility li {float: none; line-height: 22px;} .footer_social_nav {padding: 1em 0 0 0; background: rgba(13,36,68,1); } .footer_social_nav li {width: 40%; height: 33px; float: left; margin-bottom: 10px;} .footer_social_nav li a {width: 100%;height: 100%;} .footer_social_nav li a.fb {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/facebook.png') no-repeat top center;} .footer_social_nav li a.twitter {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/twitter.png') no-repeat top center;} .footer_social_nav li a.linkedin {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/Linkedin.png') no-repeat top center;} .footer_social_nav li a.gplus {background: rgba(0, 0, 0, 0) url('/images/site/mobile_social/google_plus.png') no-repeat top center;} .footer_social_nav li a img {display: none;} .footer_utility .utility_nav {margin-bottom: 0;} .footer_utility .utility_nav ul.inline-list {width: 100%;} .footer_utility .utility_nav li {} .footer .footer_utility .footer_social_nav {width: 100%; padding-top: 10px;} .copyright li {float: none; line-height: 16px; height: 20px;} .copyright li::after, .copyright li:first-child:after, .copyright li:last-child:after {content: ""; padding-left: 0;} .copyright {} .home + .footer .copyright {} } @media only screen and (max-width: 440px) { .wrapper {} .footer, .push {} .header_nav.small-4 {margin-top: -0.3em;} blockquote {margin-left: 0;} .mobilenav {} #mobile_site_header .icon i {} #mobile_site_header .icon {font-size: 1.6em;} #mobile_site_header .icon span {} } @media only screen and (max-width: 440px) { .wrapper {} .footer, .push {} #mobile_site_header .icon {font-size: 2.6em; vertical-align: top;} #mobile_site_header .icon span {display: none;} } /* below 320px */ @media only screen and (max-width: 320px) { .wrapper {} .footer, .push {} h2.search_label { font-size: 1.6em; } .stream {/*height: 230px;*/ height: inherit;} .streamglow {top: -12%;} .footer_utility .utility_nav ul.inline-list {width: 100%;} .copyright {} /* .home-welcome .cover-title { padding-top: 0; } */ } /***************************************/ /******** Homepage Flexbox ***********/ /***************************************/ .flex-container { display: flex; flex-flow: row; align-items: center; justify-content: space-evenly; /*max-width: 1000px;*/ /*margin: 0 auto;*/ /*font-size: 30px;*/ /*text-align: center;*/ } .flex-item { display: flex; flex-direction: column; } .flex-btn { min-width: 300px; } @media only screen and (max-width: 900px) { .flex-container { flex-flow: column wrap; } } /*@media only screen and (max-width: 1024px) and (min-width: 980px) { .flex-container { flex-flow: column wrap; padding-bottom: 3em; } }*/ @media only screen and (max-width: 380px) { .flex-btn { min-width: auto; } } /*.flex-item-left { padding: 10px; display: flex; flex: 1; }*/ /*.flex-item-right { padding: 10px; display: flex; flex: 1; }*/ /* Responsive layout - makes a one column-layout instead of a two-column layout */ /*@media (max-width: 1000px) { .flex-item-right, .flex-item-left { flex-flow: 100%; } }*/ /* .flex-container { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; } .flex-item { flex: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 40rem; min-width: 18rem; margin: 0.625em; text-align: center; background: #eee; padding: 1.875em; }*/