/* Theme Name: Financial Transparency Coalition Version: 1 Author: Darren Alawi Author URI: http://nav.co/ */ @charset "UTF-8"; /* reset -------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; -webkit-font-smoothing: antialiased;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height:1; -webkit-text-size-adjust:none;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;} a, a:hover, a:active, a:focus, input, object, embed, textarea {outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance: none; border-radius: 0;} .cf:before, .cf:after {content:" "; display:table;} .cf:after {clear:both;} .cf {*zoom:1;} .container {margin:0 auto;} .hide {display:none;} img {vertical-align:middle} a[href^=tel]{color:inherit; text-decoration:none;} /* fonts -------------------------------------------------------------------------------------------------------------------*/ @font-face { font-family: 'Adelle'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Lighter-Italic.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Lighter-Italic.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Lighter-Italic.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Lighter-Italic.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Lighter-Italic.svg#Adelle-Lighter-Italic') format('svg'); font-weight: lighter; font-style: italic; } @font-face { font-family: 'Adelle'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Normal.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Normal.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Normal.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Normal.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Normal.svg#Adelle-Normal') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Adelle'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bold.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bold.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bold.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bold.svg#Adelle-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Adelle'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder.svg#Adelle-Bolder') format('svg'); font-weight: bolder; font-style: normal; } @font-face { font-family: 'Adelle'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder-Italic.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder-Italic.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder-Italic.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder-Italic.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Adelle-Bolder-Italic.svg#Adelle-Bolder-Italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Avenir'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Lighter.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Lighter.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Lighter.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Lighter.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Lighter.svg#Avenir-Lighter') format('svg'); font-weight: lighter; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Normal.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Normal.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Normal.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-v.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-v.svg#Avenir-Normal') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Bolder.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Bolder.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Bolder.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Bolder.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-Bolder.svg#Avenir-Bolder') format('svg'); font-weight: bolder; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-700.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-700.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-700.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-700.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-700.svg#Avenir-700') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-900.eot'); src: url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-900.eot?#iefix') format('embedded-opentype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-900.woff') format('woff'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-900.ttf') format('truetype'), url('https://www.financialtransparency.org/wp-content/themes/ftc/fonts/Avenir-900.svg#Avenir-900') format('svg'); font-weight: 900; font-style: normal; } /* default layout 1280px -------------------------------------------------------------------------------------------------------------------*/ .container {width:1280px; position:relative;} body {font-family:"Avenir"; font-size:14px; color:#999;} a {text-decoration:none; color:#263866;} p {line-height:140%;} .right {float:right;} .left {float:left;} .hide {display:none;} section {padding:60px 0;} h2 {font-family:'Adelle'; font-size:40px; line-height:120%; font-weight:700; font-style:italic;} h2 span {display:block;} h3 {font-family:'Avenir'; font-weight:900; text-transform:uppercase; letter-spacing:2px; margin-bottom:30px;} h4 {font-family:'Adelle'; font-size:24px; line-height:120%; font-weight:bold; margin-bottom:30px;} h5 {font-family:'Avenir'; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:2px; margin-bottom:20px;} #main #single h5 {font-weight:bolder; font-size:18px; color:#2C798A; margin-bottom:20px;} h6 {font-family:'Adelle'; font-size:24px; line-height:120%; font-weight:bold; margin-bottom:12px;} h7 {font-family:'Adelle'; font-size:13px; line-height:120%; font-weight:bold; margin-bottom:6px; color:#fff; display:block;} .hero {background-size:100% auto; margin-top:-110px; padding-top:160px; position:relative; background-position:top center; background-repeat:no-repeat;} .btn, .gform_button {text-align:center; font-family: 'Avenir'; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:3px; color:#fff; width:220px; line-height:50px; display:block; border-radius:3px; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;} .green-btn {background:rgba(100,216,171,.7);} .green-btn:hover {background:rgba(100,216,171,1); border-radius:3px;} .white-btn {border:2px solid rgba(255,255,255,.4); line-height:44px; background:0;} .white-btn:hover {border:2px solid rgba(255,255,255,1); border-radius:3px;} .white-solid-btn {background: rgba(255,255,255,.8); line-height:44px; color: #4ECFA9;} .white-solid-btn:hover {background: rgba(255,255,255,1); border-radius:3px;} .grey-btn {border:2px solid rgba(187,187,187,.4); line-height:44px; background:0; color:#999;} .grey-btn:hover {border:2px solid rgba(187,187,187,1); border-radius:3px;} .white {background:#fff;} .orange {background:#FB9A59;} .grey {background:#eee;} .date {font-family: 'Avenir'; font-weight:900; color:#86B2BB; font-size:13px;} .green-pdf {background:url(images/icons/green-pdf.png) top left no-repeat; background-size:33px 39px; padding-left:40px; min-height:40px;} .orange-pdf {background:url(images/icons/orange-pdf.png) top left no-repeat; background-size:33px 39px; padding-left:40px; min-height:40px;} .link-icon {background:url(images/icons/link.png) top left no-repeat; background-size:33px 39px; padding-left:40px; min-height:40px;} .select select {background:transparent; -webkit-appearance:none; width:100%; border:0; outline:none;} .select {overflow:hidden; width:100%;} #subnav a.mailto, .mailto {background:url(images/sprites/header.png) -159px -77px no-repeat; background-size:234px 170px; padding:0 0 0 20px; line-height:16px; color:#fff;} .tel-no {background:url(images/sprites/header.png) -159px -101px no-repeat; background-size:234px 170px; padding:0 0 0 14px; line-height:16px;} .post-address {background:url(images/sprites/header.png) -159px -131px no-repeat; background-size:234px 170px; padding:0 0 0 20px; line-height:16px;} .post-thumb {float:left; margin-right:20px; width:80px; height:80px; display:block; background-image:url(images/backgrounds/default-article.jpg); background-size:auto 100%; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} .page-title {background-image:url(images/backgrounds/default-article.jpg); text-align:center; color:#fff;} blockquote.twitter-tweet {display: inline-block; font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; border-color: #eee #ddd #bbb; border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin: 10px 5px; padding: 0 16px 16px 16px; max-width: 468px;} blockquote.twitter-tweet p {font-size: 16px; font-weight: normal; line-height: 20px;} blockquote.twitter-tweet a {color: inherit; font-weight: normal; text-decoration: none; outline: 0 none;} blockquote.twitter-tweet a:hover, blockquote.twitter-tweet a:focus {text-decoration: underline;} /* forms ---------------------------------------------------------*/ input, textarea, select {font-family:"Avenir"; font-size:15px; color:#999; -webkit-border-radius:0px; border-radius:3px; border:0; margin:0; box-sizing: border-box } input[type="submit"] {cursor:pointer;} input[type="text"], select {height:50px; padding-left:20px; width:200px;} .gfield_label, .validation_error, .gform_ajax_spinner {display:none;} .validation_message {text-align:center; font-weight:900; color:#F66; margin:0 0 10px 0;} .gform_confirmation_wrapper {font-weight:900; color:#6C9; font-size:16px;} /* header ---------------------------------------------------------*/ #logo {float:left; background:url(images/sprites/header.png) no-repeat; background-size:234px 170px; width:234px; height:60px; display:block; text-indent:-9999px;} header {background:rgba(0,0,0,.1); font-size:13px; padding:20px 0; color:#fff; position:relative; z-index:2;} header a {color:#fff;} .header-bg {margin-top:-110px; padding-top:110px; background:#1A3954;} header li {float:left; margin-left:28px;} header nav {clear:both; font-family:'Avenir'; font-weight:900; text-transform:uppercase; letter-spacing:2px;} header nav li a {padding-bottom:20px;} #nav-home {display:none;} #navicon {background:url(images/sprites/header.png) 40px -70px no-repeat; background-size:234px 170px; width:55px; height:50px; display:none; text-indent:-9999px; float:right;} #navicon.close {background:url(images/sprites/header.png) 40px -105px no-repeat; background-size:234px 170px; position:fixed; right:5%; top:0; z-index:1;} input[type="text"].header-search {font-size:13px; margin-top:-64px; background:rgba(255,255,255,.2) url(images/sprites/header.png) -151px -150px no-repeat; background-size:234px 170px; padding:4px 0 4px 28px; height:auto; width:168px; color:#fff;} #language .active {font-weight:bolder;} #subnav {margin:6px 0 20px 0; line-height:16px} #subnav a {padding-bottom:20px;} header .widget {padding:0; margin-bottom:0; margin-top:-6px;} .donate-header, .lang-header, #lang-dd span {font-family:'Avenir'; font-weight:900; text-transform:uppercase; letter-spacing:1px; font-size:11px;} #subnav a.donate-header {color:#58DCB0; border:1px solid #58DCB0; border-radius:3px; padding:2px 6px; opacity:.7; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;} #subnav a.donate-header:hover {opacity:1;} /* bws share icons */ #subnav a.mailto { background: none; padding: 0 } #subnav .share-icons { margin-top: -1px; } #subnav .twitter { margin-left: 4px; } /* bws additions to fix translate menu */ #language .wpml-ls-statics-shortcode_actions { border-color: none; } #language .wpml-ls-legacy-list-horizontal { padding: 0; border: 0 } #language a.lang_sel_sel, #language a.lang_sel_other { padding-bottom: 5px; } /* dropdown ---------------------------------------------------------*/ header nav ul li, #subnav li {position:relative;} header nav ul li ul {position:absolute; left:-180%; top:30px; display:none; opacity:0; visibility:hidden; background:rgba(51,51,51,.98); padding:20px 30px 10px 30px; width:240px; border-radius:3px;} header nav ul li ul:after {top:-20px; left:120px; border:solid transparent; content: ""; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(51,51,51,.98); border-width:10px;} header nav ul li ul li {display:block; margin:0 0 20px 0; font-size:12px; line-height:16px;} header nav ul li:hover ul {display:block; opacity:1; visibility:visible;} #subnav > li > ul {position:absolute; left:-110%; top:26px; display:none; opacity:0; visibility:hidden; background:rgba(51,51,51,.98); padding:20px 30px 10px 30px; width:180px; border-radius:3px; z-index:100;} #subnav > li > ul:after {top:-20px; left:104px; border:solid transparent; content: ""; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(51,51,51,.98); border-width:10px;} #subnav > li > ul > li {display:block; margin:0 0 20px 0; font-size:12px; line-height:16px;} #subnav li:hover ul {display:block; opacity:1; visibility:visible;} #lang_sel_list li {margin:10px 20px 0 0;} /* home ---------------------------------------------------------*/ #home-hero {background-image:url(images/heros/home.jpg); color:#fff; text-align:center;} #home-hero h2 {font-weight:normal; font-style:normal;} #home-hero h2 em {font-weight:700; font-style:italic;} #home-hero p {font-size:18px; color:#B2BFCC; line-height:140%; padding:0 18%; margin-bottom:30px;} #home-hero-btns {width:470px; margin:0 auto;} #home-hero .green-btn {float:right; width:47%;} #home-hero .white-btn {height:40px; padding-top:8px; line-height:16px; float:left; width:47%;} #co-logos {padding:20px 0; text-align:center;} #co-logos img {display:inline; margin:0; padding:0;} #home-news {float:left; width:660px;} #home-news .white {padding:20px;} #home-news .featured {width:48%; float:left;} #home-news .featured .post-image {width:100%; display:block; text-indent:-9999px; height:100px; background-repeat:no-repeat; background-size:100% auto;} #home-news .featured div {width:100%; border:1px solid #eee; padding:10% 8% 0 8%; box-sizing:border-box; height:264px;} #home-news .featured .date {margin-bottom:11px;} #home-news .featured .article-title {font-family:'Adelle'; font-size:18px; line-height:120%; margin-bottom:10px;} #home-news .featured .green-btn {width:100%; border-top-left-radius:0; border-top-right-radius:0;} #home-more-news {width:48%; float:right;} #home-more-news li {margin-bottom:11px;} #home-more-news .article-title {font-family:'Adelle'; font-size:13px; line-height:110%; margin:12px 0 0 0;} #home-more-news .date {font-size:11px;;} #home-more-news div {border:1px solid #eee; height:78px; padding-right:10px;} #home-more-news .green-btn {width:100%;} #home-trending-tags {font-size:12px; margin:10px auto 0 auto; text-align:center; line-height:16px;} #home-trending-tags span {font-family:'Avenir'; font-weight:900; text-transform:uppercase; letter-spacing:1px; color:#306280; background:url(images/icons/home-tags.png) left no-repeat; background-size:12px 12px; padding-left:18px;} #home-issues {float:right; width:570px;} #home-issues li {float:left; width:190px; height:245px; display:table;} #home-issues li a {display:table-cell; vertical-align:middle; padding:0 20px; background-repeat:no-repeat; font-family:'Avenir'; font-weight:900; text-transform:uppercase; letter-spacing:2px; color:#fff; text-align:center; font-size:12px; opacity:.85; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;} #home-issues li a:hover {opacity:1;} #home-issues li a#country {background-image:url(images/home-issue-country.jpg);} #home-issues li a#owners {background-image:url(images/home-issue-owners.jpg);} #home-issues li a#tax {background-image:url(images/home-issue-tax.jpg);} #home-issues li a#data {background-image:url(images/home-issue-data.jpg);} #home-issues li a#institutions {background-image:url(images/home-issue-institutions.jpg);} #home-issues li a#enablers {background-image:url(images/home-issue-enablers.jpg);} #home-events {margin-top:40px;} #home-events .gce-page-list .gce-feed { padding-bottom: 0; margin-bottom: 15px; float: left; width: 25%; background: #fff; height: 100px; overflow: hidden; } #home-events .gce-list-grouped .gce-feed { margin-left: 0; } #home-events .gce-event-day span { display: none; } #home-events .gce-event-day .gce-list-title { display: none; } #home-events .gce-event-day .gce-list-start-date {width:60px; height:70px; padding:30px 20px 0 20px; background:#31637F url(images/icons/home-event.png) center 14px no-repeat; background-size:68px 65px; float:left; margin-right:12px; color:#fff; text-align:center; text-transform:uppercase; font-family: 'Avenir'; font-weight:normal; font-size:20px; line-height:20px;} #home-events .gce-event-day a {font-family:'Adelle'; font-size:14px; line-height:140%; padding: 10px 12px 0 0; display:block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #home-email-signup {background-image:url(images/backgrounds/home-email-signup.jpg); background-position:center; padding:0; color:#fff; margin-top:0;} #home-email-signup .container {padding:60px 0;} #home-email-signup h4 {margin-bottom:0;} .tweet {background:#246175; padding:30px 0;} #home-tweet {background:rgba(0,0,0,.1); padding:0;} .tweet p {float:left; font-family:'Adelle'; font-weight:lighter; font-style:italic; font-size:20px; color:#fff; width:800px; background:url(images/icons/tweet.png) left 10px no-repeat; background-size:71px 57px; padding-left:100px; min-height:100px;} .tweet p a {color:#52DDAD;} .tweet small {display:block; font-family:'Avenir'; font-style:normal; font-weight:900; text-transform:uppercase; font-size:12px;} .tweet .btn {float:right;} #home-email-signup .left {width:440px;} #home-email-signup-form {float:left; margin-top: 20px;} #home-email-signup-form .gfield, #home-email-signup-form .gform_body {display:inline-block;} #home-email-signup-form .gform_footer {float:right; margin-left:10px;} #gform_submit_button_1 {border:2px solid rgba(255,255,255,.4); line-height:44px; background:0;} #gform_submit_button_1:hover {border:2px solid rgba(255,255,255,1); border-radius:3px;} #home-email-signup-form #input_1_1 {margin-right:10px;} #home-reports-facts {width:48%; float:left;} #home-reports-facts .left {width:50%; border-right:1px solid #DDD; box-sizing:border-box;} #home-reports-facts .right {width:50%;} #home-reports, #home-factsheets {padding:10%;} #home-reports h5, #all-reports, #reports-dropdown .select select {color:#2C798A;} #home-factsheets h5, #all-factsheets, #factsheets-dropdown .select select {color:#FB9A59;} #home-reports-facts li {margin-bottom:20px; height:45px;} #home-reports-facts li a {font-family:'Adelle'; font-size:12px; line-height:120%; font-weight:bold;} #all-reports, #all-factsheets {font-family:'Adelle'; font-style:italic; font-weight:bolder; font-size:14px;} #reports-dropdown, #factsheets-dropdown {background:#e5e5e5; padding:5% 10%;} #reports-dropdown .select, #factsheets-dropdown .select {line-height:30px; border-radius:3px; padding-left:5%; width:95%;} #reports-dropdown .select {background:#fff url(images/green-dd.png) right no-repeat; background-size:21px 30px;} #factsheets-dropdown .select {background:#fff url(images/orange-dd.png) right no-repeat; background-size:21px 30px;} #resource-search-form {padding:20px 5%;} #resource-search-form .btn {float:right; width:25%;} input[type="text"].resource-search-fld {float:left; width:69%; padding-left:3%;} #home-allied-orgs {width:48%; float:right;} #home-allied-orgs div {background:url(images/backgrounds/home-allies.jpg) center no-repeat; text-align:center; color:#fff; height:330px; padding-top:130px;} #home-allied-orgs p {font-size:16px; color:#BFD1D7; line-height:140%; padding:0 14%; margin-bottom:20px;} #home-allied-orgs .btn {margin:0 auto; width:260px;} #featured-on {padding:40px 0;} #featured-on h3 {margin-bottom:16px;} #featured-on .cf {text-align:center;} #featured-on img {display:inline; margin:0; padding:0; width:250px; height:auto;} @media (min-width: 868px) { #home-email-signup-form input[type="text"], #home-email-signup-form select { width: 30%; margin-bottom: 15px; margin-right: 1% } } /* news ---------------------------------------------------------*/ .news h4 {margin-bottom:0;} .news-hero-overlay {background:rgba(23,50,76,.8); position:absolute; width:100%; height:100%; display:block; top:0;} .news-hero .container article {width:80%; margin-left:100px;} /* .news-hero {background-size:auto 200%;} */ .news-hero h2, #main h4 {font-family:'Avenir'; font-style:normal; font-weight:900; text-transform:uppercase; font-size:14px; letter-spacing:2px; color:#ccc;} .news-hero h3 {font-family:'Adelle'; font-size:30px; line-height:120%; font-weight:normal; color:#fff; text-transform:none; letter-spacing:normal; margin-bottom:0;} .news-hero-date {color:#ccc; margin-bottom:20px;} .news-hero-excerpt {font-size:17px; color:#ddd; margin-bottom:20px;} .news-hero-excerpt a {color:rgba(100,216,171,1)} #trending-tags {padding:20px 0; background:#246175; color:#A7C0C8; line-height:20px;} #trending-tags a {color:#A7C0C8;} #trending-tags a:hover {color:#fff;} #trending-tags span {font-weight:900; text-transform:uppercase; letter-spacing:2px; color:#fff; font-size:13px; background:url(images/icons/tags.png) left no-repeat; background-size:16px 16px; padding-left:24px; margin-left:100px;} #main {float:left; width:63%; padding:4%;} #main img {max-width:100%; height:auto;} #main h5 {font-family:'Adelle'; font-size:24px; line-height:120%; font-weight:normal; text-transform:none; letter-spacing:normal; margin-bottom:6px;} #main .date {color:#86B2BB; margin-bottom:20px;} #main .excerpt {font-size:17px; margin-bottom:20px; line-height:150%;} #main article {border-bottom:1px solid #D3DEE4; padding:40px 0; overflow: hidden;} .nav-previous a, .nav-next a {border:2px solid rgba(187,187,187,.4); line-height:44px; background:0; color:#999; margin:40px auto 0 auto; text-align:center; font-family: 'Avenir'; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:3px; width:220px; line-height:50px; display:block; border-radius:3px; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;} .nav-previous a:hover, .nav-next a:hover {border:2px solid rgba(187,187,187,1); border-radius:3px;} .news img {margin-bottom:40px;} aside {float:right; width:26%;} aside h6 {font-family:'Avenir'; font-style:normal; font-weight:900; text-transform:uppercase; font-size:15px; letter-spacing:2px; color:#999;} .widget, #video-widget ul {padding:30px 30px 10px 30px; margin-bottom:40px;} #cat-widget li {margin-bottom:20px;} #cat-widget li a {font-family:'Avenir'; font-style:normal; font-weight:900; text-transform:uppercase; font-size:14px; letter-spacing:2px; color:#377F8C;} #cat-widget li a.active {color:#193854;} #video-widget {padding:0;} #video-widget img {width:100%; height:auto;} #video-widget li {margin-bottom:20px;} #video-widget li a {font-family:'Adelle'; font-size:13px; line-height:120%; font-weight:normal;} #video-widget .date {font-size:10px; margin-top:6px;} #email-widget {background-image:url(images/backgrounds/home-email-signup.jpg); background-position:center;} #email-widget p {color:#BFD1D7; font-size:13px; margin-bottom:20px;} #email-widget input[type="text"], #email-widget select {padding-left:5%; width:95%;} #email-widget input, #email-widget select {margin-bottom:10px;} #email-widget .gform_button {width:100%; margin-bottom:20px;} .more-link {display:none;} .news-article .news h2, .news-article .excerpt h3, .news-article .excerpt h4, .news-article .excerpt h5, .news-article hr, .news-article .excerpt img {display:none;} .news-article p, .news-article p {margin-bottom:20px;} /* news article ---------------------------------------------------------*/ .news-title {background-image:url(images/backgrounds/default-article.jpg);} .news-title .container article {width:90%; margin-left:100px;} .news-title h2 {font-family:'Adelle'; font-size:46px; line-height:120%; font-weight:normal; color:#fff; text-transform:none; letter-spacing:normal; margin-bottom:0;} .news-title-date {color:#ccc; font-size:22px;} #main article#single {padding:0;} #single p {font-size:17px; line-height:150%; margin-bottom:40px;} #single strong {font-weight:bolder;} #single em {font-style:italic;} #single h3 {font-family:'Adelle'; font-weight:700; font-style:italic; font-size:26px; color:#84B2BA; text-transform:none; letter-spacing:normal;} #single li {list-style:disc; margin-left:20px; font-size:17px; margin-bottom:20px;} #single ul {margin-bottom:40px;} #single blockquote {color:#fff; background:url(images/backgrounds/blockquote.jpg) center no-repeat; text-align:center; padding:50px; margin-bottom:40px;} #single blockquote a {color:rgba(100,216,171,1)} #single blockquote p {font-family:'Adelle'; font-weight:700; font-style:italic; font-size:20px; line-height:150%; margin-bottom:0;} #article-tags {width:50%; float:left; margin-top:40px; font-size:14px; line-height:140%; color:#90B0BA; background:url(images/icons/article-tags.png) left 4px no-repeat; background-size:28px 28px; padding-left:40px;} #article-tags a {color:#90B0BA;} #share {float:right; margin-top:40px;} #share a {display:inline-block; width:60px; height:60px; margin-left:10px; -webkit-border-radius:60px; border-radius:60px; background:url(images/sprites/share.png) no-repeat; background-size:180px 24px; text-indent:-9999px; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;} #share a#twitter-share {border:1px solid #A7CFF7; background-position:18px 18px;} #share a#facebook-share {border:1px solid #98A6CC; background-position:-36px 17px;} #share a#google-share {border:1px solid #E8A594; background-position:-84px 17px;} #share a#pinterest-share {border:1px solid #DD908A; background-position:-140px 17px;} #share a#twitter-share:hover {background:#A7CFF7 url(images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:18px 18px;} #share a#facebook-share:hover {background:#98A6CC url(images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-36px 17px;} #share a#google-share:hover {background:#E8A594 url(images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-84px 17px;} #share a#pinterest-share:hover {background:#DD908A url(images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-140px 17px;} #author {background:#FB9A59; color:#fff; font-family:'Adelle'; font-style:italic; font-weight:lighter; padding:40px; margin-top:40px;} #author a {color:#994412;} #writer {font-size:19px; margin-bottom:10px; font-weight:700;} #writer-job {margin-bottom:10px; font-weight:700;} /* Download Report Widget -------------------------------------------------------------------------------------------------------------------*/ .download-column { float: left; width: 125px; margin-right: 25px; min-height: 850px; } .download-container { margin-bottom: 30px; } .download-container .download-title { line-height: 1.2; } .download-container img { margin: 5px 0px; } .download-container .green-btn { width: 125px; line-height: 35px; } /* conference ---------------------------------------------------------*/ .conference .location {color:#58DCB0; font-size:22px;} .conference-details .btn {float:left; margin-top:46px;} #cat-widget li a.btn {color:#fff; width:100%;} .conference-article .excerpt h2, .conference-article .excerpt h3, .conference-article .excerpt h4, .conference-article .excerpt h5 {display:none;} .conference-article p {margin-bottom:20px;} /* map ---------------------------------------------------------*/ .map-content {background: rgba(100,216,171,1); padding: 0; color: #fff;} #map {padding:0;} #main.map-page-content {width:92%; padding: 40px 40px 10px 40px;} .wpgmza_infowindow_title {font-size:20px; font-weight: bold; margin-bottom: 20px;} .wpgmza_infowindow_description {line-height: 140%; color: #999; margin-bottom: 20px;} /* donate (salsa overrides) ---------------------------------------------------------*/ #salsa legend {font-size:18px; margin-bottom:20px;font-family:'Avenir'; font-weight:900;} #salsa input {background:#f0f0f0; display:block; margin:10px 0 20px 0; padding:20px; color:#666; font-size:14px; height:40px;} #salsa select {display:block; margin:10px 0 20px 0;} #salsa input[type="radio"] {-webkit-appearance:radio; display:inline; padding:auto; width:auto; margin:auto; height:auto; width:20px;} #donation_amount .formRow {margin-bottom:10px !important;} #right_container {margin-top:60px;} #otheramt {margin:10px 0 40px 0 !important;} .helpText {font-family:'Adelle'; font-style:italic; margin-bottom:20px;} #de_compliance label {margin-bottom:10px; display:block;} #salsa #submit input {background:rgba(100,216,171,.7); height:50px; padding:0; margin-top:20px; font-family: 'Avenir'; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:3px; color:#fff; display:block; border-radius:3px; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;} #salsa #submit input:hover {background:rgba(100,216,171,1); border-radius:3px;} #salsa .error {display:none;} .error {width:100% !important; padding:20px 0 !important; display:block; font-size:12px !important;} .error li {display:inline-block; margin-right:10px;} #donate-widget {display: block; color: #fff; padding: 40px; text-align: center; background: #4ECFA9; /* background: #4ecfa9; = background: -moz-linear-gradient(-45deg, #4ecfa9 0%, #306181 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4ecfa9), color-stop(100%,#306181)); background: -webkit-linear-gradient(-45deg, #4ecfa9 0%,#306181 100%); background: -o-linear-gradient(-45deg, #4ecfa9 0%,#306181 100%); background: -ms-linear-gradient(-45deg, #4ecfa9 0%,#306181 100%); background: linear-gradient(135deg, #4ecfa9 0%,#306181 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ecfa9', endColorstr='#306181',GradientType=1 ); */ } #donate-widget .btn {width: 100%; margin-top: 20px;} #donate-widget h7 {font-size: 20px;} /* about ---------------------------------------------------------*/ .about-title {background-image:url(images/heros/about.jpg); text-align:center; color:#fff;} .about-title p {padding:0 20%; font-size:16px; color:#B2BFCC;} .mission {font-size:20px;} .mission strong {display:block;} h5#about-subtitle {font-weight:bolder; font-size:18px; color:#2C798A; margin-bottom:20px;} #impact-widget {padding:0;} #impact-widget li {border-bottom:1px solid #E28B4C; color:#994412; font-size:13px; padding:24px 20px 14px 40px;} #impact-widget li strong {font-weight:900; color:#fff; display:block; font-size:15px; margin-bottom:4px;} #impact-widget li div {background-image:url(images/sprites/impact.png); background-repeat:no-repeat; background-size:50px 440px; height:55px; padding:10px 0 0 70px;} #funds {background-position:0 10px;} #orgs {background-position:0 -90px;} #cases {background-position:0 -188px;} #global {background-position:0 -290px;} #security {background-position:0 -388px;} #impact-widget li#last-impact {border:0;} #issues-widget {padding:0;} #issues-widget a {font-weight:900; text-transform:uppercase; font-size:13px; letter-spacing:2px; color:#fff; text-align:center; display:block; padding:24px 10%; background-repeat:no-repeat; background-position:center; opacity:.85; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;} #issues-widget a:hover {opacity:1;} #issues-widget #country {background-image:url(images/backgrounds/sidebar-country.jpg);} #issues-widget #owners {background-image:url(images/backgrounds/sidebar-ownership.jpg);} #issues-widget #tax {background-image:url(images/backgrounds/sidebar-tax.jpg);} #issues-widget #data {background-image:url(images/backgrounds/sidebar-data.jpg);} #issues-widget #institutions {background-image:url(images/backgrounds/sidebar-institutions.jpg);} #issues-widget #enablers {background-image:url(images/backgrounds/sidebar-flows.jpg);} /* issues ---------------------------------------------------------*/ .issue-title {text-align:center; color:#fff;} .issue-title p {padding:0 15%; font-size:20px; color:#B2BFCC; font-weight:bolder;} .issue .orange {padding:20px 30px; color:#fff; font-family:'Adelle'; font-style:italic; font-weight:700;} .issue .orange strong {display:block; font-size:14px; color:#B06C3B;} #exec-auth {padding:20px 0; color:#245879; font-family:'Adelle'; font-style:italic; font-weight:ligher; border-top:1px solid #D3DEE4; border-bottom:1px solid #D3DEE4;} #exec-auth strong {font-weight:700;} #main .related {width:48%;} #main .related li {margin-bottom:11px;} #main .related img {float:left; margin-right:20px; width:auto; height:auto; margin-bottom:0;} #main .related .article-title {font-family:'Adelle'; font-size:13px; line-height:110%; margin:12px 0 0 0;} #main .related .date {font-size:11px;} #main .related div {border:1px solid #eee; height:78px;} #related-left {float:left;} #related-right {float:right;} .issue-article .excerpt h2, .issue-article .excerpt h3, .issue-article .excerpt h4, .issue-article .excerpt h5, .search-article .excerpt h2, .search-article .excerpt h3, .search-article .excerpt h4, .search-article .excerpt h5 {display:none;} .issue-article p, .search-article p {margin-bottom:20px;} /* footer ---------------------------------------------------------*/ footer {background:#1A3954; padding:80px 0 40px 0; text-align:center;} footer nav a {color:#8D9CAA; font-family:'Avenir'; font-weight:900; text-transform:uppercase; letter-spacing:2px; margin:0 0 0 40px; font-size:12px; line-height:26px; white-space:nowrap;} footer nav {margin-bottom:40px; margin-left:-60px;} footer p {color:#5F7489; padding:0 20%; margin-bottom:60px;} footer li {color:#fff;} #footer-bottom {background:#17324C; padding:20px 0;} #footer-bottom ul {line-height:49px;} #footer-bottom li {display:inline-block; margin:0 0 0 16px;} #footer-logo {background:url(images/sprites/header.png) no-repeat; text-indent:-9999px; width:161px; height:41px; background-size:161px 117px;} /* small desktop / iPad -------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 1279px) { .container {width:90%;} #logo {background-size:161px 117px; width:161px; height:41px; margin-top:6px;} header nav {font-size:11px; letter-spacing:1px;} header li {float:left; margin-left:12px;} input[type="text"].header-search {width:80px;} header nav ul li:hover ul {display:none; opacity:0; visibility:hidden;} #home-hero {background-size: auto 150%;} #home-news, #home-issues {float:none; margin:0 auto; width:100%;} #home-news {margin-bottom:40px;} #home-issues li {width:16.6%; height:140px;} #home-issues li a {font-size:10px; padding:0} #home-events .gce-page-list .gce-feed { width: 50%; margin-bottom:10px; } #home-events .gce-event-day a {line-height:1.5;} #home-email-signup {background-size:auto 150%;} .tweet p {width:100%; float:none; padding:0; background:0;} .tweet .btn {float:none; margin-top:20px;} #home-email-signup .left {float:none; width:100%; margin-bottom:20px;} #home-email-signup-form {float:none;} #home-email-signup-form .gform_footer {float:none; display:inline-block; margin-left:10px;} #salsa input {width:100%;} #salsa select {width:100%;} .news-hero .container article, .single-news-hero .container article {width:100%; margin-left:0;} #trending-tags span {margin-left:0;} .news-title h2 {font-size:36px;} .news-title-date {font-size:16px;} #article-tags {width:90%; float:none;} #share {float:none; margin:30px auto 0 auto; width:320px;} .conference-details .btn {margin-top:36px;} .conference-details #share {float:right;} footer nav a {margin:0 0 0 20px;} footer nav {margin-left:-20px;} } /* iPhone wide -------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 867px) { h2 {font-size:26px; line-height:120%; margin-bottom:6px;} h2 span {display:block;} section {padding:30px 0;} .btn, .gform_button {font-size:11px; letter-spacing:2px; line-height:40px; float:none; width:100%;} input[type="text"], select {height:40px; width:100%; float:none; font-size:12px; margin-bottom:10px; padding:0 0 0 4%; box-sizing: border-box} .hero {margin-top:-50px; padding-top:80px; background-size:200% auto;} #logo {width:99px; height:25px; background-size:99px 72px; margin-top:12px;} header {height:50px; padding:0; font-size:14px;} header .right {float:none;} header nav {font-size:12px; letter-spacing:3px;} header li {float:none; line-height:32px; border-bottom:1px solid #4C577B; width:90%; margin-left:5%;} header .tel-no {background-position:-159px -92px; line-height:inherit;} #navmenu {background:rgba(27,42,86,.98); top:0; left:0; position:fixed; width:100%; height:100%; display:none;} #nav-home, #navicon {display:block;} #subnav {display:none; margin:30px 0 0 0;} input[type="text"].header-search{width:98%; padding-left:2%; background-image:none;} #subnav > li > ul {position:relative; left:auto; top:auto; display:block; opacity:1; visibility:visible; background:none; padding:0; width:auto; border-radius:0;} a.lang-header {display:none;} #subnav > li > ul:after {display:none;} #subnav > li > ul > li {line-height:38px;} #subnav li li {width:100%; border:0; margin:0;} #subnav #language {border-bottom:1px solid #4C577B; margin-bottom:0;} #subnav #translate {margin-bottom:0;} #home-hero p {font-size:15px; line-height:120%; padding:0 8%; margin-bottom:30px;} #home-hero-btns {width:100%;} #home-hero .white-btn {height:32px; padding-top:6px; line-height:12px; float:left; width:47%;} #home-news .featured {margin-bottom:20px;} #home-news .featured, #home-more-news {width:100%; float:none;} #home-news .featured div {padding:20px; height:auto;} #home-issues li {width:33.3%;} #home-issues li a {background-size:100% auto;} #home-events .gce-page-list .gce-feed { width: 100%; } #home-email-signup-form .gform_footer {float:none; margin-left:0; display:block;} #home-email-signup-form .gfield, #home-email-signup-form .gform_body {display:block;} #home-email-signup h4 {font-size:20px; margin-bottom:10px;} #home-email-signup .container {padding:40px 0;} #home-reports-facts {margin-bottom:40px;} #home-reports-facts, #home-allied-orgs {width:100%; float:none;} #home-allied-orgs div {height:auto; padding:40px;} #home-allied-orgs p {padding:0;} #home-allied-orgs .btn {width:100%;} #featured-on img {width:200px;} #main {float:none; width:90%; padding:5%; margin-bottom:40px;} .nav-previous a, .nav-next a {margin:40px auto 0 auto; width:100%;} .pagination .left, .pagination .right{float:none;} aside {float:none; width:100%;} .news-hero {background-size:auto 300%;} .news-title h2 {font-size:26px;} .news-title-date {font-size:12px;} .conference-details .btn {margin:20px 0;} .conference-details #share {float:none;} .about-title p, .issue-title p {padding:0; font-size:13px;} #main .related {width:100%;} #related-left, #related-right {float:none;} #related-left {margin-bottom:40px;} footer {padding:40px 0 40px 0;} footer nav a {display:block;} footer p {padding:0 10%;} } /* iPhone -------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 479px) { .btn, .gform_button {font-size:11px;} #home-issues li a {font-size:8px; padding:0} #home-reports-facts .left {width:100%; border-right:0; float:none;} #home-reports-facts .right {width:100%; float:none;} #share a {display:inline-block; width:50px; height:50px; margin-left:10px;} #share a#twitter-share {border:1px solid #A7CFF7; background-position:13px 13px;} #share a#facebook-share {border:1px solid #98A6CC; background-position:-41px 13px;} #share a#google-share {border:1px solid #E8A594; background-position:-89px 13px;} #share a#pinterest-share {border:1px solid #DD908A; background-position:-145px 13px;} #share a#twitter-share:hover {background:#A7CFF7 url(images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:13px 13px;} #share a#facebook-share:hover {background:#98A6CC url(images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-41px 13px;} #share a#google-share:hover {background:#E8A594 url(images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-89px 13px;} #share a#pinterest-share:hover {background:#DD908A url(images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-145px 13px;} }