/* --------------------------------------------------------------------------------------------------- $Responsive Layouts --------------------------------------------------------------------------------------------------- */ /* 1200px = responsive max width (varies by layout) 1024px - 768px = iPad 600px = Kindle Fire 480px - 320px = iPhone */ /* Show query info */ .page:after{ content:'Default Style'; display:block; position:fixed; z-index:100; right:0; bottom:0; margin:0; padding:5px 10px; font:400 16px/1.5 'Oswald','Arial',sans-serif; color:#ffffff; background:#666; } /* --------------------------------------------------------------------------------------------------- No query styles --------------------------------------------------------------------------------------------------- */ /* disable webkit highlight */ .not-ios-touch .nav-main { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* iPhone Landscape bugfix */ html { -webkit-text-size-adjust:100%; /* Prevent font scaling in landscape */ } /* Group Account Popup */ .assigned-popup-wrapper .assigned-status { color: #83bd1e; font-family:'Trade Gothic W02 Bold 2',sans-serif; } .assigned-popup-wrapper .assignee { overflow: hidden; } .assigned-popup-wrapper .actions { margin: -10px 0 20px 0; } .assigned-popup-wrapper .actions a { width: 102px; } .assigned-card, .assigned-credits { display: inline-block; width: 75%; padding: 10px; margin-right: 2%; margin-bottom: 15px; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 24px; } .assigned-card { background-color: #fafff1; border: solid 1px #cce3a3; } .assigned-card + a, .assigned-credits + a { display: inline-block; width: 21%; line-height: 46px; margin-bottom: 15px; } .assigned-card a { margin-right: 4px; } .assigned-credits { background-color: #fffdf7; border: solid 1px #fdeace; } .assigned-credits a { vertical-align:middle; } .assigned-popup-wrapper .icn-status-ok { overflow: hidden; float:left; padding-left:24px; text-indent:-100px; } .assigned-popup-wrapper .icn-count { display: inline-block; width: 24px; padding-left: 0; overflow: hidden; text-indent: -100px; } .assigned-popup-wrapper .icn-count span { margin-left: 0; text-indent: 0; } /* --------------------------------------------------------------------------------------------------- iPad Landscape 1044 (First breakpoint) --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:1044px) { /* General */ body { min-width:320px; } .page-frame { padding:0 30px; width:auto; max-width:984px; } .sidebar-shadow-helper:after { margin-left:-42px;/*sidebar padding*/ } .nav-secondary { right:30px; } /* Home Page */ .slider-nav { margin:0 26px 0 28px; } /* Case Study */ .content-top .msg-saved-wrapper { left:32px; } /* Show query info */ .page:after{ content:'Media query: Max 1044px'; color:#FFCB25;} /* Search form */ .search-container .search-form { width: 120px; } .nav-main > ul > li > a { font-size: 20px; } /* Banner */ .banner-close { right: 30px; } } /* --------------------------------------------------------------------------------------------------- iPad Landscape 990 - for page header --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:990px) { /* Page menu */ .search-container .search-form { width:100px; } .nav-main > ul > li a { font-size: 18px; } /* Home Page */ /* Slide #2 */ .slide-two-column .col .col-inner { padding:0 20px 0 50px; } .slide-two-column .col:first-child .col-content:before { display:none; } /* Study Materials */ .purchase-materials .col { min-height:40px; } .three-column .purchase-items { width:100%; margin-bottom:10px; } .three-column .purchase-quantity { width: 50%; } .three-column .purchase-action { width: 50%; } /* Profile */ /* Dashboard */ .grid-dashboard .grid-item:nth-child(even) .icn-provider-card .submenu-inner { left:-290px; } .grid-dashboard .grid-item:nth-child(even) .icn-provider-card .submenu-inner .submenu:before { left:286px; } .grid-dashboard .grid-item:nth-child(even) .icn-provider-card .submenu-inner .submenu:after { left:290px; } /* Group Account */ .recertification-form .input-icon-email input { width: 75% } table.assigned-codes td { padding: 8px 10px; } /* Show query info */ .page:after{ content:'Media query: Max 990px'; color:#FFCB25;} } /* --------------------------------------------------------------------------------------------------- iPad Landscape 900 --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:900px) { /* General */ .nav-container, .page-header { height: 165px; } /* Smaller headings */ h1, .heading1 { font-size:30px; } .logo { margin-top:20px; width:197px; height:78px; background:url(images/logo-text-small.png) no-repeat left top; } .logo img { display:none; } /* Navigation */ .nav-main { margin-top:119px; } .nav-main > ul { margin-left:-14px; } .nav-main > ul > li > a { font-size:20px; line-height:40px; } .search-container .search-form { margin-top:0; } .nav-main > ul > li.search-container { position: absolute; margin: 0; bottom: 50px; right: 18px; } .footer-col-3 { width:30%; position:relative; } .footer-col-1 { width: 35% !important; } .footer-col-2 { width: 30% !important; } .page-footer .help-btn-container { position:absolute; right:0; top:0; } .page-footer .social-links { margin-top:50px;/* for button*/ } .page-footer .social-links a:first-child { margin-left:0; } .nav-secondary { top: 20px; right: 20px; } .page-footer { height: 310px; } /* Home Page */ /* Slide #3 */ .slide-four-column { margin:0; } /* Decoration */ /* White backgrounds */ .slide-four-column .col-decoration:before, .slide-four-column .col-decoration:after { border-radius:0; } .slide-four-column .col:first-child .col-decoration:before { border-radius:3px 0 0 0; } .slide-four-column .col:last-child .col-decoration:after { border-radius:0 3px 0 0; } .slide-four-column .col { } .slide-four-column .col .col-decoration, .slide-four-column .col .col-inner { margin:0; } .slide-four-column .col .col-inner { padding:12px 5px; box-shadow:none; border-radius:0; } .slide-four-column .col:first-child .col-inner { border-radius:0 0 0 3px; position:relative; margin-right:-5px; padding-left:15px; } .slide-four-column .col:last-child .col-inner { border-radius:0 0 3px 0; position:relative; margin-left:-5px; padding-right:15px; } /* Content */ .slide-four-column .col-title { font-size:24px; margin-bottom:8px; line-height:1; } .slide-four-column .col-content { border-top:none; padding-top:0; height:180px; } /* Slide #1 */ .slide-column-pairs { margin-top:70px; } .slide-column-pairs .left-pair .col { margin:0 6px 4px 92px;/*for decoration*/ } .slide-column-pairs .right-pair .col { margin:0 0 4px 98px;/*for decoration*/ } .slide-column-pairs .right-pair .col-decoration { left:6px; } /* Decoration */ .slide-column-pairs .col-decoration { position:absolute; top:0; bottom:0; left:0; height:auto; width:90px; } /* White backgrounds */ .slide-column-pairs .col-decoration:before, .slide-column-pairs .col-decoration:after { right:auto; left:45px; width:45px; height:auto; } .slide-column-pairs .col-decoration:before { top:0; bottom:50%; margin:0 0 45px; border-radius:3px 0 0 0; } .slide-column-pairs .col-decoration:after { top:50%; bottom:0; margin:45px 0 0; border-radius:0 0 0 3px; } /* Dark red border */ .slide-column-pairs .icn-border { position:absolute; top:50%; left:0; margin-top:-45px; margin-left:0; width:70px; height:70px; } .slide-column-pairs .icn-border:before, .slide-column-pairs .icn-border:after { right:auto; left:37px; width:3px; height:250%; } .slide-column-pairs .icn-border:before { top:100%; bottom:auto; margin-top:-2px; } .slide-column-pairs .icn-border:after { top:auto; bottom:100%; margin-bottom:-2px; } /* Yellow circle */ .slide-column-pairs .circle { top:50%; left:10px; margin-top:-35px; margin-left:0; width:70px; height:70px; line-height:70px; } .slide .slide-column-pairs .circle:before { width:90px; height:91px; background-image:url(images/circle-mask-quarter-vertical.png); background-size:cover; } .slide-column-pairs .circle-title { font-size:30px; } .slide-column-pairs .col { float:none; width:auto; } .slide-column-pairs .col + .col { margin-bottom:0; } .slide-column-pairs .col .col-inner { margin:0 0 -2px 0; padding:0; border-radius:0 3px 3px 0; } /* Content */ .slide-column-pairs .col-header { display:block; max-width:260px; padding:20px 30px 30px 1px; height:105px; } .slide-column-pairs .col-content { display:none; max-width:260px; padding:15px 30px 15px 1px; height:125px; border:none; } .slide-column-pairs .col-title { top:0; } .slide-column-pairs .col-title span { margin-top:0; } .slide-column-pairs .btn-1 { position:static; margin:13px auto 7px; } /* Card Flip Control */ .js-card-flip { display:block; position:absolute; top:0; right:0; bottom:0; width:30px; background:#89212c; border-radius:0 2px 2px 0; text-indent:-500px; overflow:hidden; } .js-card-flip:after { content:""; position:absolute; top:50%; left:50%; margin:-8px 0 0 -5px; width:10px; height:16px; background:url(images/icns-arrows.png) -50px -50px; } .js-card-flip:hover, .js-card-flip:hover, .js-card-flip:hover { background:#51131a; } .back-side .js-card-flip:after { background-position:0 -50px; } /* Slide #4 (other pages) */ .slide-two-column { } .slide-two-column .col { } .slide-two-column .col .col-inner { padding:0 15px 0 15px; } .slide-two-column .col + .col .col-inner { padding:0 0 0 30px; } .slide-two-column .col .col-inner br { display:none; } .slide-two-column .col-content { min-height:349px; } .convenient-programs .slide-two-column .col-content { min-height:321px; } .slide-two-column .col-content:after { height:32px; } /* Landing secondary */ .landing-secondary .col-right-1, .landing-secondary .col-right-2 { float:none; width:auto; } .landing-secondary .discounts-table { margin:20px 0 15px; } .col-single .code-redeemed > p { float:left; margin-top:13px; margin-bottom:10px !important; } /* Press at Home Page */ /* News - break columns */ .section-news { } .section-news .col-left, .section-news .col-right { float:none; width:auto; } /* News - display 3 posts only */ .section-news .col-right article{ display:none; } .section-news .col-right article:nth-of-type(3) { display:block; } /* News - Display first post as summary */ .page-home .section-news .news-post { padding:0 0 11px 170px; } .page-home .section-news .news-post .post-image { float:left; margin-left:-170px; width:150px; height:150px; overflow:hidden; } .page-home .section-news .news-post .post-image:not(.default) img { display:block; } .page-home .section-news .news-post .post-meta { margin-bottom:8px; } .page-home .section-news .news-post .post-title { max-width:100%; } .page-home .section-news .news-post .post-author { display:none; } .page-home .section-news .news-post .post-content { max-width:100%; height:2.8em; overflow:hidden; } .page-home .section-news .news-post .post-content p:first-child { height:2.8em; text-overflow:ellipsis; } /* Stories */ .page-home .section-stories { margin-top:45px; } .page-stories .section-stories { margin-bottom:20px; } /* Education */ .grid-case-studies .box { height:215px; } .grid-journals .box { height:270px; } /* Press */ .article-grid { margin:0 -20px; } .article-grid .grid-item { float:none; margin:0; width:auto; height:auto; } .article-grid .grid-item:first-child { margin-top:-25px; } .article-grid .news-post { margin-right:20px; margin-left:20px; padding-top:15px; border-bottom:1px solid #efefef; } .article-grid .grid-item:last-of-type .news-post { border-bottom-width:0; } /* Show query info */ .page:after{ content:'Media query: Max 900px'; color:#FFCB25;} } /* --------------------------------------------------------------------------------------------------- 860 --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:860px) { .convenient-programs .slide-two-column .col-content:after { height:22px; } /* Show query info */ .page:after{ content:'Media query: Max 860px'; color:#FFCB25;} /* Profile */ table.assigned-codes td, table.assigned-codes th { padding: 8px 5px; font-size: 13px; } } /* --------------------------------------------------------------------------------------------------- iPad Portrait 768 --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:768px) { /* General */ .resp-hide-768 { display:none; } .page-frame { padding:0 20px; } .logo { margin-top:10px; width:100px; background-image:none; } .logo img { display:block; } /* Page menu */ .nav-main > ul > li > a { font-size: 17px; } /* Search absolute */ .nav-main { margin-right:-14px; } .nav-main .dropdown-right .nav-dropdown { left:auto; right:-6px; } .nav-main > ul > li.search-container { position:absolute; margin:0; bottom:50px; right:18px; } .nav-secondary { top:20px; right:20px; } /* Break sidebar */ .sidebar-layout .content, .sidebar-layout .sidebar { float:none; width:auto; padding-bottom:15px; -webkit-transition:none; -o-transition:none; -moz-transition:none; transition:none; } .sidebar-layout .sidebar { /*margin-top:-25px;*/ margin-right:-20px; margin-left:-20px; padding-right:20px; padding-left:20px; border-top:1px solid #dddddd; } .sidebar-shadow-helper:after { display:none; -webkit-transition:none; -o-transition:none; -moz-transition:none; transition:none; } .sidebar h3 br { display:none; } .sidebar .hr-gray { border-bottom-color:#efefef; } .sidebar-layout.sidebar-first .content { } .sidebar-layout.sidebar-first .sidebar { margin-top:0; border-top:none; background:#fffef7; border-bottom:3px solid #bd1e2c; } .sidebar-layout.sidebar-first .sidebar .btn-1 { margin:0 auto; } /* Hide content, expand sidebar */ .content-top { margin-bottom:-1px; } .sidebar-layout .content, .sidebar-layout .sidebar, .sidebar-shadow-helper:after { -webkit-transition:none; -o-transition:none; -moz-transition:none; transition:none; } .sidebar-layout.sidebar-expanded .content { width:auto; height:auto; } /* Footer */ .content-wrapper { padding-bottom:426px;/*sticky footer height*/ } .page-footer { height:475px; margin-top:-427px;/*sticky footer height*/ } .footer-col-3 { clear:both; float:none; margin-top:0; padding-left:0; padding-top:10px; width:auto; } .page-footer .help-btn-container { position:static; float:left; margin-bottom:0; } .page-footer .social-links { float:left; margin:0 0 0 20px; } .footer-links { float:none; margin-top:10px; text-align:left; } .db-credits { clear:left; float:left; } .bbb-seal .asca-logo { left: 0 !important; } .page-footer .social-links { margin: 0; } .footer-col-1 { width: 50% !important; margin-right: 0; box-sizing: border-box; padding-right: 10px; } .footer-col-2 { width: 50% !important; } /* Reusable */ /* three column ---> 2 + 1 column */ .three-column > .col { width:45%; margin:0 5% 0 0; position:relative; } .three-column > .col + .col { width:45%; margin:0 0 0 5%; } .three-column > .col + .col + .col { clear:left; float:none; width:auto; margin:0; padding-top:20px; } .three-column.borders > .col + .col:after { left:-10%; } .three-column.borders > .col + .col + .col:after { display:none; } /* Study Materials */ .three-column > .col.purchase-items { width:100%; margin:0 0 10px; } .three-column > .col + .col.purchase-quantity { width: 45%; margin:0; } .three-column > .col + .col + .col.purchase-action { width: 55%; margin:0; padding-top:0; clear:none; float:left; } /* All collapsible full width */ .max-width-660 { max-width:768px; } .collapsible, .collapsible-compact .collapsible { margin:0 -20px; padding-right:20px; padding-left:20px; border-bottom:1px solid #efefef; } .collapsible:first-of-type { border-top:1px solid #efefef; } .collapsible > h2, .collapsible-compact .collapsible > h2, .collapsible > h3, .collapsible-compact .collapsible > h3 { margin-bottom:0; padding:15px 50px 15px 0; } .collapsible > h2 span, .collapsible > h3 span { display:block; max-width:460px; } .collapsible .collapsible-content { max-width:460px; padding-right:50px; } .collapsible + p, .collapsible-compact .collapsible + p { margin-top:15px; } .multi-collapse-box { margin:0 -20px -15px; padding:0 20px 1px; } .multi-collapse-box .collapsible { margin-bottom:-1px; } .multi-collapse-box .collapsible > h2 > .btn-toggle { right:0; } .multi-collapse-box .collapsible .collapsible-content { margin-right:0; margin-left:0; max-width:100%; padding-right:0; } /* Grid List - transform button */ .grid-list a.box h2, .grid-journals .box h2 { padding-right:20px; } .grid-list a.box .btn-2, .grid-journals .box .btn-2 { position:absolute; top:23px; right:19px; bottom:auto; left:auto; padding:0; width:27px; height:27px; border-radius:13px; background-clip:padding-box; text-indent:-500px; overflow:hidden; background:#f9ae40 url(images/icns-arrows.png) no-repeat -40px -43px; } .grid-list a.box .btn-2:hover, .grid-list a.box:hover .btn-2, .grid-hournals .box .btn-2:hover { background-color:#f8b95c; } /* Icons */ .icn-status-ok, .icn-status-no { display:block; float: left; padding-left:24px; text-indent:-100px; } /* Home Page */ .slider-nav { margin:0 16px 0 16px; } /* Slide #3 */ .slide-four-column .col-content p { line-height:1.26; } /* Slide #1 */ .slide-column-pairs .left-pair .col { margin-left:82px;/*for decoration*/ } .slide-column-pairs .right-pair .col { margin-left:88px;/*for decoration*/ } /* Decoration */ .slide-column-pairs .col-decoration { width:80px; } /* White backgrounds */ .slide-column-pairs .col-decoration:before, .slide-column-pairs .col-decoration:after { left:40px; width:41px; } .slide-column-pairs .col-decoration:before { margin:0 0 40px; } .slide-column-pairs .col-decoration:after { margin:40px 0 0; } /* Dark red border */ .slide-column-pairs .icn-border { margin-top:-40px; width:60px; height:60px; } .slide-column-pairs .icn-border:before, .slide-column-pairs .icn-border:after { left:32px; } /* Yellow circle */ .slide-column-pairs .circle { margin-top:-30px; width:60px; height:60px; line-height:60px; } .slide .slide-column-pairs .circle:before { width:80px; height:81px; } .slide-column-pairs .circle-title { font-size:25px; } .slide-column-pairs .col { } .slide-column-pairs .col-header, .slide-column-pairs .col-content { max-width:205px; } .slide-column-pairs .col-title { font-size:24px; } /* Slide #2 */ .tab-container { overflow:hidden;/*hide active nav-item corners*/ } .tab-navigation { margin:0; padding:0; } .tab-navigation a { padding-right:10px; padding-left:10px; } .tab-navigation a.tab-active { padding-right:9px; padding-left:9px; font-size:24px; } .tab-navigation a:first-child { margin-left:-1px; } /* Special ACLS/PALS exam in progress message */ .tab-content .special-message .default-messages-container { padding-right:50px; padding-left:50px; } /* Slide #4 */ .slide-two-column {} .slide-two-column .switch-wrapper { display:block; margin-bottom:20px; } .slide-two-column .switch-wrapper .btn-switch .btn-threeway-switch { margin: 0 auto; width: 400px; max-width: 100%; } .js-column-toggle-container > .col { display:block; float:none; width:auto; } .js-column-toggle-container > .col + .col { display:none; } .js-column-toggle-container.show-second > .col { display:none; } .js-column-toggle-container.show-second > .col + .col { display:block; } .two-column > .col > .col-inner { width:auto; max-width:500px; } .slide-two-column .col-title { display:none; } .slide-two-column .col .col-inner, .slide-two-column .col + .col .col-inner { padding:0 0 0 19px; } .slide-bottom { padding-left:15px; } .slide-two-column .col-content { min-height:0; } .convenient-programs .slide-two-column .col-content { min-height:0; } /* Corner */ .slide-two-column .col-content:after { display:none; } /* Landing Secondary Block */ .col-single .redeem-code form { margin-top:10px; } .col-single .redeem-code .form-row { width:200px; } .col-single .redeem-code .tooltip-wrapper { clear:none; float:right; margin-left:0; } .col-single .redeem-code .tooltip-wrapper a { text-align:right; } /* Register Page */ .group-savings-block .col-left { width:50%; margin-right:-1px; border-right:1px solid #efefef; } .group-savings-block .col-right { width:50%; } .steps { padding-right:0; border-right:none; } .steps.vertical { padding-right:0; } /* copy-paste from .steps-vertical */ .steps:not(.vertical) { margin:0 auto; padding:13px 60px 0 60px; width:120px; } .steps + .steps { margin-top:25px; padding-top:30px; border-top:1px solid #efefef; } .steps li { float:none; width:auto; text-align:left; min-height:75px; } .steps li:last-child { min-height:0; } .steps li:after { top:0; right:auto; bottom:auto; left:-42px; height:100%; width:9px; } .steps li:first-child:after { display:block; } .ie8 .steps li:first-child:after { display:none; } .steps li:last-child:after { display:none; } .steps .step-number { float:left; margin:-5px 0 0 -64px; } /* right */ .steps .step-number:before, .steps .step-number:after { left:50%; margin-left:1px; } /* left */ .steps .step-number span:before, .steps .step-number span:after { right:50%; margin-right:0; } /* top */ .steps .step-number:before, .steps .step-number span:before { top:0; margin-top:-12px; } /* bottom */ .steps .step-number:after, .steps .step-number span:after { bottom:0; margin-bottom:-12px; } /* first & last */ .steps li:last-child .step-number:before, .steps li:first-child .step-number span:after { display:block; } .steps li:first-child .step-number:before, .steps li:last-child .step-number span:after { display:none; } .steps .step-text { margin:0; padding:0 0 40px; } .steps li:last-child .step-text{ padding-bottom:0; } /* Education */ /* Case Study Library */ .grid-case-studies .box { height:245px; } .grid-journals .box { height:300px; padding-bottom:10px; } .grid-list .special-message { } .grid-list .special-message .default-messages-container { padding-right:20px; padding-left:20px; } .grid-list .special-message .caution-user-message-container { margin:0; max-width:768px; width:100%; -moz-box-sizing:border-box; box-sizing:border-box; } /* Case Study */ .content-top .msg-saved-wrapper { left:22px; } .content-top h1 { margin-bottom:0; } /* Diagnostic Skills Challenge */ .challenge-scenario { } .challenge-scenario .col, .challenge-scenario .col + .col { float:none; width:auto; } .challenge-scenario .btn-2 { margin-top:0; } .challenge-table { margin-bottom:10px; } .js-diagnosis + .hr, .challenge-table + .hr { display:none; } .js-diagnosis { position:relative; padding-top:20px; } .js-diagnosis:before { content:""; position:absolute; right:-20px; top:0; left:-20px; border-bottom:1px solid #efefef; } /* About Us */ .testimonials-title { margin-top:-10px; } .testimonials-title .side-lines-inner:before, .testimonials-title .side-lines-inner:after { display:none; } /* Profile */ .grid-dashboard .grid-item{ min-width:0;} .grid-dashboard .box-height > .btn-2, .box-height > p .btn-2{ width: auto;} .grid-dashboard .collapsible, .grid-dashboard .collapsible .collapsible-compact .collapsible{ border-bottom: none; padding-left: 0; padding-right: 0;} .grid-dashboard table.colored td, .grid-dashboard table.colored th{ padding: 8px 5px; font-size: 13px; max-width: 60px} table.exam-history th, table.exam-history td{ overflow: hidden} .grid-dashboard table.colored td a, .grid-dashboard table.colored th a{ font-size: 13px;} .grid-dashboard .collapsible-content{ padding-right: 0;} .order-details{ margin: 0 15px} .col.order-meta{ width: 40%;} .order-meta dl{ float: left; width: 100%; font-size: 13px;} .order-meta .box-in-table dl dt{ width: 40%; float: left} .order-meta .box-in-table dl dd{ margin-left: 44%; margin-top:2px; } .order-meta dl + dl{ width: 100%;} .order-upgrade .btn-2{ display: block; float: none;} .order-upgrade p{ text-align: center; float: none; margin-left: 0; line-height: 1.5em; margin-top: 15px;} .col.order-products{ width: 58%; font-size: 13px;} .col.order-products .purchase-materials h3{ font-size: 13px;} /* Group Account */ .assigned-codes th:nth-child(1), .assigned-codes td:nth-child(1), .assigned-codes th:nth-child(2), .assigned-codes td:nth-child(2), .assigned-codes th:nth-child(5), .assigned-codes td:nth-child(5), .assigned-codes th:nth-child(7), .assigned-codes td:nth-child(7) { display:none; } .assigned-codes > thead tr th:nth-child(3) {border-radius:3px 0 0 0;} .assigned-codes > tbody > tr > td:nth-child(3) { border-left:1px solid #dfdfdf; } .assigned-codes > thead tr th:nth-child(6) { border-radius:0 3px 0 0; } .assigned-codes > tbody > tr > td:nth-child(6) { border-right:1px solid #dfdfdf; } .assigned-codes td { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .assigned-codes td:nth-child(4) a { display:none; } table.assigned-codes td, table.assigned-codes th { padding:8px 5px; font-size:13px; max-width: 60px; } .table-titles .search-wrapper { width:40%; } .unassigned-code-box { max-width:none; } .group-account-faq h2 { border:0 none; } .group-account-faq > div:last-child { border:0 none; margin-bottom:-20px; } a.pop-assigned-codes { display: block; float: right; width:24px; height: 24px; line-height:24px; text-indent:-500px; background:url(images/icns-arrows.png) no-repeat -42px -195px; } /* Notifications */ .grid-notifications .box-height .btn-1 { letter-spacing:0.005em; } /* Checkout */ .payment-container { max-width:100%; } .suggested-materials-container .btn-confirmed { left: auto; right: 0; } /* Show query info */ .page:after{ content:'Media query: Max 768px'; color:#FF7425; } /* Banner */ .banner-close { right: 20px; } } /* --------------------------------------------------------------------------------------------------- Kindle Fire Landscape 600 --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:600px) { /* General */ .resp-hide-600 { display:none; } .sidebar-shadow-helper:after { margin-left:-27px;/*sidebar padding*/ } .footer-col-1, .footer-col-2 { width: 100% !important; clear: both;} .footer-col-1 { padding-right: 0; } /* Off Canvas Menu */ .nav-container { position:fixed; top:0; right:-80%; -webkit-overflow-scrolling: touch; width:80%; height:100%; overflow:auto; z-index:10; background:#fff; transition:right 0.3s ease-in; -moz-box-sizing:border-box; box-sizing:border-box; border-left:1px solid #3B3B3B; box-shadow:inset 0 0 5px 0 rgba(253,216,220,0.3); } .page { transition:right 0.3s ease-in; } .nav-toggle { display:block; float:right; position:relative; top:13px; width:60px; height:60px; background:url(images/nav-toggle.png) no-repeat center center; text-indent:-500px; overflow:hidden; cursor:pointer; } .nav-expanded .nav-container { right:0; } .nav-expanded .page { position:fixed; right:80%; box-shadow:0 0 8px 4px rgba(0,0,0,0.2); z-index:10; } .nav-expanded .page-footer { display:none; } .nav-container { margin-bottom:0; } .nav-container .page-frame { padding:89px 0 76px 0; } .nav-main { float:none; margin:0; } .nav-main > ul { margin-left:0; } .nav-secondary { position:static; } .nav-main > ul > li, .nav-secondary > ul > li { position:static; margin:0; float:none; width:100%; background:#fffef7; border-bottom:1px solid #fdeed5; -moz-box-sizing:border-box; box-sizing:border-box; } .nav-main > ul > li > a, .nav-secondary > ul > li > a:not(.btn-2):not(.username):not(.btn-bookmark):not(.btn-my-account) { padding:0 18px; line-height:51px; } .nav-main > ul > li > a { font-size:24px; } .nav-main > ul > li.search-container { position:absolute; right:0; bottom:0; left:0; margin:0; padding:20px 52px 20px 18px; width:auto; border-top:1px solid #fbd9a6; border-bottom:none; background:#fff; } .nav-main > ul > li.search-container .search-form { margin:0; width:100%; -moz-box-sizing:border-box; box-sizing:border-box; } .nav-secondary > ul > li.nav-user-info { position:absolute; top:0; left:0; margin:0; padding:28px 10px 28px 18px; width:100%; height:89px; background:#fffbeb; border-bottom:1px solid #fbd9a6; } .nav-secondary .username { display:block; margin-right:80px; padding:7px 0 0 42px; line-height:18px; overflow:hidden; font-size:14px; max-height:53px; } .nav-secondary .impersonation { left:61px; } .nav-secondary .btn-my-account { position:absolute; top:28px; left:19px; } .nav-secondary .btn-logout { position:absolute; top:28px; right:10px; background:#faaf40; } .nav-secondary .btn-logout:hover { background:#f8b95c; } .nav-secondary .btn-login { margin:0; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; } .nav-secondary > ul > li.nav-bookmark { position:absolute; right:10px; bottom:22px; left:auto; width:32px; border:none; } .nav-secondary > ul > li > a.btn-bookmark { padding:0; } .nav-main .nav-dropdown { position:static; display:block !important; margin-bottom:0; width:auto; border:none; } .nav-main .nav-dropdown ul { border:none; border-top:1px solid #fdeed5; background:none; } .nav-main .nav-dropdown ul li a { padding-left:30px; } /* Header */ .page-header { height:88px; } .page-header .page-frame { padding:0; } .logo { margin:0; width:258px; height:88px; background:url(images/logo-mobile.png) no-repeat left top; z-index:0; } .logo img { display:none; } /* Footer */ .content-wrapper { padding-bottom:547px;/*sticky footer height*/ } .page-footer { height:580px; margin-top:-547px;/*sticky footer height*/ padding-bottom:20px; } .footer-col-1, .footer-col-2 { float:none; width:auto; } .footer-col-1 dt { clear:left; float:left; position:relative; margin-bottom:20px; width:42px; height:32px; text-indent:-200px; overflow:hidden; } .footer-col-1 dd { margin-bottom:20px; min-height:32px; } .footer-col-1 dt.resp-icn-email + dd, .footer-col-1 dt.resp-icn-phone + dd { line-height:32px; } .resp-icn-email:after, .resp-icn-phone:after { content:""; display:block; position:absolute; top:0; left:0; width:32px; height:32px; background:#b61b29 url(images/icns-footer.png) no-repeat 0 0; border-radius:16px; } .resp-icn-email:after { background-position:6px 10px; } .resp-icn-phone:after { background-position:5px -43px; } .footer-col-2 dt { margin-bottom:0; } .footer-col-2 time { display:block; } .footer-secondary { margin:10px -20px 0; padding-right:20px; padding-left:20px; } .footer-secondary .copyright { margin-bottom:10px; } h1 .btn-switch { float:none; margin:15px 0 20px; width:100%; } h1 .btn-threeway-switch { float: none; margin: 15px 0 20px; width: 100%; } dl.inline dt { width:30%; } dl.inline dd { margin-left:35%; } dl.inline dd a { word-break:break-all; } /* Forms */ /*.form-row label { white-space:nowrap; overflow:hidden; } .checkbox-radio-block label { white-space:normal; overflow:visible; }*/ /* Reusable */ .resp-full-width, .sidebar .resp-full-width { margin-right:-20px; margin-left:-20px; padding-right:20px; padding-left:20px; } .button-block > a:not(.btn-1), .tooltip-wrapper { font-size:14px; } /* two column ---> no columns */ .two-column:not(.initials-block) > .col { float:none; width:auto; margin:0; } /* three column ---> 2 + 1 column */ .three-column > .col, .three-column > .col + .col, .three-column > .col + .col + .col { clear:left; float:none; width:auto; margin:0; padding:0; } .three-column.borders > .col + .col:after { display:none; } /* Study Materials */ .three-column > .col.purchase-items { clear:none; float:left; width:100%; margin:0 0 10px; } .three-column > .col + .col.purchase-quantity { clear:none; float:left; width: 45%; margin:0; } .three-column > .col + .col + .col.purchase-action { clear:none; float:left; width: 55%; margin:0; } /* Content --> menu links only */ .resp-nav { } .content .resp-nav { margin:-30px -20px -24px; border-bottom:3px solid #bd1e2c; } .resp-title-link { margin:0; padding:0 !important; background:blue; } .resp-title-link a { position:relative; display:block; margin:0; padding:13px 20px; line-height:24px; border-top:1px solid #fbd9a6; background:#fffdf7; } .resp-title-link a.header-link { display:none; } .resp-title-link a:after { content:""; position:absolute; top:50%; right:20px; margin-top:-14px; display:block; width:27px; height:27px; border-radius:13px; background-clip:padding-box; text-indent:-500px; overflow:hidden; background:#f9ae40 url(images/icns-arrows.png) no-repeat -40px -43px; } .resp-title-link a:hover:after, .resp-title-link a:focus:after, .resp-title-link a:active:after { background-color:#f8b95c; } /* Grid List */ .grid-list { margin:-24px -20px; } .grid-item { width:auto; float:none; margin-bottom:-1px; } .grid-list .box { margin:0; border-right:none; border-left:none; } .grid-list + .hr-red.resp-full-width { margin-bottom:-24px; } .grid-list a.box h2, .grid-journals .box h2 { margin-bottom:0.25em; } .grid-list a.box .btn-2, .grid-journals .box .btn-2 { right:19px; top:20px; } /* Quiz */ /* Borders */ .quiz .question, .quiz-footer { margin-right:-20px; margin-left:-20px; padding-right:20px; padding-left:20px; border-top:1px solid #ddd; } .quiz .question:first-child { margin-top:25px; padding-top:25px; border-top:1px solid #ddd; } /* Inside */ .quiz label { margin-right:-20px; margin-left:-20px; padding-right:20px; padding-left:45px; } /* Answers */ .quiz .icn-check, .quiz .icn-cross { left:7px; } /* Pager */ /* Hide pages, show only "1 of 10" */ .pager a:not(.btn-2) { display:none; } .pager a.active, .pager a:nth-last-child(2) { display:inline; padding:0 6px; } .pager a.active:after { content:"of"; display:inline; position:relative; right:-5px; } /* Hide interactions */ .pager a:not(.btn-2):hover, .pager a:not(.btn-2):focus, .pager a:not(.btn-2):active, .pager a:not(.btn-2).active { color:#a0a0a0; font-family:'Trade Gothic W01 Light',sans-serif; cursor:default; } /* space for warning icon */ h1 .msg-icn { margin-right:10px; margin-left:0; } /* Icon block Tooltip */ .info-icn-block .tooltip { left:0; margin-left:0; } .info-icn-block .tooltip:before { left:205px; } .info-icn-block .tooltip:after { left:207px; } .form-row.info-icn-block .tooltip { left:0; margin-left:0; } .form-row.info-icn-block.short-row .tooltip:before { left:284px; } .form-row.info-icn-block.short-row .tooltip:after { left:286px; } .form-row.info-icn-block .tooltip.cc-tooltip:before { left:112px; } .form-row.info-icn-block .tooltip.cc-tooltip:after { left:114px; } /* Home Page */ .slide { padding-top:10px; } .slide-title { font-size:46px; margin-top:2px; margin-bottom:20px; } /* Slide #2 */ .tab-content .switch-wrapper { display:block; position:relative; z-index:2; padding:10px 10px 0; background:#fff; border-radius:6px; } .tab-content .switch-wrapper .btn-switch .btn-threeway-switch { width: 100%; } .tab-content .col-left, .tab-content .col-right { float:none; width:auto; height:326px; } .tab-content .col-left { display:block; } .tab-content .col-right { display:none; } .tab-content.show-sidebar .col-left { display:none; } .tab-content.show-sidebar .col-right { display:block; } .tab-content .col-inner { padding-left:15px; } .tab-content .col-left .col-inner, .tab-content .col-right .col-inner { height:276px; overflow-y:auto; overflow-x: hidden; margin-top: 10px; } .tab-content .col-inner { padding-left:15px; } /* Cover top & bottom for padding when scrolling */ /* Top */ .tab-content .col-left:before, .tab-content .col-right:before { top:50px; } /* Left */ .tab-content .col-left:before, .tab-content .col-left:after { right:0; left:-10px; } /* Right */ .tab-content .col-right:before, .tab-content .col-right:after { right:0; left:-10px; } /* Special ACLS/PALS exam in progress message */ .tab-content .special-message .default-messages-container { margin-right:10px; margin-left:10px; padding-right:20px; padding-left:20px; } /* Slide #3 */ .slide-four-column { } /* Decoration */ .slide-four-column .col-decoration { position:absolute; top:0; bottom:0; left:0; height:auto; width:40px; } /* White backgrounds */ .slide-four-column .col-decoration:before, .slide-four-column .col-decoration:after { right:auto; left:20px; width:20px; height:auto; } .slide-four-column .col-decoration:before { top:0; bottom:50%; margin:0 0 23px; border-radius:0; } .slide-four-column .col-decoration:after { top:50%; bottom:0; margin:21px 0 0; border-radius:0; } .slide-four-column .col:first-child .col-decoration:before { border-radius:3px 0 0 0; } .slide-four-column .col:last-child .col-decoration:after { border-radius:0 0 0 3px; } /* Dark red border */ .slide-four-column .icn-border { display:none; } /* Yellow circle */ .slide-four-column .circle { top:50%; left:0; margin-top:-18px; margin-left:0; width:34px; height:34px; line-height:34px; } .slide-four-column .circle:before { top:-5px; left:17px; width:25px; height:44px; background-image:url(images/circle-mask-half-small.png); } .slide .icn-people { background-position: 5px 6px; background-size:374px 23px; } .slide .icn-mobile { background-position:-112px 6px; background-size:374px 23px; } .slide .icn-pencil { background-position:-229px 6px; background-size:374px 23px; } .slide .icn-article { background-position:-347px 6px; background-size:374px 23px; } .slide-four-column .col { float:none; width:auto; padding-left:40px;/*for decoration*/} .slide-four-column .col .col-inner { padding:6px 30px 6px 20px; line-height:1; } .slide-four-column .col:first-child .col-inner { border-radius:0 3px 0 0; margin-right:0; padding:21px 30px 6px 20px; } .slide-four-column .col:last-child .col-inner { border-radius:0 0 3px 0; margin-left:0; padding:6px 30px 21px 20px; } /* Content */ .slide-four-column .col-title { display:inline; color:#982632; font-size:22px; font-family:'TradeGothicW01-BoldCn20 675334',sans-serif; } .slide-four-column .col-title br { display:none; } .slide-four-column .col-title:after { content:":"; } .slide-four-column .col-content { display:inline; } .slide-four-column .col-content p { display:inline; } #whyamri .slide-bottom { position:relative; z-index:1; margin:-3px 0 0 20px; padding:0 0 8px; background:#fff; border-radius:0 0 3px 3px; } #whyamri .slide-bottom .btn-1 { height:30px; line-height:30px; box-shadow:0 0 0 7px #f4e9ea, inset 0 0 5px 0 rgba(253,216,220,0.3); } /* Slide #1 */ .slide-column-pairs { margin-top:24px; } .slide-column-pairs .left-pair { float:none; width:auto; margin-bottom:4px; } .slide-column-pairs .right-pair { float:none; width:auto; } .slide-column-pairs .left-pair .col, .slide-column-pairs .right-pair .col { margin-right:0; margin-left:83px;/*for decoration*/ } .slide-column-pairs .right-pair .col-decoration { left:0; } .slide-column-pairs .col .col-inner { box-shadow:none; } /* Content */ .slide-column-pairs .col-header, .slide-column-pairs .col-content { max-width:500px; padding:10px 30px 10px 1px; height:82px; font-size:13px; } .slide-column-pairs .col-title { float:left; width:50%; margin:14px 0 0 0; } .slide-column-pairs .btn-1 { position:absolute; top:35px; left:50%; margin:0; height:35px; } .slide-column-pairs .col-content ul { max-height:64px; line-height:16px; /*margin-bottom:-3px;*/ } .slide-column-pairs .col-content ul li { min-height:13px; } .slider-nav a { font-size:24px; } /* Landing secondary */ .landing-secondary .col-left, .landing-secondary .col-right { float:none; width:auto; margin:0 -20px; padding-right:20px; padding-left:20px; border:none; } .landing-secondary .col-right { border-top:1px solid #fbd9a6; } .landing-secondary .discounts-table { margin-bottom:0; } /* Redeem code single-line */ .col-single .redeem-code form { margin-right:0; } .col-single .redeem-code .form-row { width:100%; -moz-box-sizing:border-box; box-sizing:border-box; z-index:1; position:relative; } .col-single .redeem-code .button-block { width:100%; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:10px; } .redeem-code .button-block, .code-redeemed .button-block, .col-single .redeem-code .button-block, .col-single .code-redeemed .button-block { margin-bottom:10px; } /* Tooltip inside button-block - on the right */ .button-block .tooltip-wrapper { float:right; margin:0; } .button-block .tooltip-wrapper > a { text-align:right; } .button-block .tooltip { left:auto; right:0; } .button-block .tooltip:before { left:auto; right:63px; } .button-block .tooltip:after { left:auto; right:65px; } /* Register Page */ .group-savings-block .col-left { width:44%; } .group-savings-block .col-right { width:56%; } /* Education */ /* Case Study Library */ .grid-case-studies .box, .grid-journals .box { height:auto; } .grid-list .special-message .default-messages-container { position:relative; margin:0; padding-top:20px; border-top:none; border-right:none; border-left:none; box-shadow:none; } .grid-list .special-message .default-messages-container ins { float:none; position:absolute; top:20px; left:20px; margin:0; } .grid-list .special-message .msg-text { width:auto; } .grid-list .special-message .btn-1 { margin-top:20px; margin-left:7px; } /* Case Study */ .content-top .btn-switch { margin-bottom:0; } .content-top .btn-threeway-switch { margin-bottom:0;} .js-case-study-switch { } .js-case-study-switch .on, .js-case-study-switch .off { content:attr(data-text); } /* Practice Questions */ .two-column .col > .quiz { max-width:100%; padding-right:0; } .two-column .col + .col > .quiz { padding-left:0; } /* Press */ .article-grid { margin:0; padding:0; } .article-grid .grid-item { margin-right:-20px; margin-left:-20px; } .article-grid .news-post { margin-right:0; margin-left:0; padding-right:20px; padding-left:20px; } .article-grid .grid-item:last-of-type .news-post { border-bottom-width:1px; } .article-grid + .side-lines { margin:20px 0; } .article-grid + .side-lines .side-lines-inner:before, .article-grid + .side-lines .side-lines-inner:after { display:none; } .section-stories { margin:0 -20px; padding:30px 20px 0; border-top:1px solid #efefef; } .page-stories .section-stories { border-top:none; padding-top:0; border-bottom:1px solid #efefef; margin-bottom:25px; } .section-stories form .button-block { border-bottom:none; margin-bottom:10px;} .section-stories .stories-more-link { left:20px; } .index-link + .hr-gray { margin-bottom:30px; } .post-summary + .hr { margin-top:15px; } /* Search */ .search-results { } .search-results li { margin-right:-20px; margin-left:-20px; padding-right:20px; padding-left:20px; } .search-spelling-adjustment { top:-8px; } /* Checkout Page */ .checkout-steps li { width:25%; } .checkout-steps li:after { content:""; position:absolute; top:15px; right:50%; width:100%; height:6px; background:#fef4e4; } .ie8 .checkout-steps li:after { display:none; } .checkout-steps li:first-child:after { display:none; } .checkout-steps .step-text { display: block; } /* Outside corners */ .checkout-steps .step-number:before, .checkout-steps .step-number:after, .checkout-steps .step-number span:before, .checkout-steps .step-number span:after { content:""; position:absolute; z-index:1; width:6px; height:6px; background: transparent; background-clip:padding-box; } .ie8 .checkout-steps .step-number:before, .ie8 .checkout-steps .step-number:after, .ie8 .checkout-steps .step-number span:before, .ie8 .checkout-steps .step-number span:after { display:none; } /* right */ .checkout-steps .step-number:before, .checkout-steps .step-number:after { left:100%; margin-left:-1px; } /* left */ .checkout-steps .step-number span:before, .checkout-steps .step-number span:after { right:100%; margin-right:-1px; } /* top */ .checkout-steps .step-number:before, .checkout-steps .step-number span:before { top:50%; margin-top:-9px; border-bottom:4px solid #fef4e4; } .checkout-steps .step-number:before { border-left: 4px solid #fef4e4; border-radius:0 0 0 15px; } .checkout-steps .step-number span:before { border-right:4px solid #fef4e4; border-radius:0 0 15px 0; } /* bottom */ .checkout-steps .step-number:after, .checkout-steps .step-number span:after { bottom:50%; margin-bottom:-9px; border-top:4px solid #fef4e4; } .checkout-steps .step-number:after { border-left: 4px solid #fef4e4; border-radius:15px 0 0 0; } .checkout-steps .step-number span:after { border-right:4px solid #fef4e4; border-radius:0 15px 0 0; } /* first & last */ .checkout-steps li:last-child .step-number:before, .checkout-steps li:last-child .step-number:after, .checkout-steps li:first-child .step-number span:before, .checkout-steps li:first-child .step-number span:after { display:none; } /* Modal */ .two-column > .col.login-col { margin-bottom:10px; } .two-column > .col.create-account-col { margin-top:10px; } .two-column .login-col form { padding-right:0; } .two-column .create-account-col form { padding-left:0; } .vertical-lines { position:relative; } .vertical-lines:before { content: ""; position: absolute; top:50%; bottom:auto; left:0; right:50%; margin-right:30px; width:auto; height:1px; } .vertical-lines:after { content: ""; position: absolute; top:50%; left:50%; right:0; margin-left:30px; width:auto; height:1px; } .vertical-lines-inner { position: static; width:auto; display:block; text-align:center; } /* Profile */ .nav-profile ul { margin:0 -20px -1px -20px; padding:0; } .nav-profile li a { width:79px; } .nav-profile li:first-child a { border-left: 0 none; } .box .submenu-wrapper .submenu-inner { right:-10px; } .box .submenu-wrapper .submenu:after { right:12px; } .box .submenu-wrapper .submenu:before { right:8px; } /* Dashboard */ .submenu-wrapper.icn-provider-card .submenu-inner, .grid-dashboard .grid-item:nth-child(even) .icn-provider-card .submenu-inner { left:-180px; right:auto; } .submenu-wrapper.icn-provider-card .submenu:after, .grid-dashboard .grid-item:nth-child(even) .icn-provider-card .submenu-inner .submenu:after{ left:181px; } .submenu-wrapper.icn-provider-card .submenu:before, .grid-dashboard .grid-item:nth-child(even) .icn-provider-card .submenu-inner .submenu:before { left:177px; } /* Group Account */ .table-titles { padding-top: 10px; } .table-titles .search-form { margin-bottom:0; } .table-titles .search-wrapper { width:100%; padding-right:0; -moz-box-sizing:border-box; box-sizing:border-box; } .table-titles .search-form .search-wrapper input { height:36px; width:100%; line-height:23px; margin-right:0; -moz-box-sizing:border-box; box-sizing:border-box; } .table-titles .checkbox-assigned-codes { float: left; } /* Notifications */ .grid-notifications { margin:0 -5px; } .grid-notifications .box { margin:3px; border:1px solid #fdeace; } .grid-notifications .box-height { height: auto; } .grid-list.grid-dashboard{ margin: 0 -20px 20px} .grid-dashboard .collapsible-content{ margin: 0 0 30px} .grid-dashboard + .hr{ display: none;} .submenu-wrapper.icn-express-shipping{ margin: 5px 0; display: block;} .submenu-wrapper.icn-express-shipping .submenu-inner{right: -700%;} .submenu-wrapper.icn-express-shipping .submenu-inner .submenu:before, .submenu-wrapper.icn-express-shipping .submenu-inner .submenu:after{right:58%} .submenu-wrapper.icn-express-shipping .submenu-inner .submenu:after {margin-right: 4px} /* Show query info */ .page:after{ content:'Media query: Max 600px'; color:#FD7DD4;} /* Banner */ .banner { padding-top: 15px; } .banner h2 span:after, .banner h2 span:before { background: none; } .banner-close { top: -25px; right: 15px; } } /* --------------------------------------------------------------------------------------------------- iPhone Landscape 480 --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:480px) { /* General */ .resp-hide-480 { display:none; } /* Remove sticky footer */ .page { height:auto; min-height:0; overflow:visible;/*for tooltips at the bottom of page*/ } .content-wrapper { padding-bottom:0; } .page-footer { height:auto; margin-top:0; } .footer-secondary .copyright br { display:block; } /* Smaller headings */ h1, .heading1 { font-size:28px; } table.colored th { padding:5px 6px 4px; } table.colored td { padding:5px 6px 4px; } /* Reusable */ .modal-context { overflow:hidden; } .modal-container { margin:0; -moz-box-sizing:border-box; box-sizing:border-box; min-width:320px; max-width:100%; width:100% !important; height:100% !important; border-radius:0; overflow:auto; box-shadow:none; } .modal-close { display:block; } .modal-important .modal-title { border-radius:0; } /* Centered button with lines on the sides ---> full width button */ .side-lines { text-align:center; overflow:hidden; margin-bottom:40px; } .side-lines-inner { display:block; width:100%; padding:0 7px; -moz-box-sizing:border-box; box-sizing:border-box; } .side-lines-inner:before, .side-lines-inner:after { display:none; } .side-lines-inner .btn-1 { width:100%; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:0; } /* Static tooltip */ .tooltip-wrapper { } .tooltip-wrapper .tooltip { position: relative; top: auto; z-index: 1; width: auto; margin-left: -23px; margin-right: -23px; padding-right: 20px; padding-left: 20px; text-align: left; -moz-box-sizing: border-box; box-sizing: border-box; } /* Tolltip */ .tooltip-wrapper { z-index:auto; } /* Info icon tooltip */ .info-icn-block .tooltip-wrapper { text-align:right; } .info-icn-block .tooltip { position:absolute; left:-200px; width:280px; } .info-icn-block .tooltip:before { right:51px; left:auto; } .info-icn-block .tooltip:after { right:53px; left:auto; } .form-row.info-icn-block .tooltip-wrapper { text-align:right; } .form-row.info-icn-block .tooltip { position:absolute; left:auto; right:-10px; margin-right:0; text-align:left; width:auto; } .form-row.info-icn-block.short-row .tooltip:before { right:11px; left:auto; } .form-row.info-icn-block.short-row .tooltip:after { right:13px; left:auto; } .form-row.info-icn-block .tooltip.cc-tooltip { padding:0; height:auto; text-align:center; } .form-row.info-icn-block .tooltip.cc-tooltip:before { right:11px; left:auto; } .form-row.info-icn-block .tooltip.cc-tooltip:after { right:13px; left:auto; } /* top tooltip at the bottom */ .tooltip-top .tooltip:before { top:-11px; bottom:100%; border:11px solid transparent; border-bottom-color:#bd1e2c; border-bottom-width:9px; border-top:none; } .tooltip-top .tooltip:after { top: -6px; bottom:100%; border: 9px solid transparent; border-bottom-color:#fbfbfb; border-bottom-width:7px; border-top:none; } /* All tooltips centered inside button block */ .button-block .tooltip-wrapper { float:none !important; margin:0 !important; width:100%; text-align:center; } .button-block .tooltip-wrapper > a { margin:0 !important; display:inline-block; } .button-block .tooltip:before { right:auto !important; left:50% !important; margin-left:-5px; } .button-block .tooltip:after { right:auto !important; left:50% !important; margin-left:-3px; } .button-block .tooltip p { text-align:left; } .pager .btn-2 { width:63px; } .search-form { width:100%; -moz-box-sizing:border-box; box-sizing:border-box; } .medium-row, .short-row, .short-row.info-icn-block, .short-row.calendar, .short-row.select-block, .short-row.form-two-column, .short-row.form-three-column { max-width: none; } .form-row, .search-form { padding-right:0; } .form-row label, .form-row .word-count { margin-right:0; } .text-field, .form-row textarea, .form-row select { -moz-box-sizing:border-box; box-sizing: border-box; } .text-field, .form-row select { height:37px; line-height:23px; } .number-field, .form-row .number-field { width:38px; } .form-row textarea { padding-top:8px; padding-bottom:8px; } .text-field.field-error, .text-field.valid { padding-right: 24px; } .validation-wrapper .text-field.field-error, .validation-wrapper .text-field.valid { padding-right: 0; } .calendar span.field-validation-error, .calendar span.field-validation-valid, .info-icn-block span.field-validation-error, .info-icn-block span.field-validation-valid { right: 45px; } .form-row.info-icn-block { padding-right:36px; } .form-row.info-icn-block .icn-info { margin-right:-35px; } .form-row.calendar { padding-right:36px; } .form-row.calendar label { width: 100%; } .form-row.calendar .text-field { float:none; width: 100%;} .button-block .note { width:100%; } .form-two-column .col { width:100%; float:left; } .form-two-column .col + .col { width:100%; } .form-three-column .col { width:100%; float:left; } .form-three-column .col + .col { width:100%; } .form-three-column .col + .col + .col { width:100%; } .form-threequarter-column .col { width:100%; float:left; } .form-threequarter-column .col + .col { width:100%; } .form-cc-column .col { width:100%; } .form-cc-column .col + .col { width:100%; } .form-cc-column .col .cvv-expiration-month .form-row { padding-left:0; } /* unsubscribe view labels */ .input-icon-name .unsubscribe-checkboxes label { display: block; } /* input icons */ .input-icon-name label, .input-icon-organization label, .input-icon-address label, .input-icon-cc label, .input-icon-cvv label, .input-icon-bank label, .input-icon-no label, .input-icon-discount label, .input-icon-email label, .input-icon-password label, .input-icon-phone label { display: none; } .input-icon-name input, .input-icon-organization input, .input-icon-address input, .input-icon-cc input, .input-icon-cvv input, .input-icon-bank input, .input-icon-no input, .input-icon-discount input, .input-icon-email input, .input-icon-password input, .input-icon-phone input { padding-left: 50px; background-repeat: no-repeat; background-position: left top; } .input-icon-name input { background-image:url('images/input-icon-name.png'); } .input-icon-organization input { background-image:url('images/input-icon-organization.png'); } .input-icon-address input { background-image:url('images/input-icon-address.png'); } .input-icon-cc input { background-image:url('images/input-icon-cc.png'); } .input-icon-cvv input, .input-icon-password input { background-image:url('images/input-icon-lock.png'); } .input-icon-bank input { background-image:url('images/input-icon-bank.png'); } .input-icon-no input { background-image:url('images/input-icon-no.png'); } .input-icon-discount input { background-image:url('images/input-icon-discount.png'); } .input-icon-email input { background-image:url('images/input-icon-email.png'); } .input-icon-phone input { background-image:url('images/input-icon-phone.png'); } .input-icon-name span.field-validation-error, .input-icon-name span.field-validation-valid, .input-icon-organization span.field-validation-error, .input-icon-organization span.field-validation-valid, .input-icon-address span.field-validation-error, .input-icon-address span.field-validation-valid, .input-icon-cc span.field-validation-error, .input-icon-cc span.field-validation-valid, .input-icon-cvv span.field-validation-error, .input-icon-cvv span.field-validation-valid, .input-icon-bank span.field-validation-error, .input-icon-bank span.field-validation-valid, .input-icon-no span.field-validation-error, .input-icon-no span.field-validation-valid, .input-icon-discount span.field-validation-error, .input-icon-discount span.field-validation-valid, .input-icon-email span.field-validation-error, .input-icon-email span.field-validation-valid, .input-icon-password span.field-validation-error, .input-icon-password span.field-validation-valid, .input-icon-phone span.field-validation-error, .input-icon-phone span.field-validation-error { top: 13px; } /* Home Page */ .slider-nav { bottom:3px; } .slide-title { margin:0.2em 0; font-size:26px; text-align:left; } .slide-title em, .slide-title strong { display:inline; color:inherit; font-size:inherit; font-family:'Trade Gothic W01 Cn 18',sans-serif; text-shadow:1px 1px #51131a; } .slide-title em:before, .slide-title em:after { display:none; } /* Slide #3 */ /* Content */ .slide-four-column .col-title { font-size:18px; } .slide-four-column .col-content p { font-size:13px; } /* Slide #1 */ .slide-column-pairs .col + .col .col-title { padding-left:21px; } .slide-four-column .col .col-inner { padding:4px 6px; line-height:0.9; } .slide-four-column .col:first-child .col-inner { padding:14px 6px 4px 6px; } .slide-four-column .col:last-child .col-inner { padding:4px 6px 14px 6px; } /* Content */ .slide-column-pairs .col-header { } .slide-column-pairs .col-content { } .slide-column-pairs .col-title { float:none; margin:0 0 10px -25px; width:auto; } .slide-column-pairs .col-title span { display:inline; padding-left:5px; font-size:20px; position:relative; top:-2px; } .slide-column-pairs .btn-1 { position:static; float:none; margin:0 0 0 -14px; width:94px; font-size:16px; line-height:34px; height:32px; z-index:1; } /* Slide #2 */ .tab-navigation { } .tab-navigation a { padding-right:7px; padding-left:7px; } .tab-navigation a.tab-active { padding-right:7px; padding-left:7px; } /* Special ACLS/PALS exam in progress message */ .tab-content .special-message .default-messages-container { margin-top:70px; margin-bottom:70px; padding-right:10px; padding-left:10px; } /* Slide #4 */ .slide-two-column .switch-wrapper .btn-switch .btn-threeway-switch { margin: 10px -10px; width: auto; max-width: 480px; min-width: 305px; font-size: 19px; } .slide-two-column .col .col-inner { margin:0 -10px; } .slide-two-column .col .col-content { padding-right:10px; } .slide-two-column .slide-bottom { margin-top:10px; } .slider-nav { margin:0 auto; width:117px; } .slider-nav a { margin:0 12px; width:15px; height:15px; border-radius:7px; text-indent:-500px; overflow:hidden; background:rgba(81,19,26,0.3); } .slider-nav a.active { background:rgba(81,19,26,0.65); } /* Landing Secondary */ .landing-secondary .col-left, .landing-secondary .col-right, .landing-secondary .col-single { padding-top:15px; padding-bottom:10px; } .discounts-table { margin-bottom:0; } /* cover GSP border */ .redeem-code .tooltip, .code-redeemed .tooltip { margin-bottom:-21px; } /* News */ .page-home .section-news .news-post { margin:0 -20px -1px; padding:5px 20px 10px 115px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; } .page-home .section-news .news-post .post-image { margin-left:-95px; width:85px; height:85px; } .page-home .section-news .news-post .post-meta { margin-bottom:0; } .page-home .section-news .news-post .post-content { display:none; } /* Stories */ .section-stories-header { margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #efefef; } .stories-header-inner { padding-top:5px; } .stories-header-inner p { display:none; } .stories-header-inner .btn-1 { position:static; } .section-stories .stories-more-link { top:100px; right:20px; left:auto; bottom:auto; z-index:0; font-size:14px; } /* Cover more stories link */ .section-stories p { position:relative; background:#fff; z-index:1; } .post-footer .social-links { float:left; } .post-footer .social-links a { margin-left:0; margin-right:10px; } /* Larger links */ .social-links, .social-links a { height:33px; } .social-links a { margin:0 0 0 19px; width:35px; background-image:url(images/icns-social.png); } .social-links .icn-facebook { background-position: 0 0; } .social-links .icn-google { background-position:-108px 0; } .social-links .icn-twitter { background-position: -54px 0; } .social-links .icn-facebook:hover { background-position: 0 -43px; } .social-links .icn-google:hover { background-position:-108px -43px; } .social-links .icn-twitter:hover { background-position: -54px -43px; } /* Register Page */ .group-savings-block .col-left, .group-savings-block .col-right { float:none; width:auto; text-align:left; } .group-savings-block .col-left { margin:0 0 24px; padding-bottom:24px; border-right:none; border-bottom:1px solid #efefef; } .steps { padding-right:0; border-right:none; } /* Education */ /* Case Study Library */ .grid-list .special-message .default-messages-container { text-align:center; } .grid-list .special-message .caution-user-message-container { padding-left:0; } .grid-list .special-message .default-messages-container ins { position:static; top:20px; left:20px; margin:0 auto 15px; } .grid-list .special-message .default-messages-container .btn-1 { display:inline-block; float:none; } /* Case Study */ .resp-btn-full-width { margin-right:0; margin-bottom:20px; margin-left:0; width:100%; -moz-box-sizing:border-box; box-sizing:border-box; } .button-block { text-align:center; } .button-block .btn-1, .button-block a, .button-block a.input, .button-block .text-between { float:none; display:inline-block; } .button-block .note { text-align:left; } /* Study Materials */ .purchase-summary-container { margin:-35px -20px -15px; padding:17px 20px 20px; background:#fffef7; border-top:3px solid #bf1e2e; border-bottom:3px solid #bf1e2e; } .purchase-summary-container .order-collapse { display:none; } .purchase-summary-container .order-toggle { position:relative; margin-right:-20px; margin-left:-20px; padding:0 150px 0 20px; border-bottom:1px solid #fdeace; cursor:pointer; } .purchase-summary-container .order-toggle dt, .purchase-summary-container .order-toggle dd { color:#982632; font-size:20px; text-transform:uppercase; font-family:'TradeGothicW01-BoldCn20 675334',sans-serif; } .purchase-summary-container .order-toggle dt { text-align:left; } .purchase-summary-container .order-toggle dt:before { content:"Order "; } .purchase-summary-container .order-toggle dd { } .purchase-summary-container .order-toggle dd:after { content:""; position:absolute; top:-1px; right:20px; width:27px; height:27px; border-radius:13px; background-clip:padding-box; text-indent:-500px; overflow:hidden; background:#f9ae40 url(images/icns-arrows.png) no-repeat 7px 9px; } .purchase-summary-container .order-toggle:hover dd:after { background-color:#f8b95c; } .purchase-summary-container .button-block { text-align:left; padding:0; margin:0; } .purchase-summary-container .button-block .btn-1 { width:160px; } /* Press */ .event-list .post-summary { padding-left:0; } .event-list .post-image { float:none; margin:0 0 10px; width:100%; } /* Checkout Page */ .checkout-header { border-bottom:0 none; } .checkout-steps .step-text { margin:5px 0 0 5px; font-size:14px; line-height:20px; } .order-summary-container .button-block .btn-1 { margin: 0; width: 100%; } .suggested-materials-bg { margin:0 -20px -15px; padding:20px; background:#fffef7; border-top:3px solid #bf1e2e; border-bottom:3px solid #bf1e2e; } .materials-block { margin:0 -20px; padding:0 20px; border-top:solid 1px #fbd9a6; padding-top:20px; margin-top:20px; } .materials-block:first-child { border-top:0 none; padding-top:0; margin-top:0; } .info-icn-block.purchase-quantity { margin-top:5px; } .info-icn-block.purchase-quantity label { width:180px; } .info-icn-block.purchase-quantity .icn-info { position:absolute; left:200px; } .info-icn-block.purchase-quantity .icn-info .tooltip { margin-left: 0px; } .order-confirm .hr-red { display:none; } .box.order-summary { margin: 0 -20px -25px; border-left: 0 none; border-right: 0 none; border-top: 3px solid #bf1e2e; border-bottom: 3px solid #bf1e2e; } .order-summary .purchase-summary.provider-cards { margin-top:0; } .purchase-materials h4 { padding-left:0; } .form-cc-column .col { width:100%; } .form-cc-column .col + .col { width:100%; } .form-cc-column .col .cvv-expiration-month .form-row { padding-left:0; } .button-block .note { width:100%; } /* About Us */ .testimonials-title { margin-bottom:15px; } /* Profile */ .grid-dashboard .expanding th:nth-child(2), .grid-dashboard .expanding td:nth-child(2), .grid-dashboard .expanding th:nth-child(4), .grid-dashboard .expanding td:nth-child(4){ display: none;} .submenu-wrapper.icn-express-shipping .submenu-inner {right: -443%;} .submenu-wrapper.icn-express-shipping .submenu-inner .submenu:before, .submenu-wrapper.icn-express-shipping .submenu-inner .submenu:after {right: 48%;} .submenu .btn-2 + .text-light{ font-size: 12px;} .box-height { height:auto; min-height:0; } /* Group Account */ .assigned-codes th:nth-child(4), .assigned-codes td:nth-child(4) { display:none; } .recertification-form .form-three-column .col { width: 100%; } .recertification-form .form-three-column .col + .col + .col { width: 100%; } .recertification-form .button-block { margin-top:5px; } .unassigned-code-box .checkbox-radio-block { width:100%; padding-right:0; } .unassigned-code-box .checkbox-radio-block.inline label { width:auto; float: none; margin-right:0; } .recertification-form .input-icon-email input { width: 100% } /* Show query info */ .page:after{ content:'Media query: Max 480px'; color:#9BD84E;} } /* --------------------------------------------------------------------------------------------------- 400 --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 400px) { .nav-profile a.icn-group { display: none; } } /* --------------------------------------------------------------------------------------------------- iPhone Portrait 320 --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width:320px) { /* General */ .resp-hide-320 { display:none; } .page { min-width:320px; } /* Footer */ .footer-col-3 { max-width:480px; } /* Home Page */ .landing-secondary .discounts-table { margin-right:auto; margin-left:auto; } /* Study Materials */ .purchase-summary-container .purchase-materials h3 { margin-right:40px; } /* Press */ .event-list .post-summary { padding-bottom:0; } .event-list .post-content { display:none; } /* Checkout Page */ .purchase-summary { padding-right:0; } /* Profile */ .grid-dashboard .expanding th:nth-child(5), .grid-dashboard .expanding td:nth-child(5){ display: none;} .order-products .purchase-summary{ margin: 0; padding: 0 0 10px} .purchase-summary .purchase-items{ float: none} .purchase-summary .purchase-quantity{ float: none; width: auto; margin: 0; text-align: left} html.fixed{ overflow: hidden;} .order-details{position: fixed; top:0; right:0; bottom:0; left:0; background: #FFF; margin: 0; z-index: 1000; padding: 20px; box-sizing:border-box; overflow:auto; } .order-details h2{ position:relative; margin: -20px -20px 5px; padding:7px 55px 6px 20px; background:#bd1e2c url(images/bg-modal-title.jpg) repeat 0 0; border-bottom:1px solid #89212c; color: #FFF; font-family:'Trade Gothic W01 Cn 18'; font-weight:normal; font-size:26px; line-height:1.15em; text-transform:uppercase; } .order-details h2:after { content:''; position:absolute; top:100%; left:0; margin-top:1px; height:3px; width:100%; background:#bd1e2c; } .order-details .col.order-meta{ margin-top: 15px;} .order-details .box-in-table{ border: none; padding: 0;} .order-details .order-upgrade{ border-bottom: #efefef solid 1px; border-top:#efefef solid 1px; padding: 10px 0; margin: 0 0 15px;} .order-details dl.checkout{ padding-right: 94px;} /* Show query info */ .page:after{ content:'Media query: Max 320px'; color:#FD7DD4;} } /* --------------------------------------------------------------------------------------------------- Larger logo image for retina display --------------------------------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .logo { width:309px; height:90px; background:url(images/logo-text-retina.png) no-repeat scroll 0 0; background-size:auto 100%; } .logo img { display:none; } } @media only screen and (max-width:900px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width:900px) and ( min--moz-device-pixel-ratio: 2), only screen and (max-width:900px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (max-width:900px) and ( min-device-pixel-ratio: 2), only screen and (max-width:900px) and ( min-resolution: 192dpi), only screen and (max-width:900px) and ( min-resolution: 2dppx) { .logo { width:197px; height:78px; background:url(images/logo-text-small-retina.png) no-repeat scroll 0 0; background-size:auto 100%; } .logo img { display:none; } } @media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width:768px) and ( min--moz-device-pixel-ratio: 2), only screen and (max-width:768px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (max-width:768px) and ( min-device-pixel-ratio: 2), only screen and (max-width:768px) and ( min-resolution: 192dpi), only screen and (max-width:768px) and ( min-resolution: 2dppx) { .logo { width:100px; height:100px; background:url(images/logo-retina.png) no-repeat scroll 0 0; background-size:auto 100%; } .logo img { display:none; } } @media only screen and (max-width:600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width:600px) and ( min--moz-device-pixel-ratio: 2), only screen and (max-width:600px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (max-width:600px) and ( min-device-pixel-ratio: 2), only screen and (max-width:600px) and ( min-resolution: 192dpi), only screen and (max-width:600px) and ( min-resolution: 2dppx) { .logo { width:258px; height:88px; background-image:url(images/logo-mobile-retina.png); background-size:auto 100%; } }