/* Theme Name: NovaSom Custom Theme Theme URI: http://www.novasom.com Description: This is a custom theme developed by Zer0 to 5ive Author: Jen Tabangcura Author URI: http://www.0to5.com Version: 1 */ /* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/ /* using local fonts? make sure to read up on Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */ /* we like off-black for text */ body, select, input, textarea {color: #9b9b9b;} /* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) ::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;} ::selection {background: #fcd700; color: #fff; text-shadow: none;} */ /* j.mp/webkit-tap-highlight-color */ a:link {-webkit-tap-highlight-color: #e2383f;} ins {background-color: #fcd700; color: #000; text-decoration: none;} mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} .container {display: none;} /* And here begins the Wordpress fun. -------------------------------------------------------------------------------*/ body {font-family: "foco", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px;} .shadows {width: 100%; height: 25px; background: transparent url("images/shadow-tiled.png") 0 0 repeat-x;} .shadows .shadow {float: left; width: 50%; height: 25px;} .shadows .left-shadow {background: transparent url("images/shadow-left.png") 0 0 no-repeat;} .shadows .right-shadow {background: transparent url("images/shadow-right.png") 100% 0 no-repeat;} .showformobile {display: none;} @media (max-width: 979px) { .showformobile {display: block;} .hideformobile {display: none;} } /* =Links -------------------------------------------------------------- */ #wrapper a { border: 0 none; outline: medium none; text-decoration: none; color: #003768; } #wrapper a:hover {text-decoration: none; color: #000;} sup.reg {font-size: 0.8em!important;} .edit {font-size: 0.8em; text-align: right;} .edit a {color: #ccc!important;} .edit a:hover {color: #000!important;} .clear {clear: both; margin: 0; padding: 0; height: 0; width: 0; line-height: 0; font-size: 0;} .alignright {float: right; margin: 0 0 0 15px;} .alignleft {float: left; margin: 0 15px 0 0;} .aligncenter {margin: 15px auto;} /*---------- FOR TYPEKIT ASYNCHRONOUS LOADING -------------- */ .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading #nav .nav {visibility: hidden !important;} /* ---- HEADER ----- */ .container .row-fluid {max-width: 960px; margin: 0px auto; position: relative;} #header {position: relative; z-index: 100;} .home #header { /*margin-bottom: -211px;*/ height: 211px; zoom: 1; position: relative;} .home #home-banner, .home #home-portal, .home #footer {position: relative; top: -211px;} #footer {height: 1px;} #header ul {list-style: none;} .tools {padding: 21px 0; line-height: 24px; height: 24px;} .tools a {color: #424242!important;} .tools a:hover {color: #03396a!important;} .tools .row-fluid [class*="span"] {} .tools .row-fluid [class*="span"] > div {float: right;} .tools .row-fluid [class*="span"] .media .icon {padding: 0 0 0 4px; display: inline; width: 20px; height: 20px;} .tools .row-fluid [class*="span"] .media .icon a {position: relative; margin: 0; padding: 0; line-height: 24px;} .tools .row-fluid [class*="span"] .media .icon a img {width: 20px; height: 20px;} .tools .row-fluid [class*="span"] .search form {position: relative; padding: 0 0 8px; font-size: .813em;} .tools .row-fluid [class*="span"] .search label {display: none; text-indent: -9999px;} .tools .row-fluid [class*="span"] .search input {float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .tools .row-fluid [class*="span"] .search input[type='search'] {padding: 0 16px; width: 116px; height: 22px; background: transparent url("images/bg-semiopaque-56.png") 0 0; color: #003768; font-family: "foco", Arial, Helvetica, sans-serif; font-size: 1em; font-weight: 700; text-align: right; line-height: 22px; -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);} .tools .row-fluid [class*="span"] .search input[type='search']:focus {color: #000;} .tools .row-fluid [class*="span"] .search input[type='submit'] {margin: 0 0 0 4px; width: 26px; height: 22px; background: transparent url("images/icon-search.svg") 50% 50% no-repeat; background-size: 20px 20px; border: 0;} /*IE8 & Android 2.3*/ .no-svg .tools .row-fluid [class*="span"] .search input[type='submit'] {background-image: url("images/icon-search.png");} /* --------------- */ .tools .row-fluid [class*="span"] .search input[type='submit']:hover {background-color: #FFF;} .tools .row-fluid [class*="span"] .links li {float: left; position: relative; display: block; height: 24px; font-size: .813em; font-weight: 700; line-height: 24px;} .tools .row-fluid [class*="span"] .links li a {padding: 0 11px;} /*.tools .row-fluid [class*="span"] .links li#menu-item-78 a {position: relative; margin: -1px 0 0 0; display: block; width: 181px; height: 25px; background: transparent url("images/portal-button-small.png") 50% 50% no-repeat; text-indent: -9999em;} */ #menu-item-78 { width: 155px; height: 24px; /*background: #013a69 url("images/bg-circle.svg") 100% 50% no-repeat;*/ background: #013a69; background-size: 35px 35px; line-height: 24px; margin-right: 25px; margin-left: 15px;} #menu-item-78:hover {background-color: #333;} #menu-item-78 a {display: block; padding: 0 0 0 20px; background: transparent url("images/icon-lock.svg") 4px 50% no-repeat; background-size: 18px 16px; color: #fff!important; font-size: 1em; height: 24px; line-height: 24px; overflow: visible;} /*IE8 & Android 2.3*/ .no-svg #menu-item-78 a {background-image: url("images/icon-lock-small.png");} /* --------------- */ #menu-item-78 a span {display: block; background: transparent url("images/circlearrow.png") 100% 50% no-repeat; position: relative; left: 15px; line-height: 27px; height: 27px; top: -1px;} /* ---- NAVBAR ----- */ #nav {position:relative; z-index: 101;} #nav .socialmenudrop {display: none !important;} .navbar {visibility: hidden;} #nav .navbar-inner { min-height: 0; padding-right: 0; padding-left: 0; background-color: transparent; background-image: none; background-repeat: no-repeat; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; filter: none; *zoom: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar-container {padding: 0 25px; background: transparent url("images/bg-nav.png") 0 0 repeat-x; -moz-box-shadow: 0px -5px 3px rgba(0,0,0,0.11); -webkit-box-shadow: 0px -5px 3px rgba(0,0,0,0.11); box-shadow: 0px -5px 3px rgba(0,0,0,0.11); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; min-height: 160px; max-width: 960px; margin: 0px auto;} #header .nav-logo {float: left; margin: 20px 0 0 0!important; padding: 0!important; width: 163px; height: 64px; background: transparent url("images/logo-novasom-color.svg") 50% 50% no-repeat; background-size: contain; text-indent: -9999em; display: block;} /*IE8 & Android 2.3*/ .no-svg #header .nav-logo {background-image: url("images/logo-novasom-color.png");} /* --------------- */ #header .nav {float: right; margin: 0; padding: 28px 0 0 0; font-weight: 700;} #header .nav ul {margin: 0;} #header .navbar .brand {display: none;} #header .navbar .nav > li {display: table; padding: 0 9px 0 7px; height: 29px; background: transparent url("images/nav-separator.png") 100% 50% no-repeat; line-height: 29px; position: relative;} #header .navbar .nav > li:last-child {background: none;} #header .navbar .nav > li > a {display: table-cell; padding: 0 5px; height: 44px; color: #6c6c6c!important; font-size: 0.75em; line-height: 13px; text-align: center; text-transform: uppercase; vertical-align: middle; cursor: pointer;} #header .navbar .nav > li:hover > a, #header .navbar .nav .current-page-ancestor > a, #header .navbar .nav .current_page_item > a {margin: 0!important; padding: 0 9 0 7px!important; background: transparent url("images/bg-semiopaque-89.png") 0 0!important; outline: 0!important; border: 0!important; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;} #header .navbar .nav li li {position: relative;} #header .navbar .nav li li a {display: block; padding: 0 20px; color: #424242!important; font-size: 0.75em; line-height: 27px;} #header .navbar .nav li li a:hover {background-color: #424242; color: #fff!important;} #header .navbar .nav li li li a {line-height: 20px;} /* global submenu style */ #header .sub-menu {display: none; position: absolute; width: auto; padding: 18px 0; background: transparent url("images/bg-semiopaque-89.png") 0 0!important; text-transform: none; white-space: nowrap; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px;-moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 3px 3px 5px #888888; box-shadow: 3px 3px 5px #888888; } #header .navbar .nav li:hover > .sub-menu {display: block;} /* first level submenu */ #header .navbar .nav > li > .sub-menu {top: 44px; left: 7px; -webkit-border-radius: 8px; -webkit-border-top-left-radius: 0; -moz-border-radius: 8px; -moz-border-radius-topleft: 0; border-radius: 8px; border-top-left-radius: 0; position: absolute;} /*second level submenu */ #header .sub-menu .sub-menu {position: absolute; left: 100%; top: -7px; padding: 10px 0;} /* last parent go left instead of right */ #header .navbar .nav > li:last-child > .sub-menu { right: 10px; -webkit-border-radius: 8px; -webkit-border-top-right-radius: 0; -moz-border-radius: 8px; -moz-border-radius-topright: 0; border-radius: 8px; border-top-right-radius: 0; left: auto; } /* childs go left instead of right on last 3 parents */ #header .navbar .nav > li:nth-last-child(3) .sub-menu .sub-menu {left: auto; right: 100%; -webkit-border-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-box-shadow: -3px 3px 5px #888888; -webkit-box-shadow: -3px 3px 5px #888888; box-shadow: -3px 3px 5px #888888;} @media (max-width: 979px) { #nav {margin: 0 20px;} .navbar-container [class*="span"]:last-child {direction: rtl;} #nav .navbar { max-width: 400px; margin: 30px 30px 0 0;} #nav .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); direction: ltr; } #header .navbar .brand {display: block;} #header .navbar .nav {float: none; padding: 0 0 20px 0;} #header .navbar .nav > li {padding: 0px; display: block; height: auto; line-height: 1.3; background: none;} #header .navbar .nav > li a, #header .navbar .nav > li:hover a {padding: 10px 5px !important; display: block !important; text-align: left !important; height: auto !important; font-size: .9em !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; letter-spacing: 0 !important; margin: 0 !important;} #header .navbar .nav > li a br {display: none !important;} #header .sub-menu {display: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .navbar .btn-navbar {position: relative; top: 3px;} .home #header { /*margin-bottom: -211px;*/ height: auto;} .home #home-banner, .home #home-portal, .home #footer {position: relative; top: auto;} #footer {height: auto;} #header .nav-logo {float: none; max-width: 200px; width: 100%; margin: 0px auto !important; padding: 30px 0 0 0 !important;} #nav .navbar {margin: 30px 0; padding: 0 20px; max-width: 400px;} .navbar-container {padding: 30px 25px 0 25px; margin: 20px auto 0 auto;} .navbar-container [class*="span"]:last-child {direction: ltr;} .hideformobiletools {margin-bottom: -60px; padding: 28px 0 0 0; position: relative; z-index: 102;} .navbar-container [class*="span"]:last-child {direction: rtl;} .banner-nav-container {bottom: 80px;} } @media (max-width: 767px) { #nav .navbar {margin: 30px auto; } .navbar-container {padding: 80px 25px 0 25px;} .tools .row-fluid [class*="span"] {width: 540px !important; margin: 0px auto !important; padding: 0 !important;} .tools .row-fluid [class*="span"] ul {margin: 0;} } @media (max-width: 625px) { .tools .row-fluid [class*="span"] > div {clear: both; float: none;} .navbar-container {padding: 20px 25px 0 25px;} .tools {height: auto;} .tools .media {display: none !important;} .tools .links {margin-right: 25px !important;} .tools .row-fluid [class*="span"] {width: auto !important; direction: rtl;} .tools .row-fluid [class*="span"] * {direction: ltr;} .tools .row-fluid .search { width: 100%; float: none;} .tools .row-fluid .search div {width: 270px; max-width: 100%; margin: 0px auto;} .tools .row-fluid .search input[type='search'] {width: 65% !important; height: 32px !important; line-height: 32px !important;} .tools .row-fluid .search input[type='submit'] {height: 32px !important;} .tools .row-fluid [class*="span"] .links {float: none;} .tools .row-fluid [class*="span"] .links ul {width: 270px; max-width: 100%; margin: 0px auto;} .tools .row-fluid [class*="span"] .links li {float: none; text-align: center;} #menu-item-78 {text-align: left !important; margin: 4px auto 0px auto !important;} .hideformobiletools {margin-bottom: 0;} #nav .socialmenudrop {display: block !important;} #nav .socialmenudrop li.icon, #nav .socialmenudrop li.icon a, #nav .socialmenudrop li.icon:hover , #nav .socialmenudrop li.icon a:hover {display: inline !important;} #nav .socialmenudrop li.icon a img {max-width: 40px; display: inline; margin-right: 7px;} } @media (max-width: 7px) { .hideformobiletools {display: none;} .showformobiletools {display: block;} .showformobiletools .search {float: none !important; width: 280px; margin: 0px auto;} .showformobiletools .search input[type='search'] {width: 205px !important; height: 32px !important; line-height: 32px !important;} .showformobiletools .search input[type='search'] {height: 32px !important;} } /* ---- SUB NAV ----- */ #subnav {padding: 38px 30px; min-height: 399px; background: transparent url("images/sidenav-bg.png") 0 0 no-repeat;} #subnav a {color: #003768!important;} #subnav a:hover {font-weight: 700;} #subnav ul {margin: 0; padding: 0; list-style: none;} #subnav ul > li {padding: 7px 0; line-height: 15px;} #subnav ul .sub-menu {display: none; margin: 0 0 0 15px; padding: 7px 0; font-size: 0.85em;} #subnav ul .sub-menu li {padding: 4px 0;} #subnav ul li.current_page_item > a, #subnav ul li.current_page_parent > a, #subnav ul li.current_page_ancestor > a {font-weight: 700;} #subnav ul .sub-menu li.current_page_item > a, #subnav ul .sub-menu li.current_page_parent > a, #subnav ul .sub-menu li.current_page_ancestor > a {color: #000!important;} #subnav ul > li.current_page_item .sub-menu, #subnav ul > li.current_page_parent .sub-menu, #subnav ul > li.current_page_ancestor .sub-menu {display: block;} @media (max-width: 979px) { #subnav {padding: 20px 30px; min-height: 0; background-repeat: repeat-x; font-size: 1.1rem!important;} #subnav ul > li li {display: inline-block; margin: 0 15px 0 0;} #subnav ul .sub-menu {font-size: 1rem!important;} } /* ---- HOME STYLES ----- */ /*SLIDER*/ #home-banner {z-index: 50; display: none; position: relative;} #home-banner [class*="span"] {position: relative;} #home-banner-inner {position: relative;} #home-banner-slideshow {width: 100%; height: 586px; overflow: hidden;} #home-banner-slideshow .slide {width: 100%!important; height: 586px; overflow: hidden; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat;} #home-banner-slideshow .slide-content {position: absolute; width: 100%;} #home-banner-slideshow .slide-content-inner {padding: 196px 0 0 27px;} #home-banner-slideshow .slide-content-inner h2 {color: #6c6c6c; font-size: 3.086em; font-weight: 300; line-height: 43px;} #home-banner-slideshow .slide-content-inner h2 strong {color: #434343; font-weight: 700;} #home-banner-slideshow .slide-content-inner h2 p {display: inline;} #home-banner-slideshow .slide-content-inner .more {float: left; margin: 10px 0 0 0;} #home-banner-slideshow .slide-content-inner .more a {display: block; padding: 0 17px; background-color: #fff; color: #6c6c6c!important; font-size: 1.750em; font-weight: 300; line-height: 36px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 3px 3px 5px #888888; box-shadow: 3px 3px 5px #888888;} #home-banner-slideshow .slide-content-inner .more a:hover {background-color: #003768; color: #fff!important;} #home-banner-slideshow .slide-content-inner .more .edit a {float: left; padding: 0; background-color: transparent;} .banner-nav-container {position: relative; bottom: 120px; z-index: 10; height: 50px; margin-bottom: -50px;} #home-banner-slideshow-nav {float: right; margin-right: 50px; width: auto; z-index: 10;} #home-banner-slideshow-nav a {display: inline-block; margin: 0 0 0 5px; width: 10px; height: 10px; background: transparent url("images/sprite-slider-dots.png") 0 50% no-repeat; text-indent: -9999em; -moz-box-shadow: 0px 0px 2px #333; -webkit-box-shadow: 0px 0px 2px #333; box-shadow: 0px 0px 2px #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #home-banner-slideshow-nav a:hover {background-position: 50% 50%;} #home-banner-slideshow-nav a.activeSlide {background-position: 100% 50%;} #home-banner-inner sup.reg {font-size: 0.5em!important;} /*PORTAL*/ #home-portal { background: transparent url("images/bg-stripes.png") 0 0 repeat-x; position: relative; z-index: 75;} #home-portal-shadow-left {background: transparent url("images/shadow-left.png") 0 0 no-repeat;} #home-portal-shadow-right {background: transparent url("images/shadow-right.png") 100% 0 no-repeat;} #home-portal .container:first-child > .row-fluid{position: relative; top: -65px; z-index: 80;} #home-portal .container:nth-child(2) > .row-fluid {padding: 120px 0 30px 0; z-index: 79; position: relative;} #home-portal .container:first-child > .row-fluid > [class*="span"] {width: 24.5%; margin: 0 .20%; padding: 0 16px; background: #fff url("images/bg-home-boxes.png") 0 0 repeat-x; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-sizing: border-box; border: 1px solid #777;} #home-portal .homebox {/*cursor: pointer; cursor: hand;*/ position: relative;} #home-portal .limit-title {font-size: .80em;} #home-portal .homebox .clickablehome {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 76;} #home-portal .homebox .clickablehome .boxarrow {background: transparent url("images/circlearrow.png") no-repeat center center; position: absolute; width: 35px; height: 27px; bottom: 10px; right: 10px;} #home-portal .homebox .accordion dt .h3 { background: url('images/news-icon.png'); background-position: -9999px -9999px; background-repeat: no-repeat; font-weight: 700; color: #003768; font-size: 1.688em; line-height: 1em; margin: 10px 0; display: block;} #home-portal .homebox .accordion dt .h4 {margin: 0; padding: 5px 0 0 40px; color: #4d4d4d; font-size: 1.213em; line-height: 1.213em; background: url('http://www.novasom.com/wp-content/uploads/icon-question1.png'); background-size: 33px 48px; background-repeat: no-repeat; min-height: 48px; display: block; font-weight: 700;} #home-portal .homebox.activeBox .accordion {} #home-portal .homebox .news-logo img {max-height: 30px; width: auto;} #home-portal dd img {max-width: 150px; height: auto;} #home-portal dd .download {display: table; padding: 5px 0; min-height: 32px;} #home-portal dd .download a {display: table-cell; padding: 0 0 0 40px; min-height: 32px; background: transparent url("images/icon-pdf-small.png") 0 0 no-repeat; font-weight: 700; vertical-align: middle;} #home-portal dd .more {direction: rtl; margin: 15px 5px; position: absolute; bottom: 10px; right: 15px;} #home-portal dd .more .arrow { display: inline-block; display: none; width: 26px; height: 27px; background: transparent url("images/sprite-circlearrow.png") 50% 0 no-repeat;} #home-portal dd .more a {display: inline-block; padding: 0 12px 0 0; color: #9b9b9b!important; background: transparent url("images/sprite-arrows.png") 100% 0 no-repeat; line-height: 12px;} #home-portal dd .more a:hover {color: #003768!important; background-position: 100% -36px;} #home-portal .headline {margin: 0; padding: 0 35px 0 0; color: #8b8b8b; font-size: 0.875em; font-weight: 500; line-height: 14px;} #home-portal .headline.padheadline { padding: 0 35px 0 40px; } #home-portal .headline > strong {color: #03396a; font-weight: 700; line-height: 24px; text-transform: uppercase;} /* BOXES OPEN / CLOSING */ #home-portal .homebox.activeBox.complete {background-color: #FFF !important; background-image: none !important;} #home-portal .homebox.activeBox.complete dt > .h3 {margin: 20px 0 !important;} #home-portal .homebox.activeBox .accordion dt > .h4 {font-size: 1.838em !important; visibility: hidden; color: #003768 !important; background-size: 45px auto !important; padding: 0 30px 30px 60px !important; margin: 0 0 -40px 0 !important; /*padding bottom and negative bottom margin hack the background in place */ } #home-portal .homebox.activeBox.complete .accordion dt > .h4 {visibility: visible;} #home-portal .homebox.activeBox .news-logo img {visibility: hidden; max-height: 55px; width: auto;} #home-portal .homebox.activeBox.complete .news-logo img {visibility: visible;} #home-portal .homebox.complete dd {display: block !important; margin: 15px 30px 15px 60px !important;} #home-portal .homebox.complete:last-child dd {margin: 10px 30px 10px 0px !important;} #home-portal .homebox.activeBox .accordion {display: none;} #home-portal .homebox.activeBox.complete .accordion {display: block;} #home-portal-content .more:hover {background-color: #333;} #home-portal-content .more a {display: block; padding: 0 0 0 55px; background: transparent url("images/icon-lock.svg") 11px 50% no-repeat; background-size: 28px 25px; color: #fff!important; font-size: 1.188em;} .no-svg #home-portal .more a {background-image: url("images/icon-lock.png");} #home-portal .homebox.activeBox .headline {visibility: hidden;} #home-portal .homebox.activeBox.complete .headline {padding: 0 30px 0 0; font-size: 1.0rem; line-height: 1em; visibility: visible;} #home-portal .portal-content [class*="span"]:first-child {} #home-portal .portal-content [class*="span"]:first-child > div {direction: rtl;} #home-portal .portal-content [class*="span"]:last-child {} #home-portal .portal-content h3 { margin: 0; width: 169px; color: #6c6c6c; font-size: 1.188em; line-height: 1.1em; direction: ltr;} #home-portal .portal-content h4 { margin: 7px 0 0 0; width: 169px; color: #003768; font-size: 1em; line-height: 14px; direction: ltr;} #home-portal .portal-content .more { width: 249px; height: 35px; background: #013a69 url("images/bg-circle.svg") 100% 50% no-repeat; background-size: 35px 35px; line-height: 35px;} #home-portal .portal-content .more:hover {background-color: #333;} #home-portal .portal-content .more a {display: block; padding: 0 0 0 55px; background: transparent url("images/icon-lock.svg") 11px 50% no-repeat; background-size: 28px 25px; color: #fff!important; font-size: 1.188em;} .no-svg #home-portal .more a {background-image: url("images/icon-lock.png");} #home-portal .portal-content .more a span {display: block; background: transparent url("images/circlearrow.png") 100% 50% no-repeat;} #home-portal .homebox.activeBox .headline br {display: none;} #home-portal .homebox.activeBox .headline > strong {margin: 10px 0 0 0; display: block;} #home-portal .homebox.activeBox .limit-title {display: none;} #home-portal .homebox.activeBox.complete .nolimit-title {display: block; font-weight: 700;} #home-portal .nolimit-title {display: none;} #home-portal .homebox.activeBox .headline.padheadline {display: none;} @media (max-width: 979px) { #home-banner-slideshow .slide-content-inner {padding: 30px 0 0 28px;} .banner-nav-container {bottom: 40px;} #home-banner-slideshow .slide-content-inner h2 {font-size: 2.3em; line-height: 1.1em;} #home-portal dd .more {direction: ltr; margin: 15px 5px; position: relative; bottom: auto; right: auto;} #home-portal {height: auto;} #home-portal .homebox .clickablehome {display: none !important;} #home-portal .container:first-child > .row-fluid {top: 0; margin: 30px 0;} #home-portal .container:nth-child(2) > .row-fluid {padding: 0 0 30px 0;} #home-portal .portal-content [class*="span"]:first-child > div {direction: ltr;} #home-portal .portal-content [class*="span"] {text-align: center;} #home-portal .portal-content h3 { text-align: center; width: auto; } #home-portal .portal-content h4 { text-align: center; width: auto; } #home-portal .portal-content .more {margin: 0px auto;} #home-portal .portal-content .more a span {text-align: left;} #home-portal .row-fluid [class*="span"] {width: auto !important; margin: 10px 20px !important; box-sizing: border-box; float: none !important;} #home-portal .homebox .accordion {margin: 0;} #home-portal .homebox .accordion dt .h3 {background-position: 0 50%; padding: 0 0 0 30px; background-size: 21px 32px; line-height: 32px; min-height: 32px;} #home-portal .homebox .accordion dt > .h4 {display: none;} #home-portal .homebox .accordion .news-logo, #home-portal .homebox .accordion .headline {display: none;} #home-portal .homebox.activeAccor .accordion > h4 {display: block; background-image: none !important; padding: 0 10px 5px 10px; min-height: 0;} #home-portal .homebox.activeAccor .accordion .news-logo, #home-portal .homebox.activeAccor .accordion .headline {display: block;} #home-portal .homebox.activeAccor .news-logo img {max-height: none; max-width: 100%; width: auto;} #home-portal .homebox.activeAccor .headline {margin: 0 20px; font-size: 1.3em; line-height: 1.3em;} #home-portal .homebox:last-child.activeAccor dd {margin: 8px 20px;} #home-portal .homebox .limit-title {display: none;} #home-portal .homebox.activeAccor .nolimit-title {display: block; margin: 8px 20px; color: #4d4d4d; font-size: 1.213em; line-height: 1.213em; min-height: 48px;} #home-portal .homebox .headline.padheadline {display: none !important;} } @media (max-width: 767px) { #home-banner {position: relative; margin-bottom: 40px;} #home-banner-slideshow .slide-content-inner h2 {font-size: 1.8em; } #home-banner-slideshow .slide-content-inner {padding: 20px 0 0 40px;} #home-banner-slideshow-nav {width: 100px; margin-right: 0;} .banner-nav-container {bottom: 10px; margin-bottom: 0; width: 100px !important; position: absolute; right: 40px; margin: 0; height: 20px;} } @media (max-width: 625px) { #home-banner-slideshow .slide-content-inner h2 {font-size: 1.3em; } } @media (max-width: 560px) { #nav .navbar {padding: 0;} #home-banner {margin-bottom: 200px;} .banner-nav-container {bottom: 0; margin: 10px auto; width: 100px !important; text-align: center; height: 30px; position: relative; right: auto;} #home-banner-slideshow {overflow: visible;} #home-banner-slideshow .slide {overflow: visible;} #home-banner-slideshow .slide-content-inner {text-align: center;} #home-banner-slideshow .slide-content-inner .more {float: none; max-width: 180px; margin: 0px auto; } #home-banner-slideshow .slide-content-inner .more a {background-color: #003768; color: #FFF !important;} } /* ---- INTERNAL PAGES ----- */ #content {position: relative; padding: 0; width: 100%; background: transparent url("images/subpage-bg.png") 0 0 repeat-x;} #content-content {position: relative; width: 100%; background: transparent url("images/blue-shadow-tiled.png") 0 0 repeat-x; border-top: 1px solid #9b9b9b;} #content-shadow-left {background: transparent url("images/blue-shadow-left.png") 0 0 no-repeat;} #content-shadow-right {background: transparent url("images/blue-shadow-right.png") 100% 0 no-repeat;} #page-content {position: relative; margin: 0; z-index: 10;} #page-content .full > .row-fluid {background: none!important;} #page-content div[class*='span'] {margin: 0!important; padding: 0!important;} #page-content .subnav {width: 24%;} #page-content .content {width: 54%;} #page-content .sidebar {width: 22%;} #page-content .span9.content {width: 76%;} #page-content .span12.content {width: 100%;} #page-content .content-content {padding: 42px 36px 100px 36px;} #page-content .content-content h1 {margin: 0; padding: 0 0 35px 0; color: #003768; font-size: 2.375em; line-height: 1em;} #page-content .content-content h2 {margin: 0; padding: 0 0 21px 0; color: #434343; font-size: 1.500em; line-height: 21px;} #page-content .content-content h3 {margin: 0; padding: 10px 0; color: #434343; font-size: 1.250em; line-height: 20px;} #page-content .content-content p {font-size: .9rem;} #page-content .content-content ul, #page-content .content-content ol {font-size: 0.875rem; color: #003768;} #page-content .content-content ul a, #page-content .content-content ol a {color: #000!important;} #page-content .content-content ul a:hover, #page-content .content-content ol a:hover {color: #999!important;} #page-content .content-content ul li, #page-content .content-content ol li {margin: 5px 0;} #page-content .content-content .download {display: table; padding: 5px 0; min-height: 32px;} #page-content .content-content .download a {display: table-cell; padding: 0 0 0 40px; min-height: 32px; background: transparent url("images/icon-pdf-small.png") 0 0 no-repeat; font-weight: 700; vertical-align: middle;} #page-content .content-content hr {border-top: 1px solid #dad9d7;} #team .bio {margin: 0 0 20px 0;} #team .bio h3 {padding: 0;} #team .bio h4 {margin: 0; padding: 0 0 10px 0;} #team .bio .photo {float: right; padding: 0 0 0 15px; width: 150px;} .callout-box {display: block; margin: 20px 10px; padding: 10px 20px; background: #fff url("images/bg-news-boxes.png") 0 -50px repeat-x; border: 1px solid #e9e9e9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);} .callout-box h3 {font-size: 1.5em!important;} .callout-box ul, .callout-box ol, .callout-box p {font-size: 1.2em!important; line-height: 1em!important; font-weight: 700;} .callout-box li {margin: 10px 0!important;} .callout-box p {color: #003768!important;} .expand {display: block; margin: 10px 0 0 0; padding: 0 10px; background: #fff url("images/bg-news-boxes.png") 0 -100px repeat-x; border: 1px solid #e9e9e9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden;} .expand tbody, .expand tr, .expand td, .expand td h3 span {display: block; padding: 0;} .expand tr, .expand td {position: relative;} .expand tr:first-child td {height: 40px;} .expand tr:first-child td h3 {height: 40px; line-height: 40px;} .expand tbody {position: relative;} .expand p {line-height: 20px!important;} .expand .faded {position: absolute; top: 100px; right: 0; left: 0; height: 20px; background-color: #fff; z-index: 10;} .off .faded .faded-text {padding: 0; height: 20px; background: transparent url("images/sprite-accordion-arrows.png") 50% -20px no-repeat; font-size: 2em; line-height: 20px; text-align: center; cursor: pointer;} .on .faded .faded-text {padding: 0; height: 20px; background: transparent url("images/sprite-accordion-arrows.png") 50% -60px no-repeat; font-size: 2em; line-height: 20px; text-align: center; cursor: pointer;} .off .faded:hover .faded-text {background-position: 50% 0;} .on .faded:hover .faded-text {background-position: 50% -40px;} #gforms_confirmation_message {margin: 0; padding: 10px 0; color: #434343; font-size: 1.250em; line-height: 20px;} /* ASSESSMENT / SURVEY */ .page-template-template-survey-php {} .page-template-template-survey-php #page-content .content-content h1 {padding-bottom: 0;} .page-template-template-survey-php #page-content .content-content h3 {font-size: 1.50em; line-height: 1.1em;} .page-template-template-survey-php #page-content .content-content p {font-size: 1.1em;} /* Gravity Forms on Survey Page */ .page-template-template-survey-php #page-content .content-content h2.gsection_title { font-size: 2.2em; font-weight: 400; color: #003768;} .page-template-template-survey-php .gform_wrapper .gsection {border-bottom: 1px solid #7a97b0; padding: 0 0 12px 0; margin-top: 45px !important;} .page-template-template-survey-php .gform_wrapper .gsection:first-child {margin-top: 0 !important;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.yesno {margin: 15px 0; padding: 10px 12px;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.yesno.odd {background-color: #e5ebf0;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.yesno .gfield_label {color: #434343; font-size: 1.6em; font-weight: 400; float: left; width: 65%; margin: 0; background-color: transparent; padding: 0;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.yesno .gfield_description {padding: 0; color: #434343; font-size: 1.0em; font-weight: 400; letter-spacing: .02em; float: left; width: 65%;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.yesno .gfield_label strong { font-weight: 900; font-size: 1.05em; padding: 0 1px;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.yesno .gfield_checkbox {float: right; width: 30%;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.yesno .gfield_checkbox li {float: left; width: 49.9%;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: #FFDFE0 !important;} .bmicalculator {padding: 10px 0;} #page-content .content-content ul .bmicalculator a {padding-left: 30px; background: transparent url("images/bmicalc.png") center left no-repeat; display: block; line-height: 30px; font-size: 1.4em; color: #003768 !important; font-weight: bold;} #page-content .content-content ul .bmicalculator a:hover {color: #003768 !important;} h2.printresults {background: transparent url("images/print-icon.png") top left no-repeat !important; padding-left: 42px !important;} /* ---- CUSTOM CHECKBOXES ---- */ .page-template-template-survey-php .gform_wrapper input[type=checkbox].css-checkbox, .page-template-template-survey-php .gform_wrapper .gfield_checkbox input[type=checkbox] { position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; height:1px !important; width:1px !important; margin:-1px !important; padding:0 !important; border:0 !important; } .page-template-template-survey-php .gform_wrapper input[type=checkbox].css-checkbox + label.css-label, .page-template-template-survey-php .gform_wrapper .gfield_checkbox input[type=checkbox] + label{ padding-right:24px !important; margin: 0 18px 0 0 !important; min-height: 18px !important; height: auto !important; display:block !important; line-height:18px !important; background-repeat:no-repeat !important; background-position: 100% 0 !important; font-size:1.3em !important; vertical-align:middle !important; cursor:pointer !important; font-family: "Effra", sans-serif, Arial; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */; } .page-template-template-survey-php .gform_wrapper .gfield.yesno input[type=checkbox].css-checkbox + label.css-label, .page-template-template-survey-php .gform_wrapper .gfield.yesno .gfield_checkbox input[type=checkbox] + label{ -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */box-sizing: content-box; /* Opera/IE 8+ */; max-width: none; width: inherit; display: inline-block !important; background-position: 0 0 !important; padding-left:24px !important; padding-right: 0 !important; margin: 0 0 0 18px !important; font-size: .90em; } .page-template-template-survey-php .gform_wrapper input[type=checkbox].css-checkbox:checked + label.css-label, .page-template-template-survey-php .gform_wrapper .gfield_checkbox input[type=checkbox]:checked + label { background-image:url(images/active-check.png) !important; font-weight: 300 !important; } .page-template-template-survey-php .gform_wrapper .css-label, .page-template-template-survey-php .gform_wrapper .gfield_checkbox label{ background-image:url(images/inactive-check.png) !important; background-size: 18px 18px !important; } .page-template-template-survey-php .section-doctor {max-width: 400px;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.health .gfield_label { background-color: #e5ebf0; display: block; font-size: 1.4em; padding: 10px 12px;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.health .gfield_label strong {max-width: 400px; display: block;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.health .gfield_checkbox {margin: 20px 30px !important;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.health .gfield_checkbox li {color: #434343; margin-bottom: 10px !important; margin-right: 30px !important;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.otherbox {margin: 0 30px !important;} .page-template-template-survey-php .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */; height: 30px; line-height: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 0;} .page-template-template-survey-php .gform_wrapper .top_label .section-doctor .gfield {clear: none; padding: 0 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.half {width: 49.95% !important; float: left; clear: none; padding: 0 10px !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.quarter {width: 24.95% !important; float: left; clear: none; padding: 0 10px !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */;} .page-template-template-survey-php .gform_wrapper .top_label .gfield label {padding-left: 10px;} .page-template-template-survey-php .gform_footer {max-width: 390px; padding-right: 10px;} .page-template-template-survey-php .gform_wrapper .top_label .gfield.gsection {padding: 0 0 12px 0;} .page-template-template-survey-php #surveysidebar.sidebar {padding-top: 40px !important;} #progress-bar { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dde5ec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dde5ec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dde5ec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dde5ec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dde5ec 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dde5ec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde5ec',GradientType=0 ); /* IE6-9 */ display: block; width: 100%; min-height: 100px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #bfccd8; padding: 10px 15px; box-sizing: border-box; } #progress-bar h4 {font-style: italic; color: #003768; font-size: 1.1em; font-weight: 400;} #progress-bar table tr td {color: #003768;} .progress-bar { background: transparent url("images/bg-progress.jpg") top left repeat-x; height: 19px; width: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; } .current-progress { width: 0; background-color: #fff; position: absolute; top: 1px; bottom: 1px; left: 1px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-indent: -9999px; text-align: center; font-size: .80em; color: #003768; line-height: 17px; } .current-progress:hover { cursor: pointer; cursor: hand; text-indent: -3px; } @media (max-width: 1199px) { #page-content {padding: 0;} } @media (max-width: 979px) { #page-content .subnav {float: none; width: 100%;} #page-content .content {width: 70%;} #page-content .sidebar {width: 30%;} #page-content .span9.content {width: 100%;} } @media (max-width: 767px) { #page-content .content {width: 100%;} #page-content .sidebar {width: 100%;} #page-content .content-content {padding: 42px 16px;} #page-content .content-content h1 {font-size: 2.5em; line-height: 1em;} #page-content .content-content h2 {font-size: 1.7em; line-height: 1em;} #page-content .content-content h3 {font-size: 1.4em; line-height: 1em;} #page-content .content-content h4 {font-size: 1.4em; line-height: 1em;} #page-content .content-content p {font-size: 1.0rem;} #page-content .content-content ul, #page-content .content-content ol {font-size: 1.1rem;} } @media (max-width: 488px) { #team .bio .photo {width: 75px;} } /* ---- FACES ----- */ #faces {padding: 25px 0;} #faces .face-wrap {float: left; width: 33%;} #faces .face-wrap.has-caption {cursor: pointer;} #faces .face {position: relative; margin: 3px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border: 1px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden;} #faces .face .caption-wrap {position: absolute; background: transparent url("images/bg-semiopaque-black-80.png") 0 0 repeat;} #faces .face .caption {display: table;} #faces .face .caption-content {display: table-cell; padding: 0 10px; color: #fdb813; text-align: center; vertical-align: middle;} #faces .face .caption-content p {margin: 0; font-size: 0.85em; font-weight: 700; line-height: 1em;} #faces .face .caption-content.quote {color: #fff;} #faces .face .plus {margin: 0; padding: 0; position: absolute; right: 3px; bottom: -13px; color: #fff; font-size: 3em;} #faces .face:hover .plus {color: #fdb813;} @media (max-width: 767px) { #faces .face .caption-content p {font-size: 1.2em;} #faces .face .plus {font-size: 4em;} } @media (max-width: 644px) { #faces .face-wrap {width: 50%;} } /* ---- SIDEBAR ----- */ #sidebar {margin: 37px 0; padding: 0 0 0 30px; min-height: 597px; border-left: 1px solid #dad9d7;} #sidebar h6 {margin: 0; padding: 0 0 12px 0; color: #003768; font-size: 1.1em; line-height: 20px;} #sidebar h6.nopadding {padding: 0;} #sidebar p {font-size: 0.938em; line-height: 16px;} #sidebar .callout {margin: 15px 0 47px 0; padding: 0 0 8px 0; border-bottom: 1px solid #9c9c9c;} #sidebar .callout-img .img-wrap {padding: 0 7px 0 0;} #sidebar .top .callout-img .img-wrap {padding: 0 7px 5px 0;} #sidebar .more {float: right;} #sidebar .more a {display: block; padding: 0 10px 0 0; font-size: 0.938em; font-weight: 700; background: transparent url("images/sprite-arrows-small.png") 100% -43px no-repeat; line-height: 25px;} #sidebar .more a:hover {background-position: 100% -11px;} #sidebar .edit {font-size: 0.8em; text-align: right;} #sidebar .edit a {color: #ccc!important;} #sidebar .edit a:hover {color: #000!important;} @media (max-width: 767px) { #sidebar {margin: 0; padding: 0; min-height: 0; font-size: 1.1em; border: 0;} #sidebar p {font-size: 1.1em; line-height: 1em;} #sidebar .callout {margin: 0; padding: 20px 0; width: 100%; border-top: 1px solid #9c9c9c; border-bottom: 0;} #sidebar .callout .span12.callout-img {text-align: center;} #sidebar .span4, #sidebar .span5 {float: left; width: 65px;} #sidebar .callout-wrap {padding: 0 20px;} #sidebar .callout-text-wrap {padding: 15px 10px;} #sidebar .more a {font-size: 1.2em;} } /* ---- GRAVITY FORMS ----- */ .gform_wrapper input[type='submit'] {float: right; display: block; padding: 0 17px; background-color: #003768; color: #fff; font-size: 1.750em; font-weight: 700; line-height: 36px; border: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .gform_wrapper input[type='submit']:hover {background-color: #333;} /* ---- TABS ----- */ #tabs, #tabs h3 {color: #003768!important;} #tabs {padding: 10px 0;} #tabs h3 {padding: 0;} #tabs .tab-nav {margin: 0; padding: 0;} #tabs .tab-nav .tab {float: left; display: table; margin: 0 1px!important; width: 32.75%; height: 43px; font-size: 0.9rem; font-weight: 700; line-height: 14px; text-align: center;} #tabs .tab-nav .tab a {display: table-cell; padding: 0 20px; height: 43px; background: #e9e9e9 url("images/tabs-bg-inactive.png") 0 0 repeat-x; vertical-align: middle; border: 1px solid #dedede; border-bottom: 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;} #tabs .tab-nav .tab.ui-state-active a {background: #c3cfda url("images/tabs-bg.png") 0 0 repeat-x;} #tabs .tab-content {margin: 0 3px 0 1px; padding: 24px 14px 20px 27px; background: #fff url("images/tabs-bg.png") 0 -43px repeat-x; border: 1px solid #dedede; border-top: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;} #tabs .tab-content p {font-size: 0.875em;} @media (max-width: 767px) { #tabs {font-size: 1.2em;} } @media (max-width: 448px) { #tabs .tab-nav .tab {position: relative; float: none; margin: -10px 0 0 0!important; width: 100%;} #tabs .tab-content {margin: 0;} } /* ---- NEWSROOM ----- */ #page-content .content.newsroom {width: 76%;} #newsroom {padding: 31px 0 0 0;} #newsroom .topleft .news-content, #newsroom .bottomleft .news-content, #newsroom .topleft .link, #newsroom .bottomleft .link {margin: 5px 15px 5px 5px;} #newsroom .topright .news-content, #newsroom .bottomright .news-content {margin: 5px 5px 5px 15px;} #newsroom .bottomleft .news-content, #newsroom .bottomright .news-content {height: 280px;} #newsroom .news-content {padding: 0 20px 7px 20px; height: 253px; background: #fff url("images/bg-news-boxes.png") 0 -50px repeat-x; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #e9e9e9; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);} #newsroom .news-content h3 {margin: 0; padding: 22px 0 14px 0; color: #003768; font-size: 1.625em; font-weight: 500; line-height: 21px;} #newsroom .news-content p {margin: 0; padding: 0 0 14px 0; color: #434343; font-size: 1em; line-height: 16px;} #newsroom .news-content p strong {color: #003768; font-size: 0.875em; text-transform: uppercase;} #newsroom .news-content .more {padding: 0 10px 0 0; font-weight: 700; background: transparent url("images/sprite-arrows-small.png") 100% -46px no-repeat;} #newsroom .news-content .more:hover, #newsroom .link a:hover {background-position: 100% -14px;} #newsroom .news-content .logo {padding: 5px 0 0 0!important;} #newsroom .link {padding: 2px 0 17px 0; text-align: right; line-height: 16px;} #newsroom .link a {display: block; float: right; padding: 0 10px 0 0; font-size: 1em; font-weight: 700; background: transparent url("images/sprite-arrows-small.png") 100% -46px no-repeat;} #newsroom .topleft .link, #newsroom .bottomleft .link {padding-right: 16px;} #newsroom .media p {padding: 0 0 14px 8px;} #newsroom .screenshot {height: 147px; max-height: 147px;} #newsroom .video .desc {padding: 14px 0;} #newsroom .events strong.event {color: #333; font-size: 1em; text-transform: none;} #newsroom .events strong.date {color: #003768; text-transform: uppercase;} #news h3 {padding-bottom: 0!important;} #news .date {color: #333; margin: 5px 0; display: block;} #news .article {padding-top: 0;} #news .article > br {display: none;} #news .more {padding: 0 10px 0 0; font-weight: 700; background: transparent url("images/sprite-arrows-small.png") 100% -46px no-repeat;} #news .more:hover {background-position: 100% -14px;} #news .logo {float: right; width: 150px; text-align: right;} #news .logo img {display: block; margin: 15px 0 0 15px;} #news .event .date {color: #003768;} #news .video h3 {padding: 0;} #news .video .desc {padding: 0 0 0 15px;} #news .studies {padding: 10px 0 0 0;} #news .studies h3 {padding: 0;} #news .studies .desc {padding: 0 0 0 15px;} @media (max-width: 979px) { #page-content .content.newsroom {width: 100%;} } @media (max-width: 767px) { #newsroom .news-content, #newsroom .bottomleft .news-content, #newsroom .bottomright .news-content {height: auto; font-size: 1.1em;} #newsroom .topleft .news-content, #newsroom .bottomleft .news-content, #newsroom .topleft .link, #newsroom .bottomleft .link, #newsroom .topright .news-content, #newsroom .bottomright .news-content {margin: 0;} #newsroom .news-content .logo {float: left; padding: 0 10px 0 0!important; width: 46px;} #newsroom .video {height: auto;} #newsroom .video .screenshot, #newsroom .video .desc {float: left; width: 50%; height: auto; max-height: none;} #newsroom .video .desc .desc-wrap {display: block; padding: 0 0 0 15px;} #news .studies .thumb {float: left; width: 10%;} #news .studies .studies-content {float: left; width: 90%;} #news .video .thumb {float: left; width: 30%;} #news .video .desc {float: left; width: 65%;} } @media (max-width: 388px) { #news .logo {width: 100px;} #news .video .thumb {float: none; width: auto;} #news .video .desc {float: none; width: auto; padding: 15px 0 0 0;} } body .accordion { margin-bottom: 10px; } body .accordion-group { border-radius: 8px; } .accordion-inner p, #page-content .content-content .accordion-inner p {font-size: .95rem;} .accordion-group { background: #fefefe url("images/bg-accordion.jpg") repeat-x top left;} .accordion-group .accordion-toggle {font-weight: 700; position: relative;} .accordion-toggle .accordion-toggle-abs {position: absolute; right: 20px;} .accordion-toggle .accordion-toggle-abs .clickless {display: none;} .accordion-toggle.active .accordion-toggle-abs .clickless {display: block; padding-left: 22px; background: transparent url("images/bg-accordion-close.png") no-repeat center left;} .accordion-toggle.active .accordion-toggle-abs .clickmore {display: none;} .accordion-group .accordion-group { border: none; background: none;} .accordion-group .accordion-group .accordion-toggle {text-align: center;} .accordion-group .accordion-group .accordion-toggle .clickless, .accordion-group .accordion-group .accordion-toggle .clickmore { border-top: 1px solid #003768; padding-top: 7px; padding-right: 25px; } .accordion-group .accordion-group .accordion-toggle .clickmore {background: transparent url("images/bg-arrow-down.png") no-repeat bottom right;} .accordion-group .accordion-group .accordion-toggle .clickless {display: none; background: transparent url("images/bg-arrow-up.png") no-repeat bottom right;} .accordion-group .accordion-group .accordion-toggle.active .clickless {display: inline;} .accordion-group .accordion-group .accordion-toggle.active .clickmore {display: none; } .accordion-group .more {display: block !important; margin: 15px 0 0 0 !important; background: none !important; font-weight: 400 !important;} .accordion-group h3 {margin-bottom: 8px !important; font-size: 1.4rem !important; line-height: 1.5rem !important;} .accordion-group h3 a {color: #757575 !important; font-weight: 400 !important; line-height: 1.5rem !important;} .research-author {margin: 5px 0 2px 0; color: #00396a;} .research-article, #page-content .content-content p.research-article {margin: 2px 0 5px 0; color: #00396a; font-size: .75rem;} /* ---- FOOTER ----- */ #footer {width: 100%; background: transparent url("images/bg-footer.png") 50% 0 repeat-x; border-top: 1px solid #c0c0c0;} #footer ul {margin: 0; padding: 0; list-style: none;} #footer .footer-nav {margin: 0; padding: 0;} #footer .footer-nav .nav {float: left; margin: 0!important; padding: 0 16px!important; font-size: 0.813em;} #footer .footer-nav .nav > li {float: left; display: inline; width: 16.5%;} #footer .footer-nav .nav > li > a {margin: 0 10px; font-weight: 700;} #footer .footer-nav .nav > li > ul {margin: 5px 10px;} #footer .footer-nav .nav > li > ul li {margin: 5px 0;} #footer .footer-nav .nav a {display: block; width: auto; color: #747474!important; background: transparent!important; line-height: 14px;} #footer .footer-nav .nav a:hover {color: #000!important;} #footer .footer-copyright {padding: 43px 32px 0 32px; white-space: nowrap;} #footer .footer-copyright .nav .logo {margin: 0; padding: 0 9px 0 0; width: 124px; height: 49px; line-height: 49px; border: 0;} #footer .footer-copyright .nav .logo a {display: block; width: 124px; height: 49px;} #footer .footer-copyright .nav .logo a img {display: block; width: 124px; height: 49px;} /*#footer .footer-copyright .nav .logo a {display: block; width: 124px; height: 49px; background: transparent url("images/logo-novasom-grey.svg") 50% 50% no-repeat!important; background-size: contain!important; text-indent: -9999em;}*/ #footer .footer-copyright .nav li {position: relative; float: left; display: inline!important; margin: 38px 0 0 0; padding: 0 11px; height: 11px; font-size: 0.813em; line-height: 11px; border-right: 2px solid #747474;} #footer .footer-copyright .nav li:first-child, #footer .footer-copyright .nav li:last-child {border: 0;} #footer .footer-copyright .nav a {color: #747474!important; background: transparent!important;} #footer .footer-copyright .nav a:hover {color: #000!important;} #footer-inner {padding: 6px 0 47px 0;} .footer-content {} @media (max-width: 1199px) { .footer-content {padding: 0;} } @media (max-width: 979px) { #footer .container {margin: 0!important; width: 100%!important;} } @media (max-width: 767px) { #footer .footer-nav .nav > li {width: 33%; margin: 0 0 40px; } #footer .footer-nav .nav > li:nth-child(4) {clear: left;} #footer .container {width: auto !important;} } @media (max-width: 560px) { #footer .footer-nav .nav {font-size: 1em;} #footer .footer-nav .nav a {line-height: 1.3em;} #footer .footer-nav .nav > li {width: 49.5%; margin: 0 0 40px; } #footer .footer-nav .nav > li br {display: none;} #footer .footer-nav .nav > li:nth-child(4) {clear: none;} #footer .footer-nav .nav > li:nth-child(3) {clear: left;} #footer .footer-nav .nav > li:nth-child(5) {clear: left;} } @media (max-width: 460px) { #footer .footer-nav .nav > li {width: 99%; margin: 0 0 40px; float: none; display: block; } #footer .footer-nav .nav > li:nth-child(4) {clear: none;} #footer .footer-nav .nav > li:nth-child(3) {clear: none;} #footer .footer-nav .nav > li:nth-child(5) {clear: none;} } /*------------- EXAMPLE RESPONSIVE BEHAVIOR ----------------- */ @media (max-width: 1200px) { } @media (max-width: 1050px) { } @media (max-width: 979px) { } @media (max-width: 767px) { } .post {} .entry-content {} .entry-content a {} .entry-content a:hover {} .meta {font-size: .90em; margin-bottom: 5px;} .postmetadata {} #searchform {} #s {} #searchsubmt {} ol.commentlist {list-style: none;} ol.commentlist li {} ol.commentlist li.alt {} ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;} ol.commentlist li.comment div.comment-author {} ol.commentlist li.comment div.vcard {} ol.commentlist li.comment div.vcard cite.fn {font-style: normal;} ol.commentlist li.comment div.vcard cite.fn a.url {} ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;} ol.commentlist li.comment div.vcard img.avatar-32 {} ol.commentlist li.comment div.vcard img.photo {} ol.commentlist li.comment div.vcard span.says {} ol.commentlist li.comment div.commentmetadata {} ol.commentlist li.comment div.comment-meta {font-size: 10px;} ol.commentlist li.comment div.comment-meta a {color: #ccc;} ol.commentlist li.comment p {} ol.commentlist li.comment ul {} ol.commentlist li.comment div.reply {font-size: 11px;} ol.commentlist li.comment div.reply a {font-weight: bold;} ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;} ol.commentlist li.comment ul.children li {} ol.commentlist li.comment ul.children li.alt {} ol.commentlist li.comment ul.children li.bypostauthor {} ol.commentlist li.comment ul.children li.byuser {} ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.comment-author-admin {} ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-5 {} ol.commentlist li.comment ul.children li.odd {} ol.commentlist li.even {background: #fff;} ol.commentlist li.odd {background: #f6f6f6;} ol.commentlist li.parent {border-left: 5px solid #111;} ol.commentlist li.thread-alt {} ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} /* ADDITIONAL CUSTOMIZATIONS -------------------------------------------------- */ div.pagination {text-align: left !important; margin: 0 !important; padding: 10px 0 !important;} /* Print styles! -------------------------------------------------------------------------------*/ @media print { }