/*
Theme Name: ATiA
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for ATiA.
Author: Driven Development on behalf of Design Positive
Version: 1.0
*/
@import url(default.css);
/**
* Defaults and Resets
*/
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-size: 62.5%; -webkit-text-size-adjust: none;}
html, body {margin: 0; padding: 0; background: #006fb0;}
body {font-family: "Whitney A", "Whitney B", Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 22px; color: #515151; font-style: normal; font-weight: 400;}
b,
strong {font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight: 600;}
form {margin: 0; padding: 0;}
img {border: 0; max-width: 100%; height: auto;}
td {vertical-align: top;}
p {margin: 0 0 20px 0;}
p:last-child {margin: 0;}
a {transition: 0.25s ease; color: #515151;}
a:focus,
a:hover {background: #005192; color: #fff;}
h1,
h2,
h3,
h4,
h5 {font-family: "Gotham Rounded A", "Gotham Rounded B", Arial, sans-serif;}
h1 {margin: 0 0 30px 0; font-size: 40px; font-style: normal; font-weight: 300; line-height: 44px; color: #005192;}
h2 {margin: 40px 0 20px 0; font-size: 24px; font-weight: 400; line-height: 28px; color: #005192;}
h3 {margin: 30px 0 0 0; font-size: 18px; font-weight: 700; line-height: 22px; color: #005192;}
h4 {margin: 0; font-size: 18px; line-height: 22px; font-family: "Whitney A", "Whitney B", Arial, Verdana, Sans-Serif; font-weight: 600;}
h5 {margin: 0 0 20px 0; font-size: 18px; font-weight: 500; line-height: 22px;}
h2 strong,
h2 b {font-family: "Gotham Rounded A", "Gotham Rounded B", Arial, sans-serif;}
h3 .link {font-family: "Whitney A", "Whitney B", Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 22px; font-weight: normal;}
/**
* General
*/
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}
a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;}
a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}
nav ul {margin: 0; padding: 0; list-style-type: none;}
/**
* Layout
*/
#header {background: #005192 url(images/bg-header.gif) repeat-x; border-bottom: solid 1px #fff;}
#header > div {position: relative; height: 180px; z-index: 10; overflow: visible;}
#header .logo {position: absolute; top: 25px; left: 30px;}
#header .logo img {height: auto;}
#header .logo a {background: none;}
#header nav {position: absolute; left: 20px; bottom: -1px;}
#header nav li {position: relative;}
#header nav a {color: #fff; text-decoration: none;}
#header nav > ul > li {float: left;}
#header nav > ul > li > a {display: block; font-size: 18px; line-height: 22px; padding: 10px; border: solid 1px transparent;}
#header nav > ul > li > a:focus,
#header nav > ul > li > a:hover,
#header nav > ul > li.current-menu-item > a,
#header nav > ul > li.current-menu-ancestor > a {background: #fff; color: #005192;}
body.page-id-94 #header nav > ul > li#menu-item-186 > a {background: none; color: #fff;}
#header nav > ul > li.sfHover > a,
#header nav > ul > li.active > a {border-color: #fff;}
#header nav ul ul {position: absolute; display: none; top: 43px; left: 0; width: 180px; background: #005192; font-size: 14px; line-height: 18px; border: solid 1px #fff;}
#header nav ul ul li {border-bottom: solid 1px #fff;}
#header nav ul ul li:last-child {border-bottom: none;}
#header nav ul ul li.menu-item-has-children > a {padding-right: 20px;}
#header nav ul ul li.menu-item-has-children > a:after {position: absolute; font-family: 'FontAwesome'; content: "\f178"; top: 10px; right: 10px; color: #fff; transition: 0.25s ease;}
#header nav ul ul li.menu-item-has-children > a:focus:after,
#header nav ul ul li.menu-item-has-children > a:hover:after {color: #005192;}
#header nav ul ul a {display: block; padding: 10px;}
#header nav ul ul li.current-menu-item > a,
#header nav ul ul li.current-menu-ancestor > a,
#header nav ul ul a:focus,
#header nav ul ul a:hover {background: #fff; color: #005192;}
#header nav ul ul ul {position: absolute; display: none; top: -1px; left: 178px; width: 180px;}
#header .search-wrapper {position: absolute; bottom: -1px; right: 20px;}
#header .search-wrapper form {display: inline-block; vertical-align: middle; width: 262px; border: solid 1px #fff; margin: 0 15px 0 0; height: 44px; overflow: hidden;}
#header .search-wrapper input {display: inline-block; vertical-align: middle; padding: 10px; color: #fff; width: 220px; background: none; font-size: 14px; border: none; position: relative; top: 2px; font-family: "Whitney A", "Whitney B", Arial, Verdana, Sans-Serif;}
#header .search-wrapper button {display: inline-block; vertical-align: middle; padding: 10px; width: 40px; background: none; border: none; color: #fff; font-size: 16px;}
#header .search-wrapper a {display: inline-block; vertical-align: middle; font-size: 14px; line-height: 44px; color: #fff; text-decoration: none;}
#header .search-wrapper a:focus,
#header .search-wrapper a:hover {background: none; text-decoration: underline;}
#header .toggle-menu {position: absolute; top: 32px; right: 20px; display: none;}
#header .toggle-menu:focus,
#header .toggle-menu:hover {background: none;}
#header .email-signup {position: absolute; top: 0; right: 20px;}
#header .email-signup .btn {border-top-left-radius: 0; border-top-right-radius: 0;}
#footer {position: relative; z-index: 10; background: #006fb0;}
#footer > div {padding-top: 50px; padding-bottom: 30px; font-size: 18px; line-height: 22px; color: #fff;}
#footer h5 {font-family: "Whitney A", "Whitney B", Arial, Verdana, sans-serif; font-weight: 600;}
#footer a {color: #fff;}
#footer a:focus,
#footer a:hover {background: #fff; color: #005a9a;}
#footer .advertisements-wrapper {text-align: center; border-bottom: solid 1px #fff; margin: 0 0 60px 0;}
#footer .advertisements-wrapper h5 {margin: 0 0 20px 0; font-size: 14px; font-weight: 300; text-transform: uppercase;}
#footer .advertisements {margin: 0 -10px; padding: 0 0 20px 0;}
#footer .advertisements .ad {float: left; width: 33.3333%; padding: 0 10px 20px 10px;}
#footer .advertisements .ad img {display: block;}
#footer .advertisements .ad a {display: inline-block;}
#footer .advertisements .ad a:focus,
#footer .advertisements .ad a:hover {outline: solid 2px #fff; background: none;}
#footer .columns {margin: 0 -10px;}
#footer .columns > div {float: left; width: 33.3333%;}
#footer .columns > div > div {padding: 0 30px 0 10px;}
#footer .columns h5 {margin: 0 0 20px 0; font-size: 18px; line-height: 22px;}
#footer .columns .links {padding-bottom: 120px;}
#footer .columns .links ul {margin: 0; padding: 0; list-style-type: none;}
#footer .columns .links ul + p {margin-top: 20px;}
#footer .columns .logo {margin: -20px 0 20px 0;}
#footer .columns .logo a:focus,
#footer .columns .logo a:hover {background: none;}
#footer .newsletter {margin: 30px -170px 0 0; position: relative;}
#footer .newsletter .fields {border: solid 1px #fff; padding: 0 130px 0 0; margin: 0 0 10px 0;}
#footer .newsletter .fields [type="text"],
#footer .newsletter .fields [type="email"] {display: inline-block; vertical-align: middle; width: 100%; font-family: "Whitney A", "Whitney B", Arial, Verdana, sans-serif; font-size: 18px; color: #fff; padding: 5px 15px; background: none; border: none;}
#footer .newsletter .fields [type="submit"] {display: inline-block; margin-right: -150px; vertical-align: middle; width: 130px; background: #007bbd; font-family: "Whitney A", "Whitney B", Arial, Verdana, sans-serif; font-size: 18px; font-weight: 300; color: #fff; padding: 10px 0; text-align: center; border: solid 1px #fff; border-width: 0 0 0 1px;}
#footer .newsletter .fields [type="submit"]:focus,
#footer .newsletter .fields [type="submit"]:hover {background: #fff; color: #005a9a;}
#footer .newsletter ul {margin: 0; padding: 0; list-style-type: none; font-size: 14px; line-height: 18px;}
#footer .newsletter li {display: inline; margin: 0 15px 0 0;}
#footer .legal {border-top: solid 1px #fff; margin: 30px 0 0 0; padding: 20px 0 0 0; font-size: 16px;}
#footer .legal ul {margin: 0; padding: 0; list-style-type: none; display: inline;}
#footer .legal li {display: inline; margin: 0 0 0 20px;}
#footer .legal li.credits {float: right;}
#footer .social {margin: 0; padding: 0; list-style-type: none; font-size: 25px;}
#footer .social li {margin: 0 20px 0 0; float: left;}
#page {min-width: 320px; transition: right 0.25s ease; position: relative; right: 0;}
#mobile-menu {width: 260px; position: fixed; right: -260px; top: 0; height: 100%; font-size: 15px; background: #333; overflow: auto; border-left: solid 10px #222; transition: right 0.25s ease; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#mobile-menu a {color: #fff;}
#mobile-menu nav a {display: block; padding: 15px; text-decoration: none;}
#mobile-menu nav a:focus,
#mobile-menu nav a:hover {background: none;}
#mobile-menu nav ul {margin: 0; padding: 0; list-style-type: none; border-bottom: solid 1px rgba(255,255,255,0.2);}
#mobile-menu nav > ul > li:first-child {border-top: none;}
#mobile-menu nav > ul > li > a {text-transform: uppercase; font-weight: bold;}
#mobile-menu nav li {border-top: solid 1px rgba(255,255,255,0.2);}
#mobile-menu nav ul ul {font-size: 14px; display: none;}
#mobile-menu nav ul ul a {padding-left: 30px;}
#mobile-menu nav ul ul ul a {padding-left: 45px;}
#mobile-menu .search-wrapper {padding: 20px 15px;}
#mobile-menu .search-wrapper form {border: solid 1px #fff; height: 44px; overflow: hidden;}
#mobile-menu .search-wrapper input {display: inline-block; vertical-align: middle; padding: 10px; color: #fff; width: 175px; background: none; font-size: 14px; border: none;}
#mobile-menu .search-wrapper button {display: inline-block; vertical-align: middle; padding: 10px; width: 40px; background: none; border: none; color: #fff; font-size: 16px;}
#mobile-menu .search-wrapper a {display: inline-block; vertical-align: middle; font-size: 14px; line-height: 44px; color: #fff; text-decoration: none;}
#mobile-menu .search-wrapper a:focus,
#mobile-menu .search-wrapper a:hover {background: none;}
#mobile-menu .content {padding: 0 15px;}
#main > div {min-height: 300px;}
#banner {height: 400px; background: no-repeat center center; background-size: cover; border-bottom: solid 1px #fff;}
#banner h1,
#banner h2,
#banner h3,
#banner h4 {color: #fff;}
#banner img {display: none;}
#banner .section {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-align: center;}
#banner .section > div > div {padding: 15px; background: #007bbd;}
#banner .section h1:last-child {margin: 0;}
#subnav {background: #01467d url(images/bg-subnav.gif) repeat-x; font-size: 16px; line-height: 26px; font-weight: 300; text-align: center;}
#subnav > div {padding-top: 20px; padding-bottom: 20px;}
#subnav li {display: inline-block; margin: 0 10px;}
#subnav li:first-child {margin-left: 0;}
#subnav li:last-child {margin-right: 0;}
#subnav a {color: #fff; text-decoration: underline;}
#subnav a:focus,
#subnav a:hover {background: #fff; color: #005192;}
#alert {font-size: 18px; line-height: 22px; background: #9cd6ff; border-bottom: solid 1px #fff; color: #005192;}
#alert > div {padding-top: 15px; padding-bottom: 15px; padding-left: 60px;}
#alert a {color: #005192;}
#alert a:focus,
#alert a:hover {color: #fff; background: #005192;}
#alert a.dismiss {position: absolute; top: 15px; left: 30px; background: #005192; height: 20px; width: 20px; border-radius: 10px; color: #9cd6ff; text-align: center; line-height: 20px; font-size: 15px;}
#alert a.dismiss:focus,
#alert a.dismiss:hover {color: #005192; background: #fff;}
.mobile-menu #page {right: 260px;}
.mobile-menu #mobile-menu {right: 0;}
.section.white {background: #fff;}
.section.blue {background: #dfeff7;}
.section > div {padding: 0 20px; max-width: 1090px; position: relative; overflow: hidden; margin: 0 auto;}
.section.gutter > div {padding-top: 50px; padding-bottom: 50px;}
.section.medium-gutter > div {padding-top: 85px; padding-bottom: 85px;}
.subsection {margin: 0 -1000px; padding: 20px 1000px 0 1000px; background: url(images/bg-subpage-fade.jpg) no-repeat center top;}
.left-column-layout > .content {float: right; width: 69%; padding: 0 0 0 30px;}
.left-column-layout > aside {float: left; width: 31%; position: relative;}
.right-column-layout > .content {float: left; width: 69%; padding: 0 70px 0 0;}
.right-column-layout > aside {float: right; width: 31%;}
.filter-layout h2 {font-weight: bold; margin-top: 0;}
.mobile-only {display: none;}
.mobile-only,
.desktop-only {margin: 0 0 20px 0;}
/**
* Miscellaneous
*/
.toggle-menu {color: #fff; font-size: 18px; line-height: 20px; font-weight: 600;}
.toggle-menu > div {display: inline-block; width: 32px; height: 26px;}
.toggle-menu > div span {display: block; width: 32px; height: 4px; margin-bottom: 6px; background: #fff; transition: .3s ease;}
.toggle-menu.active {color: #fff;}
.toggle-menu.active > div { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #fff;}
.toggle-menu.active > div span:nth-child(1) {-webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px);}
.toggle-menu.active > div span:nth-child(2) {opacity: 0;}
.toggle-menu.active > div span:nth-child(3) {-webkit-transform: rotate(-90deg) translateX(13px); -ms-transform: rotate(-90deg) translateX(13px); transform: rotate(-90deg) translateX(13px);}
.flexslider {touch-action: pan-y !important; -ms-touch-action: pan-y !important;}
.flexslider ul {margin: 0; padding: 0; list-style-type: none;}
.upcoming-webinars {padding: 40px 50px 0 0; background: url(images/bg-grey-shadow.jpg) no-repeat center top; position: relative;}
.upcoming-webinars ul {margin: 0; padding: 0; list-style-type: none;}
.upcoming-webinars li {display: inline-block; width: 25%; padding: 0 20px 40px 0; vertical-align: top;}
.upcoming-webinars h3 {margin: 0 0 20px 0; font-family: "Whitney A", "Whitney B"; font-weight: 700; font-size: 20px; line-height: 24px;}
.upcoming-webinars h3 a {text-decoration: none; color: #005192;}
.upcoming-webinars h3 a:focus,
.upcoming-webinars h3 a:hover {color: #fff;}
.upcoming-webinars .date-time {font-size: 14px; line-height: 18px; color: #474747; margin: 0 0 10px 0;}
.upcoming-webinars .more {position: absolute; color: #005192; top: 50%; right: 0; font-size: 40px;}
.upcoming-webinars .more:focus,
.upcoming-webinars .more:hover {background: none;}
.upcoming-webinars .titles li {padding-bottom: 0;}
.upcoming-webinars .items h3 {display: none;}
.upcoming-webinars-v2 {padding: 40px 20px 0 20px; background: url(images/bg-grey-shadow.jpg) no-repeat center top; position: relative;}
.upcoming-webinars-v2 h3 {margin: 0 0 20px 0; font-family: "Whitney A", "Whitney B"; font-weight: 700; font-size: 20px; line-height: 24px;}
.upcoming-webinars-v2 h3 a {text-decoration: none; color: #005192;}
.upcoming-webinars-v2 h3 a:focus,
.upcoming-webinars-v2 h3 a:hover {color: #fff;}
.upcoming-webinars-v2 .date-time {font-size: 14px; line-height: 18px; color: #474747; margin: 0 0 10px 0;}
.upcoming-webinars-v2 .titles li {padding-bottom: 0;}
.upcoming-webinars-v2 .items {display: flex; flex-wrap: wrap;}
.upcoming-webinars-v2 .items > div {width: 25%; padding: 0 20px 70px 0; position: relative;}
.upcoming-webinars-v2 .items .btn {position: absolute; left: 0; bottom: 40px;}
.btn {display: inline-block; padding: 6px 20px; background: #005191; border-radius: 5px; font-size: 15px; line-height: 19px; color: #fff; text-decoration: none; text-align: center; border: solid 1px #005191;}
.btn:focus,
.btn:hover {background: #fff; color: #005192;}
.btn.btn--gray{background: #424242; border-color: #424242;}
.btn.btn--gray:hover{background: #fff; color: #424242;}
.btn.btn--purple{background: #5640BE; border-color: #5640BE;}
.btn.btn--purple:hover{background: #fff; color: #5640BE;}
.btn.btn--red{background: #AF1E21; border-color: #AF1E21}
.btn.btn--red:hover{background: #fff; color: #AF1E21;}
.btn.btn--yellow{background: #FAB862; color: #424242; border-color: #FAB862;}
.btn.btn--yellow:hover{background: #424242; color: #FAB862; }
.circle-btn {border-radius: 50%; border: solid 1px #005191; font-size: 15px; line-height: 19px; font-weight: bold; text-align: center; color: #fff; display: inline-block; margin: 0 10px 20px 0; background: #005191; text-decoration: none; vertical-align: middle;}
.circle-btn > span {display: flex; align-items: center; width: 120px; height: 120px; padding: 10px; justify-content: center;}
.circle-btn:focus,
.circle-btn:hover {background: #fff; color: #005191;}
.circle-btn.bright-blue {background: #127dbb; border-color: #127dbb;}
.circle-btn.bright-blue:focus,
.circle-btn.bright-blue:hover {background: #fff; color: #127dbb;}
.circle-btn.gray {background: #424242; border-color: #424242;}
.circle-btn.gray:focus,
.circle-btn.gray:hover {background: #fff; color: #424242;}
.circle-btn.purple {background: #5645bb; border-color: #5645bb;}
.circle-btn.purple:focus,
.circle-btn.purple:hover {background: #fff; color: #5645bb;}
.circle-btn.red {background: #ad2027; border-color: #ad2027;}
.circle-btn.red:focus,
.circle-btn.red:hover {background: #fff; color: #ad2027;}
.circle-btn.yellow {background: #f9b769; border-color: #f9b769;}
.circle-btn.yellow:focus,
.circle-btn.yellow:hover {background: #fff; color: #f9b769;}
.inverse-btn {display: inline-block; padding: 10px 20px; background: #fff; border-radius: 5px; font-size: 19px; line-height: 23px; color: #005192; border: solid 1px #005192; text-decoration: none;}
.inverse-btn:focus,
.inverse-btn:hover {background: #005192; color: #fff;}
.button-links ul {margin: 0; padding: 0; list-style-type: none; text-align: center;}
.button-links li {display: inline-block; width: 33.3333%; margin: 0 10px 20px 0; max-width: 280px; vertical-align: middle;}
.button-links a {display: block;}
.callout .photo {float: left; width: 50%; padding: 0 25px 0 0;}
.callout .content {float: right; width: 50%; padding: 0 0 0 25px;}
.callout.photo-right .photo {float: right; padding: 0 0 0 25px;}
.callout.photo-right .content {float: right; padding: 0 25px 0 0;}
.callout img {display: block;}
.photo-grid {margin: 0; padding: 0; list-style-type: none;}
.photo-grid li {float: left; width: 33.3333%;}
.photo-grid li a:focus,
.photo-grid li a:hover {-webkit-filter: invert(100%); filter: invert(100%);}
.photo-grid img {display: block; width: 100%; height: auto;}
.photo-grid a.video {display: block;}
a.video {display: inline-block; position: relative; max-width: 100%;}
a.video img {display: block;}
a.video:after {position: absolute; content: ""; display: block; width: 69px; height: 69px; top: 50%; left: 50%; margin: -35px 0 0 -35px; background: url(images/icons.png) no-repeat center -215px;}
a.video:focus,
a.video:hover {background: none;}
.two-columns .left {float: left; width: 50%; padding: 0 35px 0 0;}
.two-columns .right {float: right; width: 50%; padding: 0 0 0 35px;}
.logo-slider {width: 900px; margin: 0 auto; position: relative;}
.logo-slider .slick-slide a {display: block; margin: 0 auto; border: solid 2px transparent;}
.logo-slider .slick-slide a:focus,
.logo-slider .slick-slide a:hover {border-color: #005192;}
.logo-slider img {display: block;}
.logo-slider button {position: absolute; top: 32px; left: -30px; padding: 0; background: none; margin: 0; border: none; font-size: 30px; color: #007bbd;}
.logo-slider button.next {left: auto; right: -30px;}
.logo-slider .slick-dots {display: none !important;}
ul.slides {margin: 0; padding: 0; list-style-type: none;}
.filter-block {background: #007bbd; padding: 25px; color: #fff;}
.filter-block h4 {margin: 0 0 10px 0; font-size: 22px; font-weight: 400; line-height: 26px; color: #fff;}
.filter-block [type="text"] {display: block; width: 100%; padding: 10px; color: #515151; font-size: 16px; margin: 0 0 10px 0; border: none; border-radius: 0;}
.filter-block .toggle {font-family: "Gotham Rounded A", "Gotham Rounded B", Arial, sans-serif; display: none; font-size: 22px; font-weight: 400; line-height: 26px; color: #fff; position: relative; text-decoration: none; padding: 0 0 0 20px;}
.filter-block .toggle:focus,
.filter-block .toggle:hover {background: none; text-decoration: underline;}
.filter-block .toggle:before {position: absolute; font-family: 'FontAwesome'; content: "\f105"; top: 0; left: 0;}
.filter-block .btn {min-width: 120px; padding-left: 5px; padding-right: 5px; border: solid 1px #fff;}
.filter-block .btn.inverse {background: none;}
.filter-block .btn.inverse:focus,
.filter-block .btn.inverse:hover {background: #fff;}
.filter-block .actions + h4 {margin-top: 30px;}
.filter-block .actions > .left {float: left;}
.filter-block .actions > .right {float: right;}
.filter-block.expanded .toggle:before {content: "\f107";}
/*
body.sticky-filter .filter-block {position: fixed; top: 0; z-index: 1;}
*/
ul.filters {margin: 0 0 20px 0; padding: 0; list-style-type: none; border-top: solid 1px #fff; font-size: 16px; line-height: 18px;}
ul.filters > li {border-bottom: solid 1px #fff;}
ul.filters > li > .toggle {display: block; position: relative; padding: 15px 0 15px 20px; font-size: 18px; line-height: 20px; color: #fff; text-transform: uppercase; text-decoration: none; background: none; cursor: pointer; width: 100%; margin: 0; text-align: left; border: none;}
ul.filters > li > .toggle:focus,
ul.filters > li > .toggle:hover {background: none; text-decoration: underline;}
ul.filters > li > .toggle:before {position: absolute; font-family: 'FontAwesome'; content: "\f105"; top: 15px; left: 0;}
ul.filters > li > .toggle[aria-expanded="true"]:before {content: "\f107";}
ul.filters > li > .toggle[aria-expanded="true"] + ul {max-height: 9999px; overflow: visible;}
ul.filters > li.no-toggle > ul {padding: 15px 0 10px 0; max-height: 9999px; overflow: visible;}
ul.filters ul {margin: 0; padding: 0; list-style-type: none; max-height: 0px; overflow: hidden; transition: 0.5s ease;}
ul.filters ul li {margin: 0 0 5px 0;}
ul.filters .custom-plain[type="checkbox"] + label::before {top: 3px;}
ul.filters select {width: 100%; padding: 5px; border: solid 1px #ccc;}
.intro-heading {text-align: center;}
.intro-heading h1 {margin: 0 0 20px 0;}
.intro {max-width: 600px; text-align: center; margin: 0 auto 50px auto;}
.webinars {margin: 0 0 40px 0; border-top: solid 1px #515151;}
.webinars > div {padding: 30px 0; border-bottom: solid 1px #515151;}
.webinars > div > .content {float: left; width: 100%; margin-right: -145px;}
.webinars > div > .content > div {margin-right: 145px; padding: 0 10px 0 0;}
.webinars > div > .presenters {float: right; width: 145px; text-align: right;}
.webinars > div > .presenters ul {margin: 0; padding: 0; list-style-type: none;}
.webinars > div > .presenters li {display: inline-block; vertical-align: top; width: 145px; padding: 0 0 10px 10px;}
.webinars > div > .presenters img {border: solid 1px #515151; display: block; margin: 0 0 3px 0;}
.webinars > div > .presenters .profile {text-align: left; font-size: 12px; line-height: 13px;}
.webinars > div.multiple-presenters > .content {margin-right: -290px;}
.webinars > div.multiple-presenters > .content > div {margin-right: 290px;}
.webinars > div.multiple-presenters > .presenters {width: 290px;}
.webinars h3 {margin: 0 0 10px 0;}
.webinars h3 a {color: #005192;}
.webinars h3 a:focus,
.webinars h3 a:hover {color: #fff;}
.webinars p {margin: 0 0 10px 0;}
.webinars footer {padding: 10px 0 0 0;}
.webinars footer .btn {min-width: 110px; text-align: center;}
.webinars .sponsor {display: inline-block; font-weight: bold; font-size: 20px; line-height: 22px; vertical-align: top; margin: 0 0 0 15px; color: #005192;}
.webinars .sponsor .label {font-size: 11px; line-height: 12px; display: block; font-weight: 300; text-transform: uppercase;}
.webinars .overview p:first-of-type {display: inline;}
.block {margin: 0 0 30px 0; background: #fff; font-size: 16px; line-height: 20px;}
.block > header {background: #007bbd; font-size: 22px; line-height: 26px; color: #fff; padding: 15px 10px; text-align: center;}
.block > section {padding: 15px;} /* padding: 20px 30px; */
.block > footer {background: #005192; color: #fff; padding: 15px 10px; text-align: center; font-style: italic;}
.block > footer a {color: #fff;}
.block > footer a:focus,
.block > footer a:hover {background: #fff; color: #005192;}
/*
.block ul.buttons {max-width: 240px;}
*/
.block.blue {background: #007bbd; color: #fff;}
.block.blue header {background: #005192;}
.block.plain {background: none;}
.block.plain > section {padding: 0;}
.block.plain ul.buttons {max-width: 100%;}
.block.testimonials header {background: #005192; line-height: 22px;}
.block.testimonials .content {padding: 20px; color: #005192; font-size: 18px; line-height: 22px;}
/*
.block.testimonials .author .title {font-size: 12px; line-height: 13px;}
*/
ul.buttons {margin: 0 auto; padding: 0; list-style-type: none;}
ul.buttons li {margin: 0 0 10px 0;}
ul.buttons li:last-child {margin: 0;}
ul.buttons .btn,
ul.buttons .inverse-btn {display: block; text-align: center;}
ul.buttons + p {margin-top: 10px;}
.pager .page-numbers {display: inline-block; min-width: 22px; line-height: 22px; border: solid 1px #515151; text-align: center; text-decoration: none; margin: 0 3px 0 0;}
.pager .page-numbers.prev,
.pager .page-numbers.next {border: none; text-decoration: underline;}
.pager .page-numbers.current {background: #005192; color: #fff;}
body.search-results article {margin: 0 0 20px 0;}
body.search-results article h2 {margin: 0;}
ul.calendar {margin: 0 0 40px 0; padding: 0; list-style-type: none; border-top: solid 1px #515151;}
ul.calendar > li {padding: 20px 0 25px 0; border-bottom: solid 1px #515151;}
ul.calendar a {color: #005192;}
ul.calendar a:focus,
ul.calendar a:hover {color: #fff; background: #005192;}
ul.calendar h3 {margin-top: 10px;}
ul.calendar .post-date {margin: 0;}
ul.calendar .type {margin: 0 0 5px 0;}
.post-date {font-size: 18px; line-height: 22px; color: #515151; font-weight: bold; margin: 0 0 30px 0;}
.calendar-item-type {font-size: 14px; color: #fff; text-transform: uppercase; display: inline-block; line-height: 16px; background: #007bbd; border-radius: 8px; padding: 2px 10px;}
.members {margin: 0 0 40px 0; font-size: 17px; line-height: 21px;}
.members > div {padding: 20px 25px; background: #fff; border: solid 5px #fff;}
.members > div + div {margin-top: 20px;}
.members header {padding: 0 220px 0 0; position: relative;}
.members header .logo {position: absolute; top: 0; right: 0;}
.members header .logo img {display: block; max-width: 200px; max-height: 150px;}
.members h3 {margin: 0; color: #007bbd;}
.members h3 a {color: #007bbd; text-decoration: none;}
.members h3 a:hover {background: #007bbd; color: #fff;}
.members .address {margin: 0 0 10px 0;}
.members .expertise {margin: 20px 0 0 0;}
.members > div.premiere {border-color: #007bbd; color: #007bbd;}
.members > div.premiere .address {font-weight: 700;}
.members > div.premiere a {color: #007bbd;}
.members > div.premiere a:hover {color: #fff;}
.members div + .description {margin-top: 20px;}
.members .focus-areas {font-size: 16px; line-height: 20px;}
.members div + .focus-areas {margin-top: 20px;}
.content-grid {margin: 0 -10px;}
.content-grid > div {padding: 0 10px 20px 10px; display: inline-block; vertical-align: top; width: 25%;}
.message {margin: 0 0 20px 0; padding: 10px; background: #c8e2f0; border-left: solid 10px #006fb0;}
.maxlength-feedback {display: block; font-size: 15px;}
ul.checkboxes {margin: 0 0 20px 0; padding: 0; list-style-type: none;}
ul.checkboxes li + li {margin-top: 5px;}
ul.checkboxes input {display: inline-block; vertical-align: top;}
.filter-form {background: #007CC3; padding: 20px; max-width: 515px; font-size: 16px; line-height: 18px; color: #fff; margin: 0 0 30px 0;}
.filter-form fieldset {margin: 0; padding: 0; border: none;}
.filter-form legend {margin: 0 0 10px 0; padding: 0 0 10px 0; display: block; color: #fff; font-weight: 300; border: none; border-bottom: solid 1px #fff; width: 100%;}
.filter-form .options-container {margin: 0 0 15px 0;}
.filter-form .options {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.filter-form .options > div {padding: 0 10px; width: 33.3333%;}
.filter-form .options > div > div {margin-bottom: 5px;}
.filter-form .options label {transition: 0.25s ease;}
.filter-form .btn.inverse {background: none; border-color: #fff;}
.filter-form .btn.inverse:focus,
.filter-form .btn.inverse:hover {background: #fff;}
.filter-form .btn + .btn {margin-left: 20px;}
.filter-form .toggle {display: none; position: relative; background: #007CC3; color: #fff; padding: 10px; margin: 0; border: none; width: 100%; font-size: 24px; line-height: 28px; text-align: left; transition: 0.25s ease;}
.filter-form .toggle:before {position: absolute; font-family: 'FontAwesome'; content: "\f107"; top: 10px; right: 10px;}
.filter-form .toggle:focus,
.filter-form .toggle:hover {background: #fff; color: #007cc3;}
.member-videos {margin: 0 0 40px 0;}
.member-videos h2 {margin: 0 0 5px 0;}
.member-videos h3 {margin: 0; font-size: 18px; line-height: 22px; color: #515151; font-weight: bold;}
.member-videos > div + div {margin-top: 40px;}
.member-videos .video {position: relative; max-width: 515px; margin: 0 0 10px 0;}
.member-videos .description-toggle {display: none;}
.accordion {overflow: hidden; max-width: 800px; margin: 40px auto; border: solid 2px #fff;}
.accordion > h3 {margin: 0; background: #007bc2; border-top: solid 2px #fff;}
.accordion > h3:first-child {border-top: none;}
.accordion > h3 button {cursor: pointer; display: block; margin: 0; font-size: 17px; line-height: 21px; background: none; color: #fff; font-weight: bold; border: none; width: 100%; position: relative; padding: 12px 15px 12px 57px; text-align: left;}
.accordion > h3 button:focus,
.accordion > h3 button:hover {text-decoration: underline;}
.accordion > h3 button:before,
.accordion > h3 button:after {position: absolute; content: ""; top: 0; left: 0; width: 45px; height: 100%;}
.accordion > h3 button:before {border-right: solid 2px #fff; background: #005192;}
.accordion > h3 button:after {transition: 0.25s ease; background: url(images/conference/arrow.svg) no-repeat center center;}
.accordion > h3 button[aria-expanded="true"]:after {transform: rotate(90deg);}
.accordion > h3.light-blue label:before {background: #005192;}
.accordion > h3.dark-blue {background: #005192;}
.accordion > h3.red {background: #AF1E21;}
.accordion > h3.purple {background: #5640BE;}
.accordion > h3.green {background: #128857;}
.accordion .accordion__panel {max-height: 0; transition: 0.5s ease; background: #DFEFF7; overflow: hidden;}
.accordion .accordion__panel[aria-hidden="false"] {max-height: 1000px; overflow: scroll;}
.accordion .accordion__panel > div {padding: 20px;}
/**
* Webinar
*/
#webinar .bio,
#webinar .disclosures {margin: 20px 0;}
#webinar .disclosures .specific-details {margin: 0 0 20px 0;}
#webinar .speakers .title,
#webinar .speakers .organization {font-style: italic;}
#webinar .speakers .photo {float: left; width: 20%; padding: 5px 10px 5px 0;}
#webinar .speakers .photo img {display: block; border: solid 1px #515151;}
#webinar .speakers .has-photo .content {float: left; width: 80%;}
/**
* Front page
*/
body.home #main > div {min-height: 1px;}
#front-slider {position: relative; overflow: hidden;}
#front-slider:before {position: absolute; content: ""; top: -20px; left: 0; width: 100%; height: 20px; z-index: 5; box-shadow: 0 0 15px 15px rgba(0,0,0,0.5);}
#front-slider:after {position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 25px; z-index: 5; background: url(images/bg-home-slider-overlay.png) no-repeat center center;}
#front-slider .slide {position: relative; color: #fff;}
#front-slider .slide .photo {min-height: 550px; background: no-repeat center center; background-size: cover;}
#front-slider .slide .content {position: absolute; max-width: 500px; left: 20px; bottom: 115px;}
#front-slider .slide .headline {font-family: "Gotham Rounded A", "Gotham Rounded B"; font-weight: 500; padding: 15px 15px 30px 15px; background: #007bbd; margin: 0 80px -15px 0; font-size: 37px; line-height: 41px;}
#front-slider .slide .body {font-family: "Gotham Rounded A", "Gotham Rounded B"; font-weight: 500; padding: 15px 15px 30px 15px; background: #005192; margin: 0 0 -15px 45px;}
#front-slider .slide .action {font-family: "Gotham Rounded A", "Gotham Rounded B"; font-weight: 700; text-align: right; padding: 0 40px 0 0;}
#front-slider .slide .action a {display: inline-block; background: #d7dade; font-size: 16px; line-height: 20px; color: #005192; text-decoration: underline; padding: 10px 40px;}
#front-slider .slide .action a:focus,
#front-slider .slide .action a:hover {background: #007bbd; color: #fff;}
#front-slider .slide .section > div {overflow: visible;}
#front-slider .controls {max-width: 1090px; position: relative; margin: 0 auto;}
#front-slider .controls > div {position: absolute; top: -70px; z-index: 5; left: 20px;}
#front-slider .controls .flex-control-nav {margin: 0; padding: 0; list-style-type: none; float: left;}
#front-slider .controls .flex-control-nav li {float: left; margin: 0 8px 0 0;}
#front-slider .controls .flex-control-nav a {width: 26px; height: 26px; background: #005192; border-radius: 13px; border: solid 2px #fff; display: block; cursor: pointer; text-indent: -10000px; font-size: 1px; line-height: 1px;}
#front-slider .controls .flex-control-nav a.flex-active {background: #fff;}
#front-slider .controls .flex-pauseplay {float: left;}
#front-slider .controls .flex-pauseplay a {display: block; width: 26px; height: 26px; background: url(images/icons.png) no-repeat center -36px; font-size: 1px; line-height: 1px; text-indent: -10000px; cursor: pointer; transition: none;}
#front-slider .controls .flex-pauseplay a.flex-play {background-position: center -136px;}
#front-slider .controls .slick-dots {margin: 0; padding: 0; list-style-type: none; float: left;}
#front-slider .controls .slick-dots li {float: left; margin: 0 8px 0 0;}
#front-slider .controls .slick-dots li button {width: 26px; height: 26px; background: #005192; border-radius: 13px; border: solid 2px #fff; display: block; cursor: pointer; text-indent: -10000px; font-size: 1px; line-height: 1px;}
#front-slider .controls .slick-dots li.slick-active button {background: #fff;}
#front-slider .controls .play-pause {float: right; display: block; width: 26px; height: 26px; background: url(images/icons.png) no-repeat center -36px; border: none; font-size: 1px; line-height: 1px; text-indent: -10000px; cursor: pointer; transition: none;}
#front-slider .controls .play-pause.play {background-position: center -136px;}
#front-webinars > div {padding-top: 40px; padding-left: 0; padding-right: 0;}
#front-webinars h1 {text-align: center; margin: 0 0 20px 0;}
#front-webinars .intro {text-align: center; max-width: 760px; margin: 0 auto 30px auto; font-size: 20px; line-height: 26px; padding: 0 20px;}
#front-webinars .links {padding: 40px 0 80px 0; background: url(images/bg-grey-shadow.jpg) no-repeat center top;}
#front-webinars .upcoming-webinars {padding-left: 20px; padding-right: 70px;}
#front-webinars .upcoming-webinars .more {right: 20px;}
#front-partners {background: #fff url(images/bg-grey-shadow-short.jpg) no-repeat center top;}
#front-partners .content {text-align: center; max-width: 550px; margin: 0 auto 20px auto;}
#front-partners .logo {height: 100px;}
#front-partners .logo > div {position: relative; padding: 0 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#front-partners .logo img {display: block; max-height: 100px;}
/**
* Forms
*/
form.form {width: 100%;}
form.form .row {padding: 0 0 5px 0;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}
form.generic .field {margin: 0 0 10px 0;}
form.generic .field-label {display: block; margin: 0 0 5px 0;}
form.generic input[type="text"],
form.generic input[type="url"],
form.generic input[type="email"],
form.generic input[type="password"] {width: 280px;}
::-webkit-input-placeholder {color: #fff; opacity: 1;}
:-moz-placeholder {color: #fff; opacity: 1;}
::-moz-placeholder {color: #fff; opacity: 1;}
:-ms-input-placeholder {color: #fff; opacity: 1;}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
select,
textarea {font-family: 'Open Sans', Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 18px; padding: 5px;}
input[type="submit"],
button {cursor: pointer; transition: 0.25s ease; -webkit-appearance: none;}
.custom-plain[type="checkbox"] {clip: rect(0px, 0px, 0px, 0px); position: absolute; margin: 0;}
.custom-plain[type="checkbox"] + label {display: inline-block; position: relative; padding: 0 0 0 20px;}
.custom-plain[type="checkbox"] + label:before {position: absolute; display: block; content: ""; top: 2px; left: 0; border: solid 1px #fff; border-radius: 3px; margin: 0; padding: 0; width: 14px; height: 14px;}
.custom-plain[type="checkbox"]:checked + label:before {background: #fff;}
.gform_wrapper {display: block !important;}
.gform_wrapper h1 {font-weight: 300;}
.gform_wrapper .gfield {margin: 0 0 20px 0;}
.gform_wrapper .gfield_required {color: #D21C00;}
.gform_wrapper .top_label .gfield_label {margin: 0;}
.gform_wrapper li.field_description_above .gfield_description {margin: 0 0 5px 0; width: 100%; padding: 0;}
.gform_wrapper li.gfield_html {width: 100%; font-size: 16px;}
.gform_wrapper li.gfield_html label {font-size: 18px;}
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium,
.gform_wrapper textarea.medium,
.gform_wrapper textarea.small {width: 100%; padding: 10px;}
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label,
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label {font-weight: normal;}
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {line-height: inherit; margin: 0;}
.gform_wrapper .gfield_checkbox li input[type="checkbox"],
.gform_wrapper .gfield_radio li input[type="radio"],
.gform_wrapper .gfield_checkbox li input {margin-top: 8px;}
.gform_wrapper [type="text"],
.gform_wrapper [type="email"],
.gform_wrapper [type="tel"],
.gform_wrapper select,
.gform_wrapper textarea {border: solid 1px #ccc;}
.gform_wrapper [type="submit"] {background: #005192; border: solid 1px #005192; border-radius: 5px; font-size: 18px; font-weight: 300; color: #fff; display: inline-block; padding: 10px 0; text-align: center; min-width: 130px; font-family: "Whitney A", "Whitney B", Arial, Verdana, sans-serif;}
.gform_wrapper [type="submit"]:focus,
.gform_wrapper [type="submit"]:hover {background: #fff; color: #005192;}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {font-size: 16px; line-height: 24px;}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1150px) {
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 1050px) {
.logo-slider {width: 675px;}
}
@media only screen and (max-width: 1000px) {
.filter-block .actions > .left {float: none;}
.filter-block .actions > .right {float: none; margin: 10px 0 0 0;}
}
@media only screen and (max-width: 950px) {
#header .search-wrapper form {position: absolute; margin: 0; top: -86px; right: 0;}
.upcoming-webinars li {width: 50%;}
.upcoming-webinars .titles {display: none;}
.upcoming-webinars .items h3 {display: block;}
.upcoming-webinars-v2 .items > div {width: 50%;}
.content-grid > div {width: 50%;}
}
@media only screen and (max-width: 900px) {
#banner {height: 300px;}
}
@media only screen and (max-width: 850px) {
.logo-slider {width: 500px;}
}
@media only screen and (max-width: 800px) {
#footer .legal ul {display: block; margin-top: 10px;}
#footer .legal li {margin: 0 20px 0 0;}
#footer .legal li.credits {float: none;}
}
@media only screen and (max-width: 750px) {
#header > div {height: 90px;}
#header nav,
#header .search-wrapper {display: none;}
#header .logo {top: 14px; width: 210px;}
#header .toggle-menu {display: block;}
#header .email-signup {position: absolute; top: 28px; right: 80px;}
#header .email-signup .btn {border-top-left-radius: 5px; border-top-right-radius: 5px;}
#footer .columns > div {width: 50%;}
#footer .columns > div.about {float: none; width: 100%; margin: 0 0 40px 0;}
#footer .advertisements {margin: 0 auto; max-width: 330px;}
#footer .advertisements .ad {float: none; width: 100%; padding: 0; margin: 0 0 20px 0;}
#front-slider:after {display: none;}
#front-slider .slide .photo {min-height: 300px;}
#front-slider .slide .content {position: relative; bottom: auto; left: auto; max-width: 100%;}
#front-slider .slide .headline {margin: 0; padding: 15px 20px;}
#front-slider .slide .body {margin: 0; padding: 10px 20px;}
#front-slider .slide .action {margin: 0; padding: 0;}
#front-slider .slide .section > div {padding: 0;}
#front-slider .slide .action a {display: block; width: 100%; text-align: center;}
#front-slider .controls {position: static;}
#front-slider .controls > div {top: 255px;}
#subnav {display: none;}
.button-links {margin: 0 auto; max-width: 280px;}
.button-links li {width: 100%; display: block;}
.callout .photo,
.callout .content,
.callout.photo-right .photo {float: none; width: 100%; padding: 0;}
.callout .photo {margin: 0 0 20px 0;}
.photo-grid li {width: 50%;}
.two-columns .left,
.two-columns .right {float: none; width: 100%; padding: 0;}
.two-columns .left {margin: 0 0 40px 0;}
.left-column-layout > .content,
.left-column-layout > aside {float: none; width: 100%; padding: 0;}
.left-column-layout > aside {margin: 0 0 40px 0;}
.right-column-layout > .content,
.right-column-layout > aside {float: none; width: 100%; padding: 0;}
.right-column-layout > content {margin: 0 0 40px 0;}
.filter-block .toggle {display: block;}
.filter-block .content {display: none; padding: 10px 0 0 0;}
body.sticky-filter .filter-block {position: static;}
.mobile-only {display: block;}
.desktop-only {display: none;}
/**
* 2022 strand sessions page
*/
body.page-id-11998 img.alignright {
float: none;
display: block;
max-width: 100px;
margin: 0 0 20px 0;
}
}
@media only screen and (max-width: 700px) {
.logo-slider {width: 225px;}
.members header {padding: 0;}
.members header .logo {position: relative; top: auto; right: auto; margin: 0 0 10px 0;}
}
@media only screen and (max-width: 650px) {
}
@media only screen and (max-width: 600px) {
#footer .columns > div {width: 100%; float: none; margin: 0 0 40px 0;}
#footer .columns > div:last-child {margin: 0;}
#footer .columns > div > div {padding: 0 10px;}
#footer .newsletter {margin-right: 0;}
#banner {height: 150px;}
.upcoming-webinars li {padding: 0 0 40px 0; float: none; width: 100%;}
.upcoming-webinars .more {position: static; top: auto; right: auto; margin: 0 auto; display: block; width: 30px;}
.upcoming-webinars-v2 .items > div {width: 100%;}
#front-webinars .upcoming-webinars {padding-right: 20px; padding-bottom: 20px;}
#front-webinars .upcoming-webinars .more {right: auto;}
.webinars > div > .content,
.webinars > div > .content > div,
.webinars > div.multiple-presenters > .content,
.webinars > div.multiple-presenters > .content > div {margin: 0;}
.webinars .presenters {display: none;}
.webinars .sponsor {display: block; margin: 10px 0 0 0;}
#webinar .speakers .photo {float: none; width: 100%;}
#webinar .speakers .has-photo .content {float: none; width: 100%;}
.content-grid > div {width: 100%;}
.filter-form {background: none; padding: 0; max-width: 100%; position: relative;}
.filter-form legend {color: #007CC3; padding: 0; margin: 0 0 10px 0; border: none; font-size: 24px; line-height: 28px;}
.filter-form .toggle {display: block;}
.filter-form .options {position: absolute; background: #007cc3; display: none; left: 0; right: 0; margin: 0; z-index: 100;}
.filter-form .options > div {width: 100%; padding: 0;}
.filter-form .options > div > div {margin: 0;}
.filter-form .options .custom-plain[type="checkbox"] {display: none;}
.filter-form .options .custom-plain[type="checkbox"] + label {display: block; padding: 10px; border-top: solid 1px #fff; cursor: pointer;}
.filter-form .options .custom-plain[type="checkbox"] + label:before {display: none;}
.filter-form .options .custom-plain[type="checkbox"] + label:focus,
.filter-form .options .custom-plain[type="checkbox"] + label:hover {background: #fff; color: #007cc3;}
.filter-form .actions {display: none;}
.filter-form .options-container.active .options {display: block;}
.filter-form .options-container.active .toggle:before {content: "\f106";}
.member-videos .description {display: none;}
.member-videos .description .screen-reader-text {width: auto; height: auto; overflow: auto; clip: auto; position: static !important;}
.member-videos .show-description .description {display: block;}
.member-videos .description-toggle {display: block;}
.member-videos .toggle-more {display: none;}
}
@media only screen and (max-width: 550px) {
}
@media only screen and (max-width: 500px) {
#header .email-signup {display: none;}
}
@media only screen and (max-width: 450px) {
.photo-grid li {width: 100%;}
}
@media only screen and (max-width: 400px) {
}
@media only screen and (max-width: 350px) {
#footer .newsletter .fields {padding: 0;}
#footer .newsletter .fields [type="email"],
#footer .newsletter .fields [type="submit"] {display: block; width: 100%;}
#footer .newsletter .fields [type="email"] {padding: 15px;}
#footer .newsletter .fields [type="submit"] {margin-right: 0; border-top: solid 1px #fff; border-left: none;}
}
@media only screen and (max-width: 300px) {
}
/*******************************************************************************
*
* Path LMS components
*
******************************************************************************/
#conference-banner {
max-width: 900px;
margin: 0 auto;
position: relative;
}
#conference-banner img {
display: block;
width: 100%;
height: auto;
}
#conference-banner .buttons {
position: absolute;
right: 40px;
bottom: 13%;
}
#conference-banner .btn-2 {
width: 220px;
margin: 10px 5px 0 5px;
}
.btn-2 {
display: inline-block;
padding: 10px 20px;
background: #005192;
font-size: 15px;
line-height: 19px;
color: #fff;
text-decoration: none;
border: solid 2px #005192;
background: #005192;
font-weight: bold;
color: #fff;
border-radius: 30px;
text-align: center;
}
.btn-2:focus,
.btn-2:hover {
color: #005192;
background: #fff;
}
@media only screen and (max-width: 600px) {
#conference-banner .banner {
position: relative;
height: 120px;
overflow: hidden;
}
#conference-banner img {
position: absolute;
top: 0;
right: 0;
height: 170px;
width: auto;
max-width: 100000px;
}
#conference-banner .buttons {
position: static;
text-align: center;
right: auto;
bottom: auto;
}
}
@media only screen and (max-width: 380px) {
#conference-banner .banner {
height: 105px;
}
#conference-banner img {
height: 145px;
}
}
/* buttons - desktop min at 215px and phone min at 155px */
.btn.d215m155, .d215m155{min-width: 215px;}
@media (max-width: 480px){
.btn.d215m155, .d215m155{min-width: 155px;}
}
/* responsive table - force cell to full width on phones */
@media (max-width: 480px){
.sm-1col{
display: block;
width: 100%;
margin-bottom: .25em;
}
}