/* Theme Name: MFT Theme */ /*@import url(http://fonts.googleapis.com/css?family=Varela);*/ /* 1. HTML5 Reset 2. General Styles 3. Header 4. Main Navigation 5. Homepage 6. Pages 7. Sidebar 8. Blog 9. Resources 10. Pricing Pages 11. Search 12. Foooter 13. Mobile & Print 14. Typography 15. Endorsements 16. Table Sorter jquery plugin (tablesorter) 17. Truth In Lending Global Page 18. Single Truth in Lending */ /* ================================================================================== */ /* == 1. HTML5 RESET ================================================================ */ /* ================================================================================== */ article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:13px;line-height:1.231;font-family:sans-serif;color:#222;margin:0}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;overflow:visible;cursor:pointer;-webkit-appearance:button;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;overflow:visible;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}::-moz-selection{background:#000;color:#fff;text-shadow:none}::selection{background:#000;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:focus{outline:thin dotted}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px} nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;padding:0}table button{overflow:auto}table input{overflow:auto}input[type="button"]{cursor:pointer;-webkit-appearance:button}input[type="reset"]{cursor:pointer;-webkit-appearance:button}input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"]{box-sizing:border-box}input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}h1,h2,h3,h4,h5,h6,p,ul,ol{ margin: 0; padding: 0; } ul{list-style:none;list-style-image:none;margin:0;padding:0} /* ================================================================================== */ /* == 2. GENERAL STYLES ============================================================= */ /* ================================================================================== */ /* 12 COLUMN - RESPONSIVE GRID SYSTEM DEVELOPED BY DENIS LEBLANC URL - http://responsive.gs VERSION - 2.0 LICENSED UNDER GPL & MIT */ /* SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* MAIN CONTAINER */ .container { margin: 0 auto; } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ .row:after, .col:after, .clr:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* DEFAULT ROW STYLES */ .row { /*margin-bottom: 1.5em;*/ } /* set according to preference*/ /* DEFAULT COLUMN STYLES */ .col { display: block; float:left; width: 100%; } @media ( min-width : 320px ) { .container, #top #top-inner { max-width: 99%;} .col { } } @media only screen and ( min-width: 934px ) { .container { max-width: 935px; margin: 0 auto; clear:both; } } /* RESET MARGINS */ .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ /* COLUMN WIDTH ON DISPLAYS +768px */ .span_1 { width: 8.33%; } .span_2 { width: 16.66%; } .span_3 { width: 25.0%; } .span_4 { width: 33.33%; } .span_5 { width: 41.66%; } .span_6 { width: 50%; } .span_7 { width: 58.33%; } .span_8 { width: 66.66%; } .span_9 { width: 75%; } .span_10 { width: 83.33%; } .span_11 { width: 91.66%; } .span_12 { width: 100%; } @media ( max-width : 767px ) { .span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 { width: 100%; } } body {background: #FFF; color: #6b6b6b; font: 14px/22px Helvetica, Arial, sans-serif; /*text-shadow: 0 0 1px rgba(255,255,255,0.01);*/ /*just to make the text appear thinner*/ } #primary { display: block; float: left; width: 65%; /*padding-bottom: 30px; moved to footer margin-top*/ padding-right: 10px; } #primary #post-content { padding: 0; } @media (max-width: 630px) { #primary { float: none; width: 100%; padding-bottom: 30px; } } h1, h2, h3, h4, h5 { font-family: "nonexistantfont-exmuseosans", sans-serif; font-weight: 900; letter-spacing: 1px; } h1 { font-size: 35px; line-height: 40px; color: #567b9a; text-shadow: 0 2px 0px #e4e4e4; letter-spacing: 0px; font-weight:600; } h2 {} h3 {} h2.headbar, h3.headbar { background: #e1e4c2; border: 1px solid #939a60; border-radius: 5px; padding: 10px 10px 8px 10px; color: #939a60; text-transform: uppercase; font-size: 16px; margin-bottom: 25px; } h2.headbar.taxonomies-below { margin-bottom: 15px } .tags { color: #aaa; text-transform: uppercase; font-size: 12px; margin-bottom: 15px; } .tags div { display:inline-block; background: #ddd; border: 1px solid #ccc; border-radius: 5px; padding: 2px 2px 1px 5px; line-height: 14px; } .tags div span { padding: 2px 10px 1px 5px; background-image: url("images/close.png"); background-position: right 2px; background-repeat:no-repeat; cursor:pointer;} .tags div span:hover { background-position:right -13px; } h3.boxbar { background: #e1e4c2; border: 1px solid #939a60; border-radius: 5px 5px 0 0; padding: 10px 10px 8px 10px; color: #939a60; text-transform: uppercase; font-size: 16px; margin-bottom:0px; } div.box { border: 1px solid #939a60; border-radius: 0 0 5px 5px; padding: 10px 10px 8px 10px; border-top: none; } h4 { color: #567b9a; font-size: 16px; text-transform: uppercase; } a { color: #567b9a; text-decoration: none; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s;} a:hover { color: #585858; } .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .right { float: right; } .left { float: left; } .center { text-align: center; } .centered { margin-left:auto; margin-right:auto;} table.bluetable { border:2px solid transparent; border-spacing:2px;border-collapse:separate; font-size:13px; } table.bluetable th { padding: 0.5em; background-color: #EFF4FE; color:#6B6B6B !important; text-align:left; } table.bluetable td { padding: 0.5em; background-color: #EFF4FE; } a.glossary-tooltip:link, a.glossary-tooltip:visited, a.glossary-tooltip:active, a.glossary-tooltip:hover { color: #a17d60; /* blue colors for links too */ text-decoration: inherit; /* no underline */ cursor: help; } .tooltip-inner { background-color: #EFEFC8 !important; color: #6B6B6B !important; } /* SimpleModal css */ #confirm {display:none;} /* Overlay */ #confirm-overlay {background-color:#eee;} /* Container */ #confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;} #confirm-container .header {height:30px; line-height:30px; width:100%; background:url(images/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;} #confirm-container .header span {padding-left:8px;} #confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;} #confirm-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} #confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(images/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-container a.modal-close, #confirm-container a.modal-close:link, #confirm-container a.modal-close:active, #confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-container a.modal-close:hover {color:#ccc;} #basic-modal-content {display:none;} /* Overlay */ #simplemodal-overlay {background-color:#000;} /* Container */ #simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:1px solid #444; padding:12px;} #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.simplemodal-close {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 {color:#84b8d9;} /* IE 6 hacks */ /* background: none??#simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/basic/x.png',sizingMethod='scale');}*/ #basic-modal-content {display:none;} #osx-modal-content, #osx-modal-data {display:none;} /* Overlay */ #osx-overlay {background-color:#000;} /* Container */ #osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;} #osx-container a {color:#ddd;} #osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;} #osx-container .close {display:none; position:absolute; right:0; top:0;} #osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;} #osx-container .close a:hover {color:#000;} #osx-container #osx-modal-data {font-size:12px; padding:6px 12px;} #osx-container h2 {margin:10px 0 6px;} #osx-container p {margin-bottom:10px;} #osx-container span {color:#777;} #osx-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} /** Tooltip taken from boostrap.css */ .tooltip{ position:absolute; z-index:1020; display:block; visibility:visible; padding:5px; font-size:11px; opacity:0; filter:alpha(opacity=0); text-transform:none; } .tooltip.in{ opacity:.8; filter:alpha(opacity=80) } .tooltip.top{ margin-top:-2px } .tooltip.right{ margin-left:2px } .tooltip.bottom{ margin-top:2px } .tooltip.left{ margin-left:-2px } .tooltip.top .tooltip-arrow{ bottom:0; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000 } .tooltip.left .tooltip-arrow{ top:50%; right:0; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #000 } .tooltip.bottom .tooltip-arrow{ top:0; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #000 } .tooltip.right .tooltip-arrow{ top:50%; left:0; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000 } .tooltip-inner{ max-width:300px; padding:3px 8px; color:#fff; text-align:center; text-decoration:none; background-color: #000000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .tooltip-arrow{ position:absolute; width:0; height:0 } /* customizin tooltip */ .tooltip-inner ol { margin:7px 5px 7px 18px; } .tooltip-inner { text-align:left; background: #EFEFC8; /*#EDEFD8;*/ color: #6B6B6B; border: 1px solid rgba(0, 0, 0, 0.2); font-size:11px; line-height:16px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(0, 0, 0, 0.3); } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } /* must go after tooltip */ .hide, .hidden { /* carefull, hidden in bootstrap has visibility: hidden also */ display:none; } /** Styles taken from bootstrap */ .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbbbbb; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .clr, .clear { clear:both; } /* SELF CLEARING FLOATS - CLEARFIX METHOD. Took from responsive.gs */ .clr:after, .clear:after { content: " "; display: block; font-size:0; height: 0; clear: both; visibility: hidden; } .sociable { height: 23px; display: inline-block; margin: 0 0 15px; } .sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 3px; float: left; } .share-buttons { display:block; clear: both; height: 35px; margin-bottom: 5px; } .share-buttons > div { display:inline-block; float:left; } /* ================================================================================== */ /* == 3. HEADER ===================================================================== */ /* ================================================================================== */ /*header { background: #46647e url(images/bg-header.png) repeat; }*/ header { background: #46647e; } header .container { position:relative;}/* to remove*/ header div#logo { display: inline-block; margin: 0; padding: 20px 0; width: 50%; min-width: 320px; float: left; } header div#logo img { width:100%; min-width: 315px; max-width: 355px; } @media (max-width: 321px) { header div#logo img { width: 90%; } } #logo.small img { width: 182px; height: 41px; } header .connect-search { height:115px; width: 380px; padding:10px 0; position:relative; float:right; max-width: 100%; } @media (max-width: 820px ) { header div#logo, header .connect-search { display: block; float:none; margin: 0 auto; padding: 20px 0; /*width: 100%;*/ } header .connect-search { padding-left: 35px; } } @media (max-width: 520px ) { header .connect-search { padding-left: 0; } } header #connect-slider { color: #e5e5e5; text-shadow: 0px 1px 1px #304455; font-family: "nonexistantfont-exmuseosans", sans-serif; line-height: 18px; padding: 30px 0 0 0; display: none; } header #connect-slider h3 { text-transform: uppercase; color: #3a4655; background: #d3d8df; padding: 0 10px 0 40px; font-size: 18px; border: 1px solid #304455; border-radius: 5px; height: 35px; line-height: 36px; margin-bottom: 10px; margin-top: 20px; text-shadow: none; } header #connect-slider .column ul { list-style: none; margin-top: 10px; } header #connect-slider a { color: #e0e3c1; } header #connect-slider #header-rss { padding-right: 10px; } header #connect-slider #header-rss ul li { background: url(images/icon-bullet.png) no-repeat left center; padding-left: 10px;} header #connect-slider #header-rss h3 { background: #d3d8df url(images/icon-rss2.png) no-repeat 3px center; } header #connect-slider #header-twitter { padding: 0 10px; } header #connect-slider #header-twitter h3 { background: #d3d8df url(images/icon-twitter2.png) no-repeat 3px center; } header #connect-slider #header-twitter ul li a { display: block; margin-top: 10px; color: #e5e5e5; } header #connect-slider #header-twitter ul li span a { display: inline; color: #e0e3c1; } header #connect-slider #header-facebook { padding-left: 10px;} header #connect-slider #header-facebook h3 { background: #d3d8df url(images/icon-facebook2.png) no-repeat 3px center; } header #connect-slider #header-facebook iframe { background: #f5f5f5; } header a#connect-button { background: #567b9a url(images/icon-connect.png) no-repeat 107px center; border: 1px solid #304455; border-radius: 5px; padding: 0 47px 0 10px; height: 35px; float:left; color: #334354; font-weight: 900; text-transform: uppercase; font-size: 18px; line-height: 37px; text-shadow: 0px 1px 0px rgba(255,255,255,0.2); font-family: "nonexistantfont-exmuseosans", sans-serif !important; } header a#connect-button:hover { background: #fff url(images/icon-connect.png) no-repeat 107px center; background-color: rgba(255,255,255,0.7); } #google_translate_element { min-height:50px } header .google-languages-selector { float: left; padding: 4px 10px; cursor:pointer; width: 48%; } header #google_translate_element { /* position: absolute; top: 0px; right: 0; 170px; */ z-index:999; display:inline-block; } @media (max-width: 360px) { header a#connect-button { width: 48%; } header .google-languages-selector { padding: 4px 4px; } } /* repeated on bootstrap-tiltpages.css */ .oldbrowser, .oldData { background-color: #FCE153; width: 940px; margin: 10px auto; padding: 10px; border-radius: 5px; } .oldData.red { background-color: #FFe2e2; } @media (max-width: 690px) { } /* ================================================================================== */ /* == 4. MAIN NAVIGATION ============================================================ */ /* ================================================================================== */ /* See scripts.js for sub-menus behavior, there are some slideDown and slideUp */ nav { background: #7a8e9f; border-top: 1px solid #000; border-bottom: 1px solid #000; line-height: 42px; margin-bottom: 30px; position: relative; font-family: sans-serif; } nav ul.menu { list-style:none; margin-bottom:0px; z-index: 9999; clear: both; } nav ul.menu li { position:relative; cursor:pointer;} nav ul.menu > li > a { padding: 6px 29px 5px 29px; font-size: 15px; text-transform: uppercase; font-weight: 800; color: #304455; text-shadow: 0px 1px 0px rgba(255,255,255,0.2); } /* Selected item and hover, menu and sub-menu */ nav ul.menu > li.current_page_item, nav ul.menu > li.pickme, nav ul.menu > li:hover { background: #909FAC; /* rgba(255,255,255,0.3); */ } nav ul.menu > li:hover > a, nav ul.menu > li.current_page_item > a, nav ul.menu > li.pickme > a { color: #ebeff1; text-shadow: 0px 1px 0px rgba(48,68,85,0.75); } /* Specific Desktop styles, reset on mobile menu */ nav ul.menu > li { float: left; } nav ul.menu > li.current_page_item, nav ul.menu > li.pickme { border-left: 1px solid #607382; border-right: 1px solid #607382; } /* sub-menu sub-menu */ nav .sub-menu { display:none; z-index: 999; width:100%; min-width: 170px; background: #e1e4c2; /* #edefd8; */ position:absolute; /* !!!! */ margin:0px; border: 2px solid #dbe0b1; border-radius: 5px 5px 5px 5px; top: 42px; } nav ul.menu > li:hover > ul.sub-menu { display:block; /*also shown by js on scripts.js */ } nav ul.sub-menu > li:hover > ul.sub-menu { position:relative; display: block; width:100%; left:100%; top:-47px; height: auto; } /* Desktop Menu */ @media only screen and (min-width: 860px) { nav ul.sub-menu > li:hover { background-color: rgba(255,255,255,0.3); } nav ul.sub-menu li { width:100%; /* needed for the sub-menu left:100%; */ display:block; padding:0px; text-align: center; border-bottom: 1px solid #fff; font-weight: normal; text-transform: none; height: 45px; line-height: 45px; } nav ul.sub-menu li:last-child { border-bottom: 0;} nav ul ul.sub-menu li a { font-size:12px; color: #6587a0; margin: 0px; text-align:center; font-weight: normal;} nav ul ul.sub-menu li.current_page_item { border:0 } nav ul ul.sub-menu li.current_page_item > a { color: #939A60; background-color: transparent !important; border: 0; text-shadow: none !important; } } /* Responsive Menu */ @media only screen and (min-width: 860px) and ( max-width: 944px ) { nav ul.menu li a { padding: 6px 25px 5px 25px; } } /* below 860, mobile menu */ @media only screen and (min-width: 860px) and (max-width: 922px ) { nav ul.menu li a { padding: 6px 18px 5px 18px; } nav ul.menu li { font-size: 15px; } } /* * Nav bar mobile / mobile menu */ #mobile-menu-btn { display:none; clear: both; overflow: hidden; } #mobile-menu-btn span { color: #fff; font-size: 12px; } #mobile-menu-btn .mobile-btn { display: block; float: right; background: url(images/mobile-menu.png) no-repeat center center; width: 28px; height: 21px; padding: 5px; border: 0; cursor: pointer; } /* Mobile Menu */ @media only screen and (max-width: 860px) { /* reset from styles of desktop menu */ nav ul.menu > li { float: none; } nav ul.menu > li.current_page_item, nav ul.menu > li.pickme { border-left: 0; border-right: 0; } nav ul.sub-menu:hover > li > ul.sub-menu { display: block; left:auto; top:auto; } nav .sub-menu { width: 100%; background: #edefd8; position:static; /* !!!! */ margin:0px; border: 0; border-radius:0; top: auto; } /* mobile menu specific styles */ #main-nav .container { width: 100%; max-width: 100%; } #mobile-menu-btn { display:block; padding: 10px; background: #222; } nav#main-nav #menu-main { display: none; /* will be shown by js. when click on #mobile-menu-btn, see script.js */ } nav#main-nav { height:auto; } nav#main-nav li a { text-transform:uppercase; text-align: center; } nav ul.menu li.current_page_item, nav ul.menu > li.pickme, nav ul.menu > li:hover a { color: #304455; } nav ul.menu li a { padding: 0; color: #304455; } nav ul.sub-menu li { /* reset */ height: auto; } nav ul.menu > li { padding:0 10px; border-bottom: 1px solid #c1c5d6; } nav ul.menu > li > ul.sub-menu { background:#D5D4D4; margin-bottom:10px; } nav ul.menu > li > ul.sub-menu > li { padding: 0 10px; } nav ul.menu > li > ul.sub-menu > li > .sub-menu { margin-bottom: 10px; } nav ul.menu > li > ul.sub-menu > li { border-bottom: 1px solid #fff; } nav ul.menu > li > ul.sub-menu > li:last-child { border: 0; } nav#main-nav .sub-menu > li > a:hover { background:#eee; /* slight grey */ } nav ul.menu .sub-menu li.current_page_item { /*background: #909FAC;*/ } nav ul.menu .sub-menu li.current_page_item > a { text-decoration: underline !important; font-weight: bold; } nav#main-nav .sub-menu .sub-menu li:hover { /*border:1px solid #ccc; moves everything set border 1px solid transparent */ /*background:#eee;*/ } nav#main-nav li a { border-right:0; display: block; float: none; text-decoration: none; } /* sub-menu sub-menu always visible because there is no :hover on mobile */ nav ul.menu > li ul.sub-menu { display: block;} nav#main-nav ul.menu .sub-menu ul.sub-menu { width:100%; background:#fff; } } /* end of max-width: 1009px nav bar mobile */ /* ================================================================================== */ /* == 5. HOMEPAGE =================================================================== */ /* ================================================================================== */ #feature { background: url(images/divider-dots.png) repeat-x 0 bottom; overflow: hidden; padding: 0 0 0px 0; } #feature .side-block { margin: 0; } #slideshow { float: left; max-width: 615px; height: 350px; font-size: 16px; line-height: 22px; font-weight: bold; margin-right: 20px;} @media (max-width:615px) { #slideshow { float: none; max-width: 100%; height: auto; max-height: 476px; } } @media (max-width:415px) { #slideshow { max-height: 576px; } } #slideshow h2 { font-size: 30px; line-height: 40px; text-transform: uppercase; color: red; text-shadow: 0 3px 0 #e4e4e4; margin-bottom: 10px; } #slideshow h2 a:hover { color: #e89c0a; } #slideshow a.thumb { float: left; margin: 0 20px 10px 0; border: 1px solid #c4cd7f; } #slideshow a.thumb:hover { border-color: #e89c0a; } #slideshow a.more { font-size: 16px; display: inline-block; line-height: 17px; /*border-bottom: 2px solid;*/ color: #e89c0a; margin-bottom: 10px; } #slideshow a.more:hover { color: #567b9a; } #home-side-block { min-width: 207px; display: block; float: none; overflow: hidden; background: #ecf2f7; padding: 20px; border-radius: 5px; font-size: 13px; line-height: 22px; color: #4b5e6e; margin-bottom: 25px; } #home-side-block a.button { display:block; width: 100%; } #home-news { overflow: hidden; padding: 40px 0; } #home-news .news-feed:first-child { padding-right: 10px; } #home-news .news-feed:last-child { padding-left: 10px; } #home-news .news-feed h3 { font-size: 32px; line-height: 32px; text-transform: uppercase; color: #567b9a; text-shadow: 0 3px 0px #e4e4e4; letter-spacing: 0px; border-bottom: 1px solid #ededed; padding-bottom: 5px; margin-bottom: 20px;} #home-news .news-feed ul li { list-style: none; border-bottom: 1px solid #ededed; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; position:relative;} #home-news .news-feed ul li a.thumb { float: left; width: 130px; overflow: hidden; height: 100px; border: 1px solid #c4cd7f; margin: 0 10px 10px 0; } #home-news .news-feed ul li a.thumb:hover { border-color: #585858;; } #home-news .news-feed ul li .text { display: block; float: none; min-height: 100px; overflow: hidden; font-size: 12px; line-height: 16px; } #home-news .news-feed ul li h2 { font-size: 20px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; margin-bottom: 8px; text-shadow: 0 2px 0px #E4E4E4; } /* #home-news .news-feed ul li h2 a { border-bottom: 2px solid; color: #e89c0a; } #home-news .news-feed ul li h2 a:hover, #home-news .news-feed a.more:hover { color: #567b9a; } */ #home-news .news-feed ul li p { margin-bottom: 7px; } #home-news .news-feed ul li span.meta { color: #a7a8a9; font-weight: bold; } #home-news .news-feed a.more { font-size: 16px; display: inline-block; line-height: 17px; /* border-bottom: 2px solid; */ color: #e89c0a; margin-bottom: 10px; } /* ================================================================================== */ /* == 6. PAGES ====================================================================== */ /* ================================================================================== */ /*Page*/ .page article h1 { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin: 0 0 20px; } .no-sidebar article h1 { border:0; text-align:center;} /* for pages without sidebar (temploate no-sidebar) ie: resources table */ .page article h3 { font-size: 20px; font-weight: 300; font-style: italic; color: #567B9A; text-shadow: 0 2px 0px #E4E4E4; margin: 30px 0 15px 0;} /*FAQ Page*/ ul#faq-list { border-bottom: 1px solid #e4e4e4; padding: 10px 0 20px 0; margin-bottom: 20px; } ul#faq-list li { font-size: 12px; font-weight: bold; line-height: 14px; background: url(images/list-dot.png) no-repeat left 5px; padding-left: 10px; margin-bottom: 12px; } /*Contact Page*/ .contact-col { width: 300px; float: left; margin-bottom: 40px; } .contact-col ul li { list-style: none; font-weight: bold; } .contact-col ul li a { color: #e09606; } #contact-form { clear: both; } #contact-form form, #endorsement-form { clear: both; overflow: hidden; background: #f5f4f4; border: 1px solid #d5d4d4; padding: 10px; border-radius: 6px; } #contact-form p { width: 285px; float: left; color: #6587a0; font-size: 15px; font-family: "nonexistantfont-exmuseosans", sans-serif; } #contact-form p input { width: 263px; border: 1px solid #d5d4d4; padding: 10px; border-radius: 6px; } #contact-form p#name, #contact-form p#location { margin-right: 23px; } #contact-form p#message { width: 100%; } #contact-form p#message textarea { width: 571px; border: 1px solid #d5d4d4; padding: 10px; border-radius: 6px; } #contact-form p#submit { width: 100%; padding: 0; margin: 5px 0 10px 0; text-align: center; } #contact-form p#submit input { text-align: center; color: #567b9a; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #f3f2d9 url(images/icon-contact.png) no-repeat 10px center; border: 1px solid #c1c976; border-radius: 5px; padding: 10px 10px 8px 45px; font-family: "nonexistantfont-exmuseosans", sans-serif; width: 190px; } #contact-form p#submit input:hover { background: #c1d5e6 url(images/icon-contact.png) no-repeat 10px center; border: 1px solid #607382; } .wpcf7-validation-errors { overflow: hidden; text-align: center; border: none !important; color: #cd1c1a; } span.wpcf7-not-valid-tip { border: none !important; padding: 0 !important; background: none !important; margin: -2px 0 0 -45px; color: #cd1c1a; } /* Endorsements */ #wpcf7-f249-p246-o1 p.form-input { float: left; } #wpcf7-f249-p246-o1 p.add-margin { margin-right: 25px;} #wpcf7-f249-p246-o1 p.top-margin { margin-top: 15px !important; clear: both; width: 100%;} #wpcf7-f249-p246-o1 label { color: #6587A0; font-size: 15px; font-family: "nonexistantfont-exmuseosans", sans-serif; } #wpcf7-f249-p246-o1 p.form-input input { width: 262px; border: 1px solid #d5d4d4; padding: 10px; border-radius: 6px; } .check-boxes span.wpcf7-list-item { width: 175px; display: block; float: left; } #endorse-options span.wpcf7-list-item { display: block; color: #6587A0; font-size: 15px; font-family: "nonexistantfont-exmuseosans", sans-serif; } #wpcf7-f249-p246-o1 input.wpcf7-submit { text-align: center; color: #567B9A; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #F3F2D9 url(images/icon-contact.png) no-repeat 10px center; border: 1px solid #C1C976; border-radius: 5px; padding: 10px 10px 8px 45px; font-family: "nonexistantfont-exmuseosans", sans-serif; width: 110px; clear: both; float: none; } #wpcf7-f249-p246-o1 input.wpcf7-submit:hover { background: #c1d5e6 url(images/icon-contact.png) no-repeat 10px center; border: 1px solid #607382; } /* Endorsements */ #gforms_confirmation_message { border: 1px solid DarkGreen; color: DarkGreen; text-align:center; } #gform_wrapper_1 #input_1_1 { margin-left:25px; } #gform_wrapper_1 #input_1_6 label { color: #6B6B6B; font: 14px/22px Helvetica, Arial, sans-serif; } #gform_wrapper_1 label { color: #6587A0; font-size: 15px; font-family: "nonexistantfont-exmuseosans", sans-serif; } #gform_wrapper_1 .ginput_container input { width: 262px; border: 1px solid #d5d4d4; padding: 10px; border-radius: 6px; } #gform_wrapper_1 li.gfield_error input { width:242px; } #gform_wrapper_1 .ginput_container textarea { border: 1px solid #D5D4D4; padding: 10px; border-radius: 6px; } /* .check-boxes span.wpcf7-list-item { width: 175px; display: block; float: left; } #endorse-options span.wpcf7-list-item { display: block; color: #6587A0; font-size: 15px; font-family: "nonexistantfont-exmuseosans", sans-serif; } */ #gform_wrapper_1 #gform_submit_button_1 { text-align: center; color: #567B9A; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #F3F2D9 url(images/icon-contact.png) no-repeat 10px center; border: 1px solid #C1C976; border-radius: 5px; padding: 10px 10px 8px 45px; font-family: "nonexistantfont-exmuseosans", sans-serif; width: 110px; clear: both; float: none; } #gform_wrapper_1 #gform_submit_button_1:hover { background: #c1d5e6 url(images/icon-contact.png) no-repeat 10px center; border: 1px solid #607382; } /* Contact Form */ #gforms_confirmation_message { border: 1px solid DarkGreen; color: DarkGreen; text-align:center; } #gform_wrapper_2 #input_2_1 { margin-left:25px; } #gform_wrapper_2 #input_2_6 label { color: #6B6B6B; font: 14px/22px Helvetica, Arial, sans-serif; } #gform_wrapper_2 label { color: #6587A0; font-size: 15px; font-family: "nonexistantfont-exmuseosans", sans-serif; } #gform_wrapper_2 .ginput_container input { width: 262px; border: 1px solid #d5d4d4; padding: 10px; border-radius: 6px; } #gform_wrapper_2 li.gfield_error input { width:242px; } #gform_wrapper_2 #gform_submit_button_2 { text-align: center; color: #567B9A; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #F3F2D9 url(images/icon-contact.png) no-repeat 10px center; border: 1px solid #C1C976; border-radius: 5px; padding: 10px 10px 8px 45px; font-family: "nonexistantfont-exmuseosans", sans-serif; width: 190px; clear: both; float: none; } #gform_wrapper_2 #gform_submit_button_2:hover { background: #c1d5e6 url(images/icon-contact.png) no-repeat 10px center; border: 1px solid #607382; } #gform_wrapper_2 textarea { width: 571px; border: 1px solid #d5d4d4; padding: 10px; border-radius: 6px; } #gform_wrapper_2 li.gfield_error textarea { width:551px; } #gform_wrapper_2 .gform_footer { text-align:center; padding:10px 0px; } #gform_wrapper_2 form { width:593px; } #field_2_2 { margin-left:5px; } p.no-float { width: 100%; clear:both; } .page-template-endorsements-php #primary { width: 100%;} /* ================================================================================== */ /* == 7. SIDEBAR ==================================================================== */ /* ================================================================================== */ aside { float: right; padding-left: 10px; width: 35%; font-family: "nonexistantfont-exmuseosans", sans-serif; } @media (max-width: 630px) { aside { float: none; padding: 10px 0; width: 100%; display:block; } } aside h3 { background: #c1d5e6; border: 1px solid #6084a1; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 10px 8px 10px; color: #567b9a; text-transform: uppercase; font-size: 16px; _margin-bottom: 25px; } aside ul { list-style-type: none; } aside div.side-block, aside .textwidget, aside form.taxonomy-drilldown-checkboxes, /* Query Multiple Taxonomy plugin */ .widget .tagcloud { background: #ecf2f7; padding: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius:5px; border: 1px solid #6084a1; border-top:none; font-size: 13px; line-height: 22px; color: #4b5e6e; margin-bottom: 25px; } aside div.side-block.onlyimage { padding: 20px 0} aside div.side-block strong { font-style: italic; } aside div.side-block ul { margin-bottom: 15px; margin-left:16px; list-style-type:square; } aside div.side-block ul li { margin: 7px 0; line-height:18px; } aside div.side-block ul li a { color: #e09606; } aside div.side-block ul li a:hover { color: #e09606; text-decoration:underline; } aside div.side-block h4, aside li > form h4 /* Query Multiple Taxonomy plugin */ { text-transform:none;font-weight:normal; line-height:20px; } aside form.taxonomy-drilldown-checkboxes h4 /* Query Multiple Taxonomy plugin */ { margin-top: 15px } /*Search*/ aside form.taxonomy-drilldown-checkboxes input[type=submit] { background-color: #567b9a; border: 1px solid #304455; border-radius: 5px; height: 37px; color:black; } aside form.taxonomy-drilldown-checkboxes input[type=submit]:hover { background-color: #e89c0a; } aside .sidebar-search-radio input[type=radio] { margin-right:5px; } aside div.side-block #search { border-bottom: 1px solid #c1d5e6; overflow: hidden; margin-bottom: 15px; } aside div.side-block #search form.searchform input.s.field, input.qmt-searchform { float:left; background: rgb(255,255,255); border: 1px solid #cdddeb; border-radius: 5px; width: 185px; height: 35px; line-height: 35px; padding: 0 10px; color: #364a5b; font-style: italic; } aside div.side-block #search form.searchform input.s.field:focus, input.qmt-searchform:focus { border-color: #e89c0a; outline: none; } aside div.side-block #search form.searchform input.submit, input.submit-searchform { float: right; background: #567b9a url(images/icon-search.png) no-repeat center center; border: 1px solid #304455; border-radius: 5px; width: 43px; height: 37px; text-indent: -9999px; } aside div.side-block #search form.searchform input.submit:hover, input.submit-searchform:hover { background: #e89c0a url(images/icon-search.png) no-repeat center center; } aside form.taxonomy-drilldown-checkboxes #terms-countries div.ul-wrapper { max-height: 220px; /* update js also */ /* overflow-y:hidden;*/ overflow-y:scroll; overflow-x: hidden; position: relative; } aside form.taxonomy-drilldown-checkboxes #terms-countries div.ul-container.grey-border { margin:0; padding:0; } aside form.taxonomy-drilldown-checkboxes #terms-countries div.ul-container.grey-border ul { border: 1px solid #ccc; border-top: 0; border-bottom: 0; position: relative; } aside form.taxonomy-drilldown-checkboxes #terms-countries div.ul-container.grey-border .up, aside form.taxonomy-drilldown-checkboxes #terms-countries div.ul-container.grey-border .down { display:block; margin:0; padding:0; height:21px; cursor:pointer; } aside form.taxonomy-drilldown-checkboxes #terms-countries div.ul-container.grey-border .up { background: url("images/countries-up.png") no-repeat center center; } aside form.taxonomy-drilldown-checkboxes #terms-countries div.ul-container.grey-border .down { background: url("images/countries-down.png") no-repeat center center; } aside div.side-block #search #sf_cat { margin: -15px 5px 0px 10px; } aside div.side-block #search #sf_cat_lbl { position:relative; top: -7px; } aside div.side-block #search .sidebar-search-radio input { margin:5px; } h1.search-results-title { margin: 0 0 20px; } /*News*/ aside div.side-block .side-news { border-top: 1px solid #c1d5e6; border-bottom: 1px solid #c1d5e6; padding-top: 15px; margin-bottom: 15px; } /*Explore*/ aside div.side-block ul#explore { margin: 0; } aside div.side-block ul#explore li { margin-bottom: 10px; } aside div.side-block ul#explore li:last-child { margin: 0; } aside div.side-block ul#explore li a { color: #567b9a; padding: 8px 10px 6px 10px; text-align: left; padding-left: 42px; } aside div.side-block ul#explore li a.info { background: #f3f2d9 url(images/icon-info.png) no-repeat 10px center; } aside div.side-block ul#explore li a.info:hover { background: #c1d5e6 url(images/icon-info.png) no-repeat 10px center; } aside div.side-block ul#explore li a.who { background: #f3f2d9 url(images/icon-who.png) no-repeat 7px center; } aside div.side-block ul#explore li a.who:hover { background: #c1d5e6 url(images/icon-who.png) no-repeat 7px center; } aside div.side-block ul#explore li a.involved { background: #f3f2d9 url(images/icon-involved.png) no-repeat 10px center; } aside div.side-block ul#explore li a.involved:hover { background: #c1d5e6 url(images/icon-involved.png) no-repeat 10px center; } aside div.side-block ul#explore li a.funders { background: #f3f2d9 url(images/icon-funders.png) no-repeat 12px center; } aside div.side-block ul#explore li a.funders:hover { background: #c1d5e6 url(images/icon-funders.png) no-repeat 12px center; } /*Tag Cloud*/ aside div.side-block #tag-cloud, aside div.side-block #countries { margin-bottom: 15px; } aside div.side-block #tag-cloud a, aside div.side-block #archives a { display: inline-block; background: #567b9a; color: #fff; font-weight: 300; font-size: 13px !important; padding: 5px 7px; border-radius: 6px; border: 1px solid #304455; margin: 0 2px 5px 0; } aside div.side-block #tag-cloud a:hover, aside div.side-block #archives a:hover { background: #e89c0a; } aside div.side-block #archives ul li { display: inline-block; margin: 0; line-height:22px; } aside div.side-block #archives ul { margin-left: 0; } /*Resources Filtering*/ #cnd-navigation ul li { cursor: pointer; } #cnd-navigation .ui-state-active { background: #cdddeb; padding: 0 5px; } #cnd-navigation h3 { background: none; border: none; padding: 0; margin: 0 0 1px 0; } #cnd-navigation #cnd-popular { border-top: 1px solid #c1d5e6; margin: 10px 0 0 0; padding: 15px 0 0 0; } #cnd-navigation #cnd-popular h3 { display: none; } #cnd-navigation #cnd-popular ul { margin: 0; } ul.cnd-list li.popular { display: block; color: #567b9a; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #f3f2d9 url(images/icon-popular.png) no-repeat 11px 7px; text-align: left; border: 1px solid #c1c976; border-radius: 5px; padding: 10px 10px 8px 43px; } ul.cnd-list li.popular:hover { background: #c1d5e6 url(images/icon-popular.png) no-repeat 11px 7px; border: 1px solid #607382; } /*Buttons*/ a.button { text-align: center; color: #567b9a; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #f3f2d9; border: 1px solid #c1c976; border-radius: 5px; padding: 10px 10px 8px 10px; } a.button:hover { background: #c1d5e6; border: 1px solid #607382; } aside a.button { display: block; text-align: center; color: #567b9a; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #f3f2d9; border: 1px solid #c1c976; border-radius: 5px; padding: 10px 10px 8px 10px; } aside a.button:hover { background: #c1d5e6; border: 1px solid #607382; } a.button.popular { background: #f3f2d9 url(images/icon-popular.png) no-repeat 11px 7px; text-align: left; padding-left: 43px; } a.button.popular:hover { background: #c1d5e6 url(images/icon-popular.png) no-repeat 11px 7px; } a#get-in-touch.button { background: #f3f2d9 url(images/icon-contact.png) no-repeat 17px 9px; padding-left: 39px; } a#get-in-touch.button:hover { background: #c1d5e6 url(images/icon-contact.png) no-repeat 17px 9px; padding-left: 39px; } /*Selects*/ select.preaty-select, aside div.side-block select { background: #fff; height: 35px; line-height: 35px; width: 100%; border: 1px solid #cdddeb; border-radius: 6px; margin-bottom: 15px; padding: 0 10px; -webkit-appearance: button; -webkit-padding-end: 20px; -webkit-padding-st/////art: 2px; -webkit-user-select: none; background: #fff url(images/select-arrow.png) no-repeat right center; } @-moz-document url-prefix() { /*style selects differently in firefox*/ select.preaty-select, aside div.side-block select { height: auto; padding: 10px; background: #fff url(images/select-arrow.png) no-repeat right center; } } select.preaty-select:focus, aside div.side-block select:focus { outline: none; } /*Newsletter*/ #email-signup label { color: #4B5E6E; } #email-signup input#email-input { background: white; border: 1px solid #CDDDEB; border-radius: 5px; width: 100%; height: 35px; line-height: 35px; padding: 0 10px; color: #364A5B; font-style: italic; margin-bottom: 20px; } #email-signup input#submit { display: block; text-align: center; color: #567B9A; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #F3F2D9; border: 1px solid #C1C976; border-radius: 5px; padding: 10px 10px 8px 10px; width: 100%; font-family: "nonexistantfont-exmuseosans"; } /* -------------------------------------- */ /* sidebar.php -> About Us Menu */ /* -------------------------------------- */ .accordion a.dcjq-parent.active .dcjq-icon {background: url(/wp-content/themes/mft/images/arrow_black_down.png) no-repeat 0 center;} /* Button styles */ .side-block > .menu > li > a { display: block; text-align: left; color: #567b9a; font-weight: 900; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; background: #f3f2d9; border: 1px solid #c1c976; border-radius: 5px; padding: 8px 10px 6px 10px; padding-left: 42px; } .side-block > .menu > li > a:hover { text-decoration:none; } .side-block > .menu > li.current-menu-item > a { background: #CFDBE2; border: 1px solid #7B8D7E; } .side-block > .menu > li > a:hover { background: #c1d5e6; border: 1px solid #607382; } /* Button spacing */ .side-block > ul.menu { margin: 0; list-style-type:none; } .side-block > ul.menu > li { margin-bottom: 10px; } .side-block > ul.menu > li:last-child { margin: 0; } /* Child Menu */ .side-block > ul.menu .sub-menu { margin:5px 0 15px 35px; list-style:disc; display:none; } .side-block > .menu > li.current-menu-item .sub-menu { display:block; } .side-block > ul.menu .sub-menu a { color:#567B9A; margin-left:7px; } .side-block > ul.menu .sub-menu a:hover { color: #585858; } .side-block > ul.menu .sub-menu li.current-menu-item a { font-weight:bold; color:#585858; } /* About Us Icons */ .side-block-aboutus > .menu > li:nth-child(1) > a { background-image: url(/wp-content/themes/mft/images/icon-info.png); background-repeat: no-repeat; background-position: 10px center; } .side-block-aboutus > .menu > li:nth-child(2) > a { background-image: url(/wp-content/themes/mft/images/icon-what.png); background-repeat: no-repeat; background-position: 10px center; } .side-block-aboutus > .menu > li:nth-child(3) > a { background-image: url(/wp-content/themes/mft/images/icon-who.png); background-repeat: no-repeat; background-position: 10px center; } .side-block-aboutus > .menu > li:nth-child(4) > a { background-image: url(/wp-content/themes/mft/images/icon-involved.png); background-repeat: no-repeat; background-position: 10px center; } .side-block-aboutus > .menu > li:nth-child(5) > a { background-image: url(/wp-content/themes/mft/images/icon-funders.png); background-repeat: no-repeat; background-position: 10px center; } /* ================================================================================== */ /* == 8. BLOG ======================================================================= */ /* ================================================================================== */ .blog article { overflow: hidden; } .blog article h2 { font-weight:normal; color: #567b9a; text-shadow: 0 2px 0px #e4e4e4; letter-spacing: 0px; font-size: 24px; line-height: 29px; margin: 0 0 1px 0; font-weight: 600; font-style: normal; } .blog article h2 a { color: #567b9a; } .blog article h2 a:hover { color: #585858; } .blog .resource article h2.popular a { background: url("images/star-16.png") no-repeat left center; padding: 0 0 0 20px;} .blog article .published { color: rgba(0,0,0,.3); font-size:12px; line-height: 12px; font-weight:bold; font-style:italic; margin:5px 0 10px 0; } .blog article .image-wrap { float: left; margin-bottom: 20px; } .blog ul li.resource .image-wrap { float: left; margin:0 20px 20px; } .blog article a.feature-thumb { display: block; border: 1px solid #bfc975; } .blog article a.feature-thumb:hover { border-color: #e89c0a; } .blog article .text { display: block; float: none; min-height: 100px; overflow: hidden; margin-bottom: 0px; } .blog article .text p { font-size: 14px; line-height: 19px; } .blog article .text a.view-post { font-family: "nonexistantfont-exmuseosans", sans-serif; font-weight: bold; } .blog article .meta-box { clear: both; overflow: hidden; background: #f4f4f4; border: 1px solid #d4d4d4; padding: 10px; border-radius: 5px; margin: 10px 0 40px 0; line-height: 14px; width: 100%;} .blog article .meta-box span.meta { border: none; float: left; padding: 0; margin: 2px 0 0 0; } .blog article .meta-box a, .blog article .meta-box iframe, #comment-bar a, #comment-bar iframe { float: right; height: 20px; line-height: 18px; } .blog article .meta-box a.twitter { display: block; background: url(images/share-tweet.png); width: 56px; height: 20px; text-indent: -9999px; margin-right: 10px; } .blog article .meta-box a.facebook { display: block; background: url(images/share-facebook.png); width: 60px; height: 20px; text-indent: -9999px; } .blog article .meta-box div.taxonomy-terms { min-width:48%; display:inline-block; margin: 0 0 0 0px; line-height: 21px; font-size:12px; } .blog article .meta-box.resources div.taxonomy-terms { min-width:48%; display:inline-block;} .blog article .meta-box div.taxonomy-terms > span { display: inline-block; *display: inline; zoom: 1; font-size: 13px; font-style: italic; color: #9f9f9f; margin-right: 5px;} .blog article .meta-box div.languages ul { display:inline-block; margin:0; padding:0;} .blog article .meta-box div.languages li { display: inline-block; *display: inline; zoom: 1; background: #dcdcdc; width: 29px; height: 21px; margin: 0px 10px -6px 0; } .blog article .meta-box div.languages li.english { background: url(images/flag-english.png); } .blog article .meta-box div.languages li.french { background: url(images/flag-french.png); } .blog article .meta-box div.languages li.spanish { background: url(images/flag-spanish.png); } .blog article .meta-box div.languages li.portuguese { background: url(images/flag-portuguese.png); } .blog article .meta-box div.languages li.kinyarwanda { background: url(images/flag-rwanda.png); } .blog article .meta-box div.languages li.all-other-languages { background: url(images/flag-other.png); } article img.feature-img { clear: both; margin-bottom: 20px; max-width: 615px !important; height: auto !important; } /*Pagination*/ .navigation { background: #e1e4c2; border: 1px solid #cbd18a; border-radius: 5px; padding: 10px 10px 8px 10px; color: #939a60; text-transform: uppercase; font-size: 16px; text-align: center; font-family: "nonexistantfont-exmuseosans", sans-serif; font-weight: 900; position: relative; overflow: hidden; } .cnd-pagination div { background: none; border: none; color: #567b9a; text-transform: uppercase; font-size: 16px; font-weight: 900; letter-spacing: 1px; } /*Blog Single*/ article span.meta { display: block; color: #9f9f9f; font-size: 13px; font-style: italic; font-family: "nonexistantfont-exmuseosans", sans-serif; padding: 5px 0; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; line-height: 17px; } article h2 { font-size: 20px; font-weight: bold; color: #567b9a; text-shadow: 0 2px 0px #e4e4e4; margin: 30px 0 15px 0; } /* CW changed 28-Apr - h2 was font-weight: 300 and font-style: italic*/ .blue-left, .blue-right, .blue-full { background-color: #ECF2F7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; font-size: 14px; line-height: 1.6em; } .blue-left { width: 260px; float: left; margin: 0 15px 25px 0; } .blue-right { width: 260px; float: right; margin: 0 0 25px 15px; } .blue-full { margin: 0 0 25px; clear: both; } .green-left, .green-right, .green-full { background-color: #F3F2D9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; font-size: 14px; line-height: 1.6em; } .green-left { width: 260px; float: left; margin: 0 15px 25px 0; } .green-right { width: 260px; float: right; margin: 0 0 25px 15px; } .green-full { margin: 0 0 25px; clear: both; } /*Downloads*/ .downloads { float: left; background: #f3f2d9; border: 1px solid #c1c976; border-radius: 6px; width: 170px; padding: 10px; margin: 0 20px 10px 0; font-family: "nonexistantfont-exmuseosans", sans-serif;} .downloads h3 { color: #939a60; text-transform: uppercase; font-size: 16px; line-height: 16px;background: url(images/file-pdf.png) no-repeat left center; margin: 0; padding-left: 40px; } .downloads em { display: block; margin: 10px 0 5px 0; } .downloads a { display: block; height: 21px; padding-left: 35px; margin-top: 10px; } .downloads a.English { background: url(images/flag-english.png) no-repeat; } .downloads a.Spanish { background: url(images/flag-spanish.png) no-repeat; } .downloads a.French { background: url(images/flag-french.png) no-repeat; } .downloads a.Portuguese { background: url(images/flag-portuguese.png) no-repeat; } .downloads a.Kinyarwanda { background: url(images/flag-rwanda.png) no-repeat; } .downloads a.Other { background: url(images/flag-other.png) no-repeat; } #table-news_wrapper .dataTables_filter { /* float:none !important; text-align: left !important;*/ } #table-news_wrapper .dataTables_length { /*float: none !important;*/ } #table-news .filter_column * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #table-news tr.columnFilter td { padding:0 !important; } #table-news tr.columnFilter input { height:12px; padding:2px; border-radius:3px; width: 90%; } #table-news tr.columnFilter select { width: 95%; } #table-news tr.columnFilter input.date { min-width:110px; } #table-news tr.columnFilter .filter_date_range input { max-width:65px; display:inline-block; } #table-news tr.columnFilter { /*font-size:10px;*/ } .view-as-table { margin-bottom:20px; } .news-resources-date-range label { width:45px; display:inline-block; } /* ================================================================================== */ /* == 9. RESOURCES ================================================================== */ /* ================================================================================== */ /*Resource Index*/ .resource-index h1 { text-align: center; margin-bottom: 20px; } #resource-intro { margin-bottom: 20px; font-family: "nonexistantfont-exmuseosans", sans-serif; font-weight: 300; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } /*Comments*/ #comment-bar { color: #797979; text-transform: uppercase; background: #f4f4f4; border: 1px solid #d4d4d4; padding: 10px; border-radius: 5px; overflow: hidden; margin: 20px 0; } #comment-bar h3#comments { float: left; } .commentlist > li { border-bottom: 1px solid #d4d4d4; padding-bottom: 5px; margin-bottom: 20px; } .commentlist > li:last-child { border: none; } .commentlist .comment-author cite { font-size: 16px; font-family: "nonexistantfont-exmuseosans", sans-serif; font-weight: 900; font-style: normal; letter-spacing: 1px; text-transform: uppercase; color: #6587a0; text-shadow: 0 2px 0px #e4e4e4; } .commentlist .comment-meta { margin: -2px 0 7px 0; } .commentlist .comment-meta a { color: #858585; font-size: 13px; font-family: "nonexistantfont-exmuseosans", sans-serif; } .commentlist .comment-author .says { display: none; } .commentlist .reply { display: none; } .commentlist .comment-author img { display: none; } #comment-bar a.twitter { display: block; background: url(images/share-tweet.png); width: 56px; height: 20px; text-indent: -9999px; margin-right: 10px; } #comment-bar a.facebook { display: block; background: url(images/share-facebook.png); width: 60px; height: 20px; text-indent: -9999px; } #respond { background: #f4f4f4; border: 1px solid #d4d4d4; padding: 10px; border-radius: 5px; overflow: hidden; } #respond h3 { color: #797979; text-transform: uppercase; margin-bottom: 20px; } #respond p { margin: 0; } #respond p.logged-com { color: #6587a0; font-family: "nonexistantfont-exmuseosans", sans-serif; font-size: 15px; margin-bottom: 20px; } #respond p.logged-com a { color: #6587a0; } #respond p.responder { /*float: left; width: 191px;*/ margin-bottom: 20px;} #respond label { display: inline-block; color: #6587a0; font-family: "nonexistantfont-exmuseosans", sans-serif; font-size: 15px; } #respond input, #respond textarea { background: #fff; border: 1px solid #d4d4d4; border-radius: 5px; padding: 10px; margin-top: 5px; } #respond p.responder label { min-width: 120px; width: 29%} #respond p.responder input { display: inline-block; width: 70%; } @media (max-width: 692px) { #respond p.responder input { display: inline-block; width: 100%; } } #respond textarea { width: 100%; } #respond input#submit { display: block; margin: 20px auto 10px auto; color: #567b9a; font-family: "nonexistantfont-exmuseosans", sans-serif; letter-spacing: 1px; font-weight: 900; text-transform: uppercase; font-size: 16px; background: #f3f2d9 url(images/icon-comment.png) no-repeat 17px center; border: 1px solid #c1c976; border-radius: 5px; padding: 0 0 0 53px; width: 240px; height: 35px; line-height: 35px; text-align: left; } #respond input#submit:hover { background: #c1d5e6 url(images/icon-comment.png) no-repeat 17px center; border: 1px solid #607382; } /*Pagination*/ .waiting-for-results { text-align: center; } .cnd-pagination { background: #e1e4c2; border: 1px solid #cbd18a; border-radius: 5px; padding: 10px 10px 8px 10px; color: #939a60; text-transform: uppercase; font-size: 16px; text-align: center; font-family: "nonexistantfont-exmuseosans", sans-serif; position: relative; overflow: hidden; } .cnd-pagination span.results { } .cnd-pagination button { background: none; border: none; color: #567b9a; text-transform: uppercase; font-size: 16px; font-weight: 900; letter-spacing: 1px; position: absolute;} .cnd-pagination button.next { right: 10px; top: 10px; } .cnd-pagination button.previous { left: 10px; top: 10px; } /* ================================================================================== */ /* == 10. PRICING PAGES ============================================================= */ /* ================================================================================== */ .pricing-page-title { text-align:center; /* border:1px solid #6084A1; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#ECF2F7)); background: -webkit-linear-gradient(top, #ECF2F7, #FFFFFF); background: -moz-linear-gradient(top, #ECF2F7, #FFFFFF); background: -ms-linear-gradient(top, #ECF2F7, #FFFFFF); background: -o-linear-gradient(top, #ECF2F7, #FFFFFF); padding: 10px; border-radius: 5px; */ margin-bottom: 30px; } .pricing-page-sidebar { } #post-content { padding: 10px; } #post-content .collapseomatic , #content .collapseomatic { background-image: none !important; } /* to remove the original image added by collapseomatic styles, and add our own (problem only on IE */ #post-content .collapseomatic , #content .collapseomatic { /* for the page /mftransparency-training-videos/ */ display:block; padding:10px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)) !important; background: -webkit-linear-gradient(top, #EEEEEE, #FFFFFF) !important; background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF) !important; background: -ms-linear-gradient(top, #EEEEEE, #FFFFFF) !important; background: -o-linear-gradient(top, #EEEEEE, #FFFFFF) !important; border: 1px solid #CCCCCC; border-bottom:0; font-weight: bold; } #post-content span.last-expand , #content span.last-expand { border-bottom:1px solid #CCCCCC; } #post-content .collapseomatic:before , #content .collapseomatic:before { content:url(images/arrow-down.png); margin-right:8px;} #post-content .colomat-close:before , #content .colomat-close:before { content:url(images/arrow-up.png); } #post-content .collapseomatic_content , #content .collapseomatic_content { margin:0; padding:10px; border:1px solid #CCCCCC; border-bottom:0; } #post-content div.last-expand , #content div.last-expand { border-bottom:1px solid #CCCCCC; border-top:0; } #pricing-data-btn-ctr { text-align:center; margin:30px 0; } #country_stats td { vertical-align:middle; } #sidebar-til #country_stats td { vertical-align:top; width:50%;} .country_stats_sr { height:15px; } #country_stats { width:100%; } .country_stat { padding-right: 5px; } /* Pricing table, repeated on bootstrap-tiltpages.css */ .pricing-table { font-size:11px; width:100%; border:1px solid #71764A; border-top:0;} .pricing-table thead tr { border-bottom:1px solid #71764A; /*background-color: #e6EEEE;*/} .pricing-table thead tr th { border-right: 1px solid #ccc; } .pricing-table thead tr th:last-child { border-right: inherit; } .pricing-table td { text-align:center; border:1px solid #ddd; padding:3px; } .pricing-table td:first-child { border-left:inherit; } .pricing-table td:last-child { border-right:inherit; } .pricing-table tr:first-child td { border-top: inherit; } .pricing-table tr:last-child td, .pricing-table .not-participating td:nth-child(3), .pricing-table .not-participating td[colspan] { border-bottom: inherit; } .pricing-table th { text-align:center; /*border:1px solid #ddd;*/ padding:3px; border-top:0; } .pricing-table tr.declined td.participating, .pricing-table tr.declined td.age, .pricing-table tr.non-participating td.participating, .pricing-table tr.non-participating td.age { background: #FFe2e2; } .pricing-table tr.in-progress td.participating, .pricing-table tr.in-progress td.age { background: #faffa7; } .pricing-table td.current { background: #e2FFe2; } .pricing-table td.out_of_date1 { background:#FFFFe9; font-weight:300; } .pricing-table td.out_of_date2 { background:#FFe2e2; font-weight:300; } .pricing-table td.not-participating { background:#E3E3E3; font-style:italic; font-weight:300; } .pricing-table tr.not-participating, .global-regulation tr.no-regulation{ background:#E3E3E3;vertical-align:middle; } .pricing-table td.status { vertical-align:middle; } .google-visualization-tooltip-item { list-style-type:none; } .stats-table { width: 100%;} .stats-table > div, .stats-table > div > div { width: 50%; float: left; margin:0 !important;} .stats-table .stat-val { width: auto; min-width:50px; float: left; font-size:3.5em; line-height: 1em; padding:0.032%; padding-right:3%;} .stats-table .stat-val .stat-dimension { font-size:0.6em; text-align:right; } .stats-table .stat-desc { width: 100%; float: none; font-size:0.9em; line-height:0.9em; padding:1% 0.32%; display:block; } .stats-table > div:first-child { width: 42%; } .stats-table > div:last-child { width: 58%; } .stats-table > div > div:nth-child(1) { width: 45%; } .stats-table > div > div:nth-child(2) { width: 55%; } .stats-table > div > div:nth-child(1) { width: 48%; } .stats-table > div > div:nth-child(2) { width: 52%; } @media screen and (max-width: 735px) { .stats-table .stat-val { float:none; } } @media screen and (max-width: 520px) { .stats-table > div { width: 100% !important; } .stats-table .stat-val { float:left; font-size:3em;} } @media screen and (max-width: 420px) { .stats-table .stat-val { float:none; } } #sidebar-global-pricing { margin-top: 20px; } /* ================================================================================== */ /* == 11. SEARCH ==================================================================== */ /* ================================================================================== */ .query-term { background-color:#FFFF77; font-weight:bold; padding:0 2px; } /* ================================================================================== */ /* == 12. FOOTER ==================================================================== */ /* ================================================================================== */ footer { background: #46647e url(images/bg-header.png); /*overflow: hidden; why?*/ color: #e5e5e5; text-shadow: 0px 1px 1px #304455; font-family: "nonexistantfont-exmuseosans", sans-serif; display:block; margin-top: 30px; } footer #footer-top { background: #7a8e9f url(images/bg-nav.png) repeat-x; height: 52px; line-height: 56px; text-align: center; color: #304455; text-shadow: 0px 1px 0px rgba(255,255,255,0.2); font-size: 18px; font-weight: 900; text-transform: uppercase; position: relative;} footer #footer-middle { padding: 30px 0 40px 0; } footer .col:nth-child(2) { padding: 0 25px 50px 25px; } @media ( max-width : 768px ) { footer .col:nth-child(2) { padding: 25px 0; } } footer .col { font-size: 13px; } footer .col h3 { font-size: 18px; border-bottom: 1px solid; letter-spacing: 0px; padding-bottom: 5px; margin-bottom: 15px; font-weight:normal; } footer .col ul { margin: 0; padding: 0; list-style: none; } footer .col ul li { float: left; width: 50%; margin-bottom: 10px; } footer .col ul li a { color: #fff; } footer .col ul li a:hover { color: #dcdcdc; } footer #footer-middle ul#footer-social { clear: both; text-align: center; padding-top:20px; } footer #footer-middle ul#footer-social li { display: inline-block; *display: inline; zoom: 1;} footer #footer-middle ul#footer-social li a { display: block; width: 140px; height: 62px; text-indent: -9999px; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } footer #footer-middle ul#footer-social li a#footer-rss { background: url(images/icon-rss.png) no-repeat center top; } footer #footer-middle ul#footer-social li a#footer-twitter { background: url(images/icon-twitter.png) no-repeat center top; } footer #footer-middle ul#footer-social li a#footer-facebook { background: url(images/icon-facebook.png) no-repeat center top; } footer #footer-middle ul#footer-social li a:hover { background-position: center bottom !important;} footer #footer-bottom { background: url(images/bg-footer-bottom.png) repeat-x 0 top;color: #e0e3c1; font-size: 13px; padding: 30px 0; } footer #footer-bottom a { color: #e0e3c1; } footer #footer-bottom p { font-weight: bold; margin: 0; color: #c1d5e6; } footer #footer-bottom ul { clear: both; font-size: 11px; color: #c1d5e6; } footer #footer-bottom ul li { display: inline; border-right: 1px solid; padding-right: 15px; margin-right: 8px; } footer #footer-bottom ul li:last-child { border: none; } footer #footer-bottom ul li a { color: #c1d5e6; } /* ================================================================================== */ /* == 13. MOBILE & PRINT ============================================================ */ /* ================================================================================== */ /*MEDIA QUERIES FOR MOBILE STYLES*/ @media only screen and (min-width: 480px) {} @media only screen and (min-width: 768px) {} @media only screen and (min-width: 992px) {} @media only screen and (min-width: 1382px) {} /*PRINT STYLES*/ @media print{ *{background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a{text-decoration:underline}a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after{content:""}a[href^="javascript:"]:after{content:""}a[href^="#"]:after{content:""}pre{border:1px solid #999;page-break-inside:avoid}blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr{page-break-inside:avoid}img{page-break-inside:avoid;max-width:100%!important}@page{margin:.5cm}p{orphans:3;widows:3}h2{orphans:3;widows:3;page-break-after:avoid}h3{orphans:3;widows:3;page-break-after:avoid} } /* ================================================================================== */ /* == 14. TYPOGRAPHY ================================================================ */ /* ================================================================================== */ article h1 { margin: 20px 0; } article h1.post-title { margin: 0 0 20px; } article h2 { color: #6084A1; font-size:26px; margin-bottom: 20px; line-height: 1.1em; } article h3 { text-transform: uppercase; color: #939A60; font-size: 22px; margin: 20px 0; } p.wp-caption-text { padding: 15px 30px 15px 20px; background: #E4E4E4; font-size: 11px; line-height: 1.6em; color: #333; } article ul { list-style-type: none !important; margin-left: 45px; font-size: 13px; margin-bottom: 20px;} article ol { list-style-type: decimal !important; margin-left: 45px; font-size: 13px; margin-bottom: 20px;} blockquote { background: #ECF2F7; padding: 20px; border-radius: 5px; font-size: 13px; line-height: 1.6em; color: #4B5E6E; margin-bottom: 25px; font-family: nonexistantfont-exmuseosans, sans-serif; font-size: 18px; font-style: italic; } blockquote p { margin-bottom: 0 !important;} /* ================================================================================== */ /* == 15. ENDORSEMENTS ============================================================== */ /* ================================================================================== */ .dataTable thead { font-weight: bold; border-bottom: 1px solid #000; } .dataTables_length, .dataTables_filter { margin-bottom: 20px; } .dataTable td.name { width: 230px; } .dataTable td.title { width: 190px; } .dataTable td.date { width: 90px; } .dataTables_wrapper input[type=text], .dataTables_wrapper select { color: #6b6b6b; } span.details_open { width:20px; height:20px; background-image: url("images/details_open.png"); display:block; cursor:pointer; } span.details_close { width:20px; height:20px; background-image: url("images/details_close.png"); display:block; cursor:pointer; } td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; } table.expandedInfo { padding-left:50px; } /* ================================================================================== */ /* == 1.16 Table sorter CSS ========================================================= */ /* ================================================================================== */ /* tables */ table.tablesorter { font-family:arial; background-color: #CDCDCD; /*margin:10px 0pt 15px;*/ font-size: 8pt; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; /*border: 1px solid #FFF;*/ font-size: 8pt; padding: 4px; } table.tablesorter thead tr .header { background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right:15px; } table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } table.tablesorter thead tr .headerSortUp { background-image: url(images/asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(images/desc.gif); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; } /* ================================================================================== */ /* == 17. Truth In Lending Gloabl Page ============================================== */ /* ================================================================================== */ .trut-in-leading-global-page .post-content h1 { text-align: center; } .trut-in-leading-global-page .post-content p { text-align: justify; } .trut-in-leading-global-page h2 { text-align: center; margin-bottom: 20px; } table.global-regulation { border: 1px solid #939a60; border-radius: 5px 5px 5px 5px; overflow:hidden; /* needed for the radius to work */ border-collapse:separate; /*border-collapse: collapse; with this the border radius dones'nt work well'*/ font-size:12px; } table.global-regulation thead { /*background-color:#D4D0B7; espantoso*/ background-color: #e1e4c2; /*text-transform: uppercase;*/ /*font-size: 16px;*/ color: #939a60; border-bottom: 1px solid #939a60; margin-bottom: 0px; } table.global-regulation thead th { border: 0; border-right: 1px solid #939a60; border-bottom: 1px solid #939a60; padding:5px; } table.global-regulation td { border-collapse: collapse; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:5px; vertical-align: middle; } table.global-regulation thead th:last-child, table.global-regulation td:last-child { border-right: 0; } table.global-regulation thead tr:last-child th:last-child { border-right: 1px solid #939a60; } table.global-regulation tbody { border-collapse: collapse; /*background-color:#E5EED6;*/ } /* Boxes at the bottom of the global TIL / Regulation page */ .global-til .download-til-table, .global-til .links-external-resources{ width: 49%; float: left; min-height: 300px; /*background: #BACFED;*/ background: #ecf2f7; /*background: #c1d5e6;*/ border: 1px solid #6084a1; border-radius: 5px; } .global-til .download-til-table { padding: 5px 10px; margin-right:1%; /*border-right:0; border-radius: 5px 0 0 5px;*/ } .global-til .links-external-resources { padding: 5px 10px; margin-left:1%; /*border-left:0; border-radius: 0 5px 5px 0;*/} .global-til .download-til-table h2 { margin: 10px 0; } .global-til .download-til-table a { display:inline-block; } .global-til .links-external-resources { border:0; border-radius:0; padding:0; } .global-til .links-external-resources h2{ margin: 0; text-align: center; color: #333; text-shadow: none; font-size: 20px; line-height: 1em; padding:5px; background-color: #CFDF71; /*BDE589 CFDF71 B6CE89;*/ font-size: 14px; color: #000; font-weight: 700; text-transform: uppercase; background: #c1d5e6; border: 1px solid #6084a1; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 10px 8px 10px; } .global-til .links-external-resources .border { border: 1px solid #6084a1; border-top:0; min-height: 266px; /* 300 - 34 */ padding:10px; border-radius: 0 0 5px 5px; } @media (max-width:750px) { .global-til .download-til-table, .global-til .links-external-resources { margin: 5px 0; width: 100%; min-height:0; border-radius: 5px; } .global-til .links-external-resources .border { min-height: 0; } } .global-til .download-til-table p { /*color:#D75920;*/ /* font-weight: bold;*/ } .global-til .download-til-table .disclaimer { text-transform:uppercase; font-weight: bold; color:#000; } .global-til .links-external-resources { color:#000; } .global-til .links-external-resources ul { } .global-til .links-external-resources ul li { list-style-type: disc; } .global-til .links-external-resources ul li a { color: #e09606; font-family: serif;} /* ================================================================================== */ /* == 1.18 Truth In Lending SINGLE ============================================= */ /* ================================================================================== */ aside#sidebar-til { } .single-truth-in-lending-countrybox article { /* width:65%; float: left;*/ } .single-truth-in-lending-countrybox h1 { text-align: center; margin-bottom:30px; } .single-truth-in-lending-countrybox article ul { list-style-type: disc !important; } .single-truth-in-lending-countrybox article .section-1a, .single-truth-in-lending-countrybox .section-1b { width: 64%; } .postid-13619 .single-truth-in-lending-countrybox article p { margin-bottom:20px; } @media (max-width: 630px) { .single-truth-in-lending-countrybox article .section-1a, .single-truth-in-lending-countrybox .section-1b { width:100%; } } .single-truth-in-lending-countrybox article .section-1a h2 { margin-top: 0px; } .single-truth-in-lending-countrybox h3 { font-size: 14px; color: #000; font-weight: 700; text-transform: uppercase; } .single-truth-in-lending-countrybox .section-1a .section-content { background-color: #E9F0DD; padding: 10px; } .single-truth-in-lending-countrybox .section-1b .section-content { background-color: #DBE4EF; padding: 10px; } .single-truth-in-lending-countrybox .formula { background-color: #E9F0DD; } .single-truth-in-lending-countrybox .formula .national-formula { background-color: #C2D49D; padding: 10px; } .single-truth-in-lending-countrybox .section-1c-description { width: 34%; float: left; padding-right: 10px; } .single-truth-in-lending-countrybox .section-1c-description .section-content { background-color: #E9F0DD; padding: 10px; } .single-truth-in-lending-countrybox .section-1c-formula { width: 66%; float: left; padding-left: 10px; } .single-truth-in-lending-countrybox .section-1c-formula .section-content { background-color: #E9F0DD; padding: 10px; } .single-truth-in-lending-countrybox .section-1c-components { background-color: #C2D49D; padding: 10px; } .single-truth-in-lending-countrybox .section-1c-components-included , .single-truth-in-lending-countrybox .section-1c-components-escluded { width: 50%; float: left; background-color: #E9F0DD; padding: 10px; } .single-truth-in-lending-countrybox .section-1c-components-included h3, .single-truth-in-lending-countrybox .section-1c-components-escluded h3 { color: #e36c0a; } .single-truth-in-lending-countrybox .section-1c-enforcement-mechanism { clear: both; width: 100%; display:block; background-color: #C2D49D; padding: 10px; } .single-truth-in-lending-countrybox .section-2a .pricing-patterns { background-color: #C2D49D; padding: 10px; } .single-truth-in-lending-countrybox .section-2a .section-content { background-color: #C2D49D; padding: 10px; } .single-truth-in-lending-countrybox .section-2a .section-content img { float:right; } @media (max-width: 800px) { .single-truth-in-lending-countrybox .section-2a .section-content img { float: none !important; display: block !important; } } #cct-home-country-selectors { width:100%; } #cct-home-country-selectors select { width:160px; margin-bottom:0 !important; } /* cross comparison tool cct, home page */ .page-id-14746 #content article ul { list-style-type: circle !important; }