/*----------------------------------------------- Fonts & Icon Fonts ------------------------------------------------*/ @font-face{font-family:'MuseoSans-700'; src:url(../Webfonts/303D6F_0_0.eot); src:url(../Webfonts/303D6F_0_0.eot?#iefix) format("embedded-opentype"),url(../Webfonts/303D6F_0_0.woff2) format("woff2"),url(../Webfonts/303D6F_0_0.woff) format("woff"),url(../Webfonts/303D6F_0_0.ttf) format("truetype"),url(../Webfonts/303D6F_0_0.svg#wf) format("svg")} @font-face{font-family:'MuseoSans-500'; src:url(../Webfonts/303D6F_1_0.eot); src:url(../Webfonts/303D6F_1_0.eot?#iefix) format("embedded-opentype"),url(../Webfonts/303D6F_1_0.woff2) format("woff2"),url(../Webfonts/303D6F_1_0.woff) format("woff"),url(../Webfonts/303D6F_1_0.ttf) format("truetype"),url(../Webfonts/303D6F_1_0.svg#wf) format("svg")} @font-face{font-family:'MuseoSans-900'; src:url(../Webfonts/303D6F_2_0.eot); src:url(../Webfonts/303D6F_2_0.eot?#iefix) format("embedded-opentype"),url(../Webfonts/303D6F_2_0.woff2) format("woff2"),url(../Webfonts/303D6F_2_0.woff) format("woff"),url(../Webfonts/303D6F_2_0.ttf) format("truetype"),url(../Webfonts/303D6F_2_0.svg#wf) format("svg")} @font-face{font-family:'icomoon'; src:url(../Webfonts/icomoon.eot?k67kt4); src:url(../Webfonts/icomoon.eot?k67kt4#iefix) format("embedded-opentype"),url(../Webfonts/icomoon.ttf?k67kt4) format("truetype"),url(../Webfonts/icomoon.woff?k67kt4) format("woff"),url(../Webfonts/icomoon.svg?k67kt4#icomoon) format("svg"); font-weight:400; font-style:normal} [class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} .icon-flvs-logo:before{content:"\e900"} .icon-instagram:before{content:"\e901"} .icon-linkedin:before{content:"\e902"} .icon-twitter:before{content:"\e903"} .icon-google:before{content:"\e904"} .icon-pinterest:before{content:"\e905"} .icon-facebook:before{content:"\e906"} .icon-youtube:before{content:"\e907"} .icon-blog:before{content:"\e908"} /*----------------------------------------------- Additional Helper Classes ------------------------------------------------*/ .col-centered{float:none; margin-right:auto; margin-left:auto} /*----------------------------------------------- Sitewide Styles ------------------------------------------------*/ html{-webkit-font-smoothing:antialiased; font-smoothing:antialiased} body{font-size:16px; font-family:'MuseoSans-500',Helvetica,Arial,sans-serif} blockquote{font-size:inherit} a,a:visited,a:focus{outline:none; text-decoration:none} a.anchor {display: block; position: relative; top: -120px; visibility: hidden} .sfimageWrp img, .container img{display: block; max-width: 100%; height: auto; margin:0 auto} .sfPageWrapper header {display:none} /* hides nav in edit mode */ .sub-nav{} .sub-nav-toggle{display:none} .sub-nav ul li a{color:#898989} .sub-nav-title{color:#565555; font-size: 18px;} .sub-nav-divider{border-bottom:#ccc 1px solid} .sub-nav-divider div{width:30%; height:3px; background-color:#00aeef} .navbar-hub{background:#fc7d3c} .blank-nav-section{padding:50px 0} .blank-page-content h2{color:#37abe4; font-size:30px; font-family:'MuseoSans-700',Helvetica,Arial,sans-serif} .blank-page-content h3{font-size:18px; font-family:'MuseoSans-700',Helvetica,Arial,sans-serif} .blank-page-content{color:#555; font-size:15px} table.styled{color:#737577; line-height:1.5em; border:1px solid #f9f9f9; margin-top:16px; max-width: none; table-layout: fixed; word-wrap: break-word} table.styled tr:nth-child(even) {background-color: #f9f9f9} table.styled thead th, table.styled td {padding:6px} table.styled thead tr{font-weight: bold; background-color: #f2f2f2} .subpage table.styled h3{margin-top:0px} .sf_pagerNumeric{margin:10px 0} .sf_pagerNumeric a{display:inline-block;padding:5px 9px;margin-right:4px;border-radius:3px;border:solid 1px silver;background:#e9e9e9;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.1);font-size:14px;font-weight:700;text-decoration:none;color:#717171;text-shadow:0 1px 0 rgba(255,255,255,1);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f8f8f8),to(#e9e9e9));background:-moz-linear-gradient(0% 0% 270deg,#f8f8f8,#e9e9e9)} .sf_pagerNumeric a:hover{background:#fefefe;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FEFEFE),to(#f0f0f0));background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE,#f0f0f0)} .sf_pagerNumeric a.sf_PagerCurrent{border:none;background:#616161;box-shadow:inset 0 0 8px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.8);color:#f0f0f0;text-shadow:0 0 3px rgba(0,0,0,.5)} /*----------------------------------------------- Buttons ------------------------------------------------*/ a.std-btn{min-width:160px; display:inline-block; padding:12px 30px; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; font-size:1.4rem; text-align:center; text-transform:uppercase; text-decoration:none; color:#FFF; background-color:#00b6f7; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:24px auto; transition:all .2s} a.std-btn:hover{color:#00b6f7; background-color:#b2f0ff} a.std-btn.centered{margin-left:auto; margin-right:auto} a.std-btn.peach{background-color:#ffbea0; color:#7c360d} a.std-btn.peach:hover{background-color:#7c360d; color:#ffbea0} a.std-btn.white01{background-color:#FFF; color:#7c360d} a.std-btn.white01:hover{background-color:#7c360d; color:#FFF} a.std-btn.white02{background-color:#FFF; color:#00b6f7} a.std-btn.white02:hover{background-color:#b2f0ff; color:#00b6f7} a.std-btn.disabled{background-color:#ccc; color:#eee} a.std-btn.disabled:hover{cursor:not-allowed} /*----------------------------------------------- Header & Navigation ------------------------------------------------*/ .navbar-fixed-top .container-fluid{border-bottom: 1px solid #b2f0ff} .icon-flvs-logo{font-size:68px; color:#FFF; display:block} header{background-color:#28bdf2; padding-bottom:98px} header .navbar{background-color:#28bdf2; margin-bottom:0; border:0} header .navbar-brand{display:block; height:auto} .navbar-hub{background:#fc7d3c; border-radius: 0;} .navbar-hub.navbar{margin-bottom:0} .navbar-hub .navbar-header{margin:20px 0; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; text-transform:uppercase; font-size:1.4rem} .navbar-hub .navbar-header a{color:#fff; margin-right:8px; padding:2px 2px 4px} .navbar-hub .navbar-header a:hover,.navbar-header a.active{border-bottom:3px solid #FFF; text-decoration:none; color:#FFF} .navbar.navbar-fixed-top{z-index:500} .navbar-fixed-top .container-fluid{border-bottom: 1px solid #b2f0ff} .navbar-header{margin-top:40px; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; text-transform:uppercase; font-size:1.4rem} div.navbar-header.pull-right{margin-right:122px} .navbar-header a{color:#b2f0ff; margin-right:8px; padding:2px 2px 4px} .navbar-header a:hover,.navbar-header a.active{border-bottom:3px solid #FFF; text-decoration:none; color:#FFF} .dropdown-menu{font-family:'MuseoSans-500',Helvetica,Arial,sans-serif; left: -50px} .dropdown-menu a{margin:0; text-transform:none} .dropdown-menu a:hover{border:none} .close-nav{display:block; font-size:2.4rem; text-align:right; color:#6e798c; display:none} .main-nav ul li ul li{margin-left:8px} .main-nav{font-size:1.4rem} .main-nav a{padding:4px 0} .main-nav ul{margin:16px 0} .main-nav ul li ul{margin:0} .main-nav ul li a{list-style-type:none; color:#6e798c; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif} .main-nav ul li ul li a{font-family:'MuseoSans-500',Helvetica,Arial,sans-serif} .sidemenu{background:#e9e9e9; position:fixed; border-left:1px solid #b0b0b0; overflow-y:scroll} .sidemenu-vertical{width:275px; height:100%; top:0; z-index:1000; padding:60px 0 40px 40px} .sidemenu-right{right:-275px} .sidemenu-right.sidemenu-open{right:0} .sidemenu-push{overflow-x:hidden; position:relative; left:0} .sidemenu-push-left{left:-275px} .sidemenu,.sidemenu-push{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease} .main-nav .secondary-links a{font-family:'MuseoSans-500',Helvetica,Arial,sans-serif} .nav-expander{font-size:.8em; display:block; position:fixed; right:0; top:14px; z-index:1025; padding:26px; transition:all .1s; background-color:#28bdf2} .nav-expander.active{background-color:transparent} .nav-expander span{display:block} a.nav-expander:hover{border:none} .menu-text{display:block; float:left; margin-right:10px; margin-top:2px; text-transform:uppercase; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; color:#b2f0ff; font-size:1.1rem} .menu-bar{width:30px; height:3px; margin-bottom:5px; background-color:#b2f0ff; transition:all .2s} .burger-wrap{float:right} .nav-expander.active .menu-text{opacity:0} .nav-expander.active .menu-bar{background-color:#6e798c} .nav-expander.active .top-bar{transform:rotate(45deg); -ms-transform:rotate(45deg); transform-origin:0 50%; -ms-transform-origin:0 50%} .nav-expander.active .middle-bar{opacity:0} .nav-expander.active .bottom-bar{transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform-origin:0 50%; -ms-transform-origin:0 50%; margin-top:10px} .navbar-header.sidemenu-push{overflow-x:visible} /*-- Accordian Sub Nav Menu --*/ #tree-nav li.has-sub>a:before{position:absolute;right:0;content:"+"} #tree-nav li.has-sub>a.active:before{content:"–"} #tree-nav{position:relative;margin:0;padding:0} #tree-nav li{list-style:none} #tree-nav li a{display:block;text-decoration:none} #tree-nav li ul{display:none} #tree-nav li ul li{margin:0} /*----------------------------------------------- Quicklinks ------------------------------------------------*/ .quicklinks h2 {color: #FFFFFF} .quicklinks a {color: #FFFFFF} /*----------------------------------------------- Footer ------------------------------------------------*/ footer{background-color:#fc7d3c; padding:46px 0} footer h2{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; color:#FFF; font-size:4.6rem; line-height:1.1em} footer h2 span{font-family:'MuseoSans-500',Helvetica,Arial,sans-serif; color:#ffbea0; display:block; font-size:4rem} footer a{color:#7c360d} footer a:hover{color:#FFF} .border-top{border-top:2px solid #7c360d; padding:32px 0; margin:60px 0} .copyright{font-size:1rem; text-transform:uppercase; color:#7c360d; white-space:nowrap; text-align:right; margin-top:10px} .social a{color:#7c360d; font-size:3rem} .social a:hover{text-decoration:none; color:#FFF} .footer-links{margin-top:6px} .footer-links a{font-size:1.4rem; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; color:#7c360d; margin-right:8px} /*----------------------------------------------- Home Page ------------------------------------------------*/ .home-intro{background:#28bdf2 url(/images/default-source/graphics/home-intro-bg.png) no-repeat center bottom; padding:125px 0 295px} .home-intro h1{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; font-size:4.8rem; color:#b2f0ff} .home-intro h1 span{color:#FFF} .scroll-more{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; font-size:1.4rem; text-transform:uppercase; color:#FFF; display:block; margin:24px 0} .scroll-more span{display:block; font-size:2rem} .home-callouts{padding:58px 0; text-transform:uppercase; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; font-size:1.4rem} .home-callouts a{display:block; text-align:center} .home-callouts a:hover{text-decoration:none} .home-callouts img{margin:0 auto 16px} .home-courses{background:transparent url(/images/default-source/graphics/home-courses-bg.png) no-repeat center center; background-size:cover; padding:165px 0; color:#FFF} .home-courses h2{font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; text-transform:uppercase; font-size:3.6rem} .home-courses p{line-height:1.8em} .info-section{padding:70px 0} .info-section.no-padding{padding:0} .info-section h3{color:#37abe4; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif} .info-section p{line-height:1.8em} .info-section li{margin-bottom:12px; line-height:1.8em} .info-section .no-margin li{margin-bottom:0; line-height:1.8em} /*.info-section li{margin-bottom:0; line-height:normal}*/ .gray01{background-color:#fafafa} .gray02{background-color:#f2f2f2} /*----------------------------------------------- Sub Pages - Universal Styles ------------------------------------------------*/ .info-section.blue{background:#28bdf2; color:#fff} .info-section.blue h3{color:#fff} .short{padding:60px 0} .hub-banner{background:#f7f7f7; padding:40px 0} .sub-callouts{padding:58px 0; text-transform:none; font-family:'MuseoSans-500',Helvetica,Arial,sans-serif; font-size:14px} .sub-callouts a{text-decoration:underline} .sub-callouts img{margin:0 auto 16px} .accordion{margin-bottom:60px} .accordion .panel{border:none} .accordion .panel-default>.panel-heading{border:none; border-radius:0px; padding:0} .accordion .panel-default>.panel-heading h4{font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; color:#fff; font-size:18px} .accordion .panel-heading a{background-color:#7d7d7d; display:block; padding:15px; text-decoration:none} .accordion .panel-heading a.collapsed{background-color:#28bdf2} .accordion .panel-body{background-color:#f7f7f7; font-family:'MuseoSans-500',Helvetica,Arial,sans-serif; padding:40px;} .search{width:100%;position:relative; margin:20px 0;} .search:before{position:absolute;top:0;right:0;width:40px;height:40px;line-height:40px;font-family:'Glyphicons Halflings';content:'\e003';background:#fafafa;text-align:center;color:#333;-webkit-font-smoothing:subpixel-antialiased;font-smooth:always;border:1px solid #eee} .search .sfsearchTxt{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #eee;padding:5px;height:40px;outline:none;background:#fafafa; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0} .search .sfsearchSubmit{position:absolute;top:0;right:0;width:40px;height:40px;opacity:0;cursor:pointer} .sfsearchResultTitle{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif} /*----------------------------------------------- Sub Pages - Florida Services ------------------------------------------------*/ .florida-intro{background:#28bdf2 url(/images/default-source/graphics/florida-services-background.png) no-repeat center bottom; padding:75px 0 195px} .florida-intro h1{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; font-size:4.8rem; color:#FFF} .global-intro{background:#28bdf2 url(/images/default-source/graphics/district-solutions-background.png) no-repeat center bottom; padding:75px 0 195px} .global-intro h1{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; font-size:4.8rem; color:#FFF} /*----------------------------------------------- Programs Page ------------------------------------------------*/ .intro{background:#28bdf2; padding:125px 0 295px; color:#fff} .intro h1{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; font-size:4.8rem; color:#b2f0ff} .intro h1 span{color:#FFF} .programs.intro{padding:30px 0 30px} #questions{margin:60px 0} .question{font-family:'MuseoSans-300',Helvetica,Arial,sans-serif; font-size:3rem; color:#fff; display:none} .question select{font-size:16px} #q1{display: inline} #results{display: none} #results h2{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; font-size:3rem; color:#b2f0ff} #results .col-xs-4{width:33%} .program{display: none; text-align:left; vertical-align: top; margin-bottom:15px} .programDetails{background:#fff; border: 1px solid #f2f2f2; color:#333; font-size:14px} .programDetails h3{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; background: #f2f2f2; margin:0 0 20px 0; padding: 30px; color: #37abe4;} .programDetails ul{padding: 0 30px 0 50px} .programDetails p{padding:0 30px} .program a{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; border-radius: 10px; text-transform:uppercase; display:block; background:#37abe4; padding:10px; text-align:center; margin:10px 10px; color:#fff; text-decoration:none} .program a.learnMore{margin-top:30px; background:#28bdf2} .our-programs{background:transparent url(/images/default-source/graphics/home-courses-bg.png) no-repeat center center; background-size:cover; padding:40px 0; color:#FFF} /*----------------------------------------------- Courses ------------------------------------------------*/ .browse-courses{margin:50px 0} .nav-tabs {background-color: #f7f7f7; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif;} .nav-tabs>li>a {margin-right: 4px; border: none; border-radius: 0; background-color: #7d7d7d; color: #fff; cursor:pointer} .nav-tabs>li.active>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #fff; background-color: #37abe4; border: none; cursor:pointer} .browse-courses h3{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; color:#37abe4} .course-expand.bar{display:block; background-color:#37abe4; color:#fff; padding:15px; text-decoration:none} .browse-courses h3 .course-expand.collapsed .glyphicon.glyphicon-menu-down{display:block} .browse-courses h3 .course-expand[aria-expanded="true"] .glyphicon.glyphicon-menu-up{display:block} .browse-courses h3 .glyphicon{display:none} .course-list.mobile hr{display:none} .course-list img, .catalog-icons img{display:inline; vertical-align:middle; padding-bottom:4px} .catalog-icons span{display:inline-block; padding:0 5px} #loading{margin:100px 0} /*----------------------------------------------- MODAL STYLES ------------------------------------------------*/ #signupModal{margin-top:40px} #signupModal hr{margin: 30px 0px; width: 100%} #signupModal h2{color:#37abe4; font-family:'MuseoSans-900',Helvetica,Arial,sans-serif; font-size:25px;} #signupModal h3{font-family:'MuseoSans-700',Helvetica,Arial,sans-serif; font-size:16px} #signupModal p{font-size:14px; margin-top:8px} #signupModal em{color:#949494} #signupModal a.std-btn{margin:0; display:block; margin-bottom:10px} #video-modal .close{position:absolute; top:22px; right:30px; font-size:40px; z-index:100} .modal-hide{display:none} .modal-content {box-shadow: none; border: none} .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*----------------------------------------------- RESPONSIVE STYLES ------------------------------------------------*/ /* Responsive iFrame */ .responsive-iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-iframe-container iframe, .vresponsive-iframe-container object, .vresponsive-iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { .social a{font-size:2.5rem} } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { .copyright {text-align: left; margin-top: 24px} .social a{font-size:3rem} } @media only screen and (min-width : 992px) { .program.col-md-4{width:33%} } /* Small Devices, Tablets - ipad */ @media only screen and (max-width : 768px) { .home-intro, .global-intro, .florida-intro {padding: 25px 0 135px; background-size: 90%} .home-intro h1, .global-intro h1, .florida-intro h1 {font-size: 3.2rem} .site-callout{padding: 0 0 30px 0; margin: 18px 0} footer h2 {font-size: 3.6rem} footer h2 span {font-size: 3.0rem} .social {margin-top: 12px} .blank-nav-section{padding:0 0 30px 0} .info-section .sf_colsIn{margin-bottom:30px} } /* Small Devices, Tablets - smaller than ipad */ @media only screen and (max-width : 767px) { .sub-nav{padding:0} .sub-nav-header{display:none} .main-nav a.sub-nav-toggle{padding:10px 15px; color:#fff; margin:0; background:#fc7d3c; display:block} #sub-nav-links{padding:0 20px} div.navbar-header.pull-right{margin-right:0} } /* Extra Small Devices, Phones - iPhone and Smaller */ @media only screen and (max-width : 480px) { .home-intro, .florida-intro {padding: 25px 0 100px} .main-nav a {padding: 6px 0; display: block} a.std-btn{margin:5px auto} } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { }