.block-feature {font-size: 90%; padding: 1.25em 0 0; position: relative; } .block-feature > div:first-child:before {border: 0; } .block-feature > div:before {border-left: 1px dotted #333; content: ' '; display: inline-block; position: absolute; top: 40px; z-index: 899; height: 145px; width: 1px; margin-left: -10px; } .block-feature a {color: #333; display: inline-block; margin: 0 1em; } .block-feature a:hover, .block-feature a:focus {color: #333; } .block-feature a:hover .media-body > div, .block-feature a:focus .media-body > div {color: #1155cc; } .block-feature svg {height: 80px; width: 80px; } .block-feature .media-body > div {transition: color 0.3s ease; } .block-feature .media-icon {text-align: center; } @media (max-width: 37.5em) {.block-feature {font-size: 100%; } .block-feature * {text-align: left !important; } .block-feature > div {border-top: 1px dotted #333; margin: 0 auto !important; } .block-feature > div.show-phone {display: block; } .block-feature > div:before {border: none; } .block-feature > div:first-child {border: none; } .block-feature > div div {margin-top: 0.5em; } .block-feature a {margin: 1em 0; } .block-feature .media-icon {float: left; width: 95px; } .block-feature img {display: block; margin: 0 auto 0.5em; } } .block-web-graphics {padding-bottom: 1.5em; } .block-web-graphics .block-web-graphics__body {text-align: center; } .block-web-graphics a {background-image: url("//placehold.it/180x150/333"); background-position: 50%; background-repeat: no-repeat; background-size: cover; outline: 1px solid #bbbbbb; display: inline-block; vertical-align: top; margin-left: 5px; height: 150px; width: 180px; overflow: hidden; transition: outline 0.25s; } .block-web-graphics a:first-child {margin-left: 0; } .block-web-graphics a:hover, .block-web-graphics a:focus {outline: 2px solid #1155cc; } @media (max-width: 37.5em) {.block-web-graphics a {background-image: none !important; } } .ssa-carousel {background-color: #f9f9f9; margin: 0.5em auto 2em; height: 230px; padding: 0; position: relative; width: 940px; z-index: 99; } @media (max-width: 37.5em) {.ssa-carousel {display: none; } } .ssa-carousel img {border-radius: 0.2em; display: block; min-height: 218px; width: 929px; max-width: 100%; -moz-user-select: none; -webkit-user-select: none; -webkit-user-drag: none; } .ssa-carousel .slide-holder {height: 225px; } .ssa-carousel .slide-holder a {border: 0; display: block; margin: 0; opacity: 0; outline: 0; padding: 6px; position: absolute; width: 940px; height: 218px; z-index: 5; transition: opacity 0.5s ease-in-out; } .ssa-carousel .slide-holder a.on {opacity: 0.999; z-index: 7; } .ssa-carousel .nav-arrows a {background: #09C; color: #fff; height: 36px; width: 36px; line-height: 28px; margin: -18px 0 0; display: inline-block; position: absolute; top: 50%; text-align: center; z-index: 799; font-size: 24px; font-size: 1.5rem; } .ssa-carousel .nav-arrows a:hover, .ssa-carousel .nav-arrows a:focus {color: #d9ae21; } .ssa-carousel .nav-arrows a.previous {left: -10px; } .ssa-carousel .nav-arrows a.previous:after {content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 100%; border-width: 5px; border-style: solid; border-color: #004d66 #004d66 transparent transparent; } .ssa-carousel .nav-arrows a.next {right: -10px; } .ssa-carousel .nav-arrows a.next:after {content: ' '; position: absolute; width: 0; height: 0; right: 0px; top: 100%; border-width: 5px; border-style: solid; border-color: #004d66 transparent transparent #004d66; } .ssa-carousel .nav-count {text-align: center; margin-top: 1em; } .ssa-carousel .nav-count a {border: 2px solid #b6b6b6; border-radius: 1em; display: inline-block; color: #fff; line-height: 12px; width: 16px; margin-right: 3px; font-size: 12px; font-size: 0.75rem; } .ssa-carousel .nav-count a.on, .ssa-carousel .nav-count a:hover, .ssa-carousel .nav-count a:focus {background: #09C; border-color: #09C; color: #09C; } .accessibility-on .ssa-carousel {box-shadow: none; height: auto; position: static; } .accessibility-on .ssa-carousel .slide-holder {overflow: hidden; height: 218px; } .accessibility-on .ssa-carousel .slide-holder a {opacity: 0.99; padding: 0; position: static; } .accessibility-on .ssa-carousel .nav-arrows, .accessibility-on .ssa-carousel .nav-count {display: none; } .ssa-home .nav-tiles-list li {display: inline-block; vertical-align: top; width: 49%; } .ssa-home .nav-tiles-list li.show-phone {display: none; } html[lang='es'] .ssa-home .nav-tiles-list li a {font-size: 14px; } .no-svg .block-feature .media-icon {background: transparent url('//placehold.it/80/') no-repeat; height: 80px; width: 80px; margin: 0 auto 0.5em; } .no-svg .block-feature .icon-calculator {background-image: url('/framework/images/icons/png/home/calculator.png'); } .no-svg .block-feature .icon-computer {background-image: url('/framework/images/icons/png/home/computer.png'); background-position: 50% 50%; } .no-svg .block-feature .icon-wheelchair-zip {background-image: url('/framework/images/icons/png/home/wheelchair-zip.png'); } .no-svg .block-feature .icon-info {background-image: url('/framework/images/icons/png/home/info.png'); } @media (max-width: 37.5em) {.ssa-home .nav-tiles-list li {width: 100%; } .ssa-home .nav-tiles-list li.show-phone {display: inline-block; } }