.article-ad-slot{ border-bottom: solid 1px #EEE; border-top: solid 1px #EEE; padding: 20px 0; margin: 20px 0; } .article-ad-slot > div{ width: auto; text-align: center; margin: auto; } .article-ad-slot p{ text-align: center !important; font-size: 12px !important; line-height: 18px !important; margin: 0 0 10px 0 !important; text-transform: uppercase !important; } .mobile-advertisement{ clear: both; padding: 15px 0; } #ADCALL_601 [id^=google_ads_iframe] iframe{ float: left; width: 100% !important; margin-top: -20px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { html, article .article-body section.flexible .row h3, #companyNews a, .sub-channel h4, .compare-products h3, .drop-down-menu h1, .issue-archive time, #main-header-navigation nav .headr-tagline a, #full-width-footer, #full-width-footer strong, #mostArticleTabs h3, .privacy-blk li, .contact-full-blk p, .sc-congress-outerbox, #scCongressRcol.sc-congress-outerbox, .sc-virtual-outerbox, .sc-bg-box .caption-txt, .sc-virtual-footer .foot-left p, .sc-virtual-conf-outerbox, #scTweets, #scTweets .timePosted a, .sc-subhub .sc-subTop .righty .sc-sub-body, .box-title, .box-text, .credit-text, .sectionHeadline, .sub-channel .singleitem-content .box-title a, .sub-channel .box-text, .sub-channel .channel-feature-content .box-title a, .channel-grid .vid-singleitem-content .box-title, .native-ad-wrapper .blurb { font-family: 'LatoRegular' !important; font-weight: normal !important; } #main-header-navigation nav>ul.navigation>li>a, #main-header-navigation nav>ul.login-register>li>a, h2.sub-title, b, .search-suggestion a, article .article-body table tr>th, article .article-body h1, article .article-body h2, article .article-body h3, article .article-body h4, article .article-body h5, article .article-body h6, time, .sub-title, .relatedReviews h3, .label, .hamburger-menu-button span, .product-reviews .quickview-button a, .block-label, .list .author-date, .compare-label, article .article-body section.flexible h3, article .article-body section.flexible .author-date, .blog-header h1, .blog-next-previous a span, .author-date, .search-results ul>li:first-child, .search-results ul>li a.active, #search-filter>div:first-child a, #search-filter h3, #search-filter .filter-choices>li, #reviewContent .productSpecLabel, #reviewContent #companyNews, .drop-down-menu header h3, .drop-down-menu footer h3, .region-header h2.sub-title-region, .sectionByline, .sectionDate, section.flexibleTagsTags li a, .sub-channel.channel-news-featr .grid-asset-title, .sub-channel.channel-news-featr .feature-more-assets .assets-side-by-side a, .channel-showcase .credit-wrapper .box-text, .channel-showcase .credit-wrapper span, .compare-products h1, .compare-products button, .sort-labels div, .indiv-products .rate-verdict, .container-error-compare-products, #container-products-to-add h1, #fixed-footer-login-register .field-error, #fixed-footer-login-register .clse-free-signup i span, .modal-box-skin .notification, #mostPopularTab li a, .sc-congress-bg-box h3.sc-congress-title, .sc-congress-footer .foot-left .credit-info, #scCongressRcol .sc-congress-bg-box h3.sc-congress-title, #scCongressRcol .sc-congress-footer .foot-left .credit-info, .sc-bg-box .timestamp, .sc-bg-box h3.sc-virtual-title, .sc-virtual-footer .foot-left .credit-info, .sc-virtual-footer .foot-action, .sc-virtual-conf-bg-box .sc-virtual-conf-timestamp, .sc-virtual-conf-bg-box h3.sc-virtual-conf-title, .sc-virtual-conf-footer .sc-virtual-conf-foot-action, .theme-form .form-newsletter label, .theme-form .form-notification, #scTweets .tweet, .webcasts .webcast-filter li:nth-child(1), .sc-subhub .sc-subTop .righty .sc-sub-title, .sc-subhub .sc-sub-bottom .sc-sub-title, .dark-back.scjoin span, .box-title, .quickview-txt, .date-txt, .sectionByline span, .sectionByline div, .sub-channel .channel-feature-content span, .channel-grid .vid-singleitem-content span, .see-all-btn, .native-ad-wrapper .img-container p, .channel-header ul li a, .channel-showcase .singleFormatTitle, #fixed-footer-login-register input[type="text"], #fixed-footer-login-register input[type="password"], #fixed-footer-login-register input[type="email"], #fixed-footer-login-register select, #paginationWrapper, .sc-virtual-header .badge-rgt b, .theme-form input[type="text"], .theme-form input[type="password"], .theme-form input[type="email"], .theme-form select, .webcasts .webcast-filter li select, .list-border h2, .sub-channel .sc-sub-headlines, .sub-channel .singleFormatTitle { font-family: 'LatoBold' !important; font-weight: normal !important; } .product-reviews .quickview-text p, .product-reviews .quickview-text .label, .highlight, #main-header-navigation nav>ul.sites>li>a, #main-header-navigation ul.drop-down-menu a, #main-header-navigation ul.link-list a, .overall-rating, .region-header h2, .region-header h3, .region-footer h2, .region-footer h3, .topicHeadline, #container-hmn-registration .jumbo-title, .wide-newsletter .btn, .wide-newsletter button, #container-hmn-registration .btn, #container-hmn-registration button, .channel-header .title, #fixed-footer-login-register h1, #fixed-footer-login-register button, #mostPopularTab li:before, .privacy-blk .articleHeadline, section .asset-title, .privacyHeadline, .contact-full-blk .cont-heading, .contact-full-blk .sub-red-head, .theme-form h1, .theme-form input[type="submit"], #scTweets a, .webcasts>h1, .query-asset-title, .wide-newsletter h2, .dark-back .title-text, .dark-back .sc-signup-btn input, .articleFormatTitle, .showcaseformat-content .box-title a, .featureditem-content .box-title a, #container-hmn-registration .regLog-titleTop, #container-hmn-registration label, #container-hmn-registration button, #login #divLoginEmail span a.forgetPassword, #login #divLoginEmail ul label, #register #divLoginEmail ul label, #fixed-footer-login-register header h2, #fixed-footer-login-register h3, #fixed-footer-login-register h4, #fixed-footer-login-register label, .webcasts .webcast-filter li a, .fire-checkbox-wrap label, .sc-checkbox label, .showcaseformat-content .singleFormatTitle, .featureditem-content .singleFormatTitle, .inline-form input#emailAlertsSubmit { font-family: 'LatoBlack' !important; font-weight: normal !important; } i, article .annotation, article blockquote { font-family: 'LatoItalic'; font-weight: normal; } } @-moz-document url-prefix() { html, article .article-body section.flexible .row h3, .drop-down-menu h1, .issue-archive time, #companyNews a, .sub-channel h4, .compare-products h3, #main-header-navigation nav .headr-tagline a, #full-width-footer, #full-width-footer strong, #mostArticleTabs h3, .privacy-blk li, .contact-full-blk p, .sc-congress-outerbox, #scCongressRcol.sc-congress-outerbox, .sc-virtual-outerbox, .sc-bg-box .caption-txt, .sc-virtual-footer .foot-left p, .sc-virtual-conf-outerbox, #scTweets, #scTweets .timePosted a, .sc-subhub .sc-subTop .righty .sc-sub-body, .box-title, .box-text, .credit-text, .sectionHeadline, .sub-channel .singleitem-content .box-title a, .sub-channel .box-text, .sub-channel .channel-feature-content .box-title a, .channel-grid .vid-singleitem-content .box-title, .native-ad-wrapper .blurb { font-family: 'LatoRegular' !important; font-weight: normal !important; } #main-header-navigation nav>ul.navigation>li>a, #main-header-navigation nav>ul.login-register>li>a, h2.sub-title, b, .search-suggestion a, article .article-body table tr>th, article .article-body h1, article .article-body h2, article .article-body h3, article .article-body h4, article .article-body h5, article .article-body h6, time, .sub-title, .relatedReviews h3, .label, .hamburger-menu-button span, .product-reviews .quickview-button a, .block-label, .list .author-date, .compare-label, article .article-body section.flexible h3, article .article-body section.flexible .author-date, .blog-header h1, .blog-next-previous a span, .author-date, .search-results ul>li:first-child, .search-results ul>li a.active, #search-filter>div:first-child a, #search-filter h3, #search-filter .filter-choices>li, #reviewContent .productSpecLabel, #reviewContent #companyNews, .drop-down-menu header h3, .drop-down-menu footer h3, .region-header h2.sub-title-region, .sectionByline, .sectionDate, section.flexibleTagsTags li a, .sub-channel.channel-news-featr .grid-asset-title, .sub-channel.channel-news-featr .feature-more-assets .assets-side-by-side a, .channel-showcase .credit-wrapper .box-text, .channel-showcase .credit-wrapper span, .compare-products h1, .compare-products button, .sort-labels div, .indiv-products .rate-verdict, .container-error-compare-products, #container-products-to-add h1, #fixed-footer-login-register .field-error, #fixed-footer-login-register .clse-free-signup i span, .modal-box-skin .notification, #mostPopularTab li a, .sc-congress-bg-box h3.sc-congress-title, .sc-congress-footer .foot-left .credit-info, #scCongressRcol .sc-congress-bg-box h3.sc-congress-title, #scCongressRcol .sc-congress-footer .foot-left .credit-info, .sc-bg-box .timestamp, .sc-bg-box h3.sc-virtual-title, .sc-virtual-footer .foot-left .credit-info, .sc-virtual-footer .foot-action, .sc-virtual-conf-bg-box .sc-virtual-conf-timestamp, .sc-virtual-conf-bg-box h3.sc-virtual-conf-title, .sc-virtual-conf-footer .sc-virtual-conf-foot-action, .theme-form .form-newsletter label, .theme-form .form-notification, #scTweets .tweet, .webcasts .webcast-filter li:nth-child(1), .sc-subhub .sc-subTop .righty .sc-sub-title, .sc-subhub .sc-sub-bottom .sc-sub-title, .dark-back.scjoin span, .box-title, .quickview-txt, .date-txt, .sectionByline span, .sectionByline div, .sub-channel .channel-feature-content span, .channel-grid .vid-singleitem-content span, .see-all-btn, .native-ad-wrapper .img-container p, .channel-header ul li a, .channel-showcase .singleFormatTitle, #fixed-footer-login-register input[type="text"], #fixed-footer-login-register input[type="password"], #fixed-footer-login-register input[type="email"], #fixed-footer-login-register select, #paginationWrapper, .sc-virtual-header .badge-rgt b, .theme-form input[type="text"], .theme-form input[type="password"], .theme-form input[type="email"], .theme-form select, .webcasts .webcast-filter li select, .list-border h2, .sub-channel .sc-sub-headlines, .sub-channel .singleFormatTitle { font-family: 'LatoBold' !important; font-weight: normal !important; } .product-reviews .quickview-text p, .product-reviews .quickview-text .label, .highlight, #main-header-navigation nav>ul.sites>li>a, #main-header-navigation ul.drop-down-menu a, #main-header-navigation ul.link-list a, .overall-rating, .region-header h2, .region-header h3, .region-footer h2, .region-footer h3, .topicHeadline, #container-hmn-registration .jumbo-title, .wide-newsletter .btn, .wide-newsletter button, #container-hmn-registration .btn, #container-hmn-registration button, .channel-header .title, #fixed-footer-login-register h1, #fixed-footer-login-register button, #mostPopularTab li:before, .privacy-blk .articleHeadline, section .asset-title, .privacyHeadline, .contact-full-blk .cont-heading, .contact-full-blk .sub-red-head, .theme-form h1, .theme-form input[type="submit"], #scTweets a, .webcasts>h1, .query-asset-title, .wide-newsletter h2, .dark-back .title-text, .dark-back .sc-signup-btn input, .articleFormatTitle, .showcaseformat-content .box-title a, .featureditem-content .box-title a, #container-hmn-registration .regLog-titleTop, #container-hmn-registration label, #container-hmn-registration button, #login #divLoginEmail span a.forgetPassword, #login #divLoginEmail ul label, #register #divLoginEmail ul label, #fixed-footer-login-register header h2, #fixed-footer-login-register h3, #fixed-footer-login-register h4, #fixed-footer-login-register label, .webcasts .webcast-filter li a, .fire-checkbox-wrap label, .sc-checkbox label, .showcaseformat-content .singleFormatTitle, .featureditem-content .singleFormatTitle, .inline-form input#emailAlertsSubmit { font-family: 'LatoBlack' !important; font-weight: normal !important; } i, article .annotation, article blockquote { font-family: 'LatoItalic'; font-weight: normal; } } @media screen and (max-width:600px) { /*#main-header-navigation nav>ul.navigation>li>a, #main-header-navigation nav .login-register a, #main-header-navigation .drop-down-menu h3 { font-family: 'LatoBlack' !important; } #main-header-navigation .drop-down-menu>li>a, #main-header-navigation .drop-down-menu ul.link-list a, .author-info .author-avatar+.author-name { font-family: 'LatoBold' !important; }*/ } /*////////////////////////////////////////// THEME SCSS //////////////////////////////////////////*/ /*.product-reviews .quickview-text p, .product-reviews .quickview-text .label { font-family: 'GothamBlack'; } #main-header-navigation nav>ul.navigation>li>a, #main-header-navigation nav>ul.login-register>li>a, h2.sub-title, b, .search-suggestion a, article .article-body table tr>th, article .article-body h1, article .article-body h2, article .article-body h3, article .article-body h4, article .article-body h5, article .article-body h6 { font-family: 'GothamBold'; } html, article .article-body section.flexible .row h3, #companyNews a { font-family: 'GothamBook'; } i, article .annotation, article blockquote { font-family: 'GothamBookItalic' } time, .sub-title, .relatedReviews h3, .label, .hamburger-menu-button span, .product-reviews .quickview-button a, .block-label, .list .author-date, .compare-label, article .article-body section.flexible h3, article .article-body section.flexible .author-date, .blog-header h1, .blog-next-previous a span, .author-date, .search-results ul>li:first-child, .search-results ul>li a.active, #search-filter>div:first-child a, #search-filter h3, #search-filter .filter-choices>li, #reviewContent .productSpecLabel, #reviewContent #companyNews, .sectionByline, .sectionDate { font-family: 'GothamMedium'; } .highlight, #main-header-navigation nav>ul.sites>li>a, #main-header-navigation ul.drop-down-menu a, #main-header-navigation ul.link-list a, .overall-rating, .region-header h2, .region-header h3, .region-footer h2, .region-footer h3, .topicHeadline { font-family: 'GothamUltra'; }*/ /*////////////////////////////////////////// RESPONSIVE SCSS //////////////////////////////////////////*/ /*@media screen and (max-width:600px) { #main-header-navigation nav>ul.navigation>li>a, #main-header-navigation nav .login-register a, #main-header-navigation .drop-down-menu h3 { font-family: 'GothamBlack'; } #main-header-navigation .drop-down-menu>li>a, #main-header-navigation .drop-down-menu ul.link-list a, .author-info .author-avatar+.author-name { font-family: 'GothamMedium'; } }*/ /*////////////////////////////////////////// BUNDLE FOLDER //////////////////////////////////////////*/ /*section.flexibleTagsTags li a, .sub-channel.channel-news-featr .grid-asset-title, .sub-channel.channel-news-featr .feature-more-assets .assets-side-by-side a, .channel-showcase .credit-wrapper .box-text, .channel-showcase .credit-wrapper span, .compare-products h1, .compare-products button, .sort-labels div, .indiv-products .rate-verdict, .container-error-compare-products, #container-products-to-add h1, #fixed-footer-login-register .field-error, #fixed-footer-login-register .clse-free-signup i span, .modal-box-skin .notification, #mostPopularTab li a, .sc-congress-bg-box h3.sc-congress-title, .sc-congress-footer .foot-left .credit-info, #scCongressRcol .sc-congress-bg-box h3.sc-congress-title, #scCongressRcol .sc-congress-footer .foot-left .credit-info, .sc-bg-box .timestamp, .sc-bg-box h3.sc-virtual-title, .sc-virtual-footer .foot-left .credit-info, .sc-virtual-footer .foot-action, .sc-virtual-conf-bg-box .sc-virtual-conf-timestamp, .sc-virtual-conf-bg-box h3.sc-virtual-conf-title, .sc-virtual-conf-footer .sc-virtual-conf-foot-action, .theme-form .form-newsletter label, .theme-form .form-notification, #scTweets .tweet, .webcasts .webcast-filter li:nth-child(1), .sc-subhub .sc-subTop .righty .sc-sub-title, .sc-subhub .sc-sub-bottom .sc-sub-title, .dark-back.scjoin span, .box-title, .quickview-txt, .date-txt, .sectionByline span, .sectionByline div, .sub-channel .channel-feature-content span, .channel-grid .vid-singleitem-content span, .see-all-btn, .native-ad-wrapper .img-container p { font-family: 'GothamMedium'; } #container-hmn-registration .jumbo-title, .wide-newsletter .btn, .wide-newsletter button, #container-hmn-registration .btn, #container-hmn-registration button, .channel-header .title, #fixed-footer-login-register h1, #fixed-footer-login-register button, #mostPopularTab li:before, .privacy-blk .articleHeadline, section .asset-title, .privacyHeadline, .contact-full-blk .cont-heading, .contact-full-blk .sub-red-head, .theme-form h1, .theme-form input[type="submit"], #scTweets a, .webcasts>h1, .query-asset-title, .wide-newsletter h2, .dark-back .title-text, .dark-back .sc-signup-btn input, .articleFormatTitle, .showcaseformat-content .box-title a, .featureditem-content .box-title a{ font-family: 'GothamUltra'; } #container-hmn-registration .regLog-titleTop, #container-hmn-registration label, #container-hmn-registration button, #login #divLoginEmail span a.forgetPassword, #login #divLoginEmail ul label, #register #divLoginEmail ul label, #fixed-footer-login-register header h2, #fixed-footer-login-register h3, #fixed-footer-login-register h4, #fixed-footer-login-register label, .webcasts .webcast-filter li a, .fire-checkbox-wrap label, .sc-checkbox label, .showcaseformat-content .singleFormatTitle, .featureditem-content .singleFormatTitle, .inline-form input#emailAlertsSubmit{ font-family: 'GothamBlack'; } .channel-header ul li a, .channel-showcase .singleFormatTitle, #fixed-footer-login-register input[type="text"], #fixed-footer-login-register input[type="password"], #fixed-footer-login-register input[type="email"], #fixed-footer-login-register select, #paginationWrapper, .sc-virtual-header .badge-rgt b, .theme-form input[type="text"], .theme-form input[type="password"], .theme-form input[type="email"], .theme-form select, .webcasts .webcast-filter li select, .list-border h2, .sub-channel .sc-sub-headlines, .sub-channel .singleFormatTitle { font-family: 'GothamBold'; } .sub-channel h4, .compare-products h3, #main-header-navigation nav .headr-tagline a, #full-width-footer, #full-width-footer strong, #mostArticleTabs h3, .privacy-blk li, .contact-full-blk p, .sc-congress-outerbox, #scCongressRcol.sc-congress-outerbox, .sc-virtual-outerbox, .sc-bg-box .caption-txt, .sc-virtual-footer .foot-left p, .sc-virtual-conf-outerbox, #scTweets, #scTweets .timePosted a, .sc-subhub .sc-subTop .righty .sc-sub-body, .box-title, .box-text, .credit-text, .sectionHeadline, .sub-channel .singleitem-content .box-title a, .sub-channel .box-text, .sub-channel .channel-feature-content .box-title a, .channel-grid .vid-singleitem-content .box-title, .native-ad-wrapper .blurb{ font-family: 'GothamBook'; }*/ .flexibleTagsTags { float: left; width: 100%; padding: 20px 0 0 !important; border-bottom: none !important; margin-bottom: 0 !important; } section.flexibleTagsTags .btn:hover{ background-color: #3fa6ef; cursor: pointer; transition: all 300ms linear; transition-property: all; transition-duration: 300ms; transition-timing-function: linear; transition-delay: initial; } section.flexibleTagsTags.artTags h3 { float: left; margin-right: 10px; color: #000; text-transform: uppercase; line-height: 32px; } section.flexibleTagsTags.artTags ul { margin-top: 0; } section.flexibleTagsTags li { float: left; background-color: #fe0100; height: 32px; margin: 0 4px 20px; padding: 3px 10px; box-sizing: border-box; } section.flexibleTagsTags li a { color: #fff !important; font-family: 'GothamMedium'; font-size: 14px; text-transform: uppercase; } #container-hmn-registration .hmn-loader img { margin: 0 auto; } #container-hmn-registration .jumbo-title, #gatedMask #gatedPasswordResetWrapper .gatedFormText{ font-size: 41px; line-height: 41px; color: #fd0006; text-align: center; font-family: 'GothamUltra'; text-transform: uppercase; margin-bottom: 20px; } #container-hmn-registration{max-width: 1030px; margin: 0 auto;} #container-hmn-registration .regLog-titleTop{ font-family: 'GothamBlack'; text-align: center; padding: 20px 0; max-width: 750px; display: block; margin: 0 auto; font-size: 20px; } #container-hmn-registration span.Single{ display: inline-block; width: 29.3%; margin-right: 4%; margin-bottom: 1%; } #container-hmn-registration #divLoginEmail .Single:nth-child(4), #container-hmn-registration #divLoginEmail .Single:nth-child(7){ margin-right: 0; width: 31.1%; } #container-hmn-registration .requiredTxt{display: none} #container-hmn-registration input, #container-hmn-registration select, #gatedPasswordResetFormContent #divResetPwd input[type="password"], #gatedPasswordResetFormContent #divResetPwd2 input[type="password"]{ background-color: #d4d4d4 !important; color: #000 !important; width: 100%; } #gatedPasswordResetFormContent #divResetPwd input[type="password"], #gatedPasswordResetFormContent #divResetPwd2 input[type="password"]{ border: solid 1px #d5d5d5; border-radius: 3px; width: 100%; height: 52px; padding: 10px 1%; background-color: #f9f2f2; box-sizing: border-box; } #container-hmn-registration select{ padding-right: 3%; width: 100%; height: auto; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } #container-hmn-registration label{font-family: 'GothamBlack'; color: #000} #container-hmn-registration button{ text-transform: uppercase; font-size: 1.3em; padding: 15px 25px; } #container-hmn-registration .regLog-footer, #gatedPasswordResetFormContent .regLog-footer, #container-hmn-registration .legal-links, #fixed-footer-login-register .legal-links{ margin-top: 15px; display: block; font-size: 14px; font-family: 'GothamBlack'; line-height: 23px; } #container-hmn-registration .regLog-footer{ font-family: 'GothamBlack'; color: #fd0006; border-bottom: 1px solid #d4d4d4; padding: 30px 0 20px; } #container-hmn-registration .regLog-footer a, #gatedPasswordResetFormContent .regLog-footer a{ color: #000; } #container-hmn-registration input[type="checkbox"]{width: 20px; height: 20px;padding: 0 !important;margin: 3px 0 0 0 !important;cursor: pointer;} #container-hmn-registration .medic-regLog-button{float: right; position: relative; bottom: 60px;} #container-hmn-registration input.field-error-brdr, #container-hmn-registration select.field-error-brdr{border: 1px solid #fd0006;} #container-hmn-registration .field-error-line{padding-top: 10px; border-top: 1px solid #d4d4d4; color: #fd0006} #container-hmn-registration .footer-link, #gatedPasswordResetFormContent .footer-link{ font-family: 'GothamUltra'; font-size: 25px; color: #fd0006; text-align: center; padding: 40px 0 25px; text-transform: uppercase; } #container-hmn-registration .footer-link a, #gatedPasswordResetFormContent .footer-link a { color: #000 } .wide-newsletter .btn, .wide-newsletter button, #container-hmn-registration .btn, #container-hmn-registration button, { font-family: 'GothamUltra'; font-size: 1em; line-height: 28px; padding: 8px 20px; background-color: #fd0006; border:none; border-radius: 2px; color: #FFF; } .wide-newsletter .btn:hover, .wide-newsletter button:hover, #container-hmn-registration .btn:hover, #container-hmn-registration button:hover, .compare-products button:hover{ background-color: #3fa6ef; } .wide-newsletter .field, .wide-newsletter select, #container-hmn-registration .field, #container-hmn-registration input, #container-hmn-registration select{ background-color: #939393; border: none; padding: 12px 10px; color: #fff; border-radius: 2px; font-size: 16px; font-family: 'GothamBold'; margin-top: 10px; } .wide-newsletter .field.field-dropdown, .wide-newsletter select, #container-hmn-registration .field.field-dropdown, #container-hmn-registration select{ background-image: url('black-fire/images/SC_email_arrow.png'); background-repeat: none; background-repeat: no-repeat; background-position: 97% 50%; padding-right: 30px; -webkit-appearance: none; appearance: none; padding-right: 30px; } .wide-newsletter .field.field-dropdown::-ms-expand, .wide-newsletter select, #container-hmn-registration .field.field-dropdown::-ms-expand, #container-hmn-registration select { -webkit-appearance: none; appearance: none; } .wide-newsletter .field::-webkit-input-placeholder, #container-hmn-registration .field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: color; } .wide-newsletter .field::-moz-placeholder, #container-hmn-registration .field::-moz-placeholder { /* Firefox 19+ */ color: color; } .wide-newsletter .field:-ms-input-placeholder, #container-hmn-registration .field:-ms-input-placeholder { /* IE 10+ */ color: color; } .wide-newsletter .field:-moz-placeholder, #container-hmn-registration .field:-moz-placeholder { /* Firefox 18- */ color: color; } .wide-newsletter select.field, .wide-newsletter select, #container-hmn-registration select.field, #container-hmn-registration select{ -moz-appearance: none; height: 44px; width: 260px; } .wide-newsletter select::-ms-expand, #container-hmn-registration select::-ms-expand{ display: none; } #container-hmn-registration #requestResetPassword{ margin: 0 auto; padding: 0 75px; box-sizing: border-box; } #container-hmn-registration button{ background-color: #fd0006; border: none; color: #fff; font-family: 'GothamBlack'; border-radius: 3px; } #container-hmn-registration #requestResetPassword .Single, #container-hmn-registration #resetPassword .Single{ display: block; width: 100%; } #container-hmn-registration #requestResetPassword .medic-regLog-button{position: static;} #container-hmn-registration #requestResetPassword input, #container-hmn-registration #resetPassword input{ box-sizing: border-box; background-color: #d4d4d4 !important; color: #000 !important; width: 100%; padding: 15px 10px; border: none; border-radius: 2px; } #container-hmn-registration #requestResetPassword #divLoginEmail, #container-hmn-registration #requestResetPassword button{margin-top: 15px;} .multiple-column-asset h3.sub-title.related-content { color: #fd0006; } #login #divLoginEmail, #register #divLoginEmail { margin-left: 15px; } #login #divLoginEmail ul { margin-left: -36px; } #login #divLoginEmail ul .special-box, #register #divLoginEmail ul .special-box { margin-bottom: 5px; } #login #divLoginEmail span { position: relative; } #login #divLoginEmail span a.forgetPassword { margin-left: -50%; margin-top: 90px; font-family: 'GothamBlack'; color: #000; position: absolute; } #login #divLoginEmail span.Single, #register #divLoginEmail span.Single { display: block; width: 343px; margin-left: -15px; margin-right: 30px; float: left; } #login #divLoginEmail span.Single { width: 50%; } #login #divLoginEmail span.Single:nth-child(3) { margin-right: 0; } #register #divLoginEmail span.Single:nth-child(4), #register #divLoginEmail span.Single:nth-child(7){ margin-right: -2px; } #login #divLoginEmail span.Single input, #register #divLoginEmail span.Single input { height: 52px; padding: 0 20px; border-radius: 2px; box-sizing: border-box; } #login #divLoginEmail span.Single input { width: 100%; } #register #divLoginEmail span.Single select { width: 98%; height: 52px; box-sizing: border-box; } #login #divLoginEmail ul label, #register #divLoginEmail ul label { font-family: 'GothamBlack'; font-size: 14px; } #login .medic-regLog-button { margin-top: 15px; } #register .medic-regLog-button { margin-top: -40px; } aside div { margin-bottom: 20px; } #register #divLoginEmail .fire-list { width: 85% !important; padding-bottom: 20px !important; margin-left: -15px; } #register label.OptInHMIEmailsCheckbox { padding-left: 28px; } /*reset password Gated stuff*/ #container-hmn-registration #resetPassword{ width: 80%; margin: 0 auto; } #container-hmn-registration #resetPassword .jumbo-title{ margin-bottom: 0px; } #container-hmn-registration #resetPassword .regLog-titleTop{ width: 65%; margin: 0 auto; } #container-hmn-registration #resetPassword #divLoginEmail{ width: 70%; margin: 0 auto; } #container-hmn-registration #resetPassword .medic-regLog-button{ position: inherit; bottom: 60px; margin: 10px 15% 20px; } #container-hmn-registration #resetPassword .regLog-footer{ float: left; width: 100%; margin: -60px auto 0; padding: 0 0 0 15%; border-bottom: none; } #container-hmn-registration #resetPassword .footer-link{ margin-left: -30%; margin-top: 20px; } #chk-privacy-sc-uk, #chk-privacy-sc-uk + .special-box, #chk-terms-sc-uk, #chk-terms-sc-uk + .special-box{ display: none !important; } #chk-privacy-sc-uk + .special-box + .PrivacyMessageCheckbox{ margin-left: 20px; } #fixed-footer-login-register.ScUkBetaSticky #chk-privacy-sc-uk + .special-box + .PrivacyMessageCheckbox { margin-top: 25px; display: block; } @media screen and (max-height: 600px) { #container-hmn-registration .fire-list li, #container-hmn-registration .fire-list li.hmn-newsLHeader { display: inline-block; } #container-hmn-registration input[type="checkbox"] { margin: -4px 0 0 0 !important; } body #register #divLoginEmail ul .fire-checkbox-wrap input { float: none !important; position: static; margin-left: 0 !important; } } .channel-header h1 { display: none; } .channel-header .title { text-align: center; font-size: 2em; margin-top: 10px; margin-bottom: 10px; } .channel-header .title { font-weight: bold; font-family: 'GothamUltra'; } .channel-header { padding: 15px 0; margin-left: -10px; width: 1300px; max-width: 1300px; background-size: cover; background-color: #FFF; } .channel-header nav { background-color: transparent !important; padding: 0 !important; margin: 0 !important; } .channel-header ul { text-align: center; float: none !important; } .channel-header ul li { display: inline-block; margin-right: 20px; } .channel-header ul li a { font-family: 'GothamBold'; font-size: 15px; line-height: 21px; color: #000; } .channel-header ul li a:hover{ color: #3fa6ef; } .channel-header img { display: block; max-width: 100%; margin: 0 auto; } /* CHANNEL HEADER SUB THEMES*/ #main-header .Cyber .channel-header { background-color: #FBD907; } #main-header .Cyber .channel-header ul li a { color: #000 } .sub-channel h4{ font-family: 'GothamBook'; line-height: 1.3; height: 69px; font-size: 18px; } .sub-channel.channel-news-featr { background-color: #000000; padding: 30px 20px !important; color: #ffffff; } .sub-channel.channel-news-featr .grid-asset-image { float: left; margin-right: 30px; min-height: 300px; } .sub-channel.channel-news-featr .singleFormatTitle { float: none; font-size: 20px !important; margin-bottom: 10px; } .sub-channel.channel-news-featr .grid-asset-image img { width: 100%; } .sub-channel.channel-news-featr .grid-asset-title { font-family: 'gothamMedium'; font-size: 37px; line-height: 37px; margin-bottom: 10px; } .sub-channel.channel-news-featr .grid-asset-title a { color: #ffffff; } .sub-channel.channel-news-featr .author-name { text-transform: uppercase; font-size: 13px; margin-bottom: 10px; } .sub-channel.channel-news-featr .feature-more-assets { float: left; width: 64%; margin-top: 20px; } .sub-channel.channel-news-featr .feature-more-assets a { color: #ffffff; } .sub-channel.channel-news-featr .feature-more-assets .assets-side-by-side { float: left; width: 47%; /*margin-right: 40px;*/ } .sub-channel.channel-news-featr .feature-more-assets div:nth-child(2) { margin-right: 40px; } .sub-channel.channel-news-featr .feature-more-assets .assets-side-by-side a { font-size: 16px; font-family: 'gothamMedium'; } .channel-showcase { float: left; margin-bottom: 10px; } .channel-showcase img[class^="col"], .channel-showcase .credit-wrapper .box-text, .channel-showcase .credit-wrapper, .channel-showcase .credit-wrapper span, .channel-showcase .channel-article-text { float: left; } .channel-showcase img[class^="col"] { height: auto; } .channel-showcase .box-title { margin-bottom: 10px; } .channel-showcase .box-title a { font-size: 45px; line-height: 45px; text-transform: none; } .channel-showcase .singleFormatTitle { font-family: 'gothamBold'; font-size: 14px !important; text-transform: uppercase !important; } .channel-showcase .credit-wrapper { margin-bottom: 10px; } .channel-showcase .credit-wrapper .box-text, .channel-showcase .credit-wrapper span { width: auto; font-family: 'gothamMedium' !important; font-size: 13px !important; text-transform: uppercase !important; } .channel-showcase .credit-wrapper .box-text { margin: 0 5px 0 0; } .compare-products { position: relative; } .compare-products, .sort-products { float: left !important; width: 100% !important; padding-bottom: 20px !important } .sort-products { padding: 5px 0 !important; border-top: solid 1px #e6e6e6; } .sort-products .sort-labels { padding: 0; } .compare-products h1 { font-family: 'GothamMedium'; font-size: 18px; color: #eb0026; padding: 15px 0; text-transform: uppercase; } .compare-products h3 { float: left; font-family: 'GothamBook'; font-size: 18px; } .compare-products button { float: right; width: 200px; height: 34px; color: #fff; background-color: #fd0204; text-transform: uppercase; text-align: center; font-family: 'GothamMedium'; font-size: 13px; margin-top: -12px; padding: 12px; border: none; line-height: 12px; } .compare-products button:hover { transition: all 300ms linear; transition-property: all; transition-duration: 300ms; transition-timing-function: linear; transition-delay: initial; } /****************** SORTING ROWS **************************/ .sort-labels div { padding: 10px; box-sizing: border-box; } .sort-labels div{ font-family: 'GothamMedium'; font-size: 14px; color: #fd0204; text-transform: uppercase; background-color: #f6f6f6; } .indiv-products div:last-child, .indiv-products .star-ratings .rating-stars div { border-bottom: none; } .indiv-products { position: relative; border-right: solid 1px #e6e6e6; } .indiv-products div { border-bottom: solid 1px #e6e6e6; padding: 10px 0; box-sizing: border-box; } .indiv-products button { right: 8px; border: none; background: none; font-size: 25px; color: #999999; position: absolute; } .indiv-products button:hover { transition: all 300ms linear; transition-property: all; transition-duration: 300ms; transition-timing-function: linear; transition-delay: initial; color: #fd0204; } .sort-products .product-image { text-align: left; min-height: 280px; } .sort-products .product-image div { height: 150px; } .sort-products .product-image img { display: block; max-height: 125px; margin: 0 auto; } .sort-products .vendor-name { min-height: 63px; line-height: 63px; } .sort-products .prod-price { min-height: 70px; line-height: 70px; } .sort-products .star-ratings { min-height: 73px; line-height: 60px; } .sort-products .rate-strength { min-height: 70px; /*123px;*/ } .sort-products .rate-weekness { min-height: 103px; line-height: 103px; } .sort-products .rate-verdict { min-height: 188px; } .indiv-products .rate-verdict { font-family: 'GothamMedium'; } .sort-products .vendor-name span, .sort-products .rate-weekness span, .sort-products .prod-price span, .sort-products .star-ratings span { display: inline-block; vertical-align: middle; line-height: normal; } /****************** ADD ITEMS POPUP **************************/ .container-error-compare-products { display: none; float: left; width: 100%; text-align: center; border-top: solid 1px #e6e6e6; padding: 10px 0; font-family: 'GothamMedium'; } #container-products-to-add { display: none; width: 525px; position: absolute; background: #fff; z-index: 99; right: 10px; border: solid 1px #e6e6e6; margin-top: 22px; padding: 20px; box-shadow: 0px 0px 1px #888888; } .checkbox-add-another-product { position: absolute; right: 12px; margin-top: 6%; } .check-related-products { float: left; width: 100%; border-top: solid 1px #e6e6e6; padding: 10px 0; position: relative; } .check-related-products img { float: left; margin-right: 20px; } .check-related-products .small-stars { margin-top: 5px; } #container-products-to-add h1 { float: left; text-transform: uppercase; color: #fd0204; font-family: 'GothamMedium'; font-size: 14px; padding: 0 0 20px; } #container-products-to-add button { width: auto; margin-top: -5px; } #container-products-to-add button.btn-cancel { background-color: #fff; color: #000000; } .products-to-add { background-color: #fff !important; color: #000000 !important; border: solid 1px #e6e6e6 !important; } .duplicated-btn { float: left; width: 100%; padding-top: 25px; border-top: solid 1px #e6e6e6; } #pnlDisqusComments { border-bottom: solid 1px #d5d5d5; margin-bottom: 20px; } .commentsBlock { width: 100%; margin: 10px 0 20px 0; border-top: 1px solid #e6e5e5; font-family: Arial, Helvetica, Sans-Serif; } .commentsLoginRequired { border: 1px solid #CCC; background-color: #EEE; padding: 20px; margin: 0 0 20px 0; text-align: center; } .commentsLoginRequiredHeader { font-weight: bold; margin: 0 0 10px 0; font-size: 14px; } .commentsLoginRequired { text-align: center; } .commentsBlock a { color: #333; font-size: 12px; } #fixed-footer-login-register{ position: fixed; left:0; right: 0; bottom: -10%; background-color: #FFF; /*box-shadow: 0 -5px 15px -6px #3e3e3e;*/ padding: 20px 0; transition: bottom 300ms linear; border-top: solid 1px #666; } #fixed-footer-login-register.move{ bottom: 0; } #fixed-footer-login-register > .wrapper{ width: 1050px; padding: 0; margin: 0 auto; } #fixed-footer-login-register.ScUkBetaSticky > .wrapper { width: 1200px; } #fixed-footer-login-register h1{ font-family: 'GothamUltra'; font-size: 25px; line-height: 31px; color: #fd0006; text-transform: uppercase; text-align: center; } #fixed-footer-login-register .login-register{ display: none; border-bottom: solid 1px #d4d4d4; margin-bottom: 20px; padding-bottom: 20px; } #fixed-footer-login-register h1 a{ color: #000; } #fixed-footer-login-register h1 a:hover{ color: #3fa6ef; } #fixed-footer-login-register header h1{ font-size: 42px; line-height: 48px; } #fixed-footer-login-register header h2{ font-family: 'GothamBlack'; font-size: 20px; line-height: 26px; margin: 20px 0; } #fixed-footer-login-register.ScUkBetaSticky header h2 { margin: 20px auto; text-align: center; } #fixed-footer-login-register li{ display: inline-block; margin-right: 20px; margin-bottom: 10px; } #fixed-footer-login-register.ScUkBetaSticky li { margin-left: -21px; } #fixed-footer-login-register h3{ font-family: 'GothamBlack'; font-size: 19px; line-height: 25px; } #fixed-footer-login-register.ScUkBetaSticky h3 { margin-bottom: 15px; } #fixed-footer-login-register h4{ font-family: 'GothamBlack'; font-size: 16px; line-height: 22px; color: #fd0006; } #fixed-footer-login-register h4 a{ color: #000; } #fixed-footer-login-register h4 a:hover{ color: #3fa6ef; } #fixed-footer-login-register .form-field{ background-color: #d4d4d4; padding: 15px 20px; border-radius: 3px; position: relative; } #fixed-footer-login-register .field-error{ padding: 10px 15px; font-family: 'GothamMedium'; display: block; background-color: #ffc6c6; color: #c05c5c; } #fixed-footer-login-register .field-error:before{ content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } #fixed-footer-login-register div > .field-error:first-child{ padding-top: 15px; } #fixed-footer-login-register div > .field-error:last-child{ padding-bottom: 15px; } #fixed-footer-login-register input[type="text"], #fixed-footer-login-register input[type="password"], #fixed-footer-login-register input[type="email"], #fixed-footer-login-register select{ font-family: 'GothamBold'; font-size: 16px; line-height: 22px; border: none; padding: 0; width: 100%; height: auto; margin: 0; color:#000; background-color: transparent; } #fixed-footer-login-register input[type="text"], #fixed-footer-login-register input[type="password"], #fixed-footer-login-register input[type="email"]{ border-radius: 3px; margin:-15px -20px; padding:15px 20px; } #fixed-footer-login-register select{ border-radius: 3px; margin:-16px -20px; padding:16px 40px 16px 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 1px; } #fixed-footer-login-register select::-ms-expand{ display: none; } #fixed-footer-login-register .form-field > div:before{ content: "\f078"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fd0006; position: absolute; right: 20px; top:50%; margin-top:-8px; } #fixed-footer-login-register .form-field > div > div{ margin-right: -40px; } #fixed-footer-login-register input[type="checkbox"]{ width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } #fixed-footer-login-register input[type="checkbox"]:checked:after { content: '✔'; position: relative; transition: all .2s; font-size: 16px; line-height: 0.8; color: #FFF; top: 4px; left: 3px; float: left; font-weight: bold; } #fixed-footer-login-register button{ width: 100%; font-family: 'GothamUltra'; font-size: 22px; line-height: 28px; padding: 15px 20px; background-color: #fd0006; border:none; color: #FFF; transition: all 300ms linear; } #fixed-footer-login-register button:hover{ background-color: #3fa6ef; } #fixed-footer-login-register select{ cursor: pointer; } #fixed-footer-login-register label{ font-family: 'GothamBlack'; font-size: 14px; line-height: 23px; position: relative; top: -3px; } #fixed-footer-login-register.ScUkBetaSticky label { font-family: 'GothamMedium'; font-size: 15px; } #fixed-footer-login-register.ScUkBetaSticky label.PrivacyMessageCheckbox { margin-left: 25px; margin-top: 20px; } #fixed-footer-login-register.ScUkBetaSticky .privacyMsgChk { display: block; clear: both; } #fixed-footer-login-register.ScUkBetaSticky label.selectedNewlettersGroupCheckbox { font-family: 'GothamBlack'; font-size: 17px; padding-bottom: 10px; float: right; line-height: 30px; padding-left: 5px; } #fixed-footer-login-register .clse-free-signup{ /*display: none;*/ position: absolute; right: 20px; top: 29px; } #fixed-footer-login-register .clse-free-signup i { font-size: 25px; } #fixed-footer-login-register .clse-free-signup i span { float: right; font-size: 14px; font-family: 'GothamMedium'; text-transform: uppercase; margin-top: 5px; } #fixed-footer-login-register.ScUkBetaSticky .SCUKBetaForm { padding: 5px 0; } #fixed-footer-login-register.ScUkBetaSticky .SCUKBetaForm div[class^="col"] { padding: 0 6px; } #fixed-footer-login-register.ScUkBetaSticky .reg-btn { position: relative; padding: 0; } #fixed-footer-login-register.ScUkBetaSticky .reg-btn button { position: absolute; right: 0; top: -45px; text-transform: uppercase; width: 175px !important; text-align: center; } /* Fire Fox Only */ @-moz-document url-prefix() { #fixed-footer-login-register label{ right: 5px; } #fixed-footer-login-register input[type="checkbox"]{ position: relative; z-index: 1; opacity: .1; left: 23px; } #fixed-footer-login-register input[type="checkbox"]:checked + label:after{ content: '✔'; position: relative; transition: all .2s; font-size: 16px; line-height: 0.8; color: #FFF; top: 3px; left: 3px; float: left; font-weight: bold; } } /* IE10+ CSS styles go here */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #fixed-footer-login-register label{ right: 5px; } #fixed-footer-login-register input[type="checkbox"]{ position: relative; z-index: 1; opacity: .1; left: 23px; } #fixed-footer-login-register input[type="checkbox"]:checked + label:after{ content: '✔'; position: relative; transition: all .2s; font-size: 13px; line-height: 0.8; color: #FFF; top: 3px; left: 3px; float: left; font-weight: bold; } } /* IE Edge 12+ CSS styles go here */ @supports (-ms-accelerator:true) { #fixed-footer-login-register label{ right: 5px; } #fixed-footer-login-register input[type="checkbox"]{ position: relative; z-index: 1; opacity: .1; left: 23px; } #fixed-footer-login-register input[type="checkbox"]:checked + label:after{ content: '✔'; position: relative; transition: all .2s; font-size: 13px; line-height: 0.8; color: #FFF; top: 3px; left: 3px; float: left; font-weight: bold; } } @media screen and (max-height: 700px) { #fixed-footer-login-register.ScUkBetaSticky #chk-privacy-sc-uk + .special-box + .PrivacyMessageCheckbox { margin-top: 12px; } #fixed-footer-login-register.ScUkBetaSticky li { margin-bottom: 9px; } #fixed-footer-login-register.ScUkBetaSticky input[type="text"], #fixed-footer-login-register.ScUkBetaSticky input[type="password"], #fixed-footer-login-register.ScUkBetaSticky input[type="email"] { padding: 8px 20px; } #fixed-footer-login-register.ScUkBetaSticky .form-field { padding: 10px 20px; } #fixed-footer-login-register.ScUkBetaSticky .login-register { margin-bottom: 10px; padding-bottom: 10px; } #fixed-footer-login-register.ScUkBetaSticky header h2 { margin: 14px auto; text-align: center; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .product-reviews > .row{ display: block; } .product-reviews > .row > div { float: left; } } .special-box { width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-block; top: 1px !important; left: -5px; right: 0; z-index: 0; } #fixed-footer-login-register input[type="checkbox"], .fire-checkbox-wrap input[type="checkbox"]{ position: relative; z-index: 1; opacity: .1; left: 23px; } .fire-checkbox-wrap input[type="checkbox"]{ width: 18px; height: 18px; } .fire-checkbox-wrap .special-box{ position: relative; top: 4px !important; left: 0; } #fixed-footer-login-register input[type="checkbox"]:checked + label:after, .fire-checkbox-wrap input[type="checkbox"]:checked + label:after{ content: '✔'; position: relative; transition: all .2s; font-size: 16px; line-height: 0.8; color: #FFF; top: 3px; left: 3px; float: left; font-weight: bold; } .groupTestYear { font-weight: bolder; } .double ul{ width:760px; margin-bottom:20px; overflow:hidden; } .double li{ line-height:1.5em; float:left; display:inline; width:50%; } .double a { color: #000; } .review-ad-slot { font-size: 12px !important; text-align: center; } /* Fire Fox Only */ @-moz-document url-prefix() { .special-box { width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-block; top: 1px !important; left: -5px; right: 0; z-index: 0; } } /* IE 9 css hack */ .product-reviews > .row, .product-reviews > .row > div { display: block\9; } .product-reviews > .row > div { float: left\9; } /* IE10+ CSS styles go here */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .special-box { width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-block; top: 1px !important; left: -5px; right: 0; z-index: 0; } } /* IE Edge 12+ CSS styles go here */ @supports (-ms-accelerator:true) { .special-box { width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-block; top: 1px !important; left: -5px; right: 0; z-index: 0; } } /*SOME FIXES TO SCSS FOLDER*/ article.col-3 img{ float: none !important; } .multiple-column-asset article.col-3, .multiple-column-asset article.col-6{ min-height: auto !important; } .sub-channel, .channel-grid{ padding: 0 !important; } .sub-channel{ border-top:none !important; } .channel-grid{ padding-top: 20px !important; } .channel-grid .see-all-link{ margin: 15px 0 0 -10px !important; } .column-numb-set{ float: none !important; } .column-numb-set img{ float: none !important; padding: 0 !important; margin: 0 !important; width: 100%; } .showcaseformat-content{ width: 100% !important; } /*Nested rows*/ #reviewContent .col-12, #reviewContent .col-12 .col-8, #reviewContent .col-12 .col-4 { float: left !important; padding: 0 !important; } #reviewContent .col-12, #reviewContent .relatedReviews { width: 100% !important; } #reviewContent span { float: left; width: 100%; } .clearfix { clear: both; } .empty-layout #main-header-advertisement{ display: none; } #main-content .wrapper #articleColumn.grid_12{ border:none; padding: 0; } #main-header-navigation nav{ height: 117px; } /*IE HACKS*/ _:-ms-input-placeholder, :root .product-reviews img { max-width: 100%; } _:-ms-input-placeholder, :root .product-reviews.compare img{ max-width: 100%; } _:-ms-input-placeholder, :root .product-reviews .quickview-text { top: 150%; } _:-ms-input-placeholder, :root .product-reviews .quickview-text.move{ top: 0; } _:-ms-input-placeholder, :root .sc-bg-box h3.sc-virtual-title{ font-size: 28px; line-height: 34px; } /*UAT WORK FOR LAST LEG OF PROJECT, COULD POSSIBLY MELD THESE INTO THE THEME WHENEVER WE HAVE TIME*/ #main-content .list-border h2{ padding: 15px 0 0 0; margin: 0 0 15px 0; border-top: solid 1px #eee; border-bottom: none; } #main-content .list-border h2 a{ font-size: 15px; line-height: 21px; } #main-content .list-border h2 a:hover{ color: #3fa6ef; } .sub-channel .newsart { float: left; border-top: solid 1px #eee; } .sub-channel .newsart .list-border h2{ padding-bottom: 5px !important; margin-bottom: 5px !important; padding-top: 5px !important; } .sub-channel .newsart:first-child { border-top: none !important; background-color: red } #main-content .sectionHeadline{ margin:0; } #main-content .sub-channel .list-border:first-child h2{ padding-top: 0; border-top: 0; } #main-content .sub-channel, #main-content .channel-grid, #main-content .sub-channel .singleitem-content{ border-color: #EEE; } #main-content .sub-channel .channel-feature-content .box-title a{ font-size: 20px !important; line-height: 26px; } #main-content .channel-grid .vid-singleitem-content span, #main-content .sub-channel .channel-feature-content span{ font-size: 12px !important; line-height: 18px; color: #333; } #main-content .sub-channel .singleitem-content{ padding:15px 0 0 0; margin: 0 0 15px 0; border-bottom: none; border-top: 1px solid #EEE; } #main-content .channel-grid .is-video-media{ border-bottom: none; } #main-content .channel-grid .row{ clear: both; } #main-content .channel-grid .see-all-link{ margin: 0 0 0 -10px !important; } #main-content .channel-grid a:hover{ color: #3fa6ef; } #main-content .box-title{ font-size: 13px; line-height: 19px; } #main-content .sectionHeadline a{ font-size: 20px; line-height: 26px; } #main-content .sectionHeadline a:hover{ color: #3fa6ef; } #main-content .sectionByline span{ color: #333; } #main-content aside #newsLetterAsset h2, #main-content .col-3 #newsLetterAsset h2{ line-height: 29px; } #main-header-navigation nav .headr-tagline{ padding: 5px 0 !important; } .mobile-advertisement .advertisement{ text-align: center; } /*printarticle styles*/ #printFooter img { float: left; margin-right: 12px; width: auto !important; } #printFooter span { float: right; width: 80%; padding-right: 50px; } /*native Ad override*/ .sub-channel .native-ad iframe { margin-bottom: -15px; } .sub-channel .channel-grid iframe { margin-bottom: -15px; } #main-wrapper { width: 1260px;} #fixed-footer-login-register { width: 1280px !important;} #main-content>.wrapper>section#main-section {width: 920px;} @media screen and (max-width:600px) { #main-wrapper{ width: auto !important; } .multiple-column-asset p.image img.video-icon{ width: auto !important; } #main-content > .wrapper > section#main-section{ width: auto !important; } } #container-hmn-registration .regLog-titleTop { max-width: 100%; } #register #divLoginEmail ul li.chk-news-ltr-label { margin-bottom: 1%; } #register .fire-checkbox-wrap{ position: relative; line-height: 20px; } #register .chk-news-ltr-selects .fire-checkbox-wrap input[type="checkbox"], #register .chk-news-ltr-selects .fire-checkbox-wrap .special-box { position: absolute; top: 0; left: 0; } .chk-news-ltr-selects .fire-checkbox-wrap input[type="checkbox"] { top: 0; height: 15px !important; padding: 0 !important; margin: 0; } .chk-news-ltr-selects .description { font-family: 'GothamBook'; font-size: 0.89em; } label.selectedNewlettersGroupCheckbox { margin-left: 28px; } li.chk-news-ltr-selects { margin-bottom: 18px; } #register #divLoginEmail .fire-list { width: 100% !important; clear: both; } #register .medic-regLog-button { float: left; width: 100%; margin: 70px auto 0; text-align: center; } #register .OptOutScreenedWorkEmailsCheckbox, #register .OptOutRelevantWorkEmailsCheckbox { margin-left: 28px; } @media screen and (max-width: 600px) { #login #divLoginEmail span, #register #divLoginEmail span { display: inline-block; } #register .medic-regLog-button button { float: none; } } #main-header-navigation nav .headr-tagline { float: left; width: 770px; margin-left: 90px; border-top: solid 1px #444444; text-align: center; padding: 10px 0 } #main-header-navigation nav .headr-tagline a{ color: #efefef; text-transform: uppercase; font-family: 'GothamBook'; font-size: 17px; letter-spacing: 10px } #main-header-navigation nav .headr-tagline img { margin: 0 auto; padding: 8px 0; } #main-header-navigation .channel-sub-nav nav{ height: auto !important; } #UKCookieWarning{ background-color: #F0F0F0; padding: 12px; text-align: center; font-size: .8em; } #UKCookieWarning a{ font-weight: bold; } #UKCookieWarning + #main-header-navigation{ border-top: 0; } #UKCookieWarning #cookieUkOptOut{ display: inline-block; background-color: black; color: #fff; padding: 5px; margin-left: 10px; height: 11px; line-height: 9px; } #UKCookieWarning #cookieUkOptOut:hover{ cursor: pointer; } #sc-job-template { display: block; margin: 0 0 12px 0; text-align: left; background: #ebebeb; color: #333; font-family: 'Arial'; width: 100%; max-width: 250px; padding: 20px 25px; } #sc-jobs-logo { margin-bottom: 25px; } #sc-job-template ul .jobs-link .job-title { font-size: 1.02em; line-height: 1.2; } #sc-job-template ul .jobs-link .job-title a { color: #333; } #sc-job-template ul .jobs-link:hover .job-title a { color: #f10303; } #sc-job-template ul { list-style-type: none; margin: 5px 0 0 0; padding-left: 0; } #sc-job-template ul li { margin-bottom: 16px; } #sc-job-template ul .jobs-link p { color: #333; padding-top: 0; font-size: 0.79em; margin: 0; line-height: 18px; } #sc-job-template #sc-jobs-logo img { width: 100%; } #sc-job-template .job-action a { text-decoration: none; color: #fff; font-size: 0.74em; background: #cc0000; line-height: 28px; height: 28px; width: 115px; -ms-border-radius: 3px; border-radius: 3px; float: left; text-align: center; margin-right: 10px; } #sc-job-template .job-action a.post-job-link { margin-right: 0; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ @media screen and (max-width:600px) { #sc-job-template { width: auto; max-width: none; margin: 0; padding: 20px 15px; } #sc-job-template .job-action a { width: 46%; } } #lightboxMask { height: auto !important; background-color: rgba(0, 0, 0, 0.8); opacity: 1 !important; top: 0; right: 0; bottom: 0; left: 0; display: none; } #lightboxContentWrapperLogin, #lightboxContentWrapperEditPassword, #lightboxContentWrapperNewsLetterSignup, #lightboxContentWrapperQuizSubmit, #lightboxContentWrapperEmail, #lightboxContentWrapperEditEmail, #lightboxContentWrapperResetPasswordError, #lightboxContentWrapperIncompleteProfile { max-width: 684px !important; background-color: #FFF; left: 10%; top: 10%; right: 10%; } #lightboxLogin, #lightboxEditPassword, #lightboxNewsLetterSignup, #lightboxQuizSubmit, #lightboxEmail, #lightboxEditEmail, #lightboxResetPasswordError, #lightboxIncompleteProfile { width: auto !important; padding: 40px; } #lightboxHeader { position: relative; } #lightboxHeader h3, #lightboxIncompleteProfile .accountPageTitle { font-size: 34px; line-height: 40px; font-family: 'RobotoSlabBold'; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 1px #f0f0f0; } #lightboxIncompleteProfile .accountPageTitle{ padding-right: 30px; } #lightboxIncompleteProfile #lightboxHeaderText{ display: none; } .signUpText { margin-bottom: 15px; font-size: 16px; line-height: 22px; text-transform: uppercase; font-family: 'RobotoSlabBold'; } #janrainWidget { margin-bottom: 10px; } #janrainOrDivider { font-family: 'RobotoSlabBold'; font-size: 20px; line-height: 26px; margin-bottom: 10px; } .janrainButton { display: inline-block; width: 138px; height: 33px; outline: none; margin: 0; padding: 0; cursor: pointer; border: none; margin: 0 5px 5px 0; } #janrainYahooBtn { background: url(../simages/janrain-yahoo-button.png) no-repeat; } #janrainTwitterBtn { background: url(../simages/janrain-twitter-button.png) no-repeat; } #janrainFacebookBtn { background: url(../simages/janrain-facebook-button.png) no-repeat; } #janrainGoogleBtn { background: url(../simages/janrain-googleplus-button.png) no-repeat; } #janrainLinkedinBtn { background: url(../simages/janrain-linkedin-button.png) no-repeat; } #janrainLiveBtn { background: url(../simages/microsoft_button.png) no-repeat; } #divLoginEmail, #divLoginPwd, #lightboxEditPassword .grid_row, #lightboxContentWrapperEditEmail .grid_row, #lightboxContentWrapperEmail .formRows2 > p, #lightboxContentWrapperEditEmail p{ margin-bottom: 15px; } #divLoginEmail > *, #divLoginPwd > *, #lightboxEditPassword label, #phDynamicRegistrationContainer label, #lightboxContentWrapperEmail label, #lightboxContentWrapperEditEmail label, #ResetPasswordContainer label, #lightboxIncompleteProfile label { display: block; } #divLoginEmail label, #divLoginPwd label, #lightboxEditPassword label, #phDynamicRegistrationContainer label, #newsletterItemDynamicReg h3, #lightboxContentWrapperEmail label, #lightboxContentWrapperEditEmail label, #ResetPasswordContainer label, #lightboxIncompleteProfile label { font-family: 'RobotoSlabRegular'; margin-bottom: 8px; font-size: 15px; line-height: 21px; } #divLoginEmail input, #divLoginPwd input, #lightboxEditPassword .accountFieldWrap input, #phDynamicRegistrationContainer input[type="text"], #lightboxContentWrapperEmail input[type="text"], #lightboxContentWrapperEmail textarea, #lightboxContentWrapperEditEmail input[type="text"], #ResetPasswordContainer input[type="password"], #lightboxIncompleteProfile input[type="text"], #lightboxIncompleteProfile input[type="number"]{ border: solid 1px #d5d5d5; border-radius: 3px; width: 98%; padding: 10px 1%; background-color: #f9f2f2; } #phDynamicRegistrationContainer .formRows2 input[type="text"] { width: 96%; padding: 10px 2%; } #lightboxIncompleteProfile input[type="text"], #lightboxIncompleteProfile input[type="number"]{ width: 95%; } #divLoginEmail input:focus, #divLoginPwd input:focus, #lightboxEditPassword .accountFieldWrap input:focus, #phDynamicRegistrationContainer input:focus, #lightboxContentWrapperEmail input:focus, #lightboxContentWrapperEditEmail input:focus, #lightboxIncompleteProfile input:focus { background-color: #FFF; } #lightboxEditPassword .field-validation-error { display: block; margin-top: 3px; color: #F00; } #lightboxEditPassword input.dynamic-registration-button { float: right; margin-top: 10px; } #lightboxEditPassword #spnEditPasswordResult, #lightboxContentWrapperEditEmail #spnEditEmailResult { display: block; clear: both; } #lightboxRightCol { margin-top: 25px; padding-top: 15px; border-top: solid 1px #f0f0f0; position: relative; } #lightboxRightCol a{ font-family: 'RobotoSlabBold'; font-size: 16px; line-height: 22px; } #lightboxRightCol > * { display: inline-block; } #divLoginButton { text-align: right; } #divLoginButton input { background-color: #2384c6; border: none; padding: 10px 40px; font-family: 'RobotoSlabBold'; font-size: 20px; line-height: 26px; border-radius: 0; color: #FFF; transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; } #divLoginButton { margin: 15px 0; } #divLoginButton input:hover { color: #FFF; background-color: #c02f56; } .checkboxWrapper a { float: right; } #lightboxRightCol #formSwitch { display: block; } .lightboxHelpText { position: absolute; right: 0; top: 15px; } .lightboxHelpText a { font-size: 14px; line-height: 20px; } #lightboxClose { display: block; width: 22px; height: 22px; cursor: pointer; position: absolute; top: -15px; right: 0; } #lightboxContent #divIntroText { font-size: 16px; line-height: 22px; margin-bottom: 15px } #phDynamicRegistrationContainer .formRows2, #ResetPasswordContainer #divResetPwd, #ResetPasswordContainer #divResetPwd2 { margin-bottom: 15px; float: left; width: 100%; } #ResetPasswordContainer #divResetPwd2{ margin-top: 0; } #divRegistrationEmail { margin-bottom: 15px; } #phDynamicRegistrationContainer .formRows2 > p { float: left; width: 49%; } #phDynamicRegistrationContainer .formRows2 > p:last-child { float: right; } #phDynamicRegistrationContainer .formRows2 > p#divRegistrationZipCode { float: left; } #phDynamicRegistrationContainer select, #lightboxIncompleteProfile select { border: solid 1px #d5d5d5; border-radius: 3px; width: 100%; padding: 10px 3px; background-color: #f9f2f2; font-size: 16px; line-height: 22px; } #lightboxIncompleteProfile select{ width: 97.5%; padding: 7px 3px; } #tbNewsletters { width: 100%; margin: 10px 0 15px 0; } #tbNewsletters td { padding: 0 10px 10px 0; } #tbNewsletters input { position: relative; top: 1px; } #dynRegistrationFormContainer .terms { text-align: right; } #dynRegistrationFormContainer .terms span { font-size: 12px; display: block; margin-bottom: 10px; } #lightboxContentWrapperEmail input + br + span{ display: block; margin-top: 5px; } #lightboxContentWrapperEmail .checkboxWrapper + p{ text-align: right; } #lightboxContentWrapperEmail p.checkboxWrapper.emailCheckbox{ text-align: right; margin-bottom: 10px; font-weight: bold; } #lightboxContentWrapperEmail p.checkboxWrapper.emailCheckbox input{ margin-right: 5px; position: relative; top:1px; } #lightboxContentWrapperEmail .textAreaWrapper .smallText { font-size: 12px; line-height: 18px; text-align: right; display: block; margin-bottom: 10px; margin-top:-15px; } #lightboxContentWrapperEmail #emailArticleContent{ background-color: #eff5fa; padding: 15px; margin-bottom: 15px; } #lightboxContentWrapperEmail #emailArticleContent .articleHeadline{ display: block; margin-bottom: 10px; font-family: 'RobotoSlabBold'; font-size: 20px; line-height: 26px; } #lightboxContentWrapperEmail #emailArticleContent .clearFloat{ display: none; } #lightboxContentWrapperEmail #emailArticleContent .emailArticleDeck{ margin-bottom: 15px; } #lightboxContentWrapperEmail #emailArticleContent .emailArticleByline{ font-style: italic; } #janrainWidget, #janrainOrDivider{ display: none; } #lightboxContentWrapperEditEmail br{ display: none; } .haymarket-medical-network #lightboxHeader h3{ margin-bottom: 0; padding-bottom: 0; font-family: 'GothamMedium'; color: #fd0006; } .haymarket-medical-network #lightboxHeaderText:after{ font-family: 'RobotoSlabBold' !important; } .haymarket-medical-network #lightboxClose{ width: 23px; height: 23px; top: 0; right: 0; background: url(../simages/lightbox-close-button.png) no-repeat; border: solid 4px red; border-radius: 50%; } .haymarket-medical-network #lightboxClose:hover { border-color: #3fa6ef; transition: all 300ms linear; } .haymarket-medical-network #lightboxContent{ margin-top: 17px; font-family: 'GothamMedium'; } .haymarket-medical-network .regLog-titleTop{ font-family: 'RobotoSlabBold' !important; line-height: 22px !important; } #lightboxContentWrapperLogin .dynamicLightboxMVC.haymarket-medical-network, #lightboxLogin.haymarket-medical-network{ max-width: none !important; } .haymarket-medical-network #divLoginEmail > span.Double, .haymarket-medical-network #divLoginEmail > span.InputLeft{ width: 50% !important; margin-right: 0 !important; } .haymarket-medical-network #divLoginEmail > span.Double input, .haymarket-medical-network #divLoginEmail > span.InputLeft input, .haymarket-medical-network #divLoginEmail > span.Double select, .haymarket-medical-network #divLoginEmail > span.InputLeft select{ width: 95% !important; padding: 0; margin-right: 0 !important; } .haymarket-medical-network #divLoginEmail > span.Double input, .haymarket-medical-network #divLoginEmail > span.Double select{ margin-left: 5%; } .haymarket-medical-network #divLoginEmail > span.Double input#txtState{ margin-left: 0; } .haymarket-medical-network .hmn-newsLHeader{ font-family: 'RobotoSlabBold' !important; } .haymarket-medical-network #divLoginEmail > span.InputLeft input[type="checkbox"], .haymarket-medical-network #divLoginEmail > span.Double input[type="checkbox"]{ width: 26px !important; margin: 0; } .haymarket-medical-network #contentsetup .selectedNewlettersGroupCheckbox{ width: auto !important; padding-left: 10px; padding-top:2px; font-family: 'RobotoSlabRegular' !important; } .haymarket-medical-network .regLog-footer{ font-family: 'RobotoSlabBold' !important; font-size: 14px !important; } .haymarket-medical-network .legal-links a{ font-size: 13px; line-height: 19px; } .haymarket-medical-network .medic-regLog-button button{ font-family: 'RobotoSlabBold'; } #lightboxIncompleteProfile .grid_row{ width: 50%; float: left; margin-bottom: 15px; height: 70px; } #lightboxIncompleteProfile .grid_row.province-postal-code{ width: auto; float: none; clear: both; height: auto; } #lightboxIncompleteProfile form{ margin-top: 20px; } #lightboxIncompleteProfile .province-postal-code label{ display: block; } #lightboxIncompleteProfile .dynamic-viewcert-button{ background-color: #2384c6; border: none; padding: 10px 40px; font-family: 'RobotoSlabBold'; font-size: 20px; line-height: 26px; border-radius: 0; color:#FFF; transition: all 300ms linear; margin-top:20px; float: right; } #lightboxIncompleteProfile #spnSaveUpdateAccountResult{ clear:both; display:block; } #lightboxIncompleteProfile select.stateSelect{ width: 49%; } #lightboxIncompleteProfile input#txtPostalCode{ width: 46.5%; float: right; position: relative; left: -5px; } @media screen and (max-width:2000px) { #lightboxContentWrapperLogin, #lightboxContentWrapperEditPassword, #lightboxContentWrapperNewsLetterSignup, #lightboxContentWrapperQuizSubmit, #lightboxContentWrapperEmail, #lightboxContentWrapperEditEmail, #lightboxContentWrapperResetPasswordError, #lightboxContentWrapperIncompleteProfile { left: 30%; right: 30%; } } @media screen and (max-width:1500px) { #lightboxContentWrapperLogin, #lightboxContentWrapperEditPassword, #lightboxContentWrapperNewsLetterSignup, #lightboxContentWrapperQuizSubmit, #lightboxContentWrapperEmail, #lightboxContentWrapperEditEmail, #lightboxContentWrapperResetPasswordError, #lightboxContentWrapperIncompleteProfile { left: 25%; right: 25%; } } @media screen and (max-width:1100px) { #lightboxContentWrapperLogin, #lightboxContentWrapperEditPassword, #lightboxContentWrapperNewsLetterSignup, #lightboxContentWrapperQuizSubmit, #lightboxContentWrapperEmail, #lightboxContentWrapperEditEmail, #lightboxContentWrapperResetPasswordError, #lightboxContentWrapperIncompleteProfile { left: 15%; right: 15%; } } @media screen and (max-width:800px) { #lightboxContentWrapperLogin, #lightboxContentWrapperEditPassword, #lightboxContentWrapperNewsLetterSignup, #lightboxContentWrapperQuizSubmit, #lightboxContentWrapperEmail, #lightboxContentWrapperEditEmail, #lightboxContentWrapperResetPasswordError, #lightboxContentWrapperIncompleteProfile { left: 5%; right: 5%; } .lightboxHelpText { position: static; margin-top: 15px; } } @media screen and (max-width:600px) { #lightboxContentWrapperLogin .dynamicLightboxMVC.haymarket-medical-network, #lightboxLogin.haymarket-medical-network{ max-width: none !important; width: auto !important; left: 0 !important; } .haymarket-medical-network #lightboxLogin #lightboxHeader{ padding: 0 !important; } .haymarket-medical-network #divLoginEmail > span.Double, .haymarket-medical-network #divLoginEmail > span.InputLeft{ width: 100% !important; } .haymarket-medical-network #divLoginEmail > span.Double input, .haymarket-medical-network #divLoginEmail > span.InputLeft input, .haymarket-medical-network #divLoginEmail > span.Double select, .haymarket-medical-network #divLoginEmail > span.InputLeft select{ width: 100% !important; } .haymarket-medical-network #divLoginEmail > span.Double input, .haymarket-medical-network #divLoginEmail > span.Double select{ margin-left: 0; } #lightboxIncompleteProfile input#txtPostalCode{ width: 44.5%; } } @media screen and (max-width:650px) { #lightboxIncompleteProfile .grid_row{ width: auto; float: none; height: auto; } #lightboxIncompleteProfile .dynamic-viewcert-button{ font-size: 14px; line-height: 20px; float: none; } } @media screen and (max-width:500px) { #lightboxContentWrapperLogin, #lightboxContentWrapperEditPassword, #lightboxContentWrapperNewsLetterSignup, #lightboxContentWrapperQuizSubmit, #lightboxContentWrapperEmail, #lightboxContentWrapperEditEmail, #lightboxContentWrapperResetPasswordError #lightboxContentWrapperIncompleteProfile { padding: 0; } #lightboxLogin, #lightboxEditPassword, #lightboxNewsLetterSignup, #lightboxQuizSubmit, #lightboxEmail, #lightboxEditEmail, #lightboxResetPasswordError, #lightboxIncompleteProfile { padding: 40px 20px 20px 20px; } #lightboxClose { top: -25px; } #phDynamicRegistrationContainer .formRows2{ float:none; margin-bottom:0; } #phDynamicRegistrationContainer .formRows2 > p:last-child{ float:none; } #phDynamicRegistrationContainer .formRows2 > p{ width:100%; float: none; margin-bottom: 15px; } #phDynamicRegistrationContainer .formRows2 > p#divRegistrationZipCode{ float:none; } #divLoginEmail input, #divLoginPwd input, #lightboxEditPassword .accountFieldWrap input, #phDynamicRegistrationContainer input[type="text"], #lightboxContentWrapperEmail input[type="text"], #lightboxContentWrapperEmail textarea, #lightboxContentWrapperEditEmail input[type="text"] { width: 96%; padding: 10px 2%; } } /*HAYMARKET MEDICAL NETWORK*/ #lightboxContentWrapperNewsLetterSignup #main-content .InputLeft{ clear: both; } #lightboxContentWrapperNewsLetterSignup #main-content .Double, #lightboxContentWrapperNewsLetterSignup #main-content .InputLeft { width: 50% !important; margin-right: 0 !important; } #lightboxContentWrapperNewsLetterSignup #main-content .Double .Double, #lightboxContentWrapperNewsLetterSignup #main-content .InputLeft .InputLeft{ width: 98% !important; } #lightboxContentWrapperNewsLetterSignup #main-content .Double .Double { float: right; } #lightboxContentWrapperNewsLetterSignup #container-hmn-registration #divLoginEmail input { padding: 0; } #lightboxContentWrapperNewsLetterSignup #contentsetup .profileid span { height: auto !important; } #lightboxContentWrapperNewsLetterSignup #contentsetup .profileid span label { margin-bottom: 0 !important; } @media only screen and ( max-width:600px) { .haymarket-medical-network .regLog-titleTop, .forgetPassword, label { font-size: 3.6vw !important; } .haymarket-medical-network #lightboxClose, .haymarket-medical-network #lightboxEmailClose { top: 8px; margin-right: -2%; } #lightboxLogin.haymarket-medical-network { width: 96% !important; left: 2% !important; } #lightboxLogin.haymarket-medical-network #lightboxHeader { background-size: 75%; margin-bottom: 5px; padding: 20px 20px 5px; } .haymarket-medical-network #lightboxContent { width: 100% !important; margin-top: 10px; } .haymarket-medical-network #contentsetup { padding: 0 14px 16px; } .haymarket-medical-network #contentsetup .profileid span { height: auto !important; } .haymarket-medical-network #contentsetup .profileid label { font-size: 3.8vw !important; line-height: 4.8vw !important; display: block; } .haymarket-medical-network #contentsetup .profileid label + br { display: none; } .haymarket-medical-network .regLog-logo-footer { width: 100%; } .haymarket-medical-network .medic-regLog-button { margin-top: 30px; } .haymarket-medical-network .medic-regLog-button button { min-width: 60%; margin: 0px auto 20px; } .haymarket-medical-network .regLog-logo-footer .desktopL { display: none; } .haymarket-medical-network .regLog-logo-footer .mobileL { display: block; width: 100%; } .haymarket-medical-network .Double, .haymarket-medical-network .InputLeft { width: 100% !important; } .haymarket-medical-network .Full label { width: 88%; margin-bottom: 20px; } .haymarket-medical-network .regLog-footer { text-align: center; } .haymarket-medical-network .container #plainLayoutColumn{ float: left; width: auto !important; } .haymarket-medical-network .wehkbejh .Double, .haymarket-medical-network .wehkbejh .InputLeft, .haymarket-medical-network #contentColumn .Double, .haymarket-medical-network #contentColumn .InputLeft { width: 100% !important; } .haymarket-medical-network .wehkbejh .regLog-logo-footer img, #contentColumn .haymarket-medical-network .regLog-logo-footer img { margin-left: 0; } .haymarket-medical-network .wehkbejh .hmn-loader { width: 100% !important; } #main-content .Double, #main-content .InputLeft { width: auto !important; float: none; } #main-content .Double .Double, #main-content .InputLeft .InputLeft{ width: 100% !important; } #contentsetup label { float: none !important; } #main-content #contentsetup label { float: left !important; } } /* IE 10 & 11 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and ( max-width:600px) { .haymarket-medical-network .regLog-titleTop, .haymarket-medical-network .forgetPassword, label { font-size: 16px !important; } } /* IE 12 */ @supports (-ms-accelerator:true) { .haymarket-medical-network .regLog-titleTop, .haymarket-medical-network .forgetPassword, label { font-size: 16px !important; } } @media only screen and ( max-width:320px) { .haymarket-medical-network .Full label { width: 84%; } } /*Lytics css*/ [data-pftrigger], [data-pfrecommend] { display: block !important; } .lytics-blk { padding-top: 10px; } .relatedArticles .remov-line span.relatedArticlesTitle { display: block; font-family: 'GothamMedium'; color: #fd0006; text-transform: uppercase; margin-bottom: 20px; } .relatedArticles [data-pfblock] { float: left; margin-right: 15px; width: 31.7%; } .relatedArticles [data-pftype='title'] { font-size: 18px; line-height: 24px; margin-top: 10px; margin-bottom: 5px; padding: 0; } .relatedArticles .lytics-articles { margin-bottom: 30px; padding-bottom: 20px; } .relatedArticles .lytics-articles a { color: #000; } .relatedArticles .lytics-articles a:hover { color: #3fa6ef } .relatedArticles [data-pftype='description'] { line-height: 20px; margin-bottom: 7px; } .relatedArticles [data-pfblock]:last-child { margin-right: 0; } .relatedArticles [data-pfrecommend] img { width: 300px; margin-bottom: 5px; margin-top: 12px; } .relatedArticles .lytics-articles .lytics-imgWrapper { height: 140px; border: solid 1px #e7e7e7; padding: 3px; } .relatedArticles .lytics-articles img { width: 100%; height: 100%; object-fit: contain; } @media only screen and (max-width:500px) { .relatedArticles .lytics-articles [data-pfblock]{ float: none; margin-right: 0px; width: auto; border-bottom: solid 1px #eee; } .relatedArticles .lytics-articles [data-pfrecommend] img { width: 100%; } .relatedArticles .lytics-articles h2 { text-align: center; margin-bottom: 20px; } } #pnlDisqusComments { float: left; width: 100%; } .clearfix { overflow: auto; zoom: 1; } .clear { clear: both; } #full-width-footer * { box-sizing: border-box; } #full-width-footer .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #full-width-footer .follow-icons li { float: left; } #full-width-footer .follow-icons a { width: 32px; height: 32px; border-radius: 50%; display: block; text-align: center; line-height: 32px; margin-right: 8px; } #full-width-footer .follow-icons a.fb-icn { background-color: #3265a3; } #full-width-footer .follow-icons a.twt-icn { background-color: #1cb2ee; } #full-width-footer .follow-icons a.lkn-icn { background-color: #3f98c8; } #full-width-footer .follow-icons a.gplus-icn { background-color: #da1212; } #full-width-footer { font-family: 'GothamBook'; padding: 25px; position: relative; } #full-width-footer .goTop-icn { color: #fff; font-size: 1.45em; position: absolute; top: 71px; right: 23px; display: block; } #full-width-footer, #full-width-footer a { color: #fff; } #full-width-footer ul { list-style: none; margin: 0; padding: 0; } #full-width-footer strong { color: #fc0206; text-transform: uppercase; margin-bottom: 10px; display: block; font-family: 'GothamMedium'; font-size: 15px; line-height: 21px; } #full-width-footer > div { float: left; width: 19%; margin: 0 5px; } #full-width-footer div[class^="sc-listsitems"] { width: 15%; margin-top: 59px; } #full-width-footer .sc-foot-more-links { margin-top: 59px; width: auto; } #full-width-footer .sc-foot-main-lft { width: 263px !important; margin-right: 51px !important; } #full-width-footer .sc-foot-main-lft p { margin-top: 20px; font-size: 14px; line-height: 20px; } #full-width-footer .sc-follow p { font-size: 0.88em; margin-bottom: 10px; } #full-width-footer ul.sc-links-lists li a { display: block; padding: 6px 0; text-decoration: none; font-size: 15px; line-height: 21px; } #full-width-footer .sc-foot-more-links ul.sc-links-lists li:nth-child(1) a { padding-top: 4px !important; line-height: initial; margin: 0; } #full-width-footer .sc-foot-more-links ul.sc-links-lists li a { padding: 15px 0; } #full-width-footer .sc-foot-more-links ul.sc-links-lists li a span { display: none; } #full-width-footer .sc-beta-footer-bottom { width: 100% !important; float: none !important; overflow: initial; clear: both; } #full-width-footer .copyright-text { float: right; width: 74.5%; font-size: 14px; line-height: 20px; margin-top: 22px; } @media screen and (max-width:600px) { #full-width-footer { padding: 25px 5px; } #full-width-footer .sc-foot-main-lft img { width: 80px; } #full-width-footer .goTop-icn { top: 26px; right: 0; } #full-width-footer > div { float: none; width: 100%; margin: 0; } #full-width-footer .sc-foot-main-lft { width: auto !important; margin: 0 !important; padding-right: 14px; } #full-width-footer div[class^="sc-listsitems"] { width: 50%; margin-top: 19px; float: left; } #full-width-footer .sc-listsitems.sc-foot-resources { clear: right; } #full-width-footer .sc-foot-more-links { margin-top: 19px; width: auto; float: left; } #full-width-footer .sc-foot-more-links ul.sc-links-lists li:nth-child(1) { padding-top: 6px; } #full-width-footer .sc-foot-more-links ul.sc-links-lists li a { padding: 6px 0; } #full-width-footer .sc-foot-more-links ul.sc-links-lists li a span { padding: 0px; display: block; } #full-width-footer .sc-foot-more-links ul.sc-links-lists li a img { display: none; } #full-width-footer .sc-follow { float: none; margin-right: 0; margin-top: 32px; width: 100%; clear: both; overflow: auto; } #full-width-footer .copyright-text { float: none; display: block; width: 100%; margin-top: 32px; clear: both; } #full-width-footer .copyright-text br { display: none; } } @media only screen and (max-width: 599px) and (min-width: 320px) { #mobileAdFooter { width: 100%; height: 50px; position: fixed; bottom: 0; background-color: #fff; border-top: 1px solid #000; display: block; z-index: 3000000; text-align: center; } } .has-modal-box{ position: relative; } .modal-box-skin{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.75); transition: opacity 200ms linear; opacity: 0; } .modal-box-skin.fade-in{ opacity: 1; } .modal-box-skin > div{ background-color: #FFF; margin: 0 50px; border-radius: 5px; padding: 30px; box-shadow: 0 0 30px -6px #3e3e3e; border: solid 2px #65d0fc; position: relative; transition: all 400ms linear; } .modal-box-skin header{ margin-bottom: 15px !important; padding-bottom: 15px !important; position: relative; } .modal-box-skin header h3{ padding: 0; margin: 0; } .modal-box-skin .grid_row{ margin: 0; padding: 0; } .modal-box-skin label{ padding : 0 !important; margin-top: 20px; } .modal-box-skin br{ display: none; } .modal-box-skin .accountFieldWrap{ background-color: #d4d4d4; padding: 15px 20px; border-radius: 3px; position: relative; margin-top:10px; } .modal-box-skin select{ cursor: pointer; } .modal-box-skin form:after{ content: ""; display: table; clear: both; } .modal-box-skin form > *:first-child label{ margin-top: 0; } .modal-box-skin input[type="submit"]{ margin-top: 25px; float: none !important; } .modal-box-skin .close{ display: block; position: absolute; right: -5px; top:-15px; font-size: 25px; line-height: 25px; padding: 5px; } .modal-box-skin .close:before{ content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .modal-box-skin .notification{ margin-top: 15px; padding: 10px 15px; font-family: 'GothamMedium'; display: block; } .modal-box-skin .declined{ background-color: #ffc6c6; color: #c05c5c; } .modal-box-skin .approved{ background-color: #cbffc2; color: #499a3c; } .modal-box-skin .notification:before{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } .modal-box-skin .declined:before{ content: "\f00d"; } .modal-box-skin .approved:before{ content: "\f00c"; } /* Fire Fox Only */ @-moz-document url-prefix() { } /* IE10+ CSS styles go here */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { } /* IE Edge 12+ CSS styles go here */ @supports (-ms-accelerator:true) { } /*Right hand column styling for Most Read articles and more*/ #mostArticleTabs h3 { width: 100%; padding: 3px 10px; text-align: center; color: #fff; height: 52px; line-height: 52px; font-family: 'GothamBook'; font-size: 17px; text-transform: uppercase; box-sizing: border-box; background-color: #fe0100; margin-bottom: 20px; } #mostPopularTab ul { counter-reset: count-it; } #mostPopularTab li { margin-bottom: 15px; } #mostPopularTab li:before { content: counter(count-it) "."; counter-increment: count-it; color: #fe0100; font-family: 'GothamUltra'; font-size: 33px; margin-right: 5px; } #mostPopularTab li a { color: #000; font-size: 19px; font-family: 'GothamMedium'; } #mostPopularTab li a:hover { color:#3fa6ef; } #paginationWrapper{ font-family: 'GothamBold'; font-size: 16px; line-height: 22px; padding-top: 20px; text-align: center; } #paginationWrapper:after{ content: ""; display: table; clear: both; } #paginationWrapper li{ display: inline-block; margin-right: 10px; } #paginationWrapper span{ display: block; margin-bottom: 10px; } #paginationWrapper a{ display: block; background-color: #ddd; padding: 10px 15px; color: #000; transition: all 300ms linear; } #paginationWrapper a:hover{ background-color: #3fa6ef; color: #fff; } #paginationWrapper a.firstPage, #paginationWrapper a.prevPage, #paginationWrapper a.nextPage, #paginationWrapper a.lastPage{ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 28px; background-color: transparent; padding: 10px 5px; position: relative; top: 3px; color: #fd0006; } #paginationWrapper a.firstPage:hover, #paginationWrapper a.prevPage:hover, #paginationWrapper a.nextPage:hover, #paginationWrapper a.lastPage:hover{ color: #3fa6ef; } #paginationWrapper a.firstPage:before{ content: "\f100"; } #paginationWrapper a.prevPage:before{ content: "\f104"; } #paginationWrapper a.nextPage:before{ content: "\f105"; } #paginationWrapper a.lastPage:before{ content: "\f101"; } #paginationWrapper a.current{ background-color: #fd0006; color: #fff; } #paginationWrapper a.disabled{ color: #ddd; cursor: text; } #paginationWrapper a.disabled:hover{ color: #ddd; } /*section .sectionHeadline,*/ .privacy-blk .articleHeadline { float: left; width: 100%; font-family: 'GothamUltra'; color: #ee2324; font-size: 38px; text-transform: uppercase; } .privacy-blk .articleHeadline { padding-bottom: 15px; } .privacy-blk .articleHeadline + p{ font-size: 1.08em !important; } .privacy-blk article p{ font-family: 'GothamBook'; font-size: 1.10em !important; color: #000000; margin-bottom: 30px; } section .asset-title, .privacyHeadline { float: left; width: 100%; font-family: 'GothamUltra'; color: #ee2324; font-size: 27px; text-transform: uppercase; margin-bottom: 15px; } .privacy-blk p.privacyHeadline { font-size: 1.30em !important; } .privacy-blk ul{ list-style-position: inside; margin: 25px 0; } .privacy-blk li { list-style-type: inherit; font-family: 'GothamBook'; font-size: 1.10em; color: #000000; padding: 0; margin-bottom: 25px; } .printContainer{ padding: 10px; } .printContainer p{ margin-top:20px; } .printContainer li{ margin-top: 15px; } .contact-full-blk a { color: #eb0026; } .contact-full-blk p { font-family: 'GothamBook'; font-size: 1.00em; color: #000000; } .contact-lft-blk { float: left; width: 70%; margin-right: 40px; } .contact-full-blk .cont-heading{ font-family: 'GothamUltra'; font-size: 38px; line-height: 31px; color: #fd0006; text-transform: uppercase; } .contact-full-blk .sub-red-head{ font-family: 'GothamUltra'; font-size: 25px; line-height: 31px; color: #fd0006; text-transform: uppercase; } .contact-full-blk ul.profile-cards li { float: left; width: 20%; } .contact-full-blk ul.profile-cards li p { font-size: 0.95em; margin-bottom: 30px; } .contact-full-blk ul.profile-cards span.img-cont { width: 145px; height: 145px; border-radius: 0; display: block; overflow: hidden; margin-bottom: 15px; background: #b33205; } .contact-full-blk ul.profile-cards span.img-cont img { float: left; width:100%; } .contact-full-blk ul.profile-cards strong { text-transform: uppercase; display: block; margin-bottom: 5px; } .contact-full-blk ul.profile-cards a { color: #000000; } .contact-full-blk ul.profile-cards a:hover { color: #eb0026; } .contact-full-blk .pad-tp-60{ padding-top:40px; } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .contact-lft-blk, .contact-rgt-blk{ float:none; width:auto; } .contact-full-blk ul.profile-cards ul { margin-top: 24px; } .contact-full-blk ul.profile-cards li { float: none; display: block; width: auto; } .contact-full-blk ul.profile-cards li span.img-cont { float: left; width:30%; max-width: 68px; height: 68px; margin-right: 25px; margin-bottom: 23px; } .contact-full-blk ul.profile-cards li span.edit-cont { float: left; width: 63%; } .contact-full-blk ul.profile-cards li p { clear: both; font-size: 1.00em; display: block; width: 100%; float: left; } } aside #newsLetterAsset, .col-3 #newsLetterAsset { margin-top: 20px; padding: 20px; } aside #newsLetterAsset h2, .col-3 #newsLetterAsset h2 { color: #ffffff; font-size: 23px; margin-top: 0; } aside #newsLetterAsset #rightEmailAlerts-content li, .col-3 #newsLetterAsset #rightEmailAlerts-content li { width: 100%; margin-left: 0; } aside #newsLetterAsset #rightEmailAlerts-content .inline-form, .col-3 #newsLetterAsset #rightEmailAlerts-content .inline-form { width: 100%; margin-top: 20px; } aside #newsLetterAsset #rightEmailAlerts-content li .fire-checkbox-wrap input[type="checkbox"], .col-3 #newsLetterAsset #rightEmailAlerts-content li .fire-checkbox-wrap input[type="checkbox"] { left: 15px; } aside #newsLetterAsset #rightEmailAlerts-content li .fire-checkbox-wrap .special-box, .col-3 #newsLetterAsset #rightEmailAlerts-content li .fire-checkbox-wrap .special-box { left: -10px; top: 2px !important; } aside #newsLetterAsset #rightEmailAlerts-content li .rightNwsLasset-chkLabel, .col-3 #newsLetterAsset #rightEmailAlerts-content li .rightNwsLasset-chkLabel { display: initial; float: right; width: 85%; margin-left: -10px; } aside #newsLetterAsset #rightEmailAlerts-content .inline-form #emailAlertsSubmit, .col-3 #newsLetterAsset #rightEmailAlerts-content .inline-form #emailAlertsSubmit { float: right; margin-top: 20px; } aside #newsLetterAsset select, .col-3 #newsLetterAsset select { margin-top: 15px !important; } .clearfix { overflow: auto; zoom: 1; } .sc-congress-outerbox { width: 100%; height: 100%; font-family: 'GothamBook'; box-sizing: border-box; min-height: 400px; background-color: #161b23; } .sc-congress-outerbox { box-sizing: border-box; } .sc-congress-header { position: relative; background: #161b23; color: #fff; padding: 10px 20px 10px 25px; } .sc-congress-header p { padding-top: 13px; width: 90%; font-size: 15px; line-height: 21px; margin: 0 !important; } .sc-congress-main { color: #fff; background-image: url(https://media.scmagazine.com/images/2016/10/07/sccongrbg_1069371.png); background-position: 100% 0; background-repeat: no-repeat; background-size: cover; width: 100%; height: 145px; } .sc-congress-bg-box { padding: 11px 20px 12px 25px; } .sc-congress-bg-box .timestamp { font-size: .82em; margin-top: 0 !important; } .sc-congress-bg-box h3.sc-congress-title { font-size: 1.95em; text-transform: uppercase; font-family: 'GothamMedium'; line-height: 35px; } .caption-txt { margin-top: 8px !important; } .sc-congress-header .logo-box { width: 100%; max-width: 221px; height: 100%; text-align: center; margin: 0 auto; } .sc-congress-footer { background: #161b23; color: #fff; padding: 20px 20px 20px 25px; } .sc-congress-footer a { color: #fff; text-decoration: none; } .sc-congress-footer .foot-left { float: left; width: 56%; font-size: 15px; line-height: 21px; } .sc-congress-footer .foot-left p { margin: 0 !important; } .sc-congress-footer .foot-left .credit-info { padding-bottom: 0; display: block; font-family: 'GothamMedium'; font-weight: 400; } .sc-congress-footer .foot-action { float: right; width: auto; text-align: center; padding-top: 6px; font-weight: 700; font-size: 1.25em; } .sc-congress-footer a.link-btn { background: #f14344; width: 205px; height: 61px; display: block; line-height: 61px; border: none; border-radius: 0; font-size: 17px; } .sc-congress-footer a.link-txt { text-transform: uppercase; padding-top: 12px; display: block; font-size: 1.05em; } .sc-congress-footer .brand-color { color: #f14344; } @media screen and (max-width:600px) { .sc-congress-outerbox { max-width: 434px; } .sc-congress-header { background: #161b23; } .sc-congress-bg-box .sc-congress-title { font-size: 1.65em; line-height: 31px; } .sc-congress-main { height: 96px; background-position: 0 100%; } .sc-congress-footer { background: #161b23; color: #fff; } .sc-congress-footer .foot-left, .sc-congress-footer .foot-action { float: none; width: auto; } .sc-congress a.link-btn, .sc-congress a.link-txt { display: inline-block; } .sc-congress-footer a.link-btn { margin: 0 auto; margin-top: 20px; } } #scCongressRcol .clearfix { overflow: auto; zoom: 1; } #scCongressRcol.sc-congress-outerbox { width: 100%; height: 100%; margin: 0 auto; font-family: 'GothamBook'; box-sizing: border-box; margin-top: 25px; min-height: auto; } #scCongressRcol .sc-congress-header { position: relative; background: #161b23; color: #fff; padding: 10px 20px 10px 25px; } #scCongressRcol .sc-congress-header p { padding-top: 13px; width: auto; font-size: 15px; line-height: 21px; margin: 0 !important; text-align: left; } #scCongressRcol .sc-congress-main { color: #fff; background-image: url(https://media.scmagazine.com/images/2016/10/07/sccongrbg_1069371.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: 108px; background-position: 0% 50%; } #scCongressRcol .sc-congress-bg-box { padding: 11px 20px 12px 25px; } #scCongressRcol .sc-congress-bg-box .timestamp { font-size: .82em; margin-top: 0 !important; } #scCongressRcol .sc-congress-bg-box h3.sc-congress-title { font-size: 1.95em; text-transform: uppercase; font-family: 'GothamMedium'; line-height: 35px; } #scCongressRcol .caption-txt { margin-top: 8px !important; } #scCongressRcol .sc-congress-header .logo-box { width: 100%; max-width: none; height: 100%; text-align: center; margin: 0 auto; } #scCongressRcol .sc-congress-footer { background: #161b23; color: #fff; padding: 22px 20px 27px 25px; text-align: center; } #scCongressRcol .sc-congress-footer a { color: #fff; text-decoration: none; } #scCongressRcol .sc-congress-footer .foot-left { float: none; width: auto; font-size: 15px; line-height: 21px; text-align: left; } #scCongressRcol .sc-congress-footer .foot-left p { margin-top: 0 !important; } #scCongressRcol .sc-congress-footer .foot-left .credit-info { padding-bottom: 0; display: block; font-family: 'GothamMedium'; font-weight: 400; } #scCongressRcol .sc-congress-footer .foot-action { float: none; width: auto; text-align: center; padding-top: 15px; font-weight: 700; font-size: 1.05em; } #scCongressRcol .sc-congress-footer a.link-btn { background: #f14344; width: 173px; height: 50px; display: block; line-height: 50px; border: none; border-radius: 0; margin: 0 auto; font-size: 17px; } #scCongressRcol .sc-congress-footer a.link-txt { text-transform: uppercase; padding-top: 12px; display: block; font-size: 1.05em; } #scCongressRcol .sc-congress-footer .brand-color { color: #f14344; } @media screen and (max-width:600px) { #scCongressRcol.sc-congress-outerbox { max-width: none; } #scCongressRcol .sc-congress-header { background: #161b23; } #scCongressRcol .sc-congress-bg-box .sc-congress-title { font-size: 1.65em; line-height: 31px; } #scCongressRcol .sc-congress-footer { background: #161b23; color: #fff; } #scCongressRcol .sc-congress-footer .foot-left, #scCongressRcol .sc-congress-footer .foot-action { float: none; width: auto; } #scCongressRcol .sc-congress a.link-btn, #scCongressRcol .sc-congress a.link-txt { display: inline-block; } #scCongressRcol .sc-congress-footer a.link-btn { margin: 0 auto; margin-top: 20px; } } h1.dermDXHeadline{ font-family: 'gothamMedium'; } #dermDX{ position: relative; } #dermDX .galleria-container{ background-color: rgb(0, 0, 0) !important; } #dermDX .galleria-image-nav{ top: 160px; z-index: 10; position: absolute; } #dermDX .galleria-image-nav-left{ left: 0; background: url(../css/img/slider-prev-button.png) no-repeat 0 0 } #dermDX .galleria-image-nav-right{ background: url(../css/img/slider-next-button.png) no-repeat 0 0 } #dermDX .galleria-image-nav-left, #dermDX .galleria-image-nav-right{ width: 55px; height: 55px; } #dermDX .galleria-image-nav-left:hover, #dermDX .galleria-image-nav-right:hover { background-position-y: -55px } /*CAPTION*/ #dermDX .galleria-info{ background-color: #fff; border-bottom: solid 1px #e6e6e6; } #dermDX .caption-wrap{ padding: 0 10px 0 0; } #dermDX .galleria-info-description .caption-wrap span{ font-size: 15px; font-family: 'GothamBook'; color: #000 !important } #dermDX .galleria-thumbnails-container{ margin-right: -4px; } /*Theme Base colors*/ /*SC channel base colors*/ /*Border Radius*/ /*Box Sizing*/ /*Appearance*/ /*Opacity*/ /*SUB HUBS*/ .sc-subhub { float: left; width: 50%; margin: 0 24px; border-right: solid 1px #e6e6e6; padding-right: 20px; } .sc-subhub .sc-subTop { float: left; margin-bottom: 20px; } .sc-subhub .sc-subTop .lefty, .sc-subhub .sc-subTop .righty { float: left; width: 50%; } .sc-subhub .sc-sub-logo, .sc-subhub .sc-subTop .righty span, .sc-subhub .sc-sub-bottom .sc-video-asset .righty span { margin-bottom: 10px; } .sc-subhub .sc-subTop .righty .sc-sub-title, .sc-subhub .sc-sub-bottom .sc-sub-title { float: left; width: 100%; font-family: 'gotham-medium'; font-size: 13px; text-transform: uppercase; margin-bottom: 10px; } .sc-subhub .sc-subTop .righty .sc-sub-body { font-size: 26px; font-family: 'gotham-book'; } /*Video asset*/ .sc-subhub .sc-sub-bottom .lefty { float: left; width: 30%; } .sc-subhub .sc-sub-bottom .righty { float: left; width: 70%; } .sc-subhub .sc-sub-bottom .sc-hub-feed { float: left; width: 100%; border-top: 1px solid #e6e6e6; padding: 15px 0; } .sc-subhub .sc-video-asset { float: left; margin-bottom: 20px; } .sc-subhub .sc-sub-bottom .righty .sc-sub-title { text-transform: none; } .sc-subhub .sc-sub-bottom .righty .sc-sub-title strong { text-transform: uppercase; } .sc-subhub .lefty .sc-sub-image .isVideo-play { left: 115%; width: 100%; position: relative; margin-top: -130%; background-size: 100% 4%; } /*SC sign up box*/ #news-A, .dark-back { float: left; width: 100%; border-bottom: solid 1px #e6e6e6; padding-bottom: 30px; } .dark-back { padding: 40px; background-color: #333333; color: #FFFFFF; text-align: center; } .dark-back .title-text, .dark-back .sc-signup-btn input { font-family: 'Gotham-Ultra'; color: #fe0100; font-size: 36px; text-transform: uppercase; letter-spacing: 1.8px; } .dark-back span { display: inline-block; } .dark-back span.sc-country-field select, .dark-back span.sc-email-address-field input, .dark-back .sc-signup-btn input { float: left; width: 320px; height: 50px; border-radius: 3px; background: #999999; color: #FFFFFF; margin: 0 20px 20px 0; padding: 10px; border: none; } .dark-back .sc-signup-btn input { width: auto; height: 50px; font-size: 19px; padding: 0 20px; border: none; background: #fe0100; color: #FFFFFF; letter-spacing: 0.1px; } .dark-back select, .dark-back input { font-size: 18px; } .sc-checkbox { padding: 20px 0 30px; } .sc-checkbox span { padding: 0 20px; } .sc-checkbox label { float: left; font-family: 'Gotham-Black'; font-size: 16px; color: #FFFFFF; margin: 2px 0 0 5px; } .sc-checkbox input[type="checkbox"] { float: left; width: 18px; height: 18px; background-color: #fe0100; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .sc-checkbox input[type="checkbox"] :checked:after { content: '\2713'; position: relative; top: 3px; left: 17px; font-size: 18px; line-height: 0.8; color: #FFFFFF; transition: all .2s; margin-left: -15px; font-weight: bold; } .dark-back.scjoin { padding: 20px 200px; } .dark-back.scjoin div, .dark-back.scjoin span { float: left; text-align: left; } .dark-back.scjoin span { font-family: 'Gotham-Medium'; font-size: 18px; } .dark-back.scjoin .scjoin-text { width: 75%; } .dark-back.scjoin .sc-signup-btn { margin-left: 30px; } .star-rating { float: left; background: url("images/sc-star-ratings.png") repeat-x; font-size: 0; height: 33px; line-height: 0; overflow: hidden; text-indent: -999em; width: 166px; margin: 5px auto 0 -2px; background-position: 0 -33px; } .star-rating-sprite { background: url("images/sc-star-ratings.png") repeat-x; background-position: 0 0%; float: left; height: 33px; display: block; } .article { float: left; } .articleFormatTitle { float: left; width: 100%; font-family: 'GothamUltra'; color: #eb0026; font-size: 20px; text-transform: uppercase; margin-top: -5px; } .grid-manager-section .articleFormatTitle { font-size: 20px !important; } .grid-block-one, .grid-block-two { float: left; margin: 0 10px 30px; box-sizing: border-box; min-height: 250px; } .grid-block-one { width: 300px; } .grid-block-two { width: 634px; } .grid-block-one img { height: 160px; } .img-block { width: 100%; min-height: 150px; background-color: #e6e6e6; position: relative; cursor: pointer; } .grid-block-two .img-block { width: 100%; height: 248px; } .grid-block-two .box-title { font-size: 30px; } .grid-block-two .box-title, .grid-block-two .box-text, .grid-block-two .credit-text { color: #FFFFFF; } .grid-block-two .box-title.backshaddow, .subTexts.backshaddow { display: inline; float: none; background-color: black; opacity: 0.6; } .box-title, .box-text, .credit-text, .sectionHeadline { float: left; width: 100%; margin: 5px 0; font-family: 'GothamBook'; box-sizing: border-box; } .box-title a, .box-text a, .credit-text a, .sectionHeadline a { color: #000000; font-size: 17px; } .sc-p-reviews .box-title, .sc-p-reviews .box-text, .sc-p-reviews .credit-text { margin-top: 10px; } .box-title { font-family: 'GothamMedium'; font-size: 15px; text-transform: uppercase; color: #eb0026; margin: 5px 0 0; } .sectionByline, .sectionDate { text-transform: uppercase; font-size: 12px; } .sectionByline a, .sectionByline span, .sectionDate a, .sectionDate span { color: #000000; margin-right: 5px; } .sectionBox { line-height: 17px; } .sectionBox.col-3 { float: left; min-height: 300px; padding: 10px; box-sizing: border-box; } .quickview-txt { float: right; font-family: 'GothamMedium'; text-transform: uppercase; font-size: 12px; cursor: pointer; line-height: 36px; } .date-txt { float: left; width: 100%; font-family: 'GothamMedium'; text-transform: uppercase; font-size: 10px; color: #999999; } .logo-tmb img { right: 10px; top: 10px; position: absolute; } article.col-3, article.col-6 { float: left; min-height: 335px; margin-bottom: 10px; padding: 10px; box-sizing: border-box; } article.col-3 img, article.col-6 img { float: left; } article.col-3 img, article.col-3 a { width: 100%; height: 160px; } .column-numb-set { position: relative; float: left; } .column-numb-set img { float: left; /* width: 100%; height: 100%;*/ margin-bottom: 20px; padding-right: 20px; } .showcaseformat-content { width: 90%; position: absolute; padding: 20px; color: #FFFFFF; box-sizing: border-box; } .showcaseformat-content .singleFormatTitle { font-family: 'GothamBlack'; font-size: 15px; text-transform: uppercase; color: #eb0026; } .showcaseformat-content .box-title a { font-family: 'GothamUltra'; font-size: 40px; line-height: 36px; text-transform: uppercase; color: #FFFFFF; } .list-border h2 { border-bottom: solid 1px #e6e6e6; font-family: 'GothamBold'; font-size: 15px; padding: 5px 0 15px; } .articleFormatInfo, .latestheadlnes { float: left; width: 100%; } .articleFormatInfo h1 { margin-top: 0; } #main-content .grid_row:after { content: ""; display: table; clear: both; } #main-content .wrapper .grid_12, #main-content .wrapper .grid_8, #main-content .wrapper .grid_6, #main-content .wrapper .grid_4 { float: left; } #main-content .wrapper .grid_12 { width: 100%; padding: 20px 0; border-top: solid 1px #e6e6e6; } #main-content .wrapper .grid_8 { width: 50%; } #main-content .wrapper .grid_4 { width: 25%; margin-bottom: 20px; padding-right: 20px; } #main-content .wrapper .grid_4 .articleFormatTitle { font-size: 20.6px; margin-bottom: 0; } .featureditem-content { width: 90%; position: absolute; padding: 20px; color: #FFFFFF; } .featureditem-content .singleFormatTitle { font-family: 'GothamBlack'; font-size: 15px; text-transform: uppercase; color: #eb0026; } .featureditem-content .box-title a { float: left; font-family: 'GothamUltra'; font-size: 40px; line-height: 50px; text-transform: uppercase; color: #FFFFFF; background-color: black; opacity: 0.6; padding: 0px 10px; } .featureditem-content .box-text { width: 70%; background-color: black; opacity: 0.6; margin-top: 0; padding: 10px; } .featureditem-content .sectionByline a, .featureditem-content .sectionDate a { font-size: 12px; color: #FFFFFF; margin-right: 5px; } .featureditem-content span { color: #FFFFFF; } .sectionByline span, .sectionByline div { float: left; font-family: 'GothamMedium'; font-size: 12px !important; } .sectionByline span a, .sectionByline div a { font-size: 12px !important; } article.col-6 { position: relative; } .box-text div { float: left; font-size: 15px; line-height: 17px; } .float-left { float: left; } /*SUB - Channels*/ .sub-channel .sc-sub-image, .sub-channel .singleitem-content, .sub-channel .channel-feature-content, .sub-channel .sc-sub-headlines { float: left; } .sub-channel .singleFormatTitle { float: left; width: 100%; } .sub-channel .singleitem-content .box-title { margin: 0; } .sub-channel .singleitem-content .box-title a { font-family: 'gothamBook'; font-size: 18px; text-transform: none; } .sub-channel, .channel-grid { border-top: 1px solid #e6e6e6; padding: 20px 20px 0 0; } .channel-grid { margin-top: 15px; } .channel-grid .credit-wrapper { float: left; display: block; margin: 6px 0; } .channel-grid .see-all-link { margin: 15px 0 15px -10px; } .sub-channel .channel-header-image { margin-bottom: 16px; } .sub-channel .sc-sub-headlines, .sub-channel .singleFormatTitle { font-family: 'gothamBold'; font-size: 13px !important; text-transform: uppercase !important; } .sub-channel .sc-sub-headlines { width: 100%; } .sub-channel .box-text { width: auto; font-size: 26px; font-family: 'gothamBook'; font-size: 16px; margin: 0 5px 0 0; } .sub-channel .sc-sub-image { margin: 0 16px 15px 0; position: relative; } .sub-channel .channel-feature-content { width: 50% !important; } .sub-channel .channel-feature-content .box-title a { font-family: 'gothamBook'; font-size: 22px !important; text-transform: none; } .sub-channel .channel-feature-content span { font-family: 'gothamMedium' !important; font-size: 13px !important; text-transform: uppercase !important; } .sub-channel .singleitem-content { float: left; width: 100%; border-bottom: 1px solid #e6e6e6; padding: 10px 0; } /*channel Video asset*/ .channel-grid .is-video-media { float: left; width: 100%; border-bottom: 1px solid #e6e6e6; padding: 15px 0 0; } .channel-grid .sc-sub-headlines + .is-video-media { padding: 0; } .channel-grid .vid-singleitem-content { float: left; width: 50%; } .channel-grid .vid-singleitem-content .box-title { font-family: 'gothamBook'; font-size: 18px; text-transform: none; } .channel-grid .vid-singleitem-content span { font-family: 'gothamMedium' !important; font-size: 13px !important; text-transform: uppercase !important; } /* Setting homepage channel color paths For each new collor add the path here and color to the _variables.scss in the [base] folder contained in the [scss] folder Also remember to add color names to the 'ThemeService.cs' file*/ /*Set channel ORANGE color*/ .sub-channel.orange .singleFormatTitle, .sub-channel.orange .box-title, .channel-showcase.orange .singleFormatTitle, .sub-channel.orange .sc-sub-headlines span { color: #f46c28; } .sub-channel.orange .see-all-link a { background-color: #f46c28; } .sub-channel.orange .see-all-link .next::after { border-color: transparent transparent transparent #f46c28; } .sub-channel.orange h4 a { color: #f46c28; } /*Set channel BLUE color*/ .sub-channel.blue .singleFormatTitle, .sub-channel.blue .box-title, .channel-showcase.blue .singleFormatTitle, .sub-channel.blue .sc-sub-headlines span { color: #0083cb; } .sub-channel.blue .see-all-link a { background-color: #0083cb; } .sub-channel.blue .see-all-link .next::after { border-color: transparent transparent transparent #0083cb; } .sub-channel.blue h4 a { color: #0083cb; } /*Set channel YELLO color*/ .sub-channel.yellow .singleFormatTitle, .sub-channel.yellow .box-title, .channel-showcase.yellow .singleFormatTitle, .sub-channel.yellow .sc-sub-headlines span { color: #E4AA1F; } .sub-channel.yellow .see-all-link a { background-color: #E4AA1F; } .sub-channel.yellow .see-all-link .next::after { border-color: transparent transparent transparent #E4AA1F; } /*Video icons for ALL video assets thumbnails*/ .sc-sub-image, .has-image { position: relative; } .sc-sub-image .video-icon, .has-image .video-icon { display: inline-block; background-repeat: no-repeat; width: 58px; height: 36px; left: 38%; top: 36%; position: absolute; } .is-video-media .sc-sub-image .video-icon { width: 40px; height: 26px; } /* General SEE ALL buttons */ /*//////////////// SEE ALL //> ///////////////*/ .see-all-link { float: left; width: 100%; margin-left: -20px; } .see-all-btn { float: right; position: relative; margin: 0; padding-left: 14px; padding-right: 7px; padding-top: 2.8px; padding-bottom: 2.8px; color: #FFFFFF; font-family: 'GothamMedium'; font-size: 11px; line-height: 17px; text-transform: uppercase; } .see-all-btn::after { content: ''; position: absolute; top: 0; width: 0; height: 0; } .see-all-btn:hover { color: #FFFFFF; } /* Arrow Buttons */ /* ------------- */ .next::after, .prev::after { border-style: solid; } /* Next Button */ /* ----------- */ .next { border-style: solid; } .next::after { right: -22px; border-width: 11px; border-color: transparent transparent transparent #eb0026; } .next::after :hover::after { /*border-left-color: #0585e8;*/ } .next:hover::after { /*border-left-color: #0585e8;*/ } /*Setting button colors*/ .colr-red { background-color: #eb0026; } /*.next::after { border-color: transparent transparent transparent $sc-red; }*/ #main-content .wrapper .grid_4 .see-all-link { margin-left: -10px; } .inline-form input#emailAlertsSubmit, #gatedPasswordResetForm input.dynamic-registration-button { background-color: #fd0006; color: white; border-radius: 2px; font-family: 'GothamBlack'; font-size: 1.3em; padding: 8px 18px; border: none; } #gatedPasswordResetForm input.dynamic-registration-button { padding: 15px 25px; } aside #newsLetterAsset #rightEmailAlerts-content h2, .col-3 #newsLetterAsset #rightEmailAlerts-content h2 { margin-bottom: 10px; } aside #newsLetterAsset #rightEmailAlerts-content li div, .col-3 #newsLetterAsset #rightEmailAlerts-content li div { margin: 5px 0 !important; } aside #newsLetterAsset #rightEmailAlerts-content .rightNwsLasset-chkLabel, .col-3 #newsLetterAsset #rightEmailAlerts-content .rightNwsLasset-chkLabel { font-size: 14px; } aside #newsLetterAsset #rightEmailAlerts { margin-bottom: -40px; } /*SC Magazine Countdown styles*/ .final-countdown #clock { display: inline-block; margin: 27px auto 0px; padding: 10px 0; width: 100% !important; float: none; text-align: center; border-top: solid 1px #EEE; border-bottom: solid 1px #EEE; } .final-countdown #clock ul { text-align: center; margin: 0 auto; display: inline-block; } .final-countdown #clock ul li { float: left; text-align: center; font-size: 23px; font-family: 'GothamLight'; text-transform: capitalize; padding: 12px 38px; } .final-countdown #clock ul li .count { font-family: 'GothamUltra'; color: #eb0026; font-size: 55px; display: block; margin-top: 14px; } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .final-countdown #clock ul li { font-size: 16px; padding: 12px 10px; } .final-countdown #clock ul li .count { font-size: 35px; } } .clearfix { overflow: auto; zoom: 1; } .sc-virtual-outerbox { width: 100%; height: 100%; font-family: 'GothamBook'; box-sizing: border-box; min-height: 400px; background-color: #184371; } .sc-virtual-outerbox * { box-sizing: border-box; } .sc-virtual-header { position: relative; background: #163558; color: #fff; padding: 10px 20px 10px 25px; } .sc-virtual-header p { padding-top: 13px; width: 90%; font-size: 16px; line-height: 22px; margin: 0 !important; } .sc-virtual-header .badge-rgt { position: absolute; right: -3px; top: -3px; width: 80px; background: #ec0015; padding: 5px 13px; padding-left: 15px; line-height: 11px; } .sc-virtual-header .badge-rgt:after { top: 100%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-top-color: #ec0015; border-right-color: #ec0015; border-left-width: 80px; border-top-width: 12px; margin-left: -3px; } .sc-virtual-header .badge-rgt b { font-size: 10px; line-height: 12px; font-family: 'GothamBold'; } .sc-virtual-main { color: #fff; background-image: url(https://media.scmagazine.com/images/2016/10/06/scevtconfbg_1068390.png); background-position: 100% 0; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; max-height: 145px; } .sc-bg-box { padding: 11px 20px 12px 25px; } .sc-bg-box .timestamp { font-size: 13px; line-height: 19px; font-family: 'GothamMedium'; margin: 0 !important; } .sc-bg-box h3.sc-virtual-title { font-size: 32px; text-transform: uppercase; font-family: 'GothamMedium'; line-height: 38px; margin-top: 6px; margin-bottom: 3px; } .sc-bg-box .caption-txt { margin-top: 0 !important; font-size: 18px; line-height: 24px; font-family: 'GothamBook'; padding: 0; } .sc-virtual-header .logo-box { width: 100%; max-width: 221px; height: 100%; text-align: center; margin: 0 auto; } .sc-virtual-footer { background: #184371; color: #fff; padding: 20px 20px 20px 25px; } .sc-virtual-footer a { color: #fff; text-decoration: none; } .sc-virtual-footer .foot-left { float: left; width: 58%; font-size: 1.04em; } .sc-virtual-footer .foot-left p { font-family: 'GothamBook'; font-size: 15px; line-height: 21px; margin: 0 !important; } .sc-virtual-footer .foot-left .credit-info { padding-bottom: 0; display: block; font-family: 'GothamMedium'; font-size: 14px; line-height: 20px; font-weight: normal; } .sc-virtual-footer .foot-action { float: right; width: 40%; text-align: center; padding-top: 6px; font-family: 'GothamMedium'; } .sc-virtual-footer a.link-btn { background: #366ca4; font-size: 14px; width: 221px; height: 48px; display: block; line-height: 46px; border-radius: 5px; border: 2px solid #fff; } .sc-virtual-footer a.link-txt { text-transform: uppercase; padding-top: 12px; display: block; font-size: 19px; line-height: 25px; } @media screen and (max-width:600px) { .sc-virtual-outerbox { max-width: 434px; } .sc-virtual-header .logo-box { margin: 0; text-align: left; } .sc-virtual-header p { display: none; } .sc-virtual-main { max-height: none; } .sc-bg-box .sc-virtual-title { font-size: 1.65em; line-height: 31px; } .sc-virtual-footer .foot-left, .sc-virtual-footer .foot-action { float: none; width: auto; } .sc-virtual-footer a.link-btn { float: left; } .sc-virtual-footer a.link-btn, a.link-txt { display: inline-block; } } @media screen and (max-width:400px) { .sc-virtual-footer a.link-btn { float: none; } } .sc-virtual-conf-outerbox .clearfix { overflow: auto; zoom: 1; } .sc-virtual-conf-outerbox { width: 100%; height: 100%; margin: 0 auto; font-family: 'GothamBook'; box-sizing: border-box; line-height: 0; } .sc-virtual-conf-outerbox div{ margin-bottom: 0; } .sc-virtual-conf-header { background: #163558; color: #fff; padding: 10px 20px 10px 20px; } .sc-virtual-conf-main { color: #fff; background-image: url(https://media.scmagazine.com/images/2016/10/28/scconferencergtbg_1081788.png); background-position: 100% 0; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .sc-virtual-conf-logo-box { width: 100%; max-width: 166px; height: 100%; text-align: left; margin: 0; } .sc-virtual-conf-bg-box { padding: 11px 20px 12px 20px; } .sc-virtual-conf-bg-box .sc-virtual-conf-timestamp { font-size: 13px; line-height: 19px; margin: 0 !important; font-family: 'GothamMedium'; } .sc-virtual-conf-bg-box h3.sc-virtual-conf-title { font-size: 26px; line-height: 32px; text-transform: uppercase; font-family: 'GothamMedium'; line-height: 38px; margin-top: 0; margin-bottom: 0px; } .sc-virtual-conf-bg-box .sc-virtual-conf-caption-txt { margin-top: 2px !important; font-size: 15px; padding: 0; line-height: 19px; } .sc-virtual-conf-footer { background: #184371; color: #fff; padding: 10px 48px 19px 48px; } .sc-virtual-conf-footer a { color: #fff; text-decoration: none; } .sc-virtual-conf-footer a { background: #366ca4; font-size: 13px; line-height: 20px; width: auto; display: block; border-radius: 5px; border: 2px solid #fff; padding: 10px; } .sc-virtual-conf-footer .sc-virtual-conf-foot-action { float: none; width: auto; text-align: center; padding-top: 6px; font-family: 'GothamMedium'; } @media screen and (max-width:600px) { .sc-virtual-conf-outerbox { max-width: none; } } .stout-form{ width: 630px; margin: 0 auto; padding-bottom: 40px; } .theme-form h1{ font-family: 'GothamUltra'; font-size: 22px; line-height: 28px; color: #eb0026; text-transform: uppercase; } .theme-form header .row{ position: relative; } .theme-form header h1{ position: absolute; bottom: 0; left: 10px; } .theme-form .sub-title{ color: #000; } .theme-form input[type="submit"]{ background-color: #fd0006; border:none; float: right; font-family: 'GothamUltra'; font-size: 20px; line-height: 26px; padding: 15px 0; text-transform: uppercase; text-align: center; width: 100%; color: #FFF; transition: all 300ms linear; } .theme-form input[type="submit"]:hover{ background-color: #3fa6ef; } .theme-form .form-field{ background-color: #d4d4d4; padding: 15px 20px; border-radius: 3px; position: relative; } .theme-form .form-field select{ cursor: pointer; } .theme-form section > .row{ margin-top: 15px; } .theme-form .sub-title + .row{ margin-top: 0; } .theme-form label{ display: block; padding: 15px 0; } .theme-form label + .form-field{ margin-top: -5px; } .theme-form .form-questions > div{ margin-top:10px; } .theme-form .form-newsletter{ margin-top: 15px; } .theme-form .form-newsletter label{ padding:0; display: inline; font-family: 'GothamMedium'; text-transform: capitalize; } .theme-form .form-newsletter p{ margin-top: 5px !important; padding-bottom: 10px } .theme-form .form-newsletter.last p{ padding-bottom: 0; } .theme-form p + .form-newsletter{ margin-top: 15px; } .theme-form .form-newsletter + h3{ margin-top: 30px; } .theme-form h3 + .form-newsletter{ margin-top: 0; } .theme-form footer .row{ padding: 0; } .theme-form input[type="text"], .theme-form input[type="password"], .theme-form input[type="email"], .theme-form select{ font-family: 'GothamBold'; font-size: 16px; line-height: 22px; border: none; padding: 0; width: 100%; height: auto; margin: 0; color:#000; background-color: transparent; } .theme-form input[type="text"], .theme-form input[type="password"], .theme-form input[type="email"]{ border-radius: 3px; margin:-15px -20px; padding:15px 20px; } .theme-form select{ border-radius: 3px; margin:-16px -20px; padding:16px 40px 16px 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 1px; } .theme-form select::-ms-expand{ display: none; } .theme-form .select-box:before{ content: "\f078"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fd0006; position: absolute; right: 20px; top:50%; margin-top:-8px; } .theme-form .select-box > div{ margin-right: -40px; } .theme-form input.input-validation-error{ background-color: #ffc6c6; } .theme-form .form-notification{ margin-top: 15px; padding: 10px 15px; font-family: 'GothamMedium'; } .theme-form .form-notification ul > li{ margin-top: 10px; } .theme-form .form-notification ul > li:before{ content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } .theme-form .form-notification ul > li:first-child{ margin-top: 0; } .theme-form .notification-approved{ background-color: #cbffc2; color: #499a3c; } .theme-form .notification-declined{ background-color: #ffc6c6; color: #c05c5c; } .field-validation-error{ display: block; margin-top: 5px; color: #fd0006; } .theme-form input[type="checkbox"]{ width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; top: 3px; } .theme-form input[type="checkbox"]:checked:after{ content: '✔'; position: relative; transition: all .2s; font-size: 16px; line-height: 0.8; color: #FFF; top: 4px; left: 3px; float: left; font-weight: bold; } .theme-form #hrefEditEmail{ cursor: pointer; } .theme-form #hrefEditPassword{ display: block; border-radius: 3px; padding: 15px 20px; margin: -15px -20px; } /* Fire Fox Only */ @-moz-document url-prefix() { .theme-form .fake-check-box{ width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: -16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; top: 2px; float: left; display:block !important; z-index: 0; } .theme-form input[type="checkbox"]{ z-index: 1; opacity: 0; } .theme-form input[type="checkbox"]:checked + input[type="hidden"] + label:after{ content: '✔'; position: relative; transition: all .2s; font-size: 16px; line-height: 0.8; color: #FFF; top: 4px; left: 3px; float: left; font-weight: bold; } .theme-form select{ margin:-15px -20px; padding:15px 40px 15px 20px; } } /* IE10+ CSS styles go here */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .theme-form .fake-check-box{ width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: -18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; top: 3px; float: left; display:block !important; z-index: 0; } .theme-form input[type="checkbox"]{ z-index: 1; opacity: 0; } .theme-form input[type="checkbox"]:checked + input[type="hidden"] + label:after{ content: '✔'; position: relative; transition: all .2s; font-size: 16px; line-height: 0.8; color: #FFF; top: 4px; left: 3px; float: left; font-weight: normal; text-indent: -2px; } .theme-form input[type="text"], .theme-form input[type="password"], .theme-form input[type="email"]{ margin:-16px -20px; padding:16px 20px; position: relative; top: 1px; } .theme-form select{ margin:-16px -20px -14px -20px; padding:16px 40px 14px 20px; } } /* IE Edge 12+ CSS styles go here */ @supports (-ms-accelerator:true) { .theme-form .fake-check-box{ width: 18px; height: 18px; background-color: #fe0100; border: none; border-radius: 3px; margin-right: -18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; top: 3px; float: left; display:block !important; z-index: 0; } .theme-form input[type="checkbox"]{ z-index: 1; opacity: 0; } .theme-form input[type="checkbox"]:checked + input[type="hidden"] + label:after{ content: '✔'; position: relative; transition: all .2s; font-size: 16px; line-height: 0.8; color: #FFF; top: 4px; left: 3px; float: left; font-weight: normal; text-indent: -2px; } .theme-form input[type="text"], .theme-form input[type="password"], .theme-form input[type="email"]{ margin:-16px -20px; padding:16px 20px; position: relative; top: 1px; } .theme-form select{ margin:-16px -20px -14px -20px; padding:16px 40px 14px 20px; } } #scTweets { font-family: 'GothamBook'; } #scTweets * { box-sizing: border-box } #scTweets p, #scTweets a { margin: 10px 0 0 0; color: #fff; text-decoration: none; } #scTweets .tweet { font-size: 20px; line-height: 26px; font-family: 'GothamMedium'; margin: 0; } #scTweets a { font-family: 'GothamUltra'; } #scTweets a, #scTweets a:visited { color: #fff; } #scTweets a:hover { color: #fff; } #scTweets > ul{ display: table; } #scTweets > ul > li{ display: table-cell; margin:0; padding: 30px; width: 33.3333333%; list-style: none; vertical-align: top } #scTweets ul li:nth-child(1) { background-color: #5bc4ce; } #scTweets ul li:nth-child(2) { background-color: #4ab0c2 } #scTweets ul li:nth-child(3) { background-color: #0a97ac; } #scTweets ul li:hover { background-color: #5bc4ce; } #scTweets .user, #scTweets .tweet, #scTweets .timePosted { float: left; } #scTweets .user { width: 25%; } #scTweets .tweet { width: 100%; display: block; border-bottom: 1px solid #b8b8b8; padding-bottom: 15px; margin-bottom: 15px !important; } #scTweets .timePosted { float: right; } #scTweets .timePosted a { font-family: 'GothamBook'; } #scTweets .user { clear: left; } #scTweets .user a { width: 100px; } #scTweets .user span span { width: 100px; display: block; margin-top: 10px; } #scTweets .user img, #scTweets .user a > span { float: left; } #scTweets .interact { float: left; width: auto; } #scTweets .interact a { margin-right: 23px; float: left; padding: 0; margin-top: 0; } #scTweets .interact a.twtr-fav-icon { background: url('http://media.scmagazine.com/images/2016/10/18/tweetfav_1075140.png') no-repeat; width: 20px; height: 18px; } #scTweets .interact a.twtr-share-icon { background: url('http://media.scmagazine.com/images/2016/10/18/tweetshare_1075148.png') no-repeat; width: 20px; height: 18px; } #scTweets .user a > span { margin-left: 10px; } #scTweets .media img { max-width: 250px; max-height: 250px; } #scTweets #linkage { position: fixed; top: 0px; right: 0px; background-color: #3d3d3d; color: #ffffff; text-decoration: none; padding: 5px; width: 10%; font-family: arial; } @media screen and (max-width:600px) { #scTweets ul li { width: auto; float: none; display: block; min-height: 140px; max-height: none; } #scTweets ul li:after{ content: ""; display: table; clear:both; } #scTweets{ overflow: hidden; } } .webcasts .webcast-filter{ text-align: center; padding-bottom: 25px; } .webcasts .webcast-filter li:nth-child(1){ font-family: 'GothamMedium'; padding-right: 10px; font-weight: bold; text-transform: uppercase; } .webcasts .webcast-filter li{ display: inline-block; } .webcasts .webcast-filter li select{ background-image: url(black-fire/images/SC_email_arrow.png); background-repeat: none; background-repeat: no-repeat; background-position: 97% 50%; padding-right: 30px; -webkit-appearance: none; appearance: none; padding-right: 30px; background-color: #d4d4d4 !important; border: none; padding: 12px 10px; color: #fff; border-radius: 2px; font-size: 16px; font-family: 'GothamBold'; margin-top: 10px; color: #000 !important; width: 250px; } .webcasts .webcast-filter li a{ background-color: #fd0006; border: none; color: #fff; font-family: 'GothamBlack'; border-radius: 3px; font-size: 1em; line-height: 28px; padding: 13.5px 20px; text-transform: uppercase; text-decoration: none; position: relative; top: -2px; } .webcasts>h1{ font-family: 'GothamUltra'; text-transform: uppercase; color: #fe0100; font-size: 28px; line-height: 1.2; margin-bottom: 15px; text-align: center; margin-bottom: 25px; padding-bottom: 25px; } .webcasts .webcast-box{ box-sizing: border-box; width: 300px; height: 370px; float: left; margin-right: 20px; margin-bottom: 40px; background-color: #eee; position: relative; } .webcasts .webcast-box:nth-child(4n+0){ margin-right: 0; } .webcast-date { background-color: #5d5d5d; font-weight: bold; font-size: 12px; line-height: 18px; position: absolute; top: -20px; left: 0; color: #ffffff; padding: 10px 15px; display: block; text-transform: lowercase; } .webcasts .webcast-date + h2 { padding-top: 30px; } .webcast-date { background-color: #5d5d5d; font-weight: bold; font-size: 12px; line-height: 18px; position: absolute; top: -20px; left: 0; color: #ffffff; padding: 10px 15px; display: block; text-transform: lowercase; } .webcasts .webcast-date + h2 { padding-top: 30px; } .webcast-image { width: 100%; height: 110px; } .webcast-image img { display: block; padding: 0; margin: 0; width: 100%; height: 100%; } .webcast-box p { font-size: 12px; line-height: 18px; padding: 10px 20px; margin-top: 0 !important; } .webcast-buttons { padding: 0 20px; margin-top: 10px; } .webcast-box .webcast-buttons{ bottom: 40px; left: 0; right: 0; position: absolute; } body*.webcast-buttons { margin-top: 5px; margin-bottom: -5px; } body*.webcast-box .webcast-buttons { bottom: 20px; } .webcast-buttons a { display: block; text-transform: uppercase; font-size: 14px; padding: 13px 0; transition: all 100ms linear; -ms-transition: all 100ms linear; -moz-transition: all 100ms linear; -webkit-transition: all 100ms linear; -o-transition: all 100ms linear; } .webcast-buttons > div { width: 50%; } .webcast-buttons .webcast-register { float: right; } .webcast-buttons .webcast-more-info { float: left; } .webcast-buttons .webcast-more-info { position: relative; /*z-index: 1;*/ } .webcast-buttons .webcast-description-anchor { position: relative; } .webcast-buttons .webcast-full-description h3 { background-color: #6c6c6c; color: #FFF; font-size: 14px; line-height: 20px; text-transform: uppercase; font-family: 'Arial'; padding: 10px 30px 10px 20px; text-align: center; } .webcast-buttons .webcast-full-description .webcast-description-content { padding: 10px 20px; font-size: 12px; line-height: 18px; max-height: 270px; overflow: auto; } .webcast-buttons .webcast-full-description { position: absolute; width: 314px; height: 300px; background-color: #ffffff; bottom: -5px; left: -31px; border: solid 2px #0e7dd8; box-shadow: 0 0 7px #2c2c2c; display: none; opacity: 0; border-radius: 3px; overflow: hidden; } .webcast-buttons .webcast-more-info .webcast-full-description a.close { position: absolute; right: 0; top: 5px; color: #ffffff; margin: 0; padding: 5px 10px; font-size: 11px; } .webcast-buttons .webcast-register a { text-align: center; background-color: #e30613; color: #ffffff; padding-left: 10px; padding-right: 10px; } .webcast-buttons .webcast-register a:hover { background-color: #333; } .webcast-buttons .webcast-more-info a { font-weight: bold; color: #e30613; position: relative; /*z-index: 1;*/ text-align: left; } .webcast-buttons .webcast-more-info a:hover { color: #0e7dd8; } .webcast-sponsor { text-align: right; font-style: italic; font-weight: normal; color: #a6a6a6; } .webcast-box .webcast-sponsor { position: absolute; bottom: 0; left: 0; right: 0; } body*.webcast-sponsor { padding-top: 0; } .webcast-sponsor span { font-weight: bold; color: #333; margin-left: 1px; font-style: normal; } .webcast-filter { padding: 0 13px; margin: 10px 0 25px 0; text-align: center; } .webcast-filter li { display: inline-block; color: #666; text-transform: uppercase; font-weight: bold; margin-right: 10px; } .webcast-filter a { background-color: #FFF; display: block; color: #e30613; padding: 10px 20px; transition: all 100ms linear; -ms-transition: all 100ms linear; -moz-transition: all 100ms linear; -webkit-transition: all 100ms linear; -o-transition: all 100ms linear; } .webcast-filter a:hover { background-color: #0e7dd8; color: #ffffff; } .webcast-full-description ol, .webcast-full-description ul { padding: 5px 20px 5px 0; margin-left: 35px; font-size: 12px; line-height: 18px; } .webcast-full-description ol li, .webcast-full-description ul li { padding: 5px 0; } .webcast-full-description ul li { list-style-type: disc; } .webcast-full-description ol li { list-style-type: decimal; } body*.webcast-filter { margin-top: -20px; } body*.webcast-filter li{ display: inline; } body*.webcast-filter a { position: relative; top: 10px; } .webcast-message { color: #000; font-size: 24px; line-height: 30px; padding: 20px 20px 0 20px; } .feature-webcast { margin: 0 0 40px 0; color: #424242; } .feature-webcast-wrapper { padding: 0 10px; } .feature-webcast .left, .feature-webcast .right { width: 50%; float: left; } .feature-webcast .webcast-image { height: auto; } .feature-webcast .right .wrap { padding-left: 20px; } .feature-webcast h2 { font-size: 16px; line-height: 22px; text-transform: uppercase; color: #e30613; font-weight: bold; font-family: 'Arial'; } .feature-webcast p { font-size: 18px; line-height: 24px; padding: 10px 0; margin-top: 0 !important; } .feature-webcast .webcast-buttons { padding: 0; margin-top: 10px; } .feature-webcast .webcast-buttons a { font-size: 18px; line-height: 24px; color: #0e7dd8; } .feature-webcast .webcast-register a { background-color: #6c6c6c; color: #FFF; } .feature-webcast .webcast-register a:hover { background-color: #333; } .feature-webcast .webcast-date { position: static; color: #000; background-color: transparent; padding: 0; text-transform: uppercase; font-size: 18px; line-height: 24px; padding-bottom: 5px; } .feature-webcast .webcast-sponsor { padding-top: 15px; font-size: 13px !important; line-height: 19px !important; } .feature-webcast .webcast-image img { height: auto; } .feature-webcast .webcast-buttons .webcast-description-anchor { z-index: 1600000; } .feature-webcast .webcast-buttons .webcast-full-description { width: 480px; border: solid 2px #e30613; bottom: auto; top: -5px; left: -20px; } .feature-webcast .webcast-buttons .webcast-more-info a:hover { color: #e30613; background-color: #FFF; } .feature-webcast .webcast-buttons .webcast-more-info a.close { top: 0; } .feature-webcast .webcast-buttons .webcast-more-info a.close:hover { background-color: transparent; color: #ffffff; } .feature-webcast .webcast-buttons .webcast-more-info p { font-size: 12px; line-height: 18px; font-family: 'Arial'; } .feature-webcast .webcast-buttons .webcast-full-description h3 { background-color: #e30613; } .webcast-filter li select { padding: 10px 10px; color: #e30613; text-transform: uppercase; width: 230px; } .webcast-filter li select option { font-family: 'Arial'; } .webcasts h2{ padding: 30px 15px 15px; text-align: center; font-size: 16px; font-weight: bold; } .webcasts h1, .webcasts h2, .webcast-buttons .webcast-more-info a, .webcast-filter a, .feature-webcast h2, .webcast-filter li select { color: #f10303; } .webcast-buttons .webcast-full-description{ border: solid 2px #6c6c6c; } /* .webcasts .webcast-box .img-container{ box-sizing: border-box; width: 100%; height: 140px; background-size: cover; padding: 22px 20px; position: relative; } .webcasts .webcast-box .img-container .flag{ position: absolute; width: 80px; height: 60px; background-image: url('black-fire/images/flag.png'); background-size: cover; top: -2px; right: -2px; } .webcasts .webcast-box .img-container .flag p{ color: #fff; max-width: 60px; font-family: 'GothamBold'; font-size: 10px; margin: 0; margin-left: 20px; margin-top: 0 !important; text-transform: uppercase; } .webcasts .webcast-box .holo{ text-transform: uppercase; color: #fff; background-color: rgba(0,0,0,.3); display: inline-block; padding: 3px 4px; } .webcasts .webcast-box h3.holo{ font-size: 21px; font-family: 'GothamMedium'; margin-top: 0; } .webcasts .webcast-box .webcast-body{ padding: 0 20px; font-family: 'GothamBook'; } .webcasts .webcast-box .webcast-body p{ line-height: 1.4; margin-bottom: 17px; } .webcasts .webcast-box .out-link{ color: #fff; text-transform: uppercase; text-align: center; margin-top: 10px; text-align: center; font-size: 19px; font-family: 'GothamMedium'; position: absolute; bottom: 20px; left: 0; right: 0; color: #333; } .webcasts .webcast-box.type-Virtual .out-link{color: #fff} .webcasts .webcast-box.type-Virtual{background-color: #164571; color: #fff} .webcasts .webcast-box .special-button, .feature-webcast .special-button{ display: block; width: 225px; height: 50px; margin: 0 auto; background-color: #F10303; color: #fff; border: 2px solid #fff; border-radius: 4px; text-transform: uppercase; font-size: 14px; font-family: 'GothamMedium'; } .webcasts .webcast-box.type-Virtual .special-button, .feature-webcast .special-button{ background-color: #346EA4; } .webcasts .webcast-box .special-button .button-pop-up, .feature-webcast .special-button .button-pop-up{ display: none; position: absolute; width: 350px; height: 400px; color: #000; background-color: #fff; top: 0; left: 0; z-index: 10; border: 1px solid #cacaca; } .webcasts .webcast-box .special-button .button-pop-up.opened, .feature-webcast .special-button .button-pop-up.opened{ display: block } .webcasts .webcast-box .special-button .button-pop-up header, .webcasts .webcast-box .special-button .button-pop-up .body, .feature-webcast .special-button .button-pop-up header, .feature-webcast .special-button .button-pop-up .body{ padding: 20px; } .webcasts .webcast-box .special-button .button-pop-up header, .feature-webcast .special-button .button-pop-up header{ margin-bottom: 0; text-align: left; } .webcasts .webcast-box .special-button .button-pop-up h5, .feature-webcast .special-button .button-pop-up h5{ font-family: 'GothamMedium'; font-size: 13px; } .webcasts .webcast-box .special-button .button-pop-up header h5, .feature-webcast .special-button .button-pop-up header h5{ margin: 0; font-size: 16px; } .webcasts .webcast-box .special-button .button-pop-up header .close, .feature-webcast .special-button .button-pop-up header .close{ font-size: 12px; display: inline-block; background-color: #000; color: #fff; opacity: 1; padding: 3px 4px; position: absolute; right: 10px; top: 10px; } .webcasts .webcast-box .special-button .button-pop-up .body, .feature-webcast .special-button .button-pop-up .body{ padding: 20px; height: 320px; overflow: scroll; text-align: initial; padding-top: 0; } .webcasts .webcast-box .special-button .button-pop-up p, .feature-webcast .special-button .button-pop-up p{ margin-top: 0 !important; font-family: 'GothamBook'; font-size: 15px; } .webcasts .webcast-box .special-button .button-pop-up hr, .feature-webcast .special-button .button-pop-up hr{ margin: 10PX; height: 2px; border: none; background-color: #afafaf; } .feature-webcast{ max-width: 972px; margin: 0 auto; } .feature-webcast header{ border: none; padding-bottom: 0 !important; margin-bottom: 0 !important; } .feature-webcast .img-container{ background-size: cover; box-sizing: border-box; min-height: 260px; padding: 25px 35px; color: #fff; } .feature-webcast .img-container .left{ width: 65%; float: left; } .feature-webcast .img-container .right{ width: 35%; float: right; } .feature-webcast .webcast-date{ font-size: 14px; font-family: 'GothamMedium' } .feature-webcast h3{ font-size: 45px; font-family: 'GothamMedium'; margin-top: 0; } .feature-webcast .special-button{ font-size: 17px !important; margin-top: 50% !important; width: 300px !important; margin-right: 0 !important; position: relative; } .feature-webcast .left p{ margin-top: 0 !important; margin-bottom: 0 !important; font-size: 16px; font-family: 'GothamMedium'; } .feature-webcast .right a{ text-decoration: none; color: #fff; font-size: 19px; font-family: 'GothamMedium'; float: right; margin-top: 30px; text-transform: uppercase; } .feature-webcast .special-button .button-pop-up header{ padding-bottom: 20px !important; } .feature-webcast .special-button .button-pop-up .body{ padding-top: 20px !important; } .feature-webcast .footer{ box-shadow: 0 2px 1px rgba(0,0,0,.2); } .feature-webcast .footer .sponsors{ padding: 15px 0; float: right; } .feature-webcast .footer .sponsors span{ display: inline-block; margin-right: 15px; font-family: 'GothamBook'; font-size: 14px; text-transform: uppercase; } .feature-webcast .footer .sponsors ul{ margin-bottom: 0; display: inline-block; position: relative; top: 5px; } .feature-webcast .footer .sponsors ul li{ float: left; margin-right: 26px; }*/ /* Deafault Assets*/ .query-asset-title{ font-family: 'GothamUltra'; color: #eb0026; font-size: 20px; text-transform: uppercase; margin-bottom: 24px; } .asset{ margin-bottom: 25px; max-width: 23.3%; float: left; margin-right: 2.2%; } .asset-boxes-container .asset-box:nth-child(4) .asset{ margin-right: 0; } .asset a{text-transform: capitalize; font-size: 1.2em; line-height: 1.5} .asset .body, .asset .footer{background-color: #fff} .asset .footer a{font-size: 1em} .asset .body, .asset .footer, .asset .img{padding: 15px;} .asset .img{ display: block; height: 135px; position: relative;; background: url(../images/sample3.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .asset .title{ text-transform: capitalize; color: #fff; font-size: 23px; line-height: 28px; position: relative; z-index: 2; } .asset p{ margin-top: 0 !important} .asset .body{box-sizing: border-box; height: 210px; background-color: #f8f8f8} .asset .body p{box-sizing: border-box;margin: 0; line-height: 1.4;} .asset .footer{padding-top: 10px; padding-bottom: 10px; background-color: #f8f8f8 } .asset .footer img{max-width: 92px; max-height: 28px} /* Asset Lists */ ul.asset-list{list-style: none;padding-left: 0;} ul.asset-list li{display: inline-block; width: 30%; padding:19px;} ul.asset-list li:nth-child(1), ul.asset-list li:nth-child(4n+4){padding-left: 0} ul.asset-list li:nth-child(3n+3){padding-right: 0} /* Asset Layers */ .asset .img .layer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /*Blue*/ .layer.whitepaper, .layer{ background: -moz-linear-gradient(-45deg, rgba(12,126,183,1) 0%, rgba(12,126,183,0.23) 77%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(12,126,183,1)), color-stop(77%,rgba(12,126,183,0.23)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(12,126,183,1) 0%,rgba(12,126,183,0.23) 77%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(12,126,183,1) 0%,rgba(12,126,183,0.23) 77%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(12,126,183,1) 0%,rgba(12,126,183,0.23) 77%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(12,126,183,1) 0%,rgba(12,126,183,0.23) 77%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c7eb7', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /*Green*/ .layer.spotlight{ background: -moz-linear-gradient(-45deg, rgba(68,117,76,1) 0%, rgba(68,117,76,0.23) 77%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(68,117,76,1)), color-stop(77%,rgba(68,117,76,0.23)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(68,117,76,1) 0%,rgba(68,117,76,0.23) 77%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(68,117,76,1) 0%,rgba(68,117,76,0.23) 77%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(68,117,76,1) 0%,rgba(68,117,76,0.23) 77%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(68,117,76,1) 0%,rgba(68,117,76,0.23) 77%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44754c', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /*Red*/ .layer.eBook{ background: -moz-linear-gradient(-45deg, rgba(251,2,0,1) 0%, rgba(251,2,0,0.23) 77%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(251,2,0,1)), color-stop(77%,rgba(251,2,0,0.23)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(251,2,0,1) 0%,rgba(251,2,0,0.23) 77%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(251,2,0,1) 0%,rgba(251,2,0,0.23) 77%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(251,2,0,1) 0%,rgba(251,2,0,0.23) 77%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(251,2,0,1) 0%,rgba(251,2,0,0.23) 77%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb0200', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /*Purple*/ .layer.video{ background: -moz-linear-gradient(-45deg, rgba(148,99,164,1) 0%, rgba(148,99,164,0.23) 77%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(148,99,164,1)), color-stop(77%,rgba(148,99,164,0.23)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(148,99,164,1) 0%,rgba(148,99,164,0.23) 77%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(148,99,164,1) 0%,rgba(148,99,164,0.23) 77%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(148,99,164,1) 0%,rgba(148,99,164,0.23) 77%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(148,99,164,1) 0%,rgba(148,99,164,0.23) 77%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9463a4', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* Special Form */ .asset-container{ margin-top: 40px; padding: 20px 20px 15px 20px; background: #2f3d4b; /* Old browsers */ background: -moz-linear-gradient(-45deg, #2f3d4b 0%, #496783 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2f3d4b), color-stop(100%,#496783)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #2f3d4b 0%,#496783 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #2f3d4b 0%,#496783 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #2f3d4b 0%,#496783 100%); /* IE10+ */ background: linear-gradient(135deg, #2f3d4b 0%,#496783 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3d4b', endColorstr='#496783',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .asset-container h3{ color: #fff; font-size: 2.2em; padding-bottom: 5px; width: 500px; text-transform: capitalize; } .asset-container .description{ color: #fff; padding-top: 15px; font-size: 1.1em; line-height: 1.8; } .wide-newsletter{ padding: 40px 60px; background-color: #333333; } .wide-newsletter h2{ font-family: 'GothamUltra'; text-transform: uppercase; color: #fe0100; text-align: center; font-size: 36px; line-height: 42px; margin-bottom: 15px; } .wide-newsletter ul{ display: block; max-width: 644.07px; margin: 0 auto; } .wide-newsletter li{ float: left; margin-right: 20px; display: inline; } .wide-newsletter li:nth-child(1){ margin-left: 0; } .fire-checkbox-wrap{margin-top: 5px;} .fire-checkbox-wrap input[type="checkbox"]{position: relative; top: 3px;} .fire-checkbox-wrap label{font-family: 'GothamBlack'; color: #fff} .wide-newsletter .inline-form{ margin-top: 30px; width: 700px; margin: 0 auto; margin-top: 30px; } .wide-newsletter .inline-form:after{ content: ""; display: table; clear:both; } .wide-newsletter .inline-form *{ float: left; } .wide-newsletter .field{height: 44px; width: 260px;box-sizing: border-box;} .wide-newsletter select.field{ -moz-appearance: none; height: 44px; width: 260px; } .wide-newsletter select {margin-right: 16px;} .wide-newsletter .field{margin-right: 15px;} /*placeholder color*/ #newsLetterAsset input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } #newsLetterAsset input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } #newsLetterAsset #rightEmailAlerts-content .field[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #fff; } #newsLetterAsset #rightEmailAlerts-content .rightNwsLasset-chkLabel { font-size: 16px; } #newsLetterAsset input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } /* ended placeholder color */ #container-hmn-registration select { padding: 12px 20px; } .wide-newsletter .field, .wide-newsletter select{ margin-top: 0 !important; } .wide-newsletter .inline-form input#emailAlertsSubmit{ font-size: 23px; line-height: 29px; } @media screen and (max-width:600px) { .wide-newsletter{ padding: 20px; } .wide-newsletter .field, .wide-newsletter select{ width: 100%; } .wide-newsletter .inline-form{ width: auto; margin-top: 20px; } .wide-newsletter h2{ font-size: 23px; line-height: 29px; margin-bottom: 10px; } .wide-newsletter .inline-form *{ float: none; } .wide-newsletter select{ margin-top: 15px !important; } .wide-newsletter .inline-form input#emailAlertsSubmit{ float: right; margin-top: 20px; } } #lightboxContentWrapperLogin, #lightboxContentWrapperEditPassword, #lightboxContentWrapperNewsLetterSignup, #lightboxContentWrapperQuizSubmit, #lightboxContentWrapperEmail, #lightboxContentWrapperEditEmail, #lightboxContentWrapperResetPasswordError, #lightboxContentWrapperIncompleteProfile{ position: absolute; z-index: 5000001; } #lightboxContentWrapperNewsLetterSignup, #lightboxContentWrapperQuizSubmit { position: fixed; } #lightboxMask { position: fixed; z-index: 5000000; } #fixed-footer-login-register{ z-index: 4000000; } #main-header{ position: relative; z-index: 2000000; } #main-header-navigation{ position: relative; z-index: 2; } #main-header-advertisement{ position: relative; z-index: 1; } .adZoneFixedLeftContainer, .adZoneFixedRightContainer { z-index: 3000000 !important; }