/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: BODY & MAIN FONT STYLES :: HEADER & MENU :: HOMEPAGE :: SUB PAGE :: FOOTER :: MISC CLASSES AND STYLES :: TUBULAR :: POPUP BOX :: ALERT BAR :: FORMS :: PRINT STYLES :: MEDIA QUERY GUIDE :: CAROUSEL + LIGHTBOX ----------------------------------------------------- :: -----------------------------------------------------*/ @font-face { font-family: "Bebas Thin"; src: url("graphics/fonts/BebasNeueBook.otf") format("opentype"); } @font-face { font-family: "Bebas Regular"; src: url("graphics/fonts/BebasNeueRegular.otf") format("opentype"); } @font-face { font-family: "Bebas Bold"; src: url("graphics/fonts/BebasNeueBold.otf") format("opentype"); } @font-face { font-family: "Univers Condensed"; src: url("graphics/fonts/UniversLTStd-Cn.otf") format("opentype"); } @font-face { font-family: "Univers Condensed Bold"; src: url("graphics/fonts/UniversLTStd-BoldCn.otf") format("opentype"); } /* -------------------------------------------------- :: BODY & MAIN FONT STYLES -------------------------------------------------- */ 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: 'Roboto', sans-serif; font-weight:400; font-size:16px; line-height:1.5; color:#303c4b; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } body.lock {overflow-y:hidden;} h1, h2, h3, h4, h5, h6 {font-family: 'Bebas Thin', sans-serif; margin:0; line-height:1.1; font-weight:300; color:#002B43;} h1 {font-size:60px;} h2 {font-size:55px; margin-top:35px;} h3 {font-size:40px; margin-top:30px;} h4 {font-family: 'Roboto Condensed', sans-serif; font-weight:600; font-size:26px; margin-top:25px;} h5 {font-family: 'Roboto Condensed', sans-serif; font-weight:600; font-size:20px;} h6 {font-family: 'Roboto Condensed', sans-serif; font-weight:600; font-size:17px;} @media (max-width: 767px) { h1 {font-size: 50px;} h2 {font-size: 45px;} h3 {font-size: 35px;} h4 {font-size: 22px;} h5 {font-size: 18px;} } @media (max-width: 479px) { h1 {font-size: 45px;} h2 {font-size: 40px;} h3 {font-size: 30px;} } h4.sub-title {font-weight:600; margin-top:-5px; color:#00a0dd; text-transform:uppercase;} .apex-header {display:none;} .hex-header {width:100%;} h1 + h2 {} h2 + h3 {} h3 + h4 {} h4 + h5 {} h5 + h6 {} /* p tag styles directly after a heading */ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {} h1 strong, h2 strong, h3 strong {font-family:'Bebas Regular', sans-serif;} p {margin:0 0 16px;} a {color:#006bd0;} a:visited {color:#423494;} a:hover {color:#0057a8;} a:focus {color:#8db414;} a:active {color: #8db414;} .breadcrumb { margin: 0 0 15px; font-weight:600; text-transform:uppercase; } .breadcrumb a {text-decoration: none; color:#002B43;} .breadcrumb a:hover {text-decoration:underline;} p.links { margin: 9px 0 0; font-size: 14px; } li {margin-bottom: 8px;} em, i {font-style: italic;} strong, b {font-weight: 700;} small {font-size: 70%;} img {display:inline-block; vertical-align:middle; max-width:100%; height:auto; -ms-interpolation-mode:bicubic} img[data-sizes="auto"] { display: block; width: 100%; } /* to fix lazysizes lazyload data-srcset */ pre {overflow:auto;} hr {border: 0; border-bottom: 1px solid #ccc; clear: both; display:block; height: 0; margin: 15px 0;} button {padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;line-height:1} [data-whatinput='mouse'] button {outline:0} a.button, .button a, input.button, input[type=submit], .ticketTypeSubmit { font-weight:800; display:inline-block; padding:4px 20px; text-align:center; font-size:20px; text-decoration:none; margin-bottom:15px; margin-right:25px; border:2px solid #ABC837; background:#ABC837; border-right:none; box-shadow:none; /*transition: background .3s ease; -webkit-transition:background .3s ease;*/ cursor:pointer; color:#002B43; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; position:relative; } a.button:after, .button a:after, input.button:after, input[type=submit]:after { content: ""; position: absolute; display: block; border: 2px solid #ABC837; background:#ABC837; width: 30px; height: calc(100% + 4px); top: -2px; right: -20px; -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); transform: skewX(20deg); border-left: none; /*transition: background .3s ease; -webkit-transition:background .3s ease;*/ } input[type=submit], .ticketTypeSubmit {border-right:2px solid #ABC837; background:#ABC837; margin-right:0;} a.button:hover, .button a:hover, input.button:hover, input[type=submit]:hover, .ticketTypeSubmit:hover {background:#96bb22;} a.button:hover:after, .button a:hover:after, input.button:hover:after, input[type=submit]:hover:after {background:#96bb22;} .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: #ABC837; color: #002B43; font-size: 16px; padding: 12px 24px; border: none; cursor: pointer; font-weight:600; text-transform: uppercase; text-decoration: none; } a.loginbutton {padding:5px 10px; margin:10px 0 0; font-size:14px; font-weight: 800; color: #002B43; text-decoration: none; background:#ABC837; border:none;} /* EditAnywhere Bar */ #editAnywhere {display:none; position: fixed; z-index:99999; border: 1px solid rgba(255,255,255,.2); bottom: 10px; height: 60px; width: 250px !important; text-align: left !important; background: url(graphics/images/editanywhere/logo_thrive.png) right center rgba(0,0,0,.8) no-repeat !important; background-size: 100px auto !important; left: 50%; margin-left:-125px; border-radius: 10px; padding: 12px 0px !important;} #editAnywhere a {margin-left: 20px;} /* -------------------------------------------------- :: HOMEPAGE -------------------------------------------------- */ .home.page {} .daily-news {background:#0a3255; color:#fff; padding:20px 0;} .daily-news svg {width:85px; height:auto; fill:#ABC837;} .daily-news h2 {text-transform:uppercase; color:#fff; font-weight:500; margin:0; font-size:68px; line-height:1;} .daily-news p {display:inline-block; border-top:1px solid #fff; font-family:'Roboto Condensed', sans-serif; font-weight:500; font-size:22px; margin:0;} .daily-news .button-group .button {display:block; background:#ABC837; margin-top:15px; margin-bottom:15px;} .daily-news .button-group .button:after { background:#ABC837;} @media only screen and (max-width: 767px) { .daily-news .shrink {width:100%;} } /* -------------------------------------------------- :: SUB PAGE -------------------------------------------------- */ .sub.page {} .sub.page .wrapper {min-height:600px; position:relative;} .sub.page .hex-bg {width:100%; position:absolute; height:500px; background:#eaeaea url(graphics/images/2021/hex-bg-header-3b.jpg) no-repeat right bottom / cover; z-index:-1;} .sub.page .gradient-fade{ width: 100%; position: absolute; top: 500px; height: 100%; max-height: 600px; background: rgb(233,233,233); z-index:-2; background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); } .sub.page .content.main {background:#fff; padding:30px;} .sub.page .content.main.no-pad {padding:0;} .sub.page .content-adv .content.main {background:transparent;} section {padding:25px 0 25px;} section.content-adv {padding:0;} /* -------------------------------------------------- :: COMPONENTS -------------------------------------------------- */ .icon-group {background:#fff;} .icon-group .item {max-width: 230px; margin:20px auto; text-align:center;} .icon-group .item a {text-decoration:none;} .icon-group .item h4 {text-transform:uppercase; margin-top:20px; font-weight:600;} .icon-group .item img {max-width:65%;} .icon-group .item p {line-height:1.3;} .latest-squares {background:#fff url(graphics/images/2021/hex-bg-2.jpg) no-repeat top right; padding-bottom:80px;} .latest-squares h2 {margin:15px 0;} .latest-squares .square {position:relative; background:#ddd; color:#fff; overflow:hidden; max-width:370px; margin:15px auto;} .latest-squares .square .banner {background:rgba(255,255,255,.7); position:absolute; bottom:16%; width:100%; left:0; padding:5px; opacity:1; transition:.3s ease opacity;} .latest-squares .square h3 {text-transform:uppercase; margin:0; font-weight:500; line-height:1; text-align:center;} .latest-squares .square:before {padding-bottom:70%; content:''; display:block; width:100%;} .latest-squares .square .hover h3 {color:#fff; margin-bottom:5px; margin-top:10px; transition:.2s ease margin-top; transition-delay: .25s; transition-property: margin-top;} .latest-squares .square .hover {position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; padding:10px;} .latest-squares .square .bg-color {position:absolute; top:0; right:0; left:0; bottom:0; background:#0a3255; mix-blend-mode: multiply;} .latest-squares .square h3 .small {font-size:25px; font-family:'Bebas Regular';} .latest-squares .square .hover .link-text {font-size:18px; font-weight:700; text-transform:uppercase; position:absolute; width:100%; left:0; bottom:0; margin-bottom:0px; transition:.2s ease margin-bottom; transition-delay: .25s; transition-property: margin-bottom;} .latest-squares .square .active {position:absolute; top:0; right:0; bottom:0; left:0; transition:.3s ease transform;} .latest-squares .square .hover, .latest-squares .square .bg-color {transform: translateY(100%); transition:.3s ease transform;} .latest-squares .square:hover .hover, .latest-squares .square:hover .bg-color {transform: translateY(0);} .latest-squares .square:hover .active {transform: translateY(-100%);} .latest-squares .square:hover .banner {opacity:0;} .latest-squares .square:hover .hover h3 {margin-top:0;} .latest-squares .square:hover .hover .link-text {margin-bottom:10px;} .hex-content {position:relative;} .hex-content .spacer {min-height:450px;} .hex-image {position:absolute; background:#222; right:0; top:40px; bottom:40px; width:37%; clip-path: polygon(25% 0, 100% 0, 100% 100%, 25% 100%, 0 50%);} .hex-image.mobile {display:none;} .hex-content.image-left .hex-image {right:auto; left:0; clip-path: polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 0 0);} .hex-content.image-left {} .hex-content .content {font-size:18px;} .hex-content .content h4 {font-weight:700; margin:0 0 30px; text-transform:uppercase;} .hex-content .button a {background:transparent;} .hex-content .button a:after {background:transparent;} .hex-content.light-text, .hex-content.light-text h1, .hex-content.light-text h2, .hex-content.light-text h3, .hex-content.light-text h4, .hex-content.light-text h5, .hex-content.light-text h6 {color:#fff;} .hex-content li {margin:15px 0;} @media only screen and (max-width: 640px) { .hex-content .spacer {display:none;} .hex-image.mobile {display:block; position:static; height:350px; width:80%; margin-bottom:25px; float:right; margin-left:auto; margin-right:-15px;} .hex-content.image-left .hex-image.mobile {margin-left:-15px; float:none; margin-right:auto;} .hex-image.desktop {display:none;} } /* FAQ Module */ .faqs .faq-question {border-radius:6px; padding:8px 30px 8px 15px; color:#002B43; background:#ebebeb; margin:4px 0 0; position:relative;} .faqs .faq-question:after {content:'\f002'; font-family:'flexslider-icon'; position:absolute; right:10px; top:calc(50% - 15px);} .faqs .faq-question.clicked:after {content:'\f005';} .faqs .faq-question:hover {cursor:pointer;} .faqs .content {border:1px solid #ddd; background:#f8f8f8; padding:15px; border-radius:6px;} .faqs .all-click {font-size:12px; margin:5px 0 0;} /* ---------------------- 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) */ /* 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; } /* partners slider */ /* 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; } [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; } .partners {background:#0a3255;} .partners h2 {color:#fff;} .partners .slider .item {background:#fff; padding:15px; text-align:center;} .partners .slider .slide {opacity:.5; padding:40px;} .partners .slider .slide.slick-center {opacity:1;} /* -------------------------------------------------- :: 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; } .sub.page .blog .resource-center .item {padding:0;} .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; 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;} .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 #D91D49; 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;} /* -------------------------------------------------- :: 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:600;} .news .posted {margin-bottom:10px;} /* -------------------------------------------------- :: RESOURCE CENTER -------------------------------------------------- */ .gradient { height:6px; width: 100%; background: #032644; } .resource-center h5, .academy h5 {text-transform:uppercase; font-weight:600;} .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:#D91D49; 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; background:#ABC837; border:none;} .resource-center .top-search .types a.button:after {display:none;} .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; border-radius:0;} .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; background:#ABC837;} .resource-center .topics ul, .academy .topics ul, .academy .types ul {margin:0; padding:0; list-style-type:none;} .resource-center .topics ul li, .academy .topics ul li, .academy .types ul li {margin:8px 0; border-left:3px solid #fff;transition: all .2s cubic-bezier(.36,.53,.33,1.01);} .resource-center .topics ul li.active, .academy .topics ul li.active, .academy .types ul li.active {border-left:3px solid #D91D49; background:rgba(0,82,159,.05);} .resource-center .topics ul li a, .academy .topics ul li a, .academy .types 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;} #academy_items_lister .no-results { display: flex; width: 100%; height: 200px; justify-content: center; align-items: center; color: #D91D49; font-weight: 600; } #search_box_form_blog a.button {padding:0;} #search_box_form_blog a.button:after {display:none;} .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:'Roboto Condensed', 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; 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:1010;} #loaderFrame {max-width:400px; text-align:center; position:fixed; top:10%; left:50%; transform:translateX(-50%); z-index:1010; 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 -------------------------------------------------- */ .home .events {background:#0a3255; color:#fff; position:relative;} .home .events h2 {color:#fff; text-transform:uppercase;} .home .events a {color:#fff;} .home .events table {font-family:'Roboto Condensed', sans-serif; font-size:20px; margin:15px 0;} .home .events table .date {color:#ABC837; min-width:185px; width:auto; font-weight:600; background:transparent; text-transform:initial; text-align:left;} .home .events table td {padding:8px; line-height:1.2;} .home .events table .event a {text-decoration:none;} .home .events table .event a:hover {text-decoration:underline;} .events table .eventp a {text-decoration:none;color:#0a3255;} .events table .eventp a:hover {text-decoration:underline;} .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;} .home .events .button {background:transparent;} .home .events .button:after {background:transparent;} .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 .datep {color:#0a3255;min-width: 185px;width: auto;font-weight: 600;font-size:20px;background: transparent;text-transform: initial;text-align: left;} .events .date p {margin:0; font-weight:500; font-size:14px; line-height:1.2;} .events .date p.day {font-size:24px;} .events.lister .item {margin-bottom:30px;} .events.lister {padding:0;} .events.lister h2 {font-family:'Bebas Bold';} .events.lister .info {border-left:3px solid #eaeaea; padding-left:15px;} .events.lister .button {margin-top:0; border-right:2px solid #ABC837;} .events.lister .button:after {display:none;} .events.lister .shrink .button {margin-left:15px;} .events.lister .time {color:#00a0dd; font-weight:600;} .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; font-family:'Bebas Bold', sans-serif;} .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;} @media screen and (max-width: 1020px) { .home .events table td {display:block;} .home .events table .date {padding-bottom:0;} .home .events table .event {padding-top:0;} } /* -------------------------------------------------- :: 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:600; color:#0d263a;} .academy .item .title a:hover {text-decoration:underline;} .academy .item .credits {margin:0; font-size:18px; font-weight:600; 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.text-red { color:#D91D49;} .academy .item .price .strike {text-decoration:line-through; font-weight:400;} .academy .item .button {margin:0; border-right:2px solid #ABC837;} .academy .item .button:after {display:none;} .academy .item .core-specialty {margin:0; padding:0; list-style-type:none;} .academy .item .core-specialty li {display:inline-block; margin:0; color:#00a0dd; font-weight:500; font-size:14px;} .academy .item .core-specialty li img {width:30px;} .academy.new .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); background: #fff; } .academy.new .item .credits {background:#0d263a; color:#fff; padding:3px 10px; border-radius:3px; display:inline-block; margin-top:6px; font-size:15px;} .academy.new .item .title {font-size:16px; margin-bottom:5px; display: flex;flex-flow: row nowrap;justify-content: space-between;} .academy.new .item .bottom {position:relative; width:calc(100% + 2rem); left: -1rem; bottom:0; padding:15px;} .academy.new .item .bottom .topicsToggle {display:block;width:100%;} .academy.new .topics ul li a img {width:50px;} .academy.new .item .title a {} .academy.new .item .title .tagImage {color:#6c7784;display:block;width:60px;height:60px;margin-right:.5rem;flex-grow:1;text-decoration:none;} .academy.new .item .title .titleText {display: block;width:100%;} .academy.new .item .date {color:#00a0dd;font-weight:600; font-size:14px;} .academy .topics ul li, .academy .types ul li {position:relative;} .academy .topics ul li .clear, .academy .types ul li .clear {display:none; position:absolute; top:50%; right:8px; transform:translateY(-50%); padding:3px; font-size:11px; line-height:1; font-weight:700; background:#dde4ea; width:16px; height:16px; text-align:center; border-radius:3px;} .academy .topics ul li .clear:hover, .academy .types ul li .clear:hover {cursor:pointer;} .academy .topics ul li.active .clear, .academy .types ul li.active .clear {display:inline-block;} .academy .filter-controls {text-align:center; background:rgba(0,82,159,.05); padding:5px; border-radius:3px;} .academy.new .item .bottom .hr {border: 0; border-bottom: 1px solid #ccc; clear: both; display:block; height: 0; margin: 5px 0px 10px 0px;} .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;} .academy .loadMoreItems, .academy .noMoreItems { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; } .academy .loadMore { margin: 1rem auto 0 auto; } .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:#D91D49; 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 #D91D49; 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:#D91D49;} .assets .quiz .quiz-embed {background:#fff; padding:15px; border:1px solid #0c2238; margin-top:20px;} .assets .review {padding:40px; background:#D91D49;} .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;} .academy .item {box-shadow:none; max-width:none; border:none; background:#f3f3f3; padding:30px; margin:20px 0 40px;} .academy .item .info {padding:20px; background:#fff; border-top:2px solid #3072b1;} .academy .item .image {margin:0;} .academy .item .title {margin-bottom:10px;} .academy .item .image {background:transparent;} .academy .item .category {text-align:right; min-height:35px; font-size:12px; text-transform:uppercase; padding:0; width:100%; font-weight:400;} .academy .item .category a {text-decoration:none; color:#838383;} .academy .item .category a.toggle {color:#4d4d4d; font-weight:500; height:16px; width:16px; display:inline-block;} .academy .item .category .hiddenTopics {padding-right:20px;} /* -------------------------------------------------- :: OVERVIEW -------------------------------------------------- */ .overview #form-section {padding:60px 0; 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 0; min-height:470px;} .overview .hero.tall .info { color:#182A54; font-size:24px; line-height:1.2; text-transform:uppercase;} .overview .hero.tall .info p {border-top:3px solid #182A54; padding-top:8px; max-width:50%;} .overview .hero.tall .info p strong {font-weight:500;} .overview .hero.tall .info h1 {width: 50%; font-weight:300; color:#182A54; font-size:68px;} .overview h2 {margin-top:0;} .overview #form-section form {padding:0;} .white-container, .overview-container { background: #fff; position: relative; z-index: 1; padding: 50px; } .content-wrapper { position: relative; overflow: hidden; margin-top: -60px; } @media screen and (max-width: 1400px) { .overview .hero.tall .info p {width: 750px; margin: 0; max-width: 55%;} } @media screen and (max-width: 940px) { .overview .hero.tall .info h1 {font-size:55px;} .overview .hero.tall .info {font-size:22px;} } @media screen and (max-width: 767px) { .overview .hero.tall .info h1 {font-size:46px;} .overview .hero.tall .info {font-size:20px;} } /* -------------------------------------------------- :: 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;} /* -------------------------------------------------- :: 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 svg {width:120px; margin:20px auto; height: auto;} .pubs .cats .item .button {width:92%; background:#0a3255; line-height:1.1; padding:7px 15px; margin:0; color:#fff; border:none; font-weight:300;} .pubs .cats .item .button:after {content:''; display:none;} .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 span {font-weight:800;} .pubs .lister .intro {padding:40px;} .pubs .lister .intro .icon {max-width:140px; margin:0 15px 15px 0;} .pubs .intro svg {width:150px; margin-right: 20px;; height: auto;} .pubs .lister .intro h2 {margin:0;} .pubs .lister .intro h1 {font-family:'Bebas Bold';} .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 {text-transform:initial; margin:0 0 20px; font-family:'Roboto Condensed', sans-serif; font-weight:600; font-size:30px;} .pubs .lister .wrap .item .button {border-right:2px solid #ABC837;} .pubs .lister .wrap .item .button.navy {background:#18243a; border-color:#18243a; color:#fff; margin-right:0;} .pubs .lister .wrap .item .button:after {display:none;} .pubs .lister .wrap .item .flexslider {padding:0 30px 0;} .pubs .lister .wrap .item .flexslider ul {padding:0; margin:0; list-style-type:none;} .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;} .pubs .lister-intro {margin:50px 30px;} .sub .daily-news {padding:10px 30px; margin-bottom:20px;} @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;} } /* -------------------------------------------------- :: 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;} #formLogin .lock-icon { width: 28px; margin-top: -8px; } #formLogin .title { font-size: 30px; font-weight: 500; margin: 30px 0; } /* -------------------------------------------------- :: 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 {font-family: 'Roboto Condensed', sans-serif; font-size: 25px;} .portal .item-wrapper .item h3 a {color:#0a3255; text-decoration:none;} .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;} .portal.hex.resources {background:#002B43;} .portal.hex.resources h2 {color:#fff;} .portal.hex.resources .item-wrapper {background:transparent;border:none; padding:0; margin:30px 0 0;} .portal.hex.resources .item-wrapper .item .inner {margin-bottom:40px;} .portal.hex.resources .item-wrapper .item h5 {margin-top:10px;} .portal.hex.resources .item-wrapper .item h5 a {text-decoration:none; color:#002B43;} .portal.hex.resources .item-wrapper .item h5 a:hover {text-decoration:underline;} /* -------------------------------------------------- :: INDUSTRY PARTERS PORTAL PAGES -------------------------------------------------- */ .indportal ul {margin:-16px 0 20px; padding-bottom:10px; padding-right:10px; padding-top:5px;} .indportal ul ul {margin:0; padding-top:5px; padding-right:0; padding-bottom:0;} .indportal ul.new {background:#f6faec;} .indportal h2 {border-bottom:4px solid #b6d552; text-transform:initial; padding:0px 15px 10px; margin-top:0; margin-bottom:30px;} .indportal .item-wrapper {background:#f0f0f0; padding:30px; margin:0px 0; border-left:8px solid #0a3255;} .indportal .item-wrapper hr {border-bottom:1px solid #cecece; margin:35px 0;} .indportal .item-wrapper .item {} .indportal .item-wrapper .item .inner {background:#fff; padding:20px; margin-bottom:30px;} .indportal .item-wrapper .item .inner img {border:1px solid #f5f5f5;} .indportal .item-wrapper .item.hidden {display:none;} .indportal .item-wrapper .item h3 {margin-top:0px; font-weight:700; margin-bottom:15px;} .indportal .item-wrapper .large-up-2 .item h3 {font-family: 'Roboto Condensed', sans-serif; font-size: 25px;} .indportal .item-wrapper .item h3 a {color:#0a3255; text-decoration:none;} .indportal .item-wrapper .item h3 a:hover {text-decoration:underline;} .indportal .load-more {margin-top:60px;} .indcare-container {background:url(clientuploads/portal_pages/care/hex_grid_bg.png) repeat-y right top;} .indportal.hex.resources {background:#002B43;} .indportal.hex.resources h2 {color:#fff;} .indportal.hex.resources .item-wrapper {background:transparent;border:none; padding:0; margin:30px 0 0;} .indportal.hex.resources .item-wrapper .item .inner {margin-bottom:40px;} .indportal.hex.resources .item-wrapper .item h5 {margin-top:10px;} .indportal.hex.resources .item-wrapper .item h5 a {text-decoration:none; color:#002B43;} .indportal.hex.resources .item-wrapper .item h5 a:hover {text-decoration:underline;} /* -------------------------------------------------- :: 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-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;} /* 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: #D91D49; border-color: #D91D49;} .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: #ABC837; padding: 5px; color: #000;} .rcs-calc .vt-box {padding: 5px; background: #1f42b3; color: #ffffff;} .rcs-calc .tphr-box {padding: 5px; background: #D91D49; 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; } /* -------------------------------------------------- :: FOOTER -------------------------------------------------- */ #footer {background:#fff url(graphics/images/2021/bg-hex-footer.jpg) no-repeat top left; /* border-top:6px solid #f2f2f2;*/ padding-top:40px;} #footer .menus ul {margin:0; padding:0; list-style-type:none;} #footer .menus ul li {margin:5px 0;} #footer h4 {margin:10px 0 30px; text-transform:uppercase;} .copyright {font-size:14px; padding:10px 0; background:#0a3255; color:#fff; text-align:center;} .copyright p {margin:3px 0;} .copyright .address {margin-bottom:7px;} .copyright .address .spacer {margin:0 20px;} .copyright a {color:#fff;} #footer .social {padding:20px 0 10px;} .gdpr {background:rgba(0,82,159,.9); display: none; padding:10px 0; z-index:2000; position:fixed; bottom:0; left:0; width:100%;} .gdpr h5 {margin:0; color:#fff;} .gdpr p {color:#fff; margin:0;} .gdpr a {color:#fff;} .gdpr .closeTrigger {margin:10px 0 0 10px; min-width:80px; background:#ABC837; color:#002b43; text-decoration:none; font-size:18px; text-transform:uppercase; font-weight:700; padding:1px 10px; float:right; text-align:center; display:block;} /* -------------------------------------------------- :: MISC STYLES AND CLASSES -------------------------------------------------- */ .row.full {margin: 0!important; max-width: none!important; padding: 0!important; width: 100%!important;} #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} .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%} /* 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;} .hide { display: none; } .hideclear { clear:both; height:0; overflow:hidden; visibility:hidden; } /* Pagination Classes */ .pager {text-align:center; margin-top:50px; font-size:14px; color:#666;} .pagination {font-size:14px; text-align:center;} .paginationLinks { display:inline-block; margin:0 auto; padding:0 30px !important; border-radius:6px; } .pageLinks {padding:0 !important;} .prevnextCurrent, .prevnextLink, .prevnextWindow { display:inline-block; line-height:0; padding:12px 9px; margin:0; text-align:center; text-decoration:none; font-weight:500; border:1px solid #ddd; border-right:0; } .pageLinkNext, .pageLinkPrev {display:none !important;} .prevnextCurrent {background:#3072b1; color:#fff; border-color:#3072b1;} .prevnextCurrent:hover {background:#3072b1;} .pageLink:hover, .pageLinkNextChunk a:hover, .pageLinkPrevChunk a:hover {background:#E0ECF7;} .pageLink.prevnextCurrent:hover {background:#3072b1;} .pageLinkPrevChunk, .pageLinkNextChunk {height:26px; width:30px; border-radius:6px 0 0 6px; color:#cecece; background:#f5f5f5; border:1px solid #ddd; border-right:0; overflow:hidden;} .pageLinkPrevChunk:before, .pageLinkNextChunk:before {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .pageLinkPrevChunk:before {content:'\000AB';} .pageLinkNextChunk:before {content:'\000BB';} .pageLinkNextChunk {border-radius:0 6px 6px 0; border-right:1px solid #ddd;} .pageLinkPrevChunk a, .pageLinkNextChunk a {position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; text-decoration:none; color:transparent;} .pageLinkPrevChunk a:before, .pageLinkNextChunk a:before {position:absolute; top:50%; left:50%; color:#FF7A00; transform:translate(-50%,-50%);} .pageLinkPrevChunk a:before {content:'\000AB';} .pageLinkNextChunk a:before {content:'\000BB';} ul.icons {margin:0 0 20px; padding:0; list-style-type:none; text-align:center;} ul.icons li {display:inline-block; margin:0 15px 7px 0;} ul.icons li a {display:block;} ul.icons li a svg {max-width:60px; fill:#0a3255; width:100%;} ul.icons li img {width:50px;} .cal {background:#f5f5f5; border:1px solid #e3e3e3; padding:10px; text-align:center;} .cal .calPrev, .cal .calMonth, .cal .calNext {display:inline-block; margin-bottom:13px;} .cal .calPrev a, .cal .calMonth a, .cal .calNext a {text-decoration:none; color:#000; padding:2px 5px; font-weight:800;} .cal .calPrev a, .cal .calNext a {color:transparent;} .cal .calPrev a:after {content: '\f001'; font-family: 'flexslider-icon'; color:#000;} .cal .calNext a:before {content: '\f002'; font-family: 'flexslider-icon'; color:#000;} .calGrid th {font-size:12px; font-weight:400; color:#555;} .calGrid td {font-size:14px; padding:3px 0;} .calMonthLink {margin-top:10px; display: inline-block;} .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 {} .row.add-spacing {padding:20px 20px;} /* -------------------------------------------------- :: TUBULAR -------------------------------------------------- */ .bg-video-wrapper {width: 1440px; max-width: 100%; margin: auto;} #tubular-container {z-index: 0 !important; top: 0; position: absolute !important;} #tubular-player {width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important;} /* Overwriting the JS for the iframe - since I have #bg-video 16/9 ratio percentage */ /* #tubular-shield {background: #000; opacity: .3;} */ #bg-video {height: 0; padding-bottom: 31.72%; background: #000;} /* Default 16:9 video:: padding-bottom: 56.25% */ #bg-video .video-text {position: absolute; z-index: 3; bottom: 40%; left: 10%; right: 10%; text-transform: uppercase; text-align: center;} #bg-video .video-text h2 {color: #fff; line-height: 1; margin: 0; font-size: 52px; text-shadow: 0 0 5px #000;} #bg-video .video-text h4 {color: #fff; font-size: 32px; text-shadow: 0 0 5px #000;} a.homepage-btn.button {margin-top: 20px; text-shadow: none; font-weight: bold;} .bg-video-mobile.show-for-small {position: relative;} .bg-video-mobile.show-for-small img {width: 100%;} #tubular-shield { background: url(graphics/images/2021/tubular-shield-repeat-x-white.png) repeat-x top center; -webkit-animation: 5.5s ease 0s normal forwards 1 fadeout; animation: 5.5s ease 0s normal forwards 1 fadeout; } #tubular-shield-bottom { background: url(graphics/images/2021/tubular-shield-bottom-repeat-x-white.png) repeat-x bottom center; -webkit-animation: 5.5s ease 0s normal forwards 1 fadeout; animation: 5.5s ease 0s normal forwards 1 fadeout; } @keyframes fadeout{ 0% {opacity:1;} 66% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes fadeout{ 0% {opacity:1;} 66% {opacity:1;} 100% {opacity:0;} } @media only screen and (max-width: 1025px) { } /* -------------------------------------------------- :: POPUP BOX -------------------------------------------------- */ .modal {padding:20px;} .modal-bg, .modal { z-index: 2000; 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; z-index:-1000;} .modal .content { top: 50%; left: 50%; transform:translate(-50%,-50%); margin:0; max-width: 700px; width:100%; background: white; padding: 40px; position: relative; color: black; transition: transform 250ms ease-in-out; border-radius:12px; z-index:2000; max-height:100%; } .modal .content .item {overflow:auto;} .modal.close .content {transform: translate(-50%, -50%) scale(.75);} .modal .close-modal {position:absolute; right:8px; top:10px; line-height:1; text-align:center; height:30px; width:30px;} .modal .close-modal:hover {cursor:pointer;} /* -------------------------------------------------- :: Alert Bar -------------------------------------------------- */ .alert.bar {width:100%; padding:10px 0; background-color:#000; color: #fff; opacity: .95; clear: both; background: #D91D49;} .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;} } /* Alert Bar */ .new-alerts .alert-bar {width:100%; padding:15px 100px 15px 15px; background:#666; position:relative; border:1px solid #666; border-radius:3px;} .new-alerts.full-width .alert-bar {border: none !important; border-radius: 0 !important;} .new-alerts .alert-bar.single {padding-right:43px;} .new-alerts .alert-bar.icon {padding-left:48px;} .new-alerts .alert-bar .icon-wrap { background:rgba(0,0,0,.15); height: 24px; width: 24px; padding: 3px; border-radius: 3px; text-align:center; position:absolute; left:15px; top:50%; transform:translateY(-50%);} .new-alerts .alert-bar .icon-wrap svg {height:17px; width:17px;} .new-alerts .alert-bar p {color:#fff; font-weight:bold; font-size:14px; margin-bottom:0;} .new-alerts .alert-bar a {color:#fff; text-decoration:underline;} .new-alerts .alert-bar.lime {background:#ABC837; border:1px solid #ABC837;} .new-alerts .alert-bar.navy {background:#0a3255; border:1px solid #0a3255;} .new-alerts .alert-bar.navy .icon-wrap {background:rgba(0,0,0,.4);} .new-alerts .alert-bar.light-blue {background:#00a0dd; border:1px solid #00a0dd;} .new-alerts .alert-bar.green {background:#01a490; border:1px solid #01a490;} .new-alerts .alert-bar.blue {background: #0089d0; border:1px solid #0089d0;} .new-alerts .alert-bar.purple {background:#92278f; border:1px solid #92278f;} .new-alerts .alert-bar.red {background: #D91D49; border:1px solid #D91D49;} .new-alerts .alert-bar.orange {background:#f47920; border:1px solid #f47920;} .new-alerts .alert-bar.yellow {background: #ffcc00; border:1px solid #ffcc00;} .new-alerts .alert-bar.black {background: #666; border:1px solid #666;} .new-alerts .alert-bar .close-alert {position:absolute; color:#fff; font-weight:bold; right:13px; top:13px; height: 25px; width: 25px; line-height: 23px; text-align: center; border-radius: 3px; transition:background .1s ease;} .new-alerts .alert-bar .close-alert:hover {background:rgba(0,0,0,.15); cursor:pointer;} .new-alerts .alert-bar.navy .close-alert:hover {background:rgba(0,0,0,.4);} .new-alerts .alert-bar .count {color:#fff; font-size:11px; position:absolute; right:51px; top:6px; width:46px; text-align:center;} .new-alerts {position:relative; background:#fff; padding:8px;} .new-alerts.full-width {padding: 0;} .new-alerts .prevnext {color:#fff; text-align:center; height:23px; width:23px; display:inline-block; line-height:22px; font-size:14px; border-radius:3px; text-decoration:none;} .new-alerts .prevnext:hover {background:rgba(0,0,0,.15);} .new-alerts .pag {position:absolute; top:32px; right:60px; font-size:0;} .new-alerts.full-width .pag {top:24px; right:52px;} @media screen and (max-width: 640px) { .new-alerts .alert-bar p {font-size:12px;} } /* -------------------------------------------------- :: COUNTDOWN TIMER -------------------------------------------------- */ .countdown-bar {display: none; color: #fff; background: #000; background: rgba(0,0,0,.85); z-index: 100; position: fixed; bottom: 0; width: 100%;} .countdown-bar .wrapper {padding-bottom:20px;} .countdown-bar .info {font-size: 14px; line-height: 1.2; margin:0;} .countdown-bar .info h2 {line-height: 1; text-align: right; padding: 10px 15px 15px 0; margin:0; border-right: 1px solid #666; color: #fff;} .countdown-bar .info .link {margin:0;} .countdown-bar .info .link a {font-weight: 700; color:#ffffff; font-style:italic;} .countdown-bar .close {font-size:12px; text-align:right; margin:3px 15px 2px;} .countdown-bar .close a {color:#fff; text-decoration:none;} .countdown-bar .close a strong {font-size:14px; font-weight:800;} .countdown-bar .close a:hover {text-decoration:underline;} #countdown-wrapper {width: 440px; margin: auto; max-width: 100%;} .countdown-box {border-radius:3px; -webkit-border-radius:3px;background:#00a0dd; padding: 10px; text-align: center; max-width: 90px; color: #fff; font-weight:700; line-height: 1; margin: 10px 5px; font-size: 12px;} .countdown-box span {display: block; color: #fff; font-size: 38px; font-weight: bold; margin-bottom: 3px;} .countdown-expiry h2.default {margin:0; color:#fff; text-align:center; font-style:italic; color:#f4d240;} .countdown-expiry p {margin:0;font-size: 16px; line-height: 1.2;} .countdown-expiry .link {margin:0;} .countdown-expiry .link a {font-weight:700; font-style:italic; color:#00a0dd;} @media only screen and (max-width: 1024px) { .countdown-bar .info .shrink.no-text {width:100%;} .countdown-bar .info .no-text h2 {border:none; text-align:center; padding:0;} } @media only screen and (max-width: 640px) { .countdown-bar .shrink {width:100%;} .countdown-bar .info h2 {border:none; text-align:center; padding:0 0 10px;} .countdown-bar .info {text-align:center;} .countdown-box {max-width: 65px;} .countdown-box span {font-size:28px;} #countdown-wrapper {padding-top:15px; width:350px;} } /* -------------------------------------------------- :: FORMS -------------------------------------------------- */ form td {padding-bottom:15px;} [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;padding:5px;font-family:inherit;border:1px solid #dadada; border-radius:5px;background-color:#FBFBFB;color:#4b4b4e;transition:border .2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none} 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 #8a8a8a;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:baseline;margin-left:5px;margin-right:15px;margin-bottom:0} [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;padding:5px; width:100%; font-family:inherit;border:1px solid #dadada;border-radius:5px;background-color:#FBFBFB;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:#fbfbfb 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} .datetimeField {width:100px; float:left; margin-right:5px;} .formtextRequired {font-weight:bold;} .formtextRequired:before {content:"*";} select#IDFormField_State_0 {width:auto;} input[type=text]#IDFormField_Zip_0, input[type=text]#IDFormField_cvv_0, input[type=text]#IDFormField_State_0 {max-width:150px;} #IDFormField_expiration_0 {width:49%; margin-right:1%;} #IDFormField_expiration_0_year {width:49%;} /* Tables */ table {width:100%;} thead { font-weight: 700; text-transform: uppercase; } @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, select {height: 3rem; margin-bottom:20px; width: 100%;} form table {width:100%; display:block;} form table tbody {display:block; width:100%;} form table tr {display:block; width:100%;} form td {display: block; padding:0;} form input[type=submit], select#IDFormField_State_0 {width:100%;} #IDFormField_expiration_0, #IDFormField_expiration_0_year {width:100%; margin-right:0;} table.table-stack td {display: block; width: 100% !important;} } /* -------------------------------------------------- :: 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; } } /* Media Queries */ @media only screen and (max-width: 1025px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 640px) { } @media only screen and (max-width: 479px) { } @media only screen and (max-width: 319px) { } /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */ /* Loading */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pulse { 50% { background: #fff; } } .columns.rpt { transition: all .2s cubic-bezier(.36,.53,.33,1.01); -webkit-transition: all .2s cubic-bezier(.36,.53,.33,1.01); -moz-transition: all .2s cubic-bezier(.36,.53,.33,1.01); display: none; } .loading-container { display: flex; width: 100%; height: 100%; flex-flow: row nowrap; justify-content: center; align-items: center; text-align: center; display: none; } .loading-academy-items { width: 6px; height: 24px; animation: spin 1s infinite linear; } .loading-pulse { position: relative; width: 6px; height: 24px; background: rgba(0, 160, 221, 0.8); animation: pulse 750ms infinite; animation-delay: 250ms; } .loading-pulse:before, .loading-pulse:after { content: ''; position: absolute; display: block; height: 16px; width: 6px; background: rgba(0, 160, 221, 0.4); top: 50%; transform: translateY(-50%); animation: pulse 750ms infinite; } .loading-pulse:before { left: -12px; } .loading-pulse:after { left: 12px; animation-delay: 500ms; }