/******************************************************************************************************************* Theme Name: Donaldson Adoption Institute Theme URI: http://www.adoptioninstitute.org/ Description: Custom Theme Designed by The Imagists Author: The Imagists Author URI: http://www.theimagists.com License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Version: 1.18 The CSS, XHTML and Design are released under the GPL: http://www.opensource.org/licenses/gpl-license.php ******************************************************************************************************************** Table of Contents: 0. Global 1. Hyperlinks 2. Headings 3. Header 4. Navigation 5. Slideshow 6. Homepage 7. Content 8. Post Formats 9. Social Media 10. Pagination 11. Images 12. Portfolio 13. Wordpress Gallery 14. Sidebar 15. Widgets 16. RSS Widget 17. Calendar Widget 18. Custom Menu Widget 19. Search Form 20. Footer 21. Comments 22. Buttons 23. Tables 24. Forms 25. CSS3 Styles 26. WooCommerce 27. Grid *******************************************************************************************************************/ /* @import url("fonts/museo-slab/stylesheet.css"); @import url("fonts/DIN/stylesheet.css"); */ @font-face { font-family: 'DIN'; src: url('fonts/DIN/din_black-webfont.eot'); src: url('fonts/DIN/din_black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DIN/din_black-webfont.woff') format('woff'), url('fonts/DIN/din_black-webfont.ttf') format('truetype'), url('fonts/DIN/din_black-webfont.svg#din_blackregular') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN-bold'; src: url('fonts/DIN/dinb-webfont.eot'); src: url('fonts/DIN/dinb-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DIN/dinb-webfont.woff') format('woff'), url('fonts/DIN/dinb-webfont.ttf') format('truetype'), url('fonts/DIN/dinb-webfont.svg#din-boldregular') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'DIN'; src: url('fonts/DIN/dinl-webfont.eot'); src: url('fonts/DIN/dinl-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DIN/dinl-webfont.woff') format('woff'), url('fonts/DIN/dinl-webfont.ttf') format('truetype'), url('fonts/DIN/dinl-webfont.svg#din-lightregular') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN'; src: url('fonts/DIN/dinm-webfont.eot'); src: url('fonts/DIN/fonts/DIN/dinm-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DIN/dinm-webfont.woff') format('woff'), url('fonts/DIN/dinm-webfont.ttf') format('truetype'), url('fonts/DIN/dinm-webfont.svg#din-mediumregular') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN'; src: url('fonts/DIN/dinr-webfont.eot'); src: url('fonts/DIN/dinr-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DIN/dinr-webfont.woff') format('woff'), url('fonts/DIN/dinr-webfont.ttf') format('truetype'), url('fonts/DIN/dinr-webfont.svg#din-regularregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Museo'; src: url('fonts/museo-slab/museo_slab_500-webfont.eot'); src: url('fonts/museo-slab/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo-slab/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo-slab/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo-slab/museo_slab_500-webfont.svg#museo_slab500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo'; src: url('fonts/museo-slab/museo_slab_500italic-webfont.eot'); src: url('fonts/museo-slab/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo-slab/museo_slab_500italic-webfont.woff') format('woff'), url('fonts/museo-slab/museo_slab_500italic-webfont.ttf') format('truetype'), url('fonts/museo-slab/museo_slab_500italic-webfont.svg#museo_slab500_italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Helvetica Neue'; src: url('fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Lt.otf'); font-weight: 400; } @font-face { font-family: 'Helvetica Neue'; src: url('fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.otf'); font-weight: 700; } @font-face { font-family: 'Helvetica Neue Lt'; src: url('fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Lt.otf'); /* font-weight: 400;*/ } @font-face { font-family: 'Helvetica Neue Bd'; src: url('fonts/HelveticaNeueLTStd/HelveticaNeueLTStd-Bd.otf'); /* font-weight: 700;*/ } /******* CSS RESET ************/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /**************************************/ body { background-color: #f3f3f3; color: #666666; font-size: 0.8em; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 2; margin: 0px; padding: 0px; } html, body { width: 100%; height: 100%; max-width: 100%; max-height: 100%; min-width: 100%; min-height: 100%; } #preload { width: 0px; height: 0px; overflow: hidden; visibility: hidden; opacity: 0; position:absolute; } /************************************************ * 0. Global * ************************************************/ p { padding: 8px 0px; margin: 0px; } p:empty { display: none; } em { font-style: italic; } strong { font-weight: bold; } hr { border: 0; width: 100%; height: 1px; color: #DDDDDD; background-color: #DDDDDD; margin: 6px 0px 8px 0px; padding: 0px; } hr.dotted { background: none; border-top: 2px dotted #CCC; border-bottom: none; border-left: none; border-right: none; margin: 10px auto; overflow: hidden; } span.dotted { border-bottom: 2px dotted #ccc; width: auto; } ol, ul { list-style: none; margin: 6px 0px; padding: 0px 0px 8px 12px; } ol li { list-style: inside; list-style-type: decimal; margin: 6px 0px; padding: 0px 0px 0px 12px; } ul li { list-style: outside; list-style-type: square; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 12px; } ul ol li, ul ol ul ol li { list-style-type: decimal; } ol ul li, ol ul ol ul li { list-style-type: square; } blockquote { color: #333333; font-family: 'Merriweather', Georgia, Times, serif; font-size: 1.8em; line-height: 1.4; margin: 20px 0px; padding: 20px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } blockquote p { margin: 0px; padding: 0px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } code, pre { color: #666666; background: #F9F9F9; font-family: Courier, Verdana, Tahoma, Verdana; font-size: 13px; line-height: 1.4; margin: 12px 0px; padding: 6px 8px; border: 1px solid #DDDDDD; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } code { display: inline; } pre { display: block; } pre code { padding: 0px; border: none; border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; } img, object, embed { max-width: 100%; } .postarea * { max-width: 100% !important; } .postarea .like-btn iframe { max-width: 461px !important; } img/*, object, embed*/ { height: auto; margin: 0px auto 0px; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; } .hidden { display: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .align-center { float: none; margin-left: auto; margin-right: auto; } .align-left { float: left; } .align-right { float: right; } .align-center { float: none; text-align: center; } /************************************************ * 1. Hyperlinks * ************************************************/ a img { border: none; } a, a:link { color: #666666; text-decoration: underline; } a:focus, a:hover, a:active { color: #669900; text-decoration: underline; } h4 a { color: #6677A7 !important; } /************************************************ * 2. Headings * ************************************************/ h1 { color: #556baa; font-size: 30px; font-family: 'Museo', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; line-height: 1.4; letter-spacing: -0.8px; margin: 4px 0px 4px 0px; padding: 4px 0px 4px 0px; } h2 { color: #555555; font-size: 21px; font-family: 'DIN', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; line-height: 1.4; letter-spacing: -0.6px; margin: 4px 0px 4px 0px; padding: 4px 0px 4px 0px; /*Bold Fix for New Safari*/ -webkit-backface-visibility: hidden; } h3 { color: #3d4d7a; font-size: 16px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.4; letter-spacing: -0.4px; margin: 4px 0px 4px 0px; padding: 4px 0px 4px 0px; } h4 { color: #6677a7; font-size: 13px; font-family: 'DIN', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; line-height: 1; margin: 10px 0px 0px 0px; padding: 4px 0px 0px 0px; } h5 { color: #6677a7; font-size: 14px; font-family: 'DIN', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; line-height: 1; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } h6 { color: #6677a7; font-size: 13px; font-family: 'DIN', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; line-height: 1.4; letter-spacing: 0.2px; margin: 4px 0px 6px 0px; padding: 4px 0px 6px 0px; border-bottom: 1px solid #6677a7; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333333; text-decoration: none; border: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #669900; text-decoration: none; border: none; } .headline { font-family: 'DIN', 'Open Sans', 'Helvetica', Arial; font-size: 2.8em; font-weight: 300; line-height: 1.2; letter-spacing: -0.8px; margin: 0px 0px 12px 0px; padding: 0px; } .title { font-size: 1.8em; font-weight: 400; letter-spacing: -0.6px; line-height: 1.3; margin: 0px; padding: 0px; } /************************************************ * 3. Header * ************************************************/ #header { background-color: #6678a8; line-height: 0; margin: 0px; position: relative; z-index: 99; height: 114px; } #header .container { padding: 26px 0px 0px 0px; } #header #masthead { display: block; width: 100%; position: relative; padding: 0px; } #header .site-title { display: block; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 2.6em; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; line-height: 1.2; padding: 0px; margin: 0px; } #header .site-description { display: block; color: #999999; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; text-transform: none; line-height: 1.6; margin: 0px 0px 24px 0px; padding: 0px; overflow: hidden; } #custom-header { display: block; padding: 0px; font-size: 0; text-indent: -999em; line-height: 0; margin: 0px 0px 24px 0px; padding: 0px; overflow: hidden; z-index: 8; } #custom-header img { display: block; height: auto; margin: 0px; padding: 0px; vertical-align: bottom; } .soc { display: block; width: 100%; height: 20px; } .paragraph-about { margin-bottom: 40px; } .soc .twitter, .soc .facebook, .soc .mail, .soc .search { display: block; width: 19px; height: 19px; float: left; margin: 0px 10px 0px 0px; background-repeat: no-repeat; background-position: center center; background-size: contain; } .soc .twitter { background-image: url(images/twitter.png); } .soc .facebook { background-image: url(images/facebook.png); } .soc .mail { background-image: url(images/mail.png); } .soc .search { background-image: url(images/search.png); margin-right: 0px; } #header a.donate { display: block; width: 60px; height: 20px; position: relative; top: 13px; left: 5px; background-color: #3d4d7a; color: #fff; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: uppercase; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding: 4px 19px; text-decoration: none; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #3c4b75; } #searchform { margin: 0px; padding: 0px; } #searchform label { display: none; } #header #searchform #s { padding: 0px 8px 0px 4px !important; top: 5px; position: relative; width: 100%; height: 40px; left: -27px; box-shadow: 2px 3px 5px #4E4949; } .top-search-hook{ display:none; height: 0; width: 0; } .header-search .arrow { position: absolute; color: #FFF; margin: 0px auto -40px auto; top: 0px; width: 0; height: 0; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid #FFF; float: right; right: 21px; } #header #searchform #s { padding: 0px 8px 0px 4px !important; top: 5px; position: relative; width: 100%; height: 40px; left: -27px; box-shadow: 2px 3px 5px #4E4949; } #header #searchsubmit { top: 0px; } .header-search { float: right; display: none; width: 100%; top: -30px; left: 0px; position: relative; } .header-search #s { background: #FFFFFF; width: 68%; } /************************************************ * 4. Navigation * ************************************************/ #navigation { display: inline-block; color: #999999; position: relative; width: 100%; font-size: 14px; font-weight: 600; text-transform: uppercase; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; margin: 0px 0px 0px 6%; padding: 0px; z-index: 9999; } /*.container #navigation, .container .menu ul.sub-menu, .container .menu ul.children { background: none; } */ .menu-toggle { display: none; cursor: pointer; } .main-small-navigation ul.mobile-menu { display: none; } #navigation ul.menu li ul.sub-menu { box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3); border-radius: 4px 4px 3px rgba(0, 0, 0, 0.3); } #navigation ul.menu li ul.sub-menu .sub-menu { border-radius: 0px; } #navigation ul.menu li ul.sub-menu li { text-align: left; margin-top:8px; margin-bottom: 8px; height: auto !important; } #navigation ul.menu li ul.sub-menu li a { font-size: 13px; line-height: 17px; box-shadow: none; } #navigation ul.menu li ul.sub-menu ul.sub-menu ul.sub-menu li a { line-height: 14px; } #navigation .sub-menu .sub-menu { left: 100% !important; } #navigation .sub-menu .sub-menu .sub-menu { margin-top: -13px; } /*** ESSENTIAL STYLES ***/ .menu, .menu * { margin: 0; padding: 0; list-style: none; } .menu { line-height: 1.0; } .menu ul { margin: 0px; padding: 0px; } .menu ul ul, ul.menu ul { position: absolute; top: -9999px; width: 180px; /* left offset of submenus need to match (see below) */ } .menu ul li ul li, ul.menu ul li { width: 100%; margin: 0px; } .menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .menu li { float: left; display: inline-block; position: relative; } .menu li li { display: block; position: relative; } .menu a { display: inline-block; position: relative; } .menu li:hover ul, .menu li.sfHover ul { left: 0; top: 26px; /* match top ul list item height */ z-index: 99; padding-top: 5px; padding-bottom: 5px; } ul.menu li:hover li ul, ul.menu li.sfHover li ul { top: -9999px; } ul.menu li li:hover ul, ul.menu li li.sfHover ul { left: 180px; /* match ul width */ top: 0; } ul.menu li li:hover li ul, ul.menu li li.sfHover li ul { top: -9999px; } ul.menu li li li:hover ul, ul.menu li li li.sfHover ul { left: 180px; /* match ul width */ top: 0; } /*** SKIN ***/ #navigation .menu .current_page_item ul li a, #navigation .menu .current-menu-item ul li a, #navigation .menu .current-menu-ancestor ul li a, #navigation .menu .current_page_ancestor ul li a, #navigation .menu .current-cat ul li a { background: none; color: rgba(255, 255, 255, .7); } .menu li.sfHover:hover ul.sub-menu a:hover { color: #000 !important; } /* #navigation .menu li.current-menu-ancestor a, #navigation .menu li.current_page_ancestor a, #navigation .menu .current_page_item ul li a:hover, #navigation .menu .current-menu-item ul li a:hover, #navigation .menu .current-menu-ancestor ul li a:hover, #navigation .menu .current_page_ancestor ul li a:hover, #navigation .menu .current-menu-ancestor ul .current_page_item a, #navigation .menu .current_page_ancestor ul .current-menu-item a, #navigation .menu .current-cat ul li a:hover { background: rgba(0, 0, 0, .2); color: #FFFFFF; } */ .menu { margin-bottom: 0; } .menu ul.sub-menu, .menu ul.children { background-color: #fff; border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); font-weight: normal; text-transform: uppercase; text-align: left; } .menu a { background: none; line-height: 50px; text-decoration: none; letter-spacing: 0.1px; margin: 0px; padding: 0px 12px; line-height: 28px; } #wrap .menu a { color: #fff; } .menu a:focus, .menu a:hover, .menu a:active { outline: 0; } #wrap .menu a:focus, #wrap .menu a:hover, #wrap .menu a:active { color: #FFFFFF; } .menu li li a { display: block; background: none; text-transform: none; line-height: 40px; margin: 0px; padding: 0px 12px; } .menu li li a, .menu li li a:link, .menu li li a:visited { color: rgba(255, 255, 255, .7); } .menu li li a:focus, .menu li li a:hover, .menu li li a:active { background: rgba(0, 0, 0, .2); outline: 0; } .menu li li a:hover { color: #FFFFFF; } .menu li.sfHover:hover a { color: #6678A8 !important; background: #fff; border-radius: 3px 3px 0px 0px; box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); -webkit-box-shadow: 2px 1px 1px rgba(0, 0, 0, .12); } .menu li ul li a, .menu li ul li { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; line-height: 30px; z-index: 999; } .menu li.sfHover:hover { outline: 0; } .menu li { margin: 0px; width: 33%; height:29px; text-align: center; } .menu li li { background: none; margin: 0px; } .menu li:first-child, .menu li:first-child a { } .menu li li:last-child, .menu li li:last-child a { } /*** ARROWS .sf-arrows .sf-with-ul { padding-right: 2.2em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) } /* styling for both css and generated arrows .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -1px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work border: 3px solid transparent; border-top-color: #DDDDDD; /* edit this to suit design (no rgba in IE8) border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour } /* styling for right-facing arrows/ .sf-arrows ul .sf-with-ul:after { margin-top: -3px; margin-right: -3px; border-color: transparent; border-left-color: #DDDDDD; /* edit this to suit design (no rgba in IE8) border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } **/ .navigation-mobile { display: none; } /************************************************ * 5. Slideshow * ************************************************/ .slideshow { display: block; height: 100%; margin: 11px 0px 0px 0px; padding: 0px; position: relative; } .slideshow ul, .slideshow li { list-style-type: none; margin: 0px; padding: 0px; } .slideshow .feature-img, .slideshow .feature-vid { margin-bottom: 0px; padding-left: 24px; border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; -khtml-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; overflow: hidden; } .slideshow .information { padding: 0px 24px 24px 0px; } .slideshow .loading, #flexpad.loading { background: #F9F9F9 url(images/preloader.gif) no-repeat center center; min-height: 275px; } .flexslider { position: relative; width: 100%; zoom: 1; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { display: block; max-width: 100%; margin: 0px auto 0px; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; 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: none; } .flexslider .slides { zoom: 1; } .flexslider .slides > li { position: relative; } .flex-container { zoom: 1; position: relative; } /* Caption style */ .flex-caption { background: none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; } .flex-caption { background: rgba(0,0,0,.3); color: #FFFFFF; width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; text-shadow: 0 -1px 0 rgba(0,0,0,.3); } /* Direction Nav */ .flex-direction-nav { height: 0; } .flex-direction-nav li a { display: block; background: #242424; font-size: 14px; line-height: 50px; height: 48px; width: 24px; text-decoration: none !important; margin: -24px 0px 0px 0px; opacity: 1; position: absolute; top: 50%; cursor: pointer; overflow: visible; z-index: 9; } .gallery-slideshow .flex-direction-nav li a { margin-top: -24px; } .flex-direction-nav .flex-next { right: -24px; text-align: center; border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; -khtml-border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; } .flex-direction-nav .flex-prev { left: -24px; text-align: center; border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; -khtml-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; } .flex-direction-nav .flex-next span, .flex-direction-nav .flex-prev span { color: #FFFFFF; } .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover { text-decoration: none !important; } .flex-direction-nav .flex-prev:hover i, .flex-direction-nav .flex-next:hover i { color: #FFFFFF; } .flex-direction-nav li .disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { position: absolute; right: 0px; bottom: 0px; text-align: center; margin: 0px; padding: 0px; z-index: 9; height: 17px; } .flex-control-nav li { display: inline-block; margin: 0px; padding: 2px 0px 2px 3px !important; zoom: 1; *display: inline; } .flex-control-nav li:first-child { margin: 0; } .flex-control-nav li a { width: 10px; height: 10px; display: block; background: #8599cb; cursor: pointer; text-indent: -999em; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; } .flex-control-nav li a:hover { background: #3d4d7a; } .flex-control-nav li a.flex-active { background: #3d4d7a; cursor: default; } /* HOME SLIDER */ .home-slider .slideshow { margin: 0px; } #flexpad { padding: 10px; background: white; border: 1px #d7d7d7 solid; margin: 11px 0px 0px 0px; } .home-slider .slides .information .excerpt { text-align: justify; } .home-slider .slides .information h2 { text-align: center; margin-top: 4px; margin-bottom: 20px; } .home-slider h2 + br { display: none; } .home-slider .flexslider { padding-bottom: 20px; } .home-slider .information { padding: 0px 15px 0px 5px; } .home-slider .slideshow .feature-vid { width: 96%; padding: 0px; } .home-slider .excerpt { text-align: right; font-size: 13px; line-height: 24px; } .flexslider.loading { background-color: #f3f3f3; border: 1px solid #f3f3f3; } .home-slider .flex-direction-nav { display: none !important; } .home-slider .slides li { height: 300px; } .home-slider .slides li * { height: 300px; } .home-slider .slides li img { height: auto; float: left; } .home-slider .five.columns, .home-slider .information, .home-slider .information .excerpt { height: inherit; position: relative; } .slides .excerpt h2 { position: relative; height: auto; padding: 0px; margin: 0px; } .home-slider .information .more-link { position: absolute; bottom: -8px; height: 36px; padding-bottom: 0px; padding-top: 0px; line-height: 34px; right: 0px; top: auto; text-decoration: none; } .mobile-slide { display: none; } .desktop-slide { display: block; overflow: hidden; } .organic-column .gform_wrapper .ginput_complex input[type="text"], .organic-column .gform_wrapper .ginput_complex .ginput_right input[type="text"]{width: 93% !important;} /*.ai1ec-multiday .ai1ec-event { margin-top: -5px !important; }*/ /*tbody .ai1ec-multiday:first-of-type { top: 0px !important; }*/ @media all and (max-width: 600px) { .desktop-slide { display: none; } .mobile-slide { display: block; overflow: hidden;} } @media all and (min-width: 768px) and (max-width: 1075px ) { .fullimglink { display: block; padding-right: 18px; } } /************************************************ * 6. Homepage * ************************************************/ #home_top { height: 365px; overflow: hidden; } /*HOME PAGE */ #content-main #home_top { background-color: #f3f3f3; } #content-main #home_top .container { background: none; padding-top: 0px; padding-bottom: 0px; } #latest_news .more { display: block; text-decoration: none; color: #00467f; font-weight: bold; float: right; } #latest_news h2 { text-align: center; } #latest_news .notes li { height: 65px; display: table; width: 177px; max-width: 100%; padding: 0px 23px; margin: 0px; } #latest_news .notes li a { font-size: 13px; display: table-cell; vertical-align: middle; padding: 0px; } #home_mid { background-color: white; width: 100%; display: block; min-height: 455px; overflow: hidden; } #home_mid:before { display: block; content: " "; width: 100%; height: 6px; background-image: url(images/border.png); background-repeat: repeat-x; background-size: auto; background-position: center center; position: relative; top: -5px; } .homepage { position: relative; margin: 0px; padding: 0px; overflow: hidden; } .homepage .third { float: left; } .homepage .feature-img, .homepage .feature-vid { margin-bottom: 18px; } .featured-pages { background: #F9F9F9; margin-top: 24px; overflow: hidden; } .featured-pages .information { margin-left: -1px; padding: 24px; border-left: 1px solid rgba(0,0,0, .04); border-right: 1px solid rgba(0,0,0, .04); overflow: hidden; } .featured-pages .holder.first .information { margin-left: 0px; border-left: none; } .featured-pages .holder.last .information { border-right: none; } .featured-pages a.button { display: block; margin-bottom: 0px; } .featured-posts { margin-top: 24px; overflow: hidden; } .home-news { background: #F9F9F9; margin-right: 12px; } .home-news .category-title { background: #242424; color: #CCCCCC; font-size: 1.2em; line-height: 3; margin: 0px; padding: 0px 24px; } .home-news .post-author { margin-top: 0px; } .home-news .information { padding: 24px; border-top: 1px solid rgba(0,0,0, .08); overflow: hidden; } .home-news .information .feature-img { margin-right: 18px; } .home-news .information .title { font-size: 1.4em; letter-spacing: -0.2px; } .home-news .excerpt p { padding: 0px; } .home-tabs { margin-left: 12px; } .home-tabs .organic-tabs { margin: 0px; } .home-tabs .ui-tabs .ui-tabs-nav li { background: #EEEEEE; border-top: none; } .home-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #F9F9F9; } .home-tabs .ui-tabs .ui-tabs-nav li:first-child { border-left: none; border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -khtml-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; } .home-tabs .ui-tabs .ui-tabs-nav li:last-child { border-right: none; border-radius: 0px 3px 0px 0px; -moz-border-radius: 0px 3px 0px 0px; -khtml-border-radius: 0px 3px 0px 0px; -webkit-border-radius: 0px 3px 0px 0px; } .home-tabs .ui-tabs .ui-tabs-nav li a { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; letter-spacing: 0px; padding: 6px 12px; } .home-tabs .ui-tabs .ui-tabs-panel { background: #F9F9F9; padding: 24px 24px 12px 24px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .home-tabs .button { display: block; text-align: center; } /* FLEXIBLE CONTENT - HOME */ .custom_html_home, .featured_posts_home, .custom_image_home { width: 30%; float: left; padding: 0 1.5% 0% 1.5%; border-left: 2px dotted #ccc; border-bottom: 2px dotted #ccc; border-radius: 3px 3px 0px 0px; overflow: hidden; height: 385px; } .featured_posts_home { padding-left: 10px; } .featured_posts_home:first-child, .custom_html_home:first-child, .custom_image_home { border-radius: 3px 3px 0px 3px; } .featured_posts_home:nth-child(2) + div, .custom_html_home:nth-child(2) + div, .custom_image_home:nth-child(2) + div { border-right: 2px dotted #ccc; border-radius: 3px 3px 3px 0px; } .featured_posts_home ul { max-width: 100%; overflow: hidden; margin: 10px 0 0 0; height: 311px; } .excerpt.content { display: none; } #home_mid .titular { width: 107%; max-height: 73px; margin-left: -7%; padding-left: 7%; border-bottom: 2px dotted #ccc; border-radius: 3px; } #home_mid h2.titular { width: 100%; margin-left: 0; padding-left: 0; line-height: 0.8; margin-bottom: 20px; } .featured_posts_home h2, .custom_html_home h2, .custom_image_home h2 { max-width: 67%; line-height: 1; padding-bottom: 0; } .featured_posts_home ul li, .featured_posts_home ul li a { list-style: none; width: 100%; float:none; display: inline-block; min-height: 90px; margin: 0px; padding: 0px; } .featured_posts_home ul li .excerpt.content a { width: auto; min-height: 0px; text-decoration: underline; color: #00467F; } .featured_posts_home ul li { margin-bottom: 16px; line-height: 15px; max-width: 98%; padding-left: 6px; } .featured_posts_home * { display: block; position: relative; } .featured_posts_home ul li:last-child { margin-bottom: 0px; } .featured_posts_home .title { font-family: 'Open Sans', Helvetica, sans-serif; font-size: 15px; font-weight: 600; } .featured_posts_home a, .featured_posts_home a:hover { color: #555555; text-decoration: none; } .featured_posts_home .expand { position: relative; display: block; } ul li .thumb { position: relative; float: left; margin-right: 10px; width: 95px; height: 90px; text-align: center; display: inline-block; } .featured_posts_home ul li .thumb img { margin: auto; float: none; max-height: 100%; position: relative; vertical-align: middle; } .featured_posts_home li .info { width: 170px; max-width: 100%; float: left; } .featured_posts_home .excerpt { line-height: 14px; padding: 0px; margin: 0px; max-width: none; } .featured_posts_home .excerpt, .featured_posts_home .excerpt p { position: relative; text-align: justify; margin: 2px; } .featured_posts_home .read_more { width: 100%; margin-top:5px; color: #00467f; font-size: 10px; } .partners { width: 100%; float: left; position: relative; margin-top: 50px; text-align: center } .partners h2 { text-align: left; } .partners a { max-width: 14%; float: none; margin-right: 2%; display: inline-block; } .partner a:last-child { margin-right: 0px; } .featured_slides_home { width: 33%; float: left; padding: 0; border-left: 2px dotted #ccc; border-bottom: 2px dotted #ccc; border-radius: 3px 3px 0px 0px; overflow: hidden; height: 385px; } .featured_slides_home h2 { margin-left: 2.5%; max-width: 50%; min-height: 42px; line-height: 1; padding-bottom: 0; } .small-slider #flexpad { padding: 0px; border: none; } .small-slider #flexpad .flex-viewport { min-height: 415px; } .featured_slides_home .small-slider.loading { display: none; } .small-slider .slides li:not(:first-child) { display: none; } .featured_slides_home .flex-control-nav { display: none; } .featured_slides_home .small-slider ul, .featured_slides_home .small-slider ul li { padding: 0px; margin: 0px; list-style: none; } .featured_slides_home .small-slider ul li { text-align: center; } .featured_slides_home .small-slider ul li .titular { text-align: left; } .featured_slides_home .small-slider ul li a { text-decoration: none; display:block; cursor: pointer; } .small-slider { height: 385px !important; } .featured_slides_home .flex-direction-nav { display: none; } /* CALENDAR */ div.ai1ec-arrow { display: none !important; } .ai1ec-calendar-toolbar, body.home .ai1ec-prev-year, body.home .ai1ec-next-year, body.home .ai1ec-subscribe-container, body.home .ai1ec-minical-trigger { display: none; } body.home .ai1ec-month-view { position: relative; width: 100% !important; } body.home #ai1ec-calendar-view .clearfix { position: relative; } body.home .ai1ec-calendar-title, body.home .ai1ec-pagination { width: 100%; position: absolute; text-align: center; padding: 0px; line-height: 0.5em !important; font-family: 'Open Sans'; font-size: 17px !important; color: #3d4d7a !important; height: 30px; left: -5px; } body.home .ai1ec-title-buttons.btn-toolbar.pull-right { display: block; left: -5px; float: none !important; position: relative; } body.home .ai1ec-prev-month { //left: 0px; left: 5px; position:absolute !important; float: none !important; } body.home .ai1ec-next-month { //right: 0px; right: -5px; position: absolute !important; float: none !important; } body.home a.ai1ec-prev-month, body.home a.ai1ec-next-month { display: block; background: #3D4D7A; color: #FFF; text-shadow: none; height: 27px; margin: 0; } body.home .ai1ec-month-view .ai1ec-date { background: none; z-index: 100; } body.home .ai1ec-month-view .ai1ec-event { background: #8599cb; border-radius: 2px; } body.home .ai1ec-event-title { color: #8599CB; } body.home #ai1ec-calendar-view { min-height: 266px; } @media all and (min-width: 915px) { body.home #ai1ec-calendar-view { /*background-color: #f3f3f3;*/ background-image: url(images/grid.png); background-size: 100% auto; background-repeat: no-repeat; background-position: bottom left; border: none; } } body.home .ai1ec-loading { background: url(images/preloader.gif) no-repeat top center; } body.home .popover.ai1ec-popup .popover-inner { width: 250px; } body.home .ai1ec-date a.ai1ec-load-view { cursor: default !important; } .ai1ec-month-view .ai1ec-weekday { font-size: 12px; line-height: 22px; font-weight: bold; color: #4F4E4E!important; opacity: 1; font-family: 'Open Sans'; } .ai1ec-month-view thead tr th { background: #FFF !important; } /*All Day Events */ .ai1ec-allday { // top: 11px !important; } a.ai1ec-event-container { text-indent: -9999px; } /*Single Events*/ body .ai1ec-field-label { text-align: left; width: 120px; } body.single-ai1ec_event .ai1ec-time { font-size: 12px; font-weight: bold; } .ai1ec-single-event .ai1ec-contact-name, .ai1ec-single-event .ai1ec-contact-phone, .ai1ec-single-event .ai1ec-contact-email { display: block !important; } .ai1ec-categories { display: none !important; } .eventimg img { float: left; padding-right: 30px; max-width: 25%; } #post_content { float: left; max-width: 60%; } .ai1ec-event-footer { display: none; } #post_content .timely.ai1ec-single-event { display: none; } body.single-ai1ec_event .social { background: none; } .ai1ec_event .postarea { overflow: hidden; } body.single-ai1ec_event .post-navigation { display: none; } /*Hide "BACK TO CALENDAR BUTTON*/ .ai1ec-calendar-link.btn.btn-small.pull-right { display: none; } /* HOME PAGE BOTTOM SECTION */ #home_bottom { width: 100%; background: #d9e2f6 url(images/grain.jpg) repeat; } #content-main #home_bottom .container { background-color: #d9e2f6; background-image: url(images/border-top.png); background-repeat: no-repeat; background-position: top center; background-size: auto; padding-top: 20px; padding-bottom: 20px; } .home-widgets h6 { font-family: 'DIN'; font-weight: 500; color: #555; font-size: 21px; border-bottom: dotted 1px #BBB; margin-bottom: 16px; } .home-widgets .widget li { border: none; } /* TWITTER WIDGET */ .kebo_twitter_feed_widget a { text-decoration: none; color: #000; } .kebo-tweets.list.light { height: 250px; background: #FFF; padding: 5% 5% 5% 5%; width: 100%; border-radius: 3px; box-sizing: border-box; border: 1px solid #B8C2DC; overflow-y: auto; } .home-widget .ktweet { padding-bottom: 5px !important; margin-top: 0px !important; padding-top: 0px !important; height: 100px; } .home-widget .ktweet:nth-child(2) { margin-top: 20px !important; margin-bottom: 5px !important; } .home-widgets .ktext { line-height: 20px; } .kfooter { display: none; } /* CONTACT FORM WIDGET */ .home-widgets input, .home-widgets textarea { border-radius: 3px !important; border: 1px solid #B8C2DC; } .home-widgets textarea { //margin-top: 10px !important; margin-top: 4px !important; } .home-widgets .gform_footer.top_label { display: block; width: 93px; height: 36px; text-align: center; position: absolute; bottom: 0; right: 0px; /* position: relative; top: -41px; float: right; right: -6px; */ } .home-widgets .gform_wrapper .ginput_complex .ginput_right input[type=text] { width: 88% !important; } .home-widgets .gform_wrapper .top_label input.medium { width: 96%; } body .container .gform_wrapper input.gform_button{ padding: 6px 18px!important; } .home-widgets #gform_submit_button_1.button.gform_button { float: right; background: #3d4d7a; margin: 11px 0px 0px 0px; top: 0px; right: 0px; width: 75px; height: 25px; font-size: 10px; line-height: 13px; border-radius: 0px !important; border: none !important; } .home-widgets .gform_wrapper .gform_footer { padding: 0px; margin: 0px; } .home-widgets label { display: none !important; } body.home #field_1_3 { padding-top: 1px; } /*CONTACT BOX */ #contactbox { display: block; background: #FFF; padding: 15px 10px 10px 10px; border-radius: 3px; width: 100%; height: 50px; border: 1px solid #B8C2DC; margin: 0 auto 25px; line-height: 1.75; } #contactbox img { float: left; max-width: 30%; max-height: 110%; top: -10%; position: relative; } #contact1 { float: left; max-width: 28%; } #contact2 { float: right; } #contactbox img, #contact1, #contact2 { margin-right: 4%; } /************************************************ * 7. Content * ************************************************/ .article { display: block; overflow: hidden; } .blog-holder, .archive-holder { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(0,0,0, .08); } .postarea { padding: 0px 24px 0px 0px; } .postarea.right { padding: 0px 0px 0px 24px; } .postarea.full { padding: 0px 0px 0px 0px; } .postarea.middle { padding: 0px 24px 0px 24px; } .postarea p:first-child { padding-top: 0px; } .post-author { display: block; color: #999999; width: 100%; font-size: 0.9em; margin: -12px 0px 0px 0px; padding: 6px 0px; height: 2em; } .post-author p { margin: 0px; padding: 0px; } .post-meta { display: inline-block; background: #F9F9F9; color: #999999; width: 100%; font-size: 0.9em; margin: 12px 0px; padding: 8px 0px; overflow: hidden; } .post-meta p { margin: 0px; padding: 0px 12px; } .post-edit-link { display: none; margin: 12px 0px; } .author-column { float: right; width: 72%; margin-top: 20px; padding-left: 4%; border-left: 1px solid rgba(0,0,0, .08); } .author-posts { margin: 0px 0px 12px 0px; padding: 0px; } .author-posts li { margin: 0px; padding: 6px 0px; border-bottom: 1px solid rgba(0,0,0, .08); } .archive-column { float: left; width: 30%; margin: 0px; padding-right: 5%; } .archive-column.last { padding-right: 0; } .sticky { position: relative; } .bypostauthor { } /************************************************ * 8. Post Formats * ************************************************/ .format-video .feature-vid { background: #F9F9F9; margin: 0px 0px 12px 0px; padding: 12px; } .format-image { position: relative; } .format-image { position: relative; margin: 0px; z-index: 6; } .format-image .caption { display: block; background: rgba(0,0,0, .6); color: #FFFFFF; width: 100%; font-size: 1em; font-weight: 400; letter-spacing: 0; position: absolute; bottom: 0; margin: 0px; padding: 12px 0px; z-index: 9; } .format-image .caption span { padding: 0px 18px; } .format-gallery .slideshow { margin-top: 0px; margin-bottom: 24px; } .format-status .article { background: #F9F9F9; font-size: 1.2em; padding: 24px; } .article { width: 100%; } /************************************************ * 9. Social Media * ************************************************/ .social { display: block; background: #F9F9F9; height: 24px; margin: 12px 0px 6px 0px; padding: 8px; } .tweet-btn, .like-btn, .pin-btn, .plus-btn { float: left; display: inline-block; line-height: 0; margin: 2px; padding: 0px; } .tweet-btn { width: 90px; } .like-btn { width: 92px; } .plus-btn { width: 72px; } .pin-btn { width: 54px; } .social-icons { list-style: none; margin: 0px; padding: 8px 0px 0px 0px; } .social-icons li { display: inline-block; list-style: none; margin: 0px; padding: 0px; } .social-icons li a { background: #333333; color: #666666; text-align: center; text-decoration: none; line-height: 30px; height: 30px; width: 30px; margin: 4px; padding: 8px 8px 4px 8px; border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; } .social-icons li a:hover { background: #444444; color: #FFFFFF; } .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; } /************************************************ * 10. Pagination * ************************************************/ .pagination { float: left; display: block; width: 100%; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; line-height: 24px; margin: 0px; padding: 12px 0px; position: relative; z-index: 9; } .pagination .page-numbers { display: inline-block; color: #666666; min-height: 24px; min-width: 24px; text-decoration: none; margin: 0px 2px; padding: 0px; text-align:center; } .pagination .page-numbers:hover, .pagination .page-numbers:active { background: #EEEEEE; min-height: 24px; min-width: 24px; line-height: 24px; padding: 0px; } .pagination .page-numbers.current { display: inline-block; min-height: 24px; min-width: 24px; line-height: 24px; padding: 0px; } div.pagination > span { cursor: pointer; } .post-navigation { display: block; margin: 0px; padding: 0px; overflow: hidden; } .previous-post { float: left; font-size: 0.9em; } .next-post { float: right; font-size: 0.9em; } .page-links { display: block; overflow: hidden; margin: 12px 0px; } .page-links .link-label { color: #000000; font-weight: bold; margin-left: 0px; } .page-links span { margin: 0px 3px; } /************************************************ * 11. Images * ************************************************/ .feature-img, .feature-vid { display: block; text-align: center; line-height: 0; margin-bottom: 12px; overflow: hidden; } .feature-img.banner { max-height: 337px; overflow: hidden; background-color: #f3f3f3; text-align: center; position: relative; margin-bottom: 0px; } .container .feature-img.banner { margin-bottom: 48px; } .feature-img img { max-width: none; } .container .feature-img img { max-width: 100%; } .banner-shadow { position: absolute; top: 0px; margin: auto; width: 100%; height: 100%; background-image: url(images/shadow.png); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .banner_caption { width: 100%; max-width: 1100px; margin: auto; display: block; height: 337px; position: relative; } .banner_caption .caption { width: 50%; background-color: rgba(225, 225, 225, 0.7); display: table-cell; vertical-align: middle; max-height: 165px; right: 0px; position: absolute; top: 50%; margin-top: -101px; text-align: left; padding: 20px 35px 15px; } .caption h1 { margin-bottom: 5px; padding-bottom: 0px; line-height: 0.85em; } .banner_caption .caption p { width: 90%; font-size: 1.1em; line-height: 2em; font-weight: 600; } .avatar { background: #FFFFFF; margin: 10px 20px 10px 0px; padding: 6px; } .author-avatar { float: left; display: block; width: 20%; margin-top: 20px; padding-right: 3.6%; } .author-avatar .avatar { display: block; margin: 0px; padding: 0px; border: none; } img.centered { display: block; margin: 6px auto 6px; padding: 0px; } img.alignnone { padding: 0px; margin: 6px 0px; display: inline; } img.alignright { padding: 0px; margin: 7px 0px 12px 24px; display: inline; } img.alignleft { display: inline; padding: 0px; margin: 7px 24px 12px 0px; } .aligncenter { margin: 6px auto 6px; } .alignright { float: right; margin: 6px 0px 6px 24px; } .alignleft { float: left; margin: 6px 24px 6px 0px; } .wp-caption { display: block; position: relative; } .wp-caption p.wp-caption-text { display: block; background: rgba(0,0,0,0.56); color: white; width: 100%; max-width: 100%; position: absolute; bottom: 0px; font-size: 0.8em; line-height: 1.6; margin: 0px; padding: 10px 5px; opacity: 0; transition: opacity 0.7s ease; -webkit-transition: opacity 0.7s ease; -moz-transition: opacity 0.7s ease; -o-transition: opacity 0.7 ease; } .wp-caption-text.gallery-caption { display: none; } .wp-caption:hover p.wp-caption-text { opacity: 1; } .gallery-item .wp-caption:hover { background: none; } .wp-caption p.wp-caption-text a { color: white; text-decoration: underline; } .gallery-item .wp-caption-text.js { display: none } /************************************************ * 12. Portfolio * ************************************************/ .portfolio-wrap { margin-left: -6px; width: calc(100% + 12px); width: -webkit-calc(100% + 12px); width: -moz-calc(100% + 12px); } #portfolio-filter { margin: 6px; padding: 0px; } #portfolio-filter li { display: inline-block; list-style: none; margin: 0px; padding: 0px; } #portfolio-filter li a { display: inline-block; background: #F9F9F9; text-decoration: none; margin: 6px 6px 0px 0px; padding: 8px 12px; } #portfolio-filter li a:hover, #portfolio-filter li a:focus, #portfolio-filter li a:active { background: #99cc00; color: #FFFFFF !important; } #portfolio-filter li:last-child a { margin-right: 0px; } #portfolio-list { margin: 0px; padding: 0px; } .portfolio { background: #FFFFFF; } .portfolio .portfolio-item { list-style: none; margin: 0px; padding: 0px; } .portfolio .post-holder { background: #F9F9F9; } .portfolio-item.single .post-holder { margin: 6px; } .portfolio-half .post-holder, .portfolio-third .post-holder { margin: 6px; padding: 12px; } .portfolio-item .feature-img, .portfolio-item .feature-vid { margin-bottom: 0px; } .portfolio-half .excerpt, .portfolio-third .excerpt { display: block; padding: 18px 6px 6px 6px; } .portfolio-half .portfolio-item, .portfolio-third .portfolio-item { float: left; } .portfolio-item.single .excerpt { background: #F9F9F9; padding: 36px; } .portfolio-item.single .more-link { margin-bottom: 0px; } /*---------- Isotope Animations ----------*/ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /************************************************ * 13. WordPress Gallery * ************************************************/ .gallery-caption { font-size: 0.8em; padding: 0px 10px; } .gallery { margin: 0px auto 0px; padding: 0px; overflow: hidden; } .gallery-item { margin: 0px } .gallery-icon { line-height: 0; margin: 6px; } .gallery-icon a { display: block; border: 1px solid #DDDDDD; transition: background .25s; -moz-transition: background .25s; -webkit-transition: background .25s; -o-transition: background .25s; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px 1px rgba(0, 0, 0, .08); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08); } .gallery a:hover { background: #161616; } .gallery img { border: none !important; } .gallery-caption { font-size: .9em; padding: 0px 10px; } /*FANCYBOX*/ /*Hide Title/Caption*/ /************************************************ * 14. Sidebar * ************************************************/ .sidebar { margin: 0px; padding: 0px 0px 0px 24px; } .sidebar.left { padding: 24px 24px 0px 0px; } .sidebar h6, .footer h6 { margin-bottom: 12px; padding-bottom: 0px; border-bottom: none; } /************************************************ * 15. Widgets * ************************************************/ .widget { margin-bottom: 44px; padding: 0px; } .widget ul, .widget li { list-style-type: none; margin: 0px; padding: 0px; } .widget li { display: block; margin: 6px 0px 0px 0px; padding: 6px 0px 0px 0px; border-top: 1px solid rgba(0,0,0, .08); } .widget li:last-child { padding-bottom: 6px; border-bottom: 1px solid rgba(0,0,0, .08); } .widget li li { padding-left: 12px; } .widget li li:last-child { padding-bottom: 0px; border-bottom: none; } .widget li a { margin: 0px; padding: 0px; } .textwidget { margin: 0px; padding: 0px; } .textwidget p { padding: 8px 0px !important; } .tagcloud { line-height: 1.2; } /************************************************ * 16. RSS Widget * ************************************************/ .widget h6 a.rsswidget { display: inline; } .widget a.rsswidget { display: block; } .widget .rss-date { display: block; font-size: 0.8em; margin-bottom: 12px; } /************************************************ * 17. Calendar Widget * ************************************************/ #calendar_wrap { margin: 0px auto 0px; padding: 0px; } #wp-calendar { width: 100%; text-align: center; } #wp-calendar a { margin: 0px; } #wp-calendar caption { font-size: 16px; margin: 5px 0px 5px 0px; } #wp-calendar #prev a { float: left; margin: 0px; text-align: left; } #wp-calendar #next a { float: right; margin: 0px; text-align: right; } /************************************************ * 18. Custom Menu Widget * ************************************************/ .widget ul.menu { float: none; text-align: left; } .widget ul.menu .current_page_item a, .widget ul.menu .current-menu-item a { color: #669900; background: none; } .widget ul.menu li a { display: block; background: none; color: #99CC33; height: auto; font-size: 1em; text-transform: none; text-shadow: none; line-height: 2; margin: 6px 0px; padding: 0px; } .widget ul.menu li a:hover { color: #669900; background: none; text-decoration: underline; } .widget ul.menu li { float: none; display: block; background: none !important; margin: 0px; padding: 0px; width: 100%; } .widget ul.menu li:last-child { border-bottom: none; } .widget ul.menu li span { top: 1px; right: 0px; } .widget ul.menu li ul.sub-menu { background: none !important; width: 100%; margin: 0px; padding: 0px; position: static; z-index: 9; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .widget ul.menu li ul.sub-menu span { display: none; } .widget ul.menu li ul.sub-menu li a { padding-left: 12px; } .widget ul.menu li ul.sub-menu li ul.sub-menu li { display: none; } /************************************************ * 19. Search Form * ************************************************/ #searchform { margin: 0px; padding: 0px; } #searchform label { display: none; } #searchform .search-holder, #search .search-holder { display: inline-block; width: 100%; } #searchform .search-field, #searchform #s, #search #s, #search .search-field { float: left; background: #F9F9F9; color: #999999; width: 68%; height: 36px; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 1em; line-height: 36px; margin: 0px 0px 0px 0px; padding: 0px 8px 0px 8px !important; border: none; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); } #searchsubmit { float: right; background: #F9F9F9; color: #666666; width: 20%; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 1em; margin-top: 0px !important; margin-bottom: 0px !important; padding: 8px 3% !important; } /************************************************ * 20. Footer * ************************************************/ .footer { background: #fff; margin: 0px auto 0px; padding: 0px; overflow: hidden; text-align: center; border-top: 1px solid #c9d1e4; } .footer p { margin: 0px; padding: 0px; } .footer .align-left { font-size: 0.9em; line-height: 1.8; } .footer-widgets { max-width: 1056px; margin: 0px auto 0px; } .footer-widget .widget { margin-top: 48px; margin-bottom: 48px; padding: 0px 12px; } .footer-information { background: #242424; padding: 48px; overflow: hidden; } .footer-content { max-width: 1056px; margin: 0px auto 0px; } .footer-content a { color: #999999; } .footer nav li { display: inline; list-style: none; } .footer nav.navigation-footer li a { color: #4c4c4c; text-decoration: none; } .navigation-footer { width: 100%; } .footer .copy { color: #979ca8; margin-bottom: 5px; } .footer .container { padding: 1px; } .navigation-footer { margin-bottom: -5px; } /************************************************ * 21. Comments * ************************************************/ #author, #email, #url { background: #FFFFFF; color: #666666; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 5px; border: 1px solid rgba(0,0,0, .08); border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 1px 1px 1px #DDDDDD; -moz-box-shadow: inset 1px 1px 1px #DDDDDD; -webkit-box-shadow: inset 1px 1px 1px #DDDDDD; } #comment { background: #FFFFFF; color: #666666; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; margin: 5px 0px; padding: 5px; border: 1px solid rgba(0,0,0, .08); border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 1px 1px 1px #DDDDDD; -moz-box-shadow: inset 1px 1px 1px #DDDDDD; -webkit-box-shadow: inset 1px 1px 1px #DDDDDD; } #comments { background: #F9F9F9; margin-top: 24px; padding: 12px 24px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } #comments-title { font-size: 2em; margin: 4px 0px 8px 0px; padding: 4px 0px 8px 0px; } #reply-title { margin: 0px; padding: 0px; } .commentlist li .avatar { float: right; background: #FFFFFF; margin: 0px 0px 12px 12px; padding: 6px; border: none; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px 1px rgba(0, 0, 0, .08); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08); } .commentlist { margin: 0px; padding: 0px; } .commentlist ol { margin: 0px; padding: 10px; } .commentlist li { margin: 0px; padding: 0px; list-style: none; border-top: 1px solid rgba(0,0,0, .08); } .commentlist li:last-child { border-bottom: 1px solid rgba(0,0,0, .08); } .commentlist li ul li { padding-left: 24px; } .commentlist li ul li:last-child { border-bottom: none; } .commentlist p { margin: 10px 0px; padding: 0px; } .comment { padding: 18px 0px; overflow: hidden; } #commentform { margin: 5px 0px 0px 0px; } #commentform #submit { padding: 6px 12px !important; } #commentform textarea { width: 96% !important; padding: 2%; } .commentlist li #respond { border-top: 1px solid rgba(0,0,0, .08); } #respond { padding-top: 20px; } #respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #cancel-comment-reply-link { display: block; font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif; font-size: 0.7em; font-weight: normal; text-transform: none; margin: 6px 0px 18px 0px; } .form-submit #submit { margin-top: 0px !important; } p.logged-in-as { margin-top: -6px; } .nocomments { display: none; } .edit-link { float: right; margin-top: 12px; } .reply { float: left; margin: 6px 0px; } .reply a, .reply a:visited { margin: 0px !important; padding: 4px 12px !important; } .commentmetadata { font-size: 10px; line-height: 14px; margin: 0px; display: block; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 30px; } .form-allowed-tags { display: none; } .thread-alt, .thread-even { margin: 0px; padding: 0px; } .children { margin: 0px; padding: 0px; } .even, .alt { margin: 0px; padding: 0px; } /************************************************ * 22. Buttons * ************************************************/ a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link, #submit, #comments #respond input#submit, .container .gform_wrapper input.button { display: inline-block; position: relative; top: -2px; background-color: #8599cb; color: #fff !important; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-transform: uppercase; margin: 12px 0px; padding: 6px 18px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border: none; } a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover, #submit:hover, #comments #respond input#submit:hover, .container .gform_wrapper input.button:hover { top: 0px; background-color: #99cc00; color: #FFFFFF !important; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, .15); box-shadow: inset 0px 3px 0px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 3px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0px 3px 0px rgba(0, 0, 0, .2); cursor: pointer; } /************************************************ * 23. Tables * ************************************************/ table { background: #FFFFFF; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; width: 100%; margin: 20px 0px; padding: 0px; border-collapse: collapse; } .widget table { margin: 0px; } table thead, table tfoot { border: 1px solid #E4E4E4; } table thead th, table tfoot td { border: none; } table th { background: #EEEEEE; font-size: 1.2em; text-align: center; margin: 0px; padding: 8px 2px; border: 1px solid #E4E4E4; } table td { padding: 5px 2px; margin: 0px; border: 1px solid #E4E4E4; } /************************************************ * 24. Forms * ************************************************/ .container .ginput_complex .ginput_right br, .container .gform_footer br { display: none; } .container form { display: block; } .container form ul li { list-style: none; padding: 0px; margin: 0px; } .container form legend { font-weight: bold; padding-top: 10px; } .container form label { margin-top: 6px; } .container form input[type='url'], .container form input[type='tel'], .container form input[type='email'], .container form input[type='text'], .container form input[type='password'], .container form input[type='number'], .container form textarea, .container form select { display: block; background: #FFF; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; margin: 4px 12px 4px 0px; padding: 8px; border: 1px solid rgba(0, 0, 0, 0.38); border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); } .container .home-widget form input[type='url'], .container .home-widget form input[type='tel'], .container .home-widget form input[type='email'], .container .home-widget form input[type='text'], .container .home-widget form input[type='password'], .container .home-widget form input[type='number'], .container .home-widget form textarea, .container .home-widget form select { border: 1px solid #B8C2DC; box-sizing: border-box; margin-right: 0px; } .container form input[type='url'], .container form input[type='tel'], .container form input[type='email'], .container form input[type='text'], .container form input[type='password'], .container form input[type='number'] { width: 42%; } .container form textarea { width: 96% !important; } .container .home-widget form textarea { width: 100% !important; padding-bottom: 25px; } .page-template-template-staff .postarea { margin: 0 0 45px; } .container form input[type='checkbox'], .container form input[type='radio'] { margin-left: 2px; margin-right: 6px; } .container form input[type='submit'] { margin-top: 0px; height: 36px; } select { display: block; background: #F9F9F9; max-width: 98%; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; margin: 4px 12px 4px 0px; padding: 8px !important; border: 1px solid rgba(0,0,0, .08); border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1); } .ginput_right input, .ginput_left input { max-width: 92%; } .container .gform_wrapper .top_label input.large { width: 96%; } .container .home-widget .gform_wrapper .top_label input.large { width: 100%; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { float: right; } .container .gform_wrapper .gform_footer { padding: 0px; } /************************************************ * 25. CSS3 Styles * ************************************************/ a, a:link { transition: background .25s, color .25s; -moz-transition: background .25s, color .25s; -webkit-transition: background .25s, color .25s; -o-transition: background .25s, color .25s; } #submit, #searchsubmit { transition: background .25s, color .25s; -moz-transition: background .25s, color .25s; -webkit-transition: background .25s, color .25s; -o-transition: background .25s, color .25s; } .shadow { box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); } .radius-full { border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .radius-top { border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -khtml-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; } .radius-bottom { border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; } .radius-half { border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; } /************************************************ * 26. WooCommerce * ************************************************/ .woocommerce a.button:hover { color: #000000 !important; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { display: block !important; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { font-weight: 400; letter-spacing: 0; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { margin-bottom: 12px !important; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { margin-right: 0px; } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { margin: 0px; padding: 0px !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.6% !important; } /************************************************ * 27. Grid * ************************************************/ #wrap { margin: 0px; padding: 0px; } .container { max-width: 1000px; margin: 0 auto; padding: 48px; } .container .container { padding: 0px; } #content-main .container { background-color: white; } .row { width: 100%; margin: 0 auto; } .row .row { min-width: 0; } .column, .columns { float: left; min-height: 1px; position: relative; } [class*="column"] + [class*="column"]:last-child { float: right; } .row .single { width: 100%; } .row .half { width: 49.9%; } .row .third { width: 33.3%; } .row .fourth { width: 25%; } .row .one { width: 6.25%; } .row .two { width: 12.5%; } #header .two.columns{ //width: 14.5%; width: 125px; } .row .three { width: 18.75%; } .row .four { width: 25%; } .row .five { width: 31.25%; } .row .six { width: 37.5%; } .row .seven { width: 43.75%; } .row .eight { width: 50%; } .row .nine { width: 56.25%; } .row .ten { width: 62.5%; } .row .eleven { width: 68.75%; } .row .twelve { width: 75%; } .row .thirteen { width: 81.25%; } .row .fourteen { width: 87.5%; } .row .fifteen { width: 93.75%; } .row .sixteen { width: 100%; } .row .centered { float: none; margin: 0 auto; } /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /*Gettin' Real*/ /***** TABBED LISTS ("NOTES") ******/ .notes { padding: 0px; } .notes li { display: block; position: relative; border: 1px solid #dbdbdb; border-bottom: 0px; background-color: white; line-height: 24px; list-style: none; padding-left: 10px; margin: 0px; } .notes li a { margin: 0px 5px 0px 10px; } .notes li:last-child { border-bottom: 1px solid #dbdbdb; } .notes li a { display: block; color: #3d4d7a !important; font-size: 15px; font-family: 'Museo', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.4; letter-spacing: -0.4px; text-decoration: none; padding: 10px 0px; } .home .notes li a { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; } .notes li:before { content: ''; background-color: #8599cb; height: 100%; width: 10px; position: absolute; left: 0px; border: 0px 1px solid #dbdbdb; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; } .notes li:hover:before { background-color: #3D4D7A; } /* ABOUT MENU */ #about-menu .notes li { width: 100%; max-width: 100%; text-align: left; text-indent: 5px; height: auto; min-height: 40px; } #about-menu .notes li a { line-height: 25px; } #about-menu li.sfHover:hover a { background: none; box-shadow: none !important; } #about-menu .notes ul li ul, #about-menu .notes ul li ul * { width: 100% !important; position: relative !important; top: 0px !important; margin: 0px !important; padding: 0px !important; background: white !important; font-size: 12px; text-indent: 0px; font-style: normal !important; color: #aeaeae !important; } #about-menu .notes ul li ul.sub-menu li { display: table; table-layout: fixed; width: 100%; } #about-menu .notes ul li ul.sub-menu li a { line-height: 1; display: inline-block; vertical-align: middle; padding-left: 10% !important; max-width: 84% !important; } /* #about-menu .notes ul li ul li { display: table; } #about-menu .notes ul li ul li a { display: table-cell; vertical-align: middle; } */ .sub-menu { display: none; } #about-menu .notes ul li ul .current-menu-item a, #about-menu .notes ul li ul a:hover { font-style: italic !important; color: #656565 !important; } #about-menu .notes ul li ul li:before { display: none; } #about-menu li.current-menu-ancestor, #about-menu li.current_page_ancestor, #about-menu .current-menu-item, #about-menu .current-menu-item, #about-menu .current-menu-ancestor, #about-menu .current_page_ancestor ul li, #about-menu .current-menu-ancestor ul .current_page_item, #about-menu .current_page_ancestor ul .current-menu-item, #about-menu .current-cat ul li a:hover { font-style: italic; background-color: #d4ddf1; } #about-menu li.current-menu-ancestor, #about-menu li.current_page_ancestor { font-style: normal; } #about-menu li.current-menu-item>ul.sub-menu, #about-menu li.current-menu-ancestor>ul.sub-menu, #about-menu .notes ul li ul.sub-menu.stillhere, .notes.open li ul, .notes.open li ul li { display: block !important; opacity: 1 !important; height: auto !important; } #about-menu .notes ul li.current-menu-item .sub-menu { padding-top: 10px !important; } /*sub sub menus*/ #about-menu .notes ul li ul.sub-menu li ul.sub-menu { display: none; width: 75% !important; margin-left: 21% !important; background: none !important; left: 0px !important; overflow: hidden; height: auto; } #about-menu .notes ul li ul.sub-menu li ul.sub-menu.proud-parent, #about-menu .notes ul li ul.sub-menu li.current-menu-item ul.sub-menu, #about-menu .notes ul li ul.sub-menu li.current-menu-ancestor ul.sub-menu, #about-menu .notes ul li ul.sub-menu li.sfHover ul.sub-menu { display: block ; } #about-menu .notes ul li ul li ul * { line-height:14px; font-size: 12px; font-family: 'Open Sans', Arial sans-serif; text-indent: 0; font-style: italic !important; color: #405892 !important; text-indent: 0; display: block; margin: 10px 0px 0px!important; width: 100% !important; } .notes .sub-menu *:last-child { border-bottom: none !important; } /**** REPORTS PAGE ****/ #report_nav { float: right; font-family: 'Museo'; color: #5566BA; } #report_nav p { font-size: 15px; position: relative; top: -17px; right: 30px; margin-bottom: -30px; line-height: 22px; text-align: right; text-transform: uppercase; padding: 0px; } #report_nav a { color: #5566BA !important; margin-left: 15px; font-size: 20px; line-height: 2.19; display: none; overflow: hidden; top: 0px; position: relative; text-decoration: none; } #reps a.showing { color: #C4C4C4 !important; } #reps { float: left; margin-right: 10px; } .nextlink, .prevlink { display: block; cursor: pointer; font-size: 20px; line-height: 41px; float:left; color: #ccc; margin: 0 5px; } .nextlink.show, .prevlink.show { color: #5566BA; } .report h1 { position: relative; top: -16px; width: 53%; } .report:nth-child(2) { display: block; } .report { display: none; } .report_cover { display: block; float: left; position: relative; margin: 14px 14px 14px 0px; } .read { display: block; position: absolute; bottom: 0px; right: 0px; width: 91px; height: 31px; background-image: url(images/read.jpg); background-size: auto; background-position: center center; background-repeat: no-repeat; } .read_report { float: left; font-size: 20px; font-weight: bold; color: #556BAA!important; text-decoration: none !important; text-transform: uppercase; font-family: 'Open Sans'; width: 60%; min-width: 179px; text-align: left; } .share_report { float: right; width: 163px; margin-top: 10px; } /* PEOPLE AND STAFF */ #people { overflow: hidden; } .person { width: 50%; float: left; margin-bottom: 20px; position: relative; } .person h4, .job-title { padding: 0px; margin-top: 15px; line-height: 1; } .job-title { margin: 0px 0px 10px 0px; } .headshot { padding: 2px; background-image: url(images/people.png); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 100px; height: 100px; overflow: hidden; position: relative; margin-right: 10px; float: left; } .headshot .pic { display: block; width: 92px; height: 93px; background-position: -2% center; background-repeat: no-repeat; background-size: 104% auto; border-radius: 50%; position: relative; margin: auto; top: 2px; } .address { display: none; float: right; position: absolute; right: 0px; top: 11px; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; } .address p { margin: 0px; padding: 0px; line-height: 1.5; } .phone { display: none; position: relative; top: -6px; } .active .phone { display: block; } .biolink { color: #a9a9a9 !important; text-decoration: none !important; font-weight: bold; line-height: 15px; vertical-align: middle; float: left; font-size: 15px; } .biolink:after { content: 'BIO'; } .biolink.back { position: absolute; top: 83px; left: 114px; margin: auto; z-index: 9999; } .biolink.back:after { content: 'BACK'; } .biolink:hover { color: #767676; text-decoration: none; } .person .email { display: block; position: relative; float: left; width: 26px; height: 17px; margin-right: 15px; background-image: url(images/envelope.png); background-repeat: no-repeat; background-size: contain; background-position: center center; z-index: 9999; } .bio { display: none; width: 100%; height: auto; overflow: hidden; position: relative; top: 30px; } .addy { display: none; float: right; } body.page-template-template-staff-php .active, .bio .active .addy { display: block; } /*--GALLERY--*/ #lightbox img { max-width: none; } /* PUBLICATIONS */ #pubcrawl { display: none; } .pubsearch #pubsearch { padding: 5px; border-radius: 4px; border: 1px solid #ddd; overflow: hidden; margin: 0px 0px 30px; background-image: -moz-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%); box-shadow: 0px 1px 3px 0px rgb( 0, 16, 13 ); width: 250px; } .pubsearch #pubsearch input, #searchall input { position: relative; float: left; margin: 0px auto; top: 0px; left: 0px; width: 210px; height: 37px; padding: 0px !important; border-radius: 3px 0px 0px 3px; text-indent: 10px; } .pubsearch #pubsearch input[type=submit], #searchall input[type=submit] { text-indent: -9999px; overflow: hidden; width: 37px; height: 40px; top: -1px; margin: 0px; background: #7e8db7 center center no-repeat url(images/search-white.png); background: url(images/search-white.png) center center no-repeat, -moz-linear-gradient( 90deg, rgb(126, 141, 183) 0%, rgba(126, 141, 183,.5) 100%); background: url(images/search-white.png) center center no-repeat, -webkit-linear-gradient( 90deg, rgb(126, 141, 183) 0%, rgba(126, 141, 183,.5) 100%); background: url(images/search-white.png) center center no-repeat, -ms-linear-gradient( 90deg, rgb(126, 141, 183) 100%) 0%, rgba(126, 141, 183,.5); background: url(images/search-white.png) center center no-repeat, -o-linear-gradient( 90deg, rgb(126, 141, 183) 100%) 0%, rgba(126, 141, 183,.5); background: url(images/search-white.png) center center no-repeat, linear-gradient( 90deg, rgb(126, 141, 183) 100%) 0%, rgba(126, 141, 183,.5); box-shadow: 0px 1px 0px 0px rgb( 255, 255, 255 ); border-radius: 0px 3px 3px 0px; } h3.pubcat { width: 100%; overflow: hidden; font-weight: bold; text-transform: uppercase; } .pubs { max-width: 575px; min-height: 135px; } .pubs h6 { border-bottom: none; color: #646464; font-size: 14px; } .pubs .feature-img { display: block; position: absolute; float: left; padding: 10px; max-width: 100px; margin-left:2px; } .pubs .soc_share { position: absolute; bottom: 0px; width: 100px; padding: 10px; text-align: center; margin-left: 4px; z-index: 99; } .pubs .soc_share .icon { width: 24px; height: 24px; display: block; float: left; background-position: center center; background-size: contain; background-repeat: no-repeat; margin-right: 8px; } .pubs .soc_share .icon:last-child { margin-right: 0px; } .pubs .soc_share .icon.facebook { background-image: url(images/facebook-gray.png); } .pubs .soc_share .icon.twitter { background-image: url(images/twitter-gray.png); } .pubs .soc_share .icon.mail { background-image: url(images/mail-gray.png); } .pubs .icon.facebook:hover, #preload .fbpre { background-image: url(images/facebook-black.png); } .pubs .icon.twitter:hover, #preload .twpre { background-image: url(images/twitter-black.png); } .pubs .icon.mail:hover, #preload .mailpre { background-image: url(images/mail-black.png); } .pubs .information { padding-left: 120px; } .pubs .information p { font-style: italic; padding: 0px 0 5px; margin: 0px 27px 0px 0px; font-size: 11px; line-height: 1; } .pubs .information p.description { margin-bottom: 8px; font-size: 13px; line-height: 1.2; } .pubs .documents { display: block; text-align: center; margin-top: 20px; width: 100%; max-width: 100%; } .pubs .documents a { text-transform: uppercase; text-decoration: none; margin-right: 7%; color: #6678a8; font-size: 11px; font-family: 'Open Sans'; font-weight: 800; } .pubs .documents a:last-child { margin-right: 0; } /*E-NEWSLETTER*/ #gform_fields_3 input, #gform_fields_3 select { padding: 3px 0px 3px 0px; width: 93%; margin: 0px; text-indent: 4px; } #gform_fields_3 .name_first input, #gform_fields_3 .name_last input { padding: 3px 0px 3px 0px; width: 95% !important; margin: 0px; text-indent: 4px; } #gform_fields_3 input { padding: 3px 0px 3px 0px; width: 92% !important; margin: 0px; text-indent: 4px; } #gform_fields_3 select { width: 94% !important; } #subscribe_new #gform_fields_3 select { width: 93% !important; } .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 0.9%; } .gform_wrapper .ginput_complex .ginput_right { margin-left: 0.3% !important; } #input_3_5_1, #input_3_5_2 { width:92% !important; } #gform_fields_3 #input_3_5_6_container select { width: 94% !important; } #gform_fields_3 select { background: #eeeeee; font-family: 'Open Sans'; font-size: 11px; line-height: 5em; padding: 0px !important; height: 27px; text-indent: 0px; } #gform_fields_3 .ginput_complex .ginput_left, #gform_fields_3 .ginput_complex .ginput_right, #gform_fields_3 .ginput_complex .ginput_full { min-height: 0px; display: block; } #gform_fields_3 .ginput_complex .ginput_left, #gform_fields_3 .ginput_complex .ginput_right { width: 50%; } #field_3_5, #field_3_7 { width: 50%; float: left; } #field_3_5 { margin-top: 0px; } /* #field_3_5 { clear: none; width: 48%; float: left; padding-right: 2%; } */ /*#gform_fields_3 .gfield_label { margin: 0px !important; } */ body.page-template-template-newsletters-php .container .gform_wrapper .gform_footer, body.page-template-template-newsletters-php .container .gform_wrapper .gform_footer input { margin: 0px; } body.page-template-template-newsletters-php #gform_submit_button_3 { position: relative; top: -52px; margin-bottom: -50px; } #field_3_1, #field_3_3, #field_3_4, #field_3_7, #field_3_8, #field_3_9, #field_3_10, #field_3_11 { width: 50%; clear: none; float: left; border-right: 2px solid #fff; box-sizing: border-box; } #nlarchives { margin-right: 3%; } h2.narc { color: #6679a9; } .narchive { display: none; position: relative; background: #dcddde; max-width: 95%; margin-bottom: 15px; } #nlarchives { overflow: hidden; } .narchive p { max-width: 100%; background: #6578A8; color: #FFF; padding: 0; text-indent: 7%; } .narchive ul { display: block; max-width: 100%; margin: 0px 0px 10px; background: #dcddde; position: relative; height: auto; padding: 4% 0 6% 7%; overflow: hidden; } .narchive ul li { display: block; position: relative; list-style: none; float: left; width: 45%; margin: 0px; padding:0px; color: #505050; } .narchive ul li a { text-decoration: none; } .narchive ul li:nth-child(even) { float: right; } @media all and (max-width: 1030px) { .narchive ul li { width: 50%; float: left !important; font-size: 10px; } } #nlnav { width: 95%; font-size: 1em; } #nlnav a { display: none; color: #516891; } #nlnav .next { float: right; } #nlnav .prev { float: left; } p.priv { line-height: 1.8; padding: 0px; } #latest_newsletter a { display: block; text-align: right; font-style: italic; text-decoration: none; } #latest_newsletter a img { margin: auto; float: left; } /*NEW NEWSLETTER PAGE */ #latest_newsletter2 { text-align: center; } #latest_newsletter2 a.donaldson { font-style: normal; padding: 6px 0; text-align: center; width: 100%; } div#this_issue_wrapper { padding: 0px 60px 0px 0px; } #subscribe_new .gform_wrapper { padding-top: 0px; margin-top: 0px; } #latest_newsletter2 h2 { text-align: left; } #latest_newsletter2 h2 span { font-weight: 500; } div#this_issue_wrapper h5 { margin-top: 0px; text-align: left; font-family: 'Open Sans'; font-weight: 700; font-size: 13px; color: #505050; } div#this_issue { max-height: 262px; overflow-y: scroll; overflow-x: hidden; text-align: left; line-height: 19px; margin-top: 5px; padding-right: 3px; } /* SCROLLBAR*/ div#this_issue::-webkit-scrollbar { width: 6px; } /* Track */ div#this_issue::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #c7c7c7; -webkit-border-radius: 10px; border-radius: 10px; background: #d7d7d7; } /* Handle */ div#this_issue::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 20px; background: #fdfefe url(images/grips.png) center center no-repeat; -webkit-box-shadow: inset 0 0 6px #d8d7d8; } div#this_issue::-webkit-scrollbar-thumb:window-inactive { background: #88888; } #subscribe_new h2.ptitle { margin-bottom: 5px; } #subscribe_ghost { display: none; } #subscribe_new #subscribe_ghost { display: block; width: 88px; text-align: center; float: left; } #subscribe_new input#gform_submit_button_3 { display: none; } #field_3_9 p { margin: 4px 0 0 5px; width: auto; float: left; text-align: center; font-size: 12px; line-height: 18px; font-style: italic; } #nlarchives2 .narchive { display: block; float: left; border: 2px #6578A8 solid; margin-right: 18px; width: 163px; height: 105px; overflow: hidden; padding-top: 28px; max-width: none; } #nlarchives2 .narchive ul li { float: none !important; width: auto; margin: auto; text-align: center; font-size: 13px; font-weight: bold; margin: 0; line-height: 24px; } #nlarchives2 .narchive ul { padding: 3px 0px; } p.nlyear { font-size: 20px; line-height: 28px; font-weight: 600; position: absolute; top: 0px; width: 100%; text-align: left; } .nl-prev, .nl-next { display: none; cursor: pointer; width: 19px; height: 19px; background-position: center center; background-repeat: no-repeat; background-size: auto; position: absolute; right: 9px; } .nl-prev { top: 39px; background-image:url(images/nl-prev.png); } .nl-next { bottom: 11px; background-image:url(images/nl-next.png); } .nla-prev, .nla-next { display: block; cursor: pointer; width: 31px; height: 137px; background-position: center center; background-repeat: no-repeat; background-size: auto; position: absolute; top: 0; } .nla-prev { left: 0; background-image: url(images/nla-prev-inactive.png); } .nla-next { right:0; background-image: url(images/nla-next-inactive.png); } .nla-prev.active { background-image: url(images/nla-prev-active.png); } .nla-next.active { background-image: url(images/nla-next-active.png); } #nla { position: relative; width: 100%; display: block; } #nla-wrapper { width: 907px; height: 167px; overflow: hidden; margin: auto; } .nla-holder { width: auto; min-width: 10000%; } img#current_thumb { float: left; border: 1px solid #CCC; } @media all and (max-width: 1068px) and (min-width: 981px) { #subscribe_new #subscribe_ghost { width: 70px; } } @media all and (max-width: 980px) { #latest_newsletter2, #subscribe_new { float: none; width: 100%; overflow: hidden; margin-bottom: 13px; } } @media all and (max-width: 667px) { body { padding-top: 166px; } #current_thumb { margin: auto; } } @media all and (max-width:767px) and (min-width: 667px) { #latest_newsletter2 .eight.columns { width: 50% !important; float: left; } } @media all and (max-width: 465px) { #ai1ec-container tr.ai1ec-week td { position: relative; } #subscribe_new #field_3_1, #subscribe_new #field_3_3, #subscribe_new #field_3_4, #subscribe_new #field_3_7, #subscribe_new #field_3_8, #subscribe_new #field_3_9, #subscribe_new #field_3_5, #subscribe_new #field_3_7 { width: 100%; } #subscribe_ghost + p { width: 100%; } #subscribe_new #subscribe_ghost { width: 100%; text-align: center; padding: 6px 5px !important; } div#this_issue { max-height: none !important; height: auto ; overflow: hidden; } #gform_fields_3 input { width: 99% !important; } #gform_fields_3 .name_first input, #gform_fields_3 .name_last input { width: 100% !important; } #gform_fields_3 select, #subscribe_new #gform_fields_3 select { width: 100% !important; max-width: 100% !important; } #subscribe_new .gfield gfield_html .gfield_html_formatted .gfield_no_follows_desc .field_sublabel_below .field_description_below a.donaldson { padding: 6px 3px !important; } .gform_wrapper .top_label .gfield_error { width: 100% !important; } } @media all and (max-width: 1107px) { #nla-wrapper { width: 722px; } } @media all and (max-width: 924px) { #nla-wrapper { width: 537px; } } @media all and (max-width: 730px) { #nla-wrapper { width: 352px; } } @media all and (max-width: 550px) { .nla-prev, .nla-next { display: none; } div#nla-wrapper { width: 100%; height: auto; } div#nla-wrapper .narchive { float: none; margin: 0 auto 25px; } .nla-holder { min-width: 0px; } } /*Newsletter Anchor Page*/ h2.newsdesk { font-family: 'Open Sans'; text-transform: none; font-size: 19px; font-weight: bold; color: rgb(104, 123, 165); } .newsdeskshare img, .newsdeskshare a { display: inline-block; position: relative; margin-left:1px } .newsdeskshare { width: 100%; display: block; overflow: hidden; text-align: right; } .newsdesk a.donaldson { padding: 5px 22px; } /** NEWS ITEMS**/ body.single-news .post-author, body.single-dai_pr .post-author { text-transform: uppercase; font-size: 13px; color: #646464; } .news_summary + .dotted { margin: 0px; } .seven.news_summary { padding: 14px 10px 40px; font-size: 13px; line-height: 19px; margin: 0px auto; height: 240px; width: 42.75%; } .seven.news_summary.inst { border: 3px solid #d8dcef; margin: -3px auto -2px; } .page-template-template-recent-news .seven.news_summary.inst { border: 0; margin: 0; } .news_summary .read { bottom: 6px; } body.single-news h1.headline { color: #646464; font-family: 'DIN', 'Open Sans', Arial; font-size: 18px; font-weight: 500; word-spacing:3px; text-transform: uppercase; max-width: 70%; } body.single-dai_pr h1.headline { color: #646464; font-family: 'DIN', 'Open Sans', Arial; font-size: 18px; font-weight: 500; word-spacing:3px; text-transform: uppercase; width: 100%; text-align: center; } .news_title { font-weight: bold; width: 100%; text-align: left; } .news_title, .date-published { height: auto; width: 100%; display: block !important; padding: 0px; margin: 0px 0px 7px; line-height: 1em; } .date-published { font-style: italic; margin-bottom:14px; } .news_item_top { height: 50px; } .news_item_bottom { height: 189px; } .pub-logo { display: block; width: 200px; max-width:100%; height: 45px; margin-bottom: 10px; } .pub-logo img { display: block; max-width: 100%; max-height: 45px; margin: 0px; } body.single .pub-logo { margin-bottom: 20px; } .sum1 { float: right; } .sum1 + hr.dotted:last-child { display: none; } h2.ptitle { margin-top:0px; padding-top: 0px; margin-bottom: 20px; line-height: 1; } h2.ptitle .right { width: auto; float: right; position: relative; right: 24px; } h2.ptitle.cond { letter-spacing: -1px; word-spacing: -1px; } /**INSTITUTE NEWS*/ #instnews .news_summary:not(.inst) { display: none; } #instnews hr:not(.inst_sep) { display: none; } #instnews .news_summary { margin: 0px 10px 10px 0px; float: left; } .news_summary .exc { height: 96px; overflow: hidden; } /*PRESS RELEASES*/ p.pr_date { font-weight: bold; margin-top: 4px; margin-bottom: -11px; padding-bottom: 0px; } p.pr_name { line-height: 1.5; font-weight: 600 } h3.year { font-family: 'Open Sans'; font-weight: 700; font-size: 22px; color: #6879a7; margin-top: 7px; } /***SMALLER WIDTH LAYOUT ***/ body.page-template-template-small-php .thirteen.columns { float: none; margin: auto; } /***** SEARCH RESULTS ****/ #results { max-width: 800px; margin-left: 80px; } #searchall, #results .search-content { max-width: 800px; } #searchall { min-width: 350px; } #searchall #s { width: 86%; } #searchtop { position: relative; } #searchall input[type=submit] { width: 5%; position: absolute; left: auto; } .search-content a.title { font-family: 'Open Sans', 'Helvetica', Arial, sans-serif; text-decoration: none; font-size: 14px; font-weight: 700; } .issuuembed-container { display: none; position: fixed; top: 0; left: 0; width: 90%; padding: 0 5%; height: 100%; background: rgba(115, 115, 115); z-index: 9999; text-align: center; } .issuuembed-close { position: fixed; top: 50%; margin-top: -40px; height: 80px; width: 5%; display: table; font-size: 40px; z-index: 10000; text-decoration: none !important; text-align: center; padding: 0; } .issuuembed-close>span { display: table-cell; vertical-align: middle; } .issuuembed-close:hover { cursor: pointer !important; } .issuuembed { display: table-cell; vertical-align: middle; } #searchall .directive { font-weight: bold; width: 8%; min-width: 0px; margin-right: 1%; } #searchall, #results { max-width: 800px; margin: 0px auto 27px; display: block; float: none; width: 75%; height: 69px; } #searchall h2 { color: #6678A8; } #searchtop * { float: left; } #searchall p { float: left; } #results .read { width: 53px; background-position: center right; } #results .preview { float: left; margin-left: 10px;} body.search .post { border-bottom: none; } body.search #results .hentry { border-bottom: 2px #CCC dotted; margin-bottom: 10px; } @media all and (min-width: 1024px) { /*Homepage*/ #latest_news { width: 223px; top: 11px; } } /*** BLOG POSTS ***/ .addthis_toolbox.addthis_32x32_style span.at300bs { width: 71px !important; height: 20px !important; padding: 0px !important; margin: 0px !important; overflow: hidden !important; background-image: url(images/emailbtn.png) !important; background-position: center center !important; background-repeat: no-repeat !important; background: url(images/emailbtn.png) !important; text-indent: -9999999px !important; position: relative !important; top: 2px !important; } body.page-template-template-blog-php .headline, body.single-post .headline { font-size: 2.0em; } /***SEARCH PAGE *****/ .post_type { text-transform: uppercase; margin-right: 7px; } .published_on { text-transform: uppercase; margin-right: 7px; font-weight: bold; font-style: italic; font-size: 12px; } body.search .type-nav_menu_item.archive-holder { display: none; } /****MEDIA QUERIES****/ @media all and (min-width: 768px) { /*Homepage*/ .home-widgets .five.columns:nth-child(2) { margin-left: 4%; } .sidebar .widget .gform_body input, .sidebar .widget textarea.medium { width: 94% !important; padding-left: 2% !important; padding-right: 2% !important; } .sidebar .widget .gform_body .ginput_complex input { width: 96% !important; padding: 8px 2% !important; } } @media all and (min-width: 1044px) { #latest_news > ul.notes { position: absolute; bottom: 0px; margin: 0px; } #latest_news { width: 223px; top: 11px; min-height: 322px; } } @media all and (max-width: 1110px) { /*Home Widgets */ .ktweet { font-size: 12px; line-height: 20px; } } @media all and (max-width: 1044px) { /*PAGES GENERAL */ .banner_caption .caption p { font-size:1em; } /*Homepage*/ .home-slider .excerpt { line-height: 20px; } #home_top #latest_news { margin-left: 2%; width: 23%; } #contactbox { font-size: 10px; } #contactbox img { max-width: 24%; } @media all and (min-width: 1000px) { body.home .ginput_complex.ginput_container { width: 100%; } } /*PEOPLE PAGES*/ .address { float: left; position: relative; } .biolink.back { right: 0px; top: 0px; float: right; } } @media all and (max-width: 1111px) and (min-width: 768px) { .pubsearch #pubsearch { width: 100%; } .pubsearch #pubsearch input[type='text'] { width: 82%; } .pubsearch #pubsearch input[type='submit'] { max-width: 16%; } .seven.news_summary p { font-size: 0.8em; line-height: 1.2em; } } @media all and (max-width: 768px) and (min-width: 450px) { .narchive ul li { font-size: 14px; } } @media all and (max-width: 768px) { .issuuembed-container { padding: 0 10%; width: 80%; } .issuuembed-close { width: 10%; } /** ARTICLES **/ .article { width: 100%; } } @media all and (max-width: 950px) { /*HOMEPAGE HEADER*/ #header a.donate, #header .soc { display: none; } #header .container .row .six.columns:nth-child(2) { width: 60%; } /*Home*/ #contactbox { height: auto; overflow: auto; } #contact2 { margin-right: 0px; } /*PAGES GENERAL */ .banner_caption .caption p { font-size: 0.8em; } } @media all and (max-width: 829px) { .flex-control-nav { right: 15px; } /*HOMEPAGE*/ .titular br { display: none; } #content-main #home_mid .featured_posts_home { border-left: 2px dotted #ccc!important; border-right: 2px dotted #ccc!important; border-bottom: 2px dotted #ccc!important; box-sizing: border-box; overflow: hidden; } #content-main #home_mid .featured_posts_home:nth-child(2) + div, .custom_html_home:nth-child(2) + div, .custom_image_home:nth-child(2) + div { box-sizing: border-box; // border: none !important; } .featured_posts_home li .info { width: auto; max-width: 100%; float: none; overflow: hidden; } #latest_news { display: none; } #home_top .container .row .twelve.columns { width: 100%; } .custom_html_home, .featured_posts_home, .custom_image_home { width: 100%; } .home-widgets .gform_wrapper textarea.medium { height: 139px; } #contactbox img, #contact1, #contact2 { margin-right: 1%; } #contactbox img { width: 18%; } #contact1 { width: 23%; } #contact2 { width: 55%; max-width: none; } } @media all and (max-width: 767px) { #sec-selector{ max-width: none; } .container .postarea span.ai1ec-calendar-title-short { display: inline-block; max-width: none!important; } .addthis_toolbox.addthis_32x32_style span { top: 4px !important; } /*Homepage*/ #home_top { height: auto; margin-bottom: 10px; } #flexpad { padding: 10px 0px; } .home-slider .flex-control-nav, .home-slider .slideshow .excerpt, .home-slider .slideshow .button { display: block; } .home-slider .information .more-link { position: relative; float: right; } .slideshow .five.columns .information { padding: 12px 15px 24px 12px; } .home-slider .slides li .columns { margin: 0px; } #flexpad > div.flex-viewport { height: 500px !important; } .home-slider .slides li, .home-slider .slides li .eleven.columns * { height: 300px; width: 100%; } .home-slider .slides li .eleven.columns img { width: auto; max-height: 300px; height: auto; margin: auto; float: none; } .home-slider .five.columns{ position: absolute; top: 300px; background: none; } .home-slider .five.columns .excerpt { height: 180px; } #content-main #home_top .container { padding: 0px; } .home-slider .slideshow .feature-img, .home-slider .slideshow .feature-vid { margin: auto; padding: 0px; } .custom_html_home, .featured_posts_home, .custom_image_home { width: auto !important; float: none; margin-left: 0; margin-right: 0; margin-bottom: 20px; border: none !important; } #contactbox { margin-top: 20px; } #home_mid .titular { margin: 0px; width: auto; max-height: none; } .featured_posts_home h2, .custom_html_home h2 { max-width: 100%; } #contactbox { width: 90%; padding: 5%; } #contactbox img, #contact1, #contact2 { width: auto; max-width: 100%; min-width: none; } #contact2 { float: right; } .partners a { max-width: none; } /*Home Widgets*/ .home-widget .ktweet { height: auto; } .home-widgets .gform_wrapper .top_label input.medium { width: 94%; } .gform_footer.top_label { border: none !important; /* top: 0px !important; */ background: none !important; right: 20px; } .home-widgets .gform_footer.top_label { right: 3px; } /*PAGES GENERAL */ .banner_caption .caption p { line-height: 1.5em; } #about-menu { display: none; } .pubsearch { // display: none; } /*PEOPLE PAGES*/ .person .email, .person .biolink { float: right; margin-right: 14px; } /*NEWS*/ .seven.news_summary { height: auto; } .exc { height: auto !important; } body.page-template-template-recent-news-php hr.dotted { display: none; } .home-widget #gform_widget-3 .container form textarea { width: 99% !important; } #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 5.7% !important; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 4.3% !important; } .home-widget .gform_wrapper .ginput_complex input[type="text"], .home-widget .gform_wrapper .ginput_complex input[type="url"], .home-widget .gform_wrapper .ginput_complex input[type="email"], .home-widget .gform_wrapper .ginput_complex input[type="tel"], .home-widget .gform_wrapper .ginput_complex input[type="number"], .home-widget .gform_wrapper .ginput_complex input[type="password"] { width: 100% !important; } } @media (max-width: 950px){ #wrap #header a.donate, #header .soc { display: block; } } @media all and (max-width: 700px) { /*PEOPLE PAGE*/ .person { width: 100% !important; } } @media all and (max-width: 525px) { #flexpad > div.flex-viewport { height: 420px !important; } .home-slider .slides li, .home-slider .slides li .eleven.columns * { height: 200px; } .home-slider .slides li .eleven.columns img { max-height: 200px; } .home-slider .five.columns{ top: 200px; } } @media all and (max-width: 500px) { span.dotted { border-bottom: none; } /*GENERAL */ .container { padding: 18px; } /*homepage*/ .home-widgets .gform_footer.top_label { right: 0px; } body > div.timely.popover.ai1ec-popup { left: 10% !important; margin: auto !important; } body > div.timely.popover.ai1ec-popup .arrow { display: none !important; } .footer nav ul { margin: 0px; padding: 0px; } .footer nav li { padding: 3px !important; margin: 3px !important; } /*PAGES GENERAL */ .banner_caption .caption p { line-height: 1.2em; } .banner_caption .caption h1 { line-height: 1em; } /*SINGLE EVENTS*/ .ai1ec-single-event .ai1ec-event-details > *, .ai1ec-multi-event .ai1ec-event-details > * { clear: both; width: 100%; } } @media all and (max-width: 450px) { #flexpad > div.flex-viewport { height: 410px !important; } .alignright, .alignleft { float: none; } /*Pages General */ .banner_caption .caption p { display: none; } .feature-img img { max-width: 200%; } .banner_caption { height: inherit; } .banner_caption .caption { min-height: 20px; padding: 10px; } .banner_caption .caption h1 { font-size: 20px; line-height: 25px; } .banner_caption .caption p { font-size:0.7em; line-height: 1.2em; } /*PEOPLE PAGES*/ .person.active { padding-top: 20px; } .person .headshot { width: 100%; margin-bottom: 10px; } .person.active .headshot { margin-top: 20px; } .biolink.back { width: 100% !important; } .person h4, .person .job-title { text-align: center; } /*PUBLICATIONS*/ .pubs .documents a { display: block; } /*Annual Reports*/ .nextlink, .prevlink { margin: 0px; } .report_cover { float: none; margin: auto; } .report h1 { width: 100%; top: 0px; margin: 22px auto 0px; } .home-widget #gform_widget-3 .container form textarea { width: 96% !important; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 3% !important; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span { width: 47%; } .person { text-align: center; } .person .bio { text-align: justify; } .person .email, .person .biolink { display: inline-block; float: none; vertical-align: top; margin: 0px 3px 0px 6px; } } @media all and (max-width: 305px) { #flexpad > div.flex-viewport { height: 475px !important; } .featured_posts_home li .info { width: 100%; } /* ABOUT MENU */ .pubsearch #pubsearch { width: 100%; } .pubsearch #pubsearch input[type='text'] { max-width: 82%; } .pubsearch #pubsearch input[type='submit'] { max-width: 16%; } /*NEWSLETTERS*/ .narchive ul li { font-size: 9px; } } body.coming_soon { background-color: #6378a5 !important; background-image: url(images/temp_page.jpg) !important; background-size: auto !important; background-position: center center !important; background-repeat: no-repeat !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: 100% !important; max-height: 100% !important; } body.coming_soon *, html body.coming_soon #wrap { display: none !important; } @media all and (max-width: 550px) { body.coming_soon { background-size: contain !important; } } .eleven .people-frame:first-child { margin: 0 0 22px; } .people-frame .postarea { margin: 0 0 45px; } .people-frame:after { content: ''; display: block; clear: both; } /* * Styles after calendar update * */ #ai1ec-calendar-view > div.ai1ec-pull-left > div > a.ai1ec-next-month.ai1ec-load-view.ai1ec-btn.ai1ec-btn-sm.ai1ec-btn-default { display: none; } #ai1ec-calendar-view > div.ai1ec-pull-left > div > a.ai1ec-prev-month.ai1ec-load-view.ai1ec-btn.ai1ec-btn-sm.ai1ec-btn-default { display: none; } i.ai1ec-icon-month.ai1ec-view-icon { display: none; } span.ai1ec-hidden-xs.ai1ec-hidden-sm { display: none !important; } a.ai1ec-minical-trigger.ai1ec-btn.ai1ec-btn-sm.ai1ec-btn-default.ai1ec-tooltip-trigger { display: block ; position: absolute; background: none; border: none; top: 0; left: 8%; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; z-index: -10; } .container .postarea span.ai1ec-calendar-title{ display: inline-block; max-width:none!important; } i.ai1ec-fa.ai1ec-fa-calendar-o.ai1ec-fa-fw.ai1ec-fa-lg { display: none; } .ai1ec-pull-left { display: none; } span.ai1ec-calendar-title { font-weight: normal; } .ai1ec-month-view .ai1ec-multiday-bar { background: #fff; } .timely.ai1ec-datepicker.ai1ec-datepicker-dropdown.ai1ec-dropdown-menu.ai1ec-datepicker-orient-left.ai1ec-datepicker-orient-bottom { display: none !important; } .timely.ai1ec-datepicker.ai1ec-datepicker-dropdown.ai1ec-dropdown-menu.ai1ec-datepicker-orient-left.ai1ec-datepicker-orient-top { display: none !important; } body.single-dai_pr .pressrelease .headline{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; } .pressrelease{ font-size: 12px; } .pressrelease .sub-headline{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-align: center; text-transform: none; } body .pressrelease .contacts-head{ font-weight: normal; font-size: 12px; color: #666666; text-transform: uppercase; padding: 0; margin: 0; line-height: 15px; } .pressrelease .contacts{ padding: 0 0 8px; } .pressrelease .contacts p{ padding: 0; } .pressrelease .post-author{ display: none; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 0px !important; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 6px !important; } .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password] { width: 92% !important; margin-right: 0px; } .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_last_name span.name_last { margin-right: 0px !important; } #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 1.7%; } .home-widget .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .home-widget .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .home-widget .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .home-widget .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label { margin-left: 0px; } .home-widget .gform_wrapper li.gfield.gfield_error, .home-widget .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: inherit; border: none; } .home-widget .gform_wrapper li.gfield_error input[type=text], .home-widget .gform_wrapper li.gfield_error input[type=url], .home-widget .gform_wrapper li.gfield_error input[type=email], .home-widget .gform_wrapper li.gfield_error input[type=tel], .home-widget .gform_wrapper li.gfield_error input[type=number], .home-widget .gform_wrapper li.gfield_error input[type=password], .home-widget .gform_wrapper li.gfield_error textarea { background-color: #FFDFE0; border: 1px solid #C89797; } .home-widget .gform_wrapper .ginput_complex input[type=text], .home-widget .gform_wrapper .ginput_complex input[type=url], .home-widget .gform_wrapper .ginput_complex input[type=email], .home-widget .gform_wrapper .ginput_complex input[type=tel], .home-widget .gform_wrapper .ginput_complex input[type=number], .home-widget .gform_wrapper .ginput_complex input[type=password] { width: 100% !important; } .home-widget .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { max-width: 100%; } .home-widget .gform_wrapper .top_label .gfield_error { width: 100%; } .home-widget .gform_wrapper { margin: 0px; max-width: 100%; } .home-widget form { position: relative; } .home-widget .gform_wrapper.gf_browser_chrome .gfield_error input { border: 1px solid #790000; } body .ai1ec-month-view .ai1ec-day-stretcher{ height: 49px; } .gform_wrapper .ginput_complex.ginput_container { overflow: visible !important; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label { margin-left: 6px; } .container .form-on-contactus .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label { margin-right: 6px; } .container .form-on-contactus .gform_wrapper .top_label input.large ,.container .gform_wrapper form textarea,.organic-column .gform_wrapper .ginput_complex input[type="text"]{ width:100%!important; box-sizing: border-box; } .container .form-on-contactus .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 2%; } .container .form-on-contactus .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span{ width: 49%; box-sizing: border-box; } .container .form-on-contactus .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span{ width: 49%; float:left; box-sizing: border-box; } .container .form-on-contactus .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span{ width: 49%; float: left; box-sizing: border-box; } .container .form-on-contactus .gfield_error .name_last{ padding-right: 3px } .container .form-on-contactus .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_complex { box-sizing: border-box; padding-right: 9px; } .container .gform_wrapper div.validation_error ,.container .gform_wrapper li.gfield.gfield_error.gfield_contains_required { width:100%; } table.ai1ec-month-view { margin-bottom: 0px !important; } body.home #ai1ec-calendar-view { background-image: none; } /*.postarea table.ai1ec-month-view, .ai1ec-week-view table, .ai1ec-oneday-view table { table-layout: auto !important; }*/ /*.postarea .ai1ec-month-view td, .postarea .ai1ec-week-view td, .postarea .ai1ec-oneday-view td { border: none !important; }*/ .postarea .ai1ec-calendar-title { margin-left: 53px; } #reps .vis { vertical-align: top; } .postarea .ai1ec-calendar-title-short { margin-left: -15px; vertical-align: bottom; } #report_nav a { white-space:nowrap; } /*.postarea .ai1ec-week-view table.tablescroll_head th, .ai1ec-oneday-view table.tablescroll_head th { padding: 0px !important; }*/ .postarea .timely table, #ai1ec-container table { table-layout: fixed !important; } .postarea .timely tr, .timely th, .timely td, #ai1ec-container tr, #ai1ec-container th, #ai1ec-container td { width: auto !important; } body .postarea .tablescroll_wrapper.ai1ec-popover-boundary { overflow: visible!important ; height: auto!important ; } .postarea .ai1ec-week-view .ai1ec-hour-marker div {z-index:9999;} .postarea>#ai1ec-container .ai1ec-dropdown-menu { max-width: none!important; } .postarea #gform_1 { max-width: none!important; box-sizing: border-box; } textarea { overflow: auto; } /* Letsadoptreform styles */ .letsadoptreform-container.container { max-width: 1020px; padding: 0; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; } .letsadoptreform-container div.content-section p, .letsadoptreform-container div.content-section h4 { font-family: 'Helvetica Neue', 'Open Sans', sans-serif; text-transform: none; margin: 0; padding: 0; } .letsadoptreform-container div.main-content-holder p { color: #000; margin-bottom: 15px; font-size: 18px; line-height: 22px; font-family: 'Helvetica Neue Lt', 'Open Sans', sans-serif; } .letsadoptreform-container div.main-content-holder h4 { color: #444f79; margin-bottom: 15px; font-size: 19px; line-height: 22px; //font-weight: 600; font-family: 'Helvetica Neue Bd', 'Open Sans', sans-serif; } .letsadoptreform-container div.subcontent-holder p { color: #000; margin-bottom: 25px; font-size: 18px; line-height: 22px; font-family: 'Helvetica Neue Lt', 'Open Sans', sans-serif; } .letsadoptreform-container div.subcontent-holder h4 { color: #444f79; margin-bottom: 25px; font-size: 18px; line-height: 28px; // font-weight: 700; font-family: 'Helvetica Neue Bd', 'Open Sans', sans-serif; } .letsadoptreform-container .main-content-holder { padding: 50px 85px 50px 50px; background: #fff url('images/letsadoptreform/background.png') 0 0 no-repeat; } .letsadoptreform-container .main-content-holder .main-content-left, .letsadoptreform-container .main-content-holder .main-content-right { display: inline-block; vertical-align: top; } .letsadoptreform-container .main-content-holder .main-content-left { width: 61%; } .letsadoptreform-container .main-content-holder .main-content-left h4:last-child { margin: 0; } .letsadoptreform-container .main-content-holder .main-content-right { width: 35%; text-align: right; padding-left: 30px; } .letsadoptreform-container .main-content-holder .featured-image { margin-bottom: 20px; } .letsadoptreform-container .subcontent-holder { padding: 50px 120px; } .letsadoptreform-container .subcontent-image { margin-bottom: 40px; text-align: center; } .letsadoptreform-container .subcontent-image img { margin-right: 10px; } .letsadoptreform-container .subcontent-image img:last-child { margin-right: 0; } .letsadoptreform-container .mailchimp { background: #444f79; padding: 0 7px 7px; border-radius: 10px; max-width: 294px; display: inline-block; vertical-align: top; } .letsadoptreform-container .content-section .gform_wrapper li.gfield.gfield_error.gfield_contains_required { width: auto !important; } .letsadoptreform-container .mailchimp .mailchimp-form-name div.ginput_container, .letsadoptreform-container .mailchimp .mailchimp-form-mail div.ginput_container, .letsadoptreform-container .mailchimp .gform_wrapper, .letsadoptreform-container .mailchimp .gform_heading, .letsadoptreform-container .mailchimp .gform_heading .gform_title { margin: 0; } .letsadoptreform-container .gform_wrapper li.gfield.gfield_error input { background: #f00; opacity: .7; } .letsadoptreform-container .mailchimp .mailchimp-form .gform_ajax_spinner { display: none; } .letsadoptreform-container .gform_wrapper li.gfield.gfield_error, .letsadoptreform-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: none; border: none; margin: 0; padding: 0; } .letsadoptreform-container .gform_wrapper li.gfield.gfield_error div.ginput_container, .letsadoptreform-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin: 0 !important; padding: 0 !important; } .letsadoptreform-container .mailchimp-form .validation_error, .letsadoptreform-container .mailchimp-form .validation_message { display: none !important; margin: 0; padding: 0; } .letsadoptreform-container .mailchimp .gform_heading, .letsadoptreform-container .mailchimp .gform_body { display: inline-block; vertical-align: middle; } .letsadoptreform-container .mailchimp .gform_body { margin-right: 12px; } .letsadoptreform-container .mailchimp .gform_footer { display: inline-block; vertical-align: middle; margin: 0; } .letsadoptreform-container .mailchimp .a2a_button_linkedin { display: none !important; } .letsadoptreform-container .mailchimp .gform_confirmation_message { color: #fff; font-family: 'Helvetica Neue Bd', 'Open Sans', sans-serif; font-size: 15px; /* font-weight: 700;*/ line-height: 17px; padding: 30px 25px 20px 35px; text-align: left; } .letsadoptreform-container .mailchimp .gform_confirmation_message .addtoany_shortcode a { background: url('images/letsadoptreform/socials-sprite.png') 0 0 no-repeat; display: inline-block; vertical-align: middle; height: 23px; padding: 0; width: 23px; margin-right: 5px; } .letsadoptreform-container .mailchimp .gform_confirmation_message .addtoany_shortcode a:last-child { margin-right: 0; } .letsadoptreform-container .mailchimp .gform_confirmation_message .addtoany_shortcode a img { display: none; } .letsadoptreform-container .mailchimp .mailchimp-socials { padding-top: 18px; } .letsadoptreform-container .mailchimp .mailchimp-socials span{ font-family: 'Helvetica Neue Lt', 'Open Sans', sans-serif; font-size: 13px; } .letsadoptreform-container .mailchimp .gform_confirmation_message .addtoany_shortcode .a2a_button_facebook { background-position: 0 0; } .letsadoptreform-container .mailchimp .gform_confirmation_message .addtoany_shortcode .a2a_button_twitter { background-position: -24px 0; } .letsadoptreform-container .mailchimp .gform_confirmation_message .addtoany_shortcode .a2a_button_email { background-position: -48px 0; } .letsadoptreform-container .mailchimp .gform_confirmation_message a { background: #94d60a none repeat scroll 0 0; border-radius: 3px; color: #fff; display: inline-block; vertical-align: middle; font-family: "Helvetica Neue Bd","Open Sans",sans-serif; font-size: 12px; font-weight: 700; height: 21px; line-height: 22px; padding: 0 !important; text-align: center; text-decoration: none; text-transform: none; width: 75px; } .letsadoptreform-container .mailchimp .gforms_confirmation_message .gform_confirmation_message span { font-size: 13px !important; margin-right: 25px; font-weight: 400; } .letsadoptreform-container .mailchimp .gform_confirmation_message .addtoany_shortcode, .letsadoptreform-container .mailchimp .gforms_confirmation_message .gform_confirmation_message span { display: inline-block; vertical-align: middle; } .letsadoptreform-container .mailchimp .gforms_confirmation_message .gform_confirmation_message a { font-size: 12px !important; text-decoration: none; } .letsadoptreform-container .mailchimp .gform_heading .gform_title { color: #fff; padding-left: 2px; padding-top: 10px; font-size: 16px; line-height: 28px; font-family: 'Helvetica Neue Bd', 'Open Sans', sans-serif; /* font-weight: 700;*/ } .letsadoptreform-container .mailchimp .gform_body input { width: 200px !important; height: 21px; padding: 4px 0 0 0; margin: 0; font-size: 16px; line-height: 22px; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; font-weight: 400; } .letsadoptreform-container .mailchimp .mailchimp-form-name input { margin-bottom: 7px; } .letsadoptreform-container .mailchimp .gform_fields label { display: none; } .letsadoptreform-container .subcontent-holder { background: #e1e1e1; } .letsadoptreform-container .mailchimp .gform_footer input.gform_button[type="submit"] { background: #94d60a; color: #fff; font-size: 17px; height: 27px; width: 67px; margin-top: 17px; text-transform: none; padding: 0 !important; border-radius: 3px; font-weight: 700; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; } .letsadoptreform-container .mailchimp .gform_footer input.gform_button[type="submit"]:hover { box-shadow: none; text-shadow: none; top: -2px; } .letsadoptreform-container .subcontent-donate .donate { display: block; width: 200px; height: 50px; background: #94d60a; color: #fff; text-align: center; text-decoration: none; font-size: 25px; /* font-weight: 700;*/ border-radius: 3px; margin: 0 auto; padding-top: 1px; font-family: 'Helvetica Neue Bd', 'Open Sans', sans-serif; } .with-showmore .showmore.hide { max-height: 335px; } .with-showmore .showmore { padding: 0; margin: 0; } .with-showmore .showmore .showmorelink>img { max-width: 130% !important; } .with-showmore.postarea { margin-bottom: 40px; } @media all and (max-width: 1024px) { .letsadoptreform-container .main-content-holder { padding: 50px; } .letsadoptreform-container .subcontent-holder { padding: 25px 60px; } .letsadoptreform-container .main-content-holder .main-content-left, .letsadoptreform-container .main-content-holder .main-content-right { width: 100%; } .letsadoptreform-container .main-content-holder .main-content-right { padding: 10px 0 0; text-align: center; } .letsadoptreform-container .main-content-holder .main-content-right .featured-image, .letsadoptreform-container .main-content-holder .main-content-right .mailchimp { margin: 0; width: 45%; display: inline-block; vertical-align: middle; } } @media all and (max-width: 768px) { .with-showmore .showmore.hide { max-height: 345px; } .with-showmore .showmore .showmorelink>img { max-width: 235% !important; } .letsadoptreform-container .main-content-holder .main-content-right .featured-image, .letsadoptreform-container .main-content-holder .main-content-right .mailchimp { width: 100%; } .letsadoptreform-container .main-content-holder, .letsadoptreform-container .subcontent-holder { padding: 25px; } } @media all and (max-width: 1055px) { #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, #gform_widget-3.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span { width: 46%; } #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 5.7%; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, .home-widget #gform_widget-3.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span { width: 47%; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 4% !important; } } @media all and (max-width: 1024px) { .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 4.5% !important; } .home-widgets #gform_submit_button_1.button.gform_button { margin: 40px 0px 0px 0px; } } body.home a.ai1ec-prev-month, body.home a.ai1ec-next-month { display: block; background: #3D4D7A !important; color: #FFF !important; text-shadow: none; height: 27px; margin: 0px !important; font-size: 11px; } .home-widgets .ai1ec-views-dropdown.ai1ec-btn-group.ai1ec-pull-right { visibility: hidden; } /*.ai1ec-btn-toolbar { margin-bottom: 4px; }*/ body .ai1ec-month-view .ai1ec-day-stretcher { height: 35px; } #subscribe_new .gform_wrapper .ginput_complex.ginput_container { width: 99% !important; } #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_first, #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_middle, #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 1.3%; } @media all and (max-width: 1000px) { .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 4% !important; } .home-widgets .gform_footer.top_label { right: 0px; } .postarea a.ai1ec-minical-trigger.ai1ec-btn.ai1ec-btn-sm.ai1ec-btn-default.ai1ec-tooltip-trigger { top: -42px; } .postarea .ai1ec-calendar-title { margin-left: -13px; } } @media all and (max-width: 980px) { #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_first, #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_middle, #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 1.6%; } #subscribe_new #gform_fields_3 select { width: 92% !important; } body.home .ai1ec-calendar-title, body.home .ai1ec-pagination { font-size: 13px !important; } body.home .ai1ec-calendar-title { left: -3px; top: 9px; } } @media all and (max-width:767px) { .issuuembed-close { margin-top: 45px; } .issuuembed-container { top: 40px; } .issuuembed-container a.read-link { display: block !important; height: 100% !important; } .issuuembed-container a.read-link>img { top: 0 !important; margin-top: -55% !important; } body { padding-top: 201px; } #wrap #header { position: fixed; margin-top: -201px; z-index: 999999; } #flexpad { border: none; } .header-search #searchform { padding: 0 15px 0 12px; position: static; } .top-search-hook{ display:block; } .soc { width: auto; height: 20px; margin: 5px 0 0 13px; float: left; } #header a.donate { position: static; margin: 0px 15px 10px 0; float: right; } .header-search{ width: 100%; top: -12px; left: 0px; } #header #searchform #s { /* position: static; top: 5px; width: 100%; width: 82%;*/ padding: 0 0 0 10px !important; box-sizing: border-box; left: 0; } .header-search .arrow { right: auto; left: 101px; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 3.3% !important; } .home-widgets .ai1ec-calendar-title { display: block; } .container .postarea span.ai1ec-calendar-title{ display: none; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, .home-widget #gform_widget-3.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span { width: 48% } body.home .ai1ec-calendar-title, body.home .ai1ec-pagination { font-size: 16px !important; } .home-widgets #gform_submit_button_1.button.gform_button { margin: 55px 0px 0px 0px; } } @media all and (max-width:662px) { .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 3% !important; } .postarea .timely .ai1ec-btn-sm { padding: 3px; } .postarea .ai1ec-calendar-title-short { margin-left: -6px; } .container .gform_wrapper input.button { background: none repeat scroll 0 0 #3d4d7a; } } @media all and (max-width:667px) { body { padding-top: 182px; } #wrap #header { position: fixed; margin-top: -182px; } } @media all and (max-width:568px) { body { padding-top: 190px; } #wrap #header { margin-top: -190px; } } @media all and (max-width: 450px) { .postarea .ai1ec-calendar-title-short { margin-left: -8px; } .postarea a.ai1ec-minical-trigger.ai1ec-btn.ai1ec-btn-sm.ai1ec-btn-default.ai1ec-tooltip-trigger { top: -42px; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 2.7% !important; } .postarea .read_report { float:none; width: 100%; } .postarea .share_report { float:none; width: 100%; } } @media all and (max-width: 400px) { body { padding-top: 160px; } #wrap #header { position: fixed; margin-top: -170px; } #flexpad > div.flex-viewport { min-height: 430px !important; height: auto !important; } #gform_fields_3 input { width: 97% !important; } .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span { width: 47.5% !important; } .container .form-on-contactus .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .container .form-on-contactus .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, .container .form-on-contactus .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span { width: 49% !important; } #subscribe_new #gform_fields_3 input { width: 99% !important; } #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_first, #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_middle, #subscribe_new .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 3%; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 3.4% !important; } #subscribe_new #gform_fields_3 select { width: 100% !important; } #subscribe_new #gform_fields_3 select#input_3_5_6 { width: 93% !important; } .container { overflow: hidden; } #content-main { margin: 0 auto; } .postarea ul li { word-wrap: normal; } } @media all and (max-width: 320px) { body { padding-top: 151px; } #wrap #header { margin-top: -160px; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 4.5% !important; } .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .home-widget #gform_widget-3 .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, .home-widget #gform_widget-3.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span { width: 50%; } .home-slider .slides .information h2 { margin-bottom: 2px; font-size: 1.4rem; } } /*.page-template-template-anchorpage-php .showmore.hide { max-height: 100% !important; height: auto !important; } .page-template-template-anchorpage-php img.alignright { margin-bottom: 0px !important; }*/ .showmore.hide { max-height: 120px !important; } /*Update style 14-07-06*/ /*event calendar*/ body.home .ai1ec-pagination { margin: 0; left: 0; padding: 0; } body.home .ai1ec-prev-month{ left: 0; } body.home .ai1ec-next-month{ right: 1px; } body.home .ai1ec-calendar-title{ width: 90%; left: 0; right: 0; } /*article*/ /*.postarea.full iframe { float: left; margin-right: 30px; margin-bottom: 10px; }*/ .postarea.full p[style*="text-align: center"], .postarea.full center iframe{ float: none; margin: 10px auto; } .postarea.full .wp-caption p.wp-caption-text, .postarea.full p.wp-caption-text{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 0 20px; margin: 0; text-align: left; line-height: 35px } .aligncenter { margin: 10px auto; display: block; text-align: center; } .aligncenter img{ margin: 0; display: inline-block; } /** ADDTIONAL STYLE ===================================*/ /*====== GREY ROW ======*/ .head-greyRow{ background-color: #dcdcdc; padding: 9px 0; text-align: center; margin-bottom: 18px; } .head-greyRow ul, .head-greyRow li{ margin: 0; padding: 0; list-style: none; } .head-greyRow ul{ width: 100%; max-width: 1000px; margin: 0 auto; } .head-greyRow ul li{ display: inline-block; vertical-align: middle; padding: 0 15px; } .head-greyRow .logo-xs{ position: relative; top: 5px; } .head-greyRow .btn-lemore-sm{ font-size: 14px; color: black; text-decoration: none; display: inline-block; padding: 4px 15px; background: #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .head-greyRow .btn-lemore-sm:hover, .head-greyRow .btn-lemore-sm:focus{ background: #6678a8; color: white; text-decoration: none; } @media screen and (max-width: 667px){ .head-greyRow{ padding-top: 30px; padding-bottom: 15px; min-height: 0; } } @media screen and (max-width: 366px){ .head-greyRow ul li{ padding: 0 2px; } }