/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Browser Resets :: Main Structure :: Sub Structure :: Universal Classes :: Universal Facebook Styles */ /* MedAxiom Colors Ocean Blue: #00a0dd; Midnight Blue: #0a3255; Red Pink: #ef094a; Dark Midnight Blue: #07213a; Medium Blue: #00529f; Body Text Grey: #555; Light Grey Types: #707070; */ /* -------------------------------------------------- :: Browser Resets -------------------------------------------------- */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Google Fonts - for example - will render proper sizes in all browsers with this fix (no matter what color - Firefox traditionally renders bolder for white color text) */ margin: 0; padding: 0; position: relative; /* FONT FAMILY */ font-size:16px; line-height:1.4; color:#555555; font-family:'Rubik', Arial, sans-serif; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } body.lock {overflow-y:hidden;} /* Headings */ h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.2; font-family:'Oswald', Arial, sans-serif; font-weight:400; text-transform:uppercase; color:#0a3255; width:100%;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 {font-size:44px;} .overview h1 {font-size:60px;} h2 {font-size:36px; margin-top:35px;} h3 {font-size:28px; margin-top:30px;} h4, .myaccountHeading {font-size:22px; margin-top:25px;} h5 {font-size:17px; font-family:'Rubik', sans-serif; font-weight:700; text-transform:initial;} h6 {font-size:17px; font-family:'Rubik', sans-serif; font-weight:700; text-transform:initial; color:#00529f;} @media (max-width: 767px) { h1 {font-size: 38px;} .overview h1 {font-size:48px;} h2 {font-size: 32px;} h3 {font-size: 26px;} h4, .myaccountHeading {font-size:20px;} } @media (max-width: 640px) { h1 {font-size: 32px;} .overview h1 {font-size:38px;} h2 {font-size: 28px;} h3 {font-size: 24px;} } .landing h1, .landing h2, .landing h3, .landing h4, .landing h5, .landing h6 {color:inherit;} /* Heading Siblings - (when one heading follows another) */ h1 + h2 {} /* styles for the h2 following an h1 */ h2 + h3 {} /* styles for the h3 following an h2 */ h3 + h4 {} /* etc */ h4 + h5 {} h5 + h6 {} /* p tag styles directly after a heading */ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {margin-top:3px;} div + h1, div + h2, div + h3, div + h4 {margin-top:0;} /* Elements */ p {margin:0 0 16px;} a {color:#00a0dd;} a.red-link {color:#e11365;} a:visited {} a:hover {color:#53caf9;} a.red-link:hover {color:#fc3f74;} a:focus {} a:active {} ul, ol {} li {line-height:1.2; margin-bottom:8px;} em, i {font-style: italic;} strong, b {font-weight: 700;} hr {border: 0; border-bottom: 1px solid #959595; clear: both; display:block; height: 0; margin: 15px 0;} small {font-size: 70%;} img {display:inline-block; vertical-align:middle; max-width:100%; height:auto; -ms-interpolation-mode:bicubic} textarea {height:auto; min-height:50px;} select {box-sizing: border-box; width:100%;} pre {overflow:auto;} .text-red {color:#e11365;} .sub-title, .myaccountHeading {color:#00a0dd; font-family:'Rubik', sans-serif; font-weight:700; margin:0 0 15px;} .overview .sub-title {text-transform:none;} .breadcrumb {margin:0 0 15px;} .breadcrumb a {color:#0a3255; text-decoration:none;} .breadcrumb a:hover {text-decoration:underline;} @media (max-width: 640px) { .sub-title, .myaccountHeading {font-weight:500;} } /* Buttons */ button {padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;background:transparent;line-height:1} [data-whatinput='mouse'] button {outline:0} a.button, p.button a, span.button a, input.button, .ticketTypeSubmit, .freedomAdminButton, .formButtons a { font-weight:500; display:inline-block; padding:10px 15px; text-align:center; font-size:16px; text-transform:uppercase; text-decoration:none; margin-bottom:15px; border:0; box-shadow:none; transition: all .3s ease; -webkit-transition:all .3s ease; cursor:pointer; background:#00a1e1; color:#fff; border-radius:0; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25); } a.button.red, p.button.red a, span.button.red a, input.button.red, .ticketTypeSubmit, .formButtons a {background:#ef094a;} .button.med-blue {background:#00529f;} .button.midnight {background:#07213a;} a.button:hover, p.button a:hover, span.button a:hover, input.button:hover, .freedomAdminButton:hover {background:#30bff8; box-shadow:none;} a.button.red:hover, p.button.red a:hover, span.button.red a:hover, input.button.red:hover, .ticketTypeSubmit:hover, .formButtons a:hover {background:#fc3f74; box-shadow:none;} .button.med-blue:hover {background:#116ec5;} .button.midnight:hover {background:#1c466e;} a.button.green, p.button.green a, span.button.green a, input.button.green a {background:#829F5A;} .appbutton-container{ position: relative; width: 100% } .appbutton-container .appbtn{ position: absolute; top: 85%; left: 90%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #fc3f74; color: white; font-size: 16px; padding: 12px 24px; border: none; cursor: pointer; border-radius: 5px; text-transform: uppercase; text-decoration: none; } /* Forms */ /* basic input styles */ [type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea {display:block;width:100%;height:2.2rem;margin:0 0 15px;padding:5px;font-family:inherit;border:1px solid #cacaca;background-color:#fff;color:#4b4b4e;transition:border .2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(148,148,148,0.1); -moz-box-shadow: inset 0px 0px 5px 0px rgba(148,148,148,0.1); box-shadow: inset 0px 0px 5px 0px rgba(148,148,148,0.1);} @media only screen and (max-width: 640px) { [type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea {height: 3rem;} } textarea{max-width:100%} textarea[rows]{height:auto} [type='text']:focus,[type='password']:focus,[type='date']:focus,[type='datetime']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='email']:focus,[type='number']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='url']:focus,[type='color']:focus,textarea:focus{outline:none;border:1px solid #acacac;background-color:#fdfdfd} /* placeholder text styles - must stay separate */ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b0acac} input::-moz-placeholder,textarea::-moz-placeholder{color:#b0acac} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b0acac} input::placeholder,textarea::placeholder{color:#b0acac} /* Readonly Text Styles */ input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e8ebf3;cursor:not-allowed} input:disabled:focus,input[readonly]:focus,textarea:disabled:focus,textarea[readonly]:focus{background-color:#e8ebf3;border:1px solid #cacaca} [type='file'],[type='checkbox'],[type='radio']{margin:0 0 15px} [type='checkbox'] + label,[type='radio'] + label{display:inline-block;vertical-align:top;margin-left:5px;margin-bottom:0; width: calc(100% - 22px);} [type='checkbox'] + label[for],[type='radio'] + label[for]{cursor:pointer} label > [type='checkbox'],label > [type='radio']{margin-right:5px} [type='file']{width:100%} label{display:block;margin:0} select{height:34px;margin:0 0 15px;padding:5px;font-family:inherit;border:1px solid #cacaca;border-radius:0;background-color:#fff;color:#4b4b4e;background-image:url("data:image/svg+xml;utf8,");background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none} @media screen and (min-width: 0\0) { select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)} } select:focus{outline:none;border:1px solid #8a8a8a;background-color:#fdfdfd;transition:border .2s ease-out} select:disabled{background-color:#fdfdfd;cursor:not-allowed} select::-ms-expand{display:none} select[multiple]{height:auto;background-image:none} input[type="checkbox"], input[type="radio"] {width: auto;} /* Recaptcha styling */ .simpleAntiSpam div{margin:6px auto!important} .g-recaptcha div{margin:20px auto 0 !important} /* Date picker */ #ui-datepicker-div {display:none;} .ui-datepicker{background:#fff;border:1px solid #cacaca;padding:15px;margin:10px 20px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);} .ui-datepicker-header{text-align:center;font-size:16px;font-weight:800} .ui-datepicker-prev{float:left;font-size:13px;text-transform:uppercase} .ui-datepicker-next{float:right;font-size:13px;text-transform:uppercase} .ui-datepicker-title{clear:both} .ui-datepicker-calendar{min-width:200px} .ui-datepicker-calendar th{width:14.2%;font-weight:600} .ui-datepicker-calendar td{vertical-align:middle;text-align:center} .ui-datepicker-calendar td a{padding:2px} #IDFormField_expiration_0, #IDFormField_expiration_0_year {width:49%; float:left;} #IDFormField_expiration_0 {margin-right:1%;} #IDFormField_expiration_0_year {margin-left:1%;} #IDFormField_cvv_0, #IDFormField_Zip_0, #IDFormField_zip_0 {width:100px;} .col1 {padding-right:10px;} .col2 {padding-left:10px;} .myaccountLister #address_city, .myaccountLister #address_state, .myaccountLister #address_zip, .myaccountLister #contact_city, .myaccountLister #contact_state, .myaccountLister #contact_zip, .myaccountLister #billing_city, .myaccountLister #billing_state, .myaccountLister #billing_zip {width:auto; display:inline-block;} .myaccountLister #address_state, .myaccountLister #contact_state, .myaccountLister #billing_state {width:50px;} .myaccountLister #address_zip, .myaccountLister #contact_zip, .myaccountLister #billing_zip {width:100px;} .myaccountFormSection {font-weight:500; text-transform:uppercase;} #exp_date {width:150px; display:inline-block;} #courseHistory th {background:#0c2238; color:#fff; padding:5px 10px; text-align:left;} #courseHistory td {padding:5px 10px; font-size:15px; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;} #courseHistory tr:nth-child(even) td {background:#f0f0f0;} #courseHistory td.status {font-weight:500; border-right:1px solid #e3e3e3;} #courseHistory td.status img {width:17px;} #courseHistory td.status .f, #courseHistory td.status .exp{color:#ef094a;} #courseHistory td.status .p {color:#0a3255;} #courseHistory td.status .ip {color:#8e8e8e;} /* Tables */ table {width:100%;} caption, th, td {} thead {font-weight:500; text-transform:uppercase;} @media only screen and (max-width: 100%) and (min-width: 768px) { table tbody tr td {padding:2% 0;} .col1 {padding-right:0px;} .col2 {padding-left:0px;} /* remember to define focus styles! */ } /* Custom Sticky Classes - DELETE IF NOT USING */ .sticky-container {transition: all 0.4s ease;} .sticky-container.stuck {position:fixed; width:100%; z-index: 1003; top:0;} .logo-wrapper img { transition: all 0.4s ease;} .stuck .logo-wrapper img {} .gradient { height:4px; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#323690+0,20409a+23,12a8e3+52,adc622+100 */ background: rgb(50,54,144); /* Old browsers */ background: -moz-linear-gradient(left, rgba(50,54,144,1) 0%, rgba(32,64,154,1) 23%, rgba(18,168,227,1) 52%, rgba(173,198,34,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(50,54,144,1) 0%,rgba(32,64,154,1) 23%,rgba(18,168,227,1) 52%,rgba(173,198,34,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(50,54,144,1) 0%,rgba(32,64,154,1) 23%,rgba(18,168,227,1) 52%,rgba(173,198,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323690', endColorstr='#adc622',GradientType=1 ); /* IE6-9 */ } .gradient.tall {height:6px;} /* -------------------------------------------------- :: Menu Structure -------------------------------------------------- */ /* Menu structe */ #header {width:100%; z-index:1000; position:absolute; width:100%;} #header.is-at-bottom {top:0 !important; bottom:auto !important;} #mainnav {background:#0c2238;} #mainnav .row {max-width:1440px;} #mainnav ul {margin:0; padding:0; list-style-type:none; text-align:right;} #mainnav ul > li {display:inline-block; position:relative; margin-bottom:0;} #mainnav ul li a {text-decoration:none; display:block;} #mainnav ul li ul {position:absolute; margin:0; padding:0; list-style-type:none; display:none;} #mainnav ul li ul li {margin:0; width:100%; display:block;} /* Custom Menu Styles */ #mainnav ul li ul {background:#f8f8f8; width:200px; text-align:left; padding:10px 0; border-bottom:2px solid #00a0dd;} #mainnav ul > li > a {text-transform:uppercase; color:#fff; font-weight:500; padding:15px 6px;} /* styles for the top level links only */ #mainnav ul li ul li a {color:#0c2238; text-transform:uppercase; font-weight:500; display:block; padding:5px 10px;} /* styles for the drop down level links */ #mainnav ul li ul li a:hover {background:#fff;} .top-content {color:#fff; font-size:12px; text-transform:uppercase; font-weight:500; text-align:right; background:rgba(12, 34, 56,.3); transition:all .4s ease;} .stuck .top-content {background:rgba(0, 51, 108,1);} .top-content #topLoginBoxes {width:auto; display:inline-block; margin-left:10px;} .top-content #topLoginBoxes.highlight input[type=text], .top-content #topLoginBoxes.highlight input[type=password] {border:1px solid #ef094a;} .top-content #topLoginBoxes input {display:inline-block; width:auto; margin:0; font-size:12px; height:1.4rem; width:120px; margin-left:5px;} .top-content #topLoginBoxes input[type=submit] {background:#ef094a; color:#fff; width:30px; border:none; padding:0;} .top-content .search-button {margin:0; font-size:12px; padding:6px 15px 6px 38px; position:relative;} .top-content .search-button:before {content:url(graphics/images/icon-search.png); position:absolute; top:6px; left:13px;} .top-content .password-link {color:#fff; margin-left:5px; margin-top:5px; font-size:10px; text-decoration:none;} .top-content .password-link:hover {text-decoration:underline;} @media only screen and (max-width: 1080px) { ul.main_menu > li > a {font-size:14px; padding:10px 6px;} .logo-wrapper img {max-width:135px;} } /* Mobile Menu Styles - referance mobile_menu.css and grab the associated styles for what side you want the menu on */ /* Functionality ***** REPLACE THESE ***********/ .cbp-spmenu { position: fixed; right: -240px; width: 240px; height: 100%; top: 0; z-index: 1000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .menuOpen .cbp-spmenu {right:0;} .cbp-spmenu-push { overflow-x: hidden; position: relative; right: 0; left:0; } .cbp-spmenu-push.menuOpen {right:240px; left:-240px; overflow-y:hidden;} /*END REPLACE SECTION */ /*Custom Menu styles */ .cbp-spmenu {background:#092f57;} .cbp-spmenu .menu-container {overflow-y:scroll; padding:10px;} .cbp-spmenu .close-container {background:#092f57; border-bottom:1px solid #0c2238;} .cbp-spmenu nav {margin:0 0 20px;} #mobileLogin {margin:30px 0; text-align:center; font-size:14px; color:#fff;} #mobileLogin input[type=password], #mobileLogin input[type=text] {height:2rem; margin:5px 0;} #mobileLogin input[type=submit] {background:#ef094a; color:#fff; font-weight:500; border:none; padding:5px; max-width:50px;} .cbp-spmenu ul {margin:0; list-style-type:none; padding:0;} .cbp-spmenu ul li {border-bottom:1px solid #0c2238; margin:0;} .cbp-spmenu ul a {font-size:16px; font-weight:500; padding:9px 10px; text-decoration:none; display:block; width:100%; color:#fff;} .cbp-spmenu ul .top > a {display:inline-block; width:80%; padding-right:0;} .cbp-spmenu ul ul {list-style-type:none; margin:0 0 5px; padding:5px; background:#0c2238;} .cbp-spmenu ul ul li {border-bottom:1px solid #173450;} .cbp-spmenu ul ul li:last-child {border:none;} .cbp-spmenu ul ul a {font-size:14px; padding:8px 7px; font-weight:400;} .cbp-spmenu ul a.toggleSub {width:20%; text-align:center; padding-left:0; padding-right:0; background:#173a5d;} .cbp-spmenu ul a.toggleSub.clicked {background:#0c2238;} .cbp-spmenu ul ul.sub {display:none;} .cbp-spmenu ul .menuItemHighlight > ul.sub {display:block;} .cbp-spmenu-push.menuOpen #mobile-overlay-menu-open {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.55); z-index: 1000;} /* overlay - but not over header or X close button */ /* Menu Hamburger styles */ .showMobile { position: relative; height: 27px; width: 35px; cursor: pointer; transition: opacity .25s ease; float:right; display:none; } .cbp-spmenu .showMobile {margin:15px;} .showMobile:hover {} .showMobile.active .top {transform: translateY(11px) translateX(0) rotate(45deg);} .showMobile.active .middle {opacity: 0;} .showMobile.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);} .showMobile span { background: #3691cf; border: none; height: 4px; width: 100%; position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer; } .showMobile span:nth-of-type(2) {top: 11px;} .showMobile span:nth-of-type(3) {top: 22px;} /* -------------------------------------------------- :: HOMEPAGE -------------------------------------------------- */ .home .articles { padding:60px 0 50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dfdfdf+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,223,223,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ } .home .articles .row.small-collapse {padding-left:.9375rem; padding-right:.9375rem; margin-top:20px;} /* basic 4 col new-box styles */ .articles .news-box {margin-bottom:30px;} .articles .news-box .header {border-left:1px solid #b8b8b8; text-align:center; padding:12px 10px; border-top:3px solid #022648; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,f7f7f7+100 */ background: rgb(231,231,231); /* Old browsers */ background: -moz-linear-gradient(left, rgba(231,231,231,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(231,231,231,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(231,231,231,1) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */ } .articles .news-box .image {height:auto; margin:0; border:none;} .articles .news-box .header h3 {margin:0;font-size:1.35em; font-weight:600;} .articles .news-box .header h3 a {text-decoration:none; color:#0a3255;} .articles .news-box .header h3 a:hover {text-decoration:underline;} .articles .news-box .image img {width:100%;} .articles .news-box .recent { background:#02284b; padding:15px 20px; height:77px; -webkit-box-shadow: inset 14px 0px 26px 0px rgba(0,0,0,0.23); -moz-box-shadow: inset 14px 0px 26px 0px rgba(0,0,0,0.23); box-shadow: inset 14px 0px 26px 0px rgba(0,0,0,0.23); } .articles .news-box .recent a {color:#fff; text-decoration:none;} .articles .news-box .recent a:hover {text-decoration:underline;} .articles .news-box .info {min-height:200px; position:relative; background:#f7f7f7; padding:12px 15px 45px; font-size:15px;} .articles .news-box .info .item a {border-left:3px solid #02284b; padding-left:5px; display:inline-block; color:#0d263a; margin-bottom:20px;} .articles .news-box .info .all-link {position:absolute; bottom:0; width:100%; left:0; text-align:center; padding:10px 10px 15px; text-transform:uppercase; font-size:14px; font-weight:500;} .articles .news-box .recent p { font-size:17px; font-weight:500; margin:0; line-height:1.2em; overflow-y: hidden; position: relative; max-height: 2.4em; padding-right:20px; } .articles .news-box .recent p:before { content: '...'; color:#fff; position: absolute; width:14px; height:1.2em; right: 0; bottom: 0; } .articles .news-box .recent p:after { content: ''; position: absolute; right: 0; width: 14px; height: 1.2em; background: #02284b; } /* specific colors */ .articles .news-box.academy .header {border-top:3px solid #007dca;} .articles .news-box.academy .recent {background:#007dca;} .articles .news-box.academy .recent p:after {background:#007dca;} .articles .news-box.academy .info {background:#fff;} .articles .news-box.academy .item {padding:0; margin:0; box-shadow:none; border-top:none;} .articles .news-box.academy .info .item a {border-left:3px solid #007dca;} .articles .news-box.blog .header {border-top:3px solid #00529f;} .articles .news-box.blog .recent {background:#00529f;} .articles .news-box.blog .recent p:after {background:#00529f;} .articles .news-box.blog .info .item a {border-left:3px solid #00529f;} .articles .news-box.podcast .header {border-top:3px solid #00a1e1; border-right:1px solid #b8b8b8;} .articles .news-box.podcast .recent {background:#00a1e1;} .articles .news-box.podcast .recent p:after {background:#00a1e1;} .articles .news-box.podcast .info {background:#fff;} .articles .news-box.podcast .info .item a {border-left:3px solid #00a1e1;} .home .daily-news {position:relative; margin:0 auto 40px; padding:25px 30px 120px; color:#fff; background:#007cad url(graphics/images/daily-news-texture.jpg) no-repeat center center; background-size:cover; font-size:14px; line-height:1.4; font-weight:500;} .home .daily-news h2 {margin:0; font-weight:300; line-height:1; color:#fff;} .home .daily-news img {margin-top:-8px; width:40px;} .daily-news hr {border-color:#005e83; border-width:3px; margin:5px 0;} .daily-news .subtitle {font-size:18px; margin:0;} .daily-news .updated {color:#79d9ff; font-style:italic; text-transform:uppercase; margin:0;} .daily-news .cta {position:absolute; bottom:0; left:0; width:100%; background:#0c2238; border-top:3px solid #ef094a; padding:25px 30px;} .daily-news .cta .button {margin:0; width:55%;} .daily-news .cta .button.red {margin-left:2%; width:41%;} .dailynews.desktop .xml-item h4 {font-family:Arial; text-transform:inherit; line-height:1; margin:10px 0;} .dailynews.desktop .xml-item p {font-family:Arial; color:#000; font-size:13px;} .events {padding:60px 0;} .events h2 {font-weight:300; margin:0 0 10px;} .events .button {margin:12px 0 0;} .events .featured {overflow:hidden; padding:45px; text-align:center; color:#fff; max-width:570px; min-height:375px; position:relative; margin:0 auto 0;} .events .featured .helper {display:inline-block; height:100%; vertical-align: middle;} .events .featured img {position:relative; z-index:1; display:inline-block; vertical-align: middle;} .events .featured a {position:absolute; top:0; right:0; bottom:0; left:0; text-indent:-900px; z-index:1;} .events .item {padding:0 .9375rem; margin-bottom:20px;} .home .events .item a {color:#0a3255; text-decoration:none; font-size:18px; font-weight:500;} .home .events .item a:hover {text-decoration:underline;} .events .item h5 { font-weight:500; font-size:22px;} .events .item h5 a {color:#0a3255; text-decoration:none;} .events .item h5 a:hover {text-decoration:underline;} .events .date {text-align:center; text-transform:uppercase; background:#dddddd; width:70px; margin-right:.9375rem; padding:10px 10px 8px;} .events .date p {margin:0; font-weight:500; font-size:14px; line-height:1.2;} .events .date p.day {font-size:24px;} .callouts {background:#031e37; padding:60px 0 30px;} .callouts .button-group {margin:0;} .callouts h2 {font-weight:300; margin:0 0 5px;} .callouts .small {max-width:360px; margin:0 auto 30px; background:#092f57; color:#d3dbec; border-bottom:8px solid #00a1e1; padding:30px; text-align:center;} .callouts .small h2 {color:#fff;} .callouts .small .item {max-width:190px; margin:0 auto;} .callouts .wide { margin-bottom:30px; padding:30px; border-bottom:8px solid #ef094a; background:#fff url(graphics/images/logo-transparent.jpg) no-repeat right bottom; } .callouts .wide .float-img {float:right;} .callouts strong {font-weight:500;} .callouts h2 strong {font-weight:600;} .spotlight {padding:60px 0; background:#ededed} .spotlight .row {padding-right:.9375rem; padding-left:.9375rem;} .spotlight .white-wrap {background:#fff; text-align:center; padding:25px; height:260px; position:relative; overflow:hidden;} .spotlight .white-wrap a {position:absolute; width:100%; top:0; bottom:0; left:0; text-indent:-900px;} .spotlight .white-wrap img {display:inline-block; vertical-align: middle; max-width:97%; width:auto; max-height:97%;} .spotlight .white-wrap .helper {display:inline-block; height:100%; vertical-align: middle;} .spotlight h2 {margin:0 0 5px; font-weight:300; color:#fff;} .spotlight p {margin:0;} .spotlight .item {position:relative;} .spotlight .image {position:absolute; width:100%;} .spotlight .image .tri {position:absolute; left:40px; z-index:1;} .spotlight .name {text-transform:uppercase; font-weight:500; font-size:20px;} .spotlight .industry {margin-right:3px;} .spotlight .industry .info {background:#00a1e1; padding:30px; color:#fff;} .spotlight .industry .item {background:#00a1e1; padding-bottom:300px;} .spotlight .industry .image {background:#0076ad; padding:20px; bottom:0;} .spotlight .industry .name, .spotlight .industry .name a {color:#092036; text-decoration:none;} .spotlight .industry .image .tri {top:0;} .spotlight .member {margin-left:3px;} .spotlight .member .info {background:#00336c; padding:30px; color:#fff;} .spotlight .member .item {background:#00336c; padding-top:300px;} .spotlight .member .image {background:#001d46; padding:20px; top:0;} .spotlight .member .name, .spotlight .member .name a {color:#00a1e1; text-decoration:none;} .spotlight .member .image .tri {bottom:0;} .spotlight .name a:hover {text-decoration:underline;} .community {text-align:center; padding:60px 0;} .community h2 {margin:0; font-weight:300;} .community p {margin:0;} .community a {text-transform:uppercase;color:#ef094a;} /* -------------------------------------------------- :: INTERIOR -------------------------------------------------- */ .posted {color:#727272; font-size:15px; margin:0;} p.links {margin:9px 0 0; font-size:14px;} .hero {height:230px; background:#222 url(graphics/images/thin-slide-03.jpg) no-repeat center center; background-size:cover;} .hero.tall {height:420px;} .content-wrapper {position:relative; overflow:hidden; margin-top:-60px;} .gradient-fade { width:100%; position:absolute; top:60px; height:100%; max-height:700px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9e9+0,ffffff+100 */ background: rgb(233,233,233); /* Old browsers */ background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .white-container, .overview-container {background:#fff; position:relative; z-index:1; padding:50px;} .overview-container.slim-pad {padding:30px;} .overview-container.slim-pad.no-pad, .overview-container.no-pad {padding:0;} /* -------------------------------------------------- :: BLOG -------------------------------------------------- */ .sub.page .blog .item { -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); padding:15px; border-top:2px solid #3072b1; margin-bottom:40px; } .blog .image {text-align:center; background:#ffffff; border:1px solid #fff; /*background:#ececec; border:1px solid #ddd;*/ margin-bottom:15px; height:250px; position:relative; overflow:hidden;} .blog.detail .image {height:350px;} .blog .image a {position:absolute; top:0; left:0; bottom:0; width:100%; text-indent: -900px;} .blog .image img {max-height:100%; max-width:100%;} .blog .item hr {border-color:#092f57;} .blog .item .title-area {min-height:70px;} .blog .item .title { margin:0; overflow-y: hidden; position: relative; line-height: 1.1em; max-height: 2.2em; padding-right:20px; font-family:'Rubik',sans-serif; text-transform: inherit; } .blog .item .title:before{ content: '...'; color:#05182f; position: absolute; right: 0; bottom: 0; height:1em; width:1em; } .blog .item .title:after{ content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #fff; } .blog .item .title a {color:#0d263a; text-decoration:none; font-weight:500;} .blog .item .title a:hover {text-decoration:underline;} .blog .posted {color:#727272; font-size:15px; margin:0;} .blog.detail .posted {margin-bottom:15px;} .blog .item .info {min-height:175px;} .blog .item .blurb { overflow-y: hidden; position: relative; line-height: 1.4em; max-height: 8.4em; margin-bottom:15px; } .blog .item .blurb p { margin:0; overflow-y: hidden; position: relative; line-height: 1.4em; max-height: 8.4em; padding-right:20px; } .blog .item .blurb p:before { content: '...'; color:#05182f; position: absolute; right: 0; bottom: 6px; height:16px; width:16px; } .blog .item .blurb p:after { content: ''; position: absolute; right: 0; width: 16px; height: 16px; margin-top: 10px; background: #fff; } .blog .item .blurb p {margin:0;} .blog .add-comment { margin:30px 0; text-align:center; padding:40px 30px 30px; background:#f8f8f8; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); } .blog .add-comment h2 {margin:0 0 10px; text-align:center;} .blog .add-comment #comment {text-align:left; max-width:500px; margin:0 auto;} .blog .add-comment .formButtons {text-align:center;margin:20px 0 0;} .blog .comments {max-width:600px; margin:0 auto;} .blog .comments h2 {margin:0;} .blog .box {font-size:14px;} .blog .box ul {margin:10px 0 0; padding:0; list-style-type:none;} .blog .box ul a {text-decoration:none; font-weight:500; color:#00529f;} .blog .box ul a:hover {text-decoration:underline;} .blog .consulting-banner { margin: 30px auto; max-width:970px; padding: 30px; border-bottom: 8px solid #ef094a; background: #fff url(graphics/images/logo-transparent.jpg) no-repeat right bottom; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); font-weight:500; } .blog .consulting-banner p {margin:20px auto;} .blog .comment-copy {margin:15px 0; border-left:3px solid #eaeaea; padding:10px;} /* -------------------------------------------------- :: RESOURCE CENTER -------------------------------------------------- */ .resource-center .gradient {height:6px;} .resource-center h5 {text-transform:uppercase;} .resource-center .top-search .filter-trigger {position:relative; display:block; width: 33px; height: 26px; margin: 0 0 0 10px; background:url(graphics/app/app-1/icons/icon-filter.png) no-repeat center center;background-size:33px;} .resource-center .top-search .filter-trigger:hover {cursor:pointer;} .resource-center .top-search .filter-trigger.active {background:url(graphics/app/app-1/icons/icon-filter-active.png) no-repeat center center;background-size:33px;} .resource-center .filter-trigger .filter-count {position:absolute; background:#ef094a; top:0; right:-5px; color:#fff; font-weight:700; height:12px; width:12px; line-height:10px; font-size:8px; border: 1px solid #5a656f; text-align:center; border-radius:50%;} .resource-center .top-search {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e9e9e9;} .resource-center .top-search .types {display:none; border:1px solid #e9e9e9; padding:15px; margin-top:10px;} .resource-center .top-search .types a.option {font-size:14px; margin-bottom:10px; text-decoration:none; text-transform:uppercase; color:#00529f; display:inline-block;} .resource-center .top-search .types a.button {padding:5px 10px; margin:10px 0 0; font-size:14px;} .resource-center .top-search .types .option .checkbox{ background:url(graphics/images/checkbox-icon.png) no-repeat left top; height:14px; width:14px; display:inline-block; float:left; margin-top:3px; } #form_ResourceCenter_search {max-width:440px; float:right;} #search_box_form_blog {color:#0a3255; font-size:17px; font-weight:700; text-transform:uppercase; border-bottom: 1px solid #e9e9e9; margin-bottom:15px !important; padding-bottom:15px;} .resource-center .top-search .types .option.checked .checkbox{background-position:top right;} .resource-center .top-search .types img {width:20px; margin-top:-2px; margin-right:3px;} .resource-center .top-search .types .clear-filters {font-size:12px; margin-left:10px;} .resource-center .top-search #clearSearch {font-size:12px; margin-right:10px; display:none;} .resource-center .top-search form {color:#0a3255; font-size:17px; font-weight:700; text-transform:uppercase;} .resource-center .top-search form .search-elem, #search_box_form_blog .search-elem {margin-left:10px;} .resource-center .top-search form input[type=text], #search_box_form_blog input[type=text] {float:left; height:1.7rem; margin:0; width:calc(100% - 45px); display:inline-block; border:1px solid #092f57; font-size:14px;} .resource-center .top-search form input[type=submit], #search_box_form_blog a.button {height:1.7rem; width:45px; margin:0; padding: 3px 6px; border:1px solid #092f57; border-left:none; box-shadow:none;} .resource-center .topics ul {margin:0; padding:0; list-style-type:none;} .resource-center .topics ul li {margin:8px 0; border-left:3px solid #fff;} .resource-center .topics ul li.active {border-left:3px solid #ef094a; background:rgba(0,82,159,.05);} .resource-center .topics ul li a {text-decoration:none; font-size:15px; font-weight:500; color:#00529f; display:block; padding:3px 5px;} .resource-center .podcast-intro-line {text-align:center; font-size:14px;} .resource-center .item { border-top:2px solid #3072b1; margin-bottom:40px; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); position:relative; } .resource-center .item .info { padding:15px 20px 40px; height:100%; min-height:181px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } .resource-center.job-postings .item .info {padding:20px 20px 40px; min-height:161px;} .resource-center.videos .item .info {padding:15px 20px 15px;} .resource-center .item .lock-icon {margin-top:-5px; width:16px;} .resource-center.detail .item .lock-icon {width:28px; margin-top:-10px;} .resource-center.detail.job-postings .item .lock-icon {width:23px; margin-top:-6px;} .resource-center .item .top {margin-bottom:10px;} .resource-center .item .top p {display:inline-block; margin:0; font-size:15px;} .resource-center .item .top p a {margin-right:8px; display:inline-block; position:relative;} .resource-center .item .top p a:before { content: ""; position: absolute; top:-6px; left:50%; transform: translatex(-100%); border-width: 4px 6px 0 6px; border-style: solid; border-color: #ddd transparent transparent transparent; z-index: 100; transition:all .3s ease; transition-delay: .1s; opacity:0; visibility:hidden; } .resource-center .item .top p a:after { content:attr(tooltip); position:absolute; left:50%; top:-6px; transform:translatex(-60%) translatey(-100%); font-size:12px; background:rgba(237, 237, 237,1); border-radius:6px; padding:2px 6px; line-height:1.2; color:#575757; border:1px solid #ddd; transition:all .3s ease; transition-delay: .1s; opacity:0; visibility:hidden; } .resource-center .item .top p a:hover:before{transform:translatex(-50%); opacity:1; visibility:visible;} .resource-center .item .top p a:hover:after {transform:translatex(-50%) translatey(-100%); opacity:1; visibility:visible;} .resource-center .item .top p img {width:20px; opacity:.4;} .resource-center .item .top .type a {color:#838383; text-transform:uppercase; text-decoration:none;} .resource-center .item .top .fav {float:right; height:20px; width:22px; overflow:hidden; margin-top:2px;} .resource-center .item .top .fav:before {content:''; display:block; height:20px; width:22px; background:url(graphics/images/heart-img.png) no-repeat top left;} .resource-center .item .top .fav.on:before {background-position:top right;} .resource-center .item .title { font-size:16px; font-weight:700; margin:0; line-height:1.1; overflow-y: hidden; position: relative; line-height: 1.1em; max-height: 3.3em; padding-right:20px; } .resource-center.videos .item .title {font-size:18px;} .resource-center.job-postings .item .title {font-size:18px; max-height:4.4em;} .resource-center .item .title:before { content: '...'; color:#0a3255; position: absolute; right: 0; bottom: 0; } .resource-center .item .title:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #fafafa; } .resource-center .item .title a {color:#0a3255; text-decoration:none;} .resource-center .item .read-more {margin:0; font-size:15px;} .resource-center .item .category {text-align:right; min-height:35px; font-size:12px; background:#fff; text-transform:uppercase; padding:8px 15px; width:100%; font-weight:400;} .resource-center .item .category a {text-decoration:none; color:#838383;} .resource-center .item .category a.toggle {color:#4d4d4d; font-weight:500; height:16px; width:16px; display:inline-block;} .resource-center .item .category .hiddenTopics {padding-right:20px;} /* detail view */ .resource-center.detail .item {border-top:none; margin-bottom:0; padding:30px;} .resource-center.detail .item .detail-title {margin:0 0 10px; text-transform:none; font-family:'Rubik', sans-serif; font-weight:700; line-height:1; font-size:35px;} .resource-center.detail.job-postings .item .detail-title {font-size:30px;} .resource-center.detail .date {margin:0; color:#00a0dd;} .resource-center.detail .preview { margin:20px 0; position:relative; max-height:160px; overflow:hidden; text-overflow: ellipsis; } .resource-center.detail .preview .core-specialties {display:none;} .resource-center.detail .body-copy {margin:20px 0;} .resource-center.detail .preview:before { content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(transparent 30%, white 95%); } .rsc-login { text-align:center; padding:40px 30px 30px; background:#f8f8f8; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); } .rsc-login h2 {margin:0;} .rsc-login .headline {font-size:18px; font-weight:500; color:#00a0dd; text-transform:uppercase; margin-bottom:23px;} .rsc-login .login-link a {font-size:18px; font-weight:500; text-transform:uppercase; color:#052f57;} .resource-center.related .item {padding:0;} .resource-center.related h3 {margin-bottom:15px;} #loaderOverlay {position:fixed; top:0; bottom:0; width:100%; background:rgba(0,0,0,.6); z-index:1000;} #loaderFrame {max-width:400px; text-align:center; position:fixed; top:10%; left:50%; transform:translateX(-50%); z-index:1000; background:#fff; padding:40px 20px 20px; border-top:2px solid #3072b1;} #closeLogin {position:absolute; right:8px; top:5px; font-weight:700;} #closeLogin:hover {cursor:pointer;} /* -------------------------------------------------- :: EVENTS -------------------------------------------------- */ .events.lister .item {margin-bottom:30px;} .events.lister {padding:0;} .events.lister h2 {font-weight:400;} .events.lister .info {border-left:3px solid #eaeaea; padding-left:15px;} .events.lister .button {margin-top:0; color:#fff;} .events.lister .shrink .button {margin-left:15px;} .events.lister .time {color:#00a0dd; font-weight:500;} .feature-headline {background:#092f57; color:#fff; padding:15px 25px;} .feature-wrapper { margin:0px 0 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); } .feature-headline h3 {color:#fff; margin:0;} .events.lister .feature { margin:0; padding:30px 30px 30px; background:#f8f8f8; } .events.lister .feature h3 {margin:0 0 15px;} .events.lister .feature .row {padding:0 .9375rem;} .events.lister .feature .thumb {max-width:160px; margin-right:15px;} .events.lister .feature .info {border-left:3px solid #092f57;} .events.lister .past-events h5 {text-transform:uppercase;} .events.lister .past-events ul {margin:10px 0 0; padding:0; list-style-type:none;} .events.lister .past-events .item {margin:0; padding:0;} .events.lister .past-events .item .cat {margin:0; font-size:14px; line-height:1.2;} .events.lister .past-events .item .start-date {margin:0; font-size:14px; line-height:1.2; color:#00a0dd;} .events.lister .past-events .item .title {margin-bottom:10px; font-size:14px; line-height:1.2;} .events.lister .past-events .item a {color:#00a0dd;} .events.lister .past-events.save-date .item a {color:#0a3255;} .events.lister .past-events .item a:hover {text-decoration:underline;} .reg-box { margin:20px 0; padding:40px 30px 30px; background:#f8f8f8; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); } .reg-box .row {padding:0 .9375rem;} .reg-box h3 {margin:0;} .reg-box .event-login {border-right:1px solid #ddd; padding:30px 40px; text-align:center;} .reg-box .tickets {padding:30px 40px; text-align:center;} .reg-box .ticketTypeTable {text-align:left; border-spacing:0; margin-bottom:15px;} .reg-box .ticketTypeTable td {padding:5px;} .reg-box .ticketTypeTable .ticketQtyInput {width:65px; height:1.95em; margin:0;} .reg-box .ticketTypeTable thead .ticketTypeDesc {border-bottom:1px solid #ddd;} .reg-box .ticketTypeTable thead .ticketTypePrice {border-bottom:1px solid #ddd;} .reg-box .ticketTypeTable thead .ticketTypeInput {border-bottom:1px solid #ddd;} .memberSubmit {text-align:center;} .memberSubmit input[type=submit] {margin:10px 0 0 !important;} /* -------------------------------------------------- :: NEWS AND TRENDING STORIES -------------------------------------------------- */ .news .title {margin:0;} .news .title a {color:#0a3255; text-decoration:none;} .news .title a:hover {text-decoration:underline;} .news .category {color:#00529f; font-weight:500;} .news .posted {margin-bottom:10px;} /* -------------------------------------------------- :: MEMBERSHIP -------------------------------------------------- */ .memberLoginBox {max-width:350px; margin:0 auto; text-align:left;} .memberRemember, .memberForgot {font-size:13px;} .memberRemember input[type=checkbox], .memberForgot input[type=checkbox] {margin-bottom:5px;} .myaccountMain .item { margin:10px 0 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); } .myaccountMain .item p.heading {color:#838383; text-transform:uppercase; text-align:center; padding:10px; background:rgba(247,247,247,1); margin:0;} .myaccountMain .item ul {margin:0; padding:15px 15px 15px 40px;} .account-links h5 {text-transform:uppercase;} .account-links ul {margin:0; padding:0; list-style-type:none;} .account-links ul li {margin: 8px 0; border-left: 3px solid #fff;} .account-links ul li a { text-decoration: none; font-size: 15px; font-weight: 500; color: #00529f; display: block; padding: 3px 5px; } .member-menu {display:inline-block; margin-left:10px;} .member-menu a {color:#fff;} .member-menu a:hover {text-decoration:none; border-bottom:1px solid;} /* -------------------------------------------------- :: OVERVIEW -------------------------------------------------- */ .overview #form-section {padding:60px 0; margin-bottom:5px; position:relative;} .overview #form-section .form-wrapper {background:#fff; padding:40px; max-width:650px; margin:0 auto;} .overview .hero.tall {height:auto; padding:160px 0 100px;} .overview .hero.tall .info {text-align:center; color:#fff; font-size:20px; line-height:1.2;} .overview .hero.tall .info p strong {font-weight:500;} .overview .hero.tall .info h1 {font-weight:300; color:#fff;} .overview h2 {margin-top:0;} .overview #form-section form {padding:0;} /* -------------------------------------------------- :: TESTIMONIALS -------------------------------------------------- */ .testimonials .item {background:#f3f3f3; border-top:2px solid #f01a57; padding:15px; margin-bottom:25px; font-style:italic;} .testimonials .item .person {font-style:normal; font-weight:500; margin:0; line-height:1.2;} .testimonials .item .person .company {color:#00a0dd;} .testimonials .item .image {border:1px solid #00529f;} /* -------------------------------------------------- :: ACADEMY -------------------------------------------------- */ .academy .item { border-top:2px solid #3072b1; margin:0 auto 40px; padding:15px; max-width:500px; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); } .academy .item .image {background:#ddd;} .academy .item .title {margin:0; font-size:20px; line-height:1.1;} .academy .item .title a {text-decoration:none; font-weight:500; color:#0d263a;} .academy .item .title a:hover {text-decoration:underline;} .academy .item .credits {margin:0; font-size:18px; font-weight:500; text-transform:uppercase; color:#00a1e1;} .academy .item .image {margin:10px 0;} .academy .item .intro {margin:0; color:#727272;} .academy .item .price {margin:0; font-weight:700; text-transform:uppercase;} .academy .item .price .strike {text-decoration:line-through; font-weight:400;} .academy .item .button {margin:0;} .academy .video-wrapper {background:#0c2238; padding:10px 40px 40px; margin-bottom:20px;} .academy .video-wrapper h3 {color:#fff; text-align:center; margin:0 0 10px;} .academy .video-wrapper .flex-video {margin:0;} .academy .stats {margin-bottom:30px;} .academy .stats h4 {margin:0; color:#00529f; font-family:'Rubik',Arial,sans-serif; font-size:24px; font-weight:700;} .academy .stats p {margin:0; font-size:18px; text-transform:uppercase; font-weight:500;} .academy .stats p .strike {font-weight:400; text-decoration:line-through;} .academy.detail .image {margin:15px 0;} .ac-login { text-align:center; padding:40px 30px 30px; background:#f8f8f8; -webkit-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); -moz-box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); box-shadow: 0px 0px 5px 0px rgba(217,217,217,1); } .ac-login .discounts-top table, .ac-login .discounts table {margin:10px auto 0; border:1px solid #ddd; font-weight:700;} .ac-login .discounts-top table tr:nth-child(odd), .ac-login .discounts table tr:nth-child(odd) {background:#f0f0f0;} .ac-login .discounts-top table tr td, .ac-login .discounts table tr td {padding:5px;} .ac-login .discounts-top table tr td p, .ac-login .discounts table tr td p {margin:0;} .academy .enroll {background:#ef094a; padding:40px 20px; text-align:center; margin-top:20px;} .academy .enroll p {margin:0;} .academy .enroll a {color:#fff; font-size:18px; text-transform:uppercase;} .academy .enroll .button {background:#fff; color:#00a0dd; font-weight:700; padding:12px 25px;} .academy .enroll .button:hover {background:#fff;} .cart {margin:20px 0 10px;} .promo-note {font-size:14px; font-style:italic;} .cart th {padding:6px 8px; font-size:18px; background:#0a3255; color:#fff;} .cart td {padding:6px 8px; background:#f0f0f0; border-top:2px solid #fff;} .cart .shoppingFormQuantity {margin:0;} .cart .unit-price {font-size:15px; font-style:italic;} .cart .remove {text-decoration:none;} .assets .pages {margin:5px 0 0; padding:0; list-style-type:none;} .assets .pages li { color:#555; font-weight:400; font-size:15px; padding:15px 10px; text-decoration:none; margin:0; border:1px solid #ddd; border-left:3px solid #ddd; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+44,e5e5e5+100 */ background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 44%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5f5f5 44%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5f5f5 44%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ } .assets .pages.anchors li {padding:0;} .assets .pages.anchors li a {padding:15px 10px; text-decoration:none; display:block; width:100%; color:#555;} .assets .pages li.active {border-left:3px solid #ef094a; background:#fdfdfd;} .assets .pages li:hover {cursor:pointer;} .assets .pages li.child {font-size:13px; padding: 10px 10px 10px 25px; border-bottom: 0; font-style:italic; display:none; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ececec+0,d9d9d9+100 */ background: #ececec; /* Old browsers */ background: -moz-linear-gradient(top, #ececec 0%, #d9d9d9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ececec 0%,#d9d9d9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ececec 0%,#d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ } .assets .pages.anchors li.child {padding:0;} .assets .pages.anchors li.child a {padding: 10px 10px 10px 25px;} .assets .pages li.child.active { background:#fdfdfd;} .assets .quiz {padding:40px; background:#00a1e1; margin-top:40px;} .assets .quiz h3 {color:#fff; text-align:center; margin:0;} .assets .quiz .button {background:#fff; padding:12px 25px; margin:10px auto; max-width:160px; display:block; color:#ef094a;} .assets .quiz .quiz-embed {background:#fff; padding:15px; border:1px solid #0c2238; margin-top:20px;} .assets .review {padding:40px; background:#ef094a;} .assets .review h3 {color:#fff; text-align:center; margin:0;} .assets .review p {color:#fff; text-align:center; } .assets .review .form_widget_outter {background:#fff; padding:20px; border:1px solid #b40839; margin:20px auto 0; max-width:520px;} .overview .academy .item {box-shadow:none; max-width:none; border:none; background:#f3f3f3; padding:30px; margin:20px 0 40px;} .overview .academy .item .info {padding:20px; background:#fff; border-top:2px solid #3072b1;} .overview .academy .item .image {margin:0;} .overview .academy .item .title {margin-bottom:10px;} .overview .academy .item .image {background:transparent;} /* -------------------------------------------------- :: Membership Benefits -------------------------------------------------- */ .benefits {margin-top:30px;} .benefits th {line-height:1.3;} .benefits .col1 {padding:0;} .benefits .col2 {width:265px; padding:0;} .benefits .col3 {width:265px;} .benefits .col4 {width:250px;} .benefits .level { border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; min-height:180px; padding:10px; margin-right:15px; border-top:2px solid #3072b1; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); } .benefits .level3 {margin-right:0;} .benefits .level .title {display:block; font-weight:700; text-transform:uppercase; color:#0a3255; font-size:20px; margin-bottom:15px;} .benefits .level .desc {color:#0177ae; text-transform:uppercase; font-weight:700;} .benefits .level .pricing {font-weight:500; color:#00a0dd; font-size:15px;} .benefits td {} .benefits .check-box {border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; background:#fff; text-align:center; height:66px; margin-right:15px;} .benefits .col4 .check-box {margin-right:0;} .benefits .even .check-box {background:#f9f9f9;} .benefits .check-box .item {padding:10px; max-width:160px; border-top:1px solid #f4f4f4; margin:0 auto;} .benefits .col1 a {text-decoration:none;} .benefits .benefit {background:#0a3255; width:100%; color:#fff; height:66px; font-weight:500; padding:12px 25px 12px 15px; line-height:1.2; position:relative; border-bottom:2px solid #fff; display:table; transition:background .2s ease;} .benefits .col1 a:hover .benefit {background:#00a0dd;} .benefits .benefit .name {display:table-cell; vertical-align:middle;} .benefits .benefit:after {content:'\f002'; position:absolute; right:10px; top:18px; font-size: 24px; font-family: "flexslider-icon"; color:#00a0dd;} .benefits .benefit:before { content: " "; display: inline-block; position:absolute; width: 0; height: 0; right:0; top:0; border-style: solid; border-width: 33px 0 32px 20px; border-color: #fff #fff #fff #0a3255; transition:border-color .2s ease; } .benefits .col1 a:hover .benefit:before {border-color:#fff #fff #fff #00a0dd;} .benefits .last .col1 {line-height:0;} .benefits .last .check-box {height:10px; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; background:#f9f9f9;} /* -------------------------------------------------- :: LANDING PAGE -------------------------------------------------- */ .landing.page section {padding:70px 0;} .landing.page section.no-padding {padding:0;} #landingnav {text-align:center; padding:10px 0;} #landingnav ul {margin:0; padding:0; list-style-type:none;} #landingnav ul li {display:inline-block; margin:5px 8px;} #landingnav ul li a {display:block; text-decoration:none; color:#fff;} .landing-reg .reg-box {padding:30px;} .landing-reg .title h3 {text-align:center; margin:0 0 10px;} .landing-reg .red .title h3 {color:#ed174f;} .landing-reg .green .title h3 {color:#b0bc22;} .landing-reg .blue .title h3 {color:#56a0d3;} .landing-reg .desc {font-size:14px; font-style:italic; min-height:140px;} .landing-reg .price {text-align:center;} .landing-reg .price .label {font-size:60px; font-weight:500; margin:0; line-height:1;} .landing-reg .price .sub-label {font-size:14px;} .landing-reg .red .price .label {color:#ed174f;} .landing-reg .green .price .label {color:#b0bc22;} .landing-reg .blue .price .label {color:#56a0d3;} .landing-reg .reg {text-align:center;} .landing-reg .red .reg .button {background:#ed174f;} .landing-reg .green .reg .button {background:#b0bc22;} .landing-reg .blue .reg .button {background:#56a0d3;} #demo-test-gallery a {width: 24%; display: inline-block; text-align: center; padding: 15px; text-decoration:none; } .agenda .item {background:#fff; padding:40px 20px 30px; border-left:10px solid #002b54; margin:25px 0;} .agenda .item .heading {font-family:'Oswald', Arial, sans-serif; color:#56a0d3; font-size:50px; text-transform:uppercase; line-height:1.2; margin:0; font-weight:300;} .agenda .item .heading .bld {font-weight:900; color:#18387f;} .agenda .item h3 {margin:0;} .agenda .item .date {text-align:right; padding-bottom:30px;} .agenda img {margin:20px auto; display:block;} @media screen and (max-width: 640px) { .agenda .item .date {text-align:left; padding-bottom:10px; padding-left: 40px;} .agenda .item {padding-bottom:40px;} #demo-test-gallery a {width: 49%;} } .white-box-item {background-color: #ffffff; border-top: 6px solid #002b54; box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3); padding: 20px; margin: 20px 0;} /* -------------------------------------------------- :: PUBLICATIONS -------------------------------------------------- */ .pubs .cats .item {background:#edf4f7; padding:15px; margin:20px auto; text-align:center; max-width:340px;} .pubs .cats .item .icon {max-width:120px; margin:20px auto;} .pubs .cats .item .button {width:92%; background:#18243a; line-height:1.1; padding:7px 15px; margin:0;} .pubs .cats .item h3 {margin:10px 0 10px;} .pubs .cats .item h3 a {text-decoration:none; color:#0a3255;} .pubs .cats .item .sub {line-height:1.2; min-height:39px; margin:0 0 25px;} .pubs .cats .item .featured {padding:15px 25px 25px; background:#fff; border-top:8px solid #18243a;} .pubs .cats .item .featured h4 {color:#b9363e; margin:0 0 8px;} .pubs .cats .item .featured img {border:1px solid #c6c2bd;} .pubs .cats .item .button.whitepaper span {color:#00a1e1;} .pubs .cats .item .button.report span {color:#b6d552;} .pubs .cats .item .button.studies span {color:#dc1e38;} .pubs .cats .item .button.articles span {color:#a4cae4;} .pubs .lister .intro {padding:40px;} .pubs .lister .intro .icon {max-width:140px; margin:0 15px 15px 0;} .pubs .lister .intro h2 {margin:0;} .pubs .lister .intro h1 {font-weight:600;} .pubs .lister .intro h1.whitepapers {color:#00a1e1;} .pubs .lister .intro h1.report {color:#b6d552;} .pubs .lister .intro h1.studies {color:#dc1e38;} .pubs .lister .intro h1.articles {color:#a4cae4;} .pubs .lister .wrap {background:#edf4f7; padding:25px;} .pubs .lister .wrap .item {background:#fff; padding:40px; border-left:8px solid #18243a; margin-bottom:25px;} .pubs .lister .wrap .item h3 {font-weight:600; text-transform:initial; margin:0 0 20px;} .pubs .lister .wrap .item .button.navy {background:#18243a;} .pubs .lister .wrap .item .flexslider {padding:0 30px 0;} .pubs .lister .wrap .item .flexslider .flex-control-nav {position:static; text-align:center; width:100%;} .pubs .lister .wrap .item .flexslider .flex-control-nav li {display:inline-block; margin:3px;} .pubs .lister .wrap .item .flexslider .flex-direction-nav {margin:0;} .pubs .lister .wrap .item .flexslider .flex-direction-nav a {color:#18243a;} .pubs .lister .wrap .item .flexslider .flex-direction-nav .flex-prev {left:0; opacity:1;} .pubs .lister .wrap .item .flexslider .flex-direction-nav .flex-next {right:0; opacity:1;} .pubs .lister .wrap .item .fakeForm {background:#f5f5f5; padding:20px 20px 1px; border:1px solid #eee;} @media screen and (max-width: 640px) { .pubs .lister .intro {padding:40px 20px;} .pubs .lister .intro .icon {max-width:70px;} .pubs .lister .wrap .item {padding:30px;} .pubs .lister .wrap .item .flexslider {margin-top:25px;} } /* -------------------------------------------------- :: PORTAL PAGES -------------------------------------------------- */ .portal ul {margin:-16px 0 20px; padding-bottom:10px; padding-right:10px; padding-top:5px;} .portal ul ul {margin:0; padding-top:5px; padding-right:0; padding-bottom:0;} .portal ul.new {background:#f6faec;} .portal h2 {border-bottom:4px solid #b6d552; text-transform:initial; padding:0px 15px 10px; margin-top:0; margin-bottom:30px;} .portal .item-wrapper {background:#f0f0f0; padding:30px; margin:60px 0; border-left:8px solid #0a3255;} .portal .item-wrapper hr {border-bottom:1px solid #cecece; margin:35px 0;} .portal .item-wrapper .item {} .portal .item-wrapper .item .inner {background:#fff; padding:20px; margin-bottom:30px;} .portal .item-wrapper .item .inner img {border:1px solid #f5f5f5;} .portal .item-wrapper .item.hidden {display:none;} .portal .item-wrapper .item h3 {margin-top:0px; font-weight:700; margin-bottom:15px;} .portal .item-wrapper .large-up-2 .item h3 {} .portal .item-wrapper .item h3 a {color:#0a3255; text-decoration:none; font-size:20px;} .portal .item-wrapper .item h3 a:hover {text-decoration:underline;} .portal .load-more {margin-top:60px;} .care-container {background:url(clientuploads/portal_pages/care/hex_grid_bg.png) repeat-y right top;} /* -------------------------------------------------- :: CVT HUB PAGES -------------------------------------------------- */ .cvt-header-row {background:#0c2238; color:#fff; font-weight:700;} .cvt-resources .item {background:#f5f7f9;} .cvt-resources .item:nth-child(odd) {background:#e2eaf2;} .cvt-resources .item.hidden {display:none;} .cvt-resources .item .info {padding:25px;} .cvt-resources .item .info .season {font-weight:500; font-style:italic; display:inline-block;} .cvt-resources .item .info .title {text-transform:initial; margin:0; font-family:'Rubik', Arial, sans-serif; font-weight:700; text-decoration:none; color:#0a3255;} .cvt-resources .item .info .title:hover {text-decoration:underline;} .cvt-resources .item .info .core-specialties {margin-left:5px;} .cvt-resources .item .info .core-specialties img {max-width:50px; margin:0 1px 3px 0;} .cvt-resources .item .large-3 {} .cvt-back-to-top {float:right; margin-top:50px;} .light-blue-box {padding:30px; background:#e8eff4; margin:20px 0;} .light-blue-box h3 {margin-top:0; color:#3394c3; font-weight:700;} /* -------------------------------------------------- :: Alert Bar -------------------------------------------------- */ .alert.bar {width:100%; padding:10px 0; background-color:#000; color: #fff; opacity: .95; clear: both; background: #ef094a;} .alert.bar p {color:#fff; font-weight:bold; font-size:14px; margin-bottom:0;} .alert.bar a {color:#fff; text-decoration:underline;} img.alert {float:left; margin-right:15px;} @media screen and (max-width: 640px) { .alert.bar p {font-size:12px;} img.alert {margin-right: 8px; width: 15px; margin-top: 4px;} } /* -------------------------------------------------- :: FOOTER -------------------------------------------------- */ #footer {} .enews {background:#a8c41e url(graphics/images/enews-bg.jpg) no-repeat center center; background-size:cover; padding:30px 0 35px;} .enews .title1 {margin:0; color:#031e37;} .enews .title2 {margin:0; color:#ffffff; font-weight:600;} .enews input[type=text] {border:1px solid #7a9302; margin:0; float:left; width:auto; height:1.9em;} .enews input[type=submit] {background:#031e37; color:#ffffff; border:1px solid #7a9302; height:1.9em;} #broadcastemail_signup_form {max-width:370px; margin:15px auto;} .enewsEmail {display:inline-block;} .enewsWrapper {color:#031e37;} .enewsWrapper .enewsText {font-weight:700; font-size:18px;} #footer .callout {background:#1e419a; color:#fff; padding:45px 0;} #footer .callout .item {padding:30px;} #footer .callout .item h2 {font-weight:300; margin-bottom:5px; color:#fff;} .sitemap {background:#0c2238 url(graphics/images/footer-logo-transparant.png) no-repeat left bottom; text-align:center; padding:100px 0 40px;} .sitemap ul {margin:50px 0 0; padding:0; list-style-type:none;} .sitemap ul li {display:inline-block; margin: 10px 10px 0;} .sitemap ul li a {color:#fff; text-decoration:none; font-weight:500; text-transform:uppercase;} .sitemap ul li a:hover {text-decoration:underline;} .copyright {background:#021526; color:#67a7e2; font-size:13px; padding:8px 0; transition:all .3s ease;} .copyright p {margin:0;} .copyright a {color:#67a7e2; text-decoration:none;} .copyright a:hover {text-decoration:underline;} ul.icons {margin:10px 0 0; padding:0; list-style-type:none;} ul.icons li {display:inline-block; margin: 0;} ul.icons li a {display:block;} ul.icons li img {width:50px; opacity:.9;} ul.icons li a:hover img {opacity:1;} .footer-banner {position:fixed; bottom:0; left:0; width:100%; background:#fff; transform:translateY(100%); transition:all .3s ease; background:rgba(0, 51, 108,.9); color:#fff;} .footer-banner h1, .footer-banner h2, .footer-banner h3, .footer-banner h4, .footer-banner h5, .footer-banner h6 {color:#fff; margin:0;} .footer-banner.open {transform:translateY(0%);} .footer-banner .close {position:absolute; right:15px; top:10px; text-decoration:none; font-weight:500; color:#fff;} .footer-banner .item {padding:20px 0; text-align:center;} .gdpr {background:rgba(0,82,159,.9); padding:10px 0; display:none; position:fixed; z-index:1000; bottom:0; left:0; width:100%;} .gdpr h5 {margin:0; color:#fff;} .gdpr p {color:#fff; margin:0;} .gdpr a {color:#fff;} .gdpr .closeTrigger {float:right; margin: 0; min-width: 100px; margin-left:15px;} /* -------------------------------------------------- :: SIDEBAR -------------------------------------------------- */ .sidebar-content {} .sidebar-content h4 {margin:0 0 10px;} .sidebar-content hr {margin:20px 0; border-bottom:1px solid #b4b4b4;} .sidebar-content .item {margin-bottom:10px;} .sidebar-content .title {margin:0; font-weight:500; line-height:1.2;} .sidebar-content .title a {color:#00529f; text-decoration:none;} .sidebar-content .title a:hover {text-decoration:underline;} .sidebar-content .date {margin:0; font-size:14px; line-height:1.1; font-style:italic; color:#969494 ;} .sidebar-content .lock-icon {width:14px; margin-top:-2px;} .sidebar-content .button {display:block; width:100%; max-width:350px; margin:0 auto 10px; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);} .sidebar-content .more-link {text-align:center; text-transform:uppercase; font-size:15px; margin:20px 0 0;} /* -------------------------------------------------- :: Universal Classes -------------------------------------------------- */ /* Color Classes */ .ocean-blue, .landing .ocean-blue {color: #00a0dd;} .midnight-blue, .landing .midnight-blue {color: #0a3255;} .red-pink, .landing .red-pink, .text-red, .landing .text-red {color: #ef094a;} .dark-midnight-blue, .landing .dark-midnight-blue {color: #07213a;} .medium-blue, .landing .medium-blue {color: #00529f;} .body-text-grey, .landing .body-text-grey {color: #555;} .light-grey, .landing .light-grey {color: #707070;} /* Alignment Classes */ .text-center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} .clear {clear: both;} .imgleft {float: left; padding: 0 15px 15px 0;} .imgright {float: right; padding: 0 0 15px 15px;} .imgcenter {display: inline-block; margin: auto;} #memberBar {margin:15px 0 20px;} #memberBar .member-welcome {margin:0; font-family:'Oswald', sans-serif; font-weight:300; text-transform:uppercase; font-size:32px; color:#092f57;} #memberBar p {margin:0;} #memberBar .links a {text-transform:uppercase; font-weight:500; color:#ef094a; font-size:14px;} #memberBar .button {margin:0 10px 0 0;} /* Miscellaneous Classes */ .formtextRequired {font-weight:bold;} .formtextRequired:before {content:"*";} .row.full-width, .columns.full-width {margin: 0!important; max-width: none!important; padding: 0!important; width: 100%!important;} .hide { display: none; } .hideclear { clear:both; height:0; overflow:hidden; visibility:hidden; } .row.add-spacing {padding:20px 20px;} .ias-trigger, .ias-spinner, .ias-noneleft { text-align:center; margin: 20px auto; width: 60%; } .ias-trigger a { font-weight:500; display:block; padding:10px 15px; text-align:center; font-size:16px; text-transform:uppercase; text-decoration:none; margin:0; border:0; box-shadow:none; transition: all .3s ease; -webkit-transition:all .3s ease; cursor:pointer; background:#00a1e1; color:#fff; width:100%; border-radius:0; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25); } .ias-trigger a:hover {background:#30bff8; box-shadow:none;} .ias-trigger-prev {} .searchTopMatches {text-align:center; font-family:'Rubik', sans-serif; font-weight:500; text-transform:initial; margin-bottom:30px;} .search-word {color:#ef094a;} #search-results hr {margin:50px 0; border-color:#ddd;} .searchBoxInput {height:3.2rem; font-size:1.5rem;} .content-wrapper #formLogin .lock-icon {width:28px; margin-top:-8px;} .content-wrapper #formLogin .title {font-size:30px; font-weight:500; margin:30px 0; } .content-wrapper #formLogin .memberUser input[type=text] {margin:8px 0;} .content-wrapper #formLogin .memberPassword input[type=password] {margin:8px 0;} .iframe-macontainer{ position: relative; width: 75%; padding-bottom: 56.25%; height: 0; } .iframe-macontainer iframe{ position: absolute; top:0; left: 0; width: 75%; height: 75%; } /* Pagination links */ .paginationLinks {padding-top:0 !important;} .paginationLinks .pageLinks {padding:0 5px !important;} .paginationLinks .pageLink {font-size:12px; padding: 4px 4px; background: #fff; color:#7b7b7b; font-weight:700; display: inline-block; line-height: 1; border: none; margin: 0 1px; text-decoration: none; transition: background .2s ease; -webkit-transition: background .2s ease;} .paginationLinks .pageLink:hover {background: #ddd; transition: background .2s ease; -webkit-transition: background .2s ease;} .paginationLinks .pageLink.pageLinkCurrent {background: #3072b1; padding: 4px 7px; color: #fff; border: none; font-weight:400;} .pagination .paginationText {color: #a0a0a0; font-size: 13px; font-style: italic;} .paginationLinks .prevnextLink {font-size: 12px; color:#7b7b7b; font-weight:700;} .paginationLinks .prevnextWindowArrow {display: inline-block; margin-top: 6px; font-size: 14px; opacity: .7;} .paginationLinks .prevnextWindowArrow:hover {opacity: 1;} /* -------------------------------------------------- :: Other Miscellaneous -------------------------------------------------- */ /* Google Maps & Locations Directory Classes */ #googlemap img, object, embed, .GMapEZ img, #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {max-width: none !important;} /* Removes random added height from Google Remarketing Tags - if tags are on the site */ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;} /* responsive video wrapper */ .responsive-embed,.flex-video{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden; background:#222;} .responsive-embed iframe,.responsive-embed object,.responsive-embed embed,.responsive-embed video,.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%} .responsive-embed.widescreen,.flex-video.widescreen{padding-bottom:56.25%} /* ---------------------- CSS - Delete if not using. ------------------------ */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav { list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot'); src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('graphics/extras/flexslider/fonts/flexslider-icon.woff') format('woff'), url('graphics/extras/flexslider/fonts/flexslider-icon.ttf') format('truetype'), url('graphics/extras/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {position:relative; left:0; width:100%; zoom: 1; overflow: hidden;} .flexslider .slides {zoom: 1; margin: 0; padding: 0; list-style: none;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {left:0; display: block; max-width: 100%; width: 100%; height: auto;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider.banner {background:#0c2238; padding-bottom:20px; height:auto !important; margin-bottom:30px;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} .slides > li:first-child {display: block;} .flex-wrap {border-bottom:4px solid #00a1e1; position:relative; background:#0c2238;} .flexslider.main {} .flexslider.main .slides li {height:600px; position:relative; margin-bottom:0;} .flexslider.main .slides li .slide-info {position:absolute; width:100%; top:190px; text-align:center; color:#fff; font-size:24px; line-height:1.2;} .flexslider.main .slides li .slide-info .title {font-family:'Oswald', sans-serif; margin:0; font-size:68px; color:#fff; line-height:1.2; text-transform:uppercase; font-weight:300;} .flexslider.main .slides li .slide-info strong {font-weight:500;} .flexslider.main .slides li .slide-info .title strong {font-weight:700;} .slide-tabs {position:absolute; bottom:0; width:100%; z-index:2;} .slide-tabs .slides {display:none !important;} .slide-tabs .item {background:#0c2238; position:relative;} .slide-tabs .item:hover {cursor:pointer;} .slide-tabs .slide_control {width:100%; max-width:1200px; margin:0 auto; padding:0; list-style-type:none; font-size:0px;} .slide-tabs .slide_control li {vertical-align:bottom; display:inline-block; margin:0; width:calc(100% / 3);} .slide-tabs .info {border-right:1px solid #193c7b; color:#d3dbec; padding:15px 20px 20px; min-height:105px; transition:all ease .3s; position:relative; z-index:2;} .slide-tabs .info p {margin:0; font-size:14px;} .slide-tabs .info p.tab-title {transition:all ease .3s; font-family:'Oswald', sans-serif; color:#fff; margin:0 0 0; font-weight:400; font-size:30px; text-transform:uppercase;} .slide-tabs .item2 .info {border-left:1px solid #193c7b;} .slide-tabs .item .border-top {width:100%; height:7px; background:#f01a57; position:absolute; top:0; left:0; transition:all ease .3s;} .slide-tabs .item3 .border-top {background:#a8c11d;} .slide-tabs .item4 .border-top {background:#00a1e1;} /* active tab states */ .slide-tabs .slide_control li.flex-active .info {min-height:125px; color:#fff;} .slide-tabs .slide_control li.flex-active .border-top {height:100%;} .slide-tabs .slide_control li.flex-active .info p.tab-title {} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {display: block; width: 16px; height: 27px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .landing .flex-direction-nav a {color:#555;} .flex-direction-nav .flex-prev {left: -50px; opacity: 0.7;} .flex-direction-nav .flex-next {opacity: 0.7; right: -50px; text-align: right;} .flexslider:hover .flex-prev {left: 20px;} .flexslider:hover .flex-next {right: 20px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;} .flex-direction-nav a:before {font-family: "flexslider-icon"; font-size: 26px; display: inline-block; content: '\f001';} .flex-direction-nav a.flex-next:before {content: '\f002';} /* Control Nav */ .flex-control-nav {position: absolute; top: 50%; text-align: left; z-index:100; padding:0; margin:0; width:20px; left:calc(50% - 600px);} .landing .flex-control-nav {width:100%; left:0; top:auto; bottom:0px; text-align:center;} .flex-control-nav li {margin: 6px 0; display: block; zoom: 1; *display: block;} .landing .flex-control-nav li {margin: 0 5px; display:inline-block;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #9499a9; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 2px #092f57; -moz-box-shadow: inset 0 0 2px #092f57; -o-box-shadow: inset 0 0 2px #092f57; box-shadow: inset 0 0 2px #092f57;} .flex-control-paging li a:hover {background: #53524e; background: rgba(83,82,78,.5);} .flex-control-paging li a.flex-active {background: #ffffff; cursor: default; -webkit-box-shadow: inset 0 0 2px #071c33; -moz-box-shadow: inset 0 0 2px #071c33; -o-box-shadow: inset 0 0 2px #071c33; box-shadow: inset 0 0 2px #071c33;} .flex-control-paging li:nth-child(2) a.flex-active {background: #f01a57;} .flex-control-paging li:nth-child(3) a.flex-active {background: #a8c11d;} .flex-control-paging li:nth-child(4) a.flex-active {background: #00a1e1;} .landing .flex-control-paging li:nth-child(2) a.flex-active {background: #ffffff;} .landing .flex-control-paging li:nth-child(3) a.flex-active {background: #ffffff;} .landing .flex-control-paging li:nth-child(4) a.flex-active {background: #ffffff;} .banner .flex-control-nav {position: absolute; bottom: 0; top:auto; text-align: left; z-index:100; padding:0 15px; margin:0; width:100%; left:0;} .banner .flex-control-nav li {display:inline-block; margin:5px 3px;} .banner .flex-control-paging li:nth-child(2) a.flex-active {background: #fff;} .banner .flex-control-paging li:nth-child(3) a.flex-active {background: #fff;} .banner .flex-control-paging li:nth-child(4) a.flex-active {background: #fff;} .landing .flexslider {margin:20px 0;} .landing .flexslider.carousel .flex-viewport {margin:0 50px;} .landing .flexslider.slider {padding-bottom:30px;} @media screen and (max-width: 1215px) { .flex-control-nav {text-align:center; width:100%; top:auto; bottom:130px; left:0;} .flex-control-nav li {display:inline-block; margin:4px;} .flexslider.main .slides li .slide-info {position:static; margin:130px 0 80px; min-height:300px; font-size:22px;} .flexslider.main .slides li {height:auto;} .flexslider.main .slides li .slide-info .title {font-size:58px;} } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 20px;} .flex-direction-nav .flex-next { opacity: 1; right: 20px;} .flexslider.main .slides li .slide-info .title {font-size:48px;} .flexslider.main .slides li .slide-info {font-size:20px; min-height:200px;} .slide-tabs {position:relative;} .slide-tabs .info p.tab-title {font-size:20px;} .slide-tabs .slide_control li.flex-active .info {min-height:105px;} .flex-control-nav {bottom:5px;} } @media screen and (max-width: 767px) { .flexslider.main .slides li .slide-info .title {font-size:38px;} .flexslider.main .slides li .slide-info {margin:90px 0 40px; font-size:18px; min-height:220px;} .slide-tabs .info {text-align:center; padding:25px 10px 10px; min-height: 90px;} .slide-tabs .info p {display:none;} .slide-tabs .info p.tab-title {display:block;} .slide-tabs .slide_control li.flex-active .info {min-height:90px;} } @media screen and (max-width: 500px) { .flexslider.main .slides li {padding:50px 15px 15px; height:auto;} .flexslider.main .slides li .slide-info .title {font-size:32px;} .flexslider.main .slides li .slide-info {font-size:16px;margin:60px 0 20px; min-height:260px;} .flexslider.main .button-group .button {font-size:14px;} } /* ----------------------END FLEXSLIDER CSS------------------------ */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; padding:15px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slider-container {padding:0 35px;} .slick-arrow {font-size:0px; text-indent:-100px; overflow:hidden; position:absolute; z-index:1; left:-30px; top:calc(50% - 30px);} .slick-arrow:hover {cursor:pointer;} .slick-arrow:before {content:''; display:block; height:61px; background:url(graphics/images/slider-arrows.png) no-repeat left top; width:27px;} .slick-next {left:auto; right:-30px;} .slick-next:before {background-position:top right;} /* -------------------------------------------------- :: POPUP BOX -------------------------------------------------- */ .modal {overflow:scroll; padding-bottom:40px;} .modal-bg, .modal { z-index: 2; opacity: 1; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 250ms ease-in-out; } .modal-bg {background: rgba(0, 0, 0, .5);} .modal.close .modal-bg, .modal.close {opacity:0;} .modal.slide, .modal.slide .modal-bg {top:auto; bottom:auto;} .modal .content { top: 200px; left: calc(50% - 320px); max-width: 650px; width:100%; background: white; padding: 20px; position: relative; color: black; z-index:3; transition: transform 250ms ease-in-out; } .modal.close .content {transform: translate(0%, 0%) scale(.75);} .modal .close-modal {position:absolute; right:0; top:0; padding:7px; line-height:1; text-align:center; background:rgba(200,200,200,.5); height:30px; width:30px;} .modal .close-modal:hover {cursor:pointer; background:rgba(200,200,200,1);} @media only screen and (max-width: 690px) { .modal .content {left:0; max-width:100%;} .modal {padding:20px;} } /* RCS Calculator */ .rcs-calc .calc-label {min-width: 240px; display: inline-block; margin-bottom: 10px; color: #0a3255;} .rcs-calc input {width: auto; display: inline; margin-bottom: 7px; height: auto;} .rcs-calc input:focus {color: #ef094a; border-color: #ef094a;} .rcs-calc .calc-wrapper {background: #f5f5f5; border:1px solid #ccc; padding: 20px; border-radius: 7px; margin-bottom: 30px; -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.1); box-shadow: 0 0 5px 1px rgba(0,0,0,.1);} .rcs-calc .calc-wrapper-white {background: #fff; padding: 20px;} .rcs-calc th {text-align:left; vertical-align: bottom;} .rcs-calc .calc-sub-label {font-weight: 400; font-size: 12px; display: block; font-style:italic;} .calc-answers {padding: 20px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 7px;} .rcs-calc .vol-answers {padding-top: 0; margin-top: -20px;} .rcs-calc .tph-box {background: #b6d554; padding: 5px; color: #000;} .rcs-calc .vt-box {padding: 5px; background: #1f42b3; color: #ffffff;} .rcs-calc .tphr-box {padding: 5px; background: #dc1e37; color: #ffffff;} .rcs-calc .block {display: block;} .rcs-calc .no-break {display: inline !important;} span.tooltips { position: relative; display: inline; cursor: pointer; background:#808080; color:#fff; padding:1px 5px; border-radius:20px; font-size:10px; text-decoration:none; font-weight:bold; height: 16px; display: inline-block; } span.tooltips span { position: absolute; width:190px; font-size:12px; color: #ffffff; background: #424242; height: auto; text-align: left; visibility:hidden; border-radius: 6px; padding: 5px 10px 7px; line-height: 1.5; } span.tooltips span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #424242; border-right: 8px solid transparent; border-left: 8px solid transparent; } span:hover.tooltips span { visibility:visible; bottom: 30px; left: 50%; margin-left: -95px; z-index: 999; cursor:pointer; } /* -------------------------------------------------- :: Media Query Fixes Foundation classes & their media query sizes: .small- max-width 640px .medium- min-width 641px .large- min-width 1025px .xlarge- min-width 1441px .xxlarge- min-width 1921px --------------------------------------------------- */ /* Media Queries Large / Desktop & up */ @media only screen and (max-width: 1025px) { .events .featured {min-height:0;} .enews .shrink {width:100%;} .row.add-spacing {padding:20px 0;} .events .featured {margin:50px auto 0;} .resource-center.detail .item {margin-top:30px;} .resource-center.detail .related .item {margin-top:0; margin-bottom:20px;} .resource-center .top-search {margin-bottom:30px; margin-top:20px;} .enews .title1 {text-align:center;} .enews .title2 {text-align:center;} } /* Media Queries Medium-Large / Between Tablet & Desktop */ @media only screen and (min-width: 641px) and (max-width: 1024px) { } /* Media Queries Medium / Tablet & up */ @media only screen and (min-width: 641px) { } /* Media Queries Medium & Lower / Mid-tablet, phones & below */ @media only screen and (max-width: 767px) { .showMobile {display:block;} #mainnav ul {display:none;} .top-content {display:none;} #mainnav {padding:10px 0;} .hero {height:170px;} .overview .hero.tall {padding:100px 0;} .white-container, .overview-container {padding:30px;} .overview-container.slim-pad {padding:20px;} .overview-container.slim-pad.no-pad, .overview-container.no-pad {padding:0;} .logo-wrapper img {max-width:none;} .imgright {float:none; display:block; margin:0 auto;} #memberBar .shrink {width:100%;} #memberBar .button {margin-top:10px;} } /* Media Queries Small / Mobile */ @media only screen and (max-width: 640px) { form table {width:100%; display:block;} form table tbody {display:block; width:100%;} form table tr {display:block; width:100%;} form td {display: block;} form input, form textarea, form select {width: 100%;} .callouts .wide .float-img {display:none;} .spotlight .industry {margin:0 0 3px;} .spotlight .member {margin:3px 0 0;} .spotlight .white-wrap {height:auto; max-height:200px;} .spotlight .white-wrap .helper {display:none;} .spotlight .image {position:relative;} .spotlight .white-wrap img {max-width:300px;} .spotlight .member .item {padding-top:0;} .spotlight .industry .item {padding-bottom:0;} .events.lister .feature .thumb {max-width:100px;} .events.lister .info {font-size:14px;} .events.lister .info h5 {font-size:20px;} .copyright, .copyright .text-right {text-align:center !important;} .resource-center .item .title {font-size:19px; max-height:none; padding-right:0;} .resource-center .item .info {min-height:0;} .resource-center .item .lock-icon {width:13px; margin-top:-5px;} .resource-center.detail .item .detail-title {font-size:28px;} .resource-center.detail .item {padding:20px;} .resource-center.detail .related .item {padding:0px;} .enewsText {display:block;} .enewsEmail {display:block;} .enews input[type="text"] {width:100%; margin-bottom:3px;} } /* Media Queries Extra Small / Phone */ @media only screen and (max-width: 479px) { .white-container, .overview-container {padding:15px;} .overview-container.slim-pad {padding:15px;} .overview-container.slim-pad.no-pad, .overview-container.no-pad {padding:0;} .events.lister .feature .thumb {max-width:75px;} .events.lister .item .shrink {width:100%;} .events.lister .feature .shrink {display:none;} .events.lister .info {padding-top:15px;} .events.lister .feature .info {padding-top:0;} } @media only screen and (max-width: 319px) { } /* -------------------------------------------------- :: Print Styles Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) -------------------------------------------------- */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } }