.scrollup { width: 46px; height: 46px; position: fixed; bottom: 10px; right: 10px; display: none; text-indent: -9999px; background: url('../img/icon_top.svg') no-repeat; background-color: transparent; } .pdf::before { content: url("../img/pdf-icon.png"); display: block; float: left; height: 64px; margin-top: -15px; padding-right: 20px; } .pdf { border-bottom: 1px solid #006582; border-top: 1px solid #004255; color: #fff; display: block; margin-bottom: 40px; padding: 4px 0 6px; text-decoration: none; width: 100%; } .header-img { margin-top:0} .side-panel { border:4px solid #fff; background-color:#5AAC46; padding:10px } .gallery { background-color:#FFFFFF; padding:4px } .gallery:hover { background-color:#ED1849; box-shadow: 0px 0px 10px #001F28; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } /* icons-bt-thumbs */ .iconlist {list-style: none;margin: 0; padding-left:20px } .iconlist li:hover{opacity:1; } .iconlist li a{ min-height:36px; padding: 11px 5px 3px; } ol.insider { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } ol.insider > li { list-style: outside none none; margin: 0 0 16px 2em; position: relative; } ol.insider > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ border-radius: 50%; box-sizing: border-box; color: #fff; content: counter(li, decimal); counter-increment: li; font-weight: bold; left: -20px; position: absolute; text-align: center; } li ol, li ul {margin-top:6px;} ol ol li:last-child {margin-bottom:0;} .iconlist li a:hover{ } .iconlist li{ background-repeat: no-repeat; padding-left:26px; background-position: 0 50%; border-left:0px; font-size:13px; min-height:32px; font-weight:400; font-family: 'Titillium Web', sans-serif; font-weight:400; color:#444; opacity:.8; margin-left:0px; margin-bottom:5px} .orbdiv { width:35%; float:right; vertical-align:middle; margin-right:120px; padding:0; min-height:100px; margin-top:6%; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .orbdiv:hover { margin-right:140px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .headicon { border:4px solid #FFFFFF; -moz-border-radius: 15px; border-radius: 15px; } @media only screen and (max-width: 980px) { .iconlist {border-left:0px } .iconlist li{ margin-left:0px; font-size:11px; display: block;} .orbdiv {margin-top:40px; width:55%; margin-right:30px; } .orbdiv:hover {margin-right:70px;} } .nav-block {width:18%; margin-right:2%; float:left; border-right: 1px solid #ddd; } li.quem {background-image:url(../img/mini-icons/abc.svg);} li.associacao {background-image:url(../img/mini-icons/associacao.svg)} li.informacoes {background-image:url(../img/mini-icons/informacoes.svg)} li.missao {background-image:url(../img/mini-icons/missao.svg)} li.membros {background-image:url(../img/mini-icons/equipa.svg)} li.ajuda {background-image:url(../img/mini-icons/ajudar.svg)} li.proj {background-image:url(../img/mini-icons/projectos.svg)} li.gao {background-image:url(../img/mini-icons/gao.svg)} li.forma{background-image:url(../img/mini-icons/formacao.svg)} li.event {background-image:url(../img/mini-icons/eventos.svg)} li.estat {background-image:url(../img/mini-icons/estatistica.svg)} li.volunt {background-image:url(../img/mini-icons/voluntariado.svg)} li.parcei {background-image:url(../img/mini-icons/parceiros.svg)} li.galer {background-image:url(../img/mini-icons/galeria.svg)} li.press {background-image:url(../img/mini-icons/news.svg)} li.subst {background-image:url(../img/mini-icons/substancias.svg)} li.fale {background-image:url(../img/mini-icons/fale-connosco.svg)} li.contact {background-image:url(../img/mini-icons/contactos.svg)} .color-icon{ position: absolute; top:0; right:15px; z-index:40;} .color-icon img {width:100%; border-bottom-left-radius: 22px 22px; border:4px solid #ffffff; } .thumb {border:4px solid #FFFFFF;} .thumb:hover{box-shadow: 0px 0px 10px #001F28;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease; } .id_icon { width:100%; float:left; -moz-border-radius-bottomright: 22px; border-bottom-right-radius: 22px; padding:4px; background:#ffffff; border:0 none; margin-bottom:40px } .id_icon img { width:100%; float:left; -moz-border-radius-bottomright: 17px; border-bottom-right-radius: 17px; border:0 none; } @media only screen and (max-width: 1024px) { .id_icon-reveal { clear:right!important; width:80px!important; } } .id_icon-reveal { margin-right:20px; width:120px; float:left; -moz-border-radius-bottomright: 22px; border-bottom-right-radius: 22px; padding:4px; background:#ffffff; border:0 none; margin-bottom:20px; clear:left } .id_icon-reveal img { width:100%; float:left; -moz-border-radius-bottomright: 17px; border-bottom-right-radius: 17px; border:0 none; } @media only screen and (max-width: 767px) { .id_icon {width:100%; float:left; border-bottom-right-radius: 17px 17px; border:0 none; margin-bottom:40px } } /* layout elements */ .header {background-color:#ED1849;min-height:106px;border-top:1px solid #D0113D;border-bottom:1px solid #D0113D; } .container { margin-top:50px; margin-bottom:50px} .footer { background-color:#002E3C; min-height:50px; margin-top:30px; padding-top:20px; } .logo {position:absolute;top:0; width:100%; z-index:99;} .facebook { margin-top:26px} .abctitle {margin-top:14px} .abctitle img { width::100%} .abctitle h1 { letter-spacing:0.05rem; padding-top:4px; font-family: 'Raleway', sans-serif; font-weight: 700; font-size:19px; color:#FFFFFF; text-transform:uppercase; line-height:24px; } .title-light {font-family: 'Raleway', sans-serif; font-weight: 400; } .submenu { background-color:#eee; border-top:1px solid #fff; border-bottom:1px solid #eeeeee; padding: 0; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(top, #ffffff 0%, #eeeeee 100%); } @media only screen and (max-width: 480px) { .header {background-color:#ED1849; min-height:70px; border-top:1px solid #D0113D; border-bottom:1px solid #D0113D; } .abctitle h1 { letter-spacing:0.05rem; padding:0px 20px; font-family: 'Raleway', sans-serif; font-weight: 700; font-size:14px; color:#FFFFFF; text-transform:uppercase; line-height:18px; } .footer { text-align:center} } @media only screen and (min-device-width : 480px) and (max-device-width : 1024px) { .logo {position:absolute;top:0; width:75%; z-index:99} p { font-family: inherit; font-weight: normal; font-size:12px } .abctitle {margin-top:14px} .abctitle img { padding-right:50px} p.small {font-size: 11px;font-weight: 400;line-height:1.4;} .facebook { margin-top:22px} .header {min-height:80px;} } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; } body { background-color:#005066; font-family: 'Titillium Web', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #eeeeee; position: relative; -webkit-font-smoothing: antialiased; } /* Links ---------------------- */ a img { border: none; } a { color:#FFFFFF; text-decoration: underline; line-height: inherit; } a:hover { color: #2795b6; } p a, p a:visited { line-height: inherit; } /* Misc ---------------------- */ .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .hide { display: none; } .hide-override { display: none !important; } .highlight { background: #ffff99; } #googlemap img, object, embed { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } /* Reset for strange margins by default on
elements */ figure { margin: 0; } /* Base Type Styles ---------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } p { font-family: inherit; font-weight: normal; font-size:14px; line-height: 20px; margin-bottom: 20px; } p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; } aside p { font-size: 13px; line-height: 1.35; font-style: italic; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#ffffff;} h1, h2, h3, h4, h5, h6 { font-family: 'Titillium Web', sans-serif; font-weight:400; font-style: normal; color: #ffffff; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; } h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 18px; line-height:22px } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 14px; } h2.small {font-size: 19px; margin-bottom:5px; letter-spacing: 0.05; font-weight:600} .featured{ min-height:300px} .space { margin-top:30px } .top { margin-bottom:2px; margin-top:0} .sub {margin-top:2px} .destak {font-size: 18px; line-height:22px} .large { font-size: 16px; } .small { font-size: 14px; font-weight:400 } .meta { font-size: 10px; } .inside {padding:0 15px; font-size:12px} .panel-text{ vertical-align:middle } .panel-text a {text-decoration:none} .panel-text a:hover{text-decoration:underline; color:#FFFFFF} h1.panel-text{ color:#fff; padding:0;margin-top:12px;text-transform:uppercase;display:block;font-size: 17px;font-weight:600;margin-bottom:0px; } p.panel-text {font-weight:400;line-height:1.4;font-size: 16px;padding:0;margin-top:6px; margin-bottom:12px } h2.panel-text{padding:0;margin-top:8px;text-transform:uppercase;display:block;font-size: 12px;font-weight:600;margin-bottom:0px; } h3.panel-text {font-weight:600;line-height:1.4;font-size: 16px;padding:0;text-transform:uppercase;margin-top:4px; margin-bottom:0px } .three-quarter{ width:75%} .panel p{ color:#666666 } .panel p.erro {color:#FF3300; font-size:12px; margin-top:0px;} @media only screen and (max-width: 980px) { .three-quarter{ width:100%} h2.panel-text{padding:0 20px} h3.panel-text{padding:0 20px} } @media only screen and (max-width: 1024px) { h1 { font-size: 26px; } h2 { font-size: 22px; } } @media only screen and (max-width: 480px) { h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } .destak {font-size: 16px; line-height:22px} hr {border-top:1px solid #004255;border-bottom:1px solid #006582;clear: both;margin: 0px 0px; height: 0;border-right:1px solid #006582} } @media only screen and (max-width: 480px) { h2.panel-text{ visibility:hidden; line-height:0;font-size: 0px; padding:0 20px;margin-top:0px; margin-bottom:0px } } @media only screen and (max-width: 980px) { h3.panel-text {font-weight:600;line-height:1.4;font-size: 12px;padding:0 20px;text-transform:uppercase;margin-top:5px; margin-bottom:6px } } .light {font-weight: 200; } .regular{font-weight: 400; } .medium{font-weight: 600; } .bold{font-weight: 700; } .white { color:#fff} .yellow { color:#FFCC66} .orange {color:#FF9900} .green { color:#99CC00} .blue {color:#66CC99} .darkgrey {color:#333333} .grey {color:#666666} .skyblue {color:#3399CC} .rose {color:#EF4A82} .lightgrey {color:#aaaaaa} .blue a {color:#66CC99} .subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 0px; margin-top:0 } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: 600; line-height: inherit; } small { font-size: 12px; line-height: inherit; } code { font-weight: bold; background: #ffff99; } meta { font-size:12px } hr {border-top:1px solid #004255;border-bottom:1px solid #006582;clear: both;margin: 27px 0px;height: 0;border-right:1px solid #006582} .textbox_b { background-color:#333333; color:#FFFFFF; display: inline-block; width:auto; padding:6px 30px; clear:both; margin:0} .textbox_w { background-color:#ffffff; color:#333333; display: inline-block; width:auto; padding:6px 30px; clear:both; margin:0} /* Lists ---------------------- */ li a { text-decoration:none} ul li {line-height: 20px} ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; } ul li ul, ul li ol { margin-left: 0px; margin-bottom: 0; } ul.square, ul.circle, ul.disc { margin-left: 17px; } ul.square { list-style-type: square; } ul.square li ul { list-style: inherit; } ul.circle { list-style-type: circle; } ul.circle li ul { list-style: inherit; } ul.disc { list-style-type: disc; } ul.disc li ul { list-style: inherit; } ul.no-bullet { list-style: none; } ul.large li { line-height: 21px; } ul.circle.small li { font-size:12px; list-style: inherit; } ul.double li { margin: 10px 0; line-height: 20px} ol.insider {list-style-position: inside;} ol.insider li { margin-bottom:10px} ol { margin-left: 20px; } ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } ul.inside { list-style: none;} ul.inside li { padding-left:0px; list-style-position:inside} ul.icons li img { list-style: none; border:4px solid #FFFFFF } /* Blockquotes ---------------------- */ blockquote {padding-left:20px; border-left:1px solid #F1EFCF} blockquote, blockquote p, blockquote a { line-height: 1.5; color:#F1EFCF; font-size:15px; margin-bottom:20px; } blockquote { margin: 0 0 30px; } blockquote cite { display: block; font-size: 16px; color: #fff; font-weight:400 } blockquote cite a, blockquote cite a:visited { color: #555555; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none; } /* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } /* Requires globals.css */ /* Standard Forms ---------------------- */ form { margin: 0 0 19.41641px; } .row form .row { margin: 0 -6px; } .row form .row .column, .row form .row .columns { padding: 0 6px; } .row form .row.collapse { margin: 0; } .row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; } label { font-size: 13px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 400; margin-bottom: 3px; } label.right { float: none; text-align: right; } label.inline { line-height: 32px; margin: 0 0 12px 0; } .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; } a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; } span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; } .prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; } .postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } textarea { height: auto; } select { width: 100%; } /* Fieldsets */ fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; } fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; } /* Errors */ .error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; } .error label, label.error { color: #c60f13; } .error small, small.error { display: block; padding: 0px 1px; margin-top: -13px; margin-bottom: 26px; background:#FFCECF; color:#fff; font-size: 12px; font-weight: bold; } .error small p, small.error p { padding:4px 8px; font-size:12px; font-weight:600; } /* Custom Forms ---------------------- */ form.custom { /* Custom input, disabled */ } form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: white; } form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; } form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222222; position: relative; top: 3px; left: 3px; } form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222222; } form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; } form.custom div.custom.dropdown ul { overflow-y: auto; max-height: 200px; } form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #dddddd; color: #141414; background-color: white; white-space: nowrap; } form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #dddddd; } form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; } form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; } form.custom div.custom.dropdown.open ul { display: block; z-index: 10; } form.custom div.custom.dropdown.small { width: 134px !important; } form.custom div.custom.dropdown.medium { width: 254px !important; } form.custom div.custom.dropdown.large { width: 434px !important; } form.custom div.custom.dropdown.expand { width: 100% !important; } form.custom div.custom.dropdown.open.small ul { width: 134px !important; } form.custom div.custom.dropdown.open.medium ul { width: 254px !important; } form.custom div.custom.dropdown.open.large ul { width: 434px !important; } form.custom div.custom.dropdown.open.expand ul { width: 100% !important; } form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; } form.custom div.custom.dropdown ul li { color: #555555; font-size: 13px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; } form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: black; } form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; } form.custom div.custom.dropdown ul li:hover { background-color: #cdebf5; color: black; } form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #a3dbec; } form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: black; } form.custom div.custom.dropdown ul li.selected:hover:after { color: black; } form.custom div.custom.dropdown ul.show { display: block; } form.custom .custom.disabled { background-color: #dddddd; } /* Correct FF custom dropdown height */ @-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 28px; } } .lt-ie9 form.custom div.custom.dropdown a.selector { height: 28px; } /* The Grid ---------------------- */ .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 80em; *zoom: 1; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row .row.collapse { margin: 0; } .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .one, .row .one { width: 8.33333%; } .two, .row .two { width: 16.66667%; } .three, .row .three { width: 25%; } .four, .row .four { width: 33.33333%; } .five, .row .five { width: 41.66667%; } .six, .row .six { width: 50%; } .seven, .row .seven { width: 58.33333%; } .eight, .row .eight { width: 66.66667%; } .nine, .row .nine { width: 75%; } .ten, .row .ten { width: 83.33333%; } .eleven, .row .eleven { width: 91.66667%; } .twelve, .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 8.33333%; } .row .offset-by-two { margin-left: 16.66667%; } .row .offset-by-three { margin-left: 25%; } .row .offset-by-four { margin-left: 33.33333%; } .row .offset-by-five { margin-left: 41.66667%; } .row .offset-by-six { margin-left: 50%; } .row .offset-by-seven { margin-left: 58.33333%; } .row .offset-by-eight { margin-left: 66.66667%; } .row .offset-by-nine { margin-left: 75%; } .row .offset-by-ten { margin-left: 83.33333%; } .push-two { left: 16.66667%; } .pull-two { right: 16.66667%; } .push-three { left: 25%; } .pull-three { right: 25%; } .push-four { left: 33.33333%; } .pull-four { right: 33.33333%; } .push-five { left: 41.66667%; } .pull-five { right: 41.66667%; } .push-six { left: 50%; } .pull-six { right: 50%; } .push-seven { left: 58.33333%; } .pull-seven { right: 58.33333%; } .push-eight { left: 66.66667%; } .pull-eight { right: 66.66667%; } .push-nine { left: 75%; } .pull-nine { right: 75%; } .push-ten { left: 83.33333%; } .pull-ten { right: 83.33333%; } img { height: auto; } img, object, embed { max-width: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none!important; } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } /* Block Grids ---------------------- */ /* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; padding: 0; } .block-grid > li { display: block; height: auto; float: left; } .block-grid.one-up { margin: 0; } .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } .block-grid.two-up { margin: 0 -15px; } .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } .block-grid.two-up > li:nth-child(2n+1) { clear: both; } .block-grid.three-up { margin: 0 -12px; } .block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; } .block-grid.three-up > li:nth-child(3n+1) { clear: both; } .block-grid.four-up { margin: 0 -10px; } .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } .block-grid.four-up > li:nth-child(4n+1) { clear: both; } .block-grid.five-up { margin: 0 -8px; } .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } .block-grid.five-up > li:nth-child(5n+1) { clear: both; } .block-grid.six-up { margin: 0 -8px; } .block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; } .block-grid.six-up > li:nth-child(6n+1) { clear: both; } .block-grid.seven-up { margin: 0 -8px; } .block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; } .block-grid.seven-up > li:nth-child(7n+1) { clear: both; } .block-grid.eight-up { margin: 0 -8px; } .block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; } .block-grid.eight-up > li:nth-child(8n+1) { clear: both; } .block-grid.nine-up { margin: 0 -8px; } .block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; } .block-grid.nine-up > li:nth-child(9n+1) { clear: both; } .block-grid.ten-up { margin: 0 -8px; } .block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; } .block-grid.ten-up > li:nth-child(10n+1) { clear: both; } .block-grid.eleven-up { margin: 0 -8px; } .block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; } .block-grid.eleven-up > li:nth-child(11n+1) { clear: both; } .block-grid.twelve-up { margin: 0 -8px; } .block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; } .block-grid.twelve-up > li:nth-child(12n+1) { clear: both; } /* Normal Buttons ---------------------- */ .button { width: auto; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; line-height: 1; margin: 0; padding: 5px 20px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ } .button:hover, .button:focus { color: white; } .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } .button.small { font-size: 14px; padding: 7px 14px 8px; border:0; background-color:#45C083; } .button.small:hover, .button.small:focus { background-color: #2284a1; } .button.tiny { font-size: 10px; padding: 2px 5px } .button.expand { width: 100%; text-align: center; } .button.radius {border-radius:1px;} .button.secondary { background-color: #e9e9e9; color: #1d1d1d; } .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } button.submenu, .button.submenu { padding-top:5px; -webkit-transition: opacity 0.1s ease-in-out;-moz-transition: opacity 0.1s ease-in-out;-o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; color: #fff; opacity:.7;} button.submenu:hover, button.submenu:focus, .button.submenu:hover, .button.submenu:focus {opacity:1;border-bottom:0;} /* Don't use native buttons on iOS */ input[type=submit].button, button.button { -webkit-appearance: none; } /* Correct FF button padding */ @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; } input[type="submit"].tiny.button { padding: 3px 10px 4px; } input[type="submit"].small.button { padding: 5px 14px 6px; } input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; } input[type="submit"].large.button { padding: 13px 30px 14px; } } /* Button Groups ---------------------- */ ul.button-group {list-style: none; padding: 0;margin: 0; *zoom: 1; line-height: 1 } ul.button-group:before, ul.button-group:after { content: " "; display: table; } ul.button-group:after { clear: both; } ul.button-group li { width: 9.3%; text-align:center; padding: 0; margin:0; float: left; border-right:1px solid #cccccc; border-left:1px solid #ffffff } ul.button-group li:first-child { margin-left: -10px; border-left:0px } ul.button-group li:last-child { border-right:0px } div.button-bar { overflow: hidden; } div.button-bar ul.button-group { float: left; margin-right: 8px; } div.button-bar ul.button-group:last-child { margin-left: 0; } /* NAV BAR FLYOUT */ .nav-bar { margin-left: 0; margin-top:0; padding: 0;border:0 } .nav-bar > li {float: left;display: block;position: relative;padding: 0;margin:0;width:100px; } .nav-bar > li:first-child {} .nav-bar > li:last-child {} .nav-bar > li.active { background: #eeeeee; border-color: #2284a1; } .nav-bar > li.active > a { color: white; cursor: default;} .nav-bar > li.active:hover { background: #2ba6cb; cursor: default; border:0 } .nav-bar > li:hover { } .nav-bar > li > a { color: #e6e6e6; } .nav-bar > li ul { margin-bottom: 0; } .nav-bar > li .flyout { display: none; } .nav-bar > li.has-flyout > a:first-child { position: relative; } .nav-bar > li.has-flyout > a:first-child:after { display: block; } .nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: relative; right: 0; top: 0; padding: 0; z-index: 2; display: block;} .nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 0px; } .nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; } .nav-bar > li > a:first-child { position:relative; padding: 0px; display: block; text-decoration: none; font-size: 14px; } .nav-bar > li > input { margin: 0 10px;} .flyout { padding: 20px; background-color:#eee; background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); z-index: 90; } .flyout p { line-height: 1.2; font-size: 13px; } .flyout *:first-child { margin-top: 0; } .flyout *:last-child { margin-bottom: 0; } .flyout.full { position:fixed; padding: 20px 0; width: 100%; border-bottom:1px solid #dddddd; left: 0; right: 0; margin-top: 2px; margin-bottom: 0; } .flyout.full .row { max-width: 80em; margin:0 auto } ul.flyout, .nav-bar li ul { padding: 0; list-style: none; } ul.flyout li, .nav-bar li ul li { } ul.flyout li a, .nav-bar li ul li a {color: #333333; display: block; height: auto; line-height: 1;} ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus {color: #333333; } ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; } ul.flyout li.active a, .nav-bar li ul li.active a{background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } @media only screen and (max-width: 767px) { .nav-bar { height: 40px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; } .nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; } .nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } .nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); } .nav-bar > li.active { background: #2ba6cb; border-color: #2284a1; } .nav-bar > li.active > a { color: white; cursor: default; } .nav-bar > li.active:hover { background: #2ba6cb; cursor: default; } .nav-bar > li:hover { background: #333333; } .nav-bar > li > a { color: #e6e6e6; } .nav-bar > li ul { margin-bottom: 0; } .nav-bar > li .flyout { display: none; } .nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; } .nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; } .nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; } .nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; } .nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; } .nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; } .nav-bar > li > input { margin: 0 10px; } .nav-bar.vertical { height: auto; margin-top: 0; } .nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; } .nav-bar.vertical > li .flyout { left: 100%; top: -1px; } .nav-bar.vertical > li .flyout.right { left: auto; right: 100%; } .nav-bar.vertical > li.active { border-right: solid 1px #2284a1; } .nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333; } .flyout { background: #f2f2f2; padding: 20px; margin: 0; border: 1px solid #d9d9d9; position: absolute; top: 39px; left: -1px; width: 250px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ } .flyout p { line-height: 1.2; font-size: 13px; } .flyout *:first-child { margin-top: 0; } .flyout *:last-child { margin-bottom: 0; } .flyout.small { width: 166.66667px; } .flyout.large { width: 437.5px; } .flyout.right { left: auto; right: -2px; } .flyout.left { right: auto; left: -2px; } .flyout.up { top: auto; bottom: 39px; } ul.flyout, .nav-bar li ul { padding: 0; list-style: none; } ul.flyout li, .nav-bar li ul li { border-left: solid 3px #CCC; } ul.flyout li a, .nav-bar li ul li a { background: #f2f2f2; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { background: #ebebeb; color: #333; } ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; } ul.flyout li.active a, .nav-bar li ul li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } } .img_container { width:100%; margin-bottom:50px; } /* CSS for jQuery Orbit Plugin */ /* Container ---------------------- */ .orbit-wrapper { width: 1px; height: 1px; position: relative; } .orbit { width: 1px; height: 1px; position: relative; overflow: hidden; } .orbit.with-bullets { margin-bottom: 40px; } .orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; border-bottom:1px solid #006582; } .orbit a.orbit-slide { border: none; line-height: 0; display: none; } .orbit div.orbit-slide { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; margin:0 auto} /* Timer ---------------------- */ .orbit-wrapper .timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; } .orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../img/foundation/orbit/rotator-black.png') no-repeat; z-index: 3; } .orbit-wrapper span.rotator.move { left: 0; } .orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } .orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('../img/foundation/orbit/timer-black.png') repeat 0 0; } .orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../img/foundation/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; } .orbit-wrapper span.pause.active { background: url('../img/foundation/orbit/pause-black.png') no-repeat 0 -40px; } .orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active { opacity: 1; } /* Captions ---------------------- */ .orbit-caption { display: none; font-family: inherit; } .orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.6); z-index: 30; color: white; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* Directional Nav ---------------------- */ .orbit-wrapper .slider-nav { display: block; } .orbit-wrapper .slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; } .orbit-wrapper .slider-nav span.right { background: url('../img/foundation/orbit/right-arrow.png'); background-size: 100%; right: 0; } .orbit-wrapper .slider-nav span.left { background: url('../img/foundation/orbit/left-arrow.png'); background-size: 100%; left: 0; } .lt-ie9 .orbit-wrapper .slider-nav span.right { background: url('../img/foundation/orbit/right-arrow-small.png'); } .lt-ie9 .orbit-wrapper .slider-nav span.left { background: url('../img/foundation/orbit/left-arrow-small.png'); } /* Bullet Nav ---------------------- */ ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../img/foundation/orbit/bullets.jpg') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } ul.orbit-bullets li.active { color: #222222; background-position: -8px 0; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid black; } /* Orbit Slide Counter */ .orbit-slide-counter { position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px; } /* Fluid Layout ---------------------- */ .orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%;} .orbit, .orbit-wrapper { margin:0 auto; max-width:1300px; width: 100% !important; } /* Correct timer in IE */ .lt-ie9 .timer { display: none !important; } .lt-ie9 .orbit-caption { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; } @media only screen and (max-width: 767px) { .orbit.orbit-stack-on-small img.fluid-placeholder { visibility: visible; } .orbit.orbit-stack-on-small .orbit-slide { position: static; margin-bottom: 10px; } } /* CSS for jQuery Reveal */ /* Reveal Modals ---------------------- */ .reveal-modal-bg { background: #005066 none repeat scroll 0 0; display: none; height: 100%; left: 0; opacity: 1; position: fixed; top: 0; width: 100%; z-index: 90; } .reveal-modal { background: #005066; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 99; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .reveal-modal .close-reveal-modal:not(.button) { color: #fff; cursor: pointer; font-size: 3rem; font-weight: bold; line-height: 0.5; position: absolute; right: 11px; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); top: 8px; } .reveal-modal.small { width: 30%; margin-left: -15%; } .reveal-modal.medium { width: 40%; margin-left: -20%; } .reveal-modal.large { width: 60%; margin-left: -30%; } .reveal-modal.xlarge { width: 70%; margin-left: -35%; } .reveal-modal.expand { width: 90%; margin-left: -45%; } .reveal-modal .row { min-width: 0; margin-bottom: 10px; } .reveal-modal > :first-child { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } .reveal-video .close-reveal-modal:not(.button) { background: rgba(0, 0, 0, 0) url("../img/close.png") no-repeat scroll right top; bottom: -40px; display: block; float: right; font-size: 0; height: 30px; opacity: 0.8; outline: medium none; position: absolute; right: 0; text-align: right; top: auto; transition: opacity 0.2s ease 0s; width: 30px; } .reveal-modal.reveal-video {background-color: #ffffff; margin-bottom: 0 !important; padding: 14px 14px 0;} @media print { .reveal-modal { border: solid 1px #000; background: #fff; } } /* Tabs ---------------------- */ .tabs { list-style: none; display: block; height: 30px; padding: 0; margin-bottom: 30px; } .tabs.contained { margin-bottom: 0; margin-left: 0; } .tabs dt, .tabs li.section-title { font-weight:600; color: #fff; cursor: default; display: block; float: left; font-size: 16px; height: 30px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; width: auto; text-transform: uppercase; letter-spacing:0.15em } .tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 20px; padding-right:20px } .tabs dd { float: left; margin: 0; border-right: 1px solid #007293; font-size: 15px; height: 26px; line-height: 26px; padding: 0px 10px; font-weight:400; vertical-align:middle;} .tabs dd:first-child {border-left: 1px solid #007293;} .tabs li {} .tabs dd a, .tabs li a { text-decoration:none; color: #2ba6cb; } .tabs dd:first-child { } .tabs dd a:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #2ba6cb rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: none; border-style: solid; border-width: 5px; content: ""; display: block; height: 0; float:right; margin-top: 11px; width: 0; margin-left:10px;} .tabs dd a:hover, .tabs li a:hover { color: #fff; } .tabs dd.active, .tabs li.active { } .tabs dd.active a, .tabs li.active a {cursor: default;} .tabs dd:first-child, .tabs li:first-child { margin-left: 0; } /* Tabs AJUDAR ---------------------- */ .tabs.ajudar { list-style: none; display: block; height: 30px; padding: 0; margin-bottom: 30px; } .tabs.ajudar dt, .tabs.ajudar li.section-title { font-weight:600; color: #fff; cursor: default; display: block; float: left; font-size: 16px; height: 30px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; width: auto; text-transform: uppercase; letter-spacing:0.15em } .tabs.ajudar dt:first-child, .tabs.ajudar li.section-title:first-child { padding: 0; padding-right: 20px; padding-right:20px } .tabs.ajudar dd { float:none; margin: 0; border-right: 0 none; font-size: 15px; height: 26px; line-height: 26px; padding: 0px; margin-right:0px; font-weight:400; vertical-align:middle; text-align:center; min-width:140px} .tabs.ajudar dd .id_icon { clear:both } .id_icon.tab-icon { display: block; float: none; height: auto; margin: 10px auto; overflow: hidden; width: 100px; } .tabs.ajudar dd:first-child {border-left: none 0;} .tabs li {} .tabs.ajudar dd a, .tabs.ajudar li a { text-decoration:none; color: #fff; text-decoration:underline; font-weight:600; } .tabs dd:first-child { margin-left: 10px; } dd.dd-h2 { font-size:24px!important; } .tabs.ajudar dd a:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border:0 none; margin-left: 0px; } .tabs.ajudar dd a:hover, .tabs li a:hover { color: #2795b6; } .tabs.ajudar dd.active, .tabs li.active { } .tabs.ajudar dd.active a, .tabs li.active a {cursor: default;} .tabs.ajudar dd:first-child, .tabs li:first-child { margin-left: 0; } .tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; } .tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; } .tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; } .tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; } .tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } .tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; } .tabs.pill { border-bottom: none; margin-bottom: 10px; } .tabs.pill dd, .tabs.pill li { margin-left: 0px; border:0px; height:30px; padding:1px 10px 7px 0px; background-color:#2BA6CB; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomright: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .tabs.pill dd:hover, .tabs.pill li:hover { background-color: #2284a1;} .tabs.pill dd a:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: none; border-style: solid; border-width: 5px; content: ""; display: block; height: 0; float:right; margin-top: 13px; width: 0; margin-left:10px; } .tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; } .tabs.pill dd a, .tabs.pill li a { padding:0px 20px; color: #fff; background:transparent } .tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; } .tabs.pill dd.active a, .tabs.pill li.active a { border: none; color: #fff; } .tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; } .tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; } .tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; } .tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; } .tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li { width: 33.33%; } .tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li { width: 25%; } .tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li { width: 20%; } ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; } ul.tabs-content > li { display: none; } ul.tabs-content > li.active { display: block; } ul.tabs-content.contained { padding: 0; } ul.tabs-content.contained > li { padding: 20px; background-color:#003342 } ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; } .no-js ul.tabs-content > li { display: block; } /* Table of Contents :: Visibility :: Alerts :: Labels :: Tooltips :: Panels :: Accordion :: Side Nav :: Sub Nav :: Pagination :: Breadcrumbs :: Lists :: Inline/Link Lists :: Keystroke Chars :: Image Thumbnails :: Video :: Tables :: Microformats :: Progress Bars :: Pricing Tables */ /* Alerts ---------------------- */ div.alert-box { display: block; padding: 8px 8px 9px; font-weight: 600; font-size: 14px; color: white; background-color: #2ba6cb; margin-bottom: 26px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; position: relative; } div.alert-box.success { background-color: #5da423; color: #fff; } div.alert-box.alert { background-color: #c60f13; color: #fff; } div.alert-box.secondary { margin:50px; background-color:#FCF09A; color: #505050; padding:20px; font-weight: 400; font-size: 14px; line-height:1.4 } div.alert-box.secondary a { color:#CC3300; font-weight: 600; } div.alert-box.secondary h2 { color:#CC3300; font-weight: 600; } div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; } div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; } /* Labels ---------------------- */ .label { padding: 1px 4px 2px; font-size: 14px; font-weight: 400; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #333; background: #2ba6cb; } .label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .label.alert { background-color: #c60f13; } .label.success { background-color: #5da423; } .label.secondary { background-color: #e9e9e9; color: #505050; } /* Tooltips ---------------------- */ .has-tip { cursor: help; font-weight: bold; color: #333333; float: none !important; } .has-tip:hover, .has-tip:focus { color: #2ba6cb; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; background-color: #004053; position: absolute; color: #eeeeee; font-weight: bold; font-size: 12px; text-transform:uppercase; padding: 10px 15px; z-index: 999; line-height: normal; border:2px solid #004053; margin-top:0px; text-align:center; } .tooltip > .nub { display: block; width: 0; height: 0; border: solid 8px; border-color: transparent transparent #004053 transparent; border-color: transparent transparent #004053 transparent; position: absolute; } .tooltip.tip-override > .nub { top: -10px !important; } .tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub { border-color: #004053 transparent transparent transparent; border-color: #004053 transparent transparent transparent; top: auto; bottom: 30px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent #333333; border-color: transparent transparent transparent #333333; right: -10px; left: auto; } .tooltip.tip-right > .nub { border-color: transparent #333333 transparent transparent; border-color: transparent #333333 transparent transparent; right: auto; left: -10px; } .tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 0px #196177 !important; } .tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; border-bottom: 0 } /* Panels ---------------------- */ .content { margin: 0 auto; max-width: 1300px; overflow: hidden; padding-bottom:22px; } .content p {} .panel { overflow: hidden; border:solid 4px #ffffff; padding-right:20px; margin: 0 0 22px 0; min-height:70px; height:auto} .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); } .panel.callout a { color: #fff; } .panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; } .panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); } .panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* Panel Styles ---------------------- */ .bg_clean { background-color: #E9E9E9; padding:20px } .bg_regular { background-color: #003240; padding:20px } .bg_quem {background:#756647} .bg_missao {background:#7491C9} .bg_membros {background:#FBBD46} .bg_ajuda {background:#EB1D4B} .bg_proj {background:#5AAC46} .bg_gao {background:#70B9E6} .bg_forma {background:#F7941D} .bg_event {background:#A474B2} .bg_proj {background:#5AAC46} .bg_estat {background:#756647} .bg_volunt {background:#EF4A82} .bg_parcei {background:#9CA339} .bg_galer {background:#305B54} .bg_press {background:#F37028} .bg_subst {background:#C96D2E} .bg_fale {background:#9E247B} .bg_contact {background:#90967C} .bg_assinatura { background-color: #006684; border:0px; } .assin { color:#fff; font-family: 'Raleway', sans-serif; font-weight: 400; font-size:22px; text-align:center; padding:30px 40px 10px 20px } .assin_footer { text-align:center; padding:0px 40px 0px 20px; } .logo_assin { margin-left:20px; margin-top:-5px; width:60% } .bg_quem, .bg_missao, .bg_membros, .bg_ajuda, .bg_proj, .bg_gao, .bg_forma, .bg_event, .bg_proj, .bg_estat, .bg_volunt, .bg_parcei, .bg_galer, .bg_press, .bg_subst, .bg_fale, .bg_contact {-moz-border-radius: 15px; border-radius: 15px;} .bg_quem img, .bg_missao img, .bg_membros img, .bg_ajuda img, .bg_proj img, .bg_gao img, .bg_forma img, .bg_event img, .bg_proj img, .bg_estat img, .bg_volunt img, .bg_parcei img, .bg_galer img, .bg_press img, .bg_subst img, .bg_fale img, .bg_contact img, {-moz-border-radius-topleft: 17px; border-top-left-radius: 17px; -moz-border-radius-bottomleft: 17px; border-bottom-left-radius: 17px; } /* Accordion ---------------------- */ ul.accordion { position:relative; margin:0; top:0px; background-color:transparent; } ul.accordion > li { list-style: none; margin: 0; padding: 0;} ul.accordion > li > div.title { background:transparent; cursor: pointer; padding: 0px; margin: 0; position: relative; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; text-align:right; z-index:80; } ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5, ul.accordion > li > div.title p { padding:5px 40px 8px 20px; font-weight:600; background-color:#004053; display: inline-block; margin: 0; margin-right:10px; color:#ffffff; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; } ul.accordion > li > div.title p:hover { background-color:#006380; } ul.accordion > li > div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #ffffff transparent transparent; position: absolute; right: 25px; top: 8px;} ul.accordion > li .content { display: none; padding: 0; margin-top:-33px } ul.accordion > li.active { } ul.accordion > li.active .title {opacity:1; padding-top: 0px; } ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #ffffff transparent transparent transparent; top: 12px; right: 20px; } ul.accordion > li.active .content { display: block; } /* accordion_CONTENT ---------------------- */ ul.accordion.accord-content { margin: 0 0 5px 0; } ul.accordion.accord-content > li { list-style: none; margin: 0; padding: 0 0 5px 0; } ul.accordion.accord-content > li > div.title { text-align: left; cursor: pointer; height:40px; padding: 8px 0; margin: 0; position: relative; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; } ul.accordion.accord-content > li > div.title h1, ul.accordion.accord-content > li > div.title h2, ul.accordion.accord-content > li > div.title h3, ul.accordion.accord-content > li > div.title h4, ul.accordion.accord-content > li > div.title h5 { background-color:transparent; margin: 0; color:#ffffff; border-radius: 0px; display:inline; padding:0; float:left;} ul.accordion.accord-content > li > div.title h5 { font-size:18px } h4.galeria-fotos:before { content:url(../img/big-icons/icon-galerias.svg); position:absolute; margin-left:-70px} h4.galeria-fotos{ clear:both; padding-left:70px; line-height:1.4 } h4.galeria-videos:before { content:url(../img/big-icons/icon-videos.svg); position:absolute; margin-left:-70px} h4.galeria-videos{ clear:both; padding-left:70px; line-height:1.4 } ul.accordion.accord-content > li > div.title h3:hover { color:#FFFFFF } ul.accordion.accord-content > li > div.title h3:focus { color:#FFCC66 } ul.accordion.accord-content > li > div.title:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #fff transparent transparent; border-image: none; border-style: solid; border-width: 5px; content: ""; float: left; height: 0; margin-left: 10px; position: relative; right: 0; top: 6px; width: 0; } ul.accordion.accord-content > li .content { display: none; padding: 15px 0; margin-top: 0px; } ul.accordion.accord-content > li.active { } ul.accordion.accord-content > li.active .title { } ul.accordion.accord-content > li.active .title:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid; border-width: 5px; content: ""; display: block; height: 0; margin-left: 12px; top: 10px;} ul.accordion.accord-content > li.active .content { background: transparent none repeat scroll 0 0; border-left: medium none; border-right: medium none; display: block; } /* accordion_subst ---------------------- */ ul.accordion.subst { margin: 0 0 5px 0; } ul.accordion.subst > li { list-style: none; margin: 0; padding: 0 0 5px 0; } ul.accordion.subst > li > div.title { text-align: left; cursor: pointer; height:40px; padding: 8px 0; margin: 0; position: relative; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; } ul.accordion.subst > li > div.title h1, ul.accordion.subst > li > div.title h2, ul.accordion.subst > li > div.title h3, ul.accordion.subst > li > div.title h4, ul.accordion.subst > li > div.title h5 { background-color:transparent; margin: 0; color:#FFCC66; border-radius: 0px; display:inline; padding:0;} ul.accordion.subst > li > div.title h3:hover { color:#FFFFFF } ul.accordion.subst > li > div.title h3:focus { color:#FFCC66 } ul.accordion.subst > li > div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #FFCC66 transparent transparent; position: absolute; right: 15px; top: 15px; } ul.accordion.subst > li .content { display: none; padding: 15px 0; margin-top: 0px; } ul.accordion.subst > li.active { } ul.accordion.subst > li.active .title { } ul.accordion.subst > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #FFCC66 transparent transparent transparent; top:18px } ul.accordio .subst > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } /* Side Nav ---------------------- */ ul.side-nav { display: block; list-style: none; margin: 0; padding: 10px 0; } ul.side-nav li { display: block; list-style: none; margin: 0; border-top:1px solid #006582;border-bottom:1px solid #004255; padding:5px 0} ul.side-nav li a { display: block; text-decoration:none } ul.side-nav li:last-child {border-bottom:0 } ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; } ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; } /* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */ dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; } dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; background-color:#0066FF; padding:1px 3px } dl.sub-nav dt { color: #fff; font-weight: 600; } dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } dl.sub-nav dd.active a { font-weight: bold; background: #2ba6cb; color: #fff; padding: 3px 9px; cursor: default; } /* Pagination ---------------------- */ ul.pagination { display: block; height: 24px; margin-left: -5px; } ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; } ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; } ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; } ul.pagination li.unavailable a { cursor: default; color: #999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } ul.pagination li.current a { background: #2ba6cb; color: white; font-weight: bold; cursor: default; } ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #2ba6cb; } div.pagination-centered { text-align: center; } div.pagination-centered ul > li { float: none; display: inline-block; } /* Breadcrumbs ---------------------- */ ul.breadcrumbs { display: block; padding: 0px 0px 7px; overflow: hidden; margin-left: 0; } ul.breadcrumbs li { margin: 0; padding: 0 8px 0 0; float: left; list-style: none; } ul.breadcrumbs li a, ul.breadcrumbs li span { font-size: 14px; padding-left: 8px; text-decoration:none; color: #34AFD3; } ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; } ul.breadcrumbs li:before { content: "|"; color: #aaa; } ul.breadcrumbs li:first-child:before { content: " "; } ul.breadcrumbs li.title { color: #66CC99; font-weight:600; } ul.breadcrumbs li.title a { cursor: default; color: #66CC99; font-weight:600; } ul.breadcrumbs li.current a { cursor: default; color: #fff; } ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; } ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; } ul.breadcrumbs li.unavailable a { color: #999; } ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; } /* Inline Link List */ ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; } ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 22px; display: block; } ul.inline-list > li > *, ul.link-list > li > * { display: block; } /* Video */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Tables ---------------------- */ table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } table thead, table tfoot { background: #f5f5f5; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 14px; line-height: 18px; text-align: left; } table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; } table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody tr.even, table tbody tr.alt { background: #f9f9f9; } table tbody tr:nth-child(even) { background: #f9f9f9; } table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } /* Top Bar Requires: jquery.foundation.topbar.js*/ /* Element that controls breakpoint, no need to change this ever */ .top-bar-js-breakpoint { width: 940px !important; visibility: hidden; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: #222222;} /* Wrapped around .top-bar to make it fixed at the top */ .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } /* Sticky Class */ .sticky { float: left; overflow: hidden; } .sticky.fixed { float: none; } /*