li>a { padding-top: 18px; padding-bottom: 17px; font-size: 14px;font-weight:500;} #main-navigation li a {font-size: 14px;} } .navbar-default .btn-link { color: #222;} #main-navigation .user-controls { padding-top: 11px;} #main-navigation .logged-in .btn { box-shadow: none; border-radius: 0;} #main-navigation .logged-in .list-inline { margin: 0;} #main-navigation.navbar-dynamic .navbar-header .navbar-toggle { min-height: 55px;} #main-navigation.navbar-dynamic .hamburger-desktop { padding: 10px 15px;} /* Constrains width of logo in sticky nav and on mobile */ #tncms-region-main-nav-brand .tnt-prop-img {max-width:200px;} @media screen and (min-width: 992px) { .navbar-toggle.hamburger-desktop .sr-only-show { display: none!important;} .navbar-toggle.hamburger-desktop { padding: 19px 15px;} .navbar-brand img { margin-top: 0; max-height: 50px;} } /* e-Edition in header */ #site-header .eedition-latest { padding: 15px 0 0 0; margin: 0; background-color: transparent;} #site-header .eedition-latest .block-title { margin: 0 0 0 15%; padding-left: 25px;} #site-header .eedition-latest .block-title h4 { font-size: 16px; font-family: 'PT Serif', serif; font-weight: bold; margin-bottom: 0;} #site-header .eedition-latest .card, #site-header .eedition-latest .block { margin: 0 !important;} #site-header .eedition-latest .card-image { margin-top: -32px;} #site-header .eedition-latest .card-image .photo { max-height: 50px; margin: 0;} #site-header .eedition-latest .card.has-image>.card-container>.card-body { padding-left: 25px;} #site-header .eedition-latest .tnt-headline a { font-weight: normal; font-size: 14px; color: rgba(0,0,0,0.6); font-family: 'Fira Sans', sans-serif;} @media (min-width: 992px) { #site-header .site-logo-container img { max-width: 430px !important; max-height: 100px !important; width: auto;} } /* \\\// Uncomment if you want to use 'Dropdown' nav instead of 'Dynamic' and still have the logo appear in the sticky nav. //\\\ #main-navigation a.nav-link.nav-home.tnt-section-home { display: none;} #main-navigation .sticky-nav .user-controls { padding-top: 0px;} .affix #main-navigation a.nav-link.nav-home.tnt-section-home { display: block; background: url(https://www.centerpiece.bloxcms.com/tncms/media/navlogo/) no-repeat center center; width: 200px; height: 50px;} .affix #main-navigation a.nav-link.nav-home.tnt-section-home .tnt-svg { display: none;} #main-navigation .sticky-nav .user-controls { display: none !important;} .affix #main-navigation .user-controls { display: none!important;} .affix #main-navigation .sticky-nav .user-controls { display: block!important;}*/ /* Rewire */ @media screen and (min-width: 768px) { .card.summary.has-image.image-right > .card-container > .card-body { margin: 0; padding: 0;} } .block-title-inner a { color: #222;} .card-headline a, .card .headline-list a { color: #222; font-family: 'PT Serif', 'Times New Roman', serif; font-weight: 800;} .card .card-image .photo { margin: 0 0 10px;} .panel { box-shadow: none;} .btn, .pagination, .photo-carousel .photo-carousel-control, #main-body-container .more-button .block-links.pos-bottom a { border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.05), 0 1px 5px 0 rgba(0,0,0,0.05);} .well { background-color: #f5f5f5!important; border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;} .card .card-image .photo.layout-vertical { background-color: #fff;} .list-popular a { color: #222; font-family: 'PT Serif', 'Times New Roman', serif; font-weight: 800;} .list-popular.bold > li h3, .list-popular.bold > li h4, .list-popular.bold > li h5 { margin: 0 0 0 45px; line-height: initial;} .list-popular.bold > li:before { width: 30px; height: 30px; line-height: 30px; font-size: 20px; border-radius: 30px; margin-top: 5px; background-color: #684099 !important;} .list-popular.bold > li { background-color: transparent; margin-bottom: 10px; padding-bottom: 10px; border-bottom: dotted 1px rgba(0,0,0,.5);} .list-popular.bold > li:last-child { border-bottom: 0;} .list-popular > li h4 { font-size: 20px;} .list-popular.bold > li a { white-space: initial; text-overflow: initial; overflow: initial;} @media screen and (max-width: 991px) { .list-popular.bold > li h3, .list-popular.bold > li h4, .list-popular.bold > li h5 { line-height: 1.5em;} } .btn-primary { color: #fff; background-color: #684099; border-color: #684099;} .btn-primary:hover { color: #fff; background-color: #684099; border-color:#684099; opacity: .8;} .site-search-full-mobile .form-control {border: 1px solid #ccc;} .site-search-full-mobile .btn { border-radius: 0; box-shadow: none;} .navbar-toggle { border-radius: 0;} .breaking .breaking-container { max-width: 1360px;} @media screen and (min-width: 768px) { .breaking .breaking-title h4 { font-size: 20px; font-weight: bold;} .breaking .breaking-title { width: 145px;} .breaking .breaking-content { margin-left: 160px;} } /* === Mobile Layout === */ @media screen and (max-width: 991px) { .site-search-full-mobile{order: 10;margin-left: auto !important;margin-right:15px} .navbar-header{width: 100%} .site-search-full-mobile .search-form-dropdown .dropdown-menu{height: 50px} .site-search-full-mobile .yamm-content{padding: 8px 10px !important;background: #fff} .affix #main-navigation {min-height: 80px !important} .navbar-header .hamburger-desktop{order: -1} #site-navbar-container, #main-navigation {width:100%} #main-navigation {height:70px} #main-navigation.navbar-dynamic .navbar-brand {top: 0;transform:none} .sticky .share-header {height:70px;padding-top: 12px !important} .yamm > .navbar-header { display: grid; grid-column-gap: 5px; grid-template-columns: 60px auto 60px;align-items: center; justify-items: center; grid-row-gap: 5px; grid-template-rows: 70px} .navbar-default .navbar-nav > li > a{} .navbar-default .navbar-nav > li > a:hover {} .navbar-header:before{display: none} .navbar-header:after{display: none} .navbar-brand { float: none; height: initial; padding: 0; font-size: initial; line-height: initial; grid-column-start: 2; grid-column-end: 3;} .navbar-brand img{max-height: 55px !important;margin-top: 0 !important;max-width:none} .navbar-toggle.hamburger-desktop { padding:15px 10px; border-radius: 0px; margin: 0px!important; border: none!important; grid-column-start: 1; grid-column-end: 1;} .site-search-full-mobile {grid-column-start: 3; grid-column-end: 4;position: relative !important;float:none !important;align-self: center;top:auto !important;left:auto !important; right:auto !important;bottom:auto;} .site-search-full-mobile .search-form-dropdown{position: relative;width:50px;height: 50px;background: none !important} #main-navigation .search-form-dropdown .dropdown-menu{background: rgba(255,255,255,1)!important;top: 60px !important;padding: 0 !important;border-bottom:1px solid #000 !important;width: calc(100vw - 0px) !important;right:-10px !important} .search-form-dropdown .yamm-content{width: 100%;} .navbar-default .navbar-nav > .search-form-dropdown.open .dropdown-toggle{background: rgba(255,255,255,0)!important} .yamm .dropdown.yamm-fw .dropdown-menu {left:auto !important;right:0px !important;position: absolute;top: 0; padding: 0 5px;height: 100%; width:250px;border: 0} .yamm .dropdown.yamm-fw .dropdown-menu > li{display: flex;align-items: center;height: 100%} .site-search-full-mobile .search-form-dropdown form{padding: 0;} .site-search-full-mobile .form-control { border: solid 1px rgba(0,0,0,.1); } .site-search-full-mobile .btn-default {} .nav > li:last-of-type > a.dropdown-toggle{border: 0 !important;line-height: 30px !important;padding: 10px 15px} .card-labels{display: block !important} } @media screen and (max-width: 500px) { .navbar-brand img{max-height: 40px !important;margin-top: 5px !important;max-width:none} } /* Footer */ #site-footer-container {border-top: 1px solid #efefef; margin-top: 20px;} #site-footer-container .footer-logo img {width: 75%;max-width:210px} div#site-copyright-container {margin-bottom: 100px;} #site-footer .bullet-nav { list-style: none; padding: 0;} #site-footer li { font-size: 13px; margin-bottom: 6px;} #site-footer .list-inline { margin-left: 0;} #site-copyright { padding-top: 20px; padding-bottom: 20px; border-top: solid 1px rgba(0,0,0,.2);} @media (min-width: 992px) {#site-copyright .col-md-5 { text-align: right;}} /* === grid related === */ @media (min-width: 992px) { .grid-ample .col-md-4.pull-left-lg { width: inherit; min-width: 330px; max-width: 330px;} .grid-ample .col-md-8.pull-right-lg { width:calc(100% - 330px);} .grid-ample .row.equal-height { display: -webkit-flex; display: -ms-flexbox; display: flex;} .grid-ample .row.swapRow.equal-height { flex-direction: row-reverse;} .grid-ample .main-content.col-md-8 { width: calc(100% - 330px);} .grid-ample .main-sidebar.col-md-4 { width: inherit; min-width: 330px; max-width: 330px;} .grid-ample .main-content.col-lg-8 { width: calc(100% - 330px); } .grid-ample .main-sidebar.col-lg-4 {width: inherit;min-width: 330px;max-width: 330px;} .grid-ample #staticpage-content.col-lg-8 { width: calc(100% - 330px);} } /* if boxy/banded/sidebar is utilized on any interior pages*/ @media (min-width: 992px) { .grid-sidebar .main-content.col-lg-8.col-md-7, .grid-boxy .main-content.col-lg-8.col-md-7, .grid-banded .main-content #grid-primary .col-lg-8.col-md-7 { width: calc(100% - 330px);} .grid-sidebar .main-sidebar.col-lg-4.col-md-5, .grid-boxy .main-sidebar.col-lg-4.col-md-5, .grid-banded .main-content #grid-primary .col-lg-4.col-md-5 { width: inherit; min-width: 330px; max-width: 330px;} .form-content.col-lg-8.col-md-7, #staticpage-content.col-lg-8.col-md-7 { width: calc(100% - 330px);} .grid-boxy #staticpage-content.col-lg-8 { width: calc(100% - 330px);} } /* === grid vertical lines === */ @media (min-width: 992px) { .grid-ample .col-md-8.pull-right-lg, .grid-sidebar .main-sidebar.col-lg-4.col-md-5, .grid-boxy .main-sidebar.col-lg-4.col-md-5, .app-business .main-sidebar.col-lg-4.col-md-5, #tncms-region-front-one-d,#tncms-region-front-two-d,#tncms-region-front-three-d,#tncms-region-front-four-d, #tncms-region-landing-one-d,#tncms-region-landing-two-d,#tncms-region-landing-three-d,#tncms-region-landing-four-d, #tncms-region-index-one-d,#tncms-region-index-two-d,#tncms-region-index-three-d,#tncms-region-index-four-d { border-left: 1px solid rgba(0,0,0,0.4); } #tncms-region-front-one-l,#tncms-region-front-two-l,#tncms-region-front-three-l,#tncms-region-front-four-l, #tncms-region-landing-one-l,#tncms-region-landing-two-l,#tncms-region-landing-three-l,#tncms-region-landing-four-l, #tncms-region-index-one-l,#tncms-region-index-two-l,#tncms-region-index-three-l,#tncms-region-index-four-l {border-left: 1px solid rgba(0,0,0,0.4);border-right: 1px solid rgba(0,0,0,0.4);} .grid-ample .main-content.col-md-8, .app-search .main-content.col-lg-8.col-md-7.has-sidebar, .grid-banded .main-content #grid-primary .col-lg-8.col-md-7 { border-right: 1px solid rgba(0,0,0,0.4);} } /* Classifieds */ .search-form-container .card-headline h1 { margin: 0 0 15px 0; font-size: 24px !important; line-height: 24px !important; font-weight: 300;} /* Article */ header.asset-header { text-align: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px solid #000;} .asset .asset-header h1 { font-family: 'PT Serif', serif; font-weight: 700;} @media screen and (min-width: 768px) { .asset .asset-header h1 { font-size: 60px;} } .asset .asset-header .hammer, .asset .asset-header .kicker, .asset .asset-header .subhead, .asset .asset-header .meta, .asset .asset-header h1 { margin-right: 0;} .asset .share-container.headline-right { display: none;} .asset .asset-content ol, .asset .asset-content p, .asset .asset-content ul { font-family: 'PT Serif', serif;} .asset .asset-body p { font-size: 18px; line-height: 30px; margin-bottom: 30px;} #asset-content #article-body h1{font-weight: 900} /*.asset #asset-content p:first-of-type:first-letter { font-size: 65px; font-weight: 700; float: left; margin-top: 15px; margin-right: 15px;}*/ /*e-Edition */ @media screen and (min-width: 768px) { .eedition-latest .card-img-lg .card.has-image > .card-container > .card-body { margin-left: 33%; padding-left: 40px;} .eedition-latest .card-img-lg .card .card-container > .card-image { width: 33%;} } .eedition-grid .card .card-image .photo.layout-vertical img, .eedition-latest .card .card-image .photo.layout-vertical img { max-height: none;} .eedition-latest .card .card-container>.card-image, .eedition-grid .card .card-container>.card-image { z-index: 1; border: 1px solid #bbb; margin-bottom: 1em; max-width: 320px; overflow: visible;} .eedition-latest .card-image:before, .eedition-grid .card-image:before { content: ''; position: absolute; width: 10px; height: calc(100% + 5px); top: 5px; left: 100%; box-shadow: inset 0 -2px 0 2px white, inset 0 -6px 0 6px #bbb; border-radius: 0 0 10px 10px; border: 2px solid #bbbbbb; border-top: 0; background: white; z-index: 1; transform: skewY(45deg);} .eedition-latest .card-image:after, .eedition-grid .card-image:after { content: ''; position: absolute; width: calc(100% + 10px); top: 100%; left: 0; border-radius: 0 0 0 10px; border-bottom: 10px solid #ffffff; background: white; z-index: -1; box-shadow: 0 2px 0 0 #bbbbbb;} .eedition-latest .card-image .media-preview, .eedition-grid .card-image .media-preview { position: relative; z-index: 5; max-height: 300px; overflow: hidden;} .eedition-grid .card .card-image .photo.layout-vertical img, .eedition-latest .card .card-image .photo.layout-vertical img { max-height: none;} /* Ad-Owl */ #main-page-container #adowl-your-ad-details .block-title:before { content: initial; display: initial; position: initial; vertical-align: initial; width: initial; top: initial%; z-index: initial; border-top: initial; border-bottom: initial; height: initial;} #main-page-container #adowl-your-ad-details .block-title { border-bottom: 1px solid rgba(0,0,0,0.4); padding-bottom: 5px;} /* Custom Classes */ .div-lines article.card, .bottom-line article.card { border-bottom: solid 1px rgba(0,0,0,.1);} .div-lines article.card:last-of-type { border-bottom-width: 0px;} .div-lines.more-button article.card:last-of-type { border-bottom-width: 1px;} @media screen and (max-width: 767px) {.top-story .card .card-headline h1, .top-story .card .card-headline h2 { font-size: 30px; line-height: 34px;}} #main-body-container .more-button .block-links.pos-bottom { text-align: center; margin-bottom: 20px; border-width: 0px; padding: 0;} #main-body-container .more-button .block-links.pos-bottom a { display: inline-block; border: 1px solid rgba(0,0,0,0.2); padding: 8px 16px; font-weight: 600;background:#684099;color:#fff} #main-body-container .more-button .block-links.pos-bottom a:hover { text-decoration: none; background-color: rgba(0,0,0,1);} @media screen and (min-width: 768px) { #main-page-container .page-heading .block.emphasis-h1 .block { margin-bottom: 10px;} .top-story {text-align:center;} } .page-heading .block.emphasis-h1 { text-align: center; margin-bottom: 15px;} .page-heading .emphasis-h1 .block-title-inner { padding: 0 10px;} .page-heading .emphasis-h1 .breadcrumb { padding: 0; margin: 0 0 15px; float: none!important;} #main-page-container .page-heading .emphasis-h1 .block-title-inner *{ font-weight: 700 !important;} .page-heading .list-inline.block-links.pos-top { float: none; margin: 0 0 15px;} .page-heading .block-links li { padding: 0; margin: 0; display: inline-block; border-right: 1px dotted rgba(0,0,0,0.2); font-size: 14px; font-weight: 600;} .page-heading .block-links li a { padding: 0 10px 0 6px;} .page-heading .breadcrumb>li { padding: 0 7px 0 6px; font-size: 14px; font-weight: 600; border-right: 1px dotted rgba(0,0,0,0.2); line-height: 12px;} .page-heading .breadcrumb>li+li:before { content: initial;} .page-heading .breadcrumb li:last-child { border-right: 0;} .container-breakout .move-up {margin-top: 20px; margin-bottom: -20px;} @media screen and (min-width: 768px) { #main-page-container .container-breakout .half-margin .block { margin-bottom: 20px;} #main-page-container .no-margin .block { margin-bottom: 0px;}/*.container-breakout {margin: 0 -100%;}*/} .hz-subnav .blox-autolist {display: block!important; grid-template-columns: unset!important; text-align:center!important;} .hz-subnav .list-group-item { display: inline-block; padding: 0 10px; margin-bottom: 0px; border-top-width: 0; border-bottom-width: 0; border-left-width: 0;} .list-group-item:last-of-type { border-right-width: 0;} #main-page-container .hz-subnav .block { margin-bottom: 0px;} .hz-subnav .list-group-item.active, .hz-subnav .list-group-item.active:hover, .hz-subnav .list-group-item.active:focus { color: #555; background-color: transparent; border-color: #ddd;} /* Added Theme Necessities */ @media screen and (min-width: 992px) { .row-primary > .left-col .right-col, .row-secondary > .left-col .right-col, .row-tertiary > .left-col .middle-col, .row-quaternary > .left-col .middle-col, .row-quinary > .middle-col { border-left: 1px solid rgba(0,0,0,0.4); border-right: 1px solid rgba(0,0,0,0.4);} .row-primary > .left-col .right-col, .row-secondary > .left-col .right-col{ border-left: 1px solid rgba(0,0,0,0.4); border-right: 0 solid rgba(0,0,0,0.4);} .fixed-col-left.left-col { border-right: 1px solid rgba(0,0,0,0.4);} .row-tertiary .row .col-md-7.right-col, .row-quaternary .row .col-md-7.right-col { border-left: solid 1px rgba(0,0,0,0.4);} } @media (min-width: 1396px) { #main-page-container, #site-header, #main-navigation.container, #site-footer, #main-top-container, #site-copyright-container, .container-breakout .container { width: 100%; padding: 0px;margin:0 auto;max-width:1360px} #site-footer { padding: 30px 20px 15px 30px;} #site-header {padding-top: 15px;} } .container-breakout, #top-container-breakout, #bottom-container-breakout { background-color: rgba(0,0,0,0.05); padding: 20px 0 1px 0; margin-top: 10px; margin-bottom: 20px; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);} #main-body-container .tnt-ads { margin-bottom: 20px !important;} #main-body-container .container-breakout .tnt-ads { margin-top: 20px !important;} .top-pad-ad { margin-top: 20px !important;} @media screen and (min-width: 768px) { .card .card-headline h1, .card .card-headline h2 { font-size: 36px; line-height: 40px;} } @media (min-width: 992px) { #site-header .row:nth-child(2) { padding-bottom: 15px; margin: 0 0 1px 0;} } .promo-box {margin:0; padding:0 0 10px;} .promo-box .card {margin-bottom: 0px;} .promo-box .card-container { grid-template-columns: 29% 69%; border-right: 1px solid rgba(0,0,0,0.4);} .promo-box article:last-of-type .card-container { padding-right: 0; border-right: 0px;} .promo-box .card.showcase .card-container > .card-image { margin-bottom: 0!important;} .promo-box .card .card-image .photo { margin: 0;} /* Static Pages */ header.staticpage-header {text-align: center; margin-bottom: 15px;} header.staticpage-header h1 {font-weight: 700 !important; background-color: #fff; position: relative; z-index: 1; padding: 0 10px; width: auto; display: inline-block;} header.staticpage-header:before{content: ""; display: block; position: relative; vertical-align: middle; width: 100%; top: 20px; z-index: 0; border-top: 2px solid #fff5bf; border-bottom: 0px solid rgba(0,0,0,0.4); height: 4px;} .static-big{display: flex;flex-wrap: wrap} .static-frame{max-width: 400px;margin-left: auto} /* ie11 fixes */ @media all and (-ms-high-contrast:none) { .pediment .promo-box {display: -ms-grid;-ms-grid-columns: 1fr 1fr 1fr 1fr;} .pediment .promo-box > article:nth-of-type(1){-ms-grid-row: 1;-ms-grid-column: 1;} .pediment .promo-box > article:nth-of-type(2){-ms-grid-row: 1;-ms-grid-column: 2;} .pediment .promo-box > article:nth-of-type(3){-ms-grid-row: 1;-ms-grid-column: 3;} .pediment .promo-box > article:nth-of-type(4){-ms-grid-row: 1;-ms-grid-column: 4;} .pediment .promo-box .card-container{display: -ms-grid;-ms-grid-columns: 29% 69%; } .pediment .promo-box .card-container > div:nth-of-type(1){-ms-grid-row: 1;-ms-grid-column: 1;} .pediment .promo-box .card-container > div:nth-of-type(2){-ms-grid-row: 1;-ms-grid-column: 2;} .pediment .promo-box .card-body {margin-left: 10px;} } /* /ie11 fixes */ @media (max-width: 991px) { .overflow-scroll { position: relative; overflow: hidden;} .overflow-scroll .card-img-sm, .overflow-scroll .card-img-md { white-space: nowrap; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin: 0;} .overflow-scroll .card:first-child { padding-left: 0px;} .overflow-scroll .card { border-bottom: 0px !important;} .overflow-scroll .card { float: none; display: inline-block; position: relative; vertical-align: top; width: 45%; padding-left: 10px;} .overflow-scroll .card-container { white-space: normal;} .overflow-scroll .card .card-image { float: none; width: 100%; margin: 0 0 15px 0;} } /* Customized Hamburger drawer */ .offcanvas-drawer .in-drawer { text-align: center; padding: 15px 0 10px 0;} .hamb-logo .img-responsive{max-width: 180px !important;margin: 10px auto } .hamb-logo{background: #6e00c1} .offcanvas-drawer a, .offcanvas-drawer a:hover { color: #222;} .offcanvas-drawer .navbar-nav li a, .offcanvas-drawer .navbar-nav .panel-title a, .offcanvas-drawer .open .dropdown-menu > li > a { color: #000; text-shadow: none !important;} .offcanvas-drawer .search-form-container { border-width: 0 0 1px 0; background-color: transparent!important;} .offcanvas-drawer .search-form-container.card { margin: 0px;} .offcanvas-drawer .search-form-container, .offcanvas-drawer .user-controls, .offcanvas-drawer .tnt-photo-sales-cart { padding: 10px 15px; border-top: 0!important; border-bottom: 1px solid #ddd!important;} .offcanvas-drawer .user-controls, .offcanvas-drawer .tnt-photo-sales-cart { background-color: rgba(0, 0, 0, .02);} .offcanvas-drawer .panel { padding: 15px 20px; border-bottom: solid 1px #ddd;} .offcanvas-drawer .navbar-nav .panel-title { border: 0!important; padding: 0; font-weight: 800;} .offcanvas-drawer .navbar-nav .panel-title a, .offcanvas-drawer .navbar-nav li a{ padding: 10px 0;} .offcanvas-drawer [data-toggle="collapse"] { display: none !important;} .drawer-open .offcanvas-drawer .collapse { display: block !important;} .offcanvas-drawer .dropdown ul, .offcanvas-drawer .panel ul { padding: 0px; background-color: #fff; column-width: auto; column-count: 2;} .offcanvas-drawer .dropdown ul, .offcanvas-drawer .panel ul { padding: 0px; background-color: #fff;} .offcanvas-drawer .navbar-nav .panel-title:hover, .offcanvas-drawer .navbar-nav li a:hover, .offcanvas-drawer .navbar-nav li.open, .offcanvas-drawer .navbar-nav li:active, .offcanvas-drawer .navbar-nav li.open > a { color: #777; background-color: transparent;} .drawer-open .offcanvas-drawer-left { box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.2);} @media (min-width: 992px) { .offcanvas-content-left, .offcanvas-drawer { width: 350px;} #main-navigation .aplus-user .btn{box-shadow: none !important;top: auto !important} #main-navigation .user-controls{padding: 0} #main-navigation .aplus-user > .list-inline{display: flex;column-gap: 5px} #tncms-region-main-nav-right-region{display: flex;flex-direction: row-reverse;align-items: center} #main-navigation .aplus-user{padding: 0 !important;margin-right: 15px} } .offcanvas-drawer { background-color: #fff; color: #222 !important; text-shadow: none !important; font-size: 16px;} .offcanvas-drawer .navbar-nav li { border: none !important;} .offcanvas-drawer .navbar-nav li a { color: #222; padding: 0; line-height: 16px; padding: 10px 0; text-shadow: none !important; -webkit-column-break-inside: avoid; font-size: 13px !important;} /* Sticky Anchor */ #sticky-anchor .sticky-anchor-close { border: solid 1px rgba(0,0,0,.2); background-color: rgba(255,255,255,1); color: #777; top: 0px; border-bottom-width: 0px;} #sticky-anchor { background-color: rgba(255,255,255,1); border-top: solid 1px rgba(0,0,0,.2); padding-top: 10px;} /* === ad related === */ @media screen and (min-width: 768px) { #tncms-region-global-skyline .tnt-ads-container div:first-child { margin-bottom: 0!important;} } @media screen and (min-width: 1200px) { #tncms-region-global-skyline .ad-placeholder { max-width: 100%;} } /* ///\\ Makes breakout regions transparent and have background applied around an ad if it exists. //\\\*/ .container-breakout, #top-container-breakout, #bottom-container-breakout { background-color: transparent; padding: 0; margin-top: 0px; margin-bottom: 0px; border-top: 0px solid rgba(0,0,0,0.1); border-bottom: 0px solid rgba(0,0,0,0.1); } .container-breakout .tnt-ads, #top-container-breakout .tnt-ads, #bottom-container-breakout .tnt-ads { background-color: rgba(0,0,0,0.05); padding: 20px 0; margin-top: 10px; margin-bottom: 20px; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .container-breakout .ad-placeholder-container .tnt-ads .ad-placeholder, #top-container-breakout .ad-placeholder-container .tnt-ads .ad-placeholder, #bottom-container-breakout .ad-placeholder-container .tnt-ads .ad-placeholder { margin: 0 auto!important; } /* ================= Site-specific custimations ================= */ /* Place CSS specific for this site here. */ .card .tnt-headline a {transition: all 0.3s;} .card .tnt-headline a:hover{color:#440078;text-decoration:underline;} #main-nav_menu > li:first-of-type{margin-left: 10px} #main-navigation.navbar-dynamic #navbar-asset-header .title{line-height: 55px} #asset-content #article-body a { color: #0000EE !important; } #staticpage-content a { color: #0000EE !important; } p > a,.asset-tagline a {color: #0000EE !important;} .center-inside table{margin: 0 auto} /* Case #00014998 */ .asset-header .tnt-update-recent {display: none;} /*share fixes #share-left-affix button#copy-asset-link{display: flex;padding: 0;margin-bottom: 5px !important} #share-left-affix .social-share-links.stacked{display: flex;flex-direction: column;text-align: left} #share-left-affix .social-share-links.stacked .social-share-link.copy{margin-bottom: 3px;margin-left: -2px;margin-top: -2px} .content-above .social-share-links .social-share-link.copy{display: flex;justify-content: center;margin-bottom: 0 !important;padding-top: 4px} .content-below .social-share-links .social-share-link.copy{display: flex;justify-content: center;margin-bottom: 0 !important;padding-top: 4px} */ .offcanvas-drawer #user-controls-2669145 .aplus-user-controls ul.aplus-user-menu ul.dropdown-menu{background: #fff;padding: 5px;left: 10px;column-count: 1;} .hide-headline .tnt-headline{display:none !important}#site-navbar-container #main-navigation {position: relative; z-index:1000;} /* ========= Audience Updates 04/29/25 #00026977 ========== */ :root { --dark-purple: #684099; --med-purple: #9e63ef; --light-purple:#f4eaff; --dark-gray: #666666; --med-gray: #dddddd; --light-gray: #fafafa; } .access-offers-modal .modal-content {background: #FFF;} .access-offers-wrapper .btn { background-color: var(--med-purple)!important; background: var(--med-purple)!important; background: -webkit-linear-gradient(90deg,rgba(158, 99, 239, 1) 0%, rgba(104, 64, 153, 1) 100%)!important; background: -moz-linear-gradient(90deg,rgba(158, 99, 239, 1) 0%, rgba(104, 64, 153, 1) 100%)!important; background: linear-gradient(90deg,rgba(158, 99, 239, 1) 0%, rgba(104, 64, 153, 1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--med-purple)", endColorstr="var(--dark-purple)", GradientType=1 )!important; box-shadow: none!important;font-weight: 400!important;text-transform: uppercase;letter-spacing: .1ch;} .access-offers-wrapper .access-methods-list .subscription-service {border: 3px solid var(--med-gray)!important;border-radius: 8px;background-color: var(--light-gray)!important;} .access-offers-wrapper .access-methods-list .subscription-service:first-of-type { border: 3px solid var(--med-purple)!important;background-color: var(--light-purple)!important;} .access-offers-wrapper .subscription-service .offer-rate, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-rate {color: #000!important;font-size: 24px!important;} .access-offers-wrapper .subscription-service .offer-limits, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-limits {color: var(--dark-purple)!important;font-size: 16px!important;} .access-offers-wrapper .subscription-service .offer-savings, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-savings {color: var(--med-purple)!important;font-size: 15px!important;text-shadow: 1px 2px var(--med-gray);letter-spacing: .05ch; text-transform: uppercase;} @media (min-width: 992px) { #access-offers-modal .method-featured, .access-offers-wrapper .access-methods-list .subscription-service .method-featured { --f: 10px; /* control the folded part*/ --r: 15px; /* control the ribbon shape */ width: auto!important; position: absolute; top: 22px; padding-inline: 10px; background: var(--med-purple); border-bottom: var(--f) solid #0005; color: #fff; line-height: 1.3em; font-family: sans-serif; font-size: 25px; left: calc(-3*var(--f)); border-right: var(--r) solid #0000; clip-path: polygon(100% 0,0 0,0 calc(100% - var(--f)),var(--f) 100%, var(--f) calc(100% - var(--f)),100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f)/2)); } .access-offers-wrapper .access-methods-list .subscription-service .method-featured {top: 0px;} .access-offers-wrapper .access-methods-list .subscription-service .method-featured .featured-icon:before, .access-offers-wrapper .purchase-form-wrapper .featured:before { display:none;} .access-offers-wrapper .access-methods-list .subscription-service .method-featured .featured-message, .access-offers-wrapper .purchase-form-wrapper .featured .featured-message { text-align: left!important;} .access-offers-wrapper .featured-message { text-indent: 6px!important;} .access-offers-wrapper .access-methods-list .subscription-service .method-header { padding: 65px 0 10px!important;} } @media (max-width: 991px) { #access-offers-modal .method-featured, .access-offers-wrapper .access-methods-list .subscription-service .method-featured { --f: 10px; /* control the folded part*/ --r: 15px; /* control the ribbon shape */ width: 100%!important; position: absolute; top: 22px; padding-inline: 10px; background: var(--med-purple); border-bottom: var(--f) solid #0005; color: #fff; line-height: 1.3em; font-family: sans-serif; font-size: 25px; height: 39px; right: calc(-1*var(--f)); border-left: var(--r) solid #0000; clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); } .access-offers-wrapper .access-methods-list .subscription-service .method-featured {top: 0px;} .access-offers-wrapper .access-methods-list .subscription-service .method-featured .featured-icon:before, .access-offers-wrapper .purchase-form-wrapper .featured:before { display:none;} .access-offers-wrapper .access-methods-list .subscription-service .method-featured .featured-message, .access-offers-wrapper .purchase-form-wrapper .featured .featured-message { text-align: center!important;} .access-offers-wrapper .featured-message { text-indent: 6px!important;} .access-offers-wrapper .access-methods-list .subscription-service .method-featured .featured-message {padding-left: 0!important; padding-right: 15px!important; margin-left: -15px!important;} .access-offers-wrapper .access-methods-list .subscription-service:has(.method-featured) .method-header { padding: 40px 0px 0px !important;} .access-offers-wrapper .access-methods-list .subscription-service .btn { padding: 10px!important; margin-left: 0px!important;} .access-offers-wrapper .access-methods-list .subscription-service .offer-details {text-align: center!important;} .access-offers-wrapper .access-methods-list .subscription-service .offer-details p { margin-bottom: 3px!important;} } #access-offers-modal .modal-header .tab-back { background: transparent!important;} #access-offers-modal .user-login-fed-auth .btn { color: #000!important; background: var(--med-gray)!important; text-transform: unset;} .access-offers-modal .subscribe-form-purchase-rate .alert-info:after { background: var(--dark-purple)!important;} .access-offers-wrapper .subscribe-form-purchase-rate .rate-info { background: var(--light-purple)!important; border: solid 3px var(--med-purple)!important; border-radius: 8px;} .access-offers-modal .subscribe-form-purchase-rate .alert-info:before {display:none;} .access-offers-wrapper .subscribe-form-purchase-rate .alert-info .rate-info-expander { padding: 4px 0!important; color: var(--dark-purple)!important; background: transparent!important;} .access-offers-wrapper .subscribe-form-purchase-rate .alert-info .rate-name { color: #000!important; text-transform: uppercase;} .access-offers-wrapper .subscribe-form-purchase-rate .alert-info .rate-price {color: var(--dark-purple)!important;font-size: 16px!important;} .access-offers-modal .subscribe-form-purchase-rate .alert-info { color: var(--dark-purple);} .access-offers-wrapper .subscription-service .method-description { background: transparent!important;} .access-offers-wrapper .subscription-service .method-description h4 {border-bottom: solid 1px var(--dark-purple)!important;} .block.faq-block { margin: 0px auto 40px; padding: 25px; background-color: var(--light-gray);} .block.faq-block h2 {font-weight: 900;} .block.faq-block h2:after {content: ''; display:block; width: 5%; margin: 10px auto 40px; background-color: var(--dark-purple); height: 8px;} .block.faq-block a, .block.faq-block p > a {color: var(--dark-purple)!important; text-decoration: underline;} .block.faq-block a:hover, .block.faq-block p > a:hover {color: var(--med-purple)!important; } .block.faq-block p {margin-bottom: 25px;} @media (min-width: 992px) { .block.faq-block { width: 80%; padding: 25px 10%;} } .access-offers-modal .purchase-success-checkmark {font-size: 10em!important; color: var(--dark-purple)!important;} .access-offers-wrapper .btn.wallet-btn { background: var(--light-gray) !important;} .access-offers-wrapper .btn.wallet-btn.tn-pay-method-selected { background: #447755 !important;} .access-offers-wrapper input::placeholder { color: var(--dark-gray);} .access-offers-wrapper .form-horizontal .form-control, .access-offers-wrapper .user-login-form .form-control { border-width: 1px; border-color: var(--med-gray);} /* ========= /Audience Updates ========== */ Skip to main content