/* TAN-GREY: #eff1e9; */ /* GREY: #959690 */ /* PURPLE: #3e306e */ /* LIGHTER PURPLE: #8b7ac4 */ /* LIGHTEST PURPLE: #b4a4ec */ /* BLUE: #00335d*/ /* GOLD: #cfde47 */ body { font-family: 'Lato', sans-serif; max-width: 1060px; margin: 0 auto; background-color: white; } .web-text { width: 65%; float: left; } @media only screen and (max-width: 960px) { .web-text{ width: 55%; } } @media only screen and (max-width: 750px) { .web-text{ width: auto; display: block; margin: 0 1em; float: none; } } @media only screen and (max-width: 768px) { .widget-container { width: 100%; } } a { color: #00335d; } a:hover { color: #8b7ac4; } h1, h2, h3, h4, h5 { color: #00335d; } .btn:hover { opacity: .8; } .btn { text-transform: uppercase; font-size: 12px; } .center { text-align: center; } .hidden { display: none; } .blue { color: #00335d; } strong { font-family: 'LatoBold', sans-serif; } .widget-container { background-color: white; width: 284px; font-size: 11px; -webkit-box-shadow: inset 0px 0px 0px 1px #eff1e9; -moz-box-shadow: inset 0px 0px 0px 1px #eff1e9; box-shadow: inset 0px 0px 0px 1px #eff1e9; float:right; margin-left:1em; margin-top: 1em; height: 660px !important; } @media only screen and (max-width: 750px) { .widget-container { clear: both; margin: 0 auto; float: none; } } .info-container { display: none; } /* SET HEIGHT OF INNER CONTAINERS */ /*.info-container-landing, .inner-container { height: 322px; }*/ ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.2); } .upper { text-transform: uppercase; font-weight: bold; font-family: 'LatoBold', sans-serif; } .header { padding: 0 0 1em 0; background-color: #eeeeee; text-align: center; -webkit-box-shadow: inset 0px 5px 0px 0px rgba(62,48,110,1); -moz-box-shadow: inset 0px 5px 0px 0px rgba(62,48,110,1); box-shadow: inset 0px 5px 0px 0px rgba(62,48,110,1); } .header img { margin: 0 auto; display: block; } .header h1 { padding: .25em 0 0 0; margin: 0 0 -.5em 0; font-size: 20px; } .header h2 { margin: .75em 0 .5em 0; font-size: 15px; } /* SET HEIGHT OF UPPER SECTION */ .calculate-section { padding: 0 1em 1em 1em; border-bottom: solid 1px #959690; border-top: solid 1px #959690; height: 125px; position: relative; } #date-input { border-bottom: solid 2px #3e306e; border-left: none; border-right: none; border-top: none; height: 25px; width: 100px; padding: 0 .5em; border-radius: 0; font-size: 12px; margin-bottom: 10px; } .input-internal { display: none; } .inactive-button { background-color: #eeeeee !important; color: #959690 !important; border: solid 1px #959690 !important; pointer-events: none; } .date-enter .row { margin-top: -1.5em; } .buttons-section { position: absolute; bottom: .5em; left: 0; margin: 0 auto; } ::-webkit-input-placeholder { font-size: .9em; padding-top: 2px; } :-moz-placeholder { /* Firefox 18- */ font-size: .9em; padding-top: 2px; } ::-moz-placeholder { /* Firefox 19+ */ font-size: .9em; padding-top: 2px; } :-ms-input-placeholder { font-size: .9em; padding-top: 2px; } #date-submit { background-color: #3e306e; height: 33px; /* padding: 0 15px;*/ margin-top: 0; border: none; color: white; cursor: pointer; text-align: center; font-size: 12px; -webkit-appearance: none; margin-left: 2px; width: 45%; } #reset { background-color: #3e306e; height: 33px; /* padding: 0 15px;*/ margin-top: 0; border: none; color: white; cursor: pointer; text-align: center; font-size: 12px; -webkit-appearance: none; margin-right: 2px; width: 45%; } .ui-datepicker-trigger { position: relative; top: 1em; cursor: pointer; margin-left: 2px; } .row { width: 100%; text-align: center; } .nav ul { margin: 0; padding: 0; width: 100%; height: auto; display: table; } .nav ul li { list-style: none; text-align: center; height: 100%; /* background-color: #3e306e;*/ display: table-cell; width: 50%; vertical-align: middle; background-color: #3e306e; } .nav ul li a:hover { color: white; } .nav ul li a { color: #b0a3d8; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; font-family: 'LatoBold', sans-serif; display: block; width: 100%; padding: .5em 0 .8em 0; } .active { -webkit-box-shadow: inset 0px -5px 0px 0px #cfde47; -moz-box-shadow: inset 0px -5px 0px 0px #cfde47; box-shadow: inset 0px -5px 0px 0px #cfde47; color: white !important; background-color: #3e306e; } .active a { color: white !important; } .trimester-section { /* padding: 0 .7em;*/ } .trimester-section p:first-child { padding: 0; margin-top: .5em; } .due-date { margin: -5px 0 0 0; padding-left: 20px; } .due-date li { margin-bottom: 5px; } .trimester-nav { margin: 0; padding: 0; width: 100%; height: 35px; display: table; border-spacing: .5em 0em; margin-top: -.5em; border-bottom: solid 1px #3e306e; } .trimester-nav li { list-style: none; text-align: center; height: 100%; background-color: #3e306e; display: table-cell; width: 33%; vertical-align: middle; border: solid 1px #3e306e; border-bottom: none; border-radius: 5px 5px 0 0; } .active-tri { background-color: #3e306e !important; -webkit-box-shadow: 0px 2px 0px white; -moz-box-shadow: 0px 2px 0px white; box-shadow: 0px 2px 0px white; } .active-tri a { color: #3e306e !important; background-color: white; border-radius: 4px 4px 0 0; text-decoration: underline !important; } .active-tri:hover { opacity: 1; } .active-tri a:hover { /* background-color: whir !important;*/ } .trimester-nav li a { color: white; text-decoration: none; font-weight: bold; font-family: 'LatoBold', sans-serif; font-size: 12px; width: 100%; height: 100%; display: block; padding-top: .75em; } .grey-banner { background-color: #959690; margin: 0 .5em; color: white; padding: .5em; font-size: 14px; text-align: center; } /*.blue-banner { background-color: #00335d; width: 96%; margin-left: 2%; color: white; font-size: 13px; text-align: center; display: table; padding: 1em 0; }*/ .info p { font-size: 12px; margin: 1em 0; } .info h3, .info h2 { margin: .75em 0 -.25em 0; } #aids-logo { float: right; } .online-resources-head { margin: 10px 0 0 0; } .online-resources-list { margin: 0 0 20px 0; padding-left: 20px; } .online-resources-list li { margin-top: 5px; } .online-resources-list li a { color: #3e306e; } .online-resources-list li a:hover { color: #b4a4ec; } .footer { background-color: #3e306e; color: white; height: 45px; width: 100%; } .left-bottom { float: left; margin: .75em 0 0 1em; } .left-bottom img { height: 28px; } .right-bottom { float: right; padding: 1em 0; } #share-icon{ position: relative; top: 3px } .right-bottom a { color: white; text-decoration: none; display: inline-block; width: auto; } .right-bottom a:first-child { margin-right: 1em; } .right-bottom a:hover { text-decoration: underline; } .info { padding: 0 1em; overflow: scroll; height: 250px; } .inner-container-table { display: none; margin: 1em .5em; } table { width: 96%; margin-left: 2%; border-spacing: 0; font-size: 12px; } th, td { padding: 1em; } .width30 { width: 27.5%; } .width40 { width: 45%; } th { text-align: left; background-color: #dadccb; text-transform: uppercase; } tr:nth-child(even) { background-color: #eff1e9; } .datebox-highlight { background-color:#ffff00 !important; } .gestational-box { margin: -.75em -.9em !important; padding: .25em 1em !important; border-top: solid 1px #eff1e9; border-bottom: solid 1px #eff1e9; } #question { margin: .5em 0; } .bottom-message { background-color: #eeeeee; text-align: center; position: relative; } .bottom-message p { margin: 0; padding: .5em; color: #00335d; font-weight: bold; font-family: 'LatoBold', sans-serif; border-top: solid 1px #959690; } @font-face { font-family: 'Lato'; src: url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Regular.eot?') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Regular.svg') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'LatoBold'; src: url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */ src: url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Bold.eot?') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Bold.woff') format('woff'), /* Pretty Modern Browsers */ url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.cdc.gov/hiv/widgets/ottl/fonts/Lato-Bold.svg') format('svg'); /* Legacy iOS */ }