@font-face { font-family: 'raleway-extrabold-webfont'; src: url('/content/fonts/raleway-extrabold-webfont.eot'); src: url('/content/fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/raleway-extrabold-webfont.woff') format('woff'), url('/content/fonts/raleway-extrabold-webfont.ttf') format('truetype'), url('/content/fonts/raleway-extrabold-webfont.svg#raleway-extrabold-webfont') format('svg'); } @font-face { font-family: 'raleway-bold-webfont'; src: url('/content/fonts/raleway-bold-webfont.eot'); src: url('/content/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/raleway-bold-webfont.woff') format('woff'), url('/content/fonts/raleway-bold-webfont.ttf') format('truetype'), url('/content/fonts/raleway-bold-webfont.svg#raleway-bold-webfont') format('svg'); } @font-face { font-family: 'raleway-medium-webfont'; src: url('/content/fonts/raleway-medium-webfont.eot'); src: url('/content/fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/raleway-medium-webfont.woff') format('woff'), url('/content/fonts/raleway-medium-webfont.ttf') format('truetype'), url('/content/fonts/raleway-medium-webfont.svg#raleway-medium-webfont') format('svg'); } @font-face { font-family: 'raleway-regular-webfont'; src: url('/content/fonts/raleway-regular-webfont.eot'); src: url('/content/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/raleway-regular-webfont.woff') format('woff'), url('/content/fonts/raleway-regular-webfont.ttf') format('truetype'), url('/content/fonts/raleway-regular-webfont.svg#raleway-regular-webfont') format('svg'); } @font-face { font-family: 'raleway-light-webfont'; src: url('/content/fonts/raleway-light-webfont.eot'); src: url('/content/fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/raleway-light-webfont.woff') format('woff'), url('/content/fonts/raleway-light-webfont.ttf') format('truetype'), url('/content/fonts/raleway-light-webfont.svg#raleway-light-webfont') format('svg'); } @font-face { font-family: 'raleway-heavy-webfont'; src: url('/content/fonts/raleway-heavy-webfont.eot'); src: url('/content/fonts/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/raleway-heavy-webfont.woff') format('woff'), url('/content/fonts/raleway-heavy-webfont.ttf') format('truetype'), url('/content/fonts/raleway-heavy-webfont.svg#raleway-heavy-webfont') format('svg'); } @font-face { font-family: 'adellebasic_bold-webfont'; src: url('/content/fonts/adellebasic_bold-webfont.eot'); src: url('/content/fonts/adellebasic_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/adellebasic_bold-webfont.woff') format('woff'), url('/content/fonts/adellebasic_bold-webfont.ttf') format('truetype'), url('/content/fonts/adellebasic_bold-webfont.svg#adellebasic_bold-webfont') format('svg'); } @font-face { font-family: 'adellebasic_reg-webfont'; src: url('/content/fonts/adellebasic_reg-webfont.eot'); src: url('/content/fonts/adellebasic_reg-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/adellebasic_reg-webfont.woff') format('woff'), url('/content/fonts/adellebasic_reg-webfont.ttf') format('truetype'), url('/content/fonts/adellebasic_reg-webfont.svg#adellebasic_reg-webfont') format('svg'); } body { background: #fff; text-align: left; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; line-height: 100%; } body, p { color: #444; } body, h5, p { font-size: 16px; } body, dd, dl, dt, fieldset, form, p, h1, h2, h3, h4, h5, h6, ol, ul, li { margin: 0; padding: 0; } a, a:hover { text-decoration: none; } button, label { cursor: pointer; } h2, h3 { font-family: 'raleway-extrabold-webfont'; } h1, h2, h3, h4, h5 { line-height: 120%; } h2, h4 { color: #000; } h4, h5 { font-family: 'raleway-regular-webfont'; } .clearfix, article, aside, footer, header, nav, section { display: block; } :focus, [contenteditable="true"]:focus, a, a:hover, button:focus, input:focus, select:focus, textarea:focus { outline: 0; } a { color: #d85300; } a:hover { color: #2F2F2F; } a img { border: none; } button { font-family: 'raleway-heavy-webfont'; color: #FFFFFF; font-size: 20px; } ::-webkit-input-placeholder { color: #fff !important; } :-moz-placeholder { color: #fff !important; } :-ms-input-placeholder { color: #fff !important; } ::-moz-placeholder { color: #fff !important; } input.middle:focus { outline-width: 0; } /* added for placeholder - JM - Apr 14, 2014 */ .label-tooltip { display: block; width: 100%; white-space: nowrap; overflow: hidden; cursor: text; position: absolute; left: 0; top: 0; } span.span-input { float: left; overflow: hidden; position: relative; } /* END OF added for placeholder */ h1 { font-family: 'adellebasic_bold-webfont'; font-size: 40px; color: #ffffff; } h2 { font-size: 28px; } h3 { font-size: 22px; color: #33475f; } h4 { font-size: 18px; } h5 { color: #000000; /* changed from #33465f per MT request - JM - Mar 16, 2015 */ } p { line-height: 145%; } blockquote { padding: 0; margin-top: 0; margin-bottom: 0; } .clear { clear: both; height: 0; line-height: 0; font-size: 1px; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html .clearfix { height: 1%; } /* added for form - JM - Apr 14, 2014 */ table.frmTbl, table.FOTFHeader { width: 100%; margin: 0; padding: 0; border: 0; border-spacing: 0; } table.frmTbl tr td, table.frmTbl tr th { margin: 0; padding: 0 10px 5px 0; } table.frmTbl tr td.firstRow, table.frmTbl tr th.firstRow { width: 175px; } table.frmTbl.frmContribute tr { /* added JM - Oct 12, 2017 */ vertical-align: top; } table.frmTbl.frmContribute tr td, table.frmTbl.frmContribute tr th { line-height: 120%; font-size: 15px; } table.frmTbl.frmContribute tr td p, table.frmTbl.frmContribute tr th p { font-size: 15px; } /* END OF added for form - JM - Apr 14, 2014 */ /* added for FotF - JM - Apr 14, 2014 */ table.FOTFHeader, table.frmTbl.fotf { clear: both; margin-top: 20px; } table.FOTFHeader tr td, table.FOTFHeader tr th, table.frmTbl.fotf tr td.instruction, table.frmTbl.fotf tr th.instruction { padding: 0; } table.FOTFHeader p { margin-left: 0; } table.frmTbl.fotf p { margin: 0; } table.frmTbl.fotf p.fotfContent { margin-bottom: 5px; } table.frmTbl.fotf tr td.last-row, table.frmTbl.fotf tr th.last-row { padding-top: 20px; } h3.form-header { font-family: 'raleway-medium-webfont'; font-size: 17px; } h3.form-header.inline { display: inline; } /* END OF added for FotF - JM - Apr 14, 2014 */ /* Header */ header { margin: auto; width: 100%; } header .container { position: relative; } header #rotator { z-index: 40; /* added so long navigation dropdown can be hovered - JM - Jul 15, 2015 */ } header #rotator .bg img { width: 100%; height: auto; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */ border-bottom: 3px solid #324860; } header #rotator .bg.empty img { /* added - JM - Apr 14, 2014 */ width: 100%; min-height: 162px; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */ border-bottom: none; } header .topic { position: relative; z-index: 50; /* changed from 1000 - JM - Feb 08, 2018 */ background-color: #324860; } .home header .topic{ background: none; } header .top-right { width: 51%; position: absolute; top: 0; left: 49%; } header .top-right .transparent { display: inline-block; text-align: right; } .home header .top-right { background-color: rgba(50, 72, 96, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c324860,endColorstr=#4c324860); zoom: 1; } .home header .top-right .transparent:nth-child(n) { filter: none; } header .top-right .social { padding: 15px 0 10px 0; } .home header .top-right .social { padding: 15px 10px 10px 0; } header .top-right .social form { float: right; background-color: #2b3e52; padding: 7px 11px; margin-left: 8px; } .home header .top-right .social form { background-color: rgba(50, 72, 96, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99324860,endColorstr=#99324860); zoom: 1; } .home header .top-right .social form:nth-child(n) { filter: none; } header .top-right .social form input { color: #ffffff; border: none; background: none; font-size: 18px; height: 22px; padding: 0; width: 95px; float: right; font-family: 'raleway-medium-webfont', Arial, Helvetica, sans-serif; /* added Arial, Helvetica, sans-serif - JM - Apr 14, 2014 */ } header .top-right .social form button { background: url("/content/images/cms/icons/search.png") no-repeat center center; border: none; font-size: 0; height: 21px; width: 18px; margin-right: 15px; float: left; } /* added for placeholder - JM - Apr 14, 2014 */ header .top-right .social form label.label-tooltip { left: 0; top: 4px; text-align: left; font-family: 'raleway-medium-webfont', Arial, Helvetica, sans-serif; font-size: 18px; color: #bdc3c6; } /* END OF added for placeholder */ header .top-right .social ul li { list-style-type: none; display: inline-block; } header .top-right .social ul li a { display: block; padding: 6px 7px 6px 8px; } header .menu-mobile { display: none; } header .top-left { position: relative; top: 0; left: 0; width: 49%; text-align: right; background-color: #324860; padding-top: 2px; } .home header .top-left { position: absolute; } header .top-left .logo { margin-right: 97px; } header .top-left .logo a { display: inline-block; } /* added for screen and print mode - JM - Apr 14, 2014 */ .logo-screen { display: inline; } .logo-print { display: none; } header .wrapper { margin: auto; position: relative; max-width: 942px; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */ } header .heading { bottom: 3px; position: absolute; left: 0; padding: 18px 20px 21px; background-color: rgba(50, 72, 96, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5324860,endColorstr=#e5324860); zoom: 1; overflow: hidden; /* added - JM - Apr 14, 2014 */ width: auto; height: auto; margin: 0 !important; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */ } header .heading:nth-child(n) { filter: none; } header .heading p { color: #ffffff; } header .heading .graph { float: left; margin-right: 20px; } header #rotator .heading .graph img { height: 169px; border: none; max-height: 170px; width: auto !important; /* added - MH - May 20, 2014 */ } /* added - JM - Apr 14, 2014 */ header #rotator .heading h1 a { color: #ffffff; } header #rotator .heading h1 a:hover { color: #D85300; } header #rotator .heading div.rotator-content a:hover { color: #ffffff; } header #rotator .heading div.rotator-content p { margin-top: 10px; } header #rotator .heading div.rotator-content p:first-child { margin-top: 0; } /* END OF added - JM - Apr 14, 2014 */ /* added for arrow navigation - JM - Jun 26, 2014 */ header .rotator-nav { outline: 0; position: absolute; top: 75%; z-index: 45; /* changed from 9999 - JM - Feb 08, 2018 */ text-indent: -9999px; width: 100%; pointer-events: none; /* so we can click links in below div */ } header .rotator-nav .rotator-nav-prev { background: url("/content/images/cms/icons/arrows.png") no-repeat left top rgba(0, 0, 0, 0); height: 38px; width: 38px; float: left; pointer-events: auto; /* so we can still click the arrow */ } header .rotator-nav .rotator-nav-next { background: url("/content/images/cms/icons/arrows.png") no-repeat right top rgba(0, 0, 0, 0) ; height: 38px; width: 38px; float: right; pointer-events: auto; /* so we can still click the arrow */ } /* END OF added for arrow navigation - JM - Jun 26, 2014 */ /* Menu */ header .menu { margin-bottom: -2px; } header .menu ul { display: table-row; } header .menu ul li { background-color: #C23824; float: left; list-style-type: none; text-align: center; width: 99px; position: relative; /* added for navigation dropdown - MH - Jul 15, 2015 */ } header .menu ul li.dark-orange { background-color: #d55400; } header .menu ul li.orange { background-color: #ea7e00; } header .menu ul li.light-orange { background-color: #f59d00; } header .menu ul li.yellow { background-color: #f3c600; } header .menu ul li a { display: block; font-family: 'raleway-regular-webfont'; /* changed from raleway-extrabold-webfont - per Kristin's 5/12 request - JM - May 13, 2014 */ color: #ffffff; font-size: 15px; padding: 43px 0 41px; } header .menu ul li a:hover { text-decoration: underline; } /* added for navigation dropdown - MH - Jul 15, 2015 */ header .menu ul ul li {display: none;} header .menu ul li:hover ul li {display: block;} header .menu ul ul {position: absolute; left: 0; background-color: inherit; z-index: 50;} header .menu ul li:last-child ul {right: 0; left: auto;} header .menu ul ul li {width: 198px; background-color: inherit; border-top: 1px solid rgba(0,0,0,.05); text-align: left;} header .menu ul ul li a {padding: 10px 20px; line-height: 1.2em} header .menu ul ul li a:hover {background-color: rgba(0,0,0,.1); text-decoration: none;} /* END OF added for navigation dropdown - MH - Jul 15, 2015 */ /* Content */ #content { max-width: 942px; margin: auto; padding: 15px 0 30px 0; } .promo { font-family: 'adellebasic_reg-webfont'; /* added - MH - Jun 05, 2014 */ background-color: red; display: inline-block; width: 48%; overflow: hidden; height: auto; max-height: auto; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */ } .promo.empty { /* added for empty Debt Clock - JM - Jun 05, 2014 */ background-color: #FFFFFF; } #content .promo p { color: #ffffff; font-family: 'adellebasic_reg-webfont'; /* changed from adellebasic_bold-webfont - MH - Jun 05, 2014 */ font-size: 22px; /* changed from 42px - MH - Jun 05, 2014 */ line-height: 140%; /* changed from 110% - MH - Jun 05, 2014 */ } #content .promo p span { display: inline-block; white-space: nowrap; /*font-size: 42px; -- removed - MH - Jun 05, 2014 */ } #content .promo p strong { font-weight: 400; /* added - MH - Jun 05, 2014 */ display: inline-block; font-size: 30px; /* changed from 40px - MH - Jun 05, 2014 */ white-space: nowrap; } .promo .top { background-color: #8c0000; padding: 5px 12px; /* changed from 5px 50px 10px 12px - MH - Jun 05, 2014 */ } #content .promo .top p { /*font-size: 24px; -- removed - MH - Jun 05, 2014 */ font-family: 'adellebasic_reg-webfont'; line-height: 140%; /* changed from 160% - MH - Jun 05, 2014 */ } #content .promo .top p span { /*font-size: 24px; -- removed - MH - Jun 05, 2014 */ display: inline-block; white-space: nowrap; } #content .promo .top p strong { /*font-size: 40px; -- removed - MH - Jun 05, 2014 */ font-weight: 400; /* changed from normal - MH - Jul 15, 2015 */ letter-spacing: 0.5px; display: inline-block; white-space: nowrap; } .promo .bottom { padding: 5px 12px; /* changed from 10px 50px 10px 12px - MH - Jun 05, 2014 */ } #content .promo .your-share { /* added - MH - Jun 05, 2014 */ padding: 8px 0 0 0; margin: 8px 0 0 0; border-top: 1px solid #fff; font-weight: 400; } #content .promo .your-share p span { /* added - MH - Jun 05, 2014 */ font-size: 24px; } #content .lab { width: 47%; /*float: right; margin-left: 20px; */ display: inline-block; margin-left: 2%; vertical-align: top; background-color: #ededed; padding: 10px; overflow: hidden; /* added - JM - Apr 14, 2014 */ float: none; height: auto; max-height: auto; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */ } #content .lab .wrap { display: inline-block; /* added so this will cover whole content in it - JM - Jul 15, 2015 */ } #content .lab span, #content .lab span a { /* added #content .lab span a - JM - Jun 26, 2014 */ font-family: 'raleway-bold-webfont'; font-size: 15px; color: #333333; } #content .lab .graphic { float: right; padding-left: 18px; } #content .lab .graphic img.chart-img { /* added for fixed size - per Kristin's 5/11 request - JM - May 12, 2014 */ width: 166px; /* changed from 164px because of lab border addition - JM - Jun 26, 2014 */ height: 119px; } #content .lab .graphic img.lab-img { /* added per Kristin's 6/26 request - JM - Jun 26, 2014 */ border: 1px solid #000; } #content .lab .graphic a.second { /* added .second - JM - Apr 14, 2014 */ display: block; margin-top: 13px; } .lab .wrap h3 { /* added - MH - May 29, 2014 */ color: #000; } /* added - JM - Apr 14, 2014 */ #content .lab h3 a { color: #000; /* changed from #33475f to adjust the color change from MH (May 29, 2014) - JM - Jun 02, 2014 */ } #content .lab h3 a:hover { color: #000; /* changed from #D85300 to adjust the color change from MH (May 29, 2014) - JM - Jun 02, 2014 */ } #content .lab .chart-content p { margin-top: 5px; } #content .lab .chart-content p:first-child { margin-top: 0; } /* END OF added - JM - Apr 14, 2014 */ /* added to replace current Chart of the Month with one image only - JM - Nov 09, 2015 */ #content .lab-chart-img { max-width: 49%; height: auto; display: inline-block; margin-left: 2%; vertical-align: top; position: relative; /* ML June 10, 2019 */ } #content .lab-chart-img img.chart-img { max-width: 100% !important; height: auto; vertical-align: top; } /* END OF added to replace current Chart of the Month with one image only - JM - Nov 09, 2015 */ #content .lab-chart-img .chart-text-container{ position:absolute; top:0; left:0; width:100%; height:100%; } #content .lab-chart-img .chart-logo{ position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; align-content: center; width: 50%; height: 100%; flex-direction: column; } #content .lab-chart-img .chart-logo img{ max-width:100%; /*width:100%;*/ width: 231px; } #content .lab-chart-img .chart-logo .chart-logo-text{ color: white; font-size: 14px; } #content .lab-chart-img .chart-logo .chart-logo-text:hover{ text-decoration:underline; } #content .lab-chart-img .chart-text-line{ width: 70%; border: 1px solid; border-color: rgba(255, 255, 255, 0.2); margin: 18px 0 20px 0; } #content .lab-chart-img .chart-text{ display: flex; align-items: flex-start; justify-content: center; align-content: center; flex-direction: column; height: 100%; width: 45%; padding: 0; margin: 0; position: absolute; top: 0; right: 0; } #content .lab-chart-img .chart-text p, #content .lab-chart-img .chart-text p a { color:#fff; } #content .lab-chart-img .chart-text p a { background: url(/content/images/cms/right-arrow.png) no-repeat right 7px; padding-right: 30px; font-size: 18px; font-weight: bold; } #content .lab-chart-img .chart-text p a:hover{ text-decoration:underline; } #content section { padding: 38px 0 23px; text-align: center; } #content section a { display: block; } #content section .feed { padding: 0 11px 10px 0; /* changed from padding: 0 10px 10px 0; to make news area inline with the above area - JM - Apr 14, 2014 */ border-right: 1px solid #dddddd; width: 48%; float: left; } #content section .feed.one-col { /* added - JM - Apr 14, 2014 */ width: 100%; border-right: none; padding-right: 0; } #content section .feed.two-col { /* added - JM - Apr 14, 2014 */ width: 48%; padding-right: 13px; } .headline { border-bottom: 2px solid #d75400; text-align: left; padding-top: 10px; } .headline h2 { padding-bottom: 3px; } #content section .feed .headline a { float: right; font-size: 12px; line-height: 200%; margin-top: 10px; } #content section .feed .headline h2 a { /* added for linked headline title - JM - Jul 21, 2015 */ float: none; font-size: 28px; line-height: 120%; margin-top: 0; color: #000; } #content section .feed h3, #content section .block h3 { word-wrap: break-word; /* added to make the title not crashes the column in the right - JM - Jun 10, 2014 */ } #content section .feed h3 a, #content section .block h3 a, .services h3 a { color: #33475F; } #content section .feed h3 a:hover, #content section .block h3 a:hover, .services h3 a:hover { text-decoration: underline; } #content section ul { list-style-type: none; padding: 10px 0 20px; text-align: left; } #content section ul li { padding-top: 20px; } #content section .feed ul li img { float: left; margin-right: 20px; /* changed to max-width per Mike's request - JM - Sep 29, 2017 width: 220px; height: 220px;*/ max-width: 220px; } #content section .block { width: 24%; float: left; padding: 0 11px 10px; /* changed from padding: 0 9px 10px; to make news area inline with the above area - JM - Apr 14, 2014 */ border-right: 1px solid #dddddd; } #content section .block.one-col { /* added - JM - Apr 14, 2014 */ width: 100%; border-right: none; padding-left: 0; padding-right: 0; } #content section .block.two-col { /* added - JM - Apr 14, 2014 */ width: 49%; border-right: none; padding-left: 13px; padding-right: 0; } #content section .block.two-col-first { /* added - JM - Apr 14, 2014 */ width: 47%; } #content section .block.first { /* added - JM - Apr 14, 2014 */ padding-left: 0; } #content section .block .headline, #content section .feed .headline { /* added #content section .feed .headline - JM - Sep 02, 2015 */ border-color: #333333; } #content section .block .date { font-family: 'raleway-regular-webfont'; font-size: 18px; color: #212121; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; display: block; margin: 25px 0 0; padding: 7px 0 4px; } #content section .morning-call .date { /* added - MH - May 29, 2014 - hide morning call dates */ display: none; } #content section .block ul { padding-top: 0; } #content section .block ul li h4 { font-family: 'adellebasic_bold-webfont'; font-size: 16px; color: #444444; margin-top: 30px; } #content section .block ul li h4 a { /* added - JM - Apr 14, 2014 */ color: #444444; } #content section .block ul li h5 { line-height: 150%; color: #444444; font-weight: 400; /* changed from normal - MH - Jul 15, 2015 */ } #content section .block ul li p { font-family: 'raleway-medium-webfont'; } #content section .block ul li a { margin-bottom: 0; } #content section .block ul li p strong, #content section .block ul li a strong { font-family: 'adellebasic_bold-webfont'; color: #444444; } #content section .block a { margin-bottom: 30px; } #content section .block .headline h2 a { /* added for linked headline title - JM - Jul 21, 2015 */ margin-bottom: 0; color: #000; } #content section .block ul li a:hover { text-decoration: underline; } #content section .block.last { width: 23%; padding: 0 0 10px 11px; /* changed from padding: 0 0 10px 9px; to make news area inline with the above area - JM - Apr 14, 2014 */ border-right: none; } #content section .block.last .headline { border-color: #333333; /* changed from #9b9b8c - JM - Sep 02, 2015 */ margin-bottom: 0px;/*margin-bottom: 5px; - changes SF - July14, 2023 - headine is hidden*/ } #content section .block.last ul li p { font-family: 'raleway-regular-webfont'; } /* added - MH - Jun 10, 2014 */ #content section .morning-call .headline { margin-bottom: 4px; } #content section .morning-call ul li h4 { font-size: 22px; margin-top: 10px; font-family: 'raleway-extrabold-webfont'; word-wrap: break-word; /* added to make the title not crashes the column in the right - JM - Jun 10, 2014 */ } #content section .block.last.morning-call ul li:first-child h4 { margin-top: 0px; /* added to make the title up, because headline is hidden - SF - July 14, 2023 */ } #content section pre { white-space: pre-wrap; /* added - SF - July 14, 2023 */ } #content section .block .news-content img, #content section iframe, #content section table { max-width: 100% !important; /* added to make table not crossing next element - SF - July 14, 2023 */ } /* END OF added - MH - Jun 10, 2014 */ /* added - MH - May 29, 2014 */ #content section .morning-call ul li h4 a { font-family: 'raleway-extrabold-webfont'; /* changed from raleway-bold-webfont - MH - Jun 10, 2014 */ color: #000; } #content section .morning-call ul li p strong { font-family: 'raleway-heavy-webfont'; font-weight: 400; color: #000; } #content section .morning-call ul li .news-content p { font-family: 'raleway-regular-webfont'; } #content section .morning-call ul li .news-content p strong { font-family: 'raleway-medium-webfont'; color: #000; } #content section .block .headline h2, #content section .feed .headline h2 { font-weight: 400; } #content section .holder ul li a { color: #000; } /* END OF added - MH - May 29, 2014 */ /* added for news teaser in the homepage - JM - Apr 14, 2014 */ #content section .feed ul li, #content section .block ul li { position: relative; } #content section .feed ul li:first-child { padding-top: 15px; /* added - MH - Jun 10, 2014 */ } #content section .feed .news-content p, #content section .block .news-content p, #content section .feed .news-content div, #content section .block .news-content div { margin-top: 5px; } #content section .block .news-content p { word-break: break-word; /* added - SF - July 14, 2023 */ } #content section .feed .news-content p:first-child, #content section .block .news-content p:first-child { margin-top: 0; } #content section .feed blockquote, #content section .block blockquote { margin-top: 5px; } #content section .feed .news-content a, #content section .block .news-content a { display: inline; color: #D85300; } #content section .feed .news-content a:hover, #content section .block .news-content a:hover { color: #2F2F2F; } #content section .feed .news-content img, #content section .block .news-content img { float: none; height: auto; width: auto; margin-right: 0; max-width: none; /* added because feed img above using max-width - JM - Sep 29, 2017 */ } #content section .feed .news-content h1, #content section .block .news-content h1 { color: #000000; } #content section .feed .news-content h1 a:hover, #content section .block .news-content h1 a:hover, #content section .feed .news-content h2 a:hover, #content section .block .news-content h2 a:hover, #content section .feed .news-content h3 a:hover, #content section .block .news-content h3 a:hover, #content section .feed .news-content h4 a:hover, #content section .block .news-content h4 a:hover, #content section .feed .news-content h5 a:hover, #content section .block .news-content h5 a:hover, #content section .feed .news-content h6 a:hover, #content section .block .news-content h6 a:hover { text-decoration: none; } #content section .feed .news-content h1, #content section .block .news-content h1, #content section .feed .news-content h2, #content section .block .news-content h2, #content section .feed .news-content h3, #content section .block .news-content h3, #content section .feed .news-content h4, #content section .block .news-content h4, #content section .feed .news-content h5, #content section .block .news-content h5, #content section .feed .news-content h6, #content section .block .news-content h6 { margin-top: 5px; } #content section .feed .news-content table tr th, #content section .block .news-content table tr th, #content section .feed .news-content table tr td, #content section .block .news-content table tr td, #content section .feed .news-content div, #content section .block .news-content div { line-height: 145%; } #content section .feed .news-content ul, #content section .block .news-content ul { list-style-type: disc; } #content section .feed .news-content ul, #content section .block .news-content ul, #content section .feed .news-content ol, #content section .block .news-content ol { padding-top: 5px; padding-bottom: 0; } #content section .feed .news-content ul li, #content section .block .news-content ul li, #content section .feed .news-content ol li, #content section .block .news-content ol li { padding: 0; margin-top: 5px; margin-left: 40px; line-height: 145%; } /* END OF added for news teaser in the homepage - JM - Apr 14, 2014 */ /* Subscribe */ #content .subscribe { background-color: #222222; padding: 13px 15px 19px; } #content .subscribe.nonews { /* added - JM - Apr 14, 2014 */ margin-top: 15px; } #content .subscribe h2 { background: url("/content/images/cms/icons/subscribe.png") no-repeat left center; padding: 0 23px 0 55px; line-height: 160%; color: #ffffff; float: left; } #content .subscribe h4 { line-height: 120%; padding-top: 15px; /* changed from 10px to make it inline with the "Subscribe" word - JM - Mar 16, 2015 */ color: #ffffff; font-weight: 400; /* changed from normal - MH - Jul 15, 2015 */ } #content .subscribe form { padding-top: 10px; display: inline-block; /* added to make sure all fields are covered when the window size is small - JM - Mar 16, 2015 */ } #content .subscribe p { color: #ffffff; float: left; line-height: 120%; margin-right: 15px; /* changed from 43px, just for adjustment because of checkbox spaces change - JM - Apr 14, 2014 */ margin-bottom: 5px; /* added just for giving spaces between text and checkboxes below when the window width is smaller - JM - Apr 14, 2014 */ } #content .subscribe table { /*width: 46%; -- removed because this will looks ugly when the window is resized - JM - Apr 14, 2014 */ display: inline; /* added because width is removed - JM - Apr 14, 2014 */ border: none; color: #ffffff; } #content .subscribe table td { /* added for giving space between checkboxes - JM - Apr 14, 2014 */ padding-right: 15px; } #content .subscribe table td:last-child { /* added - JM - Apr 14, 2014 */ padding-right: 0; } .subscribe input, .frmTblHL input { /* added ".frmTblHL input" for login HL - JM - Apr 14, 2014 */ padding: 8px 10px; height: 20px; border: none; width: 195px; margin: 35px 20px 0 0; font-family: raleway-regular-webfont; font-size: 16px; background-color: #C0C0C0; /* added to fix the background color that wasn't working on Chrome and Safari - JM - Apr 14, 2014 */ } .subscribe input { /* added to reduce top spaces - JM - Mar 16, 2015 */ margin-top: 10px; } .home .subscribe input { /* added because first and last name are separated - JM - Jul 19, 2017 */ width: 206px; /* changed from 155px because zip code is removed - JM - Feb 08, 2018 */ float: left; } .home .subscribe #btnSubscribeMobile { /* ML Sept 03, 2021 */ display:none; } .subscribe input.empty { color: #bdc3c6; } aside .subscribe input, aside .frmTblHL input.empty { /* remove .empty from aside .subscribe input.empty; added "aside .frmTblHL input.empty" for login HL - JM - Apr 14, 2014 */ color: #2f2f2f; } .subscribe input[type="checkbox"] { padding: 0; height: auto; width: auto; margin: 0 3px 0 0; } #content .subscribe input::-webkit-input-placeholder { color: #bdc3c6!important; } #content .subscribe input:-moz-placeholder { color: #bdc3c6!important; } #content .subscribe input:-ms-input-placeholder { color: #bdc3c6!important; } #content .subscribe input::-moz-placeholder { color: #bdc3c6!important; } .subscribe button, .frmTblHL button, .frmTbl button, .news-subscribe-popup button { /* added ".frmTblHL button" for login HL and ".frmTbl button" for button in the page content - JM - Apr 14, 2014 */ background-color: #ea7e00; /* changed from #4dd2ff - JM - Feb 08, 2018 */ border: none; padding: 4px 65px 5px; margin: 35px 0 0 0; height: 37px; } .subscribe button { margin-top: 10px; /* added to reduce top spaces - JM - Mar 16, 2015 */ padding: 4px 50px 5px; /* added because there is additional field - JM - Mar 16, 2015 */ font-family: 'raleway-bold-webfont'; /* added - JM - Feb 08, 2018 */ } .home .subscribe button { /* added because first and last name are separated - JM - Jul 19, 2017 */ padding: 4px 15px 5px; float: left; } #content .subscribe form label.label-tooltip { /* added for placeholder - JM - Apr 14, 2014 */ left: 10px; top: 19px; text-align: left; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; height: 20px; } #frmPgSubscribe input[type="text"] { /* added - JM - Jul 19, 2017 */ /*width: 300px;*/ width:293px; } #frmPgSubscribe button { /* added - JM - Jul 19, 2017 */ padding: 4px 15px 5px; } .frmTblHL button { /* added for login HL - JM - Apr 14, 2014 */ margin: 0; } .news-subscribe-popup .news-subscribe-popup-captcha { /* ML Sept 03, 2021 add captcha */ text-align: center; margin: 15px 0 0 0; width: calc(100% - 20px); } .news-subscribe-popup .news-subscribe-popup-captcha .g-recaptcha { /* ML Sept 03, 2021 add captcha */ display:inline-block; } .news-subscribe-popup.button.mobile { /* ML Sept 03, 2021 add captcha */ display: none; } .news-subscribe-hl-captcha { /* ML Sept 03, 2021 add captcha */ float: left; margin-top: 10px; margin-bottom: -25px; } .news-subscribe-hl-captcha .g-recaptcha{ /* ML Sept 03, 2021 add captcha */ -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .news-subscribe-page-captcha { /* ML Sept 03, 2021 add captcha */ margin-top: 0 !important; margin-bottom: -23px !important; } .news-subscribe-page-captcha .g-recaptcha { /* ML Sept 03, 2021 add captcha */ margin-top:0!important; } .news-subscribe-page-captcha .g-recaptcha div{ /* ML Sept 03, 2021 add captcha */ margin-top:0!important; } .news-subscribe-home-captcha { /* ML Sept 03, 2021 add captcha */ clear: both; text-align: center; padding-top: 14px; margin-bottom: -5px; } .news-subscribe-home-captcha .g-recaptcha { /* ML Sept 03, 2021 add captcha */ display:inline-block; } .hidden-visibility { /* ML Sept 03, 2021 add captcha */ width: 1px !important; height: 1px !important; visibility: hidden !important; background: none !important; color: transparent !important; margin: 0 !important; padding: 0 !important; display: inline-block !important; } /* Services */ .wrapper { background-color: #ededed; } .wrapper .services { max-width: 942px; margin: auto; padding: 13px 0 88px; } .wrapper .services .headline { border-color: #ec7e00; } .wrapper .services ul { list-style-type: none; padding-top: 40px; } .wrapper .services ul li { float: left; width: 32%; padding-right: 18px; } .wrapper .services ul li.last, .wrapper .services ul li:last-child { padding-right: 0; } .wrapper .services ul li img.service-img { float: left; margin-right: 10px; width: 112px; /* added for fixed size - per Kristin 5/11's request - JM - May 12, 2014 */ height: 112px; /* added for fixed size - per Kristin 5/11's request - JM - May 12, 2014 */ } /* added for service content - JM - Apr 14, 2014 */ .wrapper .services .service-content p, .wrapper .services .service-content div { margin-top: 10px; } .wrapper .services .service-content p:first-child, .wrapper .services .service-content div:first-child { margin-top: 0; } .wrapper .services .service-content h1, .wrapper .services .service-content h2, .wrapper .services .service-content h3, .wrapper .services .service-content h4, .wrapper .services .service-content h5, .wrapper .services .service-content h6, .wrapper .services .service-content blockquote { margin-top: 10px; } .wrapper .services .service-content h1 { color: #000000; } .wrapper .services .service-content h3 a { color: #D85300; } .wrapper .services .service-content h3 a:hover { color: #2F2F2F; text-decoration: none; } .wrapper .services .service-content table tr th, .wrapper .services .service-content table tr td, .wrapper .services .service-content div { line-height: 145%; } .wrapper .services .service-content ul { list-style-type: disc; } .wrapper .services .service-content ul, .wrapper .services .service-content ol { padding-top: 10px; padding-bottom: 0; } .wrapper .services .service-content ul li, .wrapper .services .service-content ol li { float: none; width: auto; padding: 0; margin-top: 5px; margin-left: 40px; line-height: 145%; } /* END OF added for service content - JM - Apr 14, 2014 */ /* Page */ .page-area { /* changed .page to .page-area because .page is used by PDF flip book - JM - Apr 4, 2016 */ max-width: 951px; margin: auto; padding-bottom: 50px; } .page-area .headline { margin-bottom: 18px; } article { width: 66%; float: left; /* move left navigation and left highlights to right - MH - May 06, 2015 */ } article.full-width { width: 100%; float: none; } article .title-area h3, article h3 {color: #000;} /* added - MH - Jun 06, 2014 */ /* removed, not used, cause trouble for other elements - JM - Apr 14, 2014 article span { color: #33465F; padding: 0 13px; } */ article .title-area { /* added because there are social media icons - JM - May 19, 2014 */ margin-bottom: 25px; } article h5 { display: inline-block; margin-top: 12px; /* changed from padding-top: 12px - JM - Apr 14, 2014 */ } /* changed into article img.thumbnail - JM - Apr 14, 2014 article .thumbnail { float: right; } */ article img.thumbnail { /* changed from article .thumbnail img - JM - Apr 14, 2014 */ float: right; /* moved from article .thumbnail - JM - Apr 14, 2014 */ max-width: 185px; /* changed from width: 185px; height: 275px; - JM - Apr 14, 2014 */ margin: 0 0 15px 5px; /* changed from 58px 0 15px 5px - JM - Apr 14, 2014 */ } /* added for social media icons - JM - May 19, 2014 */ article .social-icon { float: right; margin: 0 0 0 10px; } article .social-icon ul { list-style-type: none; } article .social-icon ul li { float: left; margin-left: 10px; } article .social-icon ul li a { display: block; } article .social-icon ul li a:hover { text-decoration: none; } /* END OF added for social media icons */ article .page-content p { /* added .page-content - JM - Apr 14, 2014 */ margin-top: 20px; /* changed from padding-top: 20px - JM - Apr 14, 2014 */ } article .page-content p:first-child, article .page-content p.first { /* added - JM - Apr 14, 2014 */ margin-top: 0; } /* added for page content - JM - Apr 14, 2014 */ article .page-content h1 { color: #000000; } article .page-content h5 { display: block; } article .page-content table tr th, article .page-content table tr td, article .page-content ul li, article .page-content ol li, article .page-content div { line-height: 145%; } article .page-content ul, article .page-content ol, article .page-content div, article .page-content h1, article .page-content h2, article .page-content h3, article .page-content h4, article .page-content h5, article .page-content h6, article .page-content blockquote { margin-top: 20px; } article .page-content div.promo.first { margin-top: 0; } article .page-content ul li, article .page-content ol li { margin-left: 40px; } .frmTbl.fotf h1, .frmTbl.fotf h2, .frmTbl.fotf h3, .frmTbl.fotf h4, .frmTbl.fotf h5, .frmTbl.fotf h6, .frmTbl.fotf address, .frmTbl.fotf pre, .frmTbl.fotf div, .frmTbl.fotf ul, .frmTbl.fotf ol, .frmTbl.fotf blockquote, .frmTbl.fotf table { margin-top: 0; margin-bottom: 5px; } /* END OF added for page content */ /* added for news type headings - JM - Apr 14, 2014 */ .news-type-heading { margin: 0 0 18px 0; padding: 0; } .news-type-heading.addspace { margin-top: 12px; } .news-type-heading .news-type-heading-item { clear: both; display: inline-block; margin: 13px 0 0 0; } .news-type-heading .news-type-heading-item.first { margin-top: 2px; } .news-type-heading .news-type-heading-name { clear: both; display: inline; font-family: 'raleway-extrabold-webfont'; font-size: 22px; color: #33475f; } .news-type-heading .news-type-heading-name a { color: #d85300; } .news-type-heading .news-type-heading-name a:hover { color: #2F2F2F; } .news-type-heading ul.news-title { clear: both; } .news-type-heading ul.news-title li { width: 596px; margin: 0 0 5px -5px; font-family: 'raleway-regular-webfont'; font-size: 18px; color: #000000; } .news-type-heading ul.news-title li a { color: #d85300; } .news-type-heading ul.news-title li a:hover { color: #2F2F2F; } .news-type-heading .news-type-heading-pagenav { clear: both; margin: 0 0 -1px -5px; padding: 0; text-align: center; font-size: 16px; } .news-type-heading .news-type-heading-pagenav a { color: #d85300; } /* END OF added for news type headings - JM - Apr 14, 2014 */ /* added for page list below content - JM - Apr 14, 2014 */ .list-item-ajax-link { clear: both; margin: 20px 0; } .list-item { float: left; clear: both; margin: 16px 0 0 0; padding: 0; width: 615px; } /* changed margin-top from 22px because of new layout request - JM - Jun 05, 2015 */ .list-item .list-item-title { font-family: 'raleway-extrabold-webfont'; font-size: 22px; color: #000000; line-height: 120%; } /* changed from raleway-bold-webfont 18px because of new layout request - JM - Jun 05, 2015 */ .list-item .list-item-title a:link, .list-item .list-item-title a:visited {color: #000;} /* added - MH - Jun 06, 2014 ; changed from #000 because of new layout request - JM - Jun 05, 2015 ; changed back from #33485f to #000 - JM - Sep 02, 2015 */ .list-item .list-item-title a:hover, .list-item .list-item-title a:active {text-decoration: underline;} /* added - MH - Jun 06, 2014 */ .list-item .list-item-subtitle { font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; color: #33465f; line-height: 100%; margin-bottom: 2px; } .list-item .list-item-img { float: left; display: inline; margin: 0 20px 14px 0; max-width: 150px; } /* changed margin-right from 14px because of new layout request - JM - Jun 05, 2015 */ .list-item .list-item-img.square { width: 210px; height: 210px; max-width: none; } /* added for new layout request - JM - Jun 05, 2015 */ .list-item .list-item-img.size2 { max-width: 210px; } /* added as replacement of square image - JM - Jun 05, 2015 */ .list-item .list-item-img.nobottomspace { margin-bottom: 0; } .list-item .list-item-img-full { max-width: 400px; margin-bottom: 2px; } .list-item .list-item-img-full.nobottomspace { margin-bottom: 0; } .list-item p { font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; color: #444444; margin: 5px 0 0 0; padding: 0; } .list-item p.first { margin-top: 0; } .list-item p.author-names { margin: 0; padding: 0; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; color: #444; line-height: 145%; } /* changed line-height from 100% so there is space between lines - JM - Jun 04, 2015 */ .list-item p.author-names a { color: #2F2F2F; } /* changed from #d85300 per Kristin's 7/16 request - JM - Jul 16, 2014 */ .list-item p.author-names a:hover { color: #2F2F2F; text-decoration: underline; } .list-item-nav { float: left; clear: both; width: 615px; margin: 25px 0 0 0; padding: 0 0 32px 0; text-align: center; text-transform: uppercase; font-family: 'raleway-bold-webfont', Arial, Helvetica, sans-serif; font-size: 18px; } .list-item-nav.nobottomspace { margin-top: 20px; padding-bottom: 0; } .list-item-nav .list-item-nav_l { float: left; } .list-item-nav .list-item-nav_r { float: right; } /* added for news HL - JM - Jun 11, 2015 */ .list-item.hl {max-width: 304px; width: 100%;} .list-item.hl.first {margin-top: 0;} .list-item.hl .list-item-title, .list-item p.author-names {word-wrap: break-word;} .list-item.hl .list-item-title {font-size: 18px;} .list-item.hl .list-item-title a {color: #000;} .list-item.hl .list-item-img {margin: 0 10px 10px 0; width: 100px;} /* END OF added for news HL - JM - Jun 11, 2015 */ /* added for Bill's Picks HL - SF - Aug 08, 2016 */ .list-item.hl .list-item-img {width: 80px; height: 80px; max-width: none;} .list-item.hl .list-item-type {color: #D55400;} /* END OF added for Bill's Picks HL - SF - Aug 08, 2016 */ .list-item .news-teaser h1 { color: #000000; } .list-item .news-teaser table tr th, .list-item .news-teaser table tr td, .list-item .news-teaser ul li, .list-item .news-teaser ol li, .list-item .news-teaser div { line-height: 145%; } .list-item .news-teaser ul, .list-item .news-teaser ol, .list-item .news-teaser div, .list-item .news-teaser h1, .list-item .news-teaser h2, .list-item .news-teaser h3, .list-item .news-teaser h4, .list-item .news-teaser h5, .list-item .news-teaser h6 { padding-top: 5px; } .list-item .news-teaser ul li, .list-item .news-teaser ol li { margin-left: 40px; } /* END OF added for page list below content - JM - Apr 14, 2014 */ article .sub { clear: both; /* added - JM - Apr 14, 2014 */ float: right; } article .sub p, article .sub a { color: #000000; font-size: 13px; } article .sub a:hover { text-decoration: underline; } aside { max-width: 304px; width: 32%; float: right; /* added to move left navigation and left highlights to right - MH - May 06, 2015 */ } aside .aside-menu { margin-bottom: 39px; /* changed from 30px to make it consistent with the other highlights because the left navigation is changed into a highlight - JM - Jun 11, 2015 */ } aside ul li { list-style-type: none; background-color: #ececec; /*padding-bottom: 9px; -- removed - JM - Apr 14, 2014 */ } aside ul li a { font-size: 20px; color: #1c2c3d; font-family: 'raleway-medium-webfont'; background-color: #cfcfcf; padding: 7px 20px; /* changed from 12px 20px because line-height is added - JM - Apr 14, 2014 */ display: block; line-height: 20px; /* added - JM - Apr 14, 2014 */ } aside ul li.active a, aside ul li.open a { font-family: 'raleway-regular-webfont'; font-size: 18px; padding: 9px 20px; } aside ul li ul { padding-top: 9px; display: none; } aside ul li.active ul { display: block; } aside ul li ul li { padding: 0 20px 14px; margin-left: 20px; /* added - JM - Apr 14, 2014 */ } aside ul li ul li a, aside ul li.active ul li a, aside ul li.open ul li a { padding: 0; } aside ul li ul li a { background-color: #ececec; /* added - JM - Apr 14, 2014 */ } aside ul li ul li.active a { font-weight: 700; /* added - JM - Apr 14, 2014; changed from bold - MH - Jul 15, 2015 */ } aside ul li h4 a { font-family: 'raleway-regular-webfont'; font-size: 18px; color: #000000; background-color: #ececec; } aside ul li a:hover { text-decoration: none; } /* added .page-content .promo for Debt Clock in the page content - JM - Feb 9, 2018 */ aside .promo, .page-content .promo { width: 100%; /*margin-bottom: 39px; -- removed because has been included in the HL div - JM - Jun 26, 2014 */ font-family: 'adellebasic_reg-webfont'; /* added based on MH update - JM - Jun 05, 2014 */ } .page-content .promo div { margin-top: 0; } aside .promo .top, .page-content .promo .top { padding: 5px 12px 10px 10px; } aside .promo .bottom, .page-content .promo .bottom { padding: 10px 12px; } aside .promo p, .page-content .promo p { font-family: 'adellebasic_reg-webfont'; /* changed from adellebasic_bold-webfont based on MH update - JM - Jun 05, 2014 */ font-size: 21px; /* changed from 30px - JM - Jun 05, 2014 */ color: #ffffff; } .page-content .promo p { margin-top: 0; } aside .promo p strong, .page-content .promo p strong { display: block; font-size: 24px; /* changed from 27px - JM - Jun 05, 2014 */ } aside .promo .top p { /* -- removed - JM - Jun 05, 2014 font-family: 'adellebasic_reg-webfont'; font-size: 20px; */ } aside .promo .top p span, .page-content .promo .top p span { display: inline-block; white-space: nowrap; /*font-size: 20px; -- removed - JM - Jun 05, 2014 */ } aside .promo .top p strong, .page-content .promo .top p strong { /* -- removed - JM - Jun 05, 2014 font-family: 'adellebasic_reg-webfont'; font-size: 27px; */ white-space: nowrap; display: inline-block; } aside .promo .bottom p, .page-content .promo .bottom p { line-height: 140%; /* changed from 110% based on MH update - JM - Jun 05, 2014 */ } aside .promo .bottom p span, .page-content .promo .bottom p span { display: inline-block; white-space: nowrap; /*font-size: 30px; -- removed - JM - Jun 05, 2014 */ } aside .promo .bottom p strong, .page-content .promo .bottom p strong { display: inline-block; white-space: nowrap; /*font-size: 27px; -- removed - JM - Jun 05, 2014 */ } aside .promo .your-share, .page-content .promo .your-share { /* added - JM - Jun 05, 2014 */ padding: 8px 0 0 0; margin: 8px 0 0 0; border-top: 1px solid #fff; font-weight: 400; } aside .promo .your-share p span, .page-content .promo .your-share p span { /* added - JM - Jun 05, 2014 */ font-size: 23px; } aside .sidebar-hl-item h2 { /* added for general highlight - JM - Apr 14, 2014 */ line-height: 120%; } aside .sidebar-hl-item.tia-paypal-option h2 { /* ML - Jan 15, 2021 */ font-size: 22px; margin-bottom: 25px; } aside .subscribe h2 { background: url("/content/images/cms/icons/subscribe-bl.png") no-repeat left center; padding: 0 0 0 54px; line-height: 160%; } aside .subscribe p { color: #000000; } aside .subscribe input, aside .frmTblHL input { /* added "aside .frmTblHL input" for login HL - JM - Apr 14, 2014 */ display: block; background-color: #ececec; margin-top: 7px; width: 224px; } aside .subscribe input { /* ML Sept 03, 2021 add captcha */ width: 252px; } aside .subscribe input::-webkit-input-placeholder, aside .frmTblHL input::-webkit-input-placeholder { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */ color: #2f2f2f!important; } aside .subscribe input:-moz-placeholder, aside .frmTblHL input:-moz-placeholder { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */ color: #2f2f2f!important; } aside .subscribe input:-ms-input-placeholder, aside .frmTblHL input:-ms-input-placeholder { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */ color: #2f2f2f!important; } aside .subscribe input::-moz-placeholder, aside .frmTblHL input::-moz-placeholder { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */ color: #2f2f2f!important; } aside .subscribe input[type="checkbox"] { margin-right: 8px; height: 12px; display: inline-block; } aside .subscribe label, aside .frmTblHL label { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */ color: #000000; margin-top: 10px; display: inline; /* changed from inline-block to fix extra spaces between fields in Chrome - JM - Jul 19, 2017 */ } aside .subscribe form p { display: block; color: #000000; padding: 13px 10px 0 22px; font-size: 16px; line-height: 100%; } aside .subscribe button, aside .frmTblHL button, .frmTbl button { /* added for .frmTblHL, for login HL and added for form in the page content - JM - Apr 14, 2014 */ margin-top: 18px; background-color: #ea7e00; /* changed from #d55400 - JM - Feb 08, 2018 */ width: 245px; padding: 4px 5px 5px; } aside .subscribe button { /* added to fix the button placement, it appeared at the top in certain screen width - JM - Jul 19, 2017 */ float: left; width: 271px; /* ML Sept 03, 2021 add captcha */ } aside .subscribe form, aside .subscribe form p { /* added - JM - Apr 14, 2014 */ clear: left; } aside .subscribe form label.label-tooltip { /* added for placeholder - JM - Apr 14, 2014 */ left: 10px; top: 8px; text-align: left; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; height: 20px; } aside .frmTblHL button { /* added for login HL - JM - Apr 14, 2014 */ width: 50px; margin-top: 0; } /* added for general highlight - JM - Apr 14, 2014 */ aside .sidebar-hl-item.news, aside .sidebar-hl-item.bills-picks { display: inline-block; max-width: 304px; width: 100%; } aside .sidebar-hl-item.subscribe, aside .sidebar-hl-item.subscribe form { /* added to cover all fields - JM - Jul 19, 2017 */ display: inline-block; } aside .sidebar-hl-item .event-cal.wspace { margin-top: 10px; } aside .sidebar-hl-item { margin-bottom: 39px; } aside .sidebar-hl-item .hl-img { width: 304px; margin-top: 10px; } aside .sidebar-hl-item .hl-img.first { margin-top: 0; } aside .sidebar-hl-item.bills-picks .hl-img { /* added for Bill's Picks highlight - SF - Aug 08, 2016 */ float: left; max-width: 115px; margin-right: 20px; } aside .sidebar-hl-item .hl-content { margin-top: 10px; } aside .sidebar-hl-item .hl-content.first { margin-top: 0; } aside .sidebar-hl-item .hl-content p { color: #000000; margin-top: 10px; } aside .sidebar-hl-item .hl-content p:first-child { margin-top: 0; } aside .sidebar-hl-item .hl-content h1 { color: #000000; } aside .sidebar-hl-item .hl-content table tr th, aside .sidebar-hl-item .hl-content table tr td, aside .sidebar-hl-item .hl-content ul li, aside .sidebar-hl-item .hl-content ol li, aside .sidebar-hl-item .hl-content div { line-height: 145%; } aside .sidebar-hl-item .hl-content ul, aside .sidebar-hl-item .hl-content ol, aside .sidebar-hl-item .hl-content div, aside .sidebar-hl-item .hl-content h1, aside .sidebar-hl-item .hl-content h2, aside .sidebar-hl-item .hl-content h3, aside .sidebar-hl-item .hl-content h4, aside .sidebar-hl-item .hl-content h5, aside .sidebar-hl-item .hl-content h6 { padding-top: 10px; } aside .sidebar-hl-item .hl-content ul li, aside .sidebar-hl-item .hl-content ol li { margin-left: 40px; } aside .sidebar-hl-item .hl-content ul li { background-color: #FFFFFF; list-style-type: disc; } aside .sidebar-hl-item .hl-content ul li a { background-color: #FFFFFF; color: #d85300; display: inline; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 145%; padding: 0; } aside .sidebar-hl-item .hl-content ul li a:hover { color: #2F2F2F; } /* END OF added for general highlight */ /* added for form fields in the page content - JM - Apr 14, 2014 */ .frmTbl input { font-family: raleway-regular-webfont, Arial, Helvetica, sans-serif; font-size: 16px; border: none; background-color: #ececec; color: #2f2f2f; padding: 5px; } .frmTbl select { font-family: Arial, Helvetica, sans-serif; font-size: 15px; } .frmTbl button { padding: 5px; margin: 0; width: auto; height: auto; font-family: 'raleway-medium-webfont'; /* added per KM request - JM - Jun 18, 2014 */ } .frmSearch input, .frmSearch select { font-size: 14px; } .frmSearch button { font-size: 14px; font-family: 'raleway-medium-webfont'; /* added per KM request - JM - Jun 18, 2014 */ } .frmSearch input { width: 150px; } .frmSearch select { width: 265px; } .input.fotf { width: 250px; } .input.fotf.datePicker { width: 95px; } .textarea.fotf { width: 250px; height: 100px; } .radio.fotf, .checkbox.fotf { margin-left: 0; } /* END OF added for form fields in the page content - JM - Apr 14, 2014 */ /* added for donation form - ML - Dec 01, 2015 */ .donate_form { clear: both; color: #33485F; } .donate_form a { color: #D85300; } .donate_form a:hover { color: #2F2F2F; } .donate_form_container { margin-bottom: 30px; } .donate_form .field-validation-error { margin-left: 0; font-size: 13px; } .donate_form .donate_error { display: block; } .donate_form .donate_header_title { margin-top: 25px; } .donate_form .donate_header_title.first { margin-top: 0; } .donate_form .donate_header_title h3.form-header { color: #666; } .donate_form .donate_header_title h3.form-header.inline { display: inline; } .donate_section_body { margin-top: 5px; width: 100%; } .donate_form .donate_button_amount_container { display: inline-block; margin: 5px 26px 5px 0; padding: 0; vertical-align: top; } .donate_form .donation_button_type_container { display: inline-block; margin: 5px 30px 5px 0; padding: 0; vertical-align: top; } .donate_form .donate_button_amount, .donate_form .donate_button_type, .donate_form .donate_button, .donate_form input, .donate_form select, .donate_form textarea { -webkit-border-radius: 5px 5px; -moz-border-radius: 5px / 5px; border-radius: 5px; } .donate_form .donate_button_amount { width: 120px; height: 42px; color: #2F2F2F; background: #ECECEC; cursor: pointer; text-align: center; line-height: 42px; font-size: 15px; } .donate_form .donate_button_type { width: 167px; height: 42px; color: #2F2F2F; background: #ECECEC; cursor: pointer; line-height: 42px; text-align: center; font-size: 15px; } .donate_form .donate_button_amount:hover, .donate_form .donate_button_type:hover { color: #FFF; background: #D55400; } .donate_form .donate_button_amount.active, .donate_form .donate_button_type.active { color: #FFF; background: #D55400; } .frmTbl .donate_button_submit{ width:200px; margin-right:10px; } .frmTbl .donate_button_print { margin-right:10px; } .frmTbl .donate_button_submit, .frmTbl .donate_button_etc{ background-color: #D55400; font-size: 16px; padding: 8px; } .frmTbl .donate_button_back{ background: none; border: 1px solid #324860; color: #324860; font-size: 16px; padding: 8px; } .frmTbl .donate_button_back{ width:100px; } .donate_form .donation_input_container { display: inline-block; margin: 5px 14px 5px 0; padding: 0; width: 44%; vertical-align: top; } .donate_form .donation_input_container input[type="text"] { width: 100%; height: 29px; } .donate_form .donation_input_container select { width: 100%; height: 29px; } .donate_form .donation_input_container label { padding-bottom: 5px; cursor: pointer; font-size: 15px; display: inline-block; } .donate_form input { padding: 5px; border: 1px solid #A9A9A9; outline: none; box-sizing: border-box; } .donate_form select, .donate_form textarea { outline: none; border: 1px solid #A9A9A9; background-color: #ECECEC; } .donate_form textarea { font-size: 16px; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; padding: 5px; width: 46%; height: 80px; } .donate_form .checkbox { margin-top: 0; vertical-align: middle; } .donate_form input:hover, .donate_form input:focus, .donate_form select:hover, .donate_form select:focus, .donate_form textarea:hover, .donate_form textarea:focus { border: 1px solid #D55400; } .donate_form input.other_amount { border: 0 !important; padding: 0 0 0 0 !important; background: none; width: 55px; color: #FFF !important; font-size: 15px; } .input-hidden-extended { display: inline !important; opacity: 0 !important; width: 0 !important; height: 0 !important; float: right !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; min-width: 0 !important; } .donate_form .small_text { color: #777; font-size: 13px; } .donate_form .ccActive em { color: #33485F !important; font-weight: bold; } .donate_form .donate_button { margin-top: 10px; width: 91%; } .donate_form .donate_button, .donate_form .donate_button:hover { border: 0; /*background: #FFF url(/content/images/cms/orange_gradient.png) repeat-x;*/ background-color: #D55400; color: #FFF; height: 37px; padding: 4px 5px 5px; outline: none; cursor: pointer; } .donate_form .donate_button:hover { background: #FFF url(/content/images/cms/orange_gradient_hover.png) repeat-x; } .donate_form .donate_button:disabled:hover, .donate_form .donate_button[disabled]:hover { background: #FFF url(/content/images/cms/orange_gradient.png) repeat-x; cursor: default; } /* END OF added for donation form - ML - Dec 01, 2015 */ /* Footer */ footer { background-color: #33485f; } footer p { color: #ffffff; } footer .container { background: none; max-width: 958px; margin: auto; padding: 38px 0 120px; } footer .logo { float: left; margin-right: 17px; } footer .logo a { display: block; } footer .logo img { width: 273px; } footer .menu { float: left; } footer ul { list-style-type: none; float: right; margin-right: 10px; } footer ul li { float: left; } footer ul li a { display: block; padding: 50px 14px 20px 5px; /* changed from 50px 14px 20px 13px to fit for new social icon - JM - Jun 26, 2014 */ color: #ffffff; font-family: 'raleway-extrabold-webfont'; font-size: 15px; } /* added because hovering link in the footer is too dark - JM - Apr 14, 2014 */ footer ul li a:hover { color: #ffffff; text-decoration: underline; } /* END OF added because hovering link in the footer is too dark */ footer .social ul { margin: 0; } footer .social ul li a { /*padding: 50px 8px 18px;*/ padding: 50px 7px 18px; } footer .social ul li.last a, footer .social ul li:last-child a { padding: 50px 0 18px 8px; } footer .adr { margin-bottom: 10px; text-align: right; } footer .adr p { display: inline-block; margin-left: 26px; font-family: 'raleway-light-webfont'; } footer .line { border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 10px; } footer .copyright p, footer .copyright a { font-size: 11px; color: #ffffff; } footer .copyright a:hover { text-decoration: underline; } footer .media { float: right; } footer .media a { display: block; } /* added - JM - Apr 14, 2014 */ .hidden-obj { display: none; } .red-text { color: red; } .bold-text { font-weight: 700; /* changed from bold - MH - Jul 15, 2015 */ } /* END OF added - JM - Apr 14, 2014 */ /************** validation helpers formatting - JM - Jul 30, 2012 **************/ .field-validation-error, label.error { color: red; margin-left: 5px; font-size: 13px; } aside .sidebar-hl-item.subscribe .field-validation-error:before { content: ""; display: inline-block; height: 100%; margin-top: 10px; padding-top: 7px; } aside .sidebar-hl-item.subscribe .field-validation-error { margin-left: 0; } aside .sidebar-hl-item.subscribe .field-validation-error + input[type="text"] { margin-top: 0; } aside .sidebar-hl-item.subscribe .field-validation-error + input[type="text"] + label.label-tooltip { top: 22px; } .topF .field-validation-error, .topF label.error { margin-left: 0; display: block; } .field-validation-valid, .validation-summary-valid { display: none; } .validation-summary-errors { color: red; } .error-hl { display: block; margin-left: 0; } /********************* end of validation helpers formatting ********************/ /********************* for message box - JM - Apr 14, 2014 *********************/ .infoBox, .successBox, .warningBox, .errorBox, .validationBox { border: 1px solid; margin: 0 0 10px 0; padding: 10px 0 10px 50px; background-repeat: no-repeat; background-position: 10px center; font-size: 14px; line-height: 18px; } .infoBox { color: #00529B; background-color: #BDE5F8; background-image: url("/content/images/box-info.gif"); } .infoBox a { color: #00529B; text-decoration: none; } .infoBox a:hover { text-decoration: underline; } .successBox { color: #4F8A10; background-color: #DFF2BF; background-image:url("/content/images/box-success.gif"); } .warningBox { color: #9F6000; background-color: #FEEFB3; background-image: url("/content/images/box-warning.gif"); } .errorBox { color: #D8000C; background-color: #FFBABA; background-image: url("/content/images/box-error.gif"); } .errorBox a { color: #D8000C; text-decoration: none; } .errorBox a:hover { text-decoration: underline; } .errorBox ul li { margin-left: 20px; } .validationBox { color: #D63301; background-color: #FFCCBA; background-image: url("/content/images/box-validation.gif") ; } .validationBox a { color: #D63301; } #ulFOTFError { clear: both; } #ulFOTFError li { margin-left: 15px; } /****************************** end of message box *****************************/ /*********************************** loading ***********************************/ /* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */ #loading, #loadingG { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url("/Content/Images/ajax-loader.gif") 50% 50% no-repeat; } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading, body.no-scroll { overflow: hidden; } /* Anytime the body has the loading class, our modal element will be visible */ body.loading #modal { display: block; } .loading_section { background: rgba( 255, 255, 255, .8 ) url("/Content/Images/ajax-loader.gif") 50% 50% no-repeat; } .loading_section_gray { background: rgba( 238, 238, 238, .8 ) url("/Content/Images/ajax-loader.gif") 50% 50% no-repeat; } /******************************* end of loading ********************************/ #frmPgSubscribe button { font-family: 'raleway-bold-webfont'; /* added - JM - Feb 08, 2018 */ } /* added - JM - Jan 09, 2017 */ .subscribe button:hover, aside .subscribe button:hover, .frmTbl button:hover, .frmTblHL button:hover, .news-subscribe-popup button:hover { background-color: #f59d00; /* changed from #3B9EBF and #d55400 - JM - Feb 08, 2018 */ } .subscribe button:disabled:hover, .subscribe button[disabled]:hover, .frmTbl button:disabled:hover, .frmTbl button[disabled]:hover, .frmTblHL button:disabled:hover, .frmTblHL button[disabled]:hover, .news-subscribe-popup button:disabled:hover, .news-subscribe-popup button[disabled]:hover, aside .subscribe button:disabled:hover, aside .subscribe button[disabled]:hover, aside .frmTblHL button:disabled:hover, aside .frmTblHL button[disabled]:hover { background-color: #EA7E00; /* changed from #4dd2ff - JM - Feb 08, 2018 */ cursor: default; } /* END OF added - JM - Jan 09, 2017 */ /* added for newsletter subscription popup - JM - Feb 08, 2018 */ .news-subscribe-popup.big-container, .news-subscribe-popup.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; /*background-color: rgba( 255, 255, 255, .8 );*/ background-color: rgba( 255, 255, 255, .1 ); } .news-subscribe-popup.big-container { z-index: 105; } .news-subscribe-popup.overlay { z-index: 106; } .news-subscribe-popup.container { position: fixed; z-index: 107; /* horizontally and vertically centered */ top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 640px; /*background-color: #54779E;*/ background-color: #EAEDF2; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; color: #FFFFFF; border: 1px solid #EAEDF2; border-radius: 5px; } .news-subscribe-popup.header { display: inline-block; padding: 15px; /*background-color: #324860;*/ background-color: #FFFFFF; border-radius: 5px; } .news-subscribe-popup.header img { width: 270px; } .news-subscribe-popup.close { text-align: right; margin-bottom: -25px; margin-top: -10px; margin-right: -10px; } .news-subscribe-popup.close img { width: 30px; cursor: pointer; } .news-subscribe-popup.logo { float: left; text-align: center; width: 305px; } .news-subscribe-popup.logo h1 { font-size: 31px; font-family: 'raleway-bold-webfont', Arial, Helvetica, sans-serif; } .news-subscribe-popup.intro { float: right; text-align: center; width: 305px; } /* horizontally and vertically centered */ .news-subscribe-popup.intro:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } /* horizontally and vertically centered */ .news-subscribe-popup.intro-inner { display: table; vertical-align: middle; } .news-subscribe-popup.intro p { font-size: 23px; line-height: 26px; /*color: #FFFFFF;*/ color: #1C285D; font-family: raleway-extrabold-webfont; text-align: left; } .news-subscribe-popup.content { display: inline-block; padding: 0 0 20px 20px; } .news-subscribe-popup.content form { display: inline-block; } .news-subscribe-popup.content input { float: left; width: 276px; margin: 17px 16px 0 0; } .news-subscribe-popup.content input[type="text"] { border: 1px solid #628BBE; padding: 7px; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 20px; } .news-subscribe-popup .button { font-family: 'raleway-bold-webfont'; padding: 8px; width: 292px; height: 40px; margin: 17px 16px 0 0; } .news-subscribe-popup label.label-tooltip { font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 20px; color: #ADADAD; top: 29px; left: 8px; } .news-subscribe-popup .errorBox { margin: 20px 20px 0 0; padding: 15px 0px 15px 50px; } .news-subscribe-popup .errorBox li { margin-left: 15px; line-height: 145%; } .news-subscribe-popup .errorBox li label.error { margin-left: 0; cursor: pointer; } .news-subscribe-popup input.error + label.error { display: none !important; } @-moz-document url-prefix() { .news-subscribe-popup.content input[type="text"] { border: none; } } /* END OF added for newsletter subscription popup - JM - Feb 08, 2018 */ .footer_login{ font-family: 'raleway-light-webfont'; background:url(/content/images/cms/login.png) no-repeat 0 center; padding-left: 25px; color:#fff; display: inline-block; } .footer_login:hover{ text-decoration: underline; color:#fff; } /* Mobile */ @media (max-width: 1200px) { /* -- removed - JM - Jun 05, 2014 aside .promo p strong { font-size: 24px; }*/ } @media (max-width: 1005px) { .home header .top-left { padding-right: 1px; z-index: 10; } header .menu { margin-bottom: 0; } header .top-right .social { padding: 15px 10px 10px 0; } header .topic { min-height: 161px; overflow: hidden; } header .top-right .transparent { width: 100%; } header .menu ul { width: 100%; display: inline-block; margin-bottom: -2px; } header .menu ul li { display: block; width: 20%; } header .menu ul li:hover ul li { display: none; /* added for navigation dropdown - MH - Jul 15, 2015 */ } .home header .top-right { /* added - MH - May 20 + 29, 2014 */ background: #314861; } header #rotator .bg.empty img { /* added - JM - Jun 19, 2014 */ display: none; } .heading { /* added - MH - Jun 10, 2014 */ width: 100% !important; box-sizing: border-box; } /* added for debt clock on subpage - JM - Jun 26, 2014 */ aside .promo p { font-size: 19px; } aside .promo p strong { font-size: 22px; } aside .promo .your-share p span { font-size: 21px; } /* END OF added for debt clock on subpage - JM - Jun 26, 2014 */ .list-item, .list-item-nav { /* added .list-item-nav - JM - Jul 31, 2015 */ width: 100%; /* added - MH - Jul 30, 2015 */ } } @media (max-width: 989px) { body > .wrapper { padding: 0 10px; /* added to give left/right margin for Products & Resources like another screen width - JM - Jul 19, 2017 */ } #content section { padding: 38px 10px 23px; } #content section .block .headline h2, #content section .block .headline h2 a, #content section .feed .headline h2, #content section .feed .headline h2 a { font-size: 27px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */ } .page-area { padding: 0 10px 50px; } /* added for donation form - ML - Dec 01, 2015 */ .donate_form .donation_input_container { width: 45%; } /* -- removed - JM - Jun 05, 2014 aside .promo p { font-size: 28px; } aside .promo p strong { font-size: 25px; }*/ footer ul li a { padding: 50px 10px 20px 5px; /* changed from 50px 10px 20px 10px to fit for new social icon - JM - Jun 26, 2014 */ } footer .container { padding: 38px 10px 120px; } footer .social ul li a { padding: 50px 3px 18px; } footer .social { float: right; } footer .adr { clear: both; } } @media (max-width: 955px) { /* added - JM - Jul 19, 2017 */ .home #content .subscribe input { width: 195px; } #content section .block { width: 23%; /* so the Morning Call column doesn't fall */ } .page-content img { /* added - JM - Feb 9, 2018 */ width: auto; height: auto; max-width: 100%; } } @media (max-width: 930px) { .home #content .subscribe input { width: 180px; } #content section .block .headline h2, #content section .block .headline h2 a, #content section .feed .headline h2, #content section .feed .headline h2 a { font-size: 25px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */ } header .top-right { right: 0; left: auto; } .wrapper { padding: 0 10px; } .wrapper .services { padding-bottom: 30px; } .wrapper .services ul li { margin-bottom: 10px; width: 100%; padding-right: 0; } /* added for donation form - ML - Dec 01, 2015 */ .donate_form .donation_button_type_container { width: 100%; } /* added for debt clock on subpage - JM - Jun 26, 2014 */ aside .promo p { font-size: 17px; } aside .promo p strong { font-size: 20px; } aside .promo .your-share p span { font-size: 19px; } /* END OF added for debt clock on subpage - JM - Jun 26, 2014 */ } @media (max-width: 915px) { #content .subscribe h4 { padding-top: 10px; /* added just for nice looking - JM - Mar 16, 2015 */ } /* -- removed - JM - Jun 05, 2014 aside .promo p { font-size: 26px; } aside .promo p strong { font-size: 23px; }*/ } @media (max-width: 903px) { .home #content .subscribe input { width: 170px; } footer .menu { float: none; } footer .social { clear: both; float: none; } footer .social ul { float: none; } footer .social ul li a, footer .social ul li.last a, footer .social ul li:last-child a { padding: 20px 3px 18px; } footer .adr { text-align: left; } footer .adr p { margin-left: 0; margin-right: 26px; } footer .container { padding-bottom: 30px; } } @media (max-width: 876px) { .home #content .subscribe input { /* ML Sept 03, 2021 */ width: 170px; } header .top-right .social ul li a { padding: 6px 4px; } .home #content .subscribe button { /* added, so the button will have the same size like the text fields - JM - Feb 08, 2018 */ width: 190px; } #content section .block .headline h2, #content section .block .headline h2 a, #content section .feed .headline h2, #content section .feed .headline h2 a { font-size: 24px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */ } /* -- removed - JM - Jun 05, 2014 aside .promo p strong { font-size: 21px; }*/ #content .lab { width: 46%; } } @media (max-width: 842px) { .home #content .subscribe input { /* ML Sept 03, 2021 */ width: 160px; } #content .lab span { font-size: 13px; } #content .lab h3 { font-size: 20px; } #content .lab p { font-size: 14px; } #content .subscribe p { font-size: 16px; /* added for subscribe form on the homepage - JM - Apr 14, 2014 */ } #content section .block .headline h2, #content section .block .headline h2 a, #content section .feed .headline h2, #content section .feed .headline h2 a { font-size: 24px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */ } /* added for debt clock on subpage - JM - Jun 26, 2014 */ aside .promo p { font-size: 15px; } aside .promo p strong { font-size: 18px; } aside .promo .your-share p span { font-size: 17px; } /* END OF added for debt clock on subpage - JM - Jun 26, 2014 */ } @media (max-width: 832px) { .frmSubscribeHomepage { /* ML Sept 03, 2021 */ width: 100%; } .home #content .subscribe input { /* ML Sept 03, 2021 */ width: 150px; } #content .promo { width: 47%; } #content .lab { width: 46%; } h1 { font-size: 38px; } h2 { font-size: 26px; } h3 { font-size: 20px; } #content section .block ul li h4, h5, p { font-size: 14px; } #content section .feed .news-content div, #content section .block .news-content div, #content section .feed .news-content table, #content section .block .news-content table, #content section .feed .news-content ul li, #content section .block .news-content ul li, #content section .feed .news-content ol li, #content section .block .news-content ol li { font-size: 14px; } .wrapper .services .service-content div, .wrapper .services .service-content table, .wrapper .services .service-content ul li, .wrapper .services .service-content ol li { font-size: 14px; } #content section .block .date { font-size: 16px; } #content section .feed { width: 47%; } #content section .block { width: 23%; } #content section .block .headline h2, #content section .block .headline h2 a, #content section .feed .headline h2, #content section .feed .headline h2 a { font-size: 23px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */ } aside .sidebar-hl-item .hl-content table, aside .sidebar-hl-item .hl-content ul li, aside .sidebar-hl-item .hl-content ol li, aside .sidebar-hl-item .hl-content div { /* added for general highlight - JM - Apr 14, 2014 */ font-size: 14px; } } @media (max-width: 808px) { #content .promo { width: 48%; } /* -- removed because this will looks ugly when the window is resized - JM - Apr 14, 2014 #content .subscribe table { width: 70%; } */ #content .lab-chart-img .chart-text-line{ margin: 15px 0 15px 0; } } @media (max-width: 800px) { .home #content .subscribe button { /* ML Sept 03, 2021 */ width: 174px; } #content section .block .headline h2, #content section .block .headline h2 a, #content section .feed .headline h2, #content section .feed .headline h2 a { font-size: 22px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */ } aside ul li a { font-size: 18px; } aside ul li ul li a, aside ul li.active ul li a, aside ul li.open ul li a { font-size: 16px; } /* -- removed - JM - Jun 05, 2014 aside .promo p { font-size: 22px; } aside .promo p strong { font-size: 19px; }*/ aside .subscribe label, aside .subscribe span, aside .subscribe p { font-size: 14px; } aside .subscribe span { /* added - JM - Jul 19, 2017 */ width: 100%; /* so the text fields can be in full width */ /* display: block; to reduce the spaces between text fields after adding width 100% removed after adding aside .sidebar-hl-item.subscribe .field-validation-error:before - JM - Feb 08, 2018 */ } aside .subscribe input { /*width: 100%;*/ /* changed from 92%, so the button can be in full width - JM - Jul 19, 2017 */ /* but needs to add padding-right 0 in its td */ width: 222px; /* ML Sept 03, 2021 add capthca */ margin-right: 0; /* ML Sept 03, 2021 add capthca */ } aside .subscribe button { /*width: 100%;*/ width: 242px; /* ML Sept 03, 2021 add capthca */ } .news-subscribe-hl-captcha .g-recaptcha { /* ML Sept 03, 2021 add capthca */ -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .news-subscribe-hl-captcha { /* ML Sept 03, 2021 add capthca */ overflow: hidden; width: 241px; } } @media (max-width: 785px) { header .heading { position: relative; } header .wrapper { padding: 0; } h1 { font-size: 36px; } header .top-right .social ul li a { padding: 6px 2px; } /* added for debt clock on subpage - JM - Jun 26, 2014 */ aside .promo p { font-size: 13px; } aside .promo p strong { font-size: 16px; } aside .promo .your-share p span { font-size: 14px; } /* END OF added for debt clock on subpage - JM - Jun 26, 2014 */ } @media (max-width: 775px) { /* -- removed because it will look ugly, replaced with px below - JM - Apr 14, 2014 #content .subscribe input, #content .subscribe button { width: 27%; } */ #content .subscribe input[type="text"] { /*width: 250px;*/ width: 284px; /* ML Sept 03, 2021 */ } #content .subscribe button { padding: 4px 5px 5px; } .home #content .subscribe button { /* added, so the button will have the same size like the text fields - JM - Jul 19, 2017 */ /*width: 270px;*/ width: 305px; /* ML Sept 03, 2021 */ } /* added just for nice looking - JM - Apr 14, 2014 */ #content .subscribe input[type="text"], #content .subscribe button { margin-top: 15px; } #content .subscribe form label.label-tooltip { top: 24px; font-size: 15px; /* added to fit the zip code - JM - Mar 16, 2015 */ } #content .subscribe h2 { float: none; } /* END OF added - JM - Apr 14, 2014 */ .news-subscribe-home-captcha { /* ML Sept 03, 2021 add captcha */ text-align: center; width: 630px; } } @media (max-width: 758px) { #content section { text-align: right; } #content section .feed { width: 99%; height: auto; border: none; } #content section .block, #content section .block.last { width: 46%; /* changed from 47%, so the Morning Call column doesn't fall - JM - Jul 19, 2017 */ text-align: center; } } @media (max-width: 750px) { header .top-right { width: 62%; } header .top-left { width: 38%; height: 99%; } header .top-left .logo { margin: 0; text-align: left; } header .top-left .logo img{ width: 98%; min-width: 226px; } header .top-right .social ul li a { padding: 6px 4px; } /* added for donation form - ML - Dec 01, 2015 */ .donate_form .donation_input_container, .donate_form textarea { width: 100%; } .donate_form .donate_button { width: 100%; } /* END OF added for donation form - ML - Dec 01, 2015 */ /* -- removed - JM - Jun 05, 2014 aside .promo p { font-size: 17px; }*/ /* added responsive subscription form - JM - Jul 19, 2017 */ #frmPgSubscribe table tr td { display: block; } #frmPgSubscribe table tr td:nth-child(2n-1) { padding-top: 5px; /* add margin between fields */ padding-bottom: 1px; /* so if there is an error message, it will look nice */ } #frmPgSubscribe table tr.spacer { display: none; /* hide the extra spaces */ } #frmPgSubscribe input[type="text"], #frmPgSubscribe button { width: 100%; } /* END OF added responsive subscription form - JM - Jul 19, 2017 */ } @media (max-width: 700px) { footer ul { clear: both; float: none; } footer ul li a { padding: 20px 10px 0 5px; /* changed from 20px 10px 0px to fit for new social icon - JM - Jun 26, 2014 */ } footer ul li a:first-child { padding: 20px 10px 0 0; } /* -- removed because this will looks ugly when the window is resized - JM - Apr 14, 2014 #content .subscribe table { width: 80%; } */ #content .lab, #content .promo { display: block; float: none; margin: 0; width: auto; } #content .promo { width: 100%; margin-bottom: 20px; text-align: center; } #content .promo .top { padding: 5px 0 10px; } .promo .bottom { padding: 10px 0 10px; } #content .lab-chart-img { /* added to replace current Chart of the Month with one image only - JM - Nov 09, 2015 */ max-width: 100%; margin-left: auto; } #content .subscribe span.span-input { /* ML Sept 03, 2021 */ display: block; float:none; } #content .subscribe #btnSubscribe { /* ML Sept 03, 2021 */ display: none; } #content .subscribe #btnSubscribeMobile { /* ML Sept 03, 2021 */ display: block!important; } .news-subscribe-home-captcha { /* ML Sept 03, 2021*/ text-align: left; width:auto; } } @media (max-width: 675px) { article { float: none; margin-bottom: 20px; width: 100%; } /* added for donation form - ML - Dec 01, 2015 */ .donate_form .donation_input_container { width: 44%; } .donate_form textarea { width: 46%; } /* END OF added for donation form - ML - Dec 01, 2015 */ /* added - JM - Oct 03, 2017 */ .list-item .list-item-img.size2 { float: none; display: inline-block; margin-bottom: 1px; } /* END OF added - JM - Oct 03, 2017 */ aside { max-width: 100%; width: 100%; } aside .promo, .page-content .promo { text-align: center; } /* removed to leave the text fields and button in full width - JM - Jul 19, 2017 aside .subscribe input { width: 224px; } aside .subscribe button { width: 244px; }*/ aside .subscribe input { /* ML Sept 03, 2021 */ width: 100%; } aside .subscribe button { /* ML Sept 03, 2021 */ width: 100%; } .news-subscribe-hl-captcha .g-recaptcha { /* ML Sept 03, 2021 */ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .news-subscribe-hl-captcha { /* ML Sept 03, 2021 */ overflow: visible; width: auto; } /* added for debt clock on subpage - JM - Jun 26, 2014 */ aside .promo p { font-size: 21px; } aside .promo p strong { font-size: 24px; } aside .promo .your-share p span { font-size: 23px; } /* END OF added for debt clock on subpage - JM - Jun 26, 2014 */ /* added for news highlight - JM - Jun 11, 2015 */ aside .sidebar-hl-item.news, aside .sidebar-hl-item.bills-picks, aside .list-item.hl { max-width: 100%; width: 100%; } /* END OF added for news highlight - JM - Jun 11, 2015 */ } @media (max-width: 650px) { header .top-right .social ul li a { padding: 6px 2px; } /* added for newsletter subscription popup - JM - Feb 08, 2018 */ .news-subscribe-popup.container { width: 90%; /* for scrolling in popup */ max-height: 90%; overflow-y: auto; } .news-subscribe-popup.header { text-align: center; } .news-subscribe-popup.close { position: relative; } .news-subscribe-popup.intro { /*margin-top: 10px;*/ margin-top:0; } .news-subscribe-popup.intro p { text-align:center; } .news-subscribe-popup.logo, .news-subscribe-popup.intro, .news-subscribe-popup.content input[type="text"], .news-subscribe-popup button { float: none; display: inline-block; width: 100%; } .news-subscribe-popup.content input[type="text"], .news-subscribe-popup button { min-width: 290px; /* ML Sept 03, 2021 add captcha */ } .news-subscribe-popup span.span-input, .news-subscribe-popup.button { width: 90%; width: calc(100% - 20px); } .news-subscribe-popup.content input[type="text"] { width: calc(100% - 18px); } .news-subscribe-popup button { width: calc(100% - 20px) !important; } .news-subscribe-popup.button { /* ML Sept 03, 2021 add captcha */ display: none; } .news-subscribe-popup.button.mobile { /* ML Sept 03, 2021 add captcha */ display: block!important; } .news-subscribe-popup .news-subscribe-popup-captcha { /* ML Sept 03, 2021 add captcha */ padding-top: 16px; clear: both; } /* END OF added for newsletter subscription popup - JM - Feb 08, 2018 */ } @media (max-height: 420px) { .news-subscribe-popup.big-container { position: absolute; top: 30%; } .news-subscribe-popup.container{ position: absolute; } body.no-scroll { overflow:visible; } } @media (max-width: 605px) { header .top-left .logo img { width: 65%; } header .top-right, header .top-left, .home header .top-left { position: relative; width: 100%; } /* added for navigation dropdown - MH - Jul 15, 2015 */ header .menu ul li ul li {margin-left: -400%;} header .menu ul li.dark-orange ul li {margin-left: -300%;} header .menu ul li.orange ul li {margin-left: -200%;} header .menu ul li.light-orange ul li {margin-left: -100%;} header .menu ul li.yellow ul li {margin-left: 0;} header .menu ul li:hover ul li {display: block;} header .menu ul ul {position: relative; float: left;} header .menu ul li:last-child ul {right: auto;} header .menu ul ul li {width: 500%;} /* END OF added for navigation dropdown - MH - Jul 15, 2015 */ } @media (max-width: 585px) { #rotator h1 { font-size: 28px; } } @media (max-width: 575px) { /* -- removed because this will looks ugly when the window is resized - JM - Apr 14, 2014 #content .subscribe table { width: 100%; } */ } @media (max-width: 540px) { #content .subscribe td { display: block; } #content .subscribe input { display: block; width: 250px; margin: 10px 20px 0 0; } /* added - JM - Apr 14, 2014 */ #content .subscribe input[type="text"] { display: block; /*width: 250px;*/ width:283px; /* ML Sept 03, 2021*/ margin: 10px 20px 0 0; } #content .subscribe form label.label-tooltip { top: 19px; } /* END OF added - JM - Apr 14, 2014 */ #content .subscribe input[type="checkbox"] { display: inline-block; width: auto; } #content .subscribe button { width: 270px; margin: 10px 0 0 0; } .home #content .subscribe button { /* added, so the button will have the same size like the text fields - JM - Jul 19, 2017 */ /*width: 270px;*/ width: 303px; /* ML Sept 03, 2021*/ } .news-subscribe-home-captcha { /* ML Sept 03, 2021*/ margin-bottom: -5px; margin-top: -5px; } } @media (max-width: 525px) { header .heading .graph { width: 50%; } header #rotator .heading .graph img { height: auto; width: 100%; } header #rotator .heading h1, header #rotator .heading h1 a { /* added so the rotator title doesn't collide with the rotator image - JM - May 30, 2014 */ display: inline-block; margin-top: 5px; } header .rotator-nav { /* added for arrow navigation - JM - Jun 26, 2014 */ top: 50%; } header .menu ul li a { padding: 30px 0; } #rotator h1 { font-size: 24px; } #content section .block, #content section .block.last { width: 97%; border: none; } #content section { padding-bottom: 0; } h4 { font-size: 16px; } #content .subscribe p { margin-right: 10px; font-size: 14px; } #content .subscribe table { font-size: 14px; } /* added for donation form - ML - Dec 01, 2015 */ .donate_form .donation_input_container, .donate_form textarea { width: 100%; } .frmTbl button { /* added JM - Oct 12, 2017 */ width: 100%; } .frmTbl .donate_button_submit, .frmTbl .donate_button_back { width:100%; } .frmTbl .donate_button_submit, .frmTbl .donate_button_print { margin:0; } } @media (max-width: 450px) { /* added - JM - Apr 14, 2014 */ #content .lab .graphic { float: none; padding-left: 0; } #content .lab span { display: block; margin-top: 10px; } #content .lab .chart-content span { display: inline; margin-top: 0; } /* END OF added - JM - Apr 14, 2014 */ #content .subscribe h2 { float: none; } #content .subscribe h4 { line-height: 140%; } footer .container { padding-top: 10px; } } @media (max-width: 386px) { #content section .feed ul li img { /* changed to max-width per Mike's request - JM - Sep 29, 2017 height: auto; width: 150px;*/ max-width: 150px; } header .top-right .social ul { clear: both; padding-top: 10px; } header .top-right .social ul li a{ padding: 6px 8px; } header .menu ul li a { padding: 20px 0; } header .top-right .social form { width: 90%; } .wrapper .services .headline h2 { font-size: 25px; } /* added for debt clock on the homepage - JM - Jun 26, 2014 */ #content .promo p { font-size: 20px; } #content .promo p strong { font-size: 28px; } #content .promo .your-share p span { font-size: 22px; } /* END OF added for debt clock on the homepage - JM - Jun 26, 2014 */ /* added for donation form - ML - Dec 01, 2015 */ .donate_form .donate_button_amount, .donate_form .donate_button_amount_container, .donate_form .donation_button_type_container, .donate_form .donate_button_type { width: 100%; } .donate_form input.other_amount { width: 100px; } /* END OF added for donation form - ML - Dec 01, 2015 */ /* added for debt clock on subpage - JM - Jun 26, 2014 */ aside .promo p, .page-content .promo p { font-size: 19px; } aside .promo p strong, .page-content .promo p strong { font-size: 22px; } aside .promo .your-share p span, .page-content .promo .your-share p span { font-size: 21px; } /* END OF added for debt clock on subpage - JM - Jun 26, 2014 */ } @media (max-width: 350px) { header .menu-mobile { background-color: #C23824; color: #FFFFFF; display: inline-block; font-family: 'raleway-extrabold-webfont'; padding: 10px; position: absolute; right: 20px; top: 27px; } header .menu-mobile:hover { background-color: #AE3220; } header .menu-mobile:disabled:hover, header .menu-mobile[disabled]:hover { background-color: #C23824; cursor: default; } header .menu ul li { width: 100%; float: none; } /* added for navigation dropdown - MH - Jul 15, 2015 */ header .menu ul li ul li {margin-left: 0;} header .menu ul li.dark-orange ul li {margin-left: 0;} header .menu ul li.orange ul li {margin-left: 0;} header .menu ul li.light-orange ul li {margin-left: 0;} header .menu ul li.yellow ul li {margin-left: 0;} header .menu ul ul li {width: 100%;} /* END OF added for navigation dropdown - MH - Jul 15, 2015 */ /* added for newsletter subscription popup - JM - Feb 08, 2018 */ .news-subscribe-popup.logo img { width: 100%; width: calc(100% - 20px); } /* END OF added for newsletter subscription popup - JM - Feb 08, 2018 */ aside .sidebar-hl-item .hl-img { /* added - JM - Feb 9, 2018 */ width: 100%; } footer ul li a { padding: 20px 5px 0; } footer ul li a:first-child { padding: 20px 5px 0 0; } #content .lab h3 { font-size: 16px; } #rotator h1 { font-size: 22px; } /* added for debt clock on the homepage - JM - Jun 26, 2014 */ #content .promo p { font-size: 18px; } #content .promo p strong { font-size: 26px; } #content .promo .your-share p span { font-size: 20px; } /* END OF added for debt clock on the homepage - JM - Jun 26, 2014 */ #content .lab-chart-img .chart-text-line{ margin: 10px 0 10px 0; } .news-subscribe-popup.content input[type="text"]{ /* ML Sept 03, 2021 add captcha */ min-width: initial; width: 243px; } .news-subscribe-popup.button.mobile { /* ML Sept 03, 2021 add captcha */ min-width: initial; width: 257px !important; margin-right: 0; } .news-subscribe-popup-captcha .g-recaptcha { /* ML Sept 03, 2021*/ -webkit-transform: scale(0.84); -moz-transform: scale(0.84); -o-transform: scale(0.84); -ms-transform: scale(0.84); transform: scale(0.84); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .news-subscribe-popup .news-subscribe-popup-captcha { /* ML Sept 03, 2021*/ margin-bottom: -15px; width: auto; width: 258px; overflow: hidden; } .news-subscribe-popup label.label-tooltip { /* ML Sept 03, 2021*/ width: auto; } #frmPgSubscribe input[type="text"]{ /* ML Sept 03, 2021*/ width: 264px; } #frmPgSubscribe button { /* ML Sept 03, 2021*/ width: 274px; } .news-subscribe-page-captcha { /* ML Sept 03, 2021*/ margin-bottom: -32px !important; } .news-subscribe-page-captcha .g-recaptcha { /* ML Sept 03, 2021*/ -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } aside .subscribe input { /* ML Sept 03, 2021 */ width: 253px; } aside .subscribe button { /* ML Sept 03, 2021 */ width: 273px; margin-top:10px; } #content .subscribe input[type="text"] { /*width: 240px;*/ width: 253px; /* ML Sept 03, 2021 */ } .home #content .subscribe button { /* added, so the button will have the same size like the text fields - JM - Jul 19, 2017 */ /*width: 260px;*/ width: 273px; /* ML Sept 03, 2021 */ margin-top: 0; /* ML Sept 03, 2021 */ } .news-subscribe-home-captcha .g-recaptcha { /* ML Sept 03, 2021 */ -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .news-subscribe-hl-captcha .g-recaptcha { /* ML Sept 03, 2021 */ -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } #content .subscribe #btnSubscribeMobile { /* ML Sept 03, 2021 */ margin-top: -5px; } } @media (max-width: 321px) { #content .subscribe input { width: 240px; } #content .subscribe button { width: 260px; } .wrapper .services .headline h2 { font-size: 21px; } .wrapper .services ul li img { float: none; } footer .copyright p { clear: both; } } @media (max-width: 290px) { /* ML Sept 03, 2021 */ #content .subscribe input[type="text"] { /* ML Sept 03, 2021*/ width: 222px; } #content .subscribe #btnSubscribeMobile { /* ML Sept 03, 2021*/ width: 241px; margin-top: -12px; } .news-subscribe-home-captcha .g-recaptcha { /* ML Sept 03, 2021 */ -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .news-subscribe-popup.content input[type="text"] { /* ML Sept 03, 2021*/ width: 203px; } .news-subscribe-popup .news-subscribe-popup-captcha { margin-bottom: -24px; width: 220px; } .news-subscribe-popup-captcha .g-recaptcha { /* ML Sept 03, 2021*/ -webkit-transform: scale(0.72); -moz-transform: scale(0.72); -o-transform: scale(0.72); -ms-transform: scale(0.72); transform: scale(0.72); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .news-subscribe-popup.button.mobile { /* ML Sept 03, 2021*/ width: 219px !important; } .news-subscribe-page-captcha .g-recaptcha { /* ML Sept 03, 2021*/ -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } #frmPgSubscribe input[type="text"] { /* ML Sept 03, 2021*/ width: 249px; } #frmPgSubscribe button { /* ML Sept 03, 2021*/ width: 261px; } aside .subscribe input { /* ML Sept 03, 2021*/ width: 239px; } aside .subscribe button { /* ML Sept 03, 2021 */ width: 258px; } .news-subscribe-hl-captcha .g-recaptcha { /* ML Sept 03, 2021 */ -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } } /* clears the width of the rotator image, sets a max-width of the width of the images and then uses a margin to center the background image - MH - May 20, 2014 */ @media (min-width: 1800px) { header #rotator { margin: 0 auto; width: auto; max-width: 1820px; } } /* added - MH - Jun 10, 2014 */ @media (min-width: 1005px) { .heading { min-width: 940px; box-sizing: border-box; } } /* added for print preview - JM - Apr 14, 2014 */ @media print { .menu-mobile, .top-right, aside, .line, .social-icon, #rotator, #content .promo, .subscribe, .list-item-nav, embed, form { display: none; } article { width: 100%; float: none; } header .topic, header .top-left, footer, #content .lab, .wrapper { background-color: #fff; } footer .copyright p, footer .copyright a { color: #000; } .logo-screen { display: none; } .logo-print { display: inline; } #content .lab { width: 96%; float: none; margin: 0; } #content section .feed, #content section .block, #content section .block.last { display: inline; width: 100%; float: none; margin: 0; } #content section .feed ul li { page-break-before: auto; page-break-after: auto; page-break-inside: avoid; } } /* Change the form background color, text color, and typeface */ .can_embed #can_embed_form, .can_embed #donate_auto_modal { background-color: #e8f9ec !important; color: black !important; /*font-family: enter your typeface name here */ } /* Change link color */ .can_embed #can_embed_form a, .can_embed #donate_auto_modal a { color: purple !important; } /* Heading colors */ .can_embed #can_embed_form h1, .can_embed #donate_auto_modal h1, .can_embed #can_embed_form h2, .can_embed #donate_auto_modal h2, .can_embed #can_embed_form h3, .can_embed #donate_auto_modal h3, .can_embed #can_embed_form h4, .can_embed #donate_auto_modal h4, .can_embed #can_embed_form h5, .can_embed #donate_auto_modal h5, .can_embed #can_embed_form h6, .can_embed #donate_auto_modal h6 { color: red !important; } /* Welcome message background color */ .can_embed #can_embed_form #action_welcome_message #action_welcome_message_inner, .can_embed #donate_auto_modal #action_welcome_message #action_welcome_message_inner { background-color: rgba(0,0,0,.10) !important; /* This is black @ 10% opacity */ } /* Remove the Action Network Logo */ .can_embed #logo_wrap { display: none !important; } /* Button Background Color */ .can_embed .can_button, .can_embed #can_embed_form input[type="submit"], .can_embed #can_embed_form .button, .can_embed #donate_auto_modal input[type="submit"], .can_embed #donate_auto_modal .button { background-color: blue !important; } .can_embed #donate_auto_modal input[type="text"]{ color: #000 !important; } /* Button Background Color on Hover */ .can_embed .can_button:hover, .can_embed #can_embed_form input[type="submit"]:hover, .can_embed #can_embed_form .button:hover, .can_embed #donate_auto_modal input[type="submit"]:hover, .can_embed #donate_auto_modal .button:hover { background-color: green !important; } /* Thank You Page Header Background Color */ .can_embed #can_embed_form #can_thank_you, .can_embed #donate_auto_modal #can_thank_you { background-color: lightblue !important; } /* Thank You Page Header Text Color */ .can_embed #can_embed_form #can_thank_you, .can_embed #donate_auto_modal #can_thank_you, .can_embed #can_embed_form #can_thank_you h1, .can_embed #donate_auto_modal #can_thank_you h1, .can_embed #can_embed_form #can_thank_you h4, .can_embed #donate_auto_modal #can_thank_you h4, .can_embed #can_embed_form #can_thank_you #action_info .action_info_user, .can_embed #donate_auto_modal #can_thank_you #action_info .action_info_user, .can_embed #can_embed_form #can_thank_you #action_info .action_info_user a, .can_embed #donate_auto_modal #can_thank_you #action_info .action_info_user a { color: black !important; } /* Thank You Page Divider Line */ .can_embed #can_embed_form #can_thank_you #action_info, .can_embed #donate_auto_modal #can_thank_you #action_info { border-color: black !important; } .can_embed ::-webkit-input-placeholder { color: rgb(117, 117, 117) !important; } .can_embed :-moz-placeholder { color: rgb(117, 117, 117) !important; } .can_embed :-ms-input-placeholder { color: rgb(117, 117, 117) !important; } .can_embed ::-moz-placeholder { color: rgb(117, 117, 117) !important; }