/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
@font-face {
font-family: 'Gnuolane';
src: url('/core/fonts/Gnuolane.eot');
src: url('/core/fonts/Gnuolane.eot?#iefix') format('embedded-opentype'),
url('/core/fonts/Gnuolane.woff') format('woff'),
url('/core/fonts/Gnuolane.ttf') format('truetype'),
url('/core/fonts/Gnuolane.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* General rules */
html, button, input, select, textarea {
font-family: "proxima-nova", sans-serif;
font-weight: 400;
}
body {
background-color: #222;
/* matches footer
/*background: #222 url('/images/site/bg-body-spinner-222222.gif') 50% 425px no-repeat;*/
color: #444;
}
.max-width {
width: 95%;
max-width: 1200px;
margin: 0 auto;
padding: 0 0;
position: relative;
}
/* some sections of the site have a wider max-width */
#masthead .max-width,
.plans-and-pricing header .max-width,
.account .max-width,
.wide .max-width {
max-width: 1800px;
}
ul, nav ul {
list-style: square;
}
a {
color: #253a6a;
}
a:hover {
color: #bb3535;
}
a:visited {
color: #3d4962;
}
.one-column-only,
.narrow-header,
.medium-header {
display: none;
}
.two-column-only,
.wide-header {
display: block;
}
.compact-twocol {
max-width: 350px;
}
.nowrap {
white-space: nowrap;
}
input, textarea {
padding: 0.2em;
border: 1px solid #bbb;
}
input[type="file"] {
border: 0;
}
select {
padding: 0.15em 0 0.15em 0.2em;
border: 1px solid #888;
}
input[type="image"], input[type="radio"], input[type="checkbox"] {
border: none;
}
input[type="submit"][disabled] {
color: #888;
border-color: #ccc;
}
input.required.invalid, select.required.invalid {
border-color: #800;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}
.block {
background-color: #f3f3f3;
padding: 0.75em 1em;
}
.strike {
text-decoration: line-through;
}
.paging {
margin: 2em auto;
text-align: center;
}
.paging div.nowrap {
display: inline-block;
}
.paging a, .paging span {
display: inline-block;
background-color: #eee;
min-width: 1em;
height: 1em;
line-height: 1em;
padding: 0.5em;
text-align: center;
margin: 0 0.5em 0.5em 0;
text-decoration: none;
}
.paging span {
color: #aaa;
}
.paging a:hover {
background-color: #bb3535;
color: #fff;
}
.paging #current {
background-color: #253a6a;
color: #fff;
}
.nobreak, .nowrap {
white-space: nowrap;
}
/*************************
Background Classes
************************/
.bg-dark { background-color: #222222; }
.bg-grey { background-color: #DDDDDD; }
.bg-white { background-color: #FFFFFF; }
/*************************
Button Classes
************************/
.button {
display: inline-block;
background-color: #828282;
color: #fff;
font-size: 125%;
text-decoration: none;
padding: 0.25em 1em;
vertical-align: baseline;
transition-property: background-color, color, border-color, border-radius;
transition-duration: 0.3s;
border: none;
}
a.button,
a.button:visited {
color: #fff;
}
.button.small {
/*font-size: 100%;*/
font-size: 1rem;
}
.button.cta.small {
padding: 0.25em 1em;
}
.button.xsmall {
font-size: 85%;
}
.button.cta.xsmall {
padding: 0.25em 1em;
}
.button.large {
font-size: 150%;
}
.button.cta {
background-color: #007bff;
color: #fff;
}
.button.blue, .button:hover {
background-color: #11234d;
color: #fff;
}
.button.blue:hover {
background-color: #007bff;
}
.button.grey {
background-color: #828282;
color: #fff;
}
.button.cta.grey {
padding: 0.5em 2em;
}
.button.disabled, .button.disabled:hover {
background-color: #efefef;
}
ul.checkmarks {
list-style: none;
font-size: 1.2em;
}
ul.checkmarks li {
margin-bottom: 0.3em;
}
ul.checkmarks .fa,
ul.checkmarks .fas {
opacity: 0.8;
margin-right: 0.2em;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.request-demo-button, .enterprise-request-demo-button, .individual-view-pricing-button { background-color: #0071F0 !important; color: #ffffff !important; }
.request-demo-button:hover, .enterprise-request-demo-button:hover, .individual-view-pricing-button:hover{ background-color: #0069d9 !important; }
.btn-primary.image-left-section-button, .btn-primary.image-right-section-button{ background-color: #0071F0 !important; color: #ffffff !important; }
.btn-primary.image-left-section-button:hover, .btn-primary.image-right-section-button:hover{ background-color: #0069d9 !important; }
.mktoButtonRow .btn-primary{ background-color: #0071F0 !important; color: #ffffff !important; }
.mktoButtonRow .btn-primary:hover{ background-color: #0069d9 !important; }
.view-all-button{ color: #005DC2 !important; }
.view-all-button:hover{ color: #ffffff !important; }
.bg-primary.call-to-action-container{ background-color: #0071F0 !important; color: #ffffff !important; }
/*************************
Column Classes
************************/
.col10,
.col15,
.col20,
.col25,
.col30,
.col33,
.col40,
.col45,
.col50,
.col60,
.col75,
.col80,
.col100 {
float: left;
margin: 0.75em 2.5%;
}
.col10 {
width: 5%;
}
.col15 {
width: 10%;
}
.col20 {
width: 15%;
}
.col25 {
width: 20%;
}
.col30 {
width: 25%;
}
.col33 {
width: 28%;
}
.col40 {
width: 35%;
}
.col45 {
width: 40%;
}
.col50 {
width: 45%;
}
.col55 {
width: 50%;
}
.col60 {
width: 55%;
}
.col75 {
width: 70%;
}
.col80 {
width: 75%;
}
.col100 {
float: none;
width: 95%;
}
/*************************
Float Classes
************************/
.float-left {
float: left;
}
.float-right {
float: right;
}
/*************************
Form Classes
************************/
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/*************************
Margin Classes
************************/
.margin-0 { margin: 0; }
.margin-10 { margin: 10px; }
.margin-20 { margin: 20px; }
.margin-40 { margin: 40px; }
.margin-60 { margin: 60px; }
.margin-80 { margin: 80px; }
.margin-100 { margin: 100px; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-100 { margin-bottom: 100px; }
.margin-left-0 { margin-left: 0; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-100 { margin-left: 100px; }
.margin-right-0 { margin-right: 0; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-80 { margin-right: 80px; }
.margin-right-100 { margin-right: 100px; }
.margin-top-0 { margin-top: 0; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-100 { margin-top: 100px; }
.margin-auto { margin: 0 auto; }
/*************************
Offset Classes
************************/
.offset-10 { margin-left: 2.5%; }
.offset-20 { margin-left: 12.5%; }
.offset-25 { margin-left: 17.5%; }
.offset-30 { margin-left: 22.5%; }
.offset-33 { margin-left: 25.5%; }
.offset-40 { margin-left: 32.5%; }
.offset-45 { margin-left: 37.5%; }
.offset-50 { margin-left: 42.5%; }
.offset-55 { margin-left: 47.5%; }
.offset-60 { margin-left: 52.5%; }
.offset-75 { margin-left: 67.5%; }
.offset-80 { margin-left: 72.5%; }
/*************************
Padding Classes
************************/
.padding-0 { padding: 0; }
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-40 { padding: 40px; }
.padding-60 { padding: 60px; }
.padding-80 { padding: 80px; }
.padding-100 { padding: 100px; }
.padding-bottom-0 { padding-bottom: 0; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-100 { padding-bottom: 100px; }
.padding-left-0 { padding-left: 0; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-60 { padding-left: 60px; }
.padding-left-80 { padding-left: 80px; }
.padding-left-100 { padding-left: 100px; }
.padding-right-0 { padding-right: 0; }
.padding-right-10 { padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-60 { padding-right: 60px; }
.padding-right-80 { padding-right: 80px; }
.padding-right-100 { padding-right: 100px; }
.padding-top-0 { padding-top: 0; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-100 { padding-top: 100px; }
/*************************
Text and Align Classes
************************/
.text-100 { font-weight: 100; !important; }
.text-300 { font-weight: 300; !important; }
.text-400 { font-weight: 400; !important; }
.text-bold { font-weight: bold; !important; }
.text-bolder { font-weight: bolder; !important; }
.text-lighter { font-weight: lighter; !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.text-left { text-align: left !important; }
.text-nowrap { white-space: nowrap !important; }
.text-right { text-align: right !important; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-white { color: #fff !important; }
.text-primary { color: #007bff !important; }
a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; }
.text-secondary { color: #6c757d !important; }
a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; }
.text-success { color: #28a745 !important; }
a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; }
.text-info { color: #17a2b8 !important; }
a.text-info:hover, a.text-info:focus { color: #117a8b !important; }
.text-warning { color: #ffc107 !important; }
a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; }
.text-danger { color: #dc3545 !important; }
a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; }
.text-light { color: #f8f9fa !important; }
a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; }
.text-dark { color: #343a40 !important; }
a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; }
.text-muted { color: #6c757d !important; }
.text-capital { text-transform: capitalize; }
.text-lower { text-transform: lowercase; }
.text-upper { text-transform: uppercase; }
.text-size-12rem { font-size: 1.2rem; }
.text-size-14rem { font-size: 1.4rem; }
.text-size-15rem { font-size: 1.5rem; }
.text-size-20rem { font-size: 2.0rem; }
/* font-awesome rotate */
.fa-rotate-30 {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
.fa-rotate--30 {
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.fa-rotate-45 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.fa-rotate--45 {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Header & Hero area - everything above main content area */
header {
/*background-image: url(https://image.lorman.com/site/bg-hero-desk-angle-w-gradient.jpg);*/
/*background: radial-gradient(circle at 50% 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 110%), url(https://image.lorman.com/site/bg-hero-desk-angle.jpg);*/
/*background-image: url(https://image.lorman.com/images/home/hero_squares.jpg);*/
background: radial-gradient(circle at 50% 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 110%), url(https://image.lorman.com/images/home/hero_squares.jpg);
background-size: cover;
background-position: right top;
padding-top: 125px; /* accomodates #masthead */
}
#mobile-nav-trigger {
/*display: inline-block;*/
cursor: pointer;
padding: 22px 10px 9px 10px;
position: absolute;
top: 0;
right: 0;
z-index: 1001;
}
#masthead {
position: fixed;
top: 0;
width: 100%;
background: #000; /* fallback */
background-color: radial-gradient(circle at 50% 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.75) 150%);
background-color: rgba(0, 0, 0, 0.6);
height: 125px;
z-index: 999;
transition-property: height, background-color;
}
#masthead,
#masthead * {
transition-duration: 0.3s;
}
#masthead .max-width {
height: 100%;
}
#masthead .screen-progress-bar {
display: none;
position: fixed;
top: 0;
z-index: 1000;
height: 0.4em;
width: 100%;
opacity: 1;
}
#masthead .screen-progress-bar .bar {
height: 100%;
display: block;
background-color: #00a2ff;
width: 5%;
overflow: hidden;
transition-property: width, opacity;
transition-duration: 0.75s;
}
#masthead .screen-progress-bar.slow .bar {
transition-duration: 7s;
}
.screen-progress-bar .bar::before {
display: block;
position: relative;
animation: progress-bar-highlight ease-in 2s infinite;
height: 100%;
width: 50%;
min-width: 100px;
left: 25%;
content: '';
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) );
}
@keyframes progress-bar-highlight {
0% { left: -50%; }
100% { left: 100% }
}
#logo {
position: absolute;
top: 40px;
width: auto;
transition-property: height, width, top;
}
#logo.christmas {
width: auto;
top: 35px;
}
#tool-links {
float: right;
padding-top: 0.75em;
}
#tool-links a {
margin-right: 0.75em;
color: #fff;
text-decoration: none;
}
#nav-primary {
position: absolute;
top: 0;
height: 100%;
left: 200px;
margin: 0;
padding: 0;
list-style: none;
}
#nav-primary > li {
float: left;
height: 100%;
}
#nav-primary > li > a {
/* top-level a tags */
display: block;
height: 100%;
box-sizing: border-box;
padding: 2.8em 16%;
transition-property: background-color, color, border, padding;
transition-duration: 0.2s;
text-decoration: none;
font-size: 112.5%;
white-space: nowrap;
width: auto;
padding: 2.8em 24px;
}
#nav-primary > li:last-child > a {
margin-right: 0;
}
#nav-primary > li.last-child > a { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
margin-right: 0;
}
#nav-primary > li > a:link,
#nav-primary > li > a:visited {
color: rgba(255, 255, 255, 0.8);
}
.no-rgba #nav-primary > li > a:link,
.no-rgba #nav-primary > li > a:visited {
color: #cbced4;
}
#nav-primary > li > a:hover,
#masthead.kingkong-visible .show-kingkong a {
/* top-level a tags */
background-color: rgba(0, 0, 0, 0.2);
color: rgba(255, 255, 255, 1.0);
border-bottom: 8px solid #fff;
}
#masthead.dark-bg {
background-color: rgba(0,0,0,0.85);
}
#masthead.dark-bg #nav-primary > li > a:hover,
#masthead.dark-bg.kingkong-visible .show-kingkong a {
background-color: rgba(0, 0, 0, 0.8);
}
#masthead.shrunk {
height: 4em;
}
#masthead.shrunk #logo {
top: 15px;
height: 34px;
}
#masthead.shrunk #nav-primary > li > a {
padding: 1em 16%;
padding: 1em 24px;
}
#masthead.shrunk #search-wide-header .search-term {
top: 15px;
width: 0;
}
#masthead.shrunk #search-wide-header .search-term:focus {
width: 100%;
}
#masthead.shrunk #cart-status,
#masthead.shrunk #header-account,
#masthead.shrunk #header-phone-number {
top: 15px;
}
#masthead.shrunk.search-term-focus #cart-status,
#masthead.shrunk.search-term-focus #header-account,
#masthead.shrunk.search-term-focus #header-phone-number {
opacity: 0;
visibility: hidden;
}
#header-phone-number {
visibility: visible;
}
#masthead.shrunk.search-term-focus #util_cart,
#masthead.shrunk.search-term-focus #util_login,
#masthead.shrunk.search-term-focus #util_signup,
#masthead.shrunk.search-term-focus #util_account,
#masthead.shrunk.search-term-focus #util_phone {
opacity: 0;
visibility: hidden;
}
#util-phone-number {
visibility: visible;
}
#masthead nav#kingkong {
position: absolute;
left: -20px;
top: 100%;
width: 100%;
background-color: #fff;
border: 20px solid rgba(0, 0, 0, 0.6);
border-top-width: 0;
background-clip: padding-box;
z-index: 1000;
padding: 15px 0;
overflow-y: auto;
visibility: hidden;
opacity: 0;
transition-property: opacity, visibility, border, padding;
transition-duration: 0.4s; /* fade-out */
transition-delay: 0.1s; /* delay before fading out */
}
#masthead.kingkong-visible nav#kingkong {
visibility: visible;
padding: 25px 0;
opacity: 1;
transition-duration: 0.3s; /* fade-in */
transition-delay: 0s; /* delay before fading in */
}
#kingkong section {
box-sizing: border-box;
/*display: block;*/
float: left;
vertical-align: top;
padding: 0 30px;
}
#kingkong section.one-column-only {
display: none;
}
#kingkong section.account {
display: none;
float: none;
padding-bottom: 1em;
}
#kingkong .search {
margin: 0 0 1em 0;
}
#kingkong .account ul {
margin: 0;
padding: 0;
width: 100%;
}
#kingkong .account li {
display: inline-block;
box-sizing: border-box;
width: 49%;
}
#kingkong .account li a {
display: block;
width: 100%;
padding: 0.4em 0;
text-align: left;
}
#kingkong .search-term::-webkit-input-placeholder { /* WebKit browsers */
font-size: 90%;
}
#kingkong .search-term:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-size: 90%;
}
#kingkong .search-term::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 90%;
}
#kingkong .search-term:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 90%;
}
#kingkong section.topics,
#kingkong section.credits {
border-right: 1px solid #ddd;
}
#kingkong section.topics {
width: 44%;
}
#kingkong section.topics ul,
#kingkong section.credits ul {
padding: 0;
margin: 0;
width: 44%;
vertical-align: top;
}
#kingkong section.topics ul:first-of-type,
#kingkong section.credits ul:first-of-type {
margin-right: 10%;
}
#kingkong section.credits {
width: 30%;
}
#kingkong section.product-types {
width: 25%;
}
#kingkong section.topics {
}
#kingkong ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
#kingkong a {
display: block;
padding: 0.25em 0;
text-decoration: none;
color: #333;
transition-property: color;
transition-duration: 0.3s;
}
#kingkong a:hover {
text-decoration: underline;
}
#kingkong section h1 {
font-size: 1em;
font-weight: 400;
margin-bottom: 1em;
}
#kingkong section.topics h1,
#kingkong section.topics a:hover {
color: #3db198;
}
#kingkong section.credits h1,
#kingkong section.credits a:hover {
color: #d85e53;
}
#kingkong section.product-types h1,
#kingkong section.product-types a:hover {
color: #699abc;
}
#kingkong section h1 .fa,
#kingkong section h1 .fas {
display: none;
}
#search-wide-header {
position: absolute;
right: 0;
top: 46px;
width: 30%;
text-align: left;
}
#masthead.shrunk #search-wide-header {
width: 35%;
top: 14px;
}
.search-term {
width: 100%;
padding: 0.4em 30px 0.4em 0.4em;
box-sizing: border-box;
background: #515869 url(/images/site/bg-search-mag-glass.png) no-repeat right center; /* fallback */
background: rgba(255, 255, 255, 0.3) url(/images/site/bg-search-mag-glass.png) no-repeat right center;
border: none;
color: #fff;
}
.search-term::-webkit-input-placeholder { /* WebKit browsers */
color: #ddd;
}
.search-term:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ddd;
}
.search-term::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ddd;
}
.search-term:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ddd;
}
.no-rgba .search-term {
background-color: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF); /* IE6 & 7 */
zoom: 1;
}
#search-wide-header .search-term { /* desktop search box */
transition-duration: 0.2s;
}
#kingkong .search-term { /* mobile search box in #kingkong */
background-color: rgba(0, 0, 0, 0.3);
}
#kingkong .search-term::-webkit-input-placeholder { /* WebKit browsers */
color: #fff;
}
#kingkong .search-term:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
}
#kingkong .search-term::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
}
#kingkong .search-term:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff;
}
#utility_nav
{
position: absolute;
padding: 0.4em 0 0.4em 0em;
right: 0;
list-style-type: none;
margin: 0;
font-size: 90%;
top: 7px;
}
#masthead.shrunk #utility_nav {
top: 14px;
}
#utility_nav li
{
display: inline;
}
#utility_nav a
{
color: #ddd;
text-decoration: none;
padding: 0px 12px 0px 12px;
}
#cart-status,
#header-account,
#header-account2,
#header-phone-number {
top: 7px;
font-size: 90%;
opacity: 1;
transition-property: opacity, visibility, top, left, right;
}
#cart-status,
#header-phone-number {
position: absolute;
width: 10%;
padding: 0.4em 0;
}
#header-phone-number {
text-align: left;
right: 20%;
width: auto;
}
#cart-status {
text-align: center;
right: 10%;
}
#header-phone-number a, #header-phone-number a:visited,
#cart-status a, #cart-status a:visited {
color: #ddd;
text-decoration: none;
}
#header-phone-number a, #header-phone-number a:visited {
text-decoration: none;
}
#cart-status img {
padding-right: 0.3em;
}
#cart-status .fa,
#cart-status .fas {
padding-right: 5px;
}
#header-account {
position: absolute;
padding: 0.4em 0 0.4em 0em;
right: 0;
text-align: right;
color: #3d4962;
padding: 0.4em 0 0.4em 0.4em;
}
#header-account > a {
color: #ddd;
text-decoration: none;
}
#header-account2 {
position: absolute;
padding: 0.4em 0 0.4em 0em;
right: 0;
text-align: right;
color: #3d4962;
padding: 0.4em 0 0.4em 0.4em;
}
#header-account2 > a {
color: #ddd;
text-decoration: none;
}
#header-notifications {
display: none;
width: 350px;
background-color: #222;
position: absolute;
top: 127px;
right: 0;
border: 1px solid #474444;
z-index: 2000;
}
#header-notifications .msgLine {
background-color: #FFFFFF;
border: 1px solid #5B5E63;
margin: 5px;
overflow-y: auto;
position: relative;
cursor: pointer;
}
#header-notifications .msgLine:hover {
background-color: #f3f3f3;
}
#header-notifications .msgLine.expanded:hover {
background-color: #fff;
}
#header-notifications .msgSubject {
cursor: pointer;
margin-right: 10px;
margin-top: 15px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
#header-notifications .expanded .msgSubject {
text-overflow: inherit;
white-space: normal;
}
#header-notifications .msgRead .msgSubject {
font-weight: normal;
}
#header-notifications .msgText {
display: none;
padding: 15px;
clear: left;
text-align: left;
}
#header-notifications .msgText > a {
color: #222222;
}
#header-notifications .msgDate {
float: right;
font-size: 8pt;
margin-top: 3px;
color: #aeaead;
}
#header-notifications .msgUnread {
font-weight: bold;
}
#header-notifications .msgRead {
font-weight: normal;
}
#header-notifications .msgIndicator {
border: 1px solid #EFEFEF;
float: left;
height: 50px;
width: 50px;
margin-right: 15px;
}
#header-notifications .msgList {
padding: 7px 5px 10px;
}
#header-notifications .msgDelete {
color: #bbb;
cursor: pointer;
float: right;
font-size: 10pt;
height: 18px;
margin-right: 5px;
margin-top: -1px;
text-shadow: 0 -1px #3C3D40;
width: 18px;
visibility: hidden;
}
#header-notifications .msgSystem {
float: right;
height: 18px;
margin-right: 5px;
margin-top: -1px;
width: 18px;
visibility: hidden;
}
#header-notifications .expanded .msgDelete {
visibility: visible;
}
#header-notifications .msgDelete:hover {
color: red;
}
#header-notifications .no-messages {
color: white;
padding: 0.5em;
}
#header-notifications .clearMsgs {
color: white;
cursor: pointer;
padding-right: 20px;
}
#header-notifications .upA {
border-bottom: 20px solid #fff;
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
height: 0;
position: relative;
top: -23px;
left: 240px;
width: 0;
}
#header-notifications .exclaim {
background: url(/images/site/sprite-notifications.png) no-repeat scroll 0 -90px rgba(0, 0, 0, 0);
height: 27px;
margin-left: 10px;
margin-top: 15px;
width: 30px;
}
#header-notifications .message-header {
background: url(/images/site/sprite-notifications.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 27px;
width: 30px;
}
#header-notifications .message {
background: url(/images/site/sprite-notifications.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 27px;
width: 30px;
margin: 15px 10px 0px;
}
#header-notifications .envelope {
background: url(/images/site/sprite-notifications.png) no-repeat scroll 0 -150px rgba(0, 0, 0, 0);
height: 27px;
margin-left: 10px;
margin-top: 15px;
width: 30px;
}
#header-notifications .warning {
background: url(/images/site/sprite-notifications.png) no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
height: 27px;
margin-left: 10px;
margin-top: 15px;
width: 30px;
}
#header-notifications .blubck {
background-color: #2F9CFB;
}
#header-notifications .redbck {
background-color: #D3311A;
}
#header-notifications .gryblubck {
background-color: #4B566C;
}
#header-notifications .yllwbck {
background-color: #FFCC33;
}
#header-notifications .xnay {
color: #FFFFFF;
cursor: pointer;
margin-left: 314px;
top: -5px;
padding: 8px;
position: absolute;
text-shadow: 0 -1px #303337;
}
.header-notification-count {
display: inline-block;
text-decoration: none;
text-align: center;
cursor: pointer;
background: url(/images/site/sprite-notifications.png) no-repeat 0 -210px;
width: 21px; /* should match width of icon */
height: 12px;
padding: 1px 0 9px 0;
margin: 0 4px 0 0;
/* not launching immediately so hide them */
/*display: none;*/
}
.notify-num {
color: #101A30;
font-size: 12px;
font-weight: bold;
}
/* legacy(?) breadcrumb support */
#breadcrumb {
padding: 0.5em 0;
font-size: 87.5%;
color: #ccc;
color: rgba(255, 255, 255, 0.7);
background: rgba(0, 0, 0, 0.2);
}
.no-rgba #breadcrumb {
background: transparent url(/images/site/bg-solid-000-20.png);
}
#breadcrumb a:link,
#breadcrumb a:visited {
color: #fff;
}
#hero {
/*min-height: 145px;*/
padding: 40px 0 0 0;
}
#hero h1, #hero h2 {
font-family: "proxima-nova", lato, sans-serif;
font-weight: normal;
color: #fff;
margin: 8px 0;
padding: 0;
font-weight: 700;
text-shadow: 0 0 25px rgba(0, 0, 0, 1);
}
#hero h2 {
font-weight: 400;
}
#hero h1.product-hero-head,
#hero h2.product-hero-subhead {
/* need to fit around the .highlights block */
max-width: 70%;
}
#hero h1 {
font-size: 36px;
}
#hero h2 {
font-size: 26px;
color: rgba(255, 255, 255, 0.7);
padding: 0 0 10px 0;
margin-bottom: 0;
}
#hero h1:last-child:first-child { /* #hero only contains a single
*/
padding-top: 20px;
}
#hero h1:last-child { /* no tabs? no lower h2? */
margin: 0;
padding-bottom: 60px;
}
#hero h1.last-child { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
margin: 0;
padding-bottom: 60px;
}
#hero h2:last-child { /* no tabs? space the last header */
padding-bottom: 40px;
}
#hero h2.last-child { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
padding-bottom: 40px;
}
#hero-tabs ul {
list-style: none;
margin: 40px 0 0 0;
padding: 0;
height: 3em;
clear: both;
}
#hero-tabs li {
float: left;
}
#hero-tabs a {
display: block;
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
text-decoration: none;
transition-property: background-color, color, margin;
transition-duration: 0.2s;
height: 1em;
line-height: 1em;
padding: 1em;
margin-right: 0.75em;
margin-top: 0.1em;
}
.no-rgba #hero-tabs a {
background: transparent url(/images/site/bg-solid-fff-20.png);
}
#hero-tabs a:hover {
background-color: rgba(255, 255, 255, 0.3);
color: #fff;
margin-top: 0;
}
#hero-tabs a.active,
#hero-tabs a.active:hover,
#hero-tabs .active a,
#hero-tabs .active a:hover {
background-color: #fff;
text-shadow: none;
color: #253a6a;
margin-top: 0;
}
/* End header & hero area */
/* Main content area */
section#content {
background-color: #fff;
padding: 25px 0 35px 0;
position: relative;
}
#content img {
max-width: 100%;
height: auto;
}
#content h1:first-child,
#content h2:first-child,
#content p:first-child {
margin-top: 0;
}
#content h1.first-child,
#content h2.first-child,
#content p.first-child { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
margin-top: 0;
}
#left-menu.contact {
float: left;
}
#left-menu.bookstore {
position: absolute; /* allows for clear: left; */
left: 0;
}
#left-menu ul {
margin: 0 0 3em 1.5em;
padding: 0;
}
#left-menu h3 {
margin: 0;
font-weight: normal;
}
.bg-left-column {
display: none;
}
/* End main content area */
/* Footer */
footer {
background-color: #222; /* matches body BG color */
color: #777;
clear: both; /* legacy: there are some weird floats that will be removed eventually */
}
footer nav {
font-size: 87.5%;
padding: 4em 0;
overflow: hidden;
height: auto;
}
footer nav ul {
float: left;
width: 20%;
margin: 0;
padding: 0 5% 0 0;
list-style: none;
}
footer nav h3, footer nav ul li.nav-footer-heading {
color: #fff;
margin: 0 0 0.25em 0;
font-weight: normal;
font-size: 1.17em;
}
footer a {
text-decoration: none;
}
footer a:hover {
color: #fff;
text-decoration: underline;
}
footer a:link {
color: #ccc;
}
footer a:visited {
color: #aaa;
}
footer .footer-gdpr {
background-color: #393939;
color: #FFFFFF;
padding: 20px;
margin-top: 16px;
text-align: center;
border-radius: 8px;
}
#footer-social {
position: absolute;
right: 0;
padding-bottom: 3em;
}
#footer-social img {
margin-left: 10px;
opacity: 0.4;
transition-property: opacity;
transition-duration: 0.2s;
}
#footer-social img:hover {
opacity: 1.0;
}
#footer-copyright {
font-size: 87.75%;
color: #8A8A8A;
}
#dev-tools {
font-size: 87.75%;
padding: 1em 0 1em 32px;
background: url(/tmp/cog_24x24.png) no-repeat left center;
}
/* End footer */
/* All page-specific styles
NO LEGACY STYLES HERE - see legacy.css */
/* Big Three product index pages: Live Seminar, Live Webinar, OnDemand Webinar */
.cards.feature-image .card {
display: block;
float: left;
box-sizing: border-box;
vertical-align: top;
position: relative;
/*width: 17%;*/
margin: 0 1.5%;
/*min-width: 250px;*/
min-width: 210px;
max-width: 305px;
overflow: visible;
z-index: 90;
}
.cards.feature-image .card:hover {
cursor: pointer;
z-index: 91;
}
.cards.feature-image .card:hover .cta,
.cards.feature-image .card:hover .faculty,
.cards.feature-image .card:hover .credit a {
display: block;
}
.cards.feature-image .card .cta,
.cards.feature-image .card .faculty,
.cards.feature-image .card .credit a {
display: none;
}
.cards.feature-image .card .cta {
position: absolute;
padding: inherit;
top: 30%;
height: 100%;
width: 100%;
text-align: center;
font-size: 1.1em;
z-index: 100;
text-transform: uppercase;
}
.cards.feature-image .card .cta a.button,
.cards.feature-image .card .cta a.button:hover,
.cards.feature-image .card .cta a.button:visited {
border-color: #fff;
color: #fff;
background-color: transparent;
padding: 0.6em 1.75em;
letter-spacing: 2px;
}
.cards.feature-image .card .credit,
.cards.feature-image .card .faculty {
margin: 0.6em 0;
padding: 0.6em 0;
font-size: 0.9em;
text-align: center;
color: #777;
}
.cards.feature-image .card:hover .credit,
.cards.feature-image .card:hover .faculty {
color: #444;
}
.cards.feature-image .card .credit::before,
.cards.feature-image .card .faculty::before {
display: block;
content: "";
border-bottom: 1px solid #ddd;
letter-spacing: 2px;
font-size: 0.7em;
color: #888;
padding: 0 0.5em 0 0;
width: 50%;
margin: 0 25% 0.8em 25%;
}
.cards.feature-image .card .credit::before {
content: "CREDIT";
}
.cards.feature-image .card .faculty::before {
content: "FACULTY";
}
.cards.feature-image .card .top {
position: relative;
height: auto;
min-height: 160px;
overflow: hidden;
padding: 5% 4% 0 4%;
background-color: transparent;
border: 2px solid transparent;
border-width: 2px 2px 0 2px;
}
.cards.feature-image .card .feature-image {
position: relative;
overflow: hidden;
}
.cards.feature-image .card .top .urgent {
background-color: rgba(0, 0, 0, 0.8);
color: #eee;
text-transform: uppercase;
font-size: 0.7em;
position: absolute;
padding: 0.5em 0;
width: 100%;
text-align:center;
transform: rotate(30deg);
right: -34%;
top: 8%;
}
.cards.feature-image .card .top img {
display: block;
width: 100%;
height: auto;
min-height: 50%;
}
.cards.feature-image .card .meta {
display: block;
position: absolute;
width: 100%;
height: 4em;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 100%);
transition-property: background, height;
transition-duration: 0.2s;
}
.cards.feature-image .card:hover .meta {
height: 120%;
}
.cards.feature-image .card .top .product-type,
.cards.feature-image .card .top .date {
display: block;
position: absolute;
bottom: 0.4em;
color: #fff;
font-size: 0.9em;
}
.cards.feature-image .card .top .product-type {
left: 3%;
font-weight: 400;
text-transform: uppercase;
}
.cards.feature-image .card .top .date {
right: 3%;
}
.cards.feature-image .card .top,
.cards.feature-image .card .bottom {
width: 100%;
transition-property: background-color, border-color;
transition-duration: 0.3s;
}
.cards.feature-image .card .bottom {
min-height: 0;
padding: 15px 15px 25px 15px;
padding: 5% 4% 10% 4%;
background-color: transparent;
border: 2px solid transparent;
border-width: 0 2px 2px 2px;
}
.cards.feature-image .card:hover .top,
.cards.feature-image .card:hover .bottom {
background-color: #eee !important;
border-color: #ccc;
}
.cards.feature-image .card:hover .bottom {
position: absolute;
}
.product-index #content.loading {
opacity: 0.9;
filter: grayscale(50%);
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(50%);
}
form.product-filter {
padding: 1em;
background-color: #f3f3f3;
width: auto;
min-width: 50%;
}
.product-filter h3,
.newsletter-form h3 {
margin-top: 0;
}
.product-filter.topic {
}
.product-filter.credit {
}
.product-filter.active, .product-filter:hover {
}
.product-filter fieldset {
margin-bottom: 0.5em;
min-height: 1.5em;
}
.product-filter fieldset label {
float: left;
width: 90px;
}
.product-filter fieldset.disabled {
visibility: hidden;
}
.product-filter input[type="submit"] {
margin-top: 0.5em;
}
.result-count {
margin: 1em 0;
}
.similar-topics {
margin: 1em 0;
}
.similar-topics h4 {
float: left;
margin: 0;
font-size: 1em;
}
.similar-topics a {
font-size: 1em;
margin-left: 0.75em;
}
.product-index .product-results-list {
margin-top: 2em;
width: 100%;
}
/* .product-row is used in quite a few places, including /training/ and /account/training/ */
.product-row {
margin: 1em 0;
padding: 1em 1em;
min-height: 2em;
background-color: #fff;
}
.product-row:nth-of-type(odd) {
background-color: #f3f3f3;
}
.product-row.odd { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
background-color: #f3f3f3;
}
.product-index .product-row:hover {
background-color: #eee;
cursor: pointer;
}
.product-row:hover a.button {
background-color: #bb3535;
}
.product-row .learn-more,
.account .product-row .button,
.professional-directory .product-row .button {
float: right;
margin-left: 2em;
}
.account .product-row .button .fa,
.account .product-row .button .fas {
padding-right: 0.5em;
}
.product-row .date-location {}
.product-row .location {
}
.product-row .date {
margin: 0 0.5em 0 0;
}
.product-row .name {
font-size: 111%;
min-height: 40px;
}
.product-row .name a {
text-decoration: none;
}
.product-row .name a:hover {
text-decoration: underline;
}
.product-no-results {
margin: 3em 1em;
font-weight: bold;
}
.newsletter-form {
padding: 1em;
margin: 1em 0 2em 0;
background-color: #f3f3f3;
}
.account .product-row .sku {
text-align: right;
padding: 1px;
}
.account .product-row .benefits {
margin-top: 1em;
margin-bottom: 1em;
}
/* 2014-04-21 release of product index pages */
.result-count {
min-height: 1em;
}
.sort-by,
.product-index .view-toggle-controls {
float: right;
margin-left: 2em;
}
.sort-by {
margin-top: 0.45em;
}
.category-parent,
.product-parent,
.professional-directory.search .specialties .parent > label {
text-decoration: underline;
}
.parent-faux-checkbox {
display: inline-block;
/*cursor: pointer;*/
width: 1em;
height: 1em;
margin: 0.25em 0.5em 0 0;
float: left;
}
.parent.none-checked.minimized ul.children,
.specialties .none-checked.minimized .children {
display: none;
}
.filter .autocomplete {
display: none;
position: absolute;
background-color: #fff;
border: 1px solid #ccc;
border-top: 0;
width: 97%;
max-height: 15em;
overflow-y: auto;
z-index: 11;
}
.filter .autocomplete p {
padding: 0.4em 3% 0 3%;
}
.filter .autocomplete ul {
margin: 0;
padding: 0;
width: 100%;
}
.filter .autocomplete li {
padding: 0.4em 3%;
margin: 0;
cursor: default;
}
.filter .autocomplete li:hover {
background-color: #f0f0f0;
}
.filter .autocomplete li.selected {
background-color: #ddd;
}
.product-index .column.left,
.account.my-training .column.left,
.professional-directory .column.left {
float: left;
width: 25%;
background-color: transparent;
}
.professional-directory .column.left {
position: absolute;
}
.professional-directory .column.right {
min-height: 700px;
}
.product-index .column.left input[type="text"],
.account.my-training .column.left input[type="text"],
.professional-directory .column.left input[type="text"] {
padding: 0.5em 3%;
width: 93%;
border: 0;
background-color: #f3f3f3;
margin-top: 0.75em;
}
.product-index .column.left input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
color: #777;
}
.product-index .column.left input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #777;
}
.product-index .column.left input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #777;
}
.product-index .column.left input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #777;
}
.product-index.show-left-column .column.left input[type="text"] {
background-color: #fff;
}
.product-index .column.right,
.account.my-training .column.right,
.professional-directory .column.right {
margin-left: 30%;
}
.filter {
margin-bottom: 2em;
position: relative;
}
.filter h2 {
font-size: 1.25em;
margin: 0 0 0 0;
}
.filter ul {
list-style: none;
margin: 0.75em 0 0.25em 0.5em;
padding: 0;
}
.filter ul.children {
margin: 0.75em 0 0.75em 1em;
}
/*.filter.product ul.children {
margin-top: 0.25em;
clear: left;
}*/
.filter li {
display: block;
min-height: 1.8em;
margin: 0;
}
.filter.search input[type="submit"] {
display: none;
margin-top: 1em;
width: 100%;
}
.filter input[type="checkbox"],
.specialties input[type="checkbox"] {
display: none;
}
.lt-ie9 .filter {
}
.lt-ie9 .filter input[type="checkbox"] { /* labels don't receive click events for hidden inputs in <= IE8 */
display: block;
position: absolute;
left: -500px;
}
.filter label,
.specialties label {
cursor: pointer;
display: block;
padding: 0;
line-height: 1.3em;
}
.filter input[type="checkbox"] + label span,
.filter .parent-faux-checkbox,
.specialties input[type="checkbox"] + label span,
.specialties .parent-faux-checkbox {
display: inline-block;
float: left;
height: 18px;
width: 18px;
margin: 0 8px 8px 0;
vertical-align: baseline;
background: url(/images/site/sprite-input-checkbox.png) no-repeat 0 -18px;
}
.filter input[type="checkbox"] + label:hover span,
.filter .parent.some-checked .parent-faux-checkbox,
.filter .some-checked + li.parent + label:hover span,
.specialties input[type="checkbox"] + label:hover span,
.specialties .parent.some-checked .parent-faux-checkbox,
.specialties .some-checked + li.parent + label:hover span {
background-position: 0 -36px;
}
.filter input[type="checkbox"]:checked + label span,
.filter input[type="checkbox"]:checked + label:hover span,
.filter .parent.all-checked .parent-faux-checkbox,
.specialties input[type="checkbox"]:checked + label span,
.specialties input[type="checkbox"]:checked + label:hover span,
.specialties .parent.all-checked .parent-faux-checkbox {
background-position: 0 0;
}
.filter input[type="checkbox"].checked + label span,
.filter input[type="checkbox"].checked + label:hover span,
.parent.all-checked .parent-faux-checkbox { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
background-position: 0 0;
}
.filter.product .product-color-hint {
display: block;
float: right;
height: 3px;
margin-top: 10px;
width: 12px;
margin-left: 8px;
}
.account .card.product.seminar .top {
background-color: #9a80e5;
}
.account .card.product.teleconference .top {
background-color: #f5af85;
}
.account .card.product.online_audio .top {
background-color: #80c0e5;
}
.account .card.product.manual .top,
.account .card.product.audio-flash .top {
background-color: #8fdd96;
}
.account .card.product.teleconference_audio .top {
background-color: #9a80e5;
}
.account .card.product.UNAVAILABLE .top {
background-color: #A9A9A9;
}
.product-row {
min-height: 3.7em;
margin: 0;
padding: 1.5em 1em;
}
.product-row .name a:hover {
text-decoration: none;
}
.product-row img.profile {
float: left;
margin-right: 20px;
}
.product-row img.product-type {
float: left;
/*padding-top: 5px;*/
}
.product-index .product-row:hover img.product-type {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition-property: all;
transition-duration: 0s;
}
.product-row .name,
.product-row .date-location,
.product-row .sponsor,
.product-row .type,
.product-row .alternate-formats,
.product-row .indent,
.product-row .title {
margin-left: 50px;
}
.product-row .date {
margin: 0;
}
.product-row .cant-attend {
font-size: 80%;
opacity: 0.6;
margin-top: 1em;
text-align: right;
}
.product-row .alternate-formats,
.product-row div.product-type {
font-size: 80%;
opacity: 0.6;
}
.product-row:hover {
background-color: #e6e6e6;
}
.product-row:hover .cant-attend {
opacity: 1;
}
.product-row:hover .name a {
color: #bb3535;
}
#mobile-filter-trigger,
.mobile-filter-trigger {
display: none;
}
/* end 2014-04-21 release of product index pages */
/* end product index pages */
/*
Big Three product pages: Live Seminar, Live Webinar, OnDemand Webinar
Some of these styles also affect the Pass product page lorman.com/pass/
*/
#hero section.highlights {
float: right;
width: 25%;
max-width: 200px;
color: #fff;
line-height: 1.6em;
text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
#hero section.highlights h4,
#hero section.highlights h5 {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
#hero section.highlights h5 {
border-bottom: none;
font-size: 1em;
margin: 0;
}
#hero section.highlights a, #hero section.highlights a:visited {
color: #fff;
}
#hero section.highlights img {
vertical-align: middle;
padding-bottom: 0.2em;
}
.product-type-info {
vertical-align: baseline;
cursor: help;
padding: 0.15em 0 0.45em 0.5em;
}
.product-type-info-tooltip {
position: absolute;
display: none;
right: 0;
top: 2em;
padding: 0.4em 1em;
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #000;
width: auto;
white-space: nowrap;
}
.no-rgba .product-type-info-tooltip {
background: transparent url(/images/site/bg-solid-000-80.png);
}
#hero section.highlights ul {
margin: 0;
padding: 0;
list-style: none;
}
#hero section.highlights li {
padding: 0 0 2px 24px;
background-image: url(/images/site/sprite-highlights.png?v=20150914);
background-repeat: no-repeat;
}
#hero section.highlights li.date {
background-position: 0 5px;
}
#hero section.highlights li.time {
background-position: 0 -95px;
}
#hero section.highlights li.location {
background-position: 0 -195px;
}
#hero section.highlights .additional-product-types {
padding-top: 1.5em;
}
section.page {
display: none;
padding-bottom: 2em;
min-height: 575px;
}
section.page.active {
display: block;
}
.product .column.wide, .resource-product .column.wide {
/* desktop view: left column */
width: 63%;
padding-left: 1em;
}
.product .column.narrow, .resource-product .column.narrow {
/* desktop view: right column */
position: absolute;
right: 0;
top: 0;
width: 27.5%;
}
.page h2,
.page h3,
.why-lorman #content h2,
.why-lorman #content h3,
.product.pass #content h2,
.product.pass #content h3 {
font-size: 26px;
font-weight: normal;
margin: 1em 0 0 0;
}
.button.show-product-options,
.button.large:hover {
background-image: url(/images/site/bg-cta-arrow-right.png);
background-position: 95% center;
background-repeat: no-repeat;
}
.button.cta {
text-align: center;
padding: 0.5em 2em;
}
.column.narrow .button.span {
width: 100%;
padding: 0.5em 5%;
text-align: center;
}
.button.cta:hover {
background-color: #11234d;
}
.button.cta.blue:hover {
background-color: #bb3535;
}
.button.cta.active {
background-color: #11234d;
background-image: none;
}
.show-product-options .use-pass {
font-size: 12px;
text-align: right;
margin: 0.25em 27px 0 0;
}
.credit-cloud-container {
width: 100%;
height: auto;
}
.credit-cloud-container .credit-type {
display: block;
float: left;
padding: 0.5em 0.75em;
border: 4px solid #fff;
border-width: 2px;
background-color: #ddd;
text-decoration: none;
color: #444;
transition-property: background-color, color;
transition-duration: 0.2s;
}
.credit-cloud-container .credit-type.summary-link {
float: none;
clear: both;
text-align: right;
background-color: #eee;
text-decoration: underline;
color: inherit;
}
.credit-cloud-container .credit-type:hover {
background-color: #ccc;
color: #11234d;
}
#overview.page .module.runtime { float: left; margin-right: 2em; }
#overview.page .module.exam-available { float: left; margin-right: 2em; }
#overview.page .module.certificate-available { float: left; margin-right: 2em; }
#overview.page .faculty .individual {
text-decoration: none;
}
#overview.page .faculty.photos .individual {
display: block;
width: 27%;
margin: 3%;
position: relative;
float: left;
}
#overview.page .faculty .individual img {
width: 100%;
height: auto;
filter: grayscale(100%);
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%) contrast(115%);
}
#overview.page .faculty.photos .individual .meta {
position: absolute;
bottom: 0;
left: 0;
padding: 0.5em 4%;
width: 92%;
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
transition-property: height;
transition-duration: 0.25s;
}
.no-rgba #overview.page .faculty.photos .individual .meta {
background: transparent url(/images/site/bg-solid-000-40.png);
}
#overview.page .faculty.photos .individual h4 {
padding: 0;
margin: 0;
font-size: 1.25em;
font-family: Gnuolane;
font-weight: normal;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#overview.page .faculty.photos .individual h4.company {
display: none;
}
#overview.page .faculty.photos .individual:hover h4.company {
display: block;
}
#overview.page .faculty.photos .individual:hover h4.name {
opacity: 0.75;
}
#overview.page .faculty.no-photos .individual h4.name {
margin: 1em 0 0 0;
}
#overview.page .faculty.no-photos .individual h4.company {
margin: 0 0 1em 0;
font-weight: normal;
}
#overview.page .addl-seo-description {
clear: both;
margin-top: 3em;
}
#faculty.page .individual {
/*min-height: 216px;*/ /* 216px is the height of the default image */
}
#faculty.page .individual .photo {
float: left;
/*max-width: 144px;
height: auto;*/
}
#faculty.page .individual .bio {
margin-left: 11em;
margin-bottom: 4em;
}
#faculty.page .individual.no-photo .bio {
margin-left: 0;
}
#faculty.page .individual .bio h3.name {
margin-bottom: 0.25em;
}
#faculty.page .individual .bio h4.title,
#faculty.page .individual .bio h4.company {
margin: 0;
}
#agenda.page table {
margin: 1em 0;
}
#agenda.page td {
padding: 0 1em 0.5em 0;
}
#agenda.page ul ul li { /* sub-subs */
list-style-type: circle;
}
#credits.page .credit_logo {
float: right;
margin: 0 0 0.5em 0.5em;
}
#credits.page .credit-icons {
text-align: center;
}
#credits.page .credit-icons a {
padding: 10px;
margin: 10px;
}
#credits.page .product-credit h3 {
cursor: pointer;
font-size: 1.2em;
}
#credits.page .product-credit .credit-details {
display: none;
margin: 1em auto 2em auto;
}
#credits.page .product-credit:only-of-type h3 {
display: none;
}
#credits.page .product-credit:only-of-type .credit-details {
display: block;
}
section#product-id {
background-color: #fff;
color: #aaa;
text-align: right;
padding: 0.5em 0;
}
section.grey-bg { /* bottom cta */
background-color: #ddd;
padding: 4em 0;
}
div.grey-bg {
background-color: #ddd;
}
.wide-cta .button.cta {
float: right;
margin: 0 0 0 2em;
}
.wide-cta h2 {
font-weight: normal;
margin: 0.25em 0;
}
.wide-cta h2:last-of-type {
color: #777;
font-size: 1.2em;
}
.wide-cta h2.last-of-type { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
color: #777;
}
.modal-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
display: none;
}
.no-rgba .modal-mask {
background: transparent url(/images/site/bg-solid-000-50.png);
}
.product h2 .nobreak, .product-resource h2 .nobreak {
white-space: nowrap;
}
.product-options-inline {
display: none;
background-color: #eee;
}
.product-options-inline .product {
border-bottom: 1px solid #fff;
padding: 0.75em;
position: relative;
}
.product-options-inline h2 {
font-weight: normal;
font-size: 1em;
}
.product-options-inline .price {
margin: 1.25em 0 0.2em 0;
}
.product-options-inline .price .strike {
text-decoration: line-through;
color: #777;
padding-right: 0.5em;
}
.product-options-inline .additional_attendee_price {
margin-top: 0;
margin-bottom: 2.5em;
}
.product-options-inline .button.large {
font-size: 100%;
padding: 0.2em 1em;
width: auto;
position: absolute;
bottom: 0.75em;
right: 0.75em;
background-image: none;
}
.product-options-inline .button:before {
content: '+ ';
}
.modal-dialog {
/*position: fixed;*/ /* tkt#:21238 */
position: absolute;
top: 150px;
width: 95%;
max-width: 900px;
padding: 15px;
background-color: #fff;
z-index: 1031;
display: none;
}
#product-options-modal.product-options-count-1 {
width: auto;
min-width: 300px;
}
#product-options-modal h1,
.modal-dialog > h1:first-of-type {
font-size: 150%;
font-weight: normal;
margin: 0 0 0.5em 0;
color: #253a6a;
}
#product-options-modal .discount-disclamer{
font-size: 75%;
}
#product-options-modal .product {
float: left;
width: 26%;
padding: 0 3.62% 1.5em 3.62%;
margin: 1em 0;
border-left: 1px solid #ccc;
text-align: center;
}
#product-options-modal .product:first-of-type {
border-left: 0;
}
#product-options-modal .product.first-of-type { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
border-left: 0;
}
#product-options-modal .product h2,
#product-options-modal .all-access-pass h2 {
font-weight: normal;
height: 1.3em;
line-height: 1.3em;
padding: 0.65em 0;
}
#product-options-modal .product h2.two-line {
height: 2.6em;
padding: 0;
}
#product-options-modal .all-access-pass h2 {
padding: 0;
margin: 0;
}
#product-options-modal .price {
font-size: 150%;
margin: 0.5em 0;
}
#product-options-modal .price .strike {
text-decoration: line-through;
color: #777;
padding-right: 0.5em;
}
#product-options-modal .product .button {
width: 80%;
text-align: center;
padding: 0.4em 10%;
}
#product-options-modal.product-options-count-1 .product {
/* only one option */
float: none;
width: 80%;
padding: 0 10% 1.5em 10%;
border-right: none;
}
#product-options-modal.product-options-count-1 .product h2 {
/* only one option */
height: auto;
}
#product-options-modal.product-options-count-2 .product {
/* only two options */
width: 40%;
padding: 0 4.95% 1.5em 4.95%;
}
#product-options-modal .all-products .product,
#product-options-modal .choose-product-type li {
/* all products - vertical list */
float: none;
width: auto;
padding: 1em;
margin: 1em 0;
border: 1px solid transparent;
text-align: left;
transition-property: background-color, border-color;
transition-duration: 0.5s;
}
#product-options-modal .all-products .product img.product-type,
#product-options-modal .choose-product-type li img.product-type {
float: left;
padding: 0em 1.6em 0 0;
}
#product-options-modal .all-products .product h3,
#product-options-modal .choose-product-type li h3 {
margin: 0.15em 0 0.15em 0;
font-size: 24px;
font-weight: normal;
}
#product-options-modal .all-products .product h4,
#product-options-modal .choose-product-type li h4 {
margin: 0 1.6em 0 0;
font-size: 1em;
font-weight: normal;
}
#product-options-modal .all-products .product:hover,
#product-options-modal .choose-product-type li:hover {
cursor: pointer;
background-color: #f6f6f6;
}
#product-options-modal .all-products .product.selected,
#product-options-modal .choose-product-type li.selected {
background-color: #f2f2f2;
border-color: #e1e1e1;
}
#product-options-modal .all-products .button {
float: right;
margin-left: 1em;
}
#product-options-modal .all-products #product-option-price {
font-size: 26px;
margin-top: 1.5em;
padding-top: 0.5em;
padding-right: 0.5em;
text-align: right;
}
#product-options-modal .all-products #product-option-price .original {
text-decoration: line-through;
opacity: 0.7;
padding-right: 0.5em;
}
#product-options-modal .all-products #product-option-use-pass {
display: none;
}
#product-options-modal .all-products .use-pass #product-option-add-cart {
display: none;
}
#product-options-modal .all-products .use-pass #product-option-use-pass {
display: block;
}
/* team assignment */
#product-options-modal .screen {
display: none;
margin: 0;
}
#product-options-modal .show-choose-product-type .screen.choose-product-type,
#product-options-modal .show-choose-team-members .screen.choose-team-members,
#product-options-modal .show-complete .screen.complete,
#product-options-modal .show-choose-goal .screen.choose-goal {
display: block;
}
#product-options-modal .product-assignment-cta,
#product-options-modal .add-to-goal-cta {
border-top: 1px solid #ccc;
padding-top: 3em;
margin: 3em 0 2em 0;
}
#product-options-modal .product-assignment-cta .fa-users,
#product-options-modal .add-to-goal-cta .fa-users,
#product-options-modal .add-to-goal-cta .fa-check-square-o,
#product-options-modal .add-to-goal-cta .fa-check-square {
float: left;
font-size: 5em;
}
#product-options-modal .product-assignment-cta h1,
#product-options-modal .add-to-goal-cta h1,
#product-options-modal .product-assignment-cta p,
#product-options-modal .add-to-goal-cta p {
margin-left: 135px;
}
#product-options-modal .product-assignment-cta a.button.cta,
#product-options-modal .add-to-goal-cta a.button.cta {
margin-bottom: 2em;
}
#product-options-modal .choose-team-members .header {
margin-bottom: 2em;
}
#product-options-modal .choose-team-members .header h1,
#product-options-modal .choose-team-members .header p,
#product-options-modal .choose-team-members .header input {
margin-left: 135px;
}
#product-options-modal .choose-team-members .header small { margin-left: 25px; }
#product-options-modal #product-assignment .header h1,
#product-options-modal #add-to-goal .header h1 {
margin-top: 0.3em;
}
#product-options-modal #product-assignment .header > .fa-users,
#product-options-modal #product-assignment .header > .fa-calendar,
#product-options-modal #add-to-goal .header > .fa-users {
float: left;
font-size: 4em;
margin: 0.23em;
}
#product-options-modal .choose-product-type ul.product-types {
list-style: none;
margin: 1em 0;
padding: 0;
}
#product-options-modal #product-assignment .message.error {
}
#product-options-modal #product-assignment .message.error .fa,
#product-options-modal #product-assignment .message.error .fas {
color: #bb3535;
margin-right: 0.4em;
}
#product-options-modal .choose-goal #new-goal-name {
display: block;
width: 99%;
}
#product-options-modal .choose-goal #new-goal-description {
display: block;
width: 99%;
}
#product-options-modal .choose-team-members input[type="text"] {
display: block;
min-width: 300px;
}
#product-options-modal .choose-team-members .single .team h2 {
display: none;
}
#product-options-modal .choose-team-members .team h2 {
margin: 0 0 0.5em 135px;
}
#product-options-modal .choose-team-members ul.users {
list-style: none;
margin: 0 0 3em 135px;
padding: 0;
max-height: 5.4em;
overflow-y: auto;
}
#product-options-modal .choose-team-members ul.users li {
background-color: #ddd;
color: #444;
}
#product-options-modal .choose-team-members .single ul.users {
max-height: none;
}
#product-options-modal .choose-team-members ul.users::-webkit-scrollbar {
width: 0.5em;
}
#product-options-modal .choose-team-members ul.users::-webkit-scrollbar-track {
background-color: #eee;
border-radius: 2px;
}
#product-options-modal .choose-team-members ul.users::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 0;
}
#product-options-modal .choose-team-members ul.users:hover::-webkit-scrollbar-thumb {
background-color: #253a6a;
border-radius: 0;
}
#product-options-modal .product-assignment-cta .begin-assignment,
#product-options-modal .product-assignment-cta .button.login,
#product-options-modal .add-to-goal-cta .begin-assignment,
#product-options-modal .add-to-goal-cta .button.login,
#product-options-modal #product-assignment .save-assignment,
#product-options-modal #add-to-goal .save-assignment,
#product-options-modal .choose-product-type .header .button {
float: right;
text-align: right;
}
#product-options-modal #product-assignment .save-assignment .button {
display: block;
margin-bottom: 0.4em;
}
#product-options-modal .choose-team-members .team .button.select-all {
float: left;
}
#product-options-modal .choose-team-members ul.users li,
#product-options-modal .choose-team-members ul.users li.checked {
margin: 0 0.6em 0.7em 0;
cursor: pointer;
}
#product-options-modal .choose-team-members ul.users li.search-not-match,
#product-options-modal .choose-team-members section.search-not-matched {
display: none;
}
#product-options-modal .choose-team-members ul.users li.search-not-match.checked {
display: inline-block;
}
#product-options-modal .choose-team-members ul.users li .fa-check-square-o,
#product-options-modal .choose-team-members ul.users li.checked .fa-square-o,
#product-options-modal .choose-team-members ul.users li .fa-check-square,
#product-options-modal .choose-team-members ul.users li.checked .fa-square
{
display: none;
}
#product-options-modal .choose-team-members ul.users li.checked .fa-check-square-o,
#product-options-modal .choose-team-members ul.users li.checked .fa-check-square {
display: inherit;
}
#product-options-modal #add-to-goal h2 {
margin: 0 0 0.4em 0;
}
#product-options-modal #add-to-goal section.existing-or-new-goal {
margin: 1em 0 2em 0;
}
#product-options-modal #add-to-goal p {
margin: 0 0 1em 0;
}
#product-options-modal #add-to-goal .create-a-new-goal label {
display: inline-block;
width: 120px;
}
/* end team assignment */
/*Tabbed product options*/
#product-options-modal.product-options-tabbed {
background-color: #ddd;
}
#purchase-options.generic-tabs-section{
background-color: #ffffff;
}
input.purchase-options-modal-product-qty{
width: 12px;
height: 20px;
border: 1px solid #e3e3e3;
color: #666666;
padding: 0px 2px;
margin-right: 10px;
}
select.purchase-options-modal-product-qty{
width: 50px;
height: 25px;
border: 1px solid #e3e3e3;
color: #666666;
padding: 0px 2px;
margin-right: 7px;
}
select.purchase-options-modal-product-qty-detailed{
width: 275px;
height: 25px;
border: 1px solid #e3e3e3;
color: #666666;
padding: 0px 2px;
margin-right: 7px;
}
.purchase-options-modal-product-price{
margin: 10px auto;
text-align: center;
color: #6C6C6C;
font-size: 22pt;
}
.purchase-options-modal-product-price-withstrike{
margin: 10px auto;
text-align: center;
color: #6C6C6C;
font-size: 22pt;
}
.purchase-options-modal-product-addtocart{
margin: 10px auto;
text-align: center;
}
.use-pass .purchase-options-modal-product-addtocart {
float: right;
margin-top: 0.75em;
}
#purchase-options-tabs ul {
list-style: none;
padding: 0;
height: 3em;
margin: 0;
overflow: hidden;
}
#purchase-options-tabs li {
float: left;
}
#purchase-options-tabs a {
display: block;
background-color: #e8e8e8;
color: #454545;
text-decoration: none;
transition-property: background-color, color, margin;
transition-duration: 0.2s;
height: 1em;
line-height: 1em;
padding: 1em;
margin-right: 0.75em;
margin-top: 0.1em;
}
#purchase-options-tabs a:hover {
background-color: #ffffff;
margin-top: 0;
}
#purchase-options-tabs a.active, #purchase-options-tabs a.active:hover,
#purchase-options-tabs .active a, #purchase-options-tabs .active a:hover {
background-color: #fff;
text-shadow: none;
color: #253a6a;
margin-top: 0;
}
.purchase-options-modal-product{
margin: 0px 0px 7px 0px;
}
#product-options-modal .registration-info-closed{
display: block;
width: 100%;
margin-bottom: 10px;
}
section.productevent-date-selection {
/*background-color: #cccccc;
padding: 0.2em 1em;
margin-bottom: 1em;*/
margin-bottom: 2em;
border-bottom: 1px solid #ccc;
padding: 0 1em 2em 1em;
}
.generic-tabs-section .generic-tab-content
{
display: none;
background-color: #ffffff;
padding: 1.25em 1em;
}
.generic-tabs-section .active-tab
{
display: block;
}
.generic-tabs-section h2{
margin: 0px 0px 5px 0px;
}
.generic-tab-content .left{
display: block;
float: left;
width: 64%;
}
.generic-tab-content .right{
border-left: 1px solid #cccccc;
float: right;
display: block;
width: 35%;
margin-left: 0px;
padding-top: 5px;
}
.generic-tab-content .left-even{
display: block;
float: left;
width: 49%;
text-align: center;
}
.generic-tab-content .left-even .registration-info{
margin-bottom: 28px;
}
.generic-tab-content .left-even .product-date-group{
width: 100%;
}
.generic-tab-content .right-even{
border-left: 1px solid #cccccc;
float: right;
display: block;
text-align: center;
width: 50%;
margin-left: 0px;
padding-top: 5px;
}
.generic-tab-content .right-even h2.green
{
color: #469B22;
}
.affiliate-modal-info{
color: #454545;
font-size: 1.5em;
margin-top: 0.75em;
}
img.modal-close,
#product-options-modal-close {
position: absolute;
top: 1em;
right: 1em;
cursor: pointer;
}
#product-options-modal .affiliate-name {
clear: both;
font-weight: normal;
font-size: 1.3em;
margin: 2em 0 0.5em 0;
padding: 0;
}
#product-options-modal p:last-child {
margin-bottom: 0;
/*clear: both; BH 2017-03-31 */
}
#product-options-modal p.last-child { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
margin-bottom: 0;
clear: both;
}
/* All-Access Pass Product Options styling */
#product-options-modal .all-access-pass .use-pass,
#product-options-modal .all-access-pass .live-event .post-pass-notice,
#product-options-modal .all-access-pass .purchase {
padding: 0 0 0 135px;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto 75px;
margin: 1em 0;
}
#product-options-modal .all-access-pass .live-event .use-pass,
#product-options-modal .all-access-pass .live-event .post-pass-notice {
background-image: url(/images/site/passes-fa-tags-color.png);
margin-bottom: 3em;
}
#product-options-modal .all-access-pass .purchase {
background-image: url(/images/site/passes-fa-gift.png);
}
#product-options-modal .all-access-pass .purchase.post-pass {
background-image: none;
}
#product-options-modal .all-access-pass .column.right {
text-align: center;
}
/* End All-Access Pass Product Options styling */
/* modal and inline .product-options */
.product-options .product-date-group.mirror {
display: none;
}
.date-selection p {
margin: 0;
padding: 0.75em 0;
}
.product-options-inline .date-selection {
border-bottom: 1px solid #fff;
padding-bottom: 0.75em;
}
.product-options-inline .date-selection p {
margin: 0;
padding: 0.75em;
}
.product-options-inline .date-selection label {
font-size: 125%;
}
.date-selection label {
font-size: 1.5em;
line-height: 1.6em;
margin: 0.5em 0 0.5em 0.5em;
}
.date-selection input.date-radio {
display: none;
}
.lt-ie9 .date-selection input.date-radio { /* labels don't receive click events for hidden inputs in <= IE8 */
display: block;
position: absolute;
top: -10px;
}
.date-selection input.date-radio + label span {
display: inline-block;
height: 18px;
width: 18px;
margin-right: 10px;
vertical-align: baseline;
background: url(/images/site/sprite-input-radio.png) no-repeat 0 -18px;
}
.date-selection input.date-radio + label:hover span {
background-position: 0 -36px;
}
.date-selection input.date-radio:checked + label span,
.date-selection input.date-radio:checked + label:hover span {
background-position: 0 0;
}
.date-selection input.date-radio.checked + label span,
.date-selection input.date-radio.checked + label:hover span { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
background-position: 0 0;
}
.additional_attendee_price {
margin-top: -0.7em;
margin-bottom: 0.8em;
/*height: 1em;*/
font-size: 1em;
}
.multi_attendee_adjustment {
margin-top: 1em;
}
#membership-site-logo {
margin-bottom: 2em;
max-width: 100%;
height: auto;
}
.module.affiliate .affiliate-logo {
text-align: center;
}
.module.affiliate .affiliate-logo img {
margin: 1em auto;
max-width: 100%;
}
.module.sponsors .sponsor-logo {
text-align: center;
}
.module.sponsors .sponsor-logo img {
margin: 1em auto;
max-width: 100%;
}
.module.related-training .cross-sell {
background-color: #ffffff;
margin: 8px;
padding:12px;
margin-bottom: 12px;
text-align: center;
}
.module.related-training .cross-sell-info {
font-size: 12px
}
.module.related-training .cross-sell .button {
font-size: 14px;
}
.module.related-training .cross-sell .button:hover {
background-color: #bb3535;
}
/* End Big Three product pages */
/*Enterprise Training Page Data */
#show-enterprise-lms-options-button{ text-align: left; }
/*Tabbed product options*/
#enterprise-lms-options-modal {
background-color: #ddd;
}
.existing-lms-packages{ display: none; }
.existing-lms-packages{ display: none; }
.enterprise-options-modal-lms,
.existing-lms-packages {
display: none;
background-color: #ffffff;
padding: 0 1em 1em 1em;
}
.existing-lms-packages.active, .enterprise-options-modal-lms.active { display: block; }
#enterprise-lms-options-modal-heading{
background-color: #ffffff;
padding: 0.5em 0 0.5em 0.5em;
margin: 1.5em 0 0 0;
}
#enterprise-lms-options-modal .product {
float: left;
/*width: 26%;*/
padding: 0 3.62% 1.5em 3.62%;
margin: 1em 0;
border-left: 1px solid #ccc;
text-align: center;
}
#enterprise-lms-options-modal .enterprise-lms-options-modal-sub-heading{ margin: 0 0 0.5em 0; }
#enterprise-lms-options-modal .all-products .product{
/* all products - vertical list */
float: none;
width: auto;
padding: 1em;
margin: 0 0 1em 0;
border: 1px solid transparent;
text-align: left;
transition-property: background-color, border-color;
transition-duration: 0.5s;
}
#enterprise-lms-options-modal .all-products .product img.product-type {
float: left;
padding: 0.5em 1.6em 0 0;
}
#enterprise-lms-options-modal .all-products .product h3 {
margin: 0 0 0.15em 0;
font-size: 24px;
font-weight: normal;
}
#enterprise-lms-options-modal .all-products .product h4 {
margin: 0;
font-size: 1em;
font-weight: normal;
}
#enterprise-lms-options-modal .all-products .product:hover {
cursor: pointer;
background-color: #f6f6f6;
}
#enterprise-lms-options-modal .all-products .product.selected {
background-color: #f2f2f2;
border-color: #e1e1e1;
}
#enterprise-lms-options-modal #enterprise-lms-package-type{ margin-bottom: 1em; }
#enterprise-lms-options-modal #existing-lms-packages{ }
#existing-lms-product-listing-table{
width: 100%;
/*background-color: #e5e6e8;*/
background-color: #F8F9FA;
border: 1px solid #cccccc;
margin-bottom: 1em;
}
#existing-lms-product-listing-table th, #existing-lms-product-listing-table td{ padding: 1em; }
.enterprise-download-lms-button{ }
#enterpriseLMSAddLearningPackageButton{ margin-bottom: 0.25em; }
/*End Enterprise Training Page Data */
/* Professional Directory */
.professional-directory header {
background: radial-gradient(circle at 50% 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 110%), url(/images/site/bg-hero-professional-directory-108958309.jpg);
background-position: center center;
background-size: cover;
}
.professional-directory.purchase header {
background: radial-gradient(circle at 50% 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 110%), url(/images/site/bg-hero-professional-directory-104708460.jpg);
}
/*
.professional-directory .column {
box-sizing: border-box;
float: left;
}
.professional-directory .column.wide {
width: 70%;
padding-right: 5%;
}
.professional-directory.search .column.wide {
padding-right: 0;
}
.professional-directory .column.narrow {
position: static;
width: 29.5%;
}
.professional-directory.search .column.narrow {
padding-right: 3.5%;
}*/
/*.professional-directory.search .specialties .parent.minimized:hover > ul.children.minimized {
transition-delay: 0.4s;
transition-property: display, max-height, opacity;
display: block;
overflow: hidden;
max-height: 2em;
opacity: 0.4;
}*/
.professional-directory.purchase #hero .cta {
float: right;
margin: 0 0 0 5%;
color: #fff;
}
.professional-directory.edit .profile-picture,
.professional-directory.profile form.user-profile-picture .profile-picture {
margin: 0 3% 4% 0;
text-align: center;
position: relative;
float: left;
width: 20%;
height: 0;
padding-top: 20%;
border-radius: 50%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.professional-directory.edit .profile-picture .photo,
.professional-directory.profile form.user-profile-picture .profile-picture .photo {
max-width: 100%;
z-index: 1;
}
.professional-directory.edit .profile-picture .button,
.professional-directory.profile #endorsement-form .profile-picture .button {
position: absolute;
box-sizing: border-box;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0 auto;
z-index: 2;
opacity: 0.4;
transition-property: opacity;
transition-duration: 0.2s;
}
.professional-directory.edit .profile-picture .button:hover,
.professional-directory.profile form.user-profile-picture .profile-picture .button:hover {
opacity: 1;
}
.professional-directory.edit label,
.professional-directory.profile .modal-dialog label {
display: block;
margin: 1em 0 0.1em 0;
font-size: 0.8em;
text-transform: uppercase;
opacity: 0.6;
}
.professional-directory.edit label {
display: inline-block;
}
.professional-directory.edit label em {
display: inline-block;
opacity: 0.8;
text-transform: none;
margin-left: 1em;
}
.professional-directory.edit input[type="text"],
.professional-directory.edit input[type="tel"],
.professional-directory.edit input[type="email"],
.professional-directory.edit input[type="url"],
.professional-directory.edit textarea,
.professional-directory.edit select,
.professional-directory.profile .modal-dialog input[type="text"],
.professional-directory.profile .modal-dialog input[type="tel"],
.professional-directory.profile .modal-dialog input[type="email"],
.professional-directory.profile .modal-dialog input[type="url"],
.professional-directory.profile .modal-dialog textarea,
.professional-directory.profile .modal-dialog select {
box-sizing: border-box;
width: 100%;
margin: 0.2em 0;
}
.professional-directory.edit input#city {
width: 40%;
}
.professional-directory.edit select#state {
width: 30%;
}
.professional-directory.edit input#zip {
width: 20%;
}
.professional-directory.edit textarea,
.professional-directory.profile .modal-dialog textarea {
height: 12em;
}
.professional-directory.edit .word-count {
white-space: nowrap;
display: block;
font-size: 0.75em;
opacity: 0.7;
}
.professional-directory.edit #about_qa .pair,
.professional-directory.edit #about_qa .add-question-button {
position: relative;
box-sizing: border-box;
vertical-align: top;
border: 1px solid #e3e3e3;
border-radius: 2px;
padding: 1em 0.5em;
margin: 1em 1%;
width: 47.5%;
display: inline-block;
}
.professional-directory.edit #about_qa .add-question-button {
text-align: center;
padding: 2em 0.5em;
}
.professional-directory.profile .modal-dialog.email {
max-width: 400px;
}
.professional-directory.profile img.photo {
float: right;
max-width: 40%;
max-height: 300px;
margin: 0 0 3% 4%;
}
.professional-directory.profile .about {
}
.professional-directory.profile .map .google-map {
max-width: 100%;
height: auto;
}
.professional-directory.profile .no-contact-information {
display: none;
}
.professional-directory.profile h2 + .no-contact-information {
display: section;
}
.professional-directory.profile .address,
.professional-directory.profile .phone,
.professional-directory.profile .email,
.professional-directory.profile .website,
.professional-directory.profile .map {
margin: 1.5em 0;
}
.professional-directory.profile .section {
margin-bottom: 2.5em;
}
.professional-directory.profile .specialties ul,
.professional-directory.profile .links ul,
.professional-directory.profile .education ul {
list-style: none;
margin: 0.5em 0 1em 0;
padding: 0;
}
.professional-directory.profile .specialties li,
.professional-directory.profile .links li,
.professional-directory.profile .education li {
}
.professional-directory.profile .specialties li {
display: inline-block;
margin: 1.25em;
}
.professional-directory.profile .specialties a.specialty {
display: inline-block;
border-left: 0.6em solid #bbb;
padding: 0.2em 1em 0.2em 0.4em;
background-color: #eee;
border-radius: 2px;
color: #333;
text-decoration: none;
transition-property: background-color, color, border-color, border-radius;
transition-duration: 0.25s;
color: #fff;
border-left: none;
font-size: 1.5em;
font-weight: 100;
padding: 0.5em 1em;
}
.professional-directory.profile .specialties .fa,
.professional-directory.profile .specialties .fas {
padding-right: 0.5em;
}
.professional-directory.profile .specialties li:nth-child(n) a.specialty:hover {
text-decoration: none;
background-color: #11234d;
border-left-color: transparent;
border-radius: 0;
color: #fff;
}
.professional-directory.profile .specialties li:nth-child(6n) a.specialty {
background-color: #eb4c3d;
}
.professional-directory.profile .specialties li:nth-child(6n + 1) a.specialty {
background-color: #2ecd71;
}
.professional-directory.profile .specialties li:nth-child(6n + 2) a.specialty {
background-color: #e77e23;
}
.professional-directory.profile .specialties li:nth-child(6n + 3) a.specialty {
background-color: #98925e;
}
.professional-directory.profile .specialties li:nth-child(6n + 4) a.specialty {
background-color: #f1c40f;
}
.professional-directory.profile .specialties li:nth-child(6n + 5) a.specialty {
background-color: #00a2ff;
}
.professional-directory.profile .associations p,
.professional-directory.profile .links ul {
margin: 1em 0;
}
.professional-directory.profile .education li {
margin: 1em 0;
}
.professional-directory.profile .education h3,
.professional-directory.profile .education h4 {
font-size: 1em;
margin: 0;
}
.professional-directory.profile .education h4 {
font-weight: normal;
}
.professional-directory.profile .education table {
width: 100%;
}
.professional-directory.profile .education td,
.professional-directory.profile .education th {
padding: 0.5em 1em;
}
.professional-directory.profile #pd-profile-more-professionals .button.cta {
float: right;
margin: 1em 0 0 2em;
}
.professional-directory .links .fa,
.professional-directory .links .fas {
vertical-align: middle;
}
.professional-directory .links li {
display: inline-block;
padding-right: 5%;
}
.professional-directory .fa-twitter-square {
color: #0084b4;
}
.professional-directory .fa-linkedin-square {
color: #0077b5;
}
.professional-directory .fa-youtube-square {
color: #c4302b;
}
.professional-directory .fa-vimeo-square {
color: #1ab7ea;
}
.professional-directory .fa-instagram-square {
color: #fb3958;
}
.professional-directory .fa-facebook-square {
color: #3b5998;
}
.professional-directory .fa-google-plus-square {
color: #dd5144;
}
.professional-directory.index #pd-hero,
.professional-directory.purchase #pd-hero {
padding: 8em 0 10em 0;
}
.professional-directory.index #content,
.professional-directory.index #right-person,
.professional-directory.index #testimonials,
.professional-directory.index #join {
text-align: center;
}
.professional-directory.index #testimonials {
display: none;
}
.professional-directory.index > section h1,
.professional-directory.purchase #content h1 {
font-weight: 100;
}
.professional-directory.index #content {
padding: 5em 0;
}
.professional-directory.index #content h1 {
font-size: 2.5em;
padding: 0 15%;
}
.professional-directory.index #content .button.cta {
margin: 2em 0;
font-size: 1.7em;
}
.button.outline,
.button.outline:visited {
border: 2px solid #777;
border-radius: 3px;
background-color: #fff;
color: #777;
}
.button.outline:hover {
background-color: #11234d;
border-color: #11234d;
color: #fff;
}
.button.outline.blue,
.button.outline.blue:visited {
border-color: #11234d;
color: #11234d;
}
.button.outline.blue:hover {
color: #fff;
}
.button.cta.outline {
border: 2px solid #007bff;
color: #007bff;
background-color: rgba(255, 255, 255, 0.9);
}
.button.cta.outline:hover {
color: #fff;
background-color: #007bff;
}
.caret.top {
width: 0;
height: 0;
margin: 0 auto 3em auto;
border: 60px solid transparent;
border-top: 50px solid #fff;
border-bottom: 0;
}
.professional-directory #pd-hero input[name="q"] {
font-size: 150%;
border: 0;
padding: 0.5em 1em 0.5em 2.5em;
margin-right: 1%;
width: 40%;
background-image: url(/images/site/bg-search-mag-glass-2x-dark.png);
background-size: auto 60%;
background-position: 2% 50%;
background-repeat: no-repeat;
}
.professional-directory.profile #pd-hero input[name="q"] {
font-size: 120%;
width: 30%;
}
.professional-directory.profile .button.large {
font-size: 120%;
}
.professional-directory.index ul.hero-topics li {
opacity: 1;
}
.professional-directory h1,
.professional-directory.profile h2,
.professional-directory #hero h1,
.professional-directory #hero h2 {
font-family: "proxima-nova", lato, sans-serif;
font-weight: 400;
font-size: 36px;
}
.professional-directory #hero h1,
.professional-directory #hero h2 {
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
text-align: center;
}
.professional-directory.index #hero h1,
.professional-directory.purchase #hero h1 {
font-size: 3em;
}
.professional-directory.profile #hero h1 {
font-size: 1.4em;
}
.professional-directory #hero h1 strong,
.professional-directory #hero h2 strong {
font-weight: 900;
}
.professional-directory.index #pd-hero form {
padding: 2em 0 2em 0;
}
.professional-directory.profile #pd-hero form {
padding: 1em 0 1.5em 0;
}
.professional-directory.profile #content,
.professional-directory.profile section.light-bg {
padding: 6em 0;
}
section.light-bg {
background-color: #f5f5f5;
}
.professional-directory.index #right-person {
padding: 0 0 5em 0;
}
@keyframes blur-fade-in {
0% { opacity: 0; transform: scale(0.6); }
100% { opacity: 1; transform: scale(1.0); }
}
@-webkit-keyframes blur-fade-in {
0% { opacity: 0; -webkit-filter: blur(10px); }
50% { opacity: 0.5; -webkit-filter: blur(10px); }
100% { opacity: 1; -webkit-filter: blur(0px); }
}
#pd-hero-topics li {
display: block;
}
#pd-hero-topics.animate-when-visible li {
opacity: 0;
}
#pd-hero-topics.animate-when-visible.visible li {
animation: blur-fade-in ease-out 0.5s;
animation-fill-mode: forwards;
animation-delay: 0.1s;
/*-webkit-animation: blur-fade-in ease-out 3s;
-webkit-animation-fill-mode: forwards;*/
}
#pd-hero-topics.animate-when-visible.visible li:nth-child(even) {
animation: blur-fade-in ease-in 0.5s;
animation-delay: 0.15s;
animation-fill-mode: forwards;
}
#pd-hero-topics.animate-when-visible.visible li:nth-child(3n+0) {
animation: blur-fade-in linear 0.45s;
animation-delay: 0.25s;
animation-fill-mode: forwards;
}
.professional-directory.index #join {
padding: 6em 0;
}
.professional-directory.index #join h1 {
font-weight: 400;
}
.professional-directory.index #join p,
.professional-directory.purchase #more-than-a-directory p {
font-weight: 100;
font-size: 1.4em;
max-width: 650px;
margin: 1em auto;
}
.professional-directory.index #join .button.cta {
margin: 2em 0 0 0;
font-size: 1.7em;
}
.professional-directory.profile .about {
margin: 2em 0 2em 24%;
}
.professional-directory.profile .about .bio {
margin: 2em 0;
}
.professional-directory.profile .bio-full {
display: none;
}
.professional-directory.profile .photo,
.professional-directory.profile .endorsement .profile-picture,
.professional-directory.profile #endorsement-form .profile-picture,
.professional-directory.endorsements .endorsement .profile-picture {
position: relative;
float: left;
margin: 0 4% 3% 0;
width: 20%;
height: 0;
padding-top: 20%;
border-radius: 50%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.professional-directory.profile img.distinguished-faculty {
max-width: 12%;
float: right;
margin: 0 0 3% 3%;
}
.professional-directory.profile.distinguished-faculty .about {
margin-right: 15%;
}
.professional-directory.profile #about,
.professional-directory.profile .specialties,
.professional-directory.profile .associations,
.professional-directory.profile .education,
.professional-directory.profile .links {
text-align: center;
}
.professional-directory.profile #about-qa {
max-width: 800px;
text-align: left;
margin: 0 auto;
}
.professional-directory.profile .pair {
height: auto;
width: 39%;
display: inline-block;
vertical-align: top;
text-align: left;
box-sizing: border-box;
margin: 2em 5%;
padding: 0 3%;
opacity: 1;
overflow: auto;
transition-property: opacity, height, overflow, margin;
transition-duration: 0.5s;
}
.professional-directory.profile .pair.deferred {
opacity: 0;
height: 0;
margin: 0 5%;
overflow: hidden;
}
.professional-directory.profile .pair .question {
font-weight: 700;
margin-bottom: 0.2em;
}
.professional-directory.profile #pd-hero:last-child { /* no tabs: public view */
padding: 0 0 4em 0;
}
.professional-directory.profile .associations,
.professional-directory.profile .education,
.professional-directory.profile .links {
padding: 3em 0;
}
.professional-directory.profile section#endorsements {
text-align: center;
}
.professional-directory.profile .endorsement {
text-align: left;
max-width: 800px;
margin: 0 auto;
height: auto;
padding: 3em 0;
transition-property: opacity, height, overflow, padding;
transition-duration: 0.5s;
}
.professional-directory.profile .endorsement.deferred {
opacity: 0;
height: 0;
padding: 0;
overflow: hidden;
}
.professional-directory.profile .endorsement-text {
margin: 0 0 1.5em 0;
}
.professional-directory.profile .endorsement-text,
.professional-directory.profile .meta {
margin-left: 24%;
}
.professional-directory.profile #photo-upload {
height: 0;
overflow: hidden;
margin: 0 10% 0 10%;
text-align: center;
transition-property: height, overflow, margin;
transition-duration: 0.4s;
}
.professional-directory.profile .submit-endorsement.show-photo-upload #photo-upload {
height: auto;
overflow: auto;
margin: 3em 10% 6em 10%;
}
.professional-directory.profile .submit-endorsement.show-photo-upload #endorsement-form {
opacity: 0.3;
}
.professional-directory.profile #endorsement-form .profile-picture {
width: 25%;
padding-top: 25%;
}
.professional-directory.profile #endorsement-form .name-title-relationship {
width: 60%;
margin-left: 30%;
}
.professional-directory.profile #endorsement-form .endorsement-body {
clear: both;
}
.professional-directory.profile .endorsement .title {
margin-right: 0.6em;
}
.professional-directory.profile .endorsement .date {
opacity: 0.4;
}
.professional-directory.endorsements section.endorsements {
margin-bottom: 5em;
}
.professional-directory.endorsements .endorsement {
border: 1px solid #e3e3e3;
border-radius: 2px;
padding: 1em 0.5em;
margin: 1em 0;
background-color: rgba(255, 255, 255, 0.85);
}
.professional-directory.endorsements .endorsement-text,
.professional-directory.endorsements .meta,
.professional-directory.endorsements .actions {
margin: 0 0 1.5em 29%;
}
.professional-directory.endorsements .endorsement .profile-picture {
float: left;
width: 15%;
height: 0;
padding-top: 15%;
margin: 2% 6% 2% 8%;
}
.professional-directory.endorsements .endorsement .sortable-drag {
width: 4%;
float: left;
display: none;
}
.professional-directory.endorsements .endorsement.sortable .sortable-drag {
display: block;
}
.professional-directory.endorsements .endorsement.sortable .profile-picture {
margin-left: 4%;
}
.professional-directory.endorsements .sortable-drag .fa,
.professional-directory.endorsements .sortable-drag .fas {
opacity: 0.2;
transition-property: opacity;
transition-duration: 0.3s;
}
.professional-directory.endorsements .sortable-drag:hover {
cursor: move;
}
.professional-directory.endorsements .sortable-drag:hover .fa,
.professional-directory.endorsements .sortable-drag:hover .fas {
opacity: 1;
}
.professional-directory.profile table {
margin: 4em auto;
width: 100%;
max-width: 800px;
}
.professional-directory.profile th {
text-align: center;
font-weight: 700;
}
.professional-directory.profile .associations th,
.professional-directory.profile .associations td {
width: 50%;
}
.professional-directory.profile .education th,
.professional-directory.profile .education td {
width: 33.3%;
}
.wf-loading body {
opacity: 0;
background-color: #fff;
background-image: none;
}
.wf-inactive body,
.wf-active body {
opacity: 1;
transition: opacity 0.25s;
}
.professional-directory.profile thead + tbody tr:nth-child(odd),
.professional-directory.profile tbody tr:nth-child(even) {
background-color: #f5f5f5;
}
.professional-directory.profile thead + tbody tr:nth-child(even) {
background-color: transparent;
}
.professional-directory.profile td,
.professional-directory.profile th {
padding: 0.6em 1em;
}
.professional-directory.profile .links li {
text-align: center;
padding: 2em 4%;
}
.professional-directory.profile .links li .fa,
.professional-directory.profile .links li .fas {
display: block;
margin: 0 auto;
}
.professional-directory.profile #map {
position: relative;
background-color: #fff;
}
.professional-directory.profile #map-canvas {
width: 100%;
height: 25vw;
min-height: 400px;
pointer-events: none;
}
.professional-directory.profile #map-text {
position: absolute;
top: 6em;
left: 35%;
text-shadow: 1px 1px 1px #fff;
}
.professional-directory.profile .button {
text-shadow: none;
padding-left: 1.5em;
padding-right: 1.5em;
margin-right: 1em;
}
.professional-directory.profile #map-text h3 {
margin: 1em 0 0 0;
}
.professional-directory.profile #map-text .address {
margin: 0 0 0.5em 0;
font-weight: 100;
font-size: 1.3em;
}
.professional-directory.profile .phone,
.professional-directory.profile .email,
.professional-directory.profile .url {
display: inline-block;
}
.professional-directory.edit #photo-upload {
padding-top: 10px;
max-width: 600px;
width: 100%;
}
.professional-directory.edit #photo-upload h1 {
font-weight: normal;
margin: 0 0 0.4em 0;
font-size: 1.6em;
}
.professional-directory.edit #photo-upload form {
background-color: #fff;
padding: 10px 15px;
margin: 0;
}
.professional-directory.edit #photo-upload p {
margin: 1em 0;
}
.professional-directory.edit #photo-upload .status .fa,
.professional-directory.edit #photo-upload .status .fas {
margin-right: 0.3em;
}
.professional-directory.edit #photo-upload .status.error .fa,
.professional-directory.edit #photo-upload .status.error .fas {
color: #800;
}
.professional-directory.edit .col25 .button {
margin-top: 2.15em;
}
.professional-directory.edit .about,
.professional-directory.edit .specialties,
.professional-directory.edit .associations,
.professional-directory.edit .links,
.professional-directory.edit .education {
margin-bottom: 2.5em;
}
.professional-directory.edit .parent.none-checked.minimized ul.children,
.professional-directory.edit .specialties .none-checked.minimized {
/*display: block;*/
}
.professional-directory.edit .specialties ul {
list-style: none;
}
.professional-directory.edit .specialties > ul > li.parent {
display: inline-block;
width: 31%;
margin: 1%;
padding: 0;
vertical-align: top;
box-sizing: border-box;
background-color: #eee;
padding: 0.5em 1em;
}
.professional-directory.edit .specialties > ul {
padding: 0;
margin: 0;
}
.professional-directory.edit .specialties label {
margin: 0;
}
.professional-directory.edit .specialties label {
font-size: 1em;
text-transform: none;
opacity: 1;
}
.professional-directory.edit #hero .button.cta,
.professional-directory.endorsements #hero .button.cta {
float: right;
}
.professional-directory.edit #about_qa .pair .remove {
position: absolute;
right: 2.5%;
}
.professional-directory.edit #about_qa .pair .sortable-drag {
position: absolute;
cursor: move;
visibility: hidden;
}
.professional-directory.edit #about_qa .pair.sortable .sortable-drag {
visibility: visible;
}
.professional-directory.edit #about_qa .pair .sortable-drag .fa,
.professional-directory.edit #about_qa .pair .sortable-drag .fas,
.professional-directory.edit #about_qa .pair .remove .fa,
.professional-directory.edit #about_qa .pair .remove .fas {
opacity: 0.2;
transition-property: opacity;
transition-duration: 0.3s;
}
.professional-directory.edit #about_qa .pair .sortable-drag:hover .fa,
.professional-directory.edit #about_qa .pair .sortable-drag:hover .fas,
.professional-directory.edit #about_qa .pair .remove:hover .fa,
.professional-directory.edit #about_qa .pair .remove:hover .fas {
opacity: 1;
}
.professional-directory.edit #about_qa input[type="text"],
.professional-directory.edit #about_qa select,
.professional-directory.edit #about_qa textarea {
width: 80%;
margin: 0 10% 0.2em 10%;
}
.professional-directory.edit .description {
clear: both;
}
.professional-directory.edit #about_qa select + input.question {
display: none;
}
.professional-directory.edit #save {
clear: both;
padding-top: 4em;
}
.professional-directory.edit form section {
margin: 0 0 4em 0;
}
.professional-directory.purchase #content,
.professional-directory.purchase section.center {
text-align: center;
}
.professional-directory.purchase #content h1 {
max-width: 850px;
margin: 1em auto 2em auto;
}
.professional-directory.purchase #features {
margin: 0 auto;
padding: 4em 0;
max-width: 650px;
text-align: left;
}
.professional-directory.purchase #features h2 {
margin: 0;
font-weight: 400;
}
.professional-directory.purchase #features p {
margin: 0.25em 0 4em 0;
}
.professional-directory.purchase #features .alignleft {
float: left;
margin: 0 2.5% 2.5% 0;
}
.professional-directory.purchase #features .alignright {
float: right;
margin: 0 0 2.5% 2.5%;
}
.professional-directory.purchase #features .fa:nth-of-type(1),
.professional-directory.purchase #features .fas:nth-of-type(1) {
color: #00a2ff;
}
.professional-directory.purchase #features .fa:nth-of-type(2),
.professional-directory.purchase #features .fas:nth-of-type(2) {
color: #e77e23;
}
.professional-directory.purchase #features .fa:nth-of-type(3),
.professional-directory.purchase #features .fas:nth-of-type(3) {
color: #2ecd71;
}
.professional-directory.purchase #features .fa:nth-of-type(4),
.professional-directory.purchase #features .fas:nth-of-type(4) {
color: #eb4c3d;
}
.professional-directory-search-image {
width: 20%;
height: 0;
padding-top: 20%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
display: block;
position: relative;
float: left;
margin: 0 4% 3% 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.professional-directory-search-image:hover {
opacity: 0.8;
}
.professional-directory-meta {
position: absolute;
bottom: 0;
left: 0;
padding: 0.5em 4%;
width: 92%;
color: #fff;
background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.profesisonal-directory-name {
margin: 0;
padding; 0;
font-size: 1.1em;
}
.profesisonal-directory-title {
margin: 0;
padding; 0;
font-size: 0.8em;
}
@media only screen and (max-width: 1400px) {
.professional-directory-search-image {
width: 28%;
padding-top: 28%;
}
}
@media only screen and (max-width: 500px) {
.professional-directory-search-image {
width: 100%;
padding-top: 100%;
}
}
/* End professional directory */
/*
Pass Sales page lorman.com/pass
and Pass tab on Big Three product pages
Pass Sales page has body.product.pass
Pass tab has body.product .pass
*/
.product.pass #content {
padding-bottom: 0;
}
.product.pass .column.wide {
padding-left: 0;
}
.product.pass .column.wide > *,
.product .pass .column.wide > * {
padding-left: 14%;
}
.product.pass #content h4 {
margin-bottom: 0.25em;
}
.product.pass #content h4 + p {
margin-top: 0;
}
.product .pass ul.checkmarks .product-name {
font-size: 0.8em;
padding-left: 38px;
}
#pass-icon-fa-tags {
float: left;
/*width: 10%;*/
margin: 0 4% 1em 0;
padding: 0.5em 0 0 0;
}
.product #pass-features .pass-feature, .resource-product #pass-features .pass-feature {
float: left;
width: 30%;
padding: 1em 1.515% 2em 1.515%;
text-align: center;
}
div .pass-feature {
border-top: 1px solid #eee;
margin-top: 18px;
}
.product #content #pass-features .pass-feature h3, .resource-product #content #pass-features .pass-feature h3 {
font-size: 1.3em;
}
.product.pass #content .wide,
.product.pass #content .narrow {
padding: 1em 0 3em 0;
}
.product #content .pass .wide,
.product #content .pass .narrow {
padding: 0 0 3em 0;
}
.product.pass #content .wide h3:first-of-type,
.product #content .pass .wide h3:first-of-type {
margin-top: 0;
}
.product.pass .wide p:first-of-type,
.product .pass .wide p:first-of-type {
margin-top: 0.5em;
}
.product.pass .narrow,
.product .pass .narrow {
text-align: center;
}
#pass-video {
text-align: center;
color: #fff;
background: linear-gradient(rgb(17, 35, 77), rgb(12, 26, 56));
padding: 2em 0 3em 0;
}
#pass-video h3 {
margin: 0;
padding: 0 0 2.2em 0;
font-weight: normal;
font-size: 2em;
}
#pass-video iframe {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
#pass-product-types {
text-align: center;
padding: 3em 0;
}
#content #pass-product-types h3 {
padding: 0;
margin: 0 0 1.5em 0;
}
#pass-product-types ul {
list-style: none;
padding: 0;
margin: 2em 5% 0 5%;
}
#pass-product-types li {
display: inline-block;
font-size: 1.3em;
line-height: 2em;
padding: 0 1em;
color: #777;
}
#pass-product-types #pass-product-type-icons {
margin: 1.5em 0 0 0;
}
#pass-product-types #pass-product-type-icons img {
padding: 0 2em;
}
#pass-product-types #pass-product-type-icons img.pad {
padding: 15px 2em 0 2em;
}
.product.pass .wide-cta h2:first-of-type {
margin-top: 0;
}
.product.pass #multiple-passes #thank-you {
display: none;
}
.product.pass #multiple-passes #multiple-pass-icon {
float: left;
font-size: 4.4em;
margin-right: 3%;
color: #555;
}
.product.pass #multiple-pass-quote {
display: none;
margin-top: 3em;
}
.product.pass #multiple-pass-quote input[type=text],
.product.pass #multiple-pass-quote input[type=phone],
.product.pass #multiple-pass-quote input[type=email] {
width: 97%;
padding-left: 1%;
padding-right: 1%;
border: 1px solid #aaa;
}
.product.pass #multiple-pass-quote label {
display: block;
margin-bottom: 0.3em;
}
.product.pass #multiple-pass-quote label .fa,
.product.pass #multiple-pass-quote label .fas {
opacity: 0.7;
}
.product.pass #multiple-pass-quote input.invalid {
transition-property: border-color, box-shadow;
transition-duration: 0.3s;
border-color: #600;
box-shadow: 0 0 3px rgba(255, 0, 0, 0.2);
}
.product.pass .wide-cta .button.cta {
/* make the .button.cta match the width of the right column .button.cta above it */
width: 24.75%;
padding-left: 1.375%;
padding-right: 1.375%;
margin-top: 0.25em;
}
/* End Pass Sales page */
/* Pass Renewal page */
.all-access-pass.renew #pass-renew-fa-tags {
float: left;
width: 20%;
height: auto;
padding-top: 0.5em;
}
.all-access-pass.renew #pass-renew-promo {
margin-left: 25%;
}
.all-access-pass.renew #pass-renew-promo p:first-child {
padding-top: 1em;
}
.all-access-pass.renew #pass-renew-promo .button {
margin: 1em auto 0 auto;
}
/* End Pass Renewal page */
/*sponsor signup form */
#sponsor_form { }
#sponsor_form #required_icon{ display: inline; border: 1px solid #ff0000; }
#sponsor_form label{ font-weight: bold; }
#sponsor_form label.required{ color: #ff0000; }
#sponsor_form .column.left{
float: left;
display: inline;
width: 40%;
margin-right: 5%;
}
#sponsor_form .column.right{
float: left;
display: inline;
width: 40%;
}
/*end sponsor signup form */
/*sponsor signup form */
#sponsor-signup-form { }
#sponsor-signup-form #required_icon{ display: inline; border: 1px solid #ff0000; }
#sponsor-signup-form label{ font-weight: bold; }
#sponsor-signup-form label.required{ color: #ff0000; }
#sponsor-signup-form .column.left{
float: left;
display: inline;
width: 45%;
margin-right: 2%;
}
#sponsor-signup-form .column.right{
float: left;
display: inline;
width: 45%;
}
#sponsor-signup-form label.error{
color: #ff0000;
}
#sponsor-form-modal .sponsor-form-error{
display: none;
border: 1px solid #B24442;
background-color: #F2DEDE;
padding: 5px;
color: #B24442;
margin: 0 3em 1em 0;
}
#sponsor-form-modal .sponsor-form-success{
display: none;
border: 1px solid #3C763D;
background-color: #DFF0D8;
padding: 5px;
color: #3C763D;
margin: 0 3em 1em 0;
}
#sponsor-form-modal #sponsor-login-form{
display: none;
}
#sponsor-form-modal #sponsor-new-password-form{
display: none;
}
#sponsor-form-modal #sponsor-registration-display{
display: none;
}
.module.sponsor-registration{
text-align: right;
font-size: 0.75em;
}
/*end sponsor signup form */
/* Bookstore */
.bookstore-product-listing {
float: left;
width: 44.99%;
min-height: 200px;
margin: 1em 5% 3em 0;
position: relative;
}
.bookstore-product-listing .product-name {
display: block;
font-weight: bold;
margin-bottom: 0.25em;
}
.bookstore-product-listing .product-image {
float: left;
margin: 0.25em 0.5em 0.5em 0;
}
.bookstore-product-listing .product-image img {
max-width: 50px;
height: auto;
}
.bookstore-product-listing .product-info {
margin-left: 70px;
line-height: 1.3em;
}
.bookstore-product-listing .button {
margin-top: 0.5em;
}
/* End Bookstore */
/* resource pages (articles, lead gen) */
.resource-product .product-image {
float: right;
margin-left: 5%;
max-width: 25%;
height: auto;
}
.resource-product .agenda,
.resource-product .benefits {
margin-bottom: 2em;
}
.resource-product .button.large {
margin-bottom: 1em;
}
.resource-product .side-product-image {
margin-top: 2em;
}
/* end resource pages */
/* home page, Plans & Pricing, professional directory landing page. Lots of overlap */
.home #hero {
padding: 35px 0;
color: #fff;
text-align: center;
}
.home h1,
.plans-and-pricing h1 {
font-size: 2.5em;
}
.home img {
max-width: 100%;
}
.home #hero h1,
.plans-and-pricing #hero h1 {
font-weight: 600;
font-size: 3em;
/*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);*/
text-shadow: 0 0 25px rgba(0, 0, 0, 1);
}
#home-hero h2 {
font-weight: 300;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
text-shadow: 0 0 25px rgba(0, 0, 0, 1);
}
ul.hero-topics {
box-sizing: border-box;
list-style: none;
width: 80%;
padding: 2em;
margin: auto;
}
ul.hero-topics li {
position: relative;
width: 25%;
height: auto;
box-sizing: border-box;
margin: 0;
opacity: 0.8;
transition-property: opacity;
transition-duration: 0.5s;
z-index: 1;
display: block;
float: left;
padding: 4px;
}
ul.hero-topics li:nth-child(5) {
margin-left: 10%;
}
ul.hero-topics li .square {
margin-top: 100%;
}
ul.hero-topics a.front,
ul.hero-topics a.back {
display: block;
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
box-sizing: border-box;
padding: 1.3em 0.5em 2em 0.5em;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 100%;
}
ul.hero-topics a.front {
z-index: 2;
padding-top: 20%;
color: rgba(255, 255, 255, 0.7);
transition-property: color, transform;
transition-duration: 0.2s;
}
ul.hero-topics .two-line a.front {
padding-top: 15%;
}
ul.hero-topics a.front .fa,
ul.hero-topics a.front .fas,
ul.hero-topics a.front .fal,
ul.hero-topics a.front .svg-inline--fa,
ul.hero-topics a.front .svg-inline--fas,
ul.hero-topics a.front .svg-inline--fal {
display: block;
font-size: 4em;
transition-property: opacity;
transition-duration: 0.2s;
margin-bottom: 0.15em;
color: #fff;
}
ul.hero-topics a.back {
font-family: "proxima-nova", lato, sans-serif;
font-weight: 300;
font-size: 1.4em;
visibility: hidden;
opacity: 0;
transform: scale(0.5);
transition-property: transform, visibility, opacity; /* fade-out */
transition-duration: 0.4s; /* fade-out */
width: 116%;
height: 116%;
left: -8%;
top: -8%;
padding-top: 50%;
}
ul.hero-topics li:hover {
opacity: 1;
z-index: 2;
}
ul.hero-topics li:hover .front,
ul.hero-topics li.label-visible .front {
color: rgba(255, 255, 255, 0);
transform: scale(0.9);
}
ul.hero-topics li:hover .back,
ul.hero-topics li.label-visible .back {
z-index: 5;
visibility: visible;
opacity: 1;
transform: scale(1);
transition-property: transform, visibility, opacity;
transition-duration: 0.2s;
}
ul.hero-topics li.label-visible .back {
transition-duration: 0.5s;
}
ul.hero-topics li.blue1 a {
background-color: #3598DB;
background-color: rgba(53, 152, 219, 0.8);
}
ul.hero-topics li.blue2 a {
background-color: #00a2ff;
background-color: rgba(0, 162, 255, 0.8);
}
ul.hero-topics li.blue3 a {
background-color: #5299c7;
background-color: rgba(0, 162, 255, 0.8);
}
ul.hero-topics li.orange1 a {
background-color: #e77e23;
background-color: rgba(231, 126, 35, 0.8);
}
ul.hero-topics li.green1 a {
background-color: #2ecd71;
background-color: rgba(46, 205, 113, 0.8);
}
ul.hero-topics li.green2 a {
background-color: #1bbc98;
background-color: rgba(27, 188, 152, 0.8);
}
ul.hero-topics li.brown1 a {
background-color: #98925e;
background-color: rgba(152, 146, 94, 0.8);
}
ul.hero-topics li.yellow1 a {
background-color: #f1c40f;
background-color: rgba(241, 196, 15, 0.8);
}
ul.hero-topics li.red1 a {
background-color: #eb4c3d;
background-color: rgba(235, 76, 61, 0.8);
}
ul.hero-topics li.grey1 a {
background-color: #34495e;
background-color: rgba(52, 73, 94, 0.8);
}
#home-aap h1 {
margin: 0.5em auto 1em auto;
text-align: center;
font-weight: 300;
}
#home-aap a {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
margin: 1em 0;
text-decoration: none;
color: #444;
}
#home-aap a:hover {
text-decoration: none;
color: #222;
}
#home-aap a:nth-child(odd) {
padding: 0 0 0 1em;
}
#home-aap a:nth-child(even) {
padding: 0 1em 0 0;
}
#home-aap .fa,
#home-aap .far,
#home-aap .fas,
#home-aap .fad,
#pd-features .fa,
#pd-features .fas,
#home-aap .svg-inline--fa,
#home-aap .svg-inline--fas,
#pd-features .svg-inline--fa
#pd-features .svg-inline--fas {
float: left;
color: #999;
margin: 0.2em 0.4em 0.3em 0;
transition-property: color, opacity;
transition-duration: 0.3s;
}
#pd-features .fa,
#pd-features .fas {
margin: 0.4em 0.4em 1em 0;
}
#home-aap a:hover .fa.blue1,
#home-aap a:hover .fas.blue1,
#home-aap a:hover .svg-inline--fa.blue1,
#home-aap a:hover .svg-inline--fas.blue1{
color: #3598DB;
}
#home-aap a:hover .fa.green1,
#home-aap a:hover .fas.green1,
#home-aap a:hover .svg-inline--fa.green1,
#home-aap a:hover .svg-inline--fas.green1 {
color: #2ecd71;
}
#home-aap a:hover .fa.yellow1,
#home-aap a:hover .fas.yellow1,
#home-aap a:hover .svg-inline--fa.yellow1,
#home-aap a:hover .svg-inline--fas.yellow1 {
color: #f1c40f;
}
#home-aap a:hover .fa.red1,
#home-aap a:hover .fas.red1,
#home-aap a:hover .svg-inline--fa.red1,
#home-aap a:hover .svg-inline--fas.red1 {
color: #eb4c3d;
}
#home-aap h2 {
margin: 0 0 0.5em 0;
}
#home-aap p {
margin: 0.5em 0 0 105px;
}
#home-faculty ul {
list-style: none;
margin: 2em 0;
padding: 0;
}
#home-faculty li {
box-sizing: border-box;
display: block;
float: left;
width: 14.2%;
margin: 0;
padding: 0 5px 0 0;
}
#home-faculty img {
width: 100%;
height: auto;
}
.home ul.animate-when-visible li,
.plans-and-pricing ul.animate-when-visible li {
opacity: 0;
}
.home ul.animate-when-visible.visible li,
.plans-and-pricing ul.animate-when-visible.visible li {
animation: blur-fade-in ease-out 0.5s;
animation-fill-mode: forwards;
animation-delay: 0.1s;
/*-webkit-animation: blur-fade-in ease-out 3s;
-webkit-animation-fill-mode: forwards;*/
}
.home ul.animate-when-visible.visible li:nth-child(even),
.plans-and-pricing ul.animate-when-visible.visible li:nth-child(even) {
animation: blur-fade-in ease-in 0.5s;
animation-delay: 0.15s;
animation-fill-mode: forwards;
}
.home ul.animate-when-visible.visible li:nth-child(3n+0),
.plans-and-pricing ul.animate-when-visible.visible li:nth-child(3n+0) {
animation: blur-fade-in linear 0.45s;
animation-delay: 0.25s;
animation-fill-mode: forwards;
}
#home-247 {
text-align: center;
}
#home-247 img {
margin: 1em 0 2em 0;
}
#home-247 h1 {
margin-bottom: 0;
}
#home-credit img {
margin: 2em 0;
width: 100%;
height: auto;
}
#home-credits div a {
opacity: 0.7;
transition-property: opacity;
transition-duration: 0.3s;
}
#home-credits div a:hover {
opacity: 1;
}
.home #content,
.plans-and-pricing #content,
.professional-directory #content {
padding: 2.5em 0;
}
.home h1,
.plans-and-pricing h1,
.professional-directory h1,
.professional-directory.profile h2 {
font-family: "proxima-nova", lato, sans-serif;
font-weight: 300;
font-size: 32px;
margin: 0;
}
.professional-directory.profile h2 {
font-size: 28px;
}
.responsive-youtube {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.responsive-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.youtube-placeholder {
max-width: 100%;
height: auto;
cursor: pointer;
}
.home #content h1,
.home section.grey-bg {
text-align: center;
}
.home section.grey-bg,
.plans-and-pricing section.grey-bg,
.home section.white-bg,
.plans-and-pricing section.white-bg,
.professional-directory section.grey-bg,
.professional-directory section.white-bg {
padding: 3.5em 0;
}
section.white-bg {
background-color: #fff;
}
.plans-and-pricing #hero {
text-align: center;
}
.plans-and-pricing .price-grid {
display: inline-block;
vertical-align: top;
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
box-sizing: border-box;
margin: 2.5em 2%;
width: 28.5%;
text-align: center;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.plans-and-pricing .price-grid .top {
}
.plans-and-pricing #hero .price-grid .top h2 {
padding: 0.6em 0 0 0;
margin: 0;
height: 3em;
text-shadow: none;
background-color: rgba(255, 255, 255, 0.75);
color: #111;
}
.plans-and-pricing .price-grid .top h2 label {
display: block;
font-size: 60%;
opacity: 0.5;
}
.plans-and-pricing .price-grid .top strike {
color: #777;
}
.plans-and-pricing #hero .price-grid.enterprise .top h2 {
/*padding-top: 1em;*/
/*height: 2.6em;*/
}
.plans-and-pricing .price-grid .top h3 {
margin: 0;
padding: 0.75em 0;
color: #fff;
}
.plans-and-pricing .price-grid.individual .top h3,
.plans-and-pricing .price-grid.individual .button:hover {
background-color: #3db198;
}
.plans-and-pricing .price-grid.aap .top h3,
.plans-and-pricing .price-grid.aap .button.cta {
background-color: #d85e53;
}
.plans-and-pricing .price-grid.aap .button.cta:hover {
background-color: #c2483d;
}
.price-grid.enterprise .top h3,
.price-grid.enterprise .button:hover {
background-color: #699abc;
}
.price-grid .mid {
list-style: none;
margin: 0;
padding: 0;
}
.price-grid .mid li {
padding: 0.75em 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.price-grid .bottom {
padding: 2em 0;
}
.price-grid .ribbon {
background-color: #000;
color: #eee;
text-transform: uppercase;
font-size: 0.7em;
position: absolute;
padding: 0.5em 5em;
transform: rotate(45deg);
right: -56px;
top: 14px;
}
.plans-and-pricing #home-credit,
.plans-and-pricing #home-faculty {
text-align: center;
}
.plans-and-pricing #faq,
.professional-directory #faq {
margin: 1.5em 0
}
.plans-and-pricing #enterprise-thank-you,
.professional-directory #enterprise-thank-you {
display: none;
}
.plans-and-pricing .thank-you #enterprise-thank-you,
.professional-directory .thank-you #enterprise-thank-you {
display: block;
}
.plans-and-pricing .thank-you .fa-4x,
.professional-directory .thank-you .fa-4x {
float: left;
margin: 0 0.35em 0.25em 0;
color: #2ecd71;
}
.plans-and-pricing #enterprise-form,
.professional-directory #enterprise-form {
display: block;
}
.plans-and-pricing .thank-you #enterprise-form,
.professional-directory .thank-you #enterprise-form {
display: none;
}
.plans-and-pricing #enterprise-form h3,
.professional-directory #enterprise-form h3 {
margin-top: 1.5em;
}
.plans-and-pricing #enterprise-form p.col100,
.professional-directory #enterprise-form p.col100 {
clear: both;
padding-top: 1.5em;
}
.plans-and-pricing #multiple-pass-quote input[type=text],
.plans-and-pricing #multiple-pass-quote input[type=phone],
.plans-and-pricing #multiple-pass-quote input[type=email],
.professional-directory #enterprise-quote input[type=text],
.professional-directory #enterprise-quote input[type=phone],
.professional-directory #enterprise-quote input[type=email] {
width: 97%;
padding-left: 1%;
padding-right: 1%;
border: 1px solid #aaa;
}
#pd-hero {
text-align: center;
}
#pd-hero form {
padding: 2em 0 2em 0;
}
#pd-hero input[name="name"],
#pd-hero select {
min-width: 27%;
}
#pd-features-cta {
text-align: center;
margin: 2em 0;
}
/* end homepage, Plans & Pricing, professional directory landing page */
#newsletter-signup-banner {
position: relative;
padding: 1em 1em 1em 6em;
margin: 0 1.45%;
background-color: #f2f2f2;
color: #777;
}
#newsletter-signup-banner h2 {
font-size: 125%;
line-height: 125%;
padding: 0;
margin: 0;
}
#newsletter-signup-banner p {
margin: 0;
}
#newsletter-signup-banner form {
position: absolute;
right: 2em;
top: 1.6em;
}
.lt-ie9 #newsletter-signup-banner input.button {
vertical-align: middle;
}
#newsletter-signup-banner #email-wings {
position: absolute;
z-index: 9;
top: -10px;
left: -15px;
}
.contact-phone {
background-color: #f3f3f3;
padding: 0.5em;
font-weight: normal;
}
.contact-quad {
float: left;
width: 44.99%;
padding: 0 2.5%;
}
#contact-phones {
border-top: 1px solid #eee;
margin-top: 2em;
padding-top: 1em;
text-align: center;
}
#contact-phones div {
float: left;
width: 49.5%;
}
#contact-contact_a_department {
margin-top: 1em;
}
#contact-contact_a_department ul {
/*list-style: square;*/
margin: 0;
padding: 0 0 0 2em;
}
#contact-contact_a_department li {
float: left;
width: 27.3%;
margin: 0 6% 1em 0;
}
#newsletter td {
padding: 0 1em 0.5em 0;
}
#newsletter input[type="checkbox"],
#newsletter input[type="radio"] {
margin-right: 0.5em;
}
#inhouse-right {
float: right;
margin-bottom: 8px;
width: 30%;
margin-left: 5%;
}
#inhouse-right .block {
border-radius: 1em 0 1em 0;
padding: 0.75em 1em;
margin-bottom: 1em;
}
#inhouse-right h3 {
text-align: center;
font-weight: normal;
font-size: 100%;
}
#inhouse-right td {
padding: 0.25em 0;
}
#inhouse-faculty-logo {
float: right;
margin: 0 0 2em 2em;
}
#inhouse-right input,
#inhouse-right textarea {
width: 90%;
padding: 0.3em 4.5%;
}
#inhouse-right textarea {
height: 5em;
}
#inhouse-right select {
width: 100%;
}
#inhouse-training-customers {
list-style: none;
margin: 1em 0;
padding: 0;
}
#inhouse-training-customers li {
float: left;
width: 40%;
margin: 0 9.95% 0 0;
}
.product-row.inhouse {
background-image: url(/images/site/inhouse-globe.gif);
background-position: 10px center;
background-repeat: no-repeat;
padding-left: 2.5em;
min-height: 1em;
}
#affiliateprogram-application label.float {
float: left;
width: 130px;
padding-top: 2px;
}
#affiliateprogram-application .column {
float: left;
width: 25%;
margin-right: 5%;
}
#affiliateprogram-application .checkboxes {
}
#affiliateprogram-application #comments {
width: 25em;
height: 6em;
}
#affiliateprogram-application #faq {
margin-top: 3em;
}
/* affiliate pages e.g. /training/affiliatename */
.training img.affiliate-logo {
float: right;
margin: 0 0 2em 2em;
}
.training .product-results {
clear: both;
}
.training .affiliate-description {
width: 80%;
}
/* affiliate pages e.g. /training/affiliatename */
.training img.affiliate-logo {
float: right;
margin: 0 0 2em 2em;
}
.training .product-results {
clear: both;
}
.training .affiliate-description {
width: 80%;
}
#youtube {
position: absolute;
top:0;
left: 15%;
display: none;
width: 640px;
height: 360px;
z-index: 11;
border: 7px solid #222;
border-radius: 3px;
box-shadow: 0 10px 25px #000;
}
#youtube iframe {
width: 640px;
height: 360px;
background-color: #000;
}
#mask {
position: absolute;
display: none;
z-index: 10;
background-image: url('/images/common/bg-white40.png');
}
#youtube_player_close_button {
font-family: Courier, monospace;
font-weight: bold;
color: #F3F3F3;
background: #222;
position: absolute;
top: -0.6em;
right: -0.6em;
font-size: 1.5em;
border: 2px solid #F3F3F3;
border-radius: 50%;
height: 1.1em;
width: 1.1em;
cursor: pointer;
text-align: center;
}
#youtube_player_close_button p {margin-top: -5px;}
.img-responsive {display:block;
height:auto;
max-width:100%;}
.affiliate-video-thumbnail {display: block;
width: 336px;
height: 187px;
background: url('/affiliateprogram/affilate-video-thumbnail.jpg') bottom;
text-indent: -99999px;
margin: 30px 0 30px 30px;
border: 0;
float: right;
}
.affiliate-video-thumbnail:hover {
background-position: 0 0;
}
fieldset.new-account-password-block {
background-color: #eee;
padding: 1em 0;
margin: 0.5em 0 1.5em 0;
clear: both;
}
fieldset.new-account-password-block label {
display: block;
margin-bottom: 0.3em;
}
fieldset.new-account-password-block input[type="password"] {
padding-left: 1%;
padding-right: 1%;
width: 97%;
}
fieldset.new-account-password-block p {
margin-top: 0;
}
/* LBEN Membership */
#lben-sites {
}
#lben-sites ul {
list-style: none;
}
.lben-sites-column {
float: left;
width: 40%;
margin-right: 10%;
}
/* shop index */
#cart {}
#cart h1 {
font-weight: normal;
font-size: 1.6em;
}
#cart input[type="submit"].proceed {
background-color: #ebbb3d;
color: #333;
float: right;
margin-bottom: 20px;
background-image: url(/images/site/bg-cta-arrow-right-dark-2x.png);
background-size: 16px 24px;
background-position: 95% center;
background-repeat: no-repeat;
}
#cart input[type="submit"].proceed:hover {
background-color: #f3b40f;
background-position: 96% center;
}
#cart button.proceed, #shop_heading button.proceed, #shop_foot button.proceed, .membership-autorenew-container button.proceed {
background-color: #ebbb3d;
background-image: url(/images/site/bg-cta-arrow-right-dark.png);
background-position: 95% center;
background-repeat: no-repeat;
color: #333;
padding: 0.5em 2em 0.5em 1em;
}
#cart button.proceed:hover, #shop_heading button.proceed:hover, #shop_foot button.proceed:hover, .membership-autorenew-container button.proceed:hover {
background-image: url(/images/site/bg-cta-arrow-right.png);
background-color: #f3b40f;
color: #f9da87;
}
#cart button.proceed{
position: relative;
float: right;
}
#cart-display {
background-color: #eee;
padding: 15px;
margin: 20px 0;
clear: both;
}
#cart-display h1.message {
color: #060;
font-weight: normal;
font-size: 1.6em;
}
#cart-display h1.message.error {
color: #600;
}
.cart-row {
position: relative;
background-color: #fff;
margin: 15px 0 0 0;
padding: 32px 4%;
}
.cart-row:first-child {
margin-top: 0;
}
.cart-row h2 {
font-weight: normal;
font-size: 111%;
margin: 0;
max-width: 65%;
}
.cart-row h2 a {
text-decoration: none;
}
.cart-row h2 a:hover {
text-decoration: underline;
}
.cart-row .product-type,
.cart-row .product-date {
opacity: 0.8;
}
.cart-row .why-discount-not-applied {
max-width: 65%;
opacity: 0.8;
}
.cart-row.not-applied .price {
text-decoration: line-through;
}
.cart-row .quantity {
position: absolute;
top: 28px;
right: 120px;
font-size: 111%;
min-height: 32px;
line-height: 32px;
}
.cart-row .quantity input {
width: 3em;
text-align: right;
font-size: 111%;
background-color: #f3f3f3;
border: 1px solid #e8e8e8;
}
.cart-row .quantity a {
display: inline-block;
padding: 0 0.4em;
color: #e8e8e8;
}
.cart-row .quantity a:hover {
color: #253a6a;
}
.cart-row .price {
position: absolute;
top: 28px;
padding: 4px 0 3px 0;
right: 4%;
font-size: 111%;
}
.cart-row .teleconference-upsell-options .fa,
.cart-row .teleconference-upsell-options .fas {
margin-right: 0.3em;
}
.cart-row.discount.product-tier {
margin-top: 0;
padding-top: 0;
}
.cart-row.discount.product-tier .quantity,
.cart-row.discount.product-tier .price {
top: 0;
min-height: 0;
line-height: 1em;
padding: 0;
}
#cart .subtotal {
float: right;
font-size: 111%;
margin: 15px 4% 0 0;
}
#cart .subtotal .price {
display: inline-block;
width: 120px;
text-align: right;
}
#cart .discount-code,
#cart .priority-code {
width: 100%;
max-width: 300px;
margin-top: 15px;
}
#cart .discount-code {
}
#cart .priority-code {}
#cart .discount-code input,
#cart .priority-code input {
border: none;
background-color: #ddd;
padding: 0.5em;
width: 70%;
max-width: 200px;
}
#cart .discount-code input::-webkit-input-placeholder,
#cart .priority-code input::-webkit-input-placeholder {
color: #333;
}
#cart .discount-code input::-moz-placeholder,
#cart .priority-code input::-moz-placeholder {
color: #333;
}
#cart .discount-code input:-ms-input-placeholder,
#cart .priority-code input:-ms-input-placeholder {
color: #333;
}
#cart .discount-code input[type="submit"] {
display: none;
background-color: #bbb;
color: #11234d;
width: auto;
margin-left: 10px;
}
#cart .discount-code input[type="text"]:focus + input[type="submit"] {
}
#shop-tele-credit-note {
margin: 0 0 2em 0;
}
#shop-tele-credit-note img {
float: left;
height: 2.5em;
width: auto;
padding: 0.2em 0 0 7px;
margin: 0 0.5em 1em 0;
}
#shop-index-upsells {
margin: 0 auto;
}
#shop-index-upsells td {
background-color: #fff;
}
#shop-index-upsells td.spacer {
background-color: transparent;
}
.shop-index section#faq {
background-color: #fff;
padding: 4em 0;
}
#upsell-tonto {
margin: 0;
}
#upsell-tonto h4 {
margin: 0 0 0.25em 0;
}
#upsell-tonto .product-container {
padding: 1.5em 1.5em 0 4.5em;
background-image: url(/images/site/product-type-online_audio-2x.png);
background-position: 0 1.25em;
background-repeat: no-repeat;
background-size: 3em auto;
}
#upsell-tonto h2 {
font-size: 1.17em;
margin: 0;
}
#upsell-tonto .product-type {
margin-top: 0.25em;
}
#upsell-tonto .price {
font-size: 140%;
color: #555;
margin: 0.5em 0;
}
#upsell-tonto .price strike {
color: #888;
}
#upsells td.top,
#upsells td.middle,
#upsells td.bottom {
padding: 10px;
}
#upsells td.top {
border: 1px solid #ccc;
border-width: 1px 1px 0 1px;
background-color: #eee;
}
#upsells td.middle {
border: 1px solid #ccc;
border-width: 0 1px;
}
#upsells td.bottom {
border: 1px solid #ccc;
border-width: 0 1px 1px 1px;
text-align: center;
}
#shop-faq h4,
#update_cart_form h4 {
margin-bottom: 0.15em;
}
#shop-faq p,
#update_cart_form p {
margin-top: 0;
}
#update_cart_form > table {
margin-bottom: 1.5em;
}
#upsll .upsell-list, #upsell_pulldown .upsell-list{
display: none;
margin: 0.5em 0.5em;
}
#upsll .upsell-list ul, #upsell_pulldown .upsell-list ul{
margin: 0.1em 0.5em;
padding: 0;
list-style: none;
}
#upsll .upsell-list h3, #upsell_pulldown .upsell-list h3{
color: #666666;
margin: 0;
padding: 0;
font-size: 1em;
}
.upsell-list .active{
font-weight: bold;
}
.product-upsell-radio{
vertical-align: middle;
cursor: pointer;
}
#discount-not-applied-msg {
position: fixed;
width: 470px;
height: 110px;
padding: 2px 30px 13px 30px;
top: 200px;
left: 200px;
z-index: 1001;
background-color: #fff;
font: 13px arial, sans-serif;
color: #333;
display: none;
}
#discount-not-applied-msg.ie6 {
background-image: url('images/bg-modal-8bit.png');
}
#discount-not-applied-msg h3 {
font: 18px arial, sans-serif;
font-weight: normal;
line-height: 18px;
letter-spacing: -1px;
padding: 0px 0 0px 0;
}
#shop-login {
position: fixed;
top: 150px;
width: 90%;
max-width: 600px;
padding: 15px;
background-color: #fff;
z-index: 1001;
display: none;
}
#shop-login form {
margin: 0 0 2.5em 3%;
}
#shop-login h1 {
font-size: 150%;
font-weight: normal;
margin: 0 0 0.5em 0;
color: #253a6a;
}
#shop-login-message {
background-image: url('/shop/images/exclamation.png');
background-position: left center;
background-repeat: no-repeat;
display: none;
padding-left: 30px;
margin: 0 0 1em 0;
}
#shop-login input[type=email],
#shop-login input[type=password] {
font: 18px arial, sans-serif;
border: 1px solid #999;
padding: 4px 5px;
margin-top: 0.3em;
width: 285px;
}
#shop-login input[type=email].has_account {
background-image: url('/shop/images/check.png');
background-position: 275px center;
background-repeat: no-repeat;
}
#shop-login input[type=submit] {
}
#shop-login input[type=submit].loading {
/*background-image: url('/shop/images/sign-in-loading.gif');
background-position: 7px center;*/
}
#shop-login p.disclaimer {
font-size: 80%;
opacity: 0.8;
}
#shop-login-split {
position: fixed;
top: 150px;
width: 90%;
max-width: 685px;
padding: 40px 60px;
background-color: #fff;
z-index: 1001;
display: none;
}
#shop-login-split h1 {
font-size: 150%;
font-weight: normal;
margin: 0 0 0.5em 0;
}
#shop-login-split form {
margin: 0 0 2.5em 0;
}
#shop-login-split .new,
#shop-login-split .existing {
width: 44.9%;
padding: 0 5%;
float: left;
}
#shop-login-split .new {
border-right: 1px solid #ddd;
padding-left: 0;
}
#shop-login-split .new form {
min-height: 8.5em;
}
#shop-login-split .existing {
padding-right: 0;
}
#shop-login-split .shop-login-message {
display: none;
color: #6a2525;
margin: 0 0 1em 0;
}
#shop-login-split input[type=email],
#shop-login-split input[type=password] {
font: 18px arial, sans-serif;
border: 1px solid #999;
padding: 4px 5px;
margin-top: 0.3em;
width: 285px;
}
#shop-login-split input[type=submit] {}
#shop-login-split .loading input[type=submit] {}
#shop-login-split p {
color: #777;
}
#shop-login-split p label {
color: #444;
}
#free-cart {
margin-bottom: 5em;
}
#free-cart .product-row .actions {
margin-top: 1em;
}
#shop-tele-credit-note {
margin: 2em 0;
}
#shop-tele-credit-note img {
float: left;
height: 2.5em;
width: auto;
margin-right: 0.5em;
}
/* end shop index */
/* subscription manager styles */
#subscription-mgr .grey-bg{
padding: 2em;
}
.green-bg h2{
color: #5B8A5E;
}
#subscription-mgr .green-bg{
background-color: #DFEFD8;
padding: 2em;
}
#email-subscription-container .subscription-options{
background-color: #ffffff;
padding: 1em 0;
margin-bottom: 1em;
}
#email-subscription-container .subscription-options .subscription-option h3{
margin-top: 0;
}
#email-subscription-container .subscription-options .subscription-option{
float: left;
display: inline;
width: 33%;
height: 225px;
padding: 0 20px;
text-align: center;
cursor: pointer;
}
.subscription-options .first-option{ }
.subscription-options .second-option{ border-left: 1px solid #cccccc; }
.subscription-options .third-option{ border-left: 1px solid #cccccc; }
.subscription-options input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.subscription-options input[type=checkbox] + label:before {
font-family: 'Font Awesome 5 Pro';
display: inline-block;
}
.subscription-options input[type=checkbox] + label:before { content: "\f0c8"; font-size: 3em; color: #cccccc; cursor: pointer; } /* unchecked icon */
.subscription-options input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */
.subscription-option:hover input[type=checkbox] + label:before { content: "\f14a"; }
.subscription-options input[type=checkbox]:checked + label:before { content: "\f14a"; font-size: 3em; color: #2E96D8; cursor: pointer; } /* checked icon */
.subscription-options input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */
.subscription-options .subscription-option .details{
height: 120px;
}
.subscription-buttons{
text-align: center;
}
.subscription-buttons a{
font-weight: bold;
color: #BB3535;
}
#email-subscription-thanks{
margin-bottom: 2em;
}
#email-subscription-thanks .details, #email-subscription-comments-thanks .details{
background-color: #ffffff;
padding: 2em;
}
#resubscribe_link{
font-weight: bold;
color: #BB3535;
}
input.unsub-reason-radio{
vertical-align: middle;
}
/* end subscription manager styles */
/*********************************
* Lorman promo banner
*********************************/
.promo #hero {
padding-top: 105px;
}
#lorman-promo {
background-color: #3d85c6;
box-sizing: border-box;
color: #fff;
display: none;
font-size: 18px;
height: 65px !important;
padding: 19px 0;
position: fixed;
text-align: center;
width: 100%;
z-index: 1030;
}
#lorman-promo a {
color: #fff;
}
.lorman-promo-left {
float: left;
width: 90%;
}
.lorman-promo-left a {
border: 1px solid #fff;
border-radius: 3px;
padding: 3px 6px;
text-decoration: none;
white-space: nowrap;
}
.lorman-promo-left a:hover {
background: #fff;
color: #3d85c6 !important;
text-decoration: none;
}
.lorman-promo-left p {
margin: 0 0 0 10%;
}
.lorman-promo-right {
float: right;
width: 5%;
}
@media only screen and (max-width: 1024px) {
#lorman-promo {
font-size: 16px;
line-height: 25px;
padding: 22px 0;
}
.lorman-promo-left a {
padding: 2px 4px;
}
}
@media only screen and (max-width: 768px) {
#lorman-promo {
font-size: 12px;
line-height: 22px;
padding: 22px 0;
}
}
@media only screen and (max-width: 565px) {
#lorman-promo {
padding: 10px 0; /* this is really tedious and will probably break if the wording changes */
}
}
/* End Lorman promo banner */
/* auditor? I hardly know her */
#lorman-notice {
position: fixed;
width: 100%;
z-index: 999;
box-sizing: border-box;
background-color: #fff6b2;
height: 45px;
padding: 12px;
font-size: 14px;
}
#lorman-notice .max-width {
background-image: url('/images/lorman_staff.png');
background-position: 10px 50%;
background-repeat: no-repeat;
padding-left: 3em;
}
#lorman-notice + #masthead {
top: 45px;
}
#lorman-notice + #masthead + header {
padding-top: 170px;
}
/*#lorman_staff , #lorman_auditor, #lorman_tester {
padding: 8px 10px 8px 35px;
background-color: #fff6b2;
border-bottom: 1px solid #333;
text-align: left;
background-image: url('/images/lorman_staff.png');
background-position: 10px 50%;
background-repeat: no-repeat;
}*/
/* page render time in the footer */
#page-render-time {
color: #fad;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
/* temporary "will be down for maintenance" banner */
#maintenance-banner {
background-color: #FBF5D9;
border-bottom: 1px solid #333;
text-align: center;
box-shadow: 4px 0 5px rgba(0, 0, 0, 0.4);
}
#maintenance-banner #inner {
width: 90%;
max-width: 930px;
display: inline-block;
padding: 15px 10px 15px 40px;
margin: 0 auto;
text-align: left;
background-image: url('/images/exclamation.png');
background-position: 0 50%;
background-repeat: no-repeat;
}
/* /training/ landing page */
.training-option {
margin-bottom: 2em;
}
.training-option h1,
.training-option h2 {
font-weight: normal;
margin: 0;
}
.training-option a {
text-decoration: none;
}
.training-option a:hover {
text-decoration: underline;
}
#accreditation-block {
float: right;
width: 25%;
border-radius: 1em 0 1em 0;
padding: 0.75em 1em;
margin: 0 0 1em 1em;
}
/* FAQ on FAQ page, Pass/pricing page */
#table_of_contents {
margin: 15px 10px 25px 10px;
list-style: none;
padding: 0;
}
#table_of_contents a {
font-weight: bold;
text-decoration: none;
}
#table_of_contents li {
margin: 0 0 6px 0;
padding: 0;
}
#faq dl {
margin: 0 0 3px 0;
padding: 0;
}
#faq dt {
margin: 0;
padding: 10px 20px 10px 40px;
background: #f7f7f7 url('/images/faq_bullet.png') 10px 50% no-repeat;
cursor: pointer;
}
#faq dt.expanded {
border-bottom: 1px solid #ddd;
background-image: url('/images/faq_bullet_rotated.png');
}
#faq dt:hover {
background-color: #eee;
}
#faq dd {
margin: 10px 15px 15px 40px;
padding: 0;
display: none;
}
#faq .to_toc {
margin: 10px 0 30px 40px;
padding: 0;
}
#faq .header {
background-color: #333;
color: #fff;
padding: 10px;
margin: 0 0 3px 0;
}
#faq .header h2 {
font-size: 20px;
}
#faq .expand_all {
float: right;
padding: 15px 0 0 0;
}
#faq .expand_all a {
color: #5a7fa2;
text-decoration:none;
}
/* end FAQ */
/* why lorman pages */
#why-lorman-employee-comments blockquote {
background:
url('/images/why-lorman/quote-top-left.png') no-repeat top left,
url('/images/why-lorman/quote-bottom-right.png') no-repeat bottom right;
text-align: left;
margin: 0 0 2em 0;
padding: 19px 50px 0 45px;
}
#why-lorman-employee-comments cite {
display: block;
text-align: center;
color: #777;
}
.leader-thumbs a {
display: block;
box-sizing: border-box;
float: left;
width: 14%;
padding: 10px;
}
.leader-thumbs a.active {
background-color: #203053;
}
.leader-thumbs a img {
width: 100%;
height: auto;
background-position: top left;
background-size: 200% auto;
transition-property: background-position;
transition-duration: 0.4s;
}
.leader-thumbs a img.flipped,
.leader-thumbs a.active img,
.leader-thumbs a img:hover {
/*background-position: top right;*/
}
.leader-thumbs.bio-visible a {
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%) contrast(115%);
transition-property: all;
transition-duration: 0.2s;
}
.leader-thumbs.bio-visible a.active {
filter: none;
-webkit-filter: none;
}
.leader-thumbs .michelles img {
background-image: url('/images/why-lorman/leaders/michelles.jpg');
}
.leader-thumbs .tina img {
background-image: url('/images/why-lorman/leaders/tina.jpg');
}
.leader-thumbs .angie img {
background-image: url('/images/why-lorman/leaders/angie.jpg');
}
.leader-thumbs .kevin img {
background-image: url('/images/why-lorman/leaders/kevin.jpg');
}
.leader-thumbs .micheller img {
background-image: url('/images/why-lorman/leaders/micheller.jpg');
}
.leader-thumbs .drew img {
background-image: url('/images/why-lorman/leaders/drew.jpg');
}
.leader-thumbs .michellet img {
background-image: url('/images/why-lorman/leaders/michellet.jpg');
}
.leader-thumbs .toni img {
background-image: url('/images/why-lorman/leaders/toni.jpg');
}
.leader-thumbs .sandy img {
background-image: url('/images/why-lorman/leaders/sandy.jpg');
}
.leader-thumbs .john img {
background-image: url('/images/why-lorman/leaders/john.jpg');
}
.leader-thumbs .jodi img {
background-image: url('/images/why-lorman/leaders/jodi.jpg');
}
.leader-thumbs .james img {
background-image: url('/images/why-lorman/leaders/james.jpg');
}
.leader-thumbs .ben img {
background-image: url('/images/why-lorman/leaders/ben.jpg');
}
.leader-thumbs .nicki img {
background-image: url('/images/why-lorman/leaders/nicki.jpg');
}
.leader-thumbs .mike img {
background-image: url('/images/why-lorman/leaders/mike.jpg');
}
.leader-thumbs .steve img {
background-image: url('/images/why-lorman/leaders/steve.jpg');
}
#leader-bios {
background-color: #203053;
padding: 50px 30px 40px 30px;
display: none;
}
#leader-bios .leader-bio {
display: none;
min-height: 270px;
}
#leader-bios .leader-bio img {
float: left;
margin: 0 30px 0 0;
}
.why-lorman #content #leader-bios h2,
.why-lorman #content #leader-bios h3,
#leader-bios p {
margin-left: 300px;
margin-top: 0;
color: #fff;
}
.why-lorman #content #leader-bios h2 {
margin: 0;
}
.why-lorman #content #leader-bios h3 {
font-size: 115%;
opacity: 0.5;
}
.why-lorman #content #leader-bios h4 {
margin: 0.25em 0 1em 0;
font-size: 100%;
font-weight: normal;
}
.why-lorman #content #leader-bios h4 a {
color: #fff;
opacity: 0.5;
}
.why-lorman-quadrant {
float: left;
width: 45.92%;
text-align: center;
}
.why-lorman-quadrant:nth-child(odd) {
margin-right: 8.16%;
}
.why-lorman-quadrant.odd { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
margin-right: 8.16%;
}
.your-needs .why-lorman-quadrant img,
.giving-back .why-lorman-quadrant img {
margin: 0 auto;
}
.why-lorman-quadrant p {
text-align: left;
}
.why-lorman #content h3:first-child {
margin-top: 0;
}
.why-lorman #content h3.first-child { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
margin-top: 0;
}
#lorman-leaders h3 {
}
#lorman-leaders h3 + p {
margin-top: 0;
margin-bottom: 1em;
}
.why-lorman #content section,
.why-lorman #content section.grey-bg {
padding: 2em 0;
}
.why-lorman #content section.why-lorman-faculty-mosaic {
background: #ddd url('/images/why-lorman/your-needs-faculty_mosaic.jpg') top center;
height: 210px;
padding: 0;
}
.why-lorman-quadrant img {
max-width: 100%;
height: auto;
}
.why-lorman-quadrant.charity-logo {
padding: 2.5em 0;
}
.giving-back-photo-container {
width: 20%;
min-width: 140px;
padding: 1%;
margin: 0 -1% 1em -1%;
background-color: #fff;
float: left;
transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
z-index: 3;
}
.giving-back-photo-container:nth-child(even) {
transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
z-index: 2;
}
.giving-back-photo-container img {
max-width: 100%;
height: auto;
}
/* end why lorman pages */
/* press releases */
.press-release {
margin: 0 0 2em 0;
}
.press-release .date {
float: left;
width: 200px;
}
.press-release h2,
.press-release p {
margin-left: 200px;
margin-top: 0;
margin-bottom: 0;
}
.press-release h2 {
font-size: 1.2em;
}
.press-release h2 a {
text-decoration: none;
}
.press-release h2 a:hover {
text-decoration: underline;
}
/* end press releases */
/* sitemap */
.sitemap-column {
float: left;
width: 44.99%;
padding: 0 2.5% 3em 2.5%;
}
.sitemap-full-column {
width: 89.98%;
padding: 0 2.5% 3em 2.5%;
}
/* end sitemap */
/* certification pages */
.certification .certification-logo {
float: right;
margin: 0 0 2em 1.5em;
}
.certification table th {
border-bottom: 1px solid #000;
font-weight: normal;
text-align: left;
}
.certification table th,
.certification table td {
font-size: 80%;
padding: 0.5em 1.5em 0.2em 0.5em;
}
.certification .board-member {
margin-bottom: 6em;
}
.certification .board-member .logo {
float: right;
margin: 0 0 1.5em 1.5em;
}
.certification .board-member h2 a {
text-decoration: none;
}
.certification .board-member h2 a:hover {
text-decoration: underline;
}
.certification .board-member h3 {}
.certification .board-member .headshot {
float: left;
}
.certification .board-member .bio {
margin-left: 175px;
margin-bottom: 4em;
}
/* end certification pages */
/* browse landing pages (e.g. /legal, /1099) */
.browse-landing-page h2,
.browse-landing-page h3 {
font-weight: normal;
}
.browse-landing-page #content ul {
width: 100%;
overflow: visible;
padding: 0;
margin: 1em 0;
}
.browse-landing-page #content li {
float: left;
width: 45%;
margin-left: 4%;
}
.browse-landing-page #content ul:before,
.browse-landing-page #content ul:after {
clear: both;
content: " "; /* 1 */
display: table; /* 2 */
}
.browse-landing-page .training-products,
.browse-landing-page .training-resources {
clear: both;
padding: 2em 0;
}
.browse-landing-page #pass-upsell .button.cta {
float: right;
margin: 0 0 0 2em;
}
/* end browse landing pages */
/* dev only: product pages */
.page .warning {
background-image: url(/images/icon-information.png);
background-position: left center;
background-repeat: no-repeat;
padding: 0.5em 0.5em 0.5em 1.5em;
margin-bottom: 2em;
}
/* end dev only: product pages */
/* 404 page */
.four-oh-four #pass-upsell .button.cta {
float: right;
margin: 0 0 0 2em;
}
/* account page, wide .show-left-column layout */
.account .column.narrow + .column.wide,
.show-left-column .column.narrow + .column.wide {
/* desktop view: right column, if there is a left column */
margin-left: 305px;
min-height: 300px;
box-sizing: border-box;
padding-top: 26px;
}
.account .column.narrow,
.show-left-column .column.narrow {
position: absolute;
background-color: #eee;
padding: 26px 15px;
width: 300px;
box-sizing: border-box;
min-height: 100%;
margin-left: -15px;
z-index: 998;
}
.account .column.narrow {
text-align: right;
padding-left: 0;
padding-right: 0;
}
.account .column.narrow h3,
.show-left-column .column.narrow h3 {
margin-top: 2em;
margin-bottom: 0;
}
/*.account .column.narrow ul,
.show-left-column .column.narrow ul {
margin-top: 0;
}*/
.account .column.narrow .edit-tease {
padding: 0.2em;
}
.account .column.narrow .edit-tease:hover {
background-color: #fff;
}
#account-upcoming-training {
min-height: 800px;
}
#account-pass-renewal {
margin: 0 0 2em 0;
padding: 1.5em 2em 1.5em 150px;
border: 1px solid #e5e5e5;
background-color: #eee;
background-image: url(/images/site/passes-fa-tags-color.png);
background-position: 25px 2em;
background-repeat: no-repeat;
background-size: auto 75px;
}
#account-pass-renewal .aligncenter {
text-align: center;
}
#account-pass-renewal .button {
margin: 1em auto 0.5em auto;
}
#account-login-form {
float: left;
width: 45%;
margin-right: 5%;
overflow: auto;
}
#account-login-form label,
#lost-password label {
display: inline-block;
width: 9em;
}
#lost-password label {
width: 10em;
}
#account-login-form input[type=email],
#account-login-form input[type=password],
#lost-password input[type=email],
#lost-password input[type=password] {
width: 94%;
padding-left: 2.5%;
padding-right: 2.5%;
max-width: 16em;
}
#account-login-form .login-message,
.account.lost-password .message, .training-message {
background-color: #11234d;
color: #fff;
padding: 0.5em 0.75em;
margin-bottom: 1.5em;
}
#account-login-form .login-message a,
.account.lost-password .message a, .training-message a {
color: #fff;
}
#free-account-benefits {
margin-left: 50%;
}
.account.profile h2 a {
font-size: 0.7em;
font-weight: normal;
margin-left: 0.5em;
}
.account.profile .fa,
.account.profile .fas {
opacity: 0.7;
}
.account.profile #view-personal-information {
margin: 0 2.5% 4em 2.5%;
}
.account.profile #view-personal-information h3 {
margin-bottom: 0;
}
.account.profile #view-personal-information p {
margin: 0 0 1.5em 0;
}
.account.profile #edit-personal-information {
margin-bottom: 4em;
display: none;
}
.account.profile #edit-personal-information.visible {
display: block;
}
.account.profile #edit-personal-information p.col25,
.account.profile #edit-personal-information p.col50,
.account.profile #edit-personal-information p.col100 {
min-height: 3.5em;
}
.account.profile .password {
background-color: #eee;
padding: 1em 0;
margin: 0.5em 0 1.5em 0;
clear: both;
}
/*.account.profile .password p:nth-child(3) {
margin: 1em 2.5%;
}*/
.account.profile .password p,
.account.profile #content .password p:first-child {
margin: 0.5em 2.5% 1em 2.5%;
}
.account.profile #edit-personal-information input[type=text],
.account.profile #edit-personal-information input[type=password],
.account.profile #edit-personal-information input[type=email] {
width: 97%;
padding-left: 1%;
padding-right: 1%;
}
.account.profile #edit-personal-information label {
display: block;
margin-bottom: 0.3em;
}
.account.profile #edit-personal-information .invalid {
color: #bb3535;
}
.account.profile #edit-personal-information .invalid .fa,
.account.profile #edit-personal-information .invalid .fas {
opacity: 1.0;
}
.account.profile #edit-personal-information .invalid input,
.account.profile #edit-personal-information .invalid select {
transition-property: border-color, box-shadow;
transition-duration: 0.3s;
border-color: #bb3535;
}
.account.profile #edit-personal-information .required {
color: #bb3535;
}
/* these should match the styles for .filter input[type="checkbox"] etc. */
.account.profile #edit-topics ul {
list-style: none;
margin: 0.75em 0 2em 0.5em;
padding: 0;
}
.account.profile #edit-topics li {
line-height: 18px;
margin: 0;
}
.account.profile #edit-topics input[type="checkbox"] {
display: none;
}
.lt-ie9 .account.profile #edit-topics input[type="checkbox"] { /* labels don't receive click events for hidden inputs in <= IE8 */
display: block;
position: absolute;
left: -500px;
}
.account.profile #edit-topics label {
/*cursor: pointer;*/
display: block;
padding: 0.25em 0;
}
.account.profile #edit-topics input[type="checkbox"] + label span {
display: inline-block;
float: left;
height: 18px;
width: 18px;
margin-right: 8px;
vertical-align: baseline;
background: url(/images/site/sprite-input-checkbox.png) no-repeat 0 -18px;
}
.account.profile #edit-topics input[type="checkbox"] + label:hover span {
background-position: 0 -36px;
}
.account.profile #edit-topics input[type="checkbox"]:checked + label span,
.account.profile #edit-topics input[type="checkbox"]:checked + label:hover span {
background-position: 0 0;
}
.account.profile #edit-topics input[type="checkbox"].checked + label span,
.account.profile #edit-topics input[type="checkbox"].checked + label:hover span { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
background-position: 0 0;
}
.account.profile.new ul + h2 {
margin-top: 2em;
}
.account.profile .errors {
background-color: #FEFBEA;
padding: 20px;
border: 1px solid #ccc;
border-width: 1px 0;
margin-bottom: 1.5em;
}
.account.profile .errors p {
margin: 0;
}
.account.profile .fa-exclamation-triangle {
color: #bb3535;
opacity: 1.0;
}
/* Order History */
.account.order-history p.bold {
font-weight: bold;
}
.account.order-history p.price {
width: 100px;
text-align: right;
}
.account.order-history p.total {
text-align: right;
}
.account.order-history .order {
padding: 1em 0;
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
overflow: auto;
}
.account.order-history .order div {
margin: 5px;
}
.account.order-history .order p,
.account.order-history .order ul {
padding: 0px 0px 5px;
margin: 0px;
}
.account.order-history .order_summary {
float: left;
width: 200px;
}
.account.order-history .order_detail .item_name {
max-width: 450px;
width: 450px;
}
.account.order-history .order_detail p {
float: left;
}
.account.order-history .order_detail ul {
list-style: none;
}
.account.order-history .order_detail li {
display: inline-block;
}
.account.order-history .order_detail .sprite-arrow {
background:url('../img/sprites2.png') no-repeat -331px -598px;
height:14px;
width:10px;
float: left;
}
/* End Order History */
/* My Training */
.account.my-training .product-row h3 {
font-weight: normal;
margin: 2em 0 0.5em 0;
}
.account.my-training .credit_status_table {
margin: 0.5em 0 2em 0;
}
.account.my-training .credit_status_table th,
.account.my-training .credit_status_table td {
padding: 0.3em 0.5em 0.3em 0;
font-size: 80%;
text-align: left;
}
.account.my-training .credit_status_table th {
border-bottom: 1px solid #ddd;
font-size: 75%;
}
/* End My Training */
/* Account > Goals */
.account.goal .edit-goal label {
display: inline-block;
width: 120px;
}
.account.goal h1 {
margin-top: 0.3em;
}
.account.goal .user-progress.team th,
.account.goal .user-progress.team td {
padding: 0.5em 2em 0.4em 0;
text-align: left;
}
.account.goal .user-progress.team td.bar {
width: 200px;
padding: 0;
background-color: #f4f4f4;
border: 5px solid #fff;
border-width: 5px 0;
}
.account.goal .user-progress.team td.bar .bar-graph {
display: inline-block;
background-color: #8bc34a;
height: 1em;
vertical-align: middle;
}
.account .remove-product-qty{ text-align: center; }
.account .remove-product-type{ text-align: center; }
.account .remove-product-goal{ text-align: center; cursor: pointer; }
/* End Account > Goals */
.account section#content,
.show-left-column section#content {
padding: 0;
}
.account.login section#content {
padding: 2em 0;
}
/*.account .column.narrow + .column.wide,
.show-left-column .column.narrow + .column.wide {
margin-left: 36%;
padding: 2em 0 0 3vw;
}*/
.account h1,
.account h2 {
font-weight: 400;
}
.account input.filter-q {
float: right;
margin-top: 1.4em;
margin: 0 0 2em 0;
background-color: #eee;
padding: 0.4em 30px 0.4em 0.4em;
box-sizing: border-box;
background: #eee url(/images/site/bg-search-mag-glass-dark.png) no-repeat right center;
border: none;
color: #444;
width: 100%;
max-width: 300px;
}
.account input.filter-q::-webkit-input-placeholder { /* WebKit browsers */
color: #777;
}
.account input.filter-q:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #777;
}
.account input.filter-q::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #777;
}
.account input.filter-q:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #777;
}
h2 {}
#kingkong .account-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
#kingkong .account-nav ul.children {
display: none;
}
#kingkong .account-nav.expanded ul.children {
display: block;
padding-left: 1em;
}
#kingkong .account-nav.expanded h1 {
font-weight: bold;
}
#kingkong .account-nav.dashboard {
border-top: 1px solid #eee;
padding-top: 1em;
}
#kingkong .account-nav.services {
margin-bottom: 1em;
}
section#wide-two-col {
background-color: #fff;
}
.show-left-column .bg-left-column {
display: block;
background-color: #eee;
position: absolute;
height: 100%;
width: 330px;
left: 0;
top: 0;
}
#account-nav,
#account-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
#account-nav {
margin: 0 0 0 auto;
text-align: left;
margin: 0 0 0 auto;
display: inline-block;
padding-right: 0;
width: 100%;
max-width: 291px;
}
#account-nav > li {
margin-bottom: 2em;
}
#account-nav .fa,
#account-nav .fas {
}
#account-nav a,
#account-nav a:visited {
text-decoration: none;
display: block;
padding: 15px 1em 0.6em 15px;
font-size: 24px;
font-weight: 600;
color: #333;
background-image: url(/images/site/bg-left-menu-caret.png);
background-position: 110% 50%;
background-repeat: no-repeat;
transition-property: padding, background-color, background-position;
transition-duration: 0.15s;
}
#account-nav .children a {
font-size: 18px;
font-weight: 300;
}
#account-nav li a:hover,
#account-nav li.active > a,
#account-nav li.active > a:hover {
background-color: #ddd;
color: #000;
background-position: right center;
}
#account-nav li a:hover {
background-position: 103% 50%;
}
#account-nav li a.no-link:hover {
background-position: 110% 50%;
background-color: transparent;
}
#account-nav li.current-parent > a,
#account-nav li.current-parent > a {
background-color: #253a6a;
color: #fff;
}
#account-nav li.current > a,
#account-nav li.current > a:hover {
background-color: #3d4962;
color: #fff;
}
#account-nav > li ul {
/*display: none;*/
}
.account .product-cards {
margin-bottom: 3em;
}
.account .card {
display: block;
float: left;
width: 29.2%;
min-width: 210px;
max-width: 280px;
box-sizing: border-box;
margin: 3% 2%;
vertical-align: top;
position: relative;
}
.resources .card {
min-height: 305px;
}
.account .card.product.search-match {
}
.account .card.product.search-not-match {
display: none;
}
/*.account .card.product:nth-child(3n + 1),*/
.account .dashboard .card:nth-child(3n + 1) {
margin-right: 2.5%;
}
/*.account .card.product:nth-child(3n + 2),*/
.account .dashboard .card:nth-child(3n + 2) {
margin-left: 2.5%;
margin-right: 2.5%;
}
/*.account .card.product:nth-child(3n + 3),*/
.account .dashboard .card:nth-child(3n + 3) {
margin-left: 2.5%;
margin-right: 0;
}
.account .card .top,
.account .card .bottom {
padding: 15px 5%;
position: relative;
}
.account .card.product .top {
height: 5.7em;
background-color: #ace;
}
.account .card.product.online_audio .top,
.account .card.product.online_audio .progress-bar .bar {
background-color: #95c9e8;
}
.account .card.product.podcast .top {
background-color: #8bc34a;
}
.account .card.product.online_manual .top {
background-color: #f19b1e;
}
.account .card.product.video_ondemand .top,
.account .card.product.video_ondemand .progress-bar .bar {
background-color: #e28b0e;
}
.account .card.product.whitepaper .top {
background-color: #15c1b1;
}
.account .card.product.slide_deck .top {
background-color: #f15929;
}
.account .card.product .bottom {
min-height: 110px;
background-color: #f3f3f3;
border: 1px solid #ddd;
border-top: none;
}
.account .card.goal {
text-align: center;
}
.account .card.goal .top {
/*background-color: #8bc34a;*/
background-color: #dbb897;
padding-top: 1.5em;
padding-bottom: 1.5em;
height: 3.7em;
}
.account .card.goal .top h2 {
font-size: 1.2em;
margin: 0;
}
.account .card.goal .top .team-name {
font-weight: bold;
font-variant: small-caps;
font-size: 0.8em;
color: #666666;
}
.account .card.goal .bottom {
background-color: #f3f3f3;
border: 1px solid #ddd;
border-top: none;
}
.account .card.goal .bottom .button {
margin-top: 1em;
}
.account .card .status {
color: #fff;
background-color: #4e4e4e;
position: absolute;
right: -6px;
top: -5px;
padding: 4px 12px;
z-index: 1;
}
.account .card .status::after {
content: '';
padding: 0;
position: absolute;
right: 0;
bottom: -4px;
border-style: solid;
border-width: 4px 6px 0 0;
border-color:#aaa transparent transparent transparent;
}
.account .card .status.hidden {
display: none;
}
.account .card.product .status.expired {
border-left: 3px solid #eb4c3d;
border-radius: 3px 0 0 0;
}
.account .card.product .sku {
color: #fff;
}
.account .card.product .name {
color: #222;
position: absolute;
bottom: 15px;
width: 90%;
max-height: 4.2em;
overflow: hidden;
}
.account .card.product .cta {
text-align: center;
margin-top: 30px;
}
.account .card.product .cta .button .fa,
.account .card.product .cta .button .fas,
.account .card.product .status .fa,
.account .card.product .status .fas {
margin-left: 6px;
}
.account .card.product .cta .button .fa,
.account .card.product .cta .button .fas {
margin-right: 6px;
}
.account .card.product .cta .button + .button {
margin-top: 0.6em;
}
.account .card.product .bottom .product-type {
font-weight: 600;
}
.account .card.product .duration,
.account .card.product .date {
color: #999;
font-weight: 300;
}
.account .card.product .date {
display: block;
}
.account .card.product .date.expires-soon {
color: #bb3535;
}
.account .card .progress-bar {
width: 30%;
height: 0.4em;
background-color: #fff;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.2);
display: inline-block;
float: right;
margin-top: 0.45em;
}
.account .card .progress-bar .bar {
display: block;
height: 100%;
background-color: #aaa;
}
.account .card.team-user-product .progress-bar {
float: none;
display: block;
margin: 0.4em auto;
width: 50%;
}
.account .card.team-user-product .progress-bar .bar {
background-color: #8bc34a;
}
.account .card.user,
.account .card.team-user-product {
text-align: center;
}
.account .card.user .top,
.account .card.team-user-product .top {
background-color: #8bc34a;
}
.account .card.user .top .name,
.account .card.team-user-product .top .name {
font-weight: 600;
font-size: 1.2em;
color: #333;
}
.account .card.user .top .email,
.account .card.team-user-product .top .email {
font-weight: 300;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
overflow: hidden;
}
.account .card.user .top .email a,
.account .card.user .top .email a:visited,
.account .card.team-user-product .top .email a,
.account .card.team-user-product .top .email a:visited {
color: #555;
text-decoration: none;
}
.account .card.user .top .email a:hover,
.account .card.team-user-product .top .email a:hover {
color: #222;
text-decoration: underline;
}
.account .card.user .top .fa,
.account .card.user .top .fas,
.account .card.team-user-product .top .fa,
.account .card.team-user-product .top .fas {
font-size: 4em;
margin-bottom: -1.5em;
display: block;
margin: 0 auto -0.35em auto;
color: rgba(255, 255, 255, 0.15);
}
.account .card.user ul.course-counts {
margin: 0;
padding: 0;
list-style: none;
}
.account .card.user ul.course-counts li {
margin: 0.5em auto;
}
.account .card.user .course-counts a {
text-decoration: none;
color: #777;
}
.account .card.user .course-counts a:hover {
text-decoration: underline;
color: #222
}
.account .card.user .course-counts .count {
color: #000;
font-weight: 400;
}
.account .card.user .bottom,
.account .card.team-user-product .bottom {
background-color: #f3f3f3;
border: 1px solid #ddd;
border-top: none;
}
.account .card.team-user-product .bottom .name {
margin-bottom: 5%;
}
.account .card.team-user-product .bottom .sku,
.account .card.team-user-product .bottom .product-type,
.account .card.team-user-product .bottom .duration,
.account .card.team-user-product .bottom .date {
font-weight: 300;
color: #666;
}
.account .card.team-user-product .bottom .date {
display: block;
margin-bottom: 5%;
}
.view-toggle-controls {
float: right;
}
.view-toggle-controls a {
color: #bbb;
font-size: 2em;
margin-left: 0.5em;
vertical-align: middle;
}
.view-toggle-controls a.active,
.view-toggle-controls a:hover {
color: #11234d;
}
.view-toggle,
.cards.feature-image.view-toggle {
display: none;
}
.view-toggle.visible,
.view-toggle-show-cards .view-toggle.cards,
.view-toggle-show-list .view-toggle.list,
.view-toggle-show-table .view-toggle.table {
display: inherit;
}
/*
DASHBOARD (account/index.php)
*/
.account .dashboard .card {
display: block;
float: left;
width: 30%;
min-width: 210px;
min-height: 330px;
height: 330px;
box-sizing: border-box;
margin: 2.5%;
vertical-align: top;
position: relative;
background-color: #f2f2f2;
border: 1px solid #eee;
padding: 2%;
text-align:center;
text-decoration: none;
}
.account .dashboard a.card:hover {
background-color: #fff;
border: 10px solid #eee;
color: #333;
}
.account .dashboard a.card:hover .fa,
.account .dashboard a.card:hover .fas
.account .dashboard a.card:hover .far,
.account .dashboard a.card:hover .fal {
margin-top: 30px;
font-size: 105px;
}
.account .dashboard .card .fa,
.account .dashboard .card .fas,
.account .dashboard .card .far,
.account .dashboard .card .fal {
font-size: 110px;
margin: 35px 0;
}
.account .dashboard .card.upcoming-training .fa,
.account .dashboard .card.upcoming-training .fas,
.account .dashboard .card.upcoming-training .far,
.account .dashboard .card.upcoming-training .fal
{
color: #00a2ff;
}
.account .dashboard .card.available-courses .fa,
.account .dashboard .card.available-courses .fas,
.account .dashboard .card.available-courses .far,
.account .dashboard .card.available-courses .fal {
color: #34495e;
}
.account .dashboard .card h3,
.account .dashboard .card h4 {
font-weight: 400;
}
.account .dashboard .card h3 {
font-size: 40px;
margin: 0 0 10px 0;
}
.account .dashboard .card h4 {
font-size: 22px;
margin: 0;
}
.graph-circle {
border-radius: 100%;
background-color: #2ecd71;
width: 80%;
padding: 15% 0 65% 0;
height: 0;
text-align: center;
position: relative;
margin: 10%;
overflow: hidden;
}
.graph-circle,
.graph-circle.gt50 .mask.right {
background-color: #2ecd71;
}
.graph-circle.warning,
.graph-circle.warning.gt50 .mask.right {
background-color: #ff9800;
}
.graph-circle.urgent,
.graph-circle.urgent.gt50 .mask.right {
background-color: #eb4c3d;
}
.graph-circle label {
display: block;
background-color: #fff;
border-radius: 100%;
width: 54%;
padding: 12% 0 42% 0;
height: 0;
position: absolute;
left: 23%;
top: 23%;
font-size: 40px;
z-index: 11;
color: #555;
}
.graph-circle .mask {
background-color: #ddd;
width: 50%;
height: 100%;
position: absolute;
top: 0;
}
.graph-circle .mask.left {
z-index: 9;
transform-origin: center right;
}
.graph-circle .mask.right {
z-index: 10;
right: 0;
transform: rotate(0deg); /* set by JS */
transform-origin: center left;
}
.graph-circle.gt50 .mask.right {
background-color: #2ecd71;
}
.account .dashboard .card .circle {
border-radius: 100%;
background-color: #2ecd71;
width: 80%;
padding: 40% 0;
height: 0;
line-height: 0;
font-size: 40px;
text-align: center;
position: relative;
margin: 10%;
overflow: hidden;
color: #fff;
}
.account .dashboard .card.aap-savings .circle {
background-color: #eb4c3d;
}
.account .dashboard .card.courses-attended .circle {
background-color: #00a2ff;
}
.account.webinars .teleconference,
.account.completed-courses .teleconference {
margin-bottom: 3em;
}
.account-message {
display: block;
background-color: #eee;
padding: 1.2em 1.5em;
margin: 1em 0 2em 0;
font-size: 1.4em;
line-height: 1.4em;
font-weight: 300;
min-height: 3em;
}
a.account-message {
text-decoration: none;
}
a.account-message:hover,
a.account-message.todays-program:hover {
background-color: #11234d;
border-color: #11234d;
color: #fff;
}
a.account-message:hover .fa,
a.account-message:hover .fas {
color: #fff;
}
a.account-message:hover .button.cta,
a.account-message:hover .button.cta:hover {
background-color: #fff;
color: #11234d;
}
.account-message h4 {
font-weight: 300;
margin: 0;
padding: 0;
}
.account-message .fa:first-child,
.account-message .fas:first-child {
float: left;
margin-right: 26px;
}
.account-message.warning {
border: 1px solid #bb3535;
}
.account-message.warning .fa,
.account-message.warning .fas {
color: #bb3535;
}
.account-message.aap-renewal:hover {
background-color: ;
}
.account-message.aap-renewal .button.cta {
float: right;
font-size: 80%;
margin-top: 0.5em;
}
.account-message {
border: 1px solid #253a6a;
}
a.account-message.todays-program {
background-color: #253a6a;
color: #fff;
}
.account-message.todays-program h4 {
opacity: 0.7;
}
.account p.error,
.account p.message {
border-bottom: 2px solid #bb3535;
padding: 0.7em 0.5em 0.5em 0.7em;
background-color: #f3f3f3;
margin-bottom: 2em;
}
.account p.message {
border-bottom: 2px solid #097b55;
}
#account-login-form {
float: left;
width: 45%;
min-width: 300px;
margin-right: 5%;
overflow: auto;
}
#account-login-form label,
#lost-password label {
display: inline-block;
width: 9em;
}
#lost-password label {
width: 10em;
}
#account-login-form input[type=email],
#account-login-form input[type=password],
#lost-password input[type=email],
#lost-password input[type=password] {
width: 94%;
padding-left: 2.5%;
padding-right: 2.5%;
max-width: 16em;
}
#account-login-form .login-message,
.account.lost-password .message, .training-message {
background-color: #11234d;
color: #fff;
padding: 0.5em 0.75em;
margin-bottom: 1.5em;
}
#account-login-form .login-message a,
.account.lost-password .message a, .training-message a {
color: #fff;
}
#free-account-benefits {
margin-left: 50%;
}
.account h2 a {
font-size: 0.7em;
font-weight: normal;
margin-left: 0.5em;
}
.account #view-personal-information {
margin: 0 2.5% 4em 2.5%;
}
.account #view-personal-information h3 {
margin-bottom: 0;
}
.account #view-personal-information p {
margin: 0 0 1.5em 0;
}
.account #edit-personal-information {
}
.account #edit-personal-information label {
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
}
.account #edit-personal-information .col100 input[type="submit"] {
margin-top: 1.5em;
}
.account #edit-personal-information p.col20,
.account #edit-personal-information p.col25,
.account #edit-personal-information p.col30,
.account #edit-personal-information p.col50,
.account #edit-personal-information p.col100 {
min-height: 3.5em;
}
.account.change-password label {
display: inline-block;
min-width: 175px;
}
.account.change-password input[type="password"] {
min-width: 300px;
}
/*.account .password p:nth-child(3) {
margin: 1em 2.5%;
}*/
.account .password p,
.account #content .password p:first-child {
margin: 0.5em 2.5% 1em 2.5%;
}
.account #edit-personal-information input[type=text],
.account #edit-personal-information input[type=password],
.account #edit-personal-information input[type=email] {
width: 97%;
padding-left: 1%;
padding-right: 1%;
}
.account #edit-personal-information label {
display: block;
margin-bottom: 0.3em;
}
.account #edit-personal-information .invalid {
color: #bb3535;
}
.account #edit-personal-information .invalid .fa,
.account #edit-personal-information .invalid .fas {
opacity: 1.0;
}
.account #edit-personal-information .invalid input {
transition-property: border-color, box-shadow;
transition-duration: 0.3s;
border-color: #bb3535;
}
.account #edit-personal-information .required {
color: #bb3535;
}
/* these should match the styles for .filter input[type="checkbox"] etc. */
.account #edit-topics ul {
list-style: none;
margin: 0.75em 0 2em 0.5em;
padding: 0;
}
.account #edit-topics li {
line-height: 18px;
margin: 0;
}
.account #edit-topics input[type="checkbox"] {
display: none;
}
.account #edit-topics label {
/*cursor: pointer;*/
display: block;
padding: 0.25em 0;
}
.account #edit-topics input[type="checkbox"] + label span {
display: inline-block;
float: left;
height: 18px;
width: 18px;
margin-right: 8px;
vertical-align: baseline;
background: url(/images/site/sprite-input-checkbox.png) no-repeat 0 -18px;
}
.account #edit-topics input[type="checkbox"] + label:hover span {
background-position: 0 -36px;
}
.account #edit-topics input[type="checkbox"]:checked + label span,
.account #edit-topics input[type="checkbox"]:checked + label:hover span {
background-position: 0 0;
}
.account #edit-topics input[type="checkbox"].checked + label span,
.account #edit-topics input[type="checkbox"].checked + label:hover span { /* IE8 fallback from main.js - remove when IE8 is irrelevant */
background-position: 0 0;
}
.account.new ul + h2 {
margin-top: 2em;
}
.account .errors {
background-color: #FEFBEA;
padding: 20px;
border: 1px solid #ccc;
border-width: 1px 0;
margin-bottom: 1.5em;
}
.account .errors p {
margin: 0;
}
.account .fa-exclamation-triangle {
color: #bb3535;
opacity: 1.0;
}
/* Order History */
.account.order-history p.bold {
font-weight: bold;
}
.account.order-history p.price {
width: 100px;
text-align: right;
}
.account.order-history p.total {
text-align: right;
}
.account.order-history .order {
padding: 1em 0;
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
overflow: auto;
}
.account.order-history .order div {
margin: 5px;
}
.account.order-history .order p,
.account.order-history .order ul {
padding: 0px 0px 5px;
margin: 0px;
}
.account.order-history .order_summary {
float: left;
width: 200px;
}
.account.order-history .order_detail .item_name {
max-width: 450px;
width: 450px;
}
.account.order-history .order_detail p {
float: left;
}
.account.order-history .order_detail ul {
list-style: none;
}
.account.order-history .order_detail li {
display: inline-block;
}
.account.order-history .order_detail .sprite-arrow {
background:url('../img/sprites2.png') no-repeat -331px -598px;
height:14px;
width:10px;
float: left;
}
/* TEAMS */
.account.team .download-csv {
float: right;
margin-left: 2em;
vertical-align: middle;
margin: 0.25em 0 0 2em;
}
.account.team table.report {
margin-bottom: 4em;
width: 100%;
}
.account.team table.report .button {
white-space: nowrap;
}
.account.team.index table.report {
max-width: 720px;
}
.account.team table.report th,
.account.team table.report td {
text-align: left;
padding: 0.6em 1.5em 0.6em 1em;
}
.account.team table.report th {
border-bottom: 1px solid #ddd;
}
.account.team table.report tr:nth-child(even) {
background-color: #eee;
}
.account.team table.report tfoot td {
padding-top: 2em;
}
.account.team table.report tfoot td:last-child {
text-align: right;
}
.account.team table.report a {
text-decoration: none;
}
.account.team table.report tr:hover a {
text-decoration: underline;
}
.account.team table.report td.administrator {
color: #ff9800;
padding-right: 0;
}
.account.team h2 .expiration {
display: inline-block;
margin-left: 1em;
font-size: 60%;
vertical-align: middle;
color: #999;
}
.account.team form {
margin-bottom: 3em;
}
.account.team form input[type="submit"] {
margin-right: 0.7em;
}
.account.team .filter {
margin: 0 0 1em 0;
}
.account.team .filter h4:first-child {
display: inline-block;
min-width: 120px;
font-weight: normal;
margin: 0;
}
.account.team .filter.date {
}
.account.team .filter.date input {
max-width: 100px;
}
.account.team .filter.email ul.selected {
list-style: none;
margin: 0.6em 0 0 124px;
}
.account.team .filter .autocomplete {
margin-left: 124px;
max-width: 400px;
}
.account.team .filter.email ul.selected li,
#product-options-modal .choose-team-members ul.users li,
#product-options-modal .choose-team-members ul.users li.checked {
margin: 0 0.6em 0.7em 0;
padding: 0.3em 0.6em;
display: inline-block;
font-size: 0.9em;
font-weight: 300;
border-radius: 2px;
}
.account.team .filter.email ul.selected li,
#product-options-modal .choose-team-members ul.users li.checked {
background-color: #253a6a;
color: #fff;
}
#product-options-modal .choose-team-members ul.users li.ineligible {
background-color: #eee;
color: #aaa;
text-decoration: line-through;
}
.account.team .filter.email ul.selected li a {
text-decoration: none;
display: inline-block;
padding-left: 0.6em;
color: #fff;
opacity: 0.6;
}
.account.team .filter.email ul.selected li a:hover {
opacity: 1;
}
.account.team #send-reminder textarea {
width: 100%;
height: 8em;
box-sizing: border-box;
padding: 0.4em;
}
.account.team #send-reminder label {
padding: 0.4em;
display: inline-block;
text-transform: uppercase;
color: #999;
}
/* END TEAMS */
/* end account page */
/* End page-specific styles */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/*
* Text helpers
*/
.text-capitalize {
text-transform: capitalize;
}
/* homepage circles - .fa font size adjustments for screen width */
@media only screen and (max-width: 1250px) {
ul.hero-topics a.front .fa,
ul.hero-topics a.front .fas {
font-size: 3em;
}
}
/* header gets squished - remove icons */
@media only screen and (max-width: 1100px) {
#masthead #header-phone-number .fa,
#masthead #header-phone-number .fas,
#masthead #util_phone .fas,
#masthead #cart-status .fa,
#masthead #cart-status .fas,
#masthead #header-account .header-notification-count {
display: none;
}
#masthead #util_cart,
#masthead #util_login,
#masthead #util_signup,
/*#masthead #util_phone,*/
#masthead #util_account {
display: none;
}
#masthead #util_phone{ margin-right: 40px; }
#masthead #utility_nav{ margin-top: 8px; }
/* account */
.account .card.product {
width: 47.4%;
margin: 4% 0 3% 2.5%;
}
.account .card.product:nth-child(odd) {
margin: 4% 2.5% 3% 0;
}
/* end account */
/* account, product index */
.show-left-column .bg-left-column {
width: 20%;
}
.account .column.narrow,
.show-left-column .column.narrow {
width: 24%;
}
.account .column.narrow + .column.wide,
.show-left-column .column.narrow + .column.wide {
margin-left: 26%;
}
/* end account, product index */
}
@media only screen and (max-width: 800px) {
#home-hero ul {
margin: 1em 0;
}
ul.hero-topics a.front {
padding-top: 23%;
font-size: 0.95em;
}
ul.hero-topics a.front .fa,
ul.hero-topics a.front .fas {
font-size: 2.6em;
}
/* Keep the last menu item from wrapping */
#nav-primary > li > a {
padding: 2.8em 1em;
}
/* account */
.account .column.wide {
width: 50%;
padding-left: 0;
}
.account .column.narrow,
.show-left-column .column.narrow {
width: 28%;
}
.account .column.narrow + .column.wide,
.show-left-column .column.narrow + .column.wide {
margin-left: 34%;
}
.account .card.product,
.account .card.product:nth-child(odd) {
width: 95%;
max-width: 100%;
margin: 0 2.5% 1.5em 2.5%;
}
/* end account */
}
@media only screen and (max-width: 500px) {
#home-hero ul {
width: 100%;
margin: 1em 0;
padding: 2em 0;
}
ul.hero-topics li {
width: 33%;
}
ul.hero-topics li:nth-child(4) {
margin-left: 0;
}
ul.hero-topics li.business {
margin-left: 16.5%;
}
ul.hero-topics li.full-only {
display: none;
}
}
/* end homepage circles */
@media only screen and (max-width: 1000px) {
/* remove search box and iconify cart */
/* this is functionally the TABLET layout */
/*.wide-header {*/
/*display: none;*/
/*}*/
.medium-header {
display: block;
}
.medium-header.inline-block {
display: inline-block;
}
#logo,
#masthead.shrunk #logo {
height: 34px;
top: 45px;
}
#masthead.shrunk #logo {
top: 15px;
}
#kingkong section.account.medium-header {
display: block;
}
#search-wide-header {
width: 30%;
font-size: 0.85em;
}
#header-phone-number {
right: 50px;
text-align: right;
top: 15px;
}
#nav-primary {
left: 150px;
}
#tool-links {
padding-top: 0.0em;
}
#tool-links .cart-count {
display: none;
}
#tool-links {
z-index: 2;
}
#tool-links .cart-count {
color: #fff;
padding-left: 0.4em;
display: inline-block;
}
#header-notifications {
top: 65px;
}
#header-notifications .upA {
top: -21px;
left: 229px;
}
/* home page, Plans & Pricing */
.home h1,
.plans-and-pricing h1 {
font-size: 26px;
}
ul.hero-topics li > a > h4 {
font-size: 1.3em;
}
ul.hero-topics li.aap .button {
font-size: 1em;
}
#home-aap .fa,
#home-aap .fas,
#pd-features .fa,
#pd-features .fas {
margin: 0.2em 0.4em 0.9em 0;
}
/*#home-aap .fa-4x {
font-size: 1.5em;
margin: 0.2em 0.3em 0 0;
}*/
/* end home page */
/* plans & pricing */
.plans-and-pricing .price-grid {
width: 30.8%;
}
.plans-and-pricing .price-grid.individual {
margin-left: 0;
margin-right: 2%;
}
.plans-and-pricing .price-grid.aap {
margin-left: 1%;
margin-right: 1%;
}
.plans-and-pricing .price-grid.enterprise {
margin-left: 2%;
margin-right: 0;
}
.plans-and-pricing #hero .price-grid .top h2 {
font-size: 18px;
}
.plans-and-pricing .price-grid .top h3 {
font-size: 1em;
}
.plans-and-pricing .price-grid .ribbon {
font-size: 0.5em;
right: -39px;
top: 7px;
padding: 0.7em 5em;
}
/* end plans & pricing */
/* product index page */
.product-index .column.left,
.account.my-training .column.left,
.show-left-column .column.left {
width: 35%;
}
.product-index .column.right,
.account.my-training .column.right,
.show-left-column .column.narrow + .column.wide {
margin-left: 36%;
}
/* end product index page */
.professional-directory-search-image {
width: 40%;
padding-top: 40%;
}
}
/* Hide the search box */
/*@media only screen and (max-width: 1050px) {*/
@media only screen and (max-width: 1100px) {
.wide-header {
display: none;
}
.medium-header {
display: block;
}
#kingkong section.account.medium-header {
display: block;
}
#header-phone-number {
right: 50px;
text-align: right;
top: 15px;
}
}
/* Shrink the search box a bit */
@media only screen and (max-width: 1180px) {
#search-wide-header {
width: 21%;
}
}
@media only screen and (max-width: 750px) {
/* switch to single-column layout */
/* this is the MOBILE layout */
/* right column begins to be too small AND the Purchase Options dialog switches behavior in JS */
.product .column.wide,
.resource-product .column.wide {
width: 50%;
padding-left: 0;
}
.product .column.narrow,
.resource-product .column.narrow {
width: 40%;
}
/* home page */
#home-hero ul {
width: 100%;
margin: 1em 0;
}
ul.hero-topics a.front {
padding-top: 23%;
font-size: 0.8em;
}
ul.hero-topics a.front .fa,
ul.hero-topics a.front .fas {
font-size: 2.2em;
}
.home #hero {
padding: 105px 0 10px 0;
}
.home section.grey-bg {
padding: 2em 0;
}
/* end home page */
/* product pages */
.modal-dialog {
position: absolute;
width: 95%;
padding: 0;
margin: 0 2.5%;
}
#product-options-modal h1 {
display: none;
}
#product-options-modal .product {
border-bottom: 1px solid #eee;
padding: 1em 0.5em;
position: relative;
float: none;
width: auto;
margin: 0;
border-left: none;
text-align: left;
}
#product-options-modal .product h2,
#product-options-modal .all-access-pass h2 {
font-weight: normal;
font-size: 1em;
height: auto;
line-height: auto;
padding: 0;
margin: 0 0 1em 0;
}
#product-options-modal .price {
margin: 1.25em 0 0.2em 0;
}
#product-options-modal .price .strike {
text-decoration: line-through;
color: #777;
padding-right: 0.5em;
}
#product-options-modal .additional_attendee_price {
display: none;
}
#product-options-modal .button.large {
font-size: 100%;
padding: 0.2em 1em;
width: auto;
position: relative;
bottom: -0.5em;
right: 0.5em;
background-image: none;
margin-top: 0.5em;
}
#product-options-modal .button:before {
content: '+ ';
}
#product-options-modal.product-options-count-1 {
min-width: 0;
}
#product-options-modal .product h2 {
}
#product-options-modal .product h2.two-line {
height: auto;
padding: 0;
}
#product-options-modal .price {
font-size: 100%;
margin: 0.5em 0;
}
#product-options-modal .product .button {
width: auto;
text-align: center;
padding: 0.4em 10%;
}
#product-options-modal.product-options-count-1 .product {
/* only one option */
width: auto;
padding: 0 0 1.5em 0;
}
#product-options-modal.product-options-count-1 .product h2 {
/* only one option */
height: auto;
}
#product-options-modal.product-options-count-2 .product {
/* only two options */
width: 40%;
padding: 0 4.95% 1.5em 4.95%;
}
#product-options-modal .affiliate-name {
font-size: 1em;
margin: 1em 0 0.5em 0;
}
#product-options-modal .discount-disclamer {
display: block;
padding: 0.5em 2.5%;
}
/* modal and inline .product-options */
.product-options .product-date-group.mirror {
display: none;
}
.date-selection p {
margin: 0;
padding: 0.75em 0;
}
#product-options-modal #purchase-options-tabs{
display: none; /*hide the tabs*/
}
#product-options-modal #productevent .left .product-date-group .registration-info, #product-options-modal #productcantattend,
#product-options-modal #productevent-v3 .left .product-date-group .registration-info{
display: none; /*hide left column event information*/
}
#product-options-modal #productevent .left .date-selection, #product-options-modal #productevent-v3 .left .date-selection{
padding-bottom: 0px;
}
#product-options-modal #productevent .left .product-date-group, #product-options-modal #productevent-v3 .left .product-date-group{
width: 100%;
}
#product-options-modal #productevent .left, #product-options-modal #productevent-v3 .left{
float: none;
width: 100%;
border: none;
}
#product-options-modal .generic-tab-content .right{
float: none;
width: 100%;
border: none;
}
#product-options-modal #productevent .right .date-selection, #product-options-modal #productevent-v3 .right .date-selection{
display: block;
}
#product-options-modal .generic-tab-content .right .button.large {
position: relative;
float: none;
clear: left;
width: 100%;
padding: 10px 0px 10px 0px;
}
.show-product-options-cantattend{
display: none;
}
img.modal-close,
#product-options-modal-close {
display: none;
}
#product-options-modal .date-selection {
border-bottom: 1px solid #fff;
padding-bottom: 0.75em;
}
#product-options-modal .date-selection p {
margin: 0;
padding: 0.75em;
}
#product-options-modal .date-selection label {
font-size: 125%;
}
/* All-Access Pass Product Options styling */
.show-product-options .use-pass {
text-align: center;
margin: 0.25em 0 0 0;
}
#product-options-modal .all-access-pass .use-pass,
#product-options-modal .all-access-pass .purchase {
background-image: none;
padding: 0;
margin: 0 0 1em 0;
}
#product-options-modal .all-access-pass .use-pass {
margin-bottom: 3em;
}
#product-options-modal .all-access-pass .use-pass h2:first-child,
#product-options-modal .all-access-pass .purchase h2:first-child {
background-position: 0;
background-repeat: no-repeat;
background-size: auto 1em;
padding-left: 0;
text-align: center;
}
#product-options-modal .all-access-pass .live-event .use-pass h2:first-child {
background-image: url(/images/site/passes-fa-tags-color.png);
}
#product-options-modal .all-access-pass .purchase h2:first-child {
background-image: url(/images/site/passes-fa-gift.png);
}
#product-options-modal .all-access-pass .button:before {
content: '';
}
/* End All-Access Pass Product Options styling */
.modal-mask {
background-color: rgba(0, 0, 0, 0.25);
}
#sponsor-modal-heading{ margin-left: 15px; }
#sponsor-signup-form,
#sponsor-login-form,
#sponsor-new-password-form,
#sponsor-registration-display {
margin-left: 15px;
}
/* shop index */
#cart > h1 {
margin: 0 0 0 4%;
}
#cart input[type="submit"].proceed {
float: none;
display: block;
width: 92%;
padding: 0.75em 0;
margin: 0 4% 15px 4%;
}
#cart-display {
margin-top: 10px;
}
#cart-display h1.message {
font-size: 115%;
}
.cart-row {
padding: 16px 4%;
}
.cart-row h2 {
max-width: 100%;
}
.cart-row.discount.product-tier {
margin-top: 0;
padding-top: 20px;
}
.cart-row .why-discount-not-applied {
max-width: 100%;
}
.cart-row .quantity,
.cart-row.discount.product-tier .quantity,
.cart-row .price,
.cart-row.discount.product-tier .price {
position: static;
text-align: right;
float: left;
}
.cart-row .quantity,
.cart-row.discount.product-tier .quantity {
width: 65%;
padding: 15px 0 0 0;
}
.cart-row .price,
.cart-row.discount.product-tier .price {
width: 35%;
padding: 19px 0 0 0;
}
.cart-row.discount.product-tier .price {
padding: 15px 0 0 0;
}
.cart-row .quantity a {
color: #ccc;
}
.cart-row .quantity input {
font-size: 100%;
}
#cart .subtotal {
float: none;
text-align: right;
margin: 15px 4% 0 0;
}
#cart .subtotal .price {
width: 30%;
}
#shop-tele-credit-note {
margin-top: 15px;
}
#shop-tele-credit-note img {
display: none;
}
#shop-index-upsells {
display: none;
}
.shop-index section#faq {
padding-top: 0;
}
/* end shop index */
.two-column-only,
.medium-header,
.medium-header.inline-block {
display: none;
}
.one-column-only,
.narrow-header {
display: block;
}
a.one-column-only {
display: inline-block;
}
.col20,
.col25,
.col30,
.col33,
.col50,
.col100 {
float: none;
width: auto;
margin: 1em 0;
}
h1 {
font-size: 150%;
}
h2 {
font-size: 130%;
}
h3 {
font-size: 110%;
}
#masthead nav {
}
#masthead,
#masthead.shrunk {
height: 4em;
}
#logo {
top: 15px;
}
#nav-primary {
display: none;
}
#masthead nav#kingkong {
}
#kingkong section,
#kingkong section.account,
#kingkong section.topics,
#kingkong section.credits,
#kingkong section.product-types {
width: 100%;
display: block;
float: none;
margin-bottom: 1em;
}
#kingkong section.topics {
border-top: 1px solid #eee;
padding-top: 1em;
}
#kingkong section.product-types {
border-bottom: 1px solid #eee;
padding-bottom: 1em;
}
#kingkong section h1 {
cursor: pointer;
margin-bottom: 0.5em;
}
#kingkong section.training ul {
display: none;
opacity: 0;
padding-top: 0;
transition-property: opacity, padding;
transition-duration: 0.3s;
}
#kingkong section.expanded {
margin-bottom: 2em;
}
#kingkong section.expanded ul {
display: inline-block;
padding-top: 10px;
opacity: 1;
}
#kingkong section h1 .fa,
#kingkong section h1 .fas {
display: inline-block;
visibility: visible;
opacity: 1;
overflow: hidden;
width: 1.5em;
font-size: 0.8em;
text-align: left;
vertical-align: baseline;
transition-property: visibility, opacity, width;
transition-duration: 0.2s;
}
#kingkong section.expanded h1 .fa,
#kingkong section.expanded h1 .fas {
visibility: hidden;
opacity: 0;
width: 0;
}
header {
padding-top: 4.5em;
}
.module.more-program-information nav ul {
list-style: none;
margin: 1em 0;
padding: 0;
}
.module.more-program-information nav li {
float: left;
display: block;
margin: 0 1em 0.5em 0;
}
#cart-status {
position: static;
float: left;
width: auto;
padding: 0.5em 1em 0.5em 0;
}
#cart-status a {
text-decoration: none;
font-size: 112.5%;
}
#hero {
padding: 1em 0 0 0;
}
#hero h1.product-hero-head,
#hero h2.product-hero-subhead {
max-width: 100%;
}
#hero h1 {
font-size: 1.5em;
margin: 0;
}
#hero h1:last-child { /* no tabs? no lower h2? */
margin: 0;
padding-bottom: 1em;
}
#hero h2 {
font-size: 1.3em;
margin: 0.25em 0 0 0;
padding-bottom: 1em;
}
#hero section.highlights {
float: none;
position: static;
width: auto;
max-width: none;
padding: 1em 0;
}
.product-type-info {
display: none;
}
#hero .product-hero-subhead {
display: none;
}
#hero-tabs,
#stage-tabs {
display: block;
position: relative;
transition-property: background-color;
transition-duration: 0.2s;
}
#hero-tabs.expanded,
#stage-tabs.expanded {
background-color: rgba(0, 0, 0, 0.3);
}
#hero-tabs.expanded li,
#stage-tabs.expanded li {
display: list-item;
}
#hero-tabs.expanded li.two-column-only,
#stage-tabs.expanded li.two-column-only {
display: none;
}
#hero-tabs ul,
#stage-tabs ul {
margin-top: 10px;
padding: 0 0 10px 0;
height: auto;
}
#hero-tabs li,
#stage-tabs li {
transition-property: background-color;
transition-duration: 0.2s;
display: none;
float: none;
}
#hero-tabs li.active,
#stage-tabs li.active {
background: rgba(0, 0, 0, 0.4) url(/images/site/bg-cta-arrow-down.png) no-repeat 96% center;
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
z-index: 0;
display: list-item;
}
#hero-tabs.expanded li.active,
#stage-tabs.expanded li.active {
background-image: none;
}
#hero-tabs a,
#stage-tabs a {
display: block;
background-color: transparent;
margin: 0;
}
#hero-tabs .active a,
#stage-tabs .active a,
#hero-tabs .active a:hover,
#stage-tabs .active a:hover {
background-color: transparent;
color: #fff;
}
#hero h2:last-child {
/*padding-bottom: 0;*/
}
section#content {
padding: 1em 0 2em 0;
}
.product #hero-tabs,
.resource-product #hero-tabs { /* no hero tabs on product pages for now 2013-12-09 Ben H */
display: none;
}
.product .column.wide,
.resource-product .column.wide {
width: 100%;
padding-left: 0;
}
.product .column.narrow,
.resource-product .column.narrow {
width: 100%;
position: static;
margin-top: 2em;
}
.page h2.subtitle {
font-size: 150%;
}
.page h3 {
font-size: 125%;
}
.button.cta.show-product-options,
.button.cta.show-product-options:hover {
background-image: url(/images/site/bg-cta-arrow-down.png);
background-position: 95% center;
background-repeat: no-repeat;
}
.button.cta.show-product-options.active {
background-image: none;
}
.button:hover {
/* after tapping, element is stuck in :hover state on iPhones */
background-image: none;
}
#productevent-v3 .left-even{
float: none;
border: none;
width: 100%
}
#productevent-v3 .right-even{
float: none;
border: none;
width: 100%
}
#productevent-v3 .purchase-options-modal-product-qty-detailed
{
width: 90%;
}
#product-options-modal .generic-tab-content .left-even .button.large, #product-options-modal .generic-tab-content .right-even .button.large {
position: relative;
float: none;
clear: left;
width: 90%;
padding: 10px 0px 10px 0px;
margin-left: 1em;
}
#overview.page .module.faculty {
display: none;
}
#faculty.page .individual {
margin: 1em 0;
}
#faculty.page .individual .photo {
float: none;
max-width: 100%;
}
#faculty.page .individual .bio {
margin-left: 0;
}
footer nav {
padding-bottom: 2em;
}
footer nav ul {
float: none;
width: 100%;
margin: 0 0 2em 0;
}
footer nav li {
line-height: 1.75em;
}
footer hr {
display: none;
}
#footer-social {
position: static;
margin: 0 0 1em 0;
padding: 0;
}
.account .column.narrow,
.show-left-column .column.narrow {
display: block;
left: -80%;
opacity: 0;
transition-property: left, opacity;
transition-duration: 0.3s;
}
.account .column.narrow,
.show-left-column .column.narrow.visible {
display: block;
position: absolute;
width: 90%;
z-index: 10;
left: 0;
opacity: 1;
padding-top: 26px;
}
/* product index page */
.product-filter h3 {
display: none;
}
.product-filter input[type="submit"] {
margin-top: 0;
}
.product-filter fieldset {
width: 48%;
float: left;
margin-top: 0.2em;
margin-bottom: 0.5em;
}
.product-filter fieldset:first-of-type {
margin-right: 4%;
}
.product-filter fieldset label {
display: none;
}
.product-filter fieldset select {
width: 100%;
}
.product-row .name {
margin-bottom: 0.25em;
}
.product-row .date-location {}
.product-row .location,
.product-row .date {
float: none;
margin: 0;
width: auto;
white-space: nowrap;
}
.product-row .date {
float: none;
margin: 0 0.5em 0 0;
width: auto;
}
.product-row .learn-more,
.account .product-row .button,
.professional-directory .product-row .button {
display: none;
float: none;
margin: 0;
}
/* 2014-04-21 release of product index page */
.product-index .column.left,
.product-index .column.right,
.account.my-training .column {
margin: 0;
width: auto;
float: none;
}
.product-index .column.left,
.account.my-training .column.left {
margin-bottom: 2em;
}
.filter.search input[type="text"],
.professional-directory .column.left input[type="text"] {
width: 61%;
display: inline-block;
float: left;
margin-right: 3%;
margin: 0 3% 0 0;
}
.filter.search input[type="submit"] {
display: inline-block;
width: 30%;
padding: 0.5em 3%;
margin: 0;
font-size: 100%;
}
#mobile-filter-trigger {
display: block;
margin: 0.5em 0 1em 0;
padding: 0.5em 0;
text-align: center;
color: #fff;
background: #828282 url('/images/site/product-browse-filter-down.png') no-repeat 96% center;
cursor: pointer;
}
.column.wide .mobile-filter-trigger {
display: block;
float: right;
}
.column.narrow .mobile-filter-trigger {
display: inline-block;
margin-bottom: 0.5em;
}
.filter {
margin: 0;
display: none;
}
.filter *,
.filter label {
display: none;
}
.filter.expanded {
margin: 0 0 1.5em 0;
}
.filter.expanded * {
display: inherit;
}
.filter h2 {
display: block;
cursor: pointer;
background: #828282 url('/images/site/product-browse-filter-down.png') no-repeat 96% center;
border-bottom: 1px solid #888;
padding: 0.5em;
color: #fff;
}
.filter.expanded h2 {
background: #828282 url('/images/site/product-browse-filter-up.png') no-repeat 96% center;
color: #fff;
}
.filter.expanded h2,
.filter:last-of-type h2 {
border-bottom: 1px solid #828282;
}
.filter.search {
display: block;
}
.filter.search.expanded {
margin-bottom: 0.5em;
}
.filter.search * {
display: block;
}
.filter.search h2 {
display: none;
}
.visible .filter {
display: block;
}
.filter label {
padding: 0.5em 0;
padding: inherit;
}
.parent-faux-checkbox {
margin-top: 0.5em;
}
.product-index .result-count {
min-height: 0;
}
.product-index .view-toggle-controls {
display: none;
}
.cards.feature-image .card {
width: 100%;
max-width: none;
margin: 0 0 2em 0;
padding: 2.5% 0;
}
.cards.feature-image .card .top {
display: inline-block;
float: left;
width: 30%;
margin: 3px 0 0 0;
}
.cards.feature-image .card .top .urgent,
.cards.feature-image .card .top .meta {
display: none;
}
.cards.feature-image .card .bottom {
width: 62%;
margin: 0 0 0 35%;
padding: 0;
}
.cards.feature-image .card .credit,
.cards.feature-image .card .faculty {
text-align: left;
}
.cards.feature-image .card .credit::before,
.cards.feature-image .card .faculty::before {
margin-left: 0;
}
.cards.feature-image .card .top,
.cards.feature-image .card .bottom {
padding: 0;
border: 0;
}
.cards.feature-image .card .top .feature-image {
max-height: 40vw;
}
.cards.feature-image .card .bottom {
padding: 3vw 0;
}
.cards.feature-image .card .name {
font-size: 1.2em;
}
.cards.feature-image .card:hover {
background-color: #eee;
cursor: pointer;
}
.cards.feature-image .card:hover .top .cta {
display: none;
}
.cards.feature-image .card:hover .bottom {
position: relative;
}
.product-index .column.left input[type="text"],
.account.my-training .column.left input[type="text"],
.professional-directory .column.left input[type="text"] {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.product-index .filter input#q,
.professional-directory .filter input#q {
width: 58%;
float: none;
}
.sort-by,
.product-index .view-toggle-controls {
margin: 1em 0;
float: none;
}
.sort-by {
margin-top: 0;
}
.product-index .column.left .search input[type="text"] {
margin-top:0;
}
.show-left-column .column.narrow.visible + .column.wide {
opacity: 0.4;
}
.product-row .cant-attend {
display: none;
}
.paging a.two-column-only {
display: none;
}
/* end product index page */
/* Pass Sales page lorman.com/pass/ */
.product.pass #content .wide,
.product.pass #content .narrow {
padding: 0 0 1em 0;
margin-top: 0;
}
#pass-icon-fa-tags {
float: none;
width: 20%;
padding: 0 40% 0.5em 40%;
}
.product.pass .column.wide > * {
padding-left: 0;
}
.product #pass-features .pass-feature, .resource-product #pass-features .pass-feature {
float: none;
width: 100%;
padding: 1em 0 2em 0;
}
.product.pass #pass-product-types ul {
margin: 1em 0 0 0;
}
.product.pass .wide-cta .button.cta {
float: none;
margin: 1em 0;
width: 95%;
padding-left: 2.5%;
padding-right: 2.5%;
}
/* End Pass Sales page */
/* Pass Renewal page */
.all-access-pass.renew #pass-renew-fa-tags {
float: none;
width: 30%;
margin: 0 35% 1em 35%;
}
.all-access-pass.renew #pass-renew-promo {
margin-left: 0;
}
/* End Pass Renewal page */
/* page-specific styles */
/* homepage */
#home-aap a {
width: 100%;
float: none;
margin: 2em 0;
}
#home-aap p {
margin: 0.5em 0 0 40px;
}
#home-aap a:nth-child(odd),
#home-aap a:nth-child(even) {
padding: 0;
}
#home-aap .fa-4x,
#pd-features .fa-4x {
font-size: 1.5em;
/*margin: 0.1em 0.4em 0 0;*/
}
#home-247 img {
max-width: 70%;
}
#home-credit ul {
text-align: center;
}
#home-credit li {
float: none;
display: inline-block;
width: 26%;
}
#home-credit img {
margin: 0;
}
#credit-subheading{
font-size: 1.25rem !important;
font-weight: 500 !important;
line-height: 1.2 !important;
margin-top: 0 !important;
margin-bottom: 0.5rem !important;
}
/* end homepage */
/* plans & pricing */
.plans-and-pricing .price-grid,
.plans-and-pricing .price-grid.individual,
.plans-and-pricing .price-grid.aap,
.plans-and-pricing .price-grid.enterprise {
width: 100%;
margin: 1.5em 0;
}
/* end plans & pricing */
.lben-sites-column {
float: none;
width: 100%;
margin: 0;
}
.lben-sites-column ul {
margin: 0 0 2em 0;
padding: 0;
}
#inhouse-right {
float: none;
margin-bottom: 8px;
width: 100%;
margin: 0 0 1em 0;
}
#inhouse-right .testimonial {
display: none;
}
#inhouse-training-customers li {
float: none;
width: 100%;
margin: 0;
}
#inhouse-faculty-logo {
float: none;
text-align: center;
margin: 0 0 2em 0;
}
#inhouse-faculty-logo img {
margin: 0 auto;
}
.training img.affiliate-logo {
float: none;
margin: 0 auto 1em auto;
}
.training .affiliate-description {
width: auto;
margin-bottom: 1em;
}
.training form {
clear: both;
}
/* why lorman pages */
#leader-bios {
background-color: #203053;
padding: 2em 1em 2em 1em;
}
#leader-bios .leader-bio img {
float: none;
margin: 0 0 1.5em 0;
max-width: 50%;
height: auto;
}
.why-lorman #content #leader-bios h2,
.why-lorman #content #leader-bios h3,
.why-lorman #content #leader-bios p {
margin-left: 0;
}
.why-lorman-quadrant {
float: none;
width: 100%;
}
.why-lorman-quadrant:first-child {
margin-right: 0;
}
/* end why lorman */
/* press releases */
.press-release .date {
display: none;
}
.press-release h2,
.press-release p {
margin-left: 0;
}
/* end press releases */
/* sitemap */
.sitemap-column {
float: none;
width: auto;
padding: 0;
}
/* end sitemap */
/* FAQ */
#faq .expand_all {
display: none;
}
/* end FAQ */
/* certification */
.certification .board-member {
margin-bottom: 4em;
text-align: center;
}
.certification .board-member .logo {
float: right;
max-width: 45%;
height: auto;
padding-top: 2.5em;
}
.certification .board-member .headshot {
float: left;
max-width: 45%;
height: auto;
}
.certification .board-member .bio {
clear: both;
margin: 1em 0 0 0;
text-align: left;
}
.certification .board-member .bio h2 {
padding-top: 1em;
}
.certification .board-member > h2 {
display: none;
}
/* end certification */
/* browse landing pages (e.g. /legal, /1099) */
.browse-landing-page #content li {
float: none;
width: auto;
}
/* end browse landing pages */
/* professional directory */
.professional-directory.index #pd-hero,
.professional-directory.purchase #pd-hero {
padding: 2em 0 2em 0;
}
.professional-directory.index h1,
.professional-directory.index #content h1 {
font-size: 1.5em;
}
.professional-directory.index #hero h1,
.professional-directory.search #hero h1 {
font-size: 2em;
line-height: 1.15em;
}
.professional-directory #hero h2 {
font-size: 1.5em;
padding-bottom: 0;
margin: 0.2em 5%;
}
.professional-directory ul.hero-topics {
width: 100%;
padding: 0;
margin: 2em 0;
}
.professional-directory #pd-hero input[name="q"],
.professional-directory.profile #pd-hero input[name="q"] {
width: 100%;
background-position: 4% 50%;
font-size: 110%;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.6);
transition-property: background-color;
transition-duration: 0.3s;
}
.professional-directory #pd-hero input[name="q"]::-webkit-input-placeholder { /* WebKit browsers */
color: rgba(0, 0, 0, 0.6);
}
.professional-directory #pd-hero input[name="q"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: rgba(0, 0, 0, 0.6);
}
.professional-directory #pd-hero input[name="q"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: rgba(0, 0, 0, 0.6);
}
.professional-directory #pd-hero input[name="q"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color: rgba(0, 0, 0, 0.6);
}
.professional-directory #pd-hero input[name="q"]:focus {
background-color: rgba(255, 255, 255, 1);
}
.professional-directory.index #hero .button {
display: block;
font-size: 110%;
margin: 0.5em auto 0 auto;
}
.professional-directory .column.narrow {
margin-top: 0;
}
.professional-directory.search #content {
padding-top: 1em;
}
.professional-directory.profile #hero .button {
display: none;
}
.professional-directory.profile #pd-hero:last-child {
padding-bottom: 1em;
}
.professional-directory.profile #content, .professional-directory.profile section.light-bg {
padding: 3em 0;
}
.professional-directory.profile .photo {
float: none;
margin: 0 auto 2em auto;
width: 60%;
padding-top: 60%;
}
.professional-directory.profile .about {
margin: 2em 0;
}
.professional-directory.profile .address,
.professional-directory.profile .phone,
.professional-directory.profile .email,
.professional-directory.profile .url {
margin: 1em 0;
display: block;
}
.professional-directory.profile .pair {
width: auto;
padding: 2em 0;
}
.professional-directory.profile .section {
margin-bottom: 0;
}
.professional-directory.profile #map-canvas {
display: none;
}
.professional-directory.profile #map-text {
position: initial;
width: 95%;
margin: 0 auto;
padding: 0 0 3em 0;
}
/* end professional directory */
/* account */
.account .column.wide {
width: 100%;
padding-left: 0;
}
.account .column.narrow,
.show-left-column .column.narrow {
display: none;
display: block;
left: -80%;
opacity: 0;
transition-property: left, opacity;
transition-duration: 0.3s;
}
.account .column.narrow + .column.wide,
.show-left-column .column.narrow + .column.wide {
margin-left: 0;
}
.account .column.narrow,
.show-left-column .column.narrow.visible {
display: block;
position: absolute;
width: 90%;
z-index: 10;
left: 0;
opacity: 1;
padding-top: 26px;
}
#account-login-form,
#lost-password {
float: none;
width: 100%;
margin-right: 0;
}
/* Order History */
.account.order-history .order {
padding: 1em 0;
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
overflow: auto;
}
.account.order-history .order div {
margin: 0;
}
.account.order-history .order p,
.account.order-history .order ul {
padding: 0px 0px 5px;
margin: 0px;
}
.account.order-history p.bold {
font-weight: bold;
}
.account.order-history p.price {
text-align: left;
}
.account.order-history .order_detail .item_name {
max-width: 100%;
width: auto;
}
.account.order-history .order_detail p {
float: none;
}
.account.order-history .order_detail .sprite-arrow {
display: none;
}
.account.order-history p.total {
float: left;
text-align: left;
padding-right: 1em;
}
.account.order-history div.order_summary {
float: none;
width: auto;
margin-bottom: 1em;
}
/* End Order History */
/* My Training */
.account .product-row .name {
margin-bottom: 0.75em;
}
.account .product-row .indent,
.account .product-row .sku {
clear: left;
margin-left: 0;
text-align: left;
}
/* End My Training */
.account .column.narrow {
display: none;
}
.account .column.narrow + .column.wide {
margin-left: 0;
padding: 2em 0;
}
.show-left-column .bg-left-column {
display: none;
}
.account-message {
font-size: 1.0em;
padding: 1em 4%;
}
.account-message .fa-3x {
display: none;
}
.account .dashboard .card,
.account .dashboard .card:nth-child(3n + 1),
.account .dashboard .card:nth-child(3n + 2),
.account .dashboard .card:nth-child(3n + 3) {
width: 45%;
min-width: 0;
min-height: 320px;
margin: 2.5%;
}
.account .dashboard .card .circle,
.account .dashboard .card h3,
.graph-circle label {
font-size: 30px;
}
.account input.filter-q {
float: none;
margin: 0 auto 2em auto;
max-width: 100%;
}
/* end account */
/* end page-specific styles */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
#search-term {
background-image: url(/images/site/bg-search-mag-glass-2x.png);
background-size: 29px 23px;
}
#nav-primary .parent > a {
background-image: url(/images/site/nav-dropdown-parent-2x.png);
background-size: 13px 9px;
}
#hero section.highlights li {
background-image: url(/images/site/sprite-highlights-2x.png);
background-size: 13px 150px;
}
/* input radios - product page mirrors for now */
.date-selection input.date-radio + label span {
background-image: url(/images/site/sprite-input-radio-2x.png);
background-size: 18px 54px;
}
/* end input radios on product page mirrors */
/* product browse page checkboxes */
.filter input[type="checkbox"] + label span,
.parent-faux-checkbox {
background-image: url(/images/site/sprite-input-checkbox-2x.png);
background-size: 18px 54px;
}
/* end product browse page checkboxes */
.button.cta.show-product-options,
.button.cta.show-product-options:hover {
background-image: url(/images/site/bg-cta-arrow-down-2x.png);
background-size: 16px 11px;
}
.button.cta.show-product-options.active {
background-image: none;
}
.button.large:hover {
background-image: url(/images/site/bg-cta-arrow-right-2x.png);
background-size: 16px 24px;
}
}
@media
(-webkit-min-device-pixel-ratio: 1.25) and (max-width: 575px),
(min-resolution: 120dpi) and (max-width: 575px) {
/* Style adjustments for high resolution phones - need to override some general high resolution rules */
#hero-tabs li.active,
#stage-tabs li.active {
background-image: url(/images/site/bg-cta-arrow-down-2x.png);
background-size: 16px 11px;
}
#nav-primary .parent > a {
background-image: none;
}
/* product index page */
#mobile-filter-trigger {
background-image: url(/images/site/product-browse-filter-down-2x.png);
background-size: 18px 10px;
}
.filter h2 {
background-image: url(/images/site/product-browse-filter-down-2x.png);
background-size: 18px 10px;
}
.filter.expanded h2 {
background-image: url(/images/site/product-browse-filter-up-2x.png);
background-size: 18px 10px;
}
/* end product index page */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*************************
In-House Pages
*************************/
/* Professional Directory */
.in-house header {
background: radial-gradient(circle at 50% 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 110%), url(/custom-onsite-and-virtual-training/img/bg-hero-in-house-default.jpg);
background-position: center center;
background-size: cover;
}
.in-house-aa header {
background-image: url(/custom-onsite-and-virtual-training/img/bg-hero-in-house-aa.jpg);
}
.in-house-bus header {
background-image: url(/custom-onsite-and-virtual-training/img/bg-hero-in-house-bus.jpg);
}
.in-house-cs header {
background-image: url(/custom-onsite-and-virtual-training/img/bg-hero-in-house-cs.jpg);
}
.in-house-lb header {
background-image: url(/custom-onsite-and-virtual-training/img/bg-hero-in-house-lb.jpg);
}
.in-house-mgt header {
background-image: url(/custom-onsite-and-virtual-training/img/bg-hero-in-house-mgt.jpg);
}
.in-house-ny-harassment header {
background-image: url(/custom-onsite-and-virtual-training/img/bg-hero-in-house-ny-harassment.jpg);
}
.in-house #in-house-hero {
padding: 8em 0 10em 0;
}
.in-house #in-house-hero h1,
.in-house #in-house-hero h2 {
font-family: "proxima-nova", lato, sans-serif;
font-weight: 400;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
.in-house #in-house-hero h1 {
font-size: 3em;
}
.in-house #in-house-hero h2 {
font-size: 2em;
}
.in-house #in-house-hero h1 strong,
.in-house #in-house-hero h2 strong {
font-weight: 900;
}
/*************************
GDPR Notice
*************************/
#GDPR_NOTICE {
position: fixed;
top: 150px;
width: 90%;
max-width: 600px;
padding: 15px;
background-color: #fff;
z-index: 1001;
display: none;
}
#GDPR_NOTICE h1 {
font-size: 150%;
font-weight: normal;
margin: 0 0 0.5em 0;
color: #253a6a;
}