/* Theme Name: inacol Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0-wpcom License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: inacol Domain Path: /languages/ Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. inacol is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /* iNACOL MAIN STYLESHEET TITLES font-family:'Utopia W01 Regular'; font-family:'Utopia W01 It'; MAIN TEXT font-family:'Aktiv Grotesk W01 Regular'; font-family:'Aktiv Grotesk W01 Italic'; font-family:'Aktiv Grotesk W01 Bold1370651'; font-family:'Aktiv Grotesk W01 Bold Italic'; TODO: png replace and test for footer icons */ /* Moved reset.css here into the main sheet */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset 2.0 - Typography 3.0 - Elements 4.0 - Forms 5.0 - Navigation 5.1 - Links 5.2 - Menus 6.0 - Accessibility 7.0 - Alignments 8.0 - Clearings 9.0 - Widgets 10.0 - Content 10.1 - Posts and pages 10.2 - Asides 10.3 - Comments 11.0 - Infinite scroll 12.0 - Media 12.1 - Captions 12.2 - Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, svg, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } a img { border: 0; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 12px; font-size: 1.2rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ a { color: royalblue; } a:visited { color: purple; } a:hover, a:focus, a:active { color: midnightblue; } /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; left: 0; position: absolute; top: 1.5em; z-index: 99999; } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a { } .main-navigation ul ul :hover > a { } .main-navigation ul ul a:hover { } .main-navigation ul li:hover > ul { display: block; } .main-navigation .current_page_item a, .main-navigation .current-menu-item a { } /* Small menu */ .menu-toggle { display: none; } @media screen and (max-width: 600px) { .menu-toggle, .main-navigation.toggled .nav-menu { display: block; } .main-navigation ul { display: none; } } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .sticky { } .hentry { margin: 0 0 1.5em; } /* .byline, .updated { display: none; } */ .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { } /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption {} /* End reset.css */ /* Moved libraries.css into this main sheet */ .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff; } .sidr .sidr-inner{padding:0 0 15px } .sidr .sidr-inner>p{margin-left:15px;margin-right:15px } .sidr.right{left:auto;right:-260px } .sidr.left{left:-260px;right:auto } .sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px; } .sidr p{font-size:13px;margin:0 0 12px } .sidr p a{color:rgba(255,255,255,0.9) } .sidr>p{margin-left:15px;margin-right:15px } .sidr ul{display:block;margin:0 0 15px;padding:0; } .sidr ul li{display:block;margin:0;line-height:48px; } .sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff } .sidr ul li a:hover, .sidr ul li.sidr-class-current-menu-item > a { color: #3389C3; } .sidr ul li ul{border-bottom:none;margin:0 } .sidr ul li ul li{line-height:40px;font-size:13px } .sidr ul li ul li:last-child{border-bottom:none } .sidr ul li ul li a,.sidr ul li ul li span{padding-left:30px } .sidr form{margin:0 15px } .sidr label{font-size:13px } .sidr input[type=checkbox]{width:auto;display:inline;clear:none } .sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff } .sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9) } /* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(images/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(images/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(images/chosen-sprite.png) no-repeat 100% -20px;background:url(images/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:15px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(images/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(images/chosen-sprite.png) no-repeat -30px -20px;background:url(images/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(images/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /* End libraries.css */ html { background-color: #d9dddf; -moz-osx-font-smoothing: grayscale; } body { background-color: #fff; font-family:'Aktiv Grotesk W01 Regular', sans-serif; font-weight: 200; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inner { width: 1130px; margin: 0 auto; position: relative; } #content { min-height: 400px; } #content #primary .inner { width: 1130px; margin: 0 auto; } body.admin-bar { margin-top: -32px !important; } body.admin-bar #masthead { top: 32px; } body.admin-bar #page { padding-top: 148px; } .compose-mode #masthead { position: static; } .compose-mode #page { padding-top: 0px; } a, a:active, a:visited { transition: background-color .3s, color .3s, opacity .3s; color: #3991e1; text-decoration: none; } a:hover { color: #28659d; } a svg path, a svg rect { transition: background-color .3s, color .3s, opacity .3s, fill .3s; } img { -webkit-backface-visibility: hidden; } a img { transition: opacity .3s; } a:hover img { opacity: .4; } #page { padding-top: 170px; } /* Temporarily modified for symposium banner. Revert to 116px when removed. */ #content { position: relative; } #content h1 { font-size: 46px; line-height: 50px; color: #2f3438; font-family:'Utopia W01 Regular', serif; margin-bottom: 12px; } #content h2 { font-size: 36px; line-height: 38px; color: #2f3438; font-family:'Utopia W01 Regular', serif; margin-bottom: 15px; } #content h3 { font-size: 28px; line-height: 30px; color: #2f3438; font-family:'Utopia W01 Regular', serif; margin-bottom: 15px; } #content h4 { font-size: 16px; line-height: 18px; color: #2f3438; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; text-transform: uppercase; margin-bottom: 15px; } #content .vc_separator h4 { margin: 0; } #content .vc_separator.highlight h4 { background: #0094dc; margin: 20px 0; padding: 18px 36px 0 36px; text-align: center; color: #fff; } #content .vc_separator.highlight h4::after { content: " "; display: block; width: 100%; margin: 18px 0 -17px 0; height: 17px; background: url(images/box-corner.png) center bottom no-repeat; } #content h5 { font-size: 16px; line-height: 26px; color: #2f3438; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 15px; } #content h6 { font-size: 14px; line-height: 20px; color: #2f3438; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 15px; } #content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { color: #2f3438; } #content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover { color: #3991e1; } .archive #content h1.page-title { color: #2f3438; font-size: 26px; line-height: 32px; text-transform: uppercase; color: #7a7d80; } #content p { color: #7a7d80; font-size: 16px; line-height: 26px; margin-bottom: 18px; } #content p.upperbold { text-transform: uppercase; font-size: 12px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 7px; } #content .whitetext p, #content .whitetext p.callout, #content .whitetext h1, #content .whitetext h2, #content .whitetext h3, #content .whitetext h4, #content .whitetext ul li, #content .whitetext label { color: #fff !important; } #content .whitetext h1 a, #content .whitetext h2 a, #content .whitetext h3 a, #content .whitetext h4 a, #content .whitetext h5 a, #content .whitetext h6 a { color: #fff !important; } #content p.callout { color: #2f3438; font-size: 22px; line-height: 32px; } #content p.caption { font-size: 13px; line-height: 20px; margin: -20px 0 14px; } #content p img { width:auto; max-width:100%; height:auto; } #content ul, #content ol { margin-bottom: 15px; } #content ul li { color: #7a7d80; font-size: 16px; line-height: 26px; } #content ol li { color: #7a7d80; font-size: 16px; line-height: 26px; } #content blockquote { margin: 0px; padding: 0 0 0 75px; background: transparent url(images/bg-blockquote.png) left top no-repeat; } #content blockquote p { color: #085285; font-size: 36px; line-height: 46px; font-family:'Utopia W01 It', serif; } #content hr { background-color: #e6eaed; clear: both; margin-bottom: 18px; } #content .hentry { margin-bottom: 0px; } #content .clear { clear: both; } ul.menu { list-style-type: none; margin: 0px; } #content .policy ul { margin: 0 0 1.5em 1.3em; } /*#content .policy ol { counter-reset: policy-counter; margin: 0 0 0 20px; } #content .policy li {padding: 0 0 20px 20px; } #content .policy ol li:before { content: counter(policy-counter); counter-increment: policy-counter; position: absolute; left: 28px; display: inline-block; padding: 0px 8px; background: #0094dc; color: #fff; text-align: center; }*/ #content #breadcrumbs { padding: 13px 0; } #content #breadcrumbs .breadcontent { color: #7a7d80; font-size: 12px; } #content #breadcrumbs .breadcontent a { color: #afb1b3; } #content #breadcrumbs .breadcontent a:hover { color: #7a7d80; } #content.sneaky-breadcrumbs #breadcrumbs { position: absolute; top: 0px; left: 0px; z-index: 99; width: 100%; } #content.sneaky-breadcrumbs .entry-content { margin: 0px; } #content.sneaky-breadcrumbs #breadcrumbs .breadcontent { color: #fff; font-size: 12px; } #content .promo-boxes h3 { font-size: 24px; line-height: 28px; } #content img { vertical-align: bottom; } #icon-search { height: 200px; width: 200px; } a:hover #icon-search path { fill: red; } /* HEADER */ #masthead { height: 115px; background-color: #fff; position: fixed; width: 100%; z-index: 999; top: 0px; box-shadow: 0px 0px 3px #e3e3e3; } #masthead a#toggle-nav { display: none; } #masthead #pre-header { background-color: #fff; height: 35px; width: 100%; text-align: right; padding-top: 10px; border-bottom: 1px solid #e6eaed; } #masthead #pre-header ul#menu-auxiliary-navigation { float: right; } #masthead #pre-header ul#menu-auxiliary-navigation li { float: left; display: inline-block; margin-left: 50px; } #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-login { padding-left: 10px; background: transparent url(images/icon-lock.svg) left center no-repeat; background-size: 7px 7px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .no-svg #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-login { background-image: url(images/icon-lock.png); } #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-logout { padding-left: 10px; background: transparent url(images/icon-lock.svg) 10px center no-repeat; background-size: 7px 7px; margin-left: 10px; padding-left: 20px; border-left: 1px solid #7a7d80; } .no-svg #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-logout { background-image: url(images/icon-lock.png); } #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-welcome a { font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-renew { margin-left: 0px; border-left: 1px solid #7a7d80; margin-left: 10px; padding-left: 10px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; color: #D02C3C; display: block; font-size: 11px; text-transform: uppercase; text-decoration: none;} #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-renew a { font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; color: #D02C3C; } #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-logout { font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } #masthead #site-navigation ul li.only-mobile { display: none; } .logged-in #masthead #pre-header ul#menu-auxiliary-navigation li.menu-item-about-membership { display: none !important; } .logged-in .sidr-inner .sidr-class-menu-item-become-member { display: none !important; } #masthead #pre-header ul#menu-auxiliary-navigation li a { display: block; color: #7a7d80; font-size: 11px; text-transform: uppercase; text-decoration: none; } #masthead #pre-header ul#menu-auxiliary-navigation li a:hover { color: #2f3438; } #masthead .site-branding { padding-top: 16px; } #masthead .site-branding img { height: 51px; width: 183px; } #masthead .site-branding a:hover img { opacity: 1; } #masthead h1.site-title { display: none; } #masthead h2.site-description { display: none; } #masthead #site-navigation { width: auto; position: absolute; right: 0px; bottom: 0px; height: 59px; } #masthead #site-navigation ul { margin: 0px; padding: 0px; display: block; } #masthead #site-navigation ul li { float: left; display: inline-block; font-size: 22px; font-family:'Utopia W01 Regular', serif; } #masthead #site-navigation ul li a { padding: 14px 27px 19px 27px; color: #2f3438; white-space: nowrap; width: auto; } #masthead #site-navigation ul li a:hover { color: #3991e1; } #masthead #site-navigation ul li.current-menu-item > a, #masthead #site-navigation ul li.current-page-ancestor > a { color: #3991e1; } #masthead #site-navigation ul li ul { position: absolute; top: 61px; left: -50px; background-color: #f8f9fa; visibility: hidden; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; transition: 0s; border-top: 4px solid #3991e1; box-shadow: none; padding: 16px 6px; visibility: hidden; } #masthead #site-navigation ul li ul li { float: none; display: block; padding: 0px; padding: 0px; background-image: none; font-size: 14px; font-weight: 300; transition: .3s; font-family:'Aktiv Grotesk W01 Regular', sans-serif; } #masthead #site-navigation ul li ul li a { display: inline-block; padding: 5px 25px; min-width: 150px; color: #3991e1; } #masthead #site-navigation ul li ul li:hover > a { color: #28659d; } #masthead #site-navigation .menu-primary-navigation-container > ul > li:hover > ul { opacity: 1; visibility: visible; z-index: 99; -webkit-backface-visibility: hidden; transition: .3s; } /* #header #mainNav ul li:hover ul * { opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; } */ #masthead #site-navigation ul li.menu-item-search a { padding: 20px 0px 14px 27px; } .no-svg #masthead #site-navigation ul li.menu-item-search a { height: 20px; width: 20px; background: url(images/icon-search.png) center 20px no-repeat; } #masthead #site-navigation ul li.menu-item-search a svg { height: 20px; width: 20px; outline: none; } #masthead #site-navigation ul li.menu-item-search a svg path { fill: #2f3438; } #masthead #site-navigation ul li.menu-item-search a:hover svg path { fill: #3991e1; } #masthead #site-navigation ul li.menu-item-resources ul { width: 460px; overflow: hidden; } #masthead #site-navigation ul li ul li.menu-item-view-resources { margin-bottom: 15px; } #masthead #site-navigation ul li ul li.menu-item-resource-topics { display: inline-block; width: 230px; position: relative; } #masthead #site-navigation ul li:hover ul li.menu-item-resource-topics ul { position: static; border-top: 0px; padding-top: 0px; opacity: 1; transition: 0s; z-index: 0; margin-left: 0px; visibility: visible; padding-left: 0px; padding-bottom: 0px; } #masthead #site-navigation ul li ul li.menu-item-resource-topics ul li { } #masthead #site-navigation ul li ul li.menu-item-resource-topics > a { display: block; color: #000; font-weight: bold; cursor: text; } #masthead #site-navigation ul li ul li.menu-item-resource-types { display: inline-block; width: 200px; position: relative; } #masthead #site-navigation ul li:hover ul li.menu-item-resource-types ul { position: static; border-top: 0px; padding-top: 0px; opacity: 1; transition: 0s; z-index: 0; margin-left: 0px; visibility: visible; padding-left: 0px; padding-bottom: 0px; } #masthead #site-navigation ul li ul li.menu-item-resource-types ul li { } #masthead #site-navigation ul li ul li.menu-item-resource-types > a { display: block; color: #000; font-weight: bold; cursor: text; } /* #masthead #site-navigation ul li.menu-item-search a { text-indent: -9999px; background: #2f2f2f url(images/bg-nav-search.png) center center no-repeat; background-size: 35px auto; padding: 14px 0px 14px 17px; margin-left: 10px; } #masthead #site-navigation ul li.menu-item-search a:hover { background-color: #0066a4; } */ #masthead #search-form { display: none; background-color: #f8f9fa; padding: 20px 25px 20px 26px; position: absolute; top: 76px; right: 0px; z-index: 20; overflow: hidden; border-top: 4px solid #3991e1; } #masthead #search-form input.search-field { width: 200px; font-family:'Aktiv Grotesk W01 Regular', sans-serif; color: #7a7d80; } #masthead #search-form input.search-field::-ms-clear { display: none; } .search-form input:focus { outline: none; } input::-webkit-search-cancel-button { display:none; -webkit-appearance: none; } form.search-form, form.sidr-class-search-form { position: relative; display: inline-block; border: none; } form.search-form input.search-submit, input.sidr-class-search-submit { height: 100%; width: 30px; text-indent: -9999px; padding: 0px; background: transparent url(images/icon-search.svg) center center no-repeat !important; -webkit-appearance: none; display: block; position: absolute; right: 3px; top: 30%; box-shadow: none !important; border: none; height: 41%; opacity: .6; } .no-svg form.search-form input.search-submit, .no-svg input.sidr-class-search-submit { background-image: url(images/icon-search.png); background-attachment: fixed; } .site-main form.search-form { margin: 20px 0; } .search-overlay { visibility: hidden; opacity: 0; position: fixed; z-index: 1000; width: 100%; height: 100%; top: 0; background: rgba(255, 255, 255, 0.95); transition: opacity 0.5s; overflow: auto; overflow-y: auto; overflow-x: hidden; } .search-overlay span.overlay-close { position: absolute; top: 48px; right: 50px; text-indent: -9999em; background: url(images/icon-close.png) 0 0 no-repeat; width: 24px; height: 24px; cursor: pointer; } .search-overlay.search-open { visibility: visible; opacity: 1; } .search-overlay .search-container { width: 90%; margin: 12vh auto; } @media (min-width: 768px) { .search-overlay .search-container { width: 50%; } } .search-overlay .search-container #search-form form { position: relative; } .search-overlay .search-container #search-form form p, .search-overlay .search-container #search-form form label { font-size: 14px; line-height: 14px; } .search-overlay .search-container #search-form form p { margin-bottom: 0; } .search-overlay .search-container #search-form .search-input { background: transparent; border: none; font: 28px/36px 'Utopia W01 Regular', serif; font-style: italic; border-bottom: 2px solid #333332; color: #333332; width: 100%; padding: 9px 0; margin-bottom: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .search-overlay .search-container #search-form .search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #333332; font-style: italic; } .search-overlay .search-container #search-form .search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333332; font-style: italic; opacity: 1; } .search-overlay .search-container #search-form .search-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333332; font-style: italic; opacity: 1; } .search-overlay .search-container #search-form .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333332; font-style: italic; } @media (min-width: 768px) { .search-overlay .search-container #search-form .search-input { font-size: 48px; line-height: 56px; } } .search-overlay .search-container #search-form fieldset { border: none; padding: 10px 0 0 0; } .search-overlay .search-container #search-form .search-submit { position: absolute; right: 0; top: 7px; border: none; box-shadow: none; font-size: 0; color: #CCC482; background: transparent; width: inherit; height: inherit; margin: 0; background: url(images/icon-search2.png) 0 0 no-repeat; width: 33px; height: 32px;} .search-overlay .search-container #search-form .search-submit:before { font-size: 28px; } @media (min-width: 768px) { .search-overlay .search-container #search-form .search-submit { top: 30px; } .search-overlay .search-container #search-form .search-submit:before { font-size: 34px; } } .search-overlay .search-container .filter-option { margin-bottom: 4px; } .search-overlay .search-container .filter-option input[type='checkbox'] { margin-right: 12px; padding-top: 0 !important; } .search-overlay .search-container .search-cards-container { margin-top: 6vh; } .search-overlay .search-container .card .card-content { padding: 6px 16px 22px 16px; } @media (min-width: 568px) { .search-overlay .search-container .card .card-content { padding: 6px 16px 22px 16px; } } .search-overlay .search-container .card h3 { font-size: 22px; line-height: 26px; margin-top: 0; margin-bottom: 0; position: relative; } .search-overlay .search-container .card p { margin-top: 10px; margin-bottom: 10px; } .search-overlay .search-container .card p.upperbold { text-transform: uppercase; font-size: 12px; font-family: 'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 7px; } .search-overlay .search-container .card p img { border: 1px solid #e6eaed; } .search-overlay .search-container .card h3 a { color: #2f3438; } .search-overlay .search-container .card h3 a:hover { color: #3991e1; } .search-overlay .search-container .card a { color: #3991e1; } #masthead a#toggle-nav { display: none; } #masthead .menu-main-auxiliary-container { position: absolute; top: 0px; right: 0px; } #masthead .menu-main-auxiliary-container ul { margin: 0px; padding: 0px; } #masthead .menu-main-auxiliary-container ul li { float: left; display: inline-block; font-size: 12px; text-transform: uppercase; padding-top: 8px; } #masthead .menu-main-auxiliary-container ul li a { color: #393e4c; padding: 13px 15px 10px; text-decoration: none; } #masthead .menu-main-auxiliary-container ul li a:hover { color: #286ca4; } #masthead .menu-main-auxiliary-container ul li.menu-item-donate { margin-left: 10px; } #masthead .menu-main-auxiliary-container ul li.menu-item-donate a { color: #fff; background-color: #c52031; font-weight: bold; } #masthead .menu-main-auxiliary-container ul li.menu-item-donate a:hover { background-color: #9E1B29; color: #fff; } /*****************************/ /* Homepage Styles */ /*****************************/ /* FLEXSLIDER */ .home #content #primary { padding-top: 0px; } #hp-slider { position: relative; border: none; box-shadow: none; height: 600px; width: 100%; overflow: hidden; padding: 0px; margin-bottom: 20px; border-radius: 0px; } #hp-slider ul.slides { height: 100%; width: 100%; } #hp-slider ul.slides li { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; display: block; } #hp-slider ul.slides li .text-holder { position: absolute; top: 5%; left: 5%; width: 100%; padding: 20px 0 0; display: none; } #hp-slider ul.slides li .image-holder { display: none; } #hp-slider ul.slides li .text-holder .wrapper { background-color: rgba(255,255,255,.8); width: 60%; max-width: 700px; padding: 35px 35px 25px 35px; } #hp-slider ul.slides li .text-holder .wrapper h2 { color: #2f3438; font-size: 40px; line-height: 40px; margin-bottom: 10px; } #hp-slider ul.slides li .text-holder .wrapper p { font-size: 16px; line-height: 26px; color: #2f3438; } #hp-slider ul.slides li .text-holder .wrapper p a.button { background-color: #f4b446; display: inline-block; padding: 14px 20px; margin-bottom: 0; margin-top: 0; font-size: 12px; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-right: 3px; } #hp-slider ul.slides li .text-holder .wrapper p a.button:hover { background-color: #aa7e31; } #hp-slider #slider-nav { width: 100%; height: 88px; position: absolute; bottom: 0px; left: 0px; } #hp-slider #slider-nav .bg { width: 100%; background-color: #fff; opacity: .9; height: 100%; display: block; position: absolute; z-index: 101; top: 0px; left: 0px; } #hp-slider #slider-nav ul { width: 100%; height: 88px; position: absolute; z-index: 102; top: 0px; left: 0px; } #hp-slider #slider-nav ul li { height: 88px; padding: 15px 0; width: 17%; display: inline-block; float: left; overflow: hidden; position: relative; text-align: center; } #hp-slider #slider-nav ul li.s6 { width: 15%; } #hp-slider #slider-nav ul li a { display: block; width: 100%; height: 100%; } #hp-slider #slider-nav ul li span { background-color: black; height: 6px; position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: -1; transition: height .3s; } #hp-slider #slider-nav ul li a:hover span, #hp-slider #slider-nav ul li.flex-active a span { height: 100%; } #hp-slider #slider-nav ul li a:hover svg path, #hp-slider #slider-nav ul li.flex-active a svg path { fill: #fff; } #hp-slider #slider-nav ul li a:hover svg rect, #hp-slider #slider-nav ul li.flex-active a svg rect { fill: #fff; } #hp-slider #slider-nav ul li a:hover h5, #hp-slider #slider-nav ul li.flex-active a h5 { color: #fff; } #hp-slider #slider-nav ul li svg { width: 30px; height: 30px; } #hp-slider #slider-nav ul li h5 { color: #2f3438; font-size: 14px; transition: .3s; } #hp-slider ul.slides li.s1 .text-holder .wrapper p a.button { background-color: #f4b446; } #hp-slider ul.slides li.s2 .text-holder .wrapper p a.button { background-color: #239391; } #hp-slider ul.slides li.s3 .text-holder .wrapper p a.button { background-color: #c73036; } #hp-slider ul.slides li.s4 .text-holder .wrapper p a.button { background-color: #3991e1; } #hp-slider ul.slides li.s5 .text-holder .wrapper p a.button { background-color: #085285; } #hp-slider ul.slides li.s6 .text-holder .wrapper p a.button { background-color: #ad1e44; } #hp-slider ul.slides li.s1 .text-holder .wrapper p a.button:hover { background-color: #aa7e31; } #hp-slider ul.slides li.s2 .text-holder .wrapper p a.button:hover { background-color: #186765; } #hp-slider ul.slides li.s3 .text-holder .wrapper p a.button:hover { background-color: #8f1f24; } #hp-slider ul.slides li.s4 .text-holder .wrapper p a.button:hover { background-color: #28659d; } #hp-slider ul.slides li.s5 .text-holder .wrapper p a.button:hover { background-color: #06395d; } #hp-slider ul.slides li.s6 .text-holder .wrapper p a.button:hover { background-color: #79152f; } #hp-slider #slider-nav ul li.s1 span { background-color: #f4b446; } #hp-slider #slider-nav ul li.s2 span { background-color: #239391; } #hp-slider #slider-nav ul li.s3 span { background-color: #c73036; } #hp-slider #slider-nav ul li.s4 span { background-color: #3991e1; } #hp-slider #slider-nav ul li.s5 span { background-color: #085285; } #hp-slider #slider-nav ul li.s6 span { background-color: #ad1e44; } #hp-slider #slider-nav ul li.s1 svg path { fill: #f4b446; } #hp-slider #slider-nav ul li.s2 svg path { fill: #239391; } #hp-slider #slider-nav ul li.s3 svg path { fill: #c73036; } #hp-slider #slider-nav ul li.s4 svg path { fill: #3991e1; } #hp-slider #slider-nav ul li.s5 svg path { fill: #085285; } #hp-slider #slider-nav ul li.s6 svg path, #hp-slider #slider-nav ul li.s6 svg rect { fill: #ad1e44; } .no-svg #hp-slider #slider-nav ul li img { display: none; } #content #hp-slider ul, #content #hp-slider ol { margin: 0px; padding: 0px; } #content #hp-slider .flex-control-paging { margin: 0px; bottom: 0px; } #content #hp-slider .flex-control-paging li a { width: 21px; height: 3px; border: none; box-shadow: none; border-radius: 0px; background-color: #d4d5d5;} #content #hp-slider .flex-control-paging li a.flex-active, #content #hp-slider .flex-control-paging li a:hover { background-color: #a9abab; } #content .vc_row.top-arrow { background: transparent url(images/top-arrow-white.png) top center no-repeat; } #content .vc_row.hp-promos .vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } #content .vc_row.hp-promos .vc_col-sm-8 { width: 64.5%; margin-right: 1.5%; } #content .vc_row.hp-promos h3 { font-size: 22px; line-height: 26px; width: 92%; margin-bottom: 0px; } #content .vc_row.hp-promos .vc_col-sm-8 img { border: 1px solid #e6eaed; } #content .vc_row.hp-promos .vc_col-sm-4 a:hover img { opacity: 1; } #content .vc_row.hp-promos .vc_col-sm-4 p a { color: #f4b446; } #content .vc_row.hp-promos .vc_col-sm-4 p a:hover { color: #fff; } .vc_row.hp-news-events .hp-news { } #content .vc_row.hp-news-events .hp-news .title-holder { border-bottom: 1px solid #cacfd3; padding-bottom: 10px; width: 90%; display: block; margin-bottom: 15px; overflow: hidden; } #content .vc_row.hp-news-events .hp-news h4 { padding-left: 25px; background: transparent url(images/icon-news.svg) left center no-repeat; background-size: 16px 16px; display: inline; } .no-svg #content .vc_row.hp-news-events .hp-news h4 { background: transparent url(images/icon-news.png) left center no-repeat; } #content .vc_row.hp-news-events .hp-news p.view-all { float: right; display: inline; margin: 0; font-size: 13px; } #content .vc_row.hp-news-events .hp-news h3 { font-size: 22px; line-height: 26px; width: 90%; margin-bottom: 0px; } #content .vc_row.hp-news-events .hp-news p.date { text-transform: uppercase; font-size: 12px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .vc_row.hp-news-events .hp-event { background-color: #fff; text-align: center; padding-bottom: 20px; } #content .vc_row.hp-news-events .hp-event .title-holder { background-color: #cc2e2e; margin-left: -15px; margin-right: -15px; } #content .vc_row.hp-news-events .hp-event h4 { color: #fff; padding: 20px 10px; background: transparent url(images/icon-events-white.svg) left center no-repeat; display: inline-block; padding-left: 25px; background-size: 14px 14px; margin-bottom: 0px !important; } .no-svg #content .vc_row.hp-news-events .hp-event h4 { background: transparent url(images/icon-events-white.png) left center no-repeat; } #content .vc_row.hp-news-events .hp-event h3 { font-size: 22px; line-height: 26px; margin: 30px 0 15px; } #content .vc_row.hp-news-events .hp-event p.date { text-transform: uppercase; font-size: 12px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } #content .vc_row.hp-news-events .hp-event p.view-all { font-size: 14px; } .hp-resources-quick-find { padding: 0 0 35px 0; text-align: center; } .hp-resources-quick-find .chosen-container { margin: 0 0 10px 10px; text-align: left; } .hp-resources-quick-find input#searchsubmit { width: 40px; display: inline-block; margin: 0 0 10px 10px; padding: 10px 0px; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family: 'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } .vc_row.hp-resources .thumb { display: inline; height: 100%; width: 100%; } .vc_row.hp-resources .thumb img { max-width: 204px; width: 100%; border: 1px solid #e6eaed; } .vc_row.hp-resources .wpb_single_image { margin-bottom: 0px; text-align: left; } #content .vc_row.hp-resources .item h3 { font-size: 22px; line-height: 26px; } #content .vc_row.hp-resources .item p.type { text-transform: uppercase; font-size: 12px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 0px; } .hp-footer-promos .vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .hp-footer-promos .vc_column_container>.vc_column-inner { padding-left: 10px !important; padding-right: 10px !important; } #member-info h2 { margin: 35px 0; } #member-info p { font-size: 14px; } #member-info h4 { font-weight: normal; font-size: 16px; border-bottom: 1px solid #e6eaed; padding-bottom: 10px; margin-bottom: 15px; } #member-info p strong { color: #000; } #member-info p.poc { font-weight: bold; } #member-info p.expire strong { color: #d02c3c; } #member-info #user-contact { border-top: 1px solid #e6eaed; margin-top: 50px; padding-top: 15px; } .page-user-profile #profile-banner { background: #f4d5d8 url(images/bg-warning.gif) 10px 13px no-repeat; padding: 10px 30px; color: #c82f3a; font-size: 13px; margin-bottom: 5px; } .page-user-profile #profile-banner a { text-decoration: underline; color: #c82f3a; } .page-user-profile a.show-all { border: 1px solid #ccc; display: inline-block; padding: 3px 10px; margin: 30px 0 15px; border-radius: 5px; font-size: 14px; text-transform: uppercase; } .page-user-profile .extra-members { display: none; } a#btn-download-list { background: #f4b446 url(images/icon-download.png) 10px 50% no-repeat; padding-left: 30px !important; } a#btn-download-list:hover {background-color: #aa7e31; } a#btn-add-members { background: #239391 url(images/icon-add-members.png) 10px 50% no-repeat; padding-left: 30px !important; } a#btn-add-members:hover { background-color: #176260; } a#btn-remove-members { background: #c73036 url(images/icon-remove-members.png) 10px 50% no-repeat; padding-left: 30px !important; } a#btn-remove-members:hover { background-color: #8E2226; } #gform_submit_button_17 { background: #c73036 url(images/icon-remove-members.png) 10px 50% no-repeat; padding-left: 30px !important; } #gform_submit_button_17:hover { background-color: #8E2226; } /* * VOTING POLL */ #main div.homepage-polls div.wpb_wrapper div.totalpoll-poll-container ~ div.totalpoll-poll-container { display: none; } /*#main div.homepage-polls div.wpb_wrapper div.totalpoll-poll-container:first-child { display: block; }*/ #main .totalpoll-poll-container .totalpoll-question { font-size: 22px !important; font-weight: normal !important; text-transform: none !important; line-height: 30px; color: #2f3438; font-family: 'Utopia W01 Regular', serif; } #main .totalpoll-poll-container .totalpoll-buttons .totalpoll-button.totalpoll-button-primary { padding: 14px 20px !important; font-size: 12px !important; line-height: 18px !important;transition: background-color .3s, color .3s, opacity .3s; text-transform: uppercase; border-radius: 4px; box-shadow: none; } #main .totalpoll-choice[class*="checked"] .totalpoll-choice-votes-bar { background: #239391 !important; } #main .final-poll-message { display: none; } /* * GENERAL */ .membership-type > .wpb_wrapper { border: 1px solid #afb1b3; padding: 30px 0; } .membership-type p { padding: 0px 25px; } #content .membership-type h3 { display: block; color: #fff; font-size: 24px; padding: 20px 0; font-family: 'Aktiv Grotesk W01 Regular', sans-serif; } .membership-type.yellow h3 { background-color: #f4b446; } .membership-type.yellow .wpb_text_column a { color: #f4b446; } .membership-type.green h3 { background-color: #239391; } .membership-type.green .wpb_text_column a { color: #239391; } .membership-type.red h3 { background-color: #c73036; } .membership-type.red .wpb_text_column a { color: #c73036; } .membership-type.light-blue h3 { background-color: #3991e1; } .membership-type.light-blue .wpb_text_column a { color: #3991e1; } .membership-type.dark-blue h3 { background-color: #085285; } .membership-type.dark-blue .wpb_text_column a { color: #085285; } .membership-type.fuschia h3 { background-color: #ad1e44; } .membership-type.fuschia .wpb_text_column a { color: #ad1e44; } /* * RESOURCES STYLES */ div.resources-search-form { overflow: visible !important; } .page-resources #resources-slider { background-color: transparent; border: none; box-shadow: none; height: auto; width: 100%; overflow: hidden; padding: 20px 0; border-radius: 0px; margin-bottom: 0px; } .page-resources #resources-slider ul.slides li { width: 80%; padding: 2% 10% 0px; } .page-resources #resources-slider ul.slides li .thumb { float: left; display: inline; width: 20%; } .page-resources #resources-slider ul.slides li .thumb img { border: 1px solid #e6eaed; } .page-resources #resources-slider ul.slides li .item { float: right; display: inline; width: 75%; } .page-resources #resources-slider ul.slides li .type { font-size: 12px; line-height: 12px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .page-resources #resources-slider ul.slides li .item a.button { background-color: #f4b446; display: inline-block; padding: 14px 20px; margin-bottom: 0; margin-top: 0; font-size: 12px; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .page-resources #resources-slider ul.slides li .item a.button:hover { background-color: #aa7e31; } .flex-direction-nav { width: 100%; } .flex-direction-nav li a { height: 50px; width: 50px; color: #fff; text-indent: -9999px; text-align: left !important; } .flex-direction-nav a:before { content: none !important; } .flex-direction-nav li a.flex-next { background: #000 url(images/bg-flex-next.png) center center no-repeat; } .flex-direction-nav li a.flex-prev { background: #000 url(images/bg-flex-prev.png) center center no-repeat; } .flexslider .flex-next { right: 10px; opacity: .7; height: 47px; width: 47px;} .flexslider .flex-prev { left: 10px; opacity: .7; height: 47px; width: 47px; } .page-resources .resource-blocks { margin-bottom: 70px; } .page-resources .resource-blocks .wpb_row { margin-bottom: 10px; } .page-resources .resource-blocks .title-bar { border-bottom: 1px solid #e6eaed; padding-bottom: 20px; margin-bottom: 20px; } .page-resources .resource-blocks h3.group-title { display: inline; } .page-resources .resource-blocks .view-all { float: right; } .page-resources .resource-blocks .thumb { float: left; display: inline; width: 17%; } .page-resources .resource-blocks .thumb img { border: 1px solid #e6eaed; } .page-resources .resource-blocks .item { float: right; display: inline; width: 78%; } .page-resources #content .resource-blocks .item h3 { font-size: 22px; line-height: 26px; margin-bottom: 5px; } .page-resources .resource-blocks .item p.type { text-transform: uppercase; font-size: 12px !important; margin-bottom: 0px; } #resource-search-holder { } #resource-search-holder .extra-filters { display: none; } #resource-search-holder .filter-links { float: right; display: inline; padding-top: 15px; } #resource-search-holder .filter-links a { font-size: 14px; margin-left: 20px; } #resource-search-holder .filter-links a.filter-toggle { padding-right: 15px; background: transparent url(images/filter-toggle.gif) center right no-repeat; } #resource-search-holder .filter-links a.filter-toggle.open { background: transparent url(images/filter-toggle-open.gif) center right no-repeat; } #resource-search-holder .extra-filters { padding: 15px 0; } #resource-search-holder form .col { width: 25%; margin-right: 4%; display: inline-block; } #resource-search-holder form label { width: 100%; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } #resource-search-holder form input#s { font-size: 16px !important; padding: 7px 8px !important; border-radius: 7px !important; width: 100%; } #resource-search-holder form .chosen-container { width: 100%; } #resource-search-holder select { width: 100%; } #resource-search-holder form input#searchsubmit { display: inline-block; width: 11%; padding: 10px 0px; margin-bottom: 0; margin-top: 0; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } #resource-search-holder form input#searchsubmit:hover { background-color: #28659d; -webkit-appearance: none; border: none; box-shadow: none; } .page-resource-search p.sort a.active { font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .page-resource-search .resource img { border: 1px solid #e6eaed; } .page-resource-search .resource .resource-date { color: #2f3438; } .page-resource-search .resource .tax-name { font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; color: #2f3438 !important; } .page-resource-search hr.resource-sep { margin-bottom: 35px !important; } .page-resource-search .search-info { border-bottom: 1px solid #a2b0bb; height: 50px; margin-bottom: 35px; } .page-resource-search .search-info .number-available { font-weight: bold; color: #2f3438 !important; text-transform: uppercase; display: inline; float: left; } .page-resource-search .search-info .resource-sort { float: right; display: inline; padding-left: 20px; } .page-resource-search .search-info .resource-sort p { color: #2f3438 !important; } .page-resource-search .search-info .results-per-page { float: right; display: inline; margin-top: 2px; } .pagination { padding: 30px 0 ; } .pagination .page-numbers { background-color: #e6eaed; display: inline-block; border-radius: 5px; padding: 10px 15px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; min-width: 49px; text-align: center; color: #2f3438; margin-right: 3px; margin-bottom: 5px; } .pagination .page-numbers.current { background-color: #3991e1; color: #fff; } .pagination a.page-numbers:hover { background-color: #adafb0; } .single-resource .bread-holder { padding-top: 40px !important;padding-bottom:5px !important; background-image: url(/wp-content/uploads/2015/01/header-test.jpg) !important; margin-bottom: 55px; } .single-resource #content h1.entry-title { margin-bottom: 25px !important; font-size: 42px; line-height: 50px; } .single-resource .resource-image { float: left; display: inline; margin: 0 25px 25px 0; border: 1px solid #e6eaed; } .single-resource a.resource-button { background-color: #f4b446; display: inline-block; padding: 14px 20px; margin-bottom: 0; margin-top: 0; font-size: 12px; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651'; } .single-resource a.resource-button:hover { background-color: #aa7e31; } .single-resource a.resource-topic { margin: 0px 5px 10px 0px; background-color: #afb1b3; display: inline-block; padding: 10px 14px; font-size: 14px; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 6px; font-family:'Aktiv Grotesk W01 Regular'; } .single-resource a.resource-topic:hover { background-color: #87898a; } .single-resource .resources-sidebar h5 { margin-bottom: 5px !important; } .single-resource .resources-sidebar p { margin-bottom: 25px !important; } .single-resource .resource-holder .vc_col-sm-8 { border-right: 1px solid #a2b0bb; padding-right: 35px; } .single-resource .resource-holder .vc_col-sm-4 { padding-left: 35px; } .single-resource .related-resources { margin-top: 40px; } .single-resource .related-resources .wpb_single_image { margin-bottom: 15px; } .single-resource .related-resources img { border: 1px solid #e6eaed; } .single-resource #content .related-resources h3.title-related-resources { border-top: 1px solid #a2b0bb; border-bottom: 1px solid #a2b0bb; padding: 10px 0; margin-bottom: 40px; } .single-resource #content .related-resources h3.resource-title { font-size: 22px; line-height: 26px; margin-bottom: 5px; } .single-resource #content .related-resources p.type { text-transform: uppercase; font-size: 12px; } .single-resource #content .related-content p.date { font-size: 16px; color: #085285; line-height: 26px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 5px; } .single-resource #content .related-content h3 { font-size: 22px; line-height: 26px; } .single-resource #content .btn-twitter-hashtag-button { border-radius: 3px; color: #fff; background-color: #1b95e0; padding: 10px 16px 10px 12px; } .single-resource #content .btn-twitter-hashtag-button i { position: relative; top: 2px; display: inline-block; width: 22px; height: 14px; background: transparent 0 0 no-repeat; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E); } /* * NEWS STYLES */ .news-heading { background: transparent url(images/bg-header-news.jpg) center center no-repeat; padding: 95px 0; background-size: cover; width: 100%; overflow: hidden; } #content .news-heading h1 { font-size: 56px; line-height: 64px; } #content .news-heading p { font-size: 26px; font-style: italic; font-family:'Utopia W01 Regular', serif; } #content .wpb_row.news-listing { margin: 50px 0; } #content .wpb_row.news-listing article { margin-bottom: 35px; } #content .wpb_row.news-listing .news-image { margin-bottom: 35px; } #content .wpb_row.news-listing h1.entry-title { font-size: 42px; line-height: 48px; } #content .side-holder h3 { background-color: #09588e; color: #fff; padding: 10px 17px; font-size: 20px; line-height: 20px; } #content .wpb_row.news-listing .type-post img { margin-bottom: 35px; } #content .wpb_row.news-listing .entry-date { color: #000; } #content .side-holder { margin-bottom: 60px; } #content .side-holder .social-links img { height: 28px; width: 28px; margin-right: 10px; } #content .side-holder .social-links a { display: block; margin-bottom: 10px; } #content .side-holder a.news-tag { margin: 0px 5px 10px 0px; background-color: #afb1b3; display: inline-block; padding: 10px 14px; font-size: 14px; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 6px; font-family:'Aktiv Grotesk W01 Regular'; } #content .side-holder a.news-tag:hover { background-color: #87898a; } .single-post #content table tr td { border: 1px solid #eee; padding: 10px; } /* * EVENT STYLES */ .single-event .events-sidebar h5 { margin-bottom: 5px !important; } .single-event .events-sidebar p { margin-bottom: 25px !important; } .single-event .event-image { float: left; display: inline; margin: 0 25px 25px 0; } .single-event .event-holder { margin-top: 35px; } .single-event .event-holder .vc_col-sm-8 { border-right: 1px solid #a2b0bb; padding-right: 35px; } .single-event .event-holder .vc_col-sm-4 { padding-left: 35px; } .single-event .event-holder form input#searchsubmit { display: inline-block; width: 11%; padding: 10px 30px; margin-bottom: 0; margin-top: 0; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } #resource-search-holder form input#searchsubmit:hover { background-color: #28659d; -webkit-appearance: none; border: none; box-shadow: none; } .page-events #content .upcoming-webinars h4 { font-size: 13px; color: #2f3438; border-bottom: 1px solid #2f3438; padding-bottom: 8px; margin-bopttom: 0px; } .page-events #content .upcoming-webinars h3 { font-size: 13px; line-height: 17px; color: #2f3438; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 0px; } .page-events #content .upcoming-webinars p { font-size: 13px; } .page-events #content .event-listing h2 { font-size: 32px; line-height: 36px; margin-bottom: 5px; } .page-events #content .event-listing p.date { font-size: 16px; color: #085285; line-height: 26px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 5px; } .page-events #content .event-listing .wpb_single_image { margin-top: 6px; } .recaptchatable #recaptcha_response_field { font-size: 10pt !important; } /* * STAFF / BOARD STYLES */ #content .staff-list h3 { margin-bottom: 5px; } .board-listing .wpb_single_image { margin-bottom: 5px; } #content .board-listing h3 { margin-bottom: 5px; } #content .board-listing p { margin-bottom: 5px; } #content .board-listing p.position { color: #2f3438; margin-bottom: 5px; } #content .board-listing p.org { color: #2f3438; } #content .board-holder p.position { color: #2f3438; margin-bottom: 5px; } #content .board-holder p.org { color: #2f3438; } /* * STAFF / BOARD STYLES */ #content .press-listing h3 { font-size: 22px; line-height: 26px; } .single-press-release .press-holder .vc_col-sm-8 { border-right: 1px solid #a2b0bb; padding-right: 35px; } .single-press-release .press-holder .vc_col-sm-4 { padding-left: 35px; } /* * JOB OPPORTUNITY STYLES */ #content .job-item h3 { font-size: 22px; line-height: 26px; } /* INSTITUTIONAL AND ASSOCIATE MEMBER FILTERS */ #isotope-orgs { border: 1px solid #efefef;; } #isotope-orgs .org { background-color: #efefef; width: 31%; margin: 1% 1%; text-align: center; padding: 1%; } #isotope-orgs .org h5, #isotope-orgs .org p { margin-bottom: 0px; } #isotope-orgs.no-results { height: auto !important; padding: 20px 10px; } #isotope-orgs.no-results div.no-results { display: block !important; text-align: center; } #isotope-orgs.no-results div.no-results h3 { margin-bottom: 0px !important; } /* * FORUM STYLES */ .forums-heading { background: transparent url(images/member-forum-header.jpg) center center no-repeat; margin: 0 0 50px 0; padding: 50px 0; background-size: cover; width: 100%; overflow: hidden; margin-left: 0px; margin-right: 0px; } #forum-message { background-color: #efefef; padding: 20px 20px 5px 20px; margin-bottom: 15px; } .bbpress #content p { color: #2f3438; } .bbpress #content a { color: #085285; } .bbpress #content a:hover { color: #06395d; } .bbpress .bbp-forum-title, .bbpress .bbp-topic-permalink { font-size: 22px; line-height: 26px; } .bbpress #content textarea, .bbpress #content input { border: 1px solid #ccc; border-radius: 5px; } .bbpress ul.forum-titles { white-space: nowrap; } .bbpress #content #subscription-toggle { float: right; } .bbpress #content #subscription-toggle a { display: inline-block; padding: 8px 15px; margin-bottom: 0; margin-top: 0; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } .bbpress #content #subscription-toggle a:hover { background-color: #28659d; -webkit-appearance: none; border: none; box-shadow: none; } .bbpress #content #favorite-toggle a { display: inline-block; padding: 8px 15px; margin-bottom: 0; margin-top: 0; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } .bbpress #content #favorite-toggle a:hover { background-color: #28659d; -webkit-appearance: none; border: none; box-shadow: none; } .bbpress #content .bbp-submit-wrapper { float: none; } .bbpress #content .bbp-submit-wrapper .submit { display: inline-block; padding: 8px 15px; margin-bottom: 0; margin-top: 0; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } .bbpress #content .bbp-submit-wrapper .submit:hover { background-color: #28659d; -webkit-appearance: none; border: none; box-shadow: none; } /* * DONATE FORM STYLES */ #gform_1 .donation-amounts { text-align: center; width: 100%; margin-bottom: 35px; } #gform_1 .donation-amounts a { display: inline-block; padding: 14px 35px; margin-bottom: 5px; margin-top: 0; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } #gform_1 .donation-amounts a:hover { background-color: #28659d; -webkit-appearance: none; border: none; box-shadow: none; } /* * NEWSLETTER SIGNUP STYLES */ .newsletter-form-col { border-radius: 5px; background-color: rgba(0,0,0,.6); padding: 30px 30px !important; } .newsletter-form-col label { width: 100%; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .newsletter-form-col .gform_wrapper input.medium { width: 100% !important; } .newsletter-form-col .gform_wrapper input.gform_button { display: block; padding: 14px 20px !important; margin-bottom: 0; margin-top: 0; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } .newsletter-form-col .gform_wrapper input.gform_button:hover { background-color: #28659d; -webkit-appearance: none; border: none; box-shadow: none; } .newsletter-form-col p.manage-here { font-size: 16px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .newsletter-form-col #gform_confirmation_message_9 { color: #fff !important; } #content .connect-with-us .social-links img { height: 28px; width: 28px; margin-right: 10px; } #content .connect-with-us .social-links a { display: block; margin-bottom: 10px; } /* * LOGIN / FORGOT PASSWORD STYLES */ .login-form { background-color: #e5e9eb; padding: 40px 32px !important; } #content .login-form h1 { font-size: 36px; line-height: 42px; } .login-form label { color: #3b4044; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .login-form input[type=text], .page-login .login-form input[type=password] { font-size: 16px !important; padding: 8px 8px !important; border-radius: 7px !important; width: 100%; border: 1px solid #b5b7b9 !important; } .login-form input.tml-button { display: block; padding: 14px 20px; margin-bottom: 0; margin-top: 0; font-size: 12px; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #f7f7f7; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; background-color: #f4b446; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; width: 100%; } .login-form input.tml-button:hover { background-color: #aa7e31; -webkit-appearance: none; border: none; box-shadow: none; } #content .login-form ul { margin: 15px 0; } #content .login-form ul li { list-style-type: none; } .login-description { padding-top: 40px !important; padding-left: 96px !important; } #resetpasswordform label, #resetpasswordform input { width: 100%; display: block; } #resetpassform #pass1-text { display: none; } .login-form .error { border: 2px solid #ccc; background-color: #fff; color: #c73036 !important; padding: 5px 10px; } .login-form .message { border: 2px solid #ccc; background-color: #fff; padding: 5px 10px; } /* * REGISTRATION STYLES */ .gform_wrapper .gf_page_steps { width: 99% !important; } .gform_wrapper .gf_step span.gf_step_number { font-size: 1.25em !important; } .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] { margin-top: .375em !important; float: left !important; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: block !important; font-size: 16px !important; margin: 0 0 0 24px !important; padding: 0 !important; width: auto !important; line-height: 1.5 !important; vertical-align: top !important; } .page-register #breadcrumbs { display: none; } .page-register .gform_wrapper { margin: 1em 0; max-width: 98%; } .page-register .gform_wrapper .gf_page_steps { border-bottom: 1px solid #e6eaed; padding-bottom: 15px; } .page-register .gform_wrapper .gf_page_steps .gf_step_number { text-indent: -9999px; width: 12px; } .page-register .gform_wrapper .gf_page_steps .gf_step_active .gf_step_number { background: transparent url(images/bg-register-active.png) left center no-repeat; } .page-register .gform_wrapper .gf_page_steps .gf_step_completed .gf_step_number { background: transparent url(images/bg-register-complete.png) left center no-repeat; } .page-register .gform_wrapper .gf_page_steps .gf_step_pending .gf_step_number { background: transparent url(images/bg-register-pending.png) left center no-repeat; } .page-register .gform_wrapper .gf_page_steps .gf_step { opacity: 1; margin: 0 25px .625em 0; text-transform: uppercase; color: #2f3438; font-size: 12px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .page-register .gform_wrapper .gf_page_steps .gf_step.gf_step_completed { color: #afb1b3; } .page-register .gform_wrapper .gf_page_steps .gf_step.gf_step_pending { color: #7a7d80; } .page-register .gform_wrapper .gform_page_footer { border-top: 1px solid #e6eaed; padding-top: 35px; margin-top: 35px; clear: both; overflow: hidden; } .gform_page_footer .button { float: left; margin-right: 5px; display: inline-block; padding: 14px 20px; margin-bottom: 0; margin-top: 0; font-size: 12px; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #f7f7f7; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; background-color: #f4b446; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } .gform_page_footer .button:hover { background-color: #aa7e31; -webkit-appearance: none; border: none; box-shadow: none; } .gform_page_footer .button:focus { border: none; } .gform_footer .button { display: inline-block; padding: 14px 20px; margin-bottom: 0; margin-top: 0; font-size: 12px !important; line-height: 18px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #f7f7f7; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; background-color: #f4b446; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } .gform_footer .button:hover { background-color: #aa7e31; -webkit-appearance: none; border: none; box-shadow: none; } .gform_footer .button:focus { border: none; } .gf_browser_ie.gform_wrapper .gform_footer input.button { padding: 14px 20px !important; } .page-register .gform_wrapper .gsection { border-bottom: 1px solid #e6eaed; padding: 25px 0; } .page-register #content .gform_wrapper .gsection h2.gsection_title { font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; color: #2f3438; font-size: 26px; line-height: 32px; } .page-register .gform_wrapper .gsection .gsection_description { color: #7a7d80; font-size: 16px; line-height: 26px; } .page-register .gform_wrapper .top_label .gfield_label { font-size: 16px; color: #2f3438; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } .page-register .gform_wrapper form li { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { font-weight: normal !important; font-family:'Aktiv Grotesk W01 Bold1370651'; } .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error textarea { border: 1px solid #c73036 !important; } .gform_wrapper .gfield_error .gfield_label, .gform_wrapper .gfield_required, .gform_wrapper .validation_message, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #c73036 !important; } .gf_browser_ie.gform_wrapper li ul.gfield_checkbox input { margin-top: 5px !important; } .gf_browser_ie.gform_wrapper input[type="text"] { line-height: 12px !important; font-size: 13px; } #content .gform_wrapper ul.gfield_radio { margin-left: 5px !important; } #content .gform_wrapper ul.gfield_radio li { overflow: visible !important; } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] { font-size: 16px !important; padding: 8px 8px !important; border-radius: 7px !important; } #content .gform_wrapper .gfield_html ul, #content .gform_wrapper .gfield_html ol { margin-left: 25px !important; margin-bottom: 15px !important; } #content .gform_wrapper .gfield_html ul li { color: #7a7d80; font-size: 16px; line-height: 26px; margin-bottom: 5px; } #content .gform_wrapper .gfield_html ol li { color: #7a7d80; font-size: 16px; line-height: 26px; margin-bottom: 5px; } .gf_browser_ie.gform_wrapper ul.top_label .clear-multi { overflow: visible !important; } .institutional-message { background: #e5e9ec; margin: -20px 0 0 0 !important; padding: 25px 30px 15px 30px !important; } .institutional-message a { display: inline-block; background: #3b90e1; color: #fff; border-radius: 6px; padding: 10px 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .institutional-message a:hover { background: #1B68B2; color: #fff; } .page-register .gform_wrapper .gform_page.hide-prev .gform_previous_button { display: none; } /* RENEWAL FORM */ #content .gform_wrapper .m-description { background-color: #efefef; margin: 10px 0px 10px 25px; padding: 20px 20px; font-size: 14px; line-height: 17px; color: #2f3438; } #content .gform_wrapper .grand-total { color: #060; font-size: 1.2em; } #content .gform_wrapper .reps-cost { color: #060; font-size: 1.2em; } .page-register #content .gform_wrapper div.validation_error { color: #c73036; font-size: 26px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; margin-bottom: 15px;} .gform_wrapper input:focus { border: 1px solid #3c4044; } .gform_wrapper .gfield_password_strength { clear: both; } #content .gform_wrapper .description, #content .gform_wrapper .gfield_description, #content .gform_wrapper .gsection_description, #content .gform_wrapper .instruction { color: #7a7d80; font-size: 16px; line-height: 26px; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; font-weight: normal; } #content .gform_wrapper .gsection .gfield_label, #content .gform_wrapper h2.gsection_title, #content .gform_wrapper h3.gform_title { font-weight: normal !important; font-family:'Aktiv Grotesk W01 Bold1370651', sans-serif; } #content .gform_wrapper #newsletter-toggle { border: 1px solid #ccc; display: inline-block; padding: 3px 10px; margin: 30px 0 15px; border-radius: 5px; font-size: 14px; text-transform: uppercase; } #content .gform_wrapper #newsletter-descriptions { display: none; border: 1px solid #ccc; padding: 15px; border-radius: 5px; } #content .gform_wrapper #field_2_65 .gfield_description a.address-fill { border: 1px solid #ccc; display: inline-block; padding: 3px 10px; margin: 5px 0 15px; border-radius: 5px; font-size: 14px; text-transform: uppercase; } #content .gform_wrapper select { font-size: 13px; padding: 0px; line-height: 13px; } .page-register .gform_wrapper .gf_page_steps .gf_step { margin-right: 20px !important; } /* #content .gform_wrapper .has_country select { font-size: 16px; line-height: 18px; height: 40px; padding: 6px 3px; -webkit-appearance: menulist-button; -moz-appearance: menulist-button; appearance: menulist-button; } #content .gform_wrapper .ginput_cardextras select { font-size: 16px; line-height: 18px; height: 40px; padding: 6px 3px; -webkit-appearance: menulist-button; -moz-appearance: menulist-button; appearance: menulist-button; } #content .gform_wrapper .clear-multi select { font-size: 16px; line-height: 18px; height: 40px; padding: 6px 3px; -webkit-appearance: menulist-button; -moz-appearance: menulist-button; appearance: menulist-button; } */ #content .btn-twitter { border-radius: 3px; color: #fff; background-color: #1b95e0; padding: 10px 16px 10px 12px; } #content .btn-twitter i { position: relative; top: 2px; display: inline-block; width: 22px; height: 14px; background: transparent 0 0 no-repeat; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E); } img.add_list_item { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGQ9Ik0yNTYgNTEyYy0xNDEuMzc1IDAtMjU2LTExNC42MDktMjU2LTI1NnMxMTQuNjI1LTI1NiAyNTYtMjU2YzE0MS4zOTEgMCAyNTYgMTE0LjYwOSAyNTYgMjU2cy0xMTQuNjA5IDI1Ni0yNTYgMjU2ek0yNTYgNjRjLTEwNi4wMzEgMC0xOTIgODUuOTY5LTE5MiAxOTJzODUuOTY5IDE5MiAxOTIgMTkyYzEwNi4wNDcgMCAxOTItODUuOTY5IDE5Mi0xOTJzLTg1Ljk1My0xOTItMTkyLTE5MnpNMjg4IDM4NGgtNjR2LTk2aC05NnYtNjRoOTZ2LTk2aDY0djk2aDk2djY0aC05NnY5NnoiPjwvcGF0aD48L3N2Zz4=); } img.delete_list_item { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGQ9Ik0yNTYgMGMtMTQxLjM3NSAwLTI1NiAxMTQuNjI1LTI1NiAyNTYgMCAxNDEuMzkxIDExNC42MjUgMjU2IDI1NiAyNTYgMTQxLjM5MSAwIDI1Ni0xMTQuNjA5IDI1Ni0yNTYgMC0xNDEuMzc1LTExNC42MDktMjU2LTI1Ni0yNTZ6TTI1NiA0NDhjLTEwNi4wMzEgMC0xOTItODUuOTY5LTE5Mi0xOTJzODUuOTY5LTE5MiAxOTItMTkyYzEwNi4wNDcgMCAxOTIgODUuOTY5IDE5MiAxOTJzLTg1Ljk1MyAxOTItMTkyIDE5MnpNMTI4IDI4OGgyNTZ2LTY0aC0yNTZ2NjR6Ij48L3BhdGg+PC9zdmc+); } img.add_list_item, img.delete_list_item { width: 1em; height: 1em; background-size: 1em 1em; opacity: 0.5; } img.add_list_item:hover, img.add_list_item:active, img.delete_list_item:hover, img.delete_list_item:active { opacity: 1.0; } iframe#add_payment { min-height: 850px; min-width: 673px; } /* Hide login and become a member links on authorize.net pages */ .page-renewal-sim-relay .menu-item-register, .page-renewal-sim-relay .menu-item-login, .page-registration-sim-relay .menu-item-register, .page-registration-sim-relay .menu-item-login { display: none !important; } /* CHOSEN OVERRIDES */ .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full, .gform_wrapper .ginput_complex { overflow: visible !important; } .chosen-container-single .chosen-single { height: 38px !important; } .chosen-container { font-size: 16px !important; line-height: 20px !important; } .chosen-container-single .chosen-single span { padding: 7px 0 !important; } .chosen-container-single .chosen-single div { top: 7px !important; } #content .chosen-container .chosen-results li.highlighted { color: #fff !important; } .gform_wrapper .gfield_required { color: #2f3438 !important; } .gform_wrapper .gfield_error .gfield_label { color: #2f3438 !important; } #content .gform_wrapper li.gfield.gfield_error, #content .page-register #content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: #efefef; } #content #gform_wrapper_9 li.gfield.gfield_error { background-color: #111; } /* AUTOCOMPLETE SUGGESTIONS */ .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } #respond { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0; } /* COMMENT STYLES */ #commentform #form-allowed-tags { display: none; } #commentform .comment-form-comment label:after { content: ' * '; } #commentform input.error, #commentform textarea.error { background-color: #fff; border: 2px solid red; } #cancel-comment-reply-link { font-size: 14px; border: 1px solid #ccc; border-radius: 3px; padding: 5px 10px; margin-left: 20px; } #content #comments h2.comment-author { font-size: 28px; line-height: 30px; } /* SEARCH STYLES */ .search #breadcrumbs { background-color: #e4e5e6; height: 50px; } .search #breadcrumbs .breadcontent { color: #7a7d80 !important; } .search .page-header { background-color: #e4e5e6; padding-bottom: 5px; margin-bottom: 35px; } .search #content .page-header h1 { font-size: 28px; } .search #search-filters-buttons { padding: 15px 0 10px; } .search #search-filters-buttons p.filter-by { font-family:'Aktiv Grotesk W01 Bold1370651'; color: #2f3438; margin-bottom: 5px; } .search #search-filters-buttons a { display: inline-block; padding: 10px 18px !important; margin-bottom: 5px; margin-top: 0; font-size: 14px !important; line-height: 18px !important; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #afb1b3; border-radius: 6px; font-family:'Aktiv Grotesk W01 Bold1370651'; } .search #search-filters-buttons a:hover { background-color: #848586; } .search #search-filters-buttons a.active { background-color: #3991e1; } .search .resource-sort { float: right; display: block; padding-left: 0; } .search p.sort a.active { font-family: aktiv grotesk w01 bold1370651,sans-serif; } .search #primary { padding-top: 40px; } .search .pagination { margin: 50px 0; } .search #content .search-holder h1 { font-size: 30px; line-height: 36px; } .search #content .search-holder { border-bottom: 1px solid #e6eaed; padding-bottom: 20px; margin-bottom: 30px; } #search-header { margin-bottom: 35px; border-bottom: 1px solid #e6eaed; } .search-icon { font-family: 'Utopia W01 Regular', serif; text-align: center; } .search-icon p { margin: 20px 0; font-size: 22px !important; } /* IMPACT PAGE */ #content p.impact { margin-bottom: 0; padding: 15px; } #content p.impact.odd { background: #eee; } /* FOOTER */ #pre-footer { background-color: #e5e9eb; height: 80px; } #pre-footer a.button-updates { position: absolute; left: 0px; top: 20px; color: #fff; border-radius: 8px; padding: 11px 25px 11px 38px; text-transform: uppercase; font-size: 12px; font-family:'Aktiv Grotesk W01 Bold1370651'; background: #3991e1 url(images/icon-updates.svg) 18px center no-repeat; background-size: 10px 10px; } .no-svg #pre-footer a.button-updates { background: #3991e1 url(images/icon-updates.png) 18px center no-repeat; } #pre-footer a.button-updates:hover { background-color: #28659d; } #pre-footer a.button-support { position: absolute; right: 250px; top: 20px; background: #085285 url(images/icon-support.svg) 18px center no-repeat; background-size: 10px 10px; color: #fff; border-radius: 8px; padding: 11px 25px 11px 38px; text-transform: uppercase; font-size: 12px; font-family:'Aktiv Grotesk W01 Bold1370651'; } .no-svg #pre-footer a.button-support { background: #085285 url(images/icon-support.png) 18px center no-repeat; } #pre-footer a.button-support:hover { background-color: #06395d; } #pre-footer #social-links { position: absolute; right: 0px; top: 28px; } #pre-footer #social-links a { float: left; display: inline; margin-left: 12px; height: 26px; width: 26px; display: block; } #pre-footer #social-links a img { height: 26px; width: 26px; } #pre-footer #social-links a:hover { opacity: .8; } #colophon { background-color: #d9dddf; padding-bottom: 15px; width: 100%; overflow: hidden;} #colophon a { color: #185e8e; } #colophon a:hover { color: #06395d; } #colophon #footer-columns { padding: 45px 0 25px; } #colophon #footer-columns h3 { color: #2f3438; font-size: 18px; margin-bottom: 18px; font-family:'Utopia W01 Regular', serif; } #colophon #footer-columns h3.icon-tweet { padding-left: 25px; background: transparent url(images/icon-tweet.svg) left 5px no-repeat; background-size: 17px 17px; width: 100%; } .no-svg #colophon #footer-columns h3.icon-tweet { background: transparent url(images/icon-tweet.png) left 5px no-repeat; } #colophon #footer-columns h3.icon-events { padding-left: 25px; background: transparent url(images/icon-events.svg) left 5px no-repeat; background-size: 13px 13px; } .no-svg #colophon #footer-columns h3.icon-events { background: transparent url(images/icon-events.png) left 5px no-repeat; } #colophon #footer-columns h3.icon-news { padding-left: 25px; background: transparent url(images/icon-news.svg) left 6px no-repeat; background-size: 16px 18px; } .no-svg #colophon #footer-columns h3.icon-news { background: transparent url(images/icon-news.png) left 6px no-repeat; } #colophon #footer-columns p { color: #2f3438; font-size: 14px; line-height: 28px; } #colophon #footer-columns p .footer-meta { color: #7a7d80; } #colophon #footer-columns .rotatingtweets { min-height: 130px; } #colophon #footer-site-info { border-top: 1px solid #c8cbcc; text-align: center; } #colophon #footer-site-info .menu-footer-navigation-container { width: auto; margin: 0 auto; text-align: center; display: inline-block; height: 35px; margin-top: 18px; } #colophon #footer-site-info ul#menu-footer-navigation li { display: inline; padding: 0px 13px 0 20px; background: transparent url(images/bg-blue-dot.png) 0px center no-repeat; } #colophon #footer-site-info ul#menu-footer-navigation li.menu-item-our-work { background-image: none; } #colophon #footer-site-info ul#menu-footer-navigation li a { font-size: 14px; } #colophon #footer-site-info .copyright-info { width: auto; margin: 0 auto; text-align: center; color: #7a7d80; font-size: 12px; } #colophon #footer-site-info .copyright-info a { color: #7a7d80; margin: 0px 10px; } #colophon #footer-site-info .copyright-info a:hover { color: #2f3438; } div.tw-follow a { border: 1px solid #999; background-color: #ccc; font-size: 13px; color: #000; padding: 2px 5px; border-radius: 3px; } div.rtw_follow a { border: 1px solid #999; background-color: #ccc; font-size: 13px; color: #000 !important; padding: 2px 5px; border-radius: 3px; } div.fb_iframe_widget iframe { overflow: visible; max-width: inherit; } .rtw_follow.follow-button { margin-top: 20px; } /* * VC STYLES */ .vc_btn, a.vc_btn, button.vc_btn, .vc_btn3-container .vc_btn3, .vc_btn3-container a.vc_btn3, .vc_btn3-container button.vc_btn3 { display: inline-block; padding: 14px 20px !important; box-shadow: none; text-shadow: none; margin-bottom: 0; margin-top: 0; font-size: 12px !important; line-height: 18px !important; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #f7f7f7; border-radius: 6px; text-transform: uppercase; font-family:'Aktiv Grotesk W01 Bold1370651'; } .wpb_button_a span { transition: background-color .3s; } /* OLD VC Button Styles */ .vc_btn.vc_btn_inacol-yellow { background-color: #f4b446; } .vc_btn.vc_btn_inacol-yellow:hover { background-color: #aa7e31; } .vc_btn.vc_btn_inacol-green { background-color: #239391; } .vc_btn.vc_btn_inacol-green:hover { background-color: #186765; } .vc_btn.vc_btn_inacol-red { background-color: #c73036; } .vc_btn.vc_btn_inacol-red:hover { background-color: #8f1f24; } .vc_btn.vc_btn_inacol-light-blue { background-color: #3991e1; } .vc_btn.vc_btn_inacol-light-blue:hover { background-color: #28659d; } .vc_btn.vc_btn_inacol-dark-blue { background-color: #085285; } .vc_btn.vc_btn_inacol-dark-blue:hover { background-color: #06395d; } .vc_btn.vc_btn_inacol-fuschia { background-color: #ad1e44; } .vc_btn.vc_btn_inacol-fuschia:hover { background-color: #79152f; } .vc_btn.vc_btn_inacol-grey { background-color: #dadee0; color: #2f3438; } .vc_btn.vc_btn_inacol-grey:hover { background-color: #adafb0; } /* NEW VC Button Styles */ .vc_general.vc_btn3.vc_btn3-color-inacol-yellow { background-color: #f4b446; } .vc_general.vc_btn3.vc_btn3-color-inacol-yellow:focus, .vc_general.vc_btn3.vc_btn3-color-inacol-yellow:hover { background-color: #aa7e31; color: #fff; } .vc_general.vc_btn3.vc_btn3-color-inacol-green { background-color: #239391; } .vc_general.vc_btn3.vc_btn3-color-inacol-green:focus, .vc_general.vc_btn3.vc_btn3-color-inacol-green:hover { background-color: #186765; color: #fff; } .vc_general.vc_btn3.vc_btn3-color-inacol-red { background-color: #c73036; } .vc_general.vc_btn3.vc_btn3-color-inacol-red:focus, .vc_general.vc_btn3.vc_btn3-color-inacol-red:hover { background-color: #8f1f24; color: #fff; } .vc_general.vc_btn3.vc_btn3-color-inacol-light-blue { background-color: #3991e1; } .vc_general.vc_btn3.vc_btn3-color-inacol-light-blue:focus, .vc_general.vc_btn3.vc_btn3-color-inacol-light-blue:hover { background-color: #28659d; color: #fff; } .vc_general.vc_btn3.vc_btn3-color-inacol-dark-blue { background-color: #085285; } .vc_general.vc_btn3.vc_btn3-color-inacol-dark-blue:focus, .vc_general.vc_btn3.vc_btn3-color-inacol-dark-blue:hover { background-color: #06395d; color: #fff; } .vc_general.vc_btn3.vc_btn3-color-inacol-fuschia { background-color: #ad1e44; } .vc_general.vc_btn3.vc_btn3-color-inacol-fuschia:focus, .vc_general.vc_btn3.vc_btn3-color-inacol-fuschia:hover { background-color: #79152f; color: #fff; } .vc_general.vc_btn3.vc_btn3-color-inacol-grey { background-color: #dadee0; color: #2f3438; } .vc_general.vc_btn3.vc_btn3-color-inacol-grey:focus, .vc_general.vc_btn3.vc_btn3-color-inacol-grey:hover { background-color: #adafb0; color: #fff; } .vc_separator.vc_sep_color_grey .vc_sep_line { border-color: #e6eaed; } .wpb_single_image .vc_single_image-wrapper { background-color: #2f3438; overflow: hidden; max-width: 100%; } .wpb_single_image img { width: auto; max-width: 101%; height: auto; box-shadow: 0em 0em 0em #000; } .wpb_single_image.transparent .vc_single_image-wrapper { background-color: transparent; } #content .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header { background-color: #e6eaed; transition: background-color .3s; margin-bottom: 0px; border-bottom: 1px solid white; } #content .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active { background-color: #f2f4f6; } #content .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header:hover { background-color: #f2f4f6; } #content .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a { color: #2f3438; z-index: 1; position: relative; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { z-index: 0; } #content .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { background-image: url(images/bg-toggle-plus.png); } #content .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { background-image: url(images/bg-toggle-minus.png); } .wpb_text_column.center { text-align: center; } .wpb_text_column.center .fb-like { margin: 15px 0 10px; display: block !important; } .vc_icon_element-background-color-blue { background-color: #085285 !important; } .vc_icon_element-background-color-yellow { background-color: #f4b446 !important; } .vc_icon_element-background-color-red { background-color: #c73036 !important; } .vc_column_container { padding-left: 15px !important; padding-right: 15px !important; } @media all and (max-width: 1180px) { body { width: 100%; overflow: hidden; } .inner { width: 92%; } #content #primary .inner { width: 92%; } .flexslider { width: 100%; } .flexslider ul.slides { height: 400px; display: block; } .flexslider ul.slides li { height: 400px; width: 100%; } .flexslider ul.slides li .text-holder { position: static; margin-top: 0px !important; } #content .flexslider ul.slides li .text-holder h1 { font-size: 36px !important; line-height: 42px !important; text-align: center !important; } #content .flexslider ul.slides li .text-holder p { font-size: 20px !important; line-height: 36px !important; text-align: center !important; } #content .flexslider ul.slides li .text-holder p > a { margin-bottom: 5px; } .flexslider .flex-control-paging { display: none; } #content .vc_row.hp-news-events .hp-event .title-holder { margin: 0px !important; } #content .vc_row.hp-news-events .hp-event .item { width: 92%; padding: 0 4% 30px; } body.page-resources .flexslider, body.page-resources .flexslider ul.slides, body.page-resources .flexslider ul.slides li { height: auto; } body.page-resources .flexslider ul.slides li .image-holder img { display: none; } body.page-resources .flexslider ul.slides li .text-holder { text-align: center; width: 100%;} .single-resource .resource-image { float: none; width: auto; display: inline-block; } .single-resource .resource-image img { } .single-resource .entry-header { width: 100%; float: none; } #content #primary .hp-recent-updates .thumb { display: none; } .sidr { background-color: #085285; box-shadow: 3px 0px 3px #06395d inset; padding-top: 30px; } .sidr .sidr-inner { padding: 0px 15px; } .sidr ul li ul { display: none; } .sidr ul#sidr-id-menu-primary-navigation { margin-bottom: 0px; padding-bottom: 0px; } .sidr ul#sidr-id-menu-primary-navigation li a { font-size: 22px; line-height: 28px; font-weight: 900; color: #fff; padding-bottom: 20px; font-family:'Utopia W01 Regular', serif; } .sidr ul li a:hover, .sidr ul li.sidr-class-current-page-ancestor a, .sidr ul li.sidr-class-current-menu-item > a { color: #d7d7d7; } .sidr ul li.sidr-class-menu-item-search { display: none; } .sidr ul#sidr-id-menu-auxiliary-navigation li a { font-size: 12px; text-transform: uppercase; line-height: 28px; font-weight: 900; color: #fff; padding-bottom: 15px; font-family:'Aktiv Grotesk W01 Regular', sans-serif; } .sidr .sidr-class-search-form { padding: 0px; } .sidr .sidr-class-search-form label span { display: none; } .sidr .sidr-class-search-form input { font-size: 16px !important; padding: 7px 8px !important; border-radius: 7px !important; } .sidr .sidr-class-search-form input.sidr-class-search-field { width: 90%; } .single-resource .bread-holder { margin-bottom: 25px; } .single-resource #content h1.entry-title { font-size: 32px; line-height: 40px; } .single-resource #content .clear { margin: 0; font-size: 1px; line-height: 1px; } #colophon { } #colophon .footer-promos { display: none; } #colophon .footer-logo { position: static; margin-left: 0px; margin-top: -55px; margin-bottom: 45px; } /* #colophon .footer-logo h5 { line-height: 24px; } */ #colophon .mail-join { position: static; text-align: center; margin-bottom: 30px; } #colophon .social-links { position: static; text-align: center; padding: 30px 0 15px; } #colophon .social-links a { float: none; } #colophon .social-links a:first-child { margin-left: 0px; } #colophon .menu-footer-auxiliary-container { float: none; } #colophon .menu-footer-auxiliary-container ul { margin: 15px 0 0; } #colophon .menu-footer-auxiliary-container ul li { float: none; display: inline-block; font-size: 12px; text-transform: uppercase; margin: 0 10px; } #colophon .copy-links { margin: 0px; text-align: center; line-height: 18px; padding: 0px 10%; } #colophon .copy-links span { float: none; clear: both; margin: 0px; } #colophon .menu-footer-navigation-container { display: none; } #colophon .menu-footer-auxiliary-container { } #colophon .footer-statement { display: none; } #to-top { display: block; } .wpb_row { margin-left: -28px; margin-right: -28px; } #hp-slider #slider-nav ul li.nav-item h5 { font-size: 11px; } } @media all and (max-width: 980px) { body.admin-bar { margin-top: 0px !important; } #wpadminbar { position: fixed !important; } .search #primary { padding-top: 0px; } #breadcrumbs { display: none; } #page { padding-top: 0px !important; } .login-description { padding-top: 40px !important; padding-left: 25px !important; } #pre-header { display: none; } #masthead { height: 67px; position: static; width: 100%; overflow: hidden; } #masthead .site-branding { padding-top: 3px; } #masthead .site-branding .site-title { display: none; } #masthead .site-branding a img { height: 35px; width: 126px; margin-top: 13px; margin-left: 0px; } #masthead #site-navigation { display: none; } #masthead a#toggle-nav { display: block; height: 54px; width: 54px; background: #fff url(images/btn-nav-toggle.gif) center center no-repeat; position: absolute; top: 6px; right: 0px; text-indent: -9999px; cursor: pointer; } #masthead .menu-main-auxiliary-container { display: none; } #hp-slider #slider-nav ul li.nav-item h5 { display: none; } } @media all and (max-width: 592px) { iframe#add_payment { min-height: 1200px; min-width: 300px; } } @media all and (max-width: 860px) { .page-resource-search .search-info .results-per-page { float: none; display: block; margin-bottom: 20px; padding-top: 0; } } @media all and (min-width: 768px) and (max-width: 860px) { .page-resource-search .search-info { height: 90px; } .page-resource-search .search-info .results-per-page { padding-top: 45px; } } @media all and (max-width: 768px) { .wpb_row .wpb_row { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } #content #primary .bio-wrapper { padding-left: 0px; } .wpb_single_image img { width: 100%; } #hp-slider { height: auto; padding-bottom: 60px; } #hp-slider ul.slides { height: 100%; min-height: 100%; } #hp-slider ul.slides li { } #hp-slider ul.slides li .image-holder { display: none; width: 100%; } #hp-slider ul.slides li .text-holder { position: static; top: 0px; left: 0px; width: 100%; z-index: 9; padding: 0px; height: 100%; } #hp-slider ul.slides li .text-holder .wrapper { width: 100%; height: 100%; min-height: 350px; padding: 10% 2%; max-width: 100%; } #hp-slider ul.slides li .text-holder .wrapper h2 { font-size: 26px !important; line-height: 28px !important; text-align: center; } #content .flexslider ul.slides li .text-holder p { font-size: 14px !important; line-height: 17px !important; text-align: center; } #content .flexslider ul.slides li .text-holder p a.button { margin-bottom: 5px; } #hp-slider ul.slides li .inner { position: absolute; top: 0px; width: 100% !important; height: 100%; } #hp-slider #slider-nav { height: 60px; } #hp-slider #slider-nav ul li.nav-item { height: 60px; } #hp-slider ul.slides li .text-holder .wrapper p a.button { display: block; width: 75%; margin: 0 auto 5px; } #resource-search-holder form input#searchsubmit { padding: 10px 30px; } .hp-resources-quick-find strong, .hp-resources-quick-find .chosen-container { display: block; margin: 0 auto 10px auto; } .hp-resources-quick-find input#searchsubmit { width: 215px; margin: 0; } #content .vc_row.hp-promos .vc_col-sm-8 { width: 100%; margin-right: 0px; } #content .vc_row.hp-promos .vc_col-sm-4 { width: 100%; margin-right: 0px; } .vc_row.hp-resources .thumb img { max-width: 350px; } #content .hp-news { clear: both; width: 100%; float: none; } #content .hp-news p.view-all { margin-top: 20px; } #content .hp-event { clear: both; width: 100%; float: none; padding-left: 0px !important; padding-right: 0px !important; } #content .news-sidebar .side-holder.twitter { display: none; } .login-description { padding-top: 15px; padding-left: 15px; } .webinar-feed { margin-top: 8px; padding-left: 35px; } #resource-search-holder form .col { width: 100%; margin-right: 0px; display: block; margin-bottom: 10px; } #resource-search-holder form input#searchsubmit { width: auto; } .page-resources #content .resource-blocks .view-all { float: none; margin-bottom: 5px; } .page-resources .resource-blocks .title-bar { padding-bottom: 5px; } .single-resource .resource-image { float: none; } .page-resources #resources-slider { padding-bottom: 0px; } .page-resources #resources-slider ul.slides { margin-bottom: 0px; } .page-resources #resources-slider ul.slides li { widrth: 96%; padding: 0px 2%; } .page-resources #resources-slider ul.slides li .thumb { width: 75%; display: block; float: none; margin: 0 auto; } .page-resources #resources-slider ul.slides li .item { width: 100%; display: block; float: none; margin-top: 15px; } .page-resources #resources-slider .flex-direction-nav .flex-prev, .page-resources #resources-slider .flex-direction-nav .flex-next { top: 25%; } .page-resource-search .search-info { height: auto; } .page-resource-search .search-info .number-available { float: none; display: block; } .page-resource-search .search-info .resource-sort { float: none; display: block; padding-left: 0; } .page-resource-search .wpb_row.resource, .page-resource-search .wpb_row.resource .wpb_column { margin-bottom: 10px; } .page-resource-search .wpb_row.resource img { width: 100%; } .single-resource .resource-holder .vc_col-sm-8 { border: none; padding-right: 15px; } .single-resource .resource-holder .vc_col-sm-4 { padding-left: 15px; } .single-event .event-holder .vc_col-sm-8 { border: none; padding-right: 15px; } .single-event .event-holder .vc_col-sm-4 { padding-left: 15px; } .single-staff #primary { margin-top: 20px; } .single-board_member #primary { margin-top: 20px; } .news-heading { width: auto; padding: 15px 0 5px; } #content .news-heading h1 { font-size: 42px; line-height: 46px; text-align: center; } #content .news-heading p { font-size: 18px; line-height: 24px; text-align: center; } .forums-heading { width: auto; padding: 15px 0 5px; } #content .forums-heading h1 { font-size: 42px; line-height: 46px; text-align: center; } #isotope-orgs .org { width: 98%; } .search #primary { padding-top: 0px; } #cancel-comment-reply-link { float: none; clear: both; display: inline-block; margin-left: 0px; } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper .top_label textarea.textarea.medium, .gform_wrapper .hidden_label textarea.textarea.medium { width: 100% !important; } .wpb_row .wpb_row { margin-bottom: 0px; } .wpb_row .wpb_column { margin-bottom: 35px; } #colophon { text-align: center; } #colophon #footer-columns { display: none; } #colophon #footer-site-info { border: none !important; margin-top: 30px; } #colophon .menu-footer-navigation-container { display: none !important; } #pre-footer { height: auto; padding: 30px 0 10px 0; } #pre-footer #social-links { display: block; position: static; margin: 20px auto; width: 195px; height: 30px; } #pre-footer #footer-buttons { display: block; position: static; margin: 0 auto; width: 100%; height: 60px; height: auto; } #pre-footer a { position: static !important; white-space: nowrap; display: block; width: 80%; margin: 0 auto 10px; } #colophon #footer-site-info .copyright-info .bump { display: block; } } @media all and (max-width: 620px) { .search .resource-sort { float: none; } } @media all and (max-width: 520px) { .page-resources #resources-slider .flex-direction-nav .flex-prev, .page-resources #resources-slider .flex-direction-nav .flex-next { top: 20%; width: 30px; height: 30px; } } @media all and (max-width: 420px) { .page-resources #resources-slider .flex-direction-nav .flex-prev, .page-resources #resources-slider .flex-direction-nav .flex-next { top: 15%; } .page-resources #resources-slider .flex-direction-nav .flex-prev { left: 0; } .page-resources #resources-slider .flex-direction-nav .flex-next { right: 0; } } @media print { /* Hide Elements from printer */ #masthead #pre-header, #masthead .main-navigation, #masthead #search-form, #breadcrumbs, #pre-footer, #colophon, #comments, .news-sidebar, #sidrnav { display: none; } /* #page { padding-top: 0px; } #masthead { } */ } @media (min-width: 768px) { #content .policy .vc_col-sm-4 { margin-left: -30px; } } /*! * bootstrap-grid 2.0.1 * Copyright 2015-present, Santeri Hiltunen * Licensed under MIT (https://github.com/Hilzu/bootstrap-grid/blob/master/LICENSE) */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 30px; padding-right: 30px; } @-ms-viewport { width: device-width; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } .hidden-lg { display: none !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } } .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { content: " "; display: table; } .clearfix:after, .container-fluid:after, .container:after, .row:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1280px) { .container { width: 1260px; } } .row { margin-left: -15px; margin-right: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .card { display: block; position: relative; margin-bottom: 50px; box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1); background-color: #FFF; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); transition-property: box-shadow, transform; } .card .card-label, .card .post-label { position: absolute; z-index: 1; top: 30px; left: 30px; } @media (min-width: 768px) { .card .card-label, .card .post-label { top: 50px; left: 50px; } } .card .card-content { padding: 30px; } @media (min-width: 768px) { .card .card-content { padding: 50px; } } .card .card-content h3 { font-family: 'Utopia W01 Regular', sans-serif; font-size: 38px; font-weight: 400; line-height: 40px; color: #333332; margin-top: 48px; margin-bottom: 48px; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); } @media (min-width: 768px) { .card .card-content h3 { font-size: 48px; line-height: 54px; } } .card .card-content p { color: #333332; } /*helpers*/ .border-right { border-right: 1px solid rgba( 255, 255, 255, 0.5 ); } .border-left { border-left: 1px solid rgba( 255, 255, 255, 0.5 ); } .img-border { border: 1px solid white; border: 1px solid rgba( 255, 255, 255, 0.5 ); } /*MEGA NAV*/ .mega-nav { height : 0; width : 100%; position : absolute; color : white; margin-top : 6px; background-color: #005482; transition : height 0.4s ease-in; } .mega-nav:hover, .mega-nav:focus, .mega-nav.show { /*display: block;*/ } .mega-nav a { color: white; transition: opacity 0.3s ease; } .mega-nav a:hover, .mega-nav a:focus { opacity: 0.7; } .mega-nav a.row { display: block; } .mega-nav > div { /*sub-menu*/ position : absolute; top : 0; left : 0; visibility: hidden; /* hides sub-menu */ opacity : 0; width : 100%; transform : translateY(-2em); z-index : -1; transition: all 0.4s ease-in-out 0s, visibility 0s linear 0.4s, z-index 0s linear 0.01s; } .mega-nav > div:hover, .mega-nav > div:focus, .mega-nav > .show { /*display: block;*/ padding-top : 60px; padding-bottom: 40px; background-color: #005482; visibility: visible; /* shows sub-menu */ opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } .mega-nav > div:after, .mega-nav > div:before { content : ''; display : block; width : 100%; height : 100%; position : absolute; top : 0; background-color: #005482; } .mega-nav > div:after { left: 100%; } .mega-nav > div:before { right: 100%; } .mega-nav__title { color : white; font-size : 24px; line-height : 28px; margin-bottom: 10px; font-family : "utopia w01 regular", serif; } .mega-nav__desc { color: white; } .mega-nav__date { font-size : 14px; line-height : 28px; margin-bottom: 10px; } .mega-nav__subtitle { color : white; font-size : 12px; letter-spacing: 0.6px; line-height : 32px; text-transform: uppercase; } .mega-nav__list { font-size: 14px; line-height: 28px; } @media (min-width: 1280px) { .home #content #primary .inner { width: 1260px; } } @media (max-width: 768px) { .home .masthead { position: relative; } .home .masthead:before { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.15); z-index: 0; } .home .masthead > .wpb_column { position: relative; z-index: 1; } .home .masthead h2 { font-size : 26px !important; line-height: 28px !important; text-align : center; } .home .masthead .vc_btn3-container.vc_btn3-inline, .home .masthead .vc_btn3-container.vc_btn3-inline > a { display: block; } } @media (min-width: 768px) { .home .masthead { padding-top: 265px; } } .home .wpb_single_image .vc_single_image-wrapper { background-color: transparent; } .home .hp-resources-quick-find { text-align : left; padding-bottom: 0; } .home .hp-resources-quick-find select { width: 100%; } .home #content .hp-resources-quick-find p { color: white; } .home .hp-resources-quick-find .chosen-container { width : 100% !important; margin-left : 0; margin-bottom: 15px; } .home .hp-resources-quick-find .chosen-container .chosen-single { width: 100%; } .home .hp-resources-quick-find select { width : 100%; margin-bottom: 10px; } .home .hp-resources-quick-find input#searchsubmit { margin-left: 0; max-width : 100%; } .home .hp-resources-quick-find .view-all-resources { font-size : 12px; color : white; margin-left : 10px; line-height : 38px; vertical-align: top; display : inline-block; } .vc_mobile .promo-boxes.vc_row.vc_row-flex, .vc_mobile .promo-boxes.vc_row.vc_row-flex>.vc_column_container, .vc_mobile .promo-boxes.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner { display: block; } .promo-boxes > .wpb_column, .promo-boxes > .wpb_column > .vc_column-inner { z-index: 99; } .promo-boxes .vc_column_container > .vc_column-inner { padding: 30px; display: -webkit-box; display: -webkit-flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .promo-boxes.layer-bottom { z-index: 0; position: relative; } @media (min-width: 992px) { .flexbox .promo-boxes > .wpb_column > .vc_column-inner > .wpb_wrapper { height : 100%; display : block; display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-flex-wrap : nowrap; -ms-flex-direction : nowrap; flex-wrap : nowrap; -webkit-flex-direction: column; -ms-flex-direction : column; flex-direction : column; align-items : flex-start; justify-content : space-between; } } .promo-boxes .wpb_wrapper .wpb_text_column { margin : 0; max-width: 100%; } .promo-boxes a { transition: all 0.3s ease; } .promo-boxes a:hover, .promo-boxes a:focus { opacity: 0.7; } .promo-tag { padding : 3px 25px; text-transform : uppercase; display : inline-block; background-color: white; } .promo-tag-bold { font-weight: bold; } .lowercase { text-transform: lowercase !important; } #content .homepage-featured-header h2 { font-size: 28px; line-height: 32px; } #content .home_latest_posts h3 { margin-bottom: 0; } #content .home_latest_posts p.date { margin-bottom: 15px !important; } #content .policy-priorities h3 { font-size: 24px; } @media (min-width: 1200px) { #content .policy-priorities h3 { padding: 0 5px; } } .menu-item-resources .col-sm-7 .row { margin-top: 5px; margin-bottom: 20px; } #content .home_featured_post h5, #content .home_latest_posts h5 { text-transform: uppercase; font-family: "Aktiv Grotesk W01 Regular", sans-serif; font-size: 12px; } .promo-boxes .vc_column-inner { cursor: pointer; min-height: 310px; } .promo-boxes .hp_resources_chooser .vc_column-inner { cursor: default; } .promo-boxes .vc_column-inner > .wpb_wrapper { display: flex; flex-wrap: wrap; flex-grow: 1; flex-direction: column; justify-content: space-between; align-items: flex-start; } /*@media only screen and (max-width:768px) { .home .masthead h2 { text-shadow: 1px 1px 1px #111; } }*/ /* Newsletter archive */ table.container { width: auto; } .page-newsletter-archive #newsletter-filter { margin: 50px 0 0 0; } .page-press-releases #newsletter-filter, .page-in-the-news #newsletter-filter { margin: 0 0 50px 0; } .blog #newsletter-filter { margin: 20px 15px 0 15px; } #newsletter-filter .chosen-container { min-width: 150px; } #newsletter-filter input[type="submit"] { display: inline-block; padding: 13px 12px; margin-bottom: 0; margin-top: 0; font-size: 12px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3991e1; border-radius: 6px; text-transform: uppercase; font-family: 'Aktiv Grotesk W01 Bold1370651', sans-serif; text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; transition: background-color .3s; } #newsletter-filter input[type="submit"]:hover { background-color: #28659d; } #posts-from-year { padding: 10px 0; } .blog #posts-from-year { margin: 15px 15px -50px 15px; } .page-press-releases #posts-from-year, .page-in-the-news #posts-from-year { margin-top: -50px; } /* SYMPOSIUM PROMO */ #symposium_promo { width: 100%; background: #005482; padding: 12px; text-align: center; color: #fff; } #symposium_promo a.btn { display: inline-block; margin-left: 10px; padding: 5px 15px; border-radius: 6px; background-color: #f4b446; font-family: "aktiv grotesk w01 bold1370651"; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; } #symposium_promo a.btn:hover { background-color: #aa7e31; } #symposium_promo a.btn-close { font-weight: bold; color: #fff; float: right; } @media all and (min-width: 981px) { #symposium_promo { position: fixed; top: 0; z-index: 200; height: 54px; } #masthead.masthead-offset { top: 54px; } }