/* Theme Name: iaft */ .fl-left { float: left; } #recaptcha_area *, #recaptcha_area *:before, #recaptcha_area *:after { -moz-box-sizing:inherit; -webkit-box-sizing:inherit; box-sizing:inherit; } *{ text-rendering: auto !important; } .row { max-width: 1240px; } html,body{ font-family: "proxima-nova",sans-serif; font-weight: 400; background: #f2f3f4; } button, .button { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; color: #fff; font-size: 20px; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; background: #b2272c; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; padding: 5px 20px; } button.small, .button.small { font-size: 16px; line-height: 18px; font-weight: 500; padding: 3px 13px; -webkit-appearance: none; margin: 0px; letter-spacing: .05em; } button:hover, .button:hover { color: #fff; background: #8c2125; } button.blue, .button.blue {background: #3e5a7d;} button.blue:hover, .button.blue:hover {background: #304661;} button.gray, .button.gray {color: #fff; background: #93979c;} button.gray:hover, .button.gray:hover {background: #77797d;} /* light gray button for blog */ button.light-gray, .button.light-gray { color: #b2272c; background: #e6e9ed; -webkit-transition:color 300ms ease-out; -moz-transition:color 300ms ease-out; -o-transition:color 300ms ease-out; transition:color 300ms ease-out; } button.light-gray:hover, .button.light-gray:hover { color: #8c2125; background: #d5d5d5; } h1, h2, h3, h4 { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; text-transform: uppercase; } a { color: #b2272c; font-weight: 600; } a:active, a:hover { color: #dc343a; } .panel { background: #e6e9ed; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .panel.panel-overlay { background-color: rgba(255, 255, 255, 0.8); border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* form styles */ #main input[type="text"] { background: #fff; } #main .frm-show-form { background-color: #e6e9ed; padding: 20px; margin: 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #main .frm_forms fieldset { border: 0; padding: 0; margin: 0; } #main .frm_forms fieldset span.frm-required { font-weight: 600; color: #f00; } #main .frm_forms fieldset label { font-family: 'Open Sans', sans-serif; margin-bottom: 8px; font-weight: 600; font-size: 13px; } #main .frm_forms fieldset textarea { height: 150px; background: #fff; } #main .frm_forms fieldset select { background: #fff; } #main .frm_forms fieldset .frm_description { font-size: 14px; line-height: 20px; color: #333; margin-bottom: 20px; } #main .frm_forms #form_hbei11 fieldset .frm_description { font-size: 11px; line-height: 14px; color: #666; margin-bottom: 0px; margin-top: 10px; } #main .frm_forms input[type="submit"] { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; color: #fff; font-size: 18px; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; background: #b2272c; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; padding: 5px 20px; cursor: pointer; margin-bottom: 0; } #main .frm_forms input[type="submit"]:hover { color: #fff; background: #8c2125; } #main .frm_forms.with_frm_style { max-width: 100% !important; } /* main header */ #main-header { position: fixed; width: 100%; top: 0; z-index: 9999; } /* main nav */ #main-nav-wrapper { width: 100%; clear: left; /* background: #2b2b2b; */ background: rgba(43, 43, 43, 0.9); max-height: 81px; } #main-nav li a { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; } #main-nav.top-bar { background: none; min-height: 50px; } #main-nav.top-bar.expanded { height: auto; } #main-nav.top-bar .title-area { height: 80px; } #main-nav.top-bar li.name { } #main-nav.top-bar li.name #header-logo { display: block; text-indent: -999px; overflow: hidden; background-image: url(img/IAFT-header-logo.png); background-repeat: no-repeat; background-position: 0 0; height: 54px; width: 260px; margin: 12px 0 14px 0; } #main-nav.top-bar .top-bar-section #menu-main-menu { clear: right; background: none; } #menu-main-menu li:hover ul { display: block; } #main-nav.top-bar .top-bar-section li a:not(.button) { background: none; padding: 0 15px; line-height: 40px; font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 400; font-size: 17px; letter-spacing: .05em; } #main-nav.top-bar .top-bar-section ul.right li.hover > a { background: #111; } #main-nav.top-bar .top-bar-section ul.right li a:hover { background: #111; } #main-nav.top-bar .top-bar-section ul.right li .dropdown { right: auto; z-index: 999; background: #2b2b2b url(img/dropdown-highlight.png) repeat-x top center; } #main-nav.top-bar .top-bar-section ul.dropdown li a { line-height: 36px; font-size: 16px; font-weight: 400; padding: 0 15px; min-width: 200px; background: none; } #main-nav.top-bar .top-bar-section ul.dropdown li a:hover { background: #151515; } #main-nav.top-bar .top-bar-section .has-dropdown > a { padding-right: 15px !important; } #main-nav.top-bar .top-bar-section .has-dropdown > a:after { border: none; } /* bar above main nav */ #main-nav.top-bar .top-bar-section #top-nav { background: none; float: right; } #main-nav.top-bar .top-bar-section #top-nav li.top-link { margin: 6px 3px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link > a { font-size: 15px; color: #fff; line-height: 15px; display: block; overflow: hidden; background-image: url(img/schedule-links-header.png); background-repeat: no-repeat; padding: 5px 15px 5px 26px; background-color: #222; border: 1px solid #444; } #main-nav.top-bar .top-bar-section #top-nav li.top-link > a:hover { color: #fff; background-color: #111; } #main-nav.top-bar .top-bar-section #top-nav li.top-link a.visit { background-position: 4px 0; padding-left: 30px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link a.call { background-position: 0 -50px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link a.apply { background-position: 0 -100px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link a.cant { background-image: none; padding-left: 15px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link a.visit:hover { background-position: 4px -25px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link a.call:hover { background-position: 0 -75px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link a.apply:hover { background-position: 0 -125px; } #main-nav.top-bar .top-bar-section #top-nav #header-search { position: relative; margin: 0; } #main-nav.top-bar .top-bar-section #top-nav #header-search input[type="text"] { color: #ccc; background: #222; height: 24px; font-size: 13px; margin: 0px; width: 100%; border: 1px solid #555; padding: 0 25px 0 10px; } #main-nav.top-bar .top-bar-section #top-nav .has-form { background: none; height: 40px; } #main-nav.top-bar .top-bar-section #top-nav .has-form .header-search-btn { background: url(img/search-icon.png) no-repeat 0 0; display: block; height: 16px; width: 17px; position: absolute; top: 12px; right: 3px; overflow: hidden; text-indent: -999px; padding: 0; } #main-nav.top-bar .top-bar-section #top-nav .has-form .header-search-btn:hover, #main-nav.top-bar .top-bar-section #top-nav .has-form .header-search-btn:active { background: url(img/search-icon.png) no-repeat 0 -16px; } #main-nav.top-bar .top-bar-section #top-nav #header-social { list-style: none; margin: 10px 0 0 0; background: none; } #main-nav.top-bar .top-bar-section #top-nav #header-social li { padding: 0; width: 20px; margin: 0 5px; overflow: hidden; } #main-nav.top-bar .top-bar-section #top-nav #header-social li a { display: block; text-indent: -999px; overflow: hidden; background-image: url(img/social-links-header.png); background-repeat: no-repeat; height: 20px; width: 20px; } #main-nav.top-bar .top-bar-section #top-nav #header-social li a:hover { background-color: transparent; } #main-nav.top-bar .top-bar-section #top-nav #header-social li a.facebook {background-position: 0 0;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.twitter {background-position: -20px 0;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.youtube {background-position: -40px 0;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.google-plus {background-position: -60px 0;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.social-dashboard {background-position: -80px 0;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.vimeo {background-position: -100px 0;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.facebook:hover {background-position: 0 -20px;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.twitter:hover {background-position: -20px -20px;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.youtube:hover {background-position: -40px -20px;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.google-plus:hover {background-position: -60px -20px;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.social-dashboard:hover {background-position: -80px -20px;} #main-nav.top-bar .top-bar-section #top-nav #header-social li a.vimeo:hover {background-position: -100px -20px;} /* page nav */ #home-nav-wrapper { width: 100%; position: absolute; top: 81px; z-index: 40; /* background: #e6e9ed; */ background: rgba(255,255,255,.8); height: 30px; } #home-nav-wrapper.sticky { position: fixed; top: 81px; } #home-nav.top-bar { background: none; height: 30px; } #home-nav.top-bar .top-bar-section ul { background: none; width: 100%; } #home-nav.top-bar .top-bar-section ul li { padding: 0; } #home-nav.top-bar .top-bar-section ul li > a { display: block; width: 100%; color: #333; padding: 12px 0 12px 0; font-size: 13px; text-transform: uppercase; background: none; } #home-nav.top-bar .top-bar-section li a:not(.button) { padding: 0 15px; line-height: 30px; color: #333; text-align: center; border-right: 1px solid #d8dbdf; } #home-nav.top-bar .top-bar-section li:first-child a { border-left: 1px solid #d8dbdf; } #home-nav.top-bar .top-bar-section li a.active { /* font-size: 0; background-image: url(img/home-icons.png); background-repeat: no-repeat; */ background-color: #fff; position: relative; } #home-nav.top-bar .top-bar-section li a.active:after { content: ""; display: block; position: absolute; top: 30px; left: -1px; right: -1px; z-index: 99; background: #b2272c; height: 3px; } /* #home-nav.top-bar .top-bar-section li a.active.link-home {background-position: center 6px;} #home-nav.top-bar .top-bar-section li a.active.link-about {background-position: center -64px;} #home-nav.top-bar .top-bar-section li a.active.link-programs {background-position: center -134px;} #home-nav.top-bar .top-bar-section li a.active.link-locations {background-position: center -208px;} #home-nav.top-bar .top-bar-section li a.active.link-news {background-position: center -275px;} */ #home-nav.top-bar .top-bar-section li a span {display: none !important;} /* main body */ #container { } #container h1, h2, h3 { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; } #container h2.heading { font-size: 50px; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); margin: 60px 0 20px 0; } #container h2.alternate { color: #b2272c; text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); } #container .section-text { padding-right: 20px; } #container #locations .section-text { color:#fff; } #container .home_location_slide .caption { padding: 20px 10px 0; } #container .home_location_slide .caption p { color: #fff; } #container p { font-size: 14px; line-height: 24px; margin-bottom: 20px; } #container p.location_address { font-size: 16px; line-height: 20px; background-color: rgba(255,255,255, .6); padding: 20px; } #container p.featured { font-size: 22px; line-height: 34px; margin-bottom: 20px; font-weight: 600; } body.home .section-text p strong { font-size: 14px; line-height: 24px; font-weight: bold; color: #b2272c; } body.home .section-text:first-child p:first-child strong { font-size: 22px; line-height: 34px; margin-bottom: 20px; font-weight: 600; color: #222222; } body.home #locations .section-text strong{ color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); margin-bottom: 30px; } #main strong{ color:#b2272c; } #home { height:100%; position: relative; overflow: hidden; } #home #full-width-slider.royalSlider { width: 100%; } #home .infoBlock { width: 100%; height: 100%; position: absolute; z-index: 100; } #home .infoBlock div.row { height: 100%; position: relative; } #home .infoBlock .slide-caption { position: absolute; bottom: 110px; } #home .infoBlock .slide-caption h2 { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; font-size: 42px; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.6); margin-bottom: 18px; color: #000; } #home .infoBlock .slide-caption p { font-size: 16px; font-weight: 600; color: #000; } #about, #about-location { background: #f2f3f4 url(img/gray-texture.jpg) repeat; } #about .panel { padding: 10px; } #about .section-text { padding-bottom: 20px; } .overlay { position: relative; } .overlay .row { position: relative; z-index: 30; } /* .add-overlay { position: absolute; width: 100%; background-image: url(img/grid-overlay.png); background-repeat: repeat; top: 0; bottom: 0; z-index: 20; } */ .rsOverflow { height: 100%; } #news { background: #f2f3f4 url(img/gray-texture.jpg) repeat; } #programs { position: relative; overflow: hidden; background: url(img/programs-bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale')"; } #locations { position: relative; overflow: hidden; background: #648dc0 url(img/locations-bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale')"; } #locations p.featured { color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); margin-bottom: 30px; } #locations p { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } /* locations slideshow */ #locations .location-img-big { margin: 80px 0 10px 0; border: 5px solid #fff; } #locations .caption { margin-bottom: 50px; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } #locations h3 { margin-bottom: 6px; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } #locations .button { margin-bottom: 10px; } #locations .new-royalslider-6 .rsThumb { width: 220px; height: 54px; } #locations .new-royalslider-6 .rsThumbsVer { width: 200px; } #locations .galleryTextThumbs .rsThumbs h5 { font-family: "ff-good-headline-web-pro-con",sans-serif; font-size: 17px; text-transform: uppercase; font-weight: 400; line-height: 20px; letter-spacing: .05em; } /* location list */ #locations #home-location-list { list-style: none; padding: 0; overflow: auto; margin: 0 0 20px; } #locations #home-location-list li { float: left; width: 50%; } #locations #home-location-list li a { display: block; color: #fff; font-size: 13px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); background: rgba(62, 90, 125, 0.4); background-image: url(img/link-arrow.png); background-repeat: no-repeat; background-position: right center; padding: 6px 8px; margin: 2px; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } #locations #home-location-list li a:hover { background: rgba(62, 90, 125, 0.6); background-image: url(img/link-arrow.png); background-repeat: no-repeat; background-position: right center; } #locations .panel { overflow: auto; background: rgba(62, 90, 125, 0.4); padding: 10px; } #locations .panel h3 { color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } /* locations thumbs */ #locations .location-thumb a.location-img { display: block; border: 5px solid #fff; margin-bottom: 4px; } #locations .location-thumb a.location-link { color: #fff; font-size: 13px; } #programs #programs-content { /* position: relative; top: 40%; z-index: 20; */ } #programs #programs-content .panel h3 { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; font-size: 30px; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.6); margin-bottom: 18px; color: #000; } #programs #programs-content .panel p { color: #000; font-size: 14px; line-height: 22px; font-weight: 600; } #programs #programs-content .panel ul { list-style: none; } #programs #programs-content .panel ul li a { font-size: 14px; } #news h2.alternate { margin-bottom: 10px; } #news h3 { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; font-size: 30px; margin: 0px; text-transform: uppercase; } #news .row.news-heading { margin: 0 0 8px; } #news .left-section { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 10px 20px 0px 0; } #news .right-section { padding: 10px 0 0px 20px; } #news .bottom-section { padding: 20px 20px 0 0; border-right: 1px solid #bbb; } #news .row.border { border-bottom: 1px solid #bbb; } #news .post-link { margin-bottom: 4px; } #news .post-date { font-size: 13px; color: #777; } #news .post { background: #fff; padding: 10px; font-size: 14px; overflow: auto; } #news .post a { display: block; } #news .post .event-thumb { margin-bottom: 8px; } #news .post .news-thumb { float: left; margin-right: 10px; } #news .post a.post-campus { color: #777; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 6px 4px 16px; line-height: 12px; background: #d4d7da url(img/location-pin.png) no-repeat 0 1px; float: right; font-weight: 600; line-height: 13px; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } #news .post a.post-campus:hover { color: #fff; background: #b2272c url(img/location-pin.png) no-repeat 0 -17px; } #news .button.small { margin: 10px 0; } #news .panel { margin: 0; } #news #home-calendar h3, #news #home-blog h3 { font-size: 24px; line-height: 30px; color: #333; text-transform: uppercase; padding: 6px 0; margin: 0; } #news #home-blog .home-blog-icon, #news #home-calendar .home-calendar-icon { display: block; width: 44px; height: 44px; overflow: hidden; background-image: url(img/campus-icons.png); background-repeat: no-repeat; margin: 10px 0 0; } #news #home-blog .home-blog-icon { background-position: 0 0px; } #news #home-calendar .home-calendar-icon { background-position: 0 -44px; } #news #home-calendar .border, #news #home-blog .border { border-left: 1px dotted #999; } #news #home-calendar ul, #news #home-blog ul { list-style: none; } #news #home-calendar ul li, #news #home-blog ul li { font-size: 14px; line-height: 25px; } #news #home-calendar p, #news #home-blog p { font-size: 13px; line-height: 18px; font-style: italic; color: #666; padding-right: 15px; margin: 0px; } #news #home-calendar li a, #news #home-blog li a { padding-left: 15px; display: block; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } #news #home-calendar li a:hover, #news #home-blog li a:hover { background: #f2f3f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* footer contact section */ #contact { width: 100%; background: #b2272c; padding: 50px 0; } #contact .contact-wrapper { background: #962226; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #contact a.schedule-btn { display: block; border: 8px solid #fff; height: 180px; max-width: 500px; overflow: hidden; position: relative; margin: 15px 0; } #contact a.schedule-btn span.schedule-text { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; color: #fff; font-size: 40px; text-transform: uppercase; display: block; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7); text-align: center; margin: 62px 0; position: relative; z-index: 20; } #contact a.schedule-btn.schedule-call { background: url(img/schedule-a-call.jpg) no-repeat center; } #contact a.schedule-btn.schedule-visit { background: url(img/schedule-a-visit.jpg) no-repeat center; } #contact a.schedule-btn span.hoverlay { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; opacity: 0; background: rgba(0,0,0,.2); -moz-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms; z-index: 5; } #contact a.schedule-btn:hover .hoverlay { opacity: 1; } /* footer */ section#footer { background: #2c2c2c; padding: 50px 0; color: #ddd; } section#footer .panel.panel-dark { background: #1a1a1a; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 281px; } section#footer h3 { font-size: 24px; color: #ddd; } /* footer social */ section#footer #footer-social { position: relative; } section#footer #footer-social ul { list-style: none; width: 280px; margin: 0 auto; } section#footer #footer-social ul li { float: left; margin: 8px; } section#footer #footer-social ul li a { display: block; text-indent: -999px; overflow: hidden; background-image: url(img/social-links-footer.png); background-repeat: no-repeat; height: 54px; width: 54px; } section#footer #footer-social ul li a.facebook {background-position: 0 0;} section#footer #footer-social ul li a.twitter {background-position: -54px 0;} section#footer #footer-social ul li a.youtube {background-position: -108px 0;} section#footer #footer-social ul li a.google-plus {background-position: -162px 0;} section#footer #footer-social ul li a.facebook:hover {background-position: 0 -54px;} section#footer #footer-social ul li a.twitter:hover {background-position: -54px -54px;} section#footer #footer-social ul li a.youtube:hover {background-position: -108px -54px;} section#footer #footer-social ul li a.google-plus:hover {background-position: -162px -54px;} section#footer #footer-social a.dashboard { position: absolute; display: block; overflow: hidden; height: 110px; width: 260px; background: url(img/social-dashboard.png) no-repeat 0 0; bottom: 0; left:50%; margin-left:-130px; } section#footer #footer-social a.dashboard:hover { background: url(img/social-dashboard.png) no-repeat 0 -110px; } section#footer #footer-social a.dashboard span { display: block; width: 260px; font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 400; color: #fff; text-transform: uppercase; text-align: center; margin: 8px 0; letter-spacing: .05em; } section#footer #footer-twitter ul { list-style: none; margin: 0; } section#footer #footer-twitter h3 { margin-bottom: .3em; } section#footer #footer-twitter .follow-link { font-size: 13px; float: right; } section#footer #footer-twitter ul li { padding: 10px 0 10px 40px; background: url(img/twitter-feed-icon.png) no-repeat 0 14px; font-size: 13px; border-top: 1px dotted #696969; } section#footer #footer-twitter ul li:first-child { border-top: none; margin-top: 0; } section#footer #footer-twitter .twiget-feed { margin: 0; padding: 0; } section#footer #footer-twitter .twiget-feed .twiget-tweet { color: #ddd; font-size: 13px; line-height: 18px; margin-bottom: 0px; } section#footer #footer-twitter .twiget-feed .twiget-tweet > img { display: none !important; } section#footer #footer-twitter .twiget-feed .twiget-meta { margin-bottom: 0; } section#footer #footer-twitter .twiget-feed .twiget-meta a { font-style: italic; color: #999; font-weight: 400; font-size: 13px; } section#footer #footer-twitter .twiget-feed .tweet-bio { display: none !important; } section#footer #footer-twitter .twiget-feed .twigetfollow { margin: 0; display:none; } section#footer #footer-contact dl { font-size: 14px; margin-bottom: 15px; overflow: auto; } section#footer #footer-contact dl dt { font-weight: 700; color: #999; float: left; clear: left; width: 40%; } section#footer #footer-contact dl dd { float: left; width: 60%; } section#footer #footer-contact .button { color: #fff; margin: 10px 0; } section#footer #footer-contact .button:hover { background: #dc343a; } section#footer #footer-contact .button.gray { background: #555; } section#footer #footer-contact .button.gray:hover { background: #666; } section#footer #footer-contact h4 { color: #ddd; font-size: 20px; margin-bottom: 10px; } /* subfooter section */ section#subfooter { width: 100%; background: #101010; padding: 30px 0 20px; font-size: 12px; } section#subfooter .footer-copyright { color: #999; font-size: 12px; margin-left: 10px; } section#subfooter .footer-campuses { float: right; } section#subfooter .footer-campuses span { color: #ccc; font-size: 12px; display: block; float:left; padding: 4px 10px; font-weight: 700; line-height: 12px; margin-bottom: 10px; } section#subfooter .footer-campuses ul { list-style: none; margin: 0; overflow: auto; } section#subfooter .footer-campuses ul li { display: block; float: left; margin: 0px 4px 8px; } section#subfooter .footer-campuses ul li a { color: #999; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 6px; font-weight: 400; line-height: 12px; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } section#subfooter .footer-campuses ul li a:hover { color: #eee; font-weight: 400; background: #222; } /* interior page */ /* section#top-img { position: absolute; top: 0; overflow: hidden; background: url(img/programs-bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:500px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale')"; } */ section#top-img { position: absolute; top: 0; overflow: hidden; width:100%; height:490px; background: #000000; } section#top-img img { top: -50%; position: absolute; width: 100%; visibility: hidden;} section#page-heading { position: relative; z-index: 20; padding-top: 360px; width: 100%; background: url(img/heading-img-overlay.png) repeat-x bottom; } section#page-heading #main-heading > div { min-height: 70px; } section#page-heading #main-heading .main-heading { font-size: 70px; line-height: 70px; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); margin: 0px; position: absolute; bottom: 8px; } section#page-heading #subheading { width: 100%; background: url(img/heading-overlay.png) repeat; } section#page-heading #subheading .subheading { font-size: 34px; text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.6); line-height: 30px; margin: 0px; padding: 15px 0; } /* all sidebars */ .sidebar-position { position: absolute; top: -135px; z-index: 1000; width: 100%; padding: 0px; } /* left sidebar */ #sidebar-left { padding: 0; } .sidebar-left-padding { position: relative; margin-right: 25px; min-height: 550px; } #sidebar-left .left-module { max-width: 255px; } #sidebar-left #page-nav { background: #fff; margin: 0px; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; margin-bottom: 30px; } #sidebar-left #page-nav .page-nav-header { background: #a81d21; padding: 8px 14px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #sidebar-left #page-nav .page-nav-header h3 { color: #fff; font-size: 22px; margin: 0px; padding: 0px; } #sidebar-left #page-nav ul { list-style: none; margin-bottom: 0px; } #sidebar-left #page-nav ul li { border-top: 1px solid #eee; margin: 0px; padding: 0px; } #sidebar-left #page-nav ul li:first-child { border-top: none; } #sidebar-left #page-nav ul li a { display: block; padding: 8px 8px 8px 25px; font-size: 17px; letter-spacing: .05em; font-weight: 500; line-height: 22px; background: #fff; font-family: "ff-good-headline-web-pro-con",sans-serif; text-transform: uppercase; -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; transition: background 300ms ease-out; -webkit-transition: color 300ms ease-out; -moz-transition: color 300ms ease-out; transition: color 300ms ease-out; } #sidebar-left #page-nav ul li a:hover { background: #f9f9f9; } #sidebar-left #page-nav ul li a.current { background: url(img/page-nav-bullet.png) no-repeat 22px 17px; } #sidebar-left #page-nav ul li a.current:hover { background: #f9f9f9 url(img/page-nav-bullet.png) no-repeat 22px -4px; } #sidebar-left #page-nav ul li ul { margin-left: 0; } #sidebar-left #page-nav ul li ul li { border-top: 0; } #sidebar-left #page-nav ul li ul li a { padding: 6px 8px 6px 60px; } #sidebar-left #apply-now { display: block; background: #ae2327 url(img/apply-now-bg.jpg) no-repeat center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 14px 20px; position: relative; margin-bottom: 30px; } #sidebar-left #apply-now h3 { font-size: 24px; color: #fff; border-bottom: 1px solid #bf5759; margin: 0 0 10px 0; padding: 0 0 8px 0; position: relative; z-index: 10; } #sidebar-left #apply-now h3:after { content: ""; display: block; background: url(img/white-arrow.png) no-repeat; height: 10px; width: 7px; position: absolute; top: 13px; left: 120px; z-index: 99; } #sidebar-left #apply-now span.text { color: #fff; font-size: 13px; font-style: italic; font-weight: 400; position: relative; z-index: 10; } #sidebar-left a.schedule-btn-small { display: block; border: 8px solid #d7d8da; overflow: hidden; position: relative; margin: 15px 0; } #sidebar-left a.schedule-btn-small span.text { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; color: #fff; font-size: 30px; text-transform: uppercase; display: block; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7); text-align: center; margin: 30px 0; position: relative; z-index: 20; } #sidebar-left #schedule-call { background: url(img/schedule-a-call-small.jpg) no-repeat center; } #sidebar-left #schedule-visit { background: url(img/schedule-a-visit-small.jpg) no-repeat center; } /* sidebar hover effects */ #sidebar-left span.hoverlay { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; opacity: 0; background: rgba(0,0,0,.2); -moz-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms; z-index: 5; } #sidebar-left a:hover .hoverlay { opacity: 1; } /* right sidebar */ #sidebar-right { padding: 30px 0; } .sidebar-right-padding { position: relative; margin-left: 25px; } #sidebar-right .right-module { margin-bottom: 30px; } #sidebar-right .right-module h3 { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; text-transform: uppercase; font-size: 22px; color: #333; } #sidebar-right #featured-event > div { background: #e6e9ed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #555; } #sidebar-right #featured-event .featured-img { overflow: hidden; position: relative; height: 180px; max-width: 255px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #sidebar-right #featured-event .featured-img.no-img { height: 45px; } #sidebar-right #featured-event .featured-img img { position: relative; } #sidebar-right #featured-event .featured-img span { display: block; font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; text-transform: uppercase; color: #fff; font-size: 24px; line-height: 30px; height: 100%; background-color: rgba(0,0,0,.6); text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); padding: 8px 14px; position: absolute; bottom: 0; left: 0; z-index: 10; } #sidebar-right #featured-event .featured-img.no-img span { width:100%; } #sidebar-right #featured-event .featured-text { padding: 12px 14px 8px; font-size: 13px; overflow: auto; } #sidebar-right #featured-event .featured-text p { font-style: italic; margin-bottom: 4px; line-height: 20px; } #sidebar-right #featured-event .featured-text .details { border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 10px 0 5px; overflow: auto; font-weight: 600; margin: 15px 0; clear: right; } #sidebar-right #featured-event .featured-text .details dt { float: left; clear: left; width: 40%; margin-bottom: 8px; } #sidebar-right #featured-event .featured-text .details dd { float: left; width: 60%; margin-bottom: 8px; } #sidebar-right #featured-event .featured-text .button { margin-bottom: 8px; } #sidebar-right #featured-event .featured-text a.post-campus { float: left; color: #777; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 6px 4px 16px; line-height: 12px; background: #d4d7da url(img/location-pin.png) no-repeat 0 1px; font-weight: 600; line-height: 13px; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } #sidebar-right #featured-event .featured-text a.post-campus:hover { color: #fff; background: #b2272c url(img/location-pin.png) no-repeat 0 -17px; } #sidebar-right #sidebar-posts { overflow: auto; } #sidebar-right #sidebar-posts > ul { margin-bottom: 0px; } #sidebar-right #sidebar-posts .post-link { margin-bottom: 4px; } #sidebar-right #sidebar-posts .post-date { font-size: 13px; color: #777; } #sidebar-right #sidebar-posts .post { background: #fff; padding: 10px; font-size: 14px; line-height: 18px; overflow: auto; margin-bottom: 10px; } #sidebar-right #sidebar-posts .post a { display: block; } #sidebar-right #sidebar-posts .post .news-thumb { float: left; margin-right: 10px; } #sidebar-right .popular-post-list-link { background: #e6e9ed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #sidebar-right .popular-posts ul li { padding: 15px; list-style: none; border-bottom: 1px solid rgb(239, 239, 239); } #sidebar-right .popular-posts .wpp-views { display: none; } #sidebar-right #tags .popular-tags{ background: #e6e9ed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 14px; } #sidebar-right #tags .popular-tags ul { font-size: 14px; list-style: none; margin: 0; } #sidebar-right #tags .popular-tags ul li { padding: 2px 0; } #sidebar-right .social-media-links ul { list-style: none; } #sidebar-right .social-media-links ul li { display: inline-block; } #sidebar-right .social-media-links ul li span { display: block; } #sidebar-right .social-media-links ul li span.icn-fb { width: 48px; height: 48px; display: block; background: url('img/icn-fb.png') no-repeat top left; } #sidebar-right .social-media-links ul li span.icn-twitter { width: 48px; height: 48px; display: block; background: url('img/icn-twitter.png') no-repeat top left; } #sidebar-right .social-media-links ul li span.icn-googleplus { width: 48px; height: 48px; display: block; background: url('img/icn-googleplus.png') no-repeat top left; } #sidebar-right .social-media-links ul li span.icn-instagram { width: 48px; height: 48px; display: block; background: url('img/icn-instagram.png') no-repeat top left; } /* main content section */ #main { padding: 20px 0 40px; } #main p { font-size: 14px; line-height: 22px; margin: 10px 0 20px; } #main ul { margin-left: 30px; } #main li { font-size: 14px; line-height: 22px; margin: 8px 0; } #main .featured-wrapper { margin-bottom: 25px; position: relative; } #main .featured-wrapper .stripe { background: #b2272c; width: 10px; position: absolute; top: 10px; bottom: 5px; } #main .featured-wrapper p.featured { font-size: 22px; line-height: 34px; padding-left: 40px; font-weight: 400; } #main h2 { font-family: 'Open Sans', sans-serif; text-transform: none; font-size: 22px; font-weight: 600; margin: 30px 0 15px; } /* blog post */ #main.blog .post { padding: 15px 0; border-bottom: 1px dotted #bbb; } #main.blog .post .post-title { font-size: 24px; line-height: 34px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: none; margin: 0 0 5px; } #main.blog .post .post-author { font-size: 14px; line-height: 24px; color: #555; display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #bbb; } #main.blog .post .share-buttons { display: block; float: right; margin: 5px 0; width: 160px; } #main.blog .post .post-date { display: block; color: #b2272c; font-weight: 600; font-size: 13px; line-height: 15px; padding-left: 20px; margin: 5px 20px 10px 0; float: left; background: url(img/blog-icons.png) no-repeat 0 0; } #main.blog .post .post-comments { display: block; font-size: 13px; line-height: 15px; padding-left: 20px; margin: 5px 20px 10px 0; float: left; background: url(img/blog-icons.png) no-repeat 0 -30px; } #main.blog .post .post-comments:hover {background: url(img/blog-icons.png) no-repeat 0 -45px;} #main.blog .post ul.post-tags { display: block; background: url(img/blog-icons.png) no-repeat 0 -60px; clear: left; padding-left: 20px; margin: 5px 0; overflow: hidden; } #main.blog .post ul.post-tags li { display: block; list-style: none; float: left; padding-right: 5px; line-height: 15px; margin: 0; } #main.blog .post ul.post-tags li a { font-size: 13px; line-height: 15px; } #main.blog .post .post-thumb { margin: 15px 0; } /* comment section */ #main.blog #post-comments { padding: 30px 0; border-bottom: 1px dotted #bbb; } #main.blog #post-comments h3#comments, #main.blog #post-comments #respond > h3 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 700; text-transform: none; } #main.blog #post-comments .comment-meta { margin-bottom: 20px; } #main.blog #post-comments .comment-meta a, #main.blog #post-comments .comment-meta a:active, #main.blog #post-comments .comment-meta a:hover { font-size: 14px; line-height: 10px; display: block; font-weight: 600; color: #aaa; } #main.blog #post-comments .comment-author .avatar { display: none; } #main.blog #post-comments .comment-author { font-size: 16px; display: block; font-weight: 400; font-style: italic; color: #333; cursor: default; margin-bottom: 6px; border: 0; padding: 0; } #main.blog #post-comments ol.commentlist { list-style: none; font-size: 14px; } #main.blog #post-comments ol.commentlist .comment { padding-left: 30px; border-left: 10px solid #e6e9ed; margin: 30px 0 40px; color: #555; } #main.blog #post-comments #commentform { background-color:#e6e9ed; padding:20px 20px 10px; margin: 20px 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #main.blog #post-comments #commentform form { margin: 0; } #main.blog #post-comments #commentform input { margin-bottom: 6px; } #main.blog #post-comments #commentform textarea { height: 150px; } #main.blog #post-comments #commentform p { margin-bottom: 20px; } #main.blog #post-comments #commentform label small { font-size: 14px; font-weight: 600; margin-bottom: 8px; } #main.blog #post-comments #commentform #submit { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; color: #fff; font-size: 18px; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; background: #b2272c; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; padding: 5px 20px; cursor: pointer; margin-bottom: 0; } #main.blog #post-comments #commentform #submit:hover { color: #fff; background: #8c2125; } /* Author Bio Section */ #author-bio { border-bottom:1px dotted #bbb; border-top:3px solid #b2272c; padding:30px 15px; overflow:hidden; } #author-bio .avatar { margin-right:25px; float:left; } #author-bio .bio-right { margin-top: -14px; max-width:388px; float:left; } #main.blog #post-nav { padding: 30px 0; } /* blog list page */ #main.blog #post-list { list-style: none; margin-left: 0; } #main.blog #post-list .post { padding: 15px 0 30px; margin-bottom: 6px; } #main.blog #post-list .post .post-title { font-size: 20px; margin-bottom: 5px; font-weight: 600; } #main.blog #post-list .post .post-title a { color: #222; } #main.blog #post-list .post .post-text { clear: left; } #main.blog #post-list .post .post-thumb-small { display: block; margin: 6px 0; } /* blog list page nav */ #main.blog #blog-nav { padding: 10px 0; } #main.blog #blog-nav .wp-paginate li { float: left; margin-right: 10px; list-style: none; } #main.blog #blog-nav .wp-paginate a, #main.blog #blog-nav .wp-paginate span { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; padding: 3px 8px; display: block; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #b2272c; background: #e6e9ed; -webkit-transition:color 300ms ease-out; -moz-transition:color 300ms ease-out; -o-transition:color 300ms ease-out; transition:color 300ms ease-out; } #main.blog #blog-nav .wp-paginate a:hover { color: #8c2125; background: #d5d5d5; } #main.blog #blog-nav .wp-paginate .current { color: #fff; background: #b2272c; } /* application form */ #main .frm-show-form { background: none; padding: 0; } #main.wide .with_frm_style .frm_section_heading { background-color: #e6e9ed; padding: 20px; margin: 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #main.wide .with_frm_style .form-divider { width: 100%; height: 1px; border-bottom: 1px dotted #aaa; margin: 20px 0; clear: both; } #main.wide .with_frm_style .form-clear { width: 100%; height: 1px; clear: both; margin: 0; } #main.wide .with_frm_style .form-field input { background: #fff; border: 1px solid #ccc; } #main.wide .with_frm_style .frm_checkbox label { font-weight: 400; } /* schedule forms */ #main #frm_form_12_container, #main #frm_form_13_container { background-color: #e6e9ed; padding: 15px 20px; margin: 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* contact page */ #main #choose-campus { background: #e6e9ed; border: 0; overflow: auto; padding: 16px; margin-top: 25px; } #main #choose-campus p { font-size: 16px; font-weight: 700; margin: 4px 0 10px; } #main #choose-campus ul { list-style: none; margin-left: 0px; } #main #choose-campus ul li { margin: 4px 4px 4px 0; float: left; } #main #choose-campus ul li a { display: block; font-size: 14px; padding: 6px; line-height: 12px; font-weight: 600; line-height: 13px; } #main #choose-campus ul li a:hover, #main #choose-campus ul li a.active { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f2f3f4; } #main.contact-page h2 { border-bottom: 1px dotted #bbb; padding-bottom: 12px; } #main.contact-page .contact-icons { list-style: none; overflow: auto; margin: 0; } #main.contact-page .contact-icons li { height: 56px; overflow: hidden; background-image: url(img/contact-page-icons-2.png); background-repeat: no-repeat; padding: 5px 0; margin: 10px 0; } #main.contact-page .contact-icons li.contact-phone { background-position: 0 0; } #main.contact-page .contact-icons li.contact-email { background-position: 0 -56px; } #main.contact-page .contact-icons li.contact-skype { float: left; background-position: 0 -112px; } #main.contact-page .contact-icons li span { display: block; font-size: 14px; font-weight: 600; margin-left: 70px; } #main.contact-page .contact-icons li span.title { display: block; color: #d93339; font-size: 14px; font-weight: 700; margin-left: 70px; } #main.contact-page label[for="field_74pwce2"] { float: left!important; } /* store page */ #main.store-page #product-list { list-style: none; padding: 10px 0 30px; } #main.store-page #product-list li .product { background: #fff; padding: 16px; overflow: auto; } #main.store-page #product-list li .product a.product-thumb { display: block; float: left; border: 3px solid #ddd; margin: 0 16px 16px 0; } #main.store-page #product-list li .product .product-info { border-bottom: 1px dotted #bbb; min-height: 210px; margin-bottom: 16px; } #main.store-page #product-list li .product .product-info h3.product-name { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #b2272c; font-weight: 600; text-transform: none; } #main.store-page #product-list li .product .product-info .product-price { font-size: 14px; font-weight: 600; } #main.store-page #product-list li .product .product-info .product-description { font-size: 13px; line-height: 20px; } #main.store-page #product-list li .product .button { float: right; } /* store page cart */ .sidebar-store-padding { padding: 0px; } #sidebar-store #cart { background: #fff; margin: 0px; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; margin-bottom: 30px; } #sidebar-store #cart .page-nav-header { background: #a81d21; padding: 8px 14px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #sidebar-store #cart .page-nav-header h3 { color: #fff; font-size: 22px; margin: 0px; padding: 0px; } #sidebar-store #cart .shoppingcart table { width: 100%; background: none; border: 0; } /* store page single */ #main.store-page div.product { background: #fff; padding: 16px; } #main.store-page .panel.entry-content { background: #fff; padding: 0; border: 0; } #main.store-page div.images { float: left; margin: 0 20px 20px 0; } #main.store-page .woocommerce-main-image > img { border: 3px solid #ddd; } #main.store-page .entry-summary .product_title { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #b2272c; font-weight: 600; text-transform: none; } #main.store-page .entry-summary .price { font-size: 18px; font-weight: 600; } #main.store-page .entry-summary .cart .quantity input { float: left; margin-right: 10px; } #main.store-page .entry-summary .cart .quantity { overflow: auto; } #main.store-page .entry-summary .cart .quantity .minus, #main.store-page .entry-summary .cart .quantity .plus { display: block; padding: 5px 10px; border: 0; background: #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #main.store-page .entry-summary .cart .quantity .input-text.qty { width: 50px; } #main.store-page .woocommerce-tabs { clear: left; } #main.store-page .woocommerce-tabs ul.tabs { margin: 0; list-style: none; overflow: auto; border-bottom: 1px dotted #ccc; } #main.store-page .woocommerce-tabs ul.tabs li { float: left; margin-right: 10px; } #main.store-page .woocommerce-tabs ul.tabs li a, #main.store-page .woocommerce-tabs ul.tabs li a:hover { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; color: #333; text-transform: uppercase; font-size: 16px; } #sidebar-store #cart td.empty { padding: 2em 0.625em; } /* mentor and alumni pages */ #main #people-grid { margin-top: 25px; margin-left: 0; } #people-grid .person { } #people-grid .person > a { display: block; background: #fff; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } #people-grid .person > a:hover { background: #dee0e4; } #people-grid .person a img { padding-bottom: 10px; } #people-grid .person .person-name { display: block; font-size: 16px; color: #333; font-weight: 700; padding: 5px 10px 0px; } #people-grid .person .person-campus { display: block; text-transform:uppercase; color:#555; font-size:12px; padding: 5px 10px 15px;} .person-info-box { width: 920px; padding: 40px; } .person-info-box h2.person-name { font-size: 26px; margin: 0 0 15px; color: #333; } .person-info-box h3.person-campus { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #555; margin: 0 0 15px; text-transform: uppercase; } .person-info-box p { margin-bottom: 10px; } .person-info-box img { float: left; display: block; margin-bottom: 40px; margin-right: 25px; } /* fancybox */ .fancybox-wrap .fancybox-skin .fancybox-close { top: 5px; right: 5px; } .fancybox-wrap .fancybox-skin .fancybox-prev span { left: 0; background-position: 0 -36px; } .fancybox-wrap .fancybox-skin .fancybox-next span { right: 0; background-position: 0 -72px; } /* location page nav */ #location-nav-wrapper { width: 100%; background: rgba(255,255,255,.8); min-height: 30px; } #location-nav-wrapper.sticky { position: fixed; top: 0; } #location-nav.top-bar { background: none; height: 30px; } #location-nav.top-bar .name { height: 30px; } #location-nav.top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; display: block; width: 16px; height: 0; -webkit-box-shadow: 0 10px 0 1px #b2272c, 0 16px 0 1px #b2272c, 0 22px 0 1px #b2272c; box-shadow: 0 10px 0 1px #b2272c, 0 16px 0 1px #b2272c, 0 22px 0 1px #b2272c; } #location-nav.top-bar .title-area { background: none; } #location-nav.top-bar .name a { font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 30px; margin-left: 60px; } #location-nav.top-bar .top-bar-section ul { background: none; } #location-nav.top-bar .top-bar-section ul li { padding: 0; } #location-nav.top-bar .top-bar-section ul li > a { display: block; width: 100%; color: #333; padding: 12px 0 12px 0; font-size: 13px; text-transform: uppercase; background: none; position: relative; } #location-nav.top-bar .top-bar-section li a:not(.button) { padding: 0 15px; line-height: 30px; color: #333; text-align: center; border-right: 1px solid #d8dbdf; } #location-nav.top-bar .top-bar-section .title-area li.name a { font-size: 15px; margin-left: 0px; color: #b2272c; border-left:none; border-right:none; } #location-nav.top-bar .top-bar-section li:first-child a { border-left: 1px solid #d8dbdf; } #location-nav.top-bar .top-bar-section li a.hover, #location-nav.top-bar .top-bar-section li a.active { background: #fff; } #location-nav.top-bar .top-bar-section li a.active:after { content: ""; display: block; position: absolute; top: 30px; left: -1px; right: -1px; z-index: 99; background:#b2272c; height: 3px; } #location-nav.top-bar .top-bar-section li a span {display: none !important;} /* overall location page styles */ #container .content-holder { height:100%; position: relative; } /* location top image */ #location-home.la-campus { position: relative; overflow: hidden; background: url(img/la-overview-bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale')"; } #location-home .content-holder #top-caption { position: absolute; bottom: 80px; z-index: 50; } #location-home .content-holder #top-caption h2 { color: #fff; font-size: 100px; line-height: 74px; margin: 0 0 20px; padding: 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } #location-home .content-holder #top-caption h2 span { font-size: 52px; line-height: 52px; display: block; } #location-home .content-holder #top-caption p { font-weight: 600; } /* LA Area Info */ #area-info { position: relative; overflow: hidden; background: url(img/area-info-bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale')"; } #area-info .panel { padding: 0px; max-width: 400px; min-height: 450px; } #area-info .panel .area-header { width: 100%; padding-top: 65px; } #area-info .panel .area-header h3 { display: block; padding: 8px 20px; font-size: 30px; line-height: 30px; margin: 0; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); } #area-info #transportation .area-header {background: url(img/transportation-bg.jpg) no-repeat;} #area-info #transportation .area-header h3 {background:#b2272c;} #area-info #weather .area-header {background: url(img/weather-bg.jpg) no-repeat;} #area-info #weather .area-header h3 {background:#4579ac;} #area-info #housing .area-header {background: url(img/housing-bg.jpg) no-repeat;} #area-info #housing .area-header h3 {background:#dd6f44;} #area-info #resources .area-header {background: url(img/resources-bg.jpg) no-repeat;} #area-info #resources .area-header h3 {background:#4437a4;} #area-info #attractions .area-header {background: url(img/attractions-bg.jpg) no-repeat;} #area-info #attractions .area-header h3 {background:#d5d200;} #area-info #dining .area-header {background: url(img/dining-bg.jpg) no-repeat;} #area-info #dining .area-header h3 {background:#408522;} #area-info .panel .area-info { padding: 15px 20px; } #area-info .panel .area-info ul { list-style: none; } #area-info .panel .area-info ul li { padding: 10px 0; border-top: 1px dotted #ccc; } #area-info .panel .area-info ul li:first-child { border-top: none; padding-top: 0; } #area-info .panel .area-info h4 { font-size: 18px; margin-bottom: 8px; } #area-info .panel .area-info a { font-size: 14px; } #area-info .panel .area-info h4 a { font-weight: 500; font-size: 18px; } img.forecast_icon{ padding: 10px 20px 10px 10px; float: left;} .forecast_date{ font-size: 14px; font-weight:bold;} .forecast_high, .forecast_low{ font-style:italic; font-size:12px;} /* location gallery */ #gallery { background: #2c2c2c; } #gallery #location-slider .rsMinW .rsOverflow { background: #4c4c4c !important; } .gallery-caption-holder h2 { color: #fff; } .gallery-caption-holder p { font-size: 14px; color: #ccc; } img.rsImg { margin-right: 200px; } /* location page slider */ #gallery .location-slide-wrapper { padding-bottom: 60px; background: #222; width: 100%; } #gallery .rsGCaption { padding: 15px 20px; float: left; position: absolute; z-index: 999; bottom: 0px; left: 0px; text-align: left !important; color: #fff; background-color: rgba(0, 0, 0, 0.6); } #gallery .rsGCaption p { margin-bottom: 0; } #gallery .rsTabs, #gallery .rsThumbs { background: #181818; width: 100%; } #gallery .rsNavItem { opacity: 0.3; } #gallery .rsNavItem.rsNavSelected { opacity: 1; } /* slide nav */ #slide-nav { float: none; } #slide-nav .slide-nav-container { position: relative; bottom: 70px; } #slide-nav .slide-nav-container .rsArrow { height: 40px; width: 40px; position: absolute; display: block; cursor: pointer; z-index: 21; } #slide-nav .slide-nav-container .rsArrowLeft { left: 0px; } #slide-nav .slide-nav-container .rsArrowRight { left: 50px; } #slide-nav .slide-nav-container .rsArrowLeft .rsArrowIcn { background-position: 0 0; } #slide-nav .slide-nav-container .rsArrowRight .rsArrowIcn { background-position: -40px 0; } #slide-nav .slide-nav-container .rsArrowIcn { width: 40px; height: 40px; margin-top: 3px; margin-left: 0; margin-right: 3px; position: absolute; cursor: pointer; background: url(img/home-slide-nav.png) transparent; border-radius: 2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #slide-nav .slide-nav-container .rsArrowIcn:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } /* international students */ #international { position: relative; overflow: hidden; background: url(img/international-students-bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale')"; } #international p { font-size: 16px; font-weight: 600; } #international ul { list-style: none; } #international ul li a { font-size: 16px; font-weight: 700; } /* downloads */ #downloads { position: relative; overflow: hidden; background: url(img/downloads-bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://siteformance.com/hshw/wp-content/themes/harrisshelton/images/big-bg1.jpg',sizingMethod='scale')"; } #downloads .panel { padding: 0px; } #downloads .panel .panel-header { background: #d5d5d5; padding: 10px 15px; } #downloads .panel .panel-header h3 { font-size: 30px; margin: 0px; } #downloads .panel p { padding: 20px 16px 0; margin-bottom: 0; font-size: 16px; font-weight: 700; } #downloads .panel .download-list { list-style: none; padding: 10px 15px; } #downloads .panel .download-list li { overflow: auto; margin: 10px 0; } #downloads .panel .download-list a { font-size: 15px; font-weight: 700; } #downloads .panel .download-list span { display: block; font-size: 13px; line-height: 17px; color: #999; font-weight: 400; font-style: italic; } #downloads .panel .download-list a.download-link { display: block; float: right; width: 24px; height: 30px; text-indent: -999px; overflow: hidden; background-image: url(img/download-icon.png); background-repeat: no-repeat; margin: 8px 0; } #downloads #annual-report, #downloads #course-catalogs { min-height: 164px; } /* faqs */ #faqs { background: #f2f3f4 url(img/faqs-bg.jpg) repeat-x bottom center; } #faqs h2.heading { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 10px; } #faqs div.panel { position:relative; padding-right: 30px; margin-bottom: 10px; } #faqs p, #main .faqs p { margin-left: 50px; } #faqs .question p, #main .faqs .question p { font-weight: 700; font-size: 16px; } #faqs .question span.question-left, #main .faqs .question span.question-left { display: block; float: left; font-size: 30px; font-weight: 700; line-height: 30px; } .faq-show-hide{ display:block; width:20px; height:20px; background:url(img/faq-sprite.png) no-repeat; position:absolute; top:8px; right:8px;} .faq-show-hide.show{ background-position:0px 0px;} .faq-show-hide.hide{ background-position:-20px 0px;} #faqs .answer, #main .faqs .answer{ display:none; } #faqs .answer span.answer-left, #main .faqs .answer span.answer-left { display: block; float: left; font-size: 30px; font-weight: 700; line-height: 30px; color: #b2272c; } #main .faqs ul { margin-left: 0; } #main .faqs .panel { padding-right: 30px; position:relative; margin-bottom: 0; } /* location contact */ #location-contact { padding: 50px 0; } #location-contact h3 { font-size: 30px; text-align: right; margin: 14px 0; } #location-contact h3 span { color: #b2272c; } #location-contact ul { list-style: none; } #location-contact ul li { float: left; padding: 0px 20px; height: 70px; } #location-contact ul li:first-child { border-left: 0; padding-left: 0; } #location-contact ul li { border-left: 1px solid #ccc; } #location-contact ul li a { font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; color: #333; display: block; width: 100px; height: 44px; text-transform: uppercase; text-align: center; background-image: url(img/campus-icons.png); background-repeat: no-repeat; position:relative; } #location-contact ul li a span { position: absolute; left: 0px; bottom: -25px; width: 100px; font-size: 22px; line-height: 22px; } #location-contact ul li a:hover { color: #dc343a; } #location-contact ul li a.home-contact-blog { background-position: center 0; } #location-contact ul li a.home-contact-calendar { background-position: center -44px; } #location-contact ul li a.home-contact-email { background-position: center -88px; } .term_table{ width:100%;} #main .term_table p { margin: 0 0 15px; } #main .term_table a.toggle_course { padding-top: 10px; display: block; } .term_table tbody tr td:first-child { width: 80%; } td p a.toggle_course { } .course_details{ display:none;} #main .course_details p{ font-size: 13px; line-height: 16px;} table.cart_list.product_list_widget{ width:100%; border:none; border-collapse: collapse;} .widget_shopping_cart_content .button{ padding: 5px 25px 5px 13px; font-size: 13px;} #container .widget_shopping_cart_content p.total{ font-size: 16px; margin-right: 20px; text-align: right;} #container .widget_shopping_cart_content p.buttons{ text-align: right; margin-right: 20px;} /* compare tuition page */ #main .program td.color { background: rgba(122, 125, 127, 0.1); } #main .program .tableizer-firstrow { background: #555; } #main .program .tableizer-firstrow th { color: #fff; border-right: 1px solid #777; font-weight: 600; } /* job board */ #main.testimonials .testimonial-listings, #main.jobs .job-listings { list-style: none; margin: 0px; } #main.jobs .job-listings > li { padding: 10px 0 15px; border-bottom: 1px dotted #999; } #main.jobs a.job-title { font-size: 18px; margin-bottom: 5px; } #main.jobs .job-location { display: block; color: #777; } #main.jobs .job-excerpt { margin-bottom: 10px; } /* calendar */ #main #espresso_calendar .fc-header td { padding: 10px; } #main #espresso_calendar .fc-header { background: none; border: 0; margin-bottom: 0; } #main #espresso_calendar .fc-header h2 { margin: 5px 0; } #main #espresso_calendar .fc-content .fc-day-header { padding: 10px 0; } a.reg_now { border: 1px solid #bde5fa; background: #a81d21 url(images/reg.png) no-repeat scroll 4px center); } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* social dashboard page */ #container.social-dashboard { background-image: url(img/social-page-bg.jpg); background-color: #696c6d; background-repeat: no-repeat; background-attachment: fixed; background-position: center top; background-size: 100%; } /* #container.social-dashboard #dashboard-heading { width: 98%; margin-top: 90px; background: url(img/apply-now-bg.jpg) repeat; } */ #container.social-dashboard #dashboard-heading h1 { font-size: 40px; text-align: center; color: #b2272c; padding: 20px 0; margin-top: 100px; } #home_video_container{ background:#000 url(img/ajax-loader.gif) no-repeat center center; height:100%; width:100%; position: relative;} #home_main_video{ display:none; } #home_video_container .panel h2 { margin-bottom: 14px; } #home_video_content { display:none; position: absolute; width: 100%; top: 0; bottom: 0; } #home_video_content > .row { height: 100%; } .content-slider-container{ height:100% } #home_video_content #content-slider h2 { color: #fff; font-size: 100px; line-height: 74px; margin: 0 0 20px; padding: 0; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6); } #content-slider div{ display:none;} #content-slider div.active_headline{ display:block;} #content-slider div.active{ display:block;} #content-slider { position: absolute; bottom: 100px; left: 0px; } .rsABlock { padding: 20px; background: rgba(0,0,0,.7); } .rsABlock h3 { margin: 0px; color: #fff; } .share_this{ float:right; } .job-description{ clear:right; margin-top:5px; } #main.testimonials .testimonial-listings h3{ margin-bottom:0px; } span.testimonial_title{ color: #777; } #main.testimonials .testimonial-listings img{ margin-top:15px; } #home-nav.top-bar .top-bar-section ul li > a.mini-up, #location-nav.top-bar .top-bar-section ul li > a.mini-up { font-size: 0px; color: transparent; background: url(img/mini-nav-sprite.png) no-repeat center -27px; display: block; } #home-nav.top-bar .top-bar-section ul li > a.mini-down, #location-nav.top-bar .top-bar-section ul li > a.mini-down { font-size: 0px; color: transparent; background: url(img/mini-nav-sprite.png) no-repeat center 14px; display: block; } a.fc-event:hover { color: #fff; } .area_info_slide { width: 340px; float: left; margin:0px 5px; } .area_info_slide_outer { padding: 0px; overflow: hidden; } #area_info_slide_inner { width: 999999px; margin-left: 0px; } .area_info_slide_left, .area_info_slide_right { color: transparent; font-size: 0px; background: url(img/area_slide_arrows.png) no-repeat; line-height: 0; cursor:pointer; } .area_info_slide_left{ background-position: 100% center; } .area_info_slide_right{ background-position: 0% center; } .home_location_panel{ margin-top:80px;} body.logged-in #main-header { top: 32px; } body.logged-in #home-nav-wrapper.sticky { top: 112px; } .location-slide-wrapper .rsABlock { left: 2% !important; top: auto !important; bottom: 5% !important; } #cart > div.widget_shopping_cart_content { padding: 8px 14px; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button { font-size:inherit; margin:inherit; line-height:inherit; cursor:pointer; position:inherit; font-family: inherit; text-decoration: none; overflow:inherit; padding:inherit; font-weight:inherit; -webkit-border-radius:inherit; border-radius:inherit; left:inherit; text-shadow:inherit; color:inherit; text-shadow:inherit; border:inherit; background:inherit; white-space:inherit; display:inline-block; -webkit-box-shadow:inherit; -moz-box-shadow:inherit; box-shadow:inherit; font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; color: #fff; font-size: 20px; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; background: #b2272c; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; padding: 5px 20px; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover { text-decoration:inherit; color: #fff; background: #8c2125; } .woocommerce a.button.small, .woocommerce button.button.small, .woocommerce input.button.small, .woocommerce #respond input#submit, .woocommerce #content input.button.small, .woocommerce-page a.button.small, .woocommerce-page button.button.small, .woocommerce-page input.button.small, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button.small { font-size: 16px; line-height: 18px; font-weight: 500; padding: 3px 13px; -webkit-appearance: none; margin: 0px; letter-spacing: .05em; } .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before { position:inherit; height: 0px; width: 0px; top: 0; right: 0px; text-indent: 0; font-family: 'WooCommerce'; content: ""; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table th { vertical-align: middle; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td { padding: 10px; } #main .shipping_calculator h2 { text-align: right; font-size: 16px; } .location_social_links { display: block; padding-top: 15px; } .location_social_links a { padding: 0px 3px; } a#iaft_rss { margin-left: 20px; margin-top: 15px; padding-bottom: 10px; display: block; float: right; } /********** MEDIA QUERIES **********/ /* We use this media query to add styles to any device that supports media queries */ @media only screen { } /* Screens 1279px and smaller */ @media only screen and (max-width: 1279px) { #main-nav.top-bar .top-bar-section li a:not(.button) { background: none; padding: 0 10px; line-height: 40px; font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 400; font-size: 14px; letter-spacing: .05em; } #main-nav.top-bar .top-bar-section #top-nav li.top-link > a { font-size: 13px; color: #ccc; line-height: 15px; display: block; overflow: hidden; background-image: none; background-repeat: no-repeat; padding: 5px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link a.visit, #main-nav.top-bar .top-bar-section #top-nav li.top-link a.cant{ padding-left:5px; } #main-nav .top-bar .title-area { float: left; width: 100%; background: #444; } #main-nav.top-bar .toggle-topbar.menu-icon a { line-height: 33px; } #home-nav ul.navigation li { display: block; float: left; width: 20%; } #location-nav.top-bar .top-bar-section li a:not(.button) { padding: 0 10px; font-size: 12px; } #location-nav.top-bar .top-bar-section li:first-child a { } #location-nav.top-bar .title-area { width: auto; } #location-nav.top-bar .title-area .name a { margin-left: 0; } } /* Screens between 940px and 1279px */ @media only screen and (max-width: 1279px) and (min-width: 940px) { #top-nav-wrapper { background: none; position: absolute; top: 0; right: 0; z-index: 999; height: 50px; } #top-nav-wrapper .row { width: 100%; } } /* Screens 1020px and smaller */ @media only screen and (max-width: 1020px) { #sidebar-left a.schedule-btn-small span.text { font-size: 24px; } .sidebar-right-wrapper { display: none; } .main-wrapper { width: 75%; } .sidebar-left-wrapper { right: 75%; } .sidebar-left-padding { margin-right: 0; } .main-wrapper #main { margin-right: 20px; } } /* Screens 940px and smaller */ @media only screen and (max-width: 940px) { #main-nav.top-bar .top-bar-section { padding-left: 0; padding-right: 0; width: 100%; } #main-nav.top-bar .title-area { height: 80px; width: 100%; } #main-nav.top-bar li.name #header-logo { background-image: url(img/IAFT-header-logo@2x.png); background-repeat: no-repeat; height: 42px; width: 200px; margin: 13px 0; background-size: 200px 42px; -moz-background-size: 200px 42px; -ie-background-size: 200px 42px; -o-background-size: 200px 42px; -webkit-background-size: 200px 42px; } #main-nav.top-bar { min-height: 70px; } #main-nav.top-bar .title-area { height: 70px; } #main-nav.top-bar .top-bar-section .dropdown li.title h5 { margin: 0; } #main-nav.top-bar .top-bar-section .dropdown li.title h5 a { font-size: 12px; color: #ccc; background: #444; } #main-nav.top-bar .top-bar-section li a:not(.button) { background: #2b2b2b; border-bottom: 1px solid #111; border-top: 1px solid #444; line-height: 36px; } #main-nav.top-bar .top-bar-section li a:active { background: #000; border-bottom: 1px solid #000; } #main-nav.top-bar .top-bar-section ul.dropdown li a { line-height: 36px; font-size: 14px; font-weight: 400; padding: 0 15px; background: none; } /* home nav */ #home-nav-wrapper.sticky { position: fixed; top: 70px; } /* location page nav */ #location-nav.top-bar { background: none; overflow: visible; } #location-nav.top-bar .top-bar-section ul li { float: left; } #location-nav.top-bar .title-area { width: 100%; } /* home top background image */ #home-screen-small { width: 100%; margin-top: 110px; } #top-nav.hide-for-small { display: none !important; } #main-nav.top-bar .top-bar-section #top-nav li.top-link { margin: 0px; } .top-bar-section .has-form { padding: 0px; } #main-nav-wrapper { position: relative; z-index: 10; } #location-nav-wrapper { position: relative; z-index: 0; } } @media only screen and (max-width: 995px) { #location-nav.top-bar .top-bar-section li a:not(.button) { font-size: 11px; } } @media only screen and (max-width: 995px) { #location-nav.top-bar .top-bar-section li a:not(.button) { font-size: 10px; } } @media only screen and (max-width: 878px) { #location-nav.top-bar .top-bar-section li a:not(.button) { font-size: 9px; } } @media only screen and (max-width: 808px) { #location-nav.top-bar .top-bar-section li a:not(.button) { font-size: 8px; } } /* Screens 768px and smaller */ @media only screen and (max-width: 767px) { /* main section for interior pages */ .main-wrapper { width: 100%; background: #f2f3f4; } .main-wrapper #main { margin-right: 15px; } section#footer .panel.panel-dark { min-height: 0; } section#footer #footer-social { height: 250px; } /* top nav */ #top-nav a.apply-link { font-size: 12px; } #top-nav #header-social > li { padding: 0 0 0 0.8em; } /* home nav */ #home-nav, #location-nav { padding-left: 0; padding-right: 0; } #home-nav.top-bar .top-bar-section li a:not(.button), #location-nav.top-bar .top-bar-section li a:not(.button) { font-size: 13px; font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight: 500; text-transform: uppercase; padding: 0 5px; } /* home slideshow */ #home .infoBlock .slide-caption { position: absolute; bottom: 40px; padding: 0px; } #home .infoBlock .slide-caption h2 { font-size: 26px; margin-bottom: 10px; } #home .infoBlock .slide-caption p { font-size: 14px; line-height: 24px; font-weight: 400; margin-bottom: 12px; } #home .infoBlock .slide-caption .button { font-size: 16px; padding: 4px 10px; } #slide-nav .slide-nav-container .rsArrowIcn { display: none; } /* home news section */ #news .left-section { border-bottom: 1px solid #bbb; border-right: none; padding: 20px 0 0; } #news .right-section { padding: 20px 0 0; } #news .bottom-section { border-bottom: 1px solid #bbb; border-right: none; padding: 20px 0 0; } #news h3 { font-size: 24px; line-height: 30px; } #news .button.small { margin: 0px; } #home-events li { width: 272px; float: none; display: block; } #news .row.news-heading { margin: 0 0 20px } #news #home-calendar .border, #news #home-blog .border { border-left: 0; } #news #home-calendar ul, #news #home-blog ul { margin: 10px 0; } #news .panel { margin: 0; } #news li { width: 100%; } /* form buttons */ #main #commentform .button, #main.contact-page #contact-form .button { float: left; margin-top: 5px; } /* form fields */ .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half { width: 100% !important; } /* interior page heading and top image */ section#page-heading #main-heading .main-heading { font-size: 50px; line-height: 50px; } section#page-heading #subheading .subheading { font-size: 30px; line-height: 36px; } section#page-heading { padding-top: 260px; } section#top-img { height: 432px; } /* left sidebar - collapses to bottom of page in mobile */ .sidebar-left-wrapper { position: static; margin-right: 0; background: #e6e9ed; } .sidebar-left-padding { min-height: 0; } #sidebar-left { max-width: 255px; margin: 0 auto; position: static; } #sidebar-left #apply-now { margin: 15px 0; } #sidebar-left a.schedule-btn-small { border: 8px solid #f2f3f4; } /* location area info */ #area-info .panel { margin: 10px auto; } /* location contact section */ #location-contact h3 { font-size: 24px; text-align: center; margin: 0 0 20px; } #location-contact h3 span { display: block; } #location-contact ul li { padding: 0px 10px; } #location-contact ul li:first-child { padding-left: 10px; } #location-contact ul li a { width: 80px; } #location-contact ul li a span { width: 80px; font-size: 18px; line-height: 18px; } /* footer contact section */ #contact { width: 100%; background: #b2272c; padding: 20px 0; } #contact a.schedule-btn span.schedule-text { font-size: 30px; margin: 36px 0; } #contact a.schedule-btn { height: 120px; } #contact a.schedule-btn.schedule-call { margin-bottom: 0px; } /* footer */ section#footer #footer-contact { margin-bottom: 0; } section#footer { padding: 20px 0; } /* subfooter */ section#subfooter .footer-campuses { float: left; } section#subfooter .footer-campuses span { width: 100%; } section#subfooter .footer-campuses ul { overflow: visible; } section#subfooter .footer-copyright { border-top: 1px solid #333; margin: 10px 0 0; padding: 10px 10px 0; text-align: center; } #home-nav ul.navigation li, #location-nav ul.navigation li { display: block; width: 20%; } #location-nav ul.navigation li { width: 40%; } #location-nav.top-bar .top-bar-section ul li { float: right; } #location-nav.top-bar .top-bar-section ul li.name { float: none; } #home-nav.top-bar .top-bar-section li:last-child a, #location-nav.top-bar .top-bar-section li:last-child a { border-left: 1px solid #d8dbdf; } #home-nav.top-bar .top-bar-section li:first-child a, #location-nav.top-bar .top-bar-section li:first-child a { border-left: none; } .home_location_panel{ margin-top:20px; } } /* Used to alter styles for screens at least 768px wide. This is where the grid changes. */ @media only screen and (min-width: 768px) { } /* Used to alter styles for screens at least 1280px wide. */ @media only screen and (min-width: 1280px) { } /* Used to alter styles for screens at least 1440px wide. */ @media only screen and (min-width: 1440px) { } /* Apply styles to screens in landscape orientation */ @media only screen and (orientation: landscape) { } /* Apply styles to screens in portrait orientation */ @media only screen and (orientation: portrait) { } /* retina styles */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #main-nav.top-bar li.name #header-logo { background-image: url(img/IAFT-header-logo@2x.png); background-repeat: no-repeat; height: 42px; width: 200px; margin: 13px 0; background-size: 200px 42px; -moz-background-size: 200px 42px; -ie-background-size: 200px 42px; -o-background-size: 200px 42px; -webkit-background-size: 200px 42px; } /* #home-nav.top-bar .top-bar-section li a.active { background-image: url(img/home-icons@2x.png); background-size:35px 350px; -moz-background-size:35px 350px; -ie-background-size:35px 350px; -o-background-size:35px 350px; -webkit-background-size:35px 350px; }*/ #top-nav-wrapper #top-nav #header-social li a { background-image: url(img/social-links-header@2x.png); background-size:80px 40px; -moz-background-size:80px 40px; -ie-background-size:80px 40px; -o-background-size:80px 40px; -webkit-background-size:80px 40px; } #main-nav.top-bar .top-bar-section #top-nav li.top-link > a { background-image: url(img/schedule-links-header.png); background-size:25px 150px; -moz-background-size:25px 150px; -ie-background-size:25px 150px; -o-background-size:25px 150px; -webkit-background-size:25px 150px; } section#footer #footer-social ul li a { background-image: url(img/social-links-footer@2x.png); background-repeat: no-repeat; background-size:216px 108px; -moz-background-size:216px 108px; -ie-background-size:216px 108px; -o-background-size:216px 108px; -webkit-background-size:216px 108px; } .add-overlay { background-image: url(img/grid-overlay@2x.png); background-size:4px 4px; -moz-background-size:4px 4px; -ie-background-size:4px 4px; -o-background-size:4px 4px; -webkit-background-size:4px 4px; } #downloads .panel .download-list a.download-link { background-image: url(img/download-icon@2x.png); background-size:24px 30px; -moz-background-size:24px 30px; -ie-background-size:24px 30px; -o-background-size:24px 30px; -webkit-background-size:24px 30px; } #news #home-blog .home-blog-icon, #news #home-calendar .home-calendar-icon, #location-contact ul li a { background-image: url(img/campus-icons@2x.png); background-size:44px 132px; -moz-background-size:44px 132px; -ie-background-size:44px 132px; -o-background-size:44px 132px; -webkit-background-size:44px 132px; } #home-nav.top-bar .top-bar-section ul li > a.mini-up, #home-nav.top-bar .top-bar-section ul li > a.mini-down{ background-image: url(img/mini-nav-sprite@2x.png); background-size:37px 50px; -moz-background-size:37px 50px; -ie-background-size:37px 50px; -o-background-size:37px 50px; -webkit-background-size:37px 50px; } } /* We also use Modernizr to add a .touch class to the body when applicable */ /* You can prepend this class to anything and it will style only for touch devices */ .touch .your-element { } .iframe_ { height: 6000px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .iframe_ { height: 8150px; } } @media only screen and (min-width: 600px) and (max-width: 767px) { .iframe_ { height: 8300px; } } @media only screen and (min-width: 480px) and (max-width: 599px) { .iframe_ { height: 8300px; } } @media only screen and (min-width: 320px) and (max-width: 479px) { .iframe_ { height: 9000px!important; } } @media only screen and (max-width: 320px) { .iframe_ { height: 9000px; } body { overflow-x: hidden; } }