/* Theme Name: Active Living by Design Theme URI: http://wordpress.org/ Version: 1.0 Author: Kompleks Creative Author URI: http://www.komplekscreative.com This theme was designed and built by Kompleks Creative, whose site you will find at http://www.komplekscreative.com/ */ @font-face { font-family: 'source_sans_proextralight'; ; src: url('svg/SourceSansPro-ExtraLight-webfont.eot'); src: url('svg/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'), url('svg/SourceSansPro-ExtraLight-webfont.woff') format('woff'), url('svg/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'), url('svg/SourceSansPro-ExtraLight-webfont.svg#source_sans_proextralight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'source_sans_prolight'; src: url('svg/SourceSansPro-Light-webfont.eot'); src: url('svg/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'), url('svg/SourceSansPro-Light-webfont.woff') format('woff'), url('svg/SourceSansPro-Light-webfont.ttf') format('truetype'), url('svg/SourceSansPro-Light-webfont.svg#source_sans_prolight') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'source_sans_prolight_italic'; src: url('svg/SourceSansPro-LightIt-webfont.eot'); src: url('svg/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'), url('svg/SourceSansPro-LightIt-webfont.woff') format('woff'), url('svg/SourceSansPro-LightIt-webfont.ttf') format('truetype'), url('svg/SourceSansPro-LightIt-webfont.svg#source_sans_prolight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_proregular'; src: url('svg/SourceSansPro-Regular-webfont.eot'); src: url('svg/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('svg/SourceSansPro-Regular-webfont.woff') format('woff'), url('svg/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('svg/SourceSansPro-Regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'source_sans_prosemibold'; src: url('svg/SourceSansPro-Semibold-webfont.eot'); src: url('svg/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('svg/SourceSansPro-Semibold-webfont.woff') format('woff'), url('svg/SourceSansPro-Semibold-webfont.ttf') format('truetype'), url('svg/SourceSansPro-Semibold-webfont.svg#source_sans_prosemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'source_sans_probold'; src: url('svg/SourceSansPro-Bold-webfont.eot'); src: url('svg/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('svg/SourceSansPro-Bold-webfont.woff') format('woff'), url('svg/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('svg/SourceSansPro-Bold-webfont.svg#source_sans_probold') format('svg'); font-weight: 700; font-style: normal; } html, body { height: 100%; } body { background-image: url(images/bg.jpg); } #sb-site { background-image: url(images/bg.jpg); } a { text-decoration: none !important; } a:hover { text-decoration: underline !important; } .site-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -220px; } .soliloquy-slides, .soliloquy-item { margin: 0 !important; padding: 0 !important; } .soliloquy-container .soliloquy-item { min-height: 1px; min-width: 1px; float: left; opacity: 0 !important; -webkit-transition: display .5s ease, opacity .3s ease-in-out; -moz-transition: display .5s ease, opacity .3s ease-in-out; -o-transition: display .5s ease, opacity .3s ease-in-out; transition: display .5s ease, opacity .3s ease-in-out; } .soliloquy-container .soliloquy-item.soliloquy-active-slide { opacity: 1 !important; } .bx-wrapper .bx-viewport { left: 0px !important; } .bx-controls { display: none; } #footer, #push { height: 220px; } img { width: 100%; height: auto; } #wrapper { width: 100%; max-width: 1170px; margin: 0 auto; position: relative; } #print-icon { position: fixed; right: 0; top: 85%; background: rgba(50, 65, 70, .5); padding: 10px; width: 25px; height: auto; border-radius: 7px 0 0 7px; z-index: 1000; } #funders { width: 48%; float: left; } #comm-leaders { width: 48%; float: right; } #fund-comm-leaders:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #email-form #mc_embed_signup form { display: block; position: relative; text-align: left; padding: 0; } #email-form #mc_embed_signup input.button { display: inline; width: 30%; margin: 0; min-width: 0px; float: left; } #email-form #mc_embed_signup .button { clear: none; background-color: #aaa; border: 0 none; border-radius: 4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 15px; font-weight: bold; height: 32px; line-height: 24px; margin: 0; padding: 0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; } #email-form #mc_embed_signup input.email { display: inline; padding: 5px 5px; margin: 0 2% 0px 0; text-indent: 5px; width: 50%; min-width: 0px; float: left; } #header { background-color: #fff; width: 100%; } #uwpqsf_id { border: none; } .uwpqsf_submit { text-align: left; width: 90%; } #logo { width: 23%; float: left; padding-left: 1%; } .uwpqsf_class select { width: 100%; margin-left: 0%; margin-right: 0%; padding: 10px 0 10px 5px; border-top: 2px solid #d6d5d5; border-left: 1px solid #d6d5d5; border-right: 1px solid #d6d5d5; border-bottom: 1px solid #d6d5d5; color: #888; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } input#uwpqsf_id_key { width: 100%; margin-left: 0%; margin-right: 0%; padding: 10px 0 10px 5px; border-top: 2px solid #d6d5d5; border-left: 1px solid #d6d5d5; border-right: 1px solid #d6d5d5; border-bottom: 1px solid #d6d5d5; color: #888; } .uwpqsf_class span { font-family: 'source_sans_prosemibold'; font-size: .9em; color: #3d5257; display: block; margin-bottom: 0px; padding-left: 0 !important; } label.uwpqsf_class { font-family: 'source_sans_prosemibold'; font-size: .9em; color: #3d5257; display: block; margin-bottom: 0px; padding: 5px 0 5px 0 !important; } #author-byline-block { background: #fff; margin: 30px 0; width: 100%; } #author-byline-block:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #author-avy { width: 20%; float: left; } #author-avy img { width: 100%; height: auto; margin: 0; } #author-bio-box { width: 74%; float: right; padding: 10px 3% 10px; } #author-bio-box h1 { font-size: 24px; color: #394d51; margin-bottom: 0px; display: inline; } #author-bio-box h1 a { color: #394d51; } #author-bio-box h2 { font-size: 14px; color: #394d51; margin-bottom: 15px; padding-bottom: 8px; display: inline; } #author-bio-box p { font-size: 14px; line-height: 18px; margin-bottom: 0px; border-top: 1px solid #ccc; margin-top: 8px; padding-top: 10px; } #author-bio-box #twitter-handle { font-size: 14px; line-height: 18px; margin-bottom: 5px; margin-top: 8px; } #author-bio-box #twitter-handle a { color: #666; padding-left: 25px; background-image: url(images/bio-twitter.jpg); background-size: auto 100%; background-repeat: no-repeat; background-position: left center; } input#uwpqsf_id_btn { background-color: #3d5257; border: none; color: #fff; padding: 8px 50px 8px 10px; background-image: url(images/filter-arrow.jpg); background-position: right center; background-size: auto 32px; background-repeat: no-repeat; cursor: pointer; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } input#uwpqsf_id_btn:hover { background-color: #e87d1e; border: none; color: #fff; padding: 8px 50px 8px 10px; background-image: url(images/filter-arrow-orange.jpg); background-position: right center; background-size: auto 32px; background-repeat: no-repeat; cursor: pointer; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } #header-right { width: 74%; padding-right: 1%; float: right; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #main-navigation { float: left; width: 57%; margin-bottom: 15px; } #subscribe { padding: 8px 0; width: 37%; float: right; } #email-form { width: 75%; float: right; font-family: 'source_sans_prolight'; font-weight: 400; } #email-form input { padding: 2px 10px 3px; width: 95%; font-size: .9em; color: #666; background-color: #d4dadb; border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-top: none; border-left: none; } #subscribe-background { float: right; margin-top: 5px; } #subscribe-background a { background-color: #4db3d0; border-top: 1px solid #93d8ec; border-left: 1px solid #93d8ec; border-bottom: 1px solid #2987a2; border-right: 1px solid #2987a2; padding: 10px 55px 10px 15px; font-size: .9em; color: #fff; font-family: 'source_sans_prolight'; font-weight: 400; display: block; background-image: url(images/circle-arrow.png); background-size: auto 75%; background-repeat: no-repeat; background-position: 96% center; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; } #subscribe-background a:hover { text-decoration: none !important; background-image: url(images/circle-arrow-a.png); -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; background-color: #2987a2; color: #fff; } #main-navigation ul li { font-size: 1.1em; color: #fff; font-family: 'source_sans_prolight'; float: left; font-weight: 400; list-style-type: none; display: inline; padding: 0; } .reveal-modal form { background-color: #3d5257; border-top: 1px solid #5d838c; border-left: 1px solid #5d838c; border-bottom: 1px solid #233235; border-right: 1px solid #233235; padding: 8px; } .reveal-modal form #search-title { font-family: 'source_sans_prolight'; font-weight: 400; font-size: 1em; color: #fff; margin-bottom: 5px; } .reveal-modal form #search-wrapper { background-color: #fff; border-left: 1px solid #d6d5d5; border-top: 2px solid #d6d5d5; } .reveal-modal form #search2 { width: 85%; float: left; border: none; padding: 5px; font-family: 'source_sans_prolight'; font-weight: 400; font-size: 1em; } .reveal-modal form #button { width: 12px; height: auto; float: right; text-indent: -100000px; background-color: #fff; border: none; margin-right: 4px; margin-top: 5px; } .reveal-modal form #button img { width: 25px; } #main-navigation ul li a { color: #666; text-decoration: none; padding: 20px 20px 5px; display: inline-block; -o-transition: background-image .2s ease; -ms-transition: background-image .2s ease; -moz-transition: background-image .2s ease; -webkit-transition: background-image .2s ease; /* ...and now override with proper CSS property */ transition: background-image .2s ease; } #main-navigation ul li a:hover { color: #50b3cf; text-decoration: none; padding: 20px 20px 5px; -o-transition: background-image .2s ease; -ms-transition: background-image .2s ease; -moz-transition: background-image .2s ease; -webkit-transition: background-image .2s ease; /* ...and now override with proper CSS property */ transition: background-image .2s ease; text-decoration: none !important; } #main-navigation ul li.current a { color: #50b3cf; text-decoration: none; padding: 20px 20px 5px; background-image: none; background-repeat: repeat-x; background-position: center top; -o-transition: background-image .2s ease; -ms-transition: background-image .2s ease; -moz-transition: background-image .2s ease; -webkit-transition: background-image .2s ease; /* ...and now override with proper CSS property */ transition: background-image .2s ease; text-decoration: none !important; } #lower-nav { padding: 5px 0 15px; } #secondary-navigation { float: left; width: 85%; } #social-navigation { float: right; width: 15%; padding-top: 12px; } #social-navigation ul { text-align: right; } #social-navigation ul li { display: inline-block; width: 14%; margin-left: 3%; opacity: 1; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; /* ...and now override with proper CSS property */ transition: opacity .2s ease; } h1 a:hover { text-decoration: none !important; } #social-navigation ul li:hover { opacity: .6; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; /* ...and now override with proper CSS property */ transition: opacity .2s ease; } #secondary-navigation ul li { font-size: 1.4em; color: #fff; font-family: 'source_sans_proextralight'; float: left; font-weight: 300; list-style-type: none; display: inline; padding: 0; } #secondary-navigation ul li em { font-family: 'source_sans_proregular'; font-weight: 500; font-style: normal; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } #secondary-navigation ul li a { color: #666; text-decoration: none; display: inline-block; } #secondary-navigation ul li a:hover { text-decoration: none !important; } #secondary-navigation ul li:hover { } #featured-resources { background-color: #fff; margin-bottom: 8px; max-height: 181px; overflow: hidden; } #featured-resource-thumb { width: 30%; float: left; margin-right: 2%; } #featured-resource-content { padding: 30px 5% 40px 5%; } #featured-resource-content h4 { font-family: 'source_sans_proregular'; font-weight: 500; font-size: 1.1em; color: #666; line-height: 1.3em; margin-bottom: 5px; } #featured-resource-content h4 a { color: #e87d1e; } #featured-resource-content p { font-family: 'source_sans_prolight'; font-weight: 400; font-size: 1.1em; color: #666; line-height: 1.3em; display: inline; } #featured-resource-content p a { font-size: .9em; font-family: 'source_sans_prosemibold'; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: center; background-size: auto 100%; display: inline-block; color: #e87d1e; text-decoration: none; font-weight: 600; text-indent: -10000px; } body #secondary-navigation ul li.current, body #secondary-navigation ul li:hover { background-color: efefef; } body #main-navigation ul li a:hover { background-image: none; } #secondary-navigation ul li.build:hover em { color: #7ca64d; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } #secondary-navigation ul li.lift:hover em { color: #bcb830; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } #secondary-navigation ul li.inspire:hover em { color: #e6b657; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } #secondary-navigation ul li.build.current em { color: #7ca64d; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } #secondary-navigation ul li.lift.current em { color: #bcb830; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } #secondary-navigation ul li.inspire.current em { color: #e6b657; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } .subscribe label, .subscribe br { display: none; } #secondary-navigation ul li.build { background-image: url(images/sec-nav-border.jpg); background-repeat: no-repeat; background-position: right center; -o-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; /* ...and now override with proper CSS property */ transition: background-color .2s ease; } body #secondary-navigation ul li.build, body #secondary-navigation ul li.lift { background-image: url(images/sec-nav-border2.jpg); } #secondary-navigation ul li.build a { background-image: url(images/building-icon.png); background-repeat: no-repeat; background-position: 10px center; background-size: auto 55%; padding: 10px 25px 10px 40px; } #secondary-navigation ul li.lift { background-image: url(images/sec-nav-border.jpg); background-repeat: no-repeat; background-position: right center; -o-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; /* ...and now override with proper CSS property */ transition: background-color .2s ease; } #secondary-navigation ul li.lift a { background-image: url(images/lifting-icon.png); background-repeat: no-repeat; background-position: 25px center; background-size: auto 60%; padding: 10px 25px 10px 60px; } #secondary-navigation ul li.inspire { -o-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; /* ...and now override with proper CSS property */ transition: background-color .2s ease; } #secondary-navigation ul li.inspire a { background-image: url(images/inspire-icon.png); background-repeat: no-repeat; background-position: 25px center; background-size: auto 50%; padding: 10px 25px 10px 55px; } #footer { background-image: url(images/footer-bg.jpg); background-repeat: repeat-x; background-position: top center; background-color: #3d5257; } #footer-bg { background-image: url(images/footer-bg-image.png); background-repeat: no-repeat; background-position: top left; padding: 45px 0 65px; height: 110px; } #footer-left { width: 54%; float: left; padding-left: 11%; } #footer-donate { width: 23%; float: left; margin-top: 40px; background-image: url(images/footer-donate-button-a.jpg); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; } #footer-donate a { opacity: 1; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; /* ...and now override with proper CSS property */ transition: opacity .2s ease; } #footer-donate a:hover { opacity: 0; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; /* ...and now override with proper CSS property */ transition: opacity .2s ease; } #footer-seo { font-size: 1em; color: #fff; font-family: 'source_sans_prolight'; font-weight: 400; line-height: 1.5em; width: 68%; float: left; } #footer-seo h1 { font-weight: normal; } #footer-contact { width: 20%; float: right; font-size: 1em; color: #fff; font-family: 'source_sans_proextralight'; font-weight: 300; line-height: 1.4em; padding: 0 0 0 1%; position: relative; margin-right: 9%; } #footer-contact a { color: #fff; } #footer-contact strong { font-family: 'source_sans_prosemibold'; font-weight: 600; } ul.tabs li { font-family: 'source_sans_probold'; font-weight: 700; color: #3d5257; font-size: .8em; text-transform: uppercase; } ul.tabs li.selected { font-family: 'source_sans_probold'; font-weight: 700; color: #e87d1e; font-size: .8em; text-transform: uppercase; } #contact-more { position: absolute; right: 0; color: #e87d1e; font-size: .8em; font-family: 'source_sans_proregular'; font-weight: 500; } #support-columns { float: left; width: 27%; padding: 0 3% 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #support-columns h2 { color: #394d51; font-size: 2.3em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.4em; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid #394d51; } #support-columns.first { width: 48%; padding: 0 4% 20px 0; border: none; } #support-columns.last { width: 48%; padding: 0 0 20px 0%; border: none; } #contact-more a { color: #e87d1e; text-decoration: none; padding-right: 25px; background-image: url(images/orange-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 90%; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } #contact-more a:hover { color: #abea66; text-decoration: none !important; background-image: url(images/green-arrow.png); -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } #contact-social { margin-top: 10px; } #contact-social ul li { margin-right: 5px; display: inline; } #contact-social ul li a:hover { opacity: .5; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } #contact-social ul li img { width: 17px; height: auto; } #slider { width: 100%; height: auto; margin-bottom: 0px; } #slider-caption { width: 23%; padding: 4%; background-color: #e87d1e; border-top: 1px solid #ffb82c; border-left: 1px solid #ffb82c; border-bottom: 1px solid #c96b17; border-right: 1px solid #c96b17; position: absolute; bottom: -100px; left: 0; } #slider-caption h1 { font-size: 3em; color: #fff; font-family: 'source_sans_proextralight'; font-weight: 300; line-height: 1em; margin-bottom: 25px; } #slider-caption p { font-size: 1.1em; color: #fff; font-family: 'source_sans_proextralight'; font-weight: 300; line-height: 1.6em; margin-bottom: 15px; } #slider-caption p a { font-size: 0.9em; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 70%; display: inline-block; color: #fff; text-decoration: none; } #three-column-home ul { text-align: center; margin-bottom: 50px; } #three-column-home ul li { display: inline-block; width: 29%; margin: 0 2%; position: relative; } #three-column-home ul li #tag { position: absolute; top: 20px; left: 0; } #three-column-home ul li #tag.build { width: 192px; height: 35px; } #three-column-home ul li #tag.lift { width: 166px; height: 35px; } #three-column-home ul li #tag.inspire { width: 224px; height: 35px; } #three-column-home ul li #cover-image { margin-left: 35px; background-color: #3d5257; position: relative; cursor: pointer; } #three-column-home ul li #cover-image img { opacity: 1; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; /* ...and now override with proper CSS property */ transition: opacity .2s ease; } #three-column-home ul li #cover-image:hover img { opacity: .1; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; /* ...and now override with proper CSS property */ transition: opacity .2s ease; } #three-column-home ul li #cover-image #hidden-text { text-align: center; font-size: 1.1em; color: #fff; font-family: 'source_sans_prolight'; font-weight: 400; line-height: 1.2em; padding: 70px 20px 0; position: absolute; top: 0; opacity: 0; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; /* ...and now override with proper CSS property */ transition: opacity .2s ease; } #three-column-home ul li #cover-image:hover #hidden-text { opacity: 1; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; /* ...and now override with proper CSS property */ transition: opacity .2s ease; } #three-column-home ul li #cover-image #hidden-text a { font-size: 0.9em; padding-right: 25px; background-image: url(images/blue-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 70%; display: inline-block; color: #fff; text-decoration: none; margin-top: 10px; font-family: 'source_sans_proregular'; font-weight: 500; } #home-bottom { padding: 0 5%; margin-bottom: 50px; } #home-blog { width: 66%; float: left; } #home-quote { width: 26%; float: right; color: #666; font-size: 1.1em; font-family: 'source_sans_prolight'; font-weight: 400; line-height: 1.5em; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } #home-quote a { color: #666; } #home-quote a:hover { color: #3492ad; cursor: pointer; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; /* ...and now override with proper CSS property */ transition: color .2s ease; } #home-quote p { margin-top: 10px; } #home-quote a p { margin-top: 10px; color: #3492ad; } #home-quote a em { color: #3d5257; } #home-quote a:hover { text-decoration: none !important; } #home-quote em { font-family: 'source_sans_prolight'; color: #3d5257; font-style: normal; display: block; margin-top: 5px; font-weight: 400; } #home-quote #quotes { width: 31px; margin: 0 10px 0px 0; float: left; } #home-blog-left { width: 8%; float: left; } #home-blog-right { width: 90%; float: right; } #home-blog-right #thumbnail { width: 150px; height: auto; margin-right: 15px; float: left; } #home-blog-right #title { border-bottom: 2px solid #798d92; padding-bottom: 10px; margin-bottom: 15px; font-family: 'source_sans_prolight'; font-size: 1.1em; font-weight: 400; color: #3d5257; } #home-blog-right #title strong { font-family: 'source_sans_proregular'; font-weight: 500; } #home-blog-right h1 { color: #e87d1e; font-size: 1.8em; font-family: 'source_sans_prolight'; font-weight: 400; line-height: 1.1em; margin-bottom: 5px; } #home-blog-right h1 a { color: #e87d1e; } #home-blog-right p strong { color: #666; font-size: 1em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.5em; font-style: normal; } #home-blog-right p { color: #666; font-size: 1em; font-family: 'source_sans_prolight'; font-weight: 400; line-height: 1.5em; } #home-blog-right .more-link a { font-size: .9em; font-family: 'source_sans_prosemibold'; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; display: inline-block; color: #e87d1e; text-decoration: none; font-weight: 600; margin-top: 10px; } #home-blog-left img { width: 50%; height: auto; } #home-blog-left { color: #3d5257; font-family: 'source_sans_proextralight'; font-weight: 300; font-size: 2.8em; line-height: .8em; } #home-blog-left em { color: #3d5257; font-family: 'source_sans_probold'; font-weight: 700; font-size: .5em; font-style: normal; text-transform: uppercase; } #content-container { background-image: url(images/content-container-bg.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: top center; font-family: 'source_sans_prolight'; } #content-container.resources-bg { margin-top: -3px; background-image: url(images/bg-darkorange.jpg); background-repeat: repeat; background-size: inherit; background-position: top center; font-family: 'source_sans_prolight'; } #slider .soliloquy-caption { width: 100%; max-width: 1170px; margin: 0 auto; position: relative; } #slider .soliloquy-controls { width: 100%; max-width: 1170px; margin: 0 auto; position: relative; } #slider .soliloquy-pager { position: absolute; bottom: 40px; left: 3%; z-index: 200; text-align: left; } #slider .soliloquy-container .soliloquy-prev { display: block; width: 39px; height: 73px; position: absolute; top: -160px; margin-top: -16px; left: -50px; z-index: 1320; background: url('images/left.png') no-repeat scroll 50% 50%; } #slider .soliloquy-container .soliloquy-next { display: block; width: 39px; height: 73px; position: absolute; top: -160px; margin-top: -16px; right: -50; z-index: 1320; background: url('images/right.png') no-repeat scroll 50% 50%; } #slider .soliloquy-caption-inside { width: 31%; padding: 30px 3% 40px; background-color: #e87d1e; border-top: 1px solid #ffb82c; border-left: 1px solid #ffb82c; border-bottom: 1px solid #c96b17; border-right: 1px solid #c96b17; position: absolute; bottom: 20px; left: 0; text-align: left; z-index: 100; } #slider { z-index: 100; } #slider .soliloquy-caption-inside h1 { font-size: 2em; color: #fff; font-family: 'source_sans_proextralight'; font-weight: 300; line-height: 1em; margin-bottom: 15px; text-align: left; } #slider .soliloquy-container { margin-bottom: 0 !important; } #slider .soliloquy-caption-inside p { font-size: 1.1em; color: #fff; font-family: 'source_sans_prolight'; font-weight: 400; line-height: 1.3em; margin-bottom: 10px; text-align: left; } #slider .soliloquy-caption-inside a { font-size: 0.9em; color: #fff; font-family: 'source_sans_proregular'; font-weight: 500; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; display: inline-block; text-decoration: none; text-align: left; } #content-container.focus-building { margin-top: -3px; background-image: url(images/bg-green.jpg); background-repeat: repeat; background-size: inherit; background-position: top center; font-family: 'source_sans_proextralight'; } #content-container.general { margin-top: -3px; background: #eeeeee; font-family: 'source_sans_proextralight'; } #content-container.focus-lifting { margin-top: -3px; background-image: url(images/bg-blue.jpg); background-repeat: repeat; background-size: inherit; background-position: top center; font-family: 'source_sans_proextralight'; } #content-container.focus-inspiring { margin-top: -3px; background-image: url(images/bg-orange.jpg); background-repeat: repeat; background-size: inherit; background-position: top center; font-family: 'source_sans_proextralight'; } #content-container.focus-building #big-logo { background-image: url(images/big-green-logo.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 80%; } #content-container.focus-lifting #big-logo { background-image: url(images/big-blue-logo.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 80%; } #content-container.focus-inspiring #big-logo { background-image: url(images/big-orange-logo.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 80%; } #page-title { padding: 45px 0; text-align: center; } #page-title h1 { font-weight: 300; font-size: 3em; color: #fff; text-align: center; } .general #page-title h1 { font-weight: 300; font-size: 3em; color: #3d5257; text-align: center; } #page-title.lift h1 { text-align: center; background-image: url(images/lift-icon-white.png); background-repeat: no-repeat; background-size: auto 90%; background-position: center left; display: inline-block; padding-left: 60px; } #page-title.inspire h1 { text-align: center; background-image: url(images/inspire-icon-white.png); background-repeat: no-repeat; background-size: auto 85%; background-position: center left; display: inline-block; padding-left: 50px; } #page-title.build h1 { text-align: center; background-image: url(images/build-icon-white.png); background-repeat: no-repeat; background-size: auto 100%; background-position: center left; display: inline-block; padding-left: 65px; } #page-title h2 { font-weight: 300; font-size: 1.8em; line-height: 1.2em; color: #fff; text-align: center; margin-top: 5px; } #page-title h2 span { color: #f1b543; } #prev-next { padding: 0 5%; float: right; font-family: 'source_sans_prolight'; font-weight: 400; } #post-excerpt #prev-next, .uwpqsfpagi { padding: 0 0%; float: right; font-family: 'source_sans_prolight'; font-weight: 400; margin-top: 10px; } #post-excerpt #prev-next ul, .uwpqsfpagi { text-align: right; } a.weblink { font-size: .9em; font-family: 'source_sans_prosemibold'; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; display: inline-block; color: #e87d1e; text-decoration: none; font-weight: 600; margin-top: 0px; } #prev-next .navigation li a, #prev-next .navigation li a:hover, #prev-next .navigation li.active a, #prev-next .navigation li.disabled { color: #fff; text-decoration: none; } #prev-next .navigation li { display: inline; margin-left: 0px; padding-left: 5px; } .uwpqsfpagi a { display: inline; margin-left: 5px; background-color: #587278; cursor: pointer; padding: 8px 12px; padding: 0.3rem 0.75rem; text-decoration: none !important; -o-transition: background .2s ease; -ms-transition: background .2s ease; -moz-transition: background .2s ease; -webkit-transition: background .2s ease; transition: background .2s ease; color: #fff; } .uwpqsfpagi span, .uwpqsfpagi a:hover { display: inline; margin-left: 5px; background-color: #3d5257; cursor: pointer; padding: 8px 12px; padding: 0.3rem 0.75rem; text-decoration: none !important; -o-transition: background .2s ease; -ms-transition: background .2s ease; -moz-transition: background .2s ease; -webkit-transition: background .2s ease; transition: background .2s ease; color: #fff; } #prev-next .navigation li a, #prev-next .navigation li a:hover, #prev-next .navigation li.active a, #prev-next .navigation li.disabled { background-color: #587278; cursor: pointer; padding: 8px 12px; padding: 0.3rem 0.75rem; text-decoration: none !important; -o-transition: background .2s ease; -ms-transition: background .2s ease; -moz-transition: background .2s ease; -webkit-transition: background .2s ease; transition: background .2s ease; } #prev-next .navigation li a:hover, #prev-next .navigation li.active a { background-color: #3d5257; text-decoration: none !important; -o-transition: background .2s ease; -ms-transition: background .2s ease; -moz-transition: background .2s ease; -webkit-transition: background .2s ease; transition: background .2s ease; } #content-area-wrapper { border-left: 1px solid #fff; background-color: #fff; } #content-area-wrapper.blog { border-left: 1px solid #fff; background-image: url(images/bg.jpg); } #blog-sidebar { width: 26%; float: left; padding-top: 30px; } #main-blog-area { width: 73.8%; float: right; border-left: 1px solid #d9d9d9; position: relative; padding-bottom: 30px; min-height: 600px; } #todays-date { background-color: #e87d1e; border-top: 1px solid #ffb82c; border-left: 1px solid #ffb82c; border-bottom: 1px solid #c96b17; border-right: 1px solid #c96b17; color: #fff; padding: 15px 20px 20px; position: absolute; top: 25px; left: 25px; font-weight: 300; font-size: 2.8em; line-height: .8em; text-align: center; } #todays-date em { font-family: 'source_sans_probold'; font-weight: 700; font-size: .5em; font-style: normal; text-transform: uppercase; } #first-post { margin-bottom: 45px; } #first-post img { margin-bottom: 20px; } #first-post #post-excerpt { border-bottom: 2px solid #cbcfd0; padding-bottom: 40px; margin: 0 5%; } #post-excerpt h1 { color: #e87d1e; font-size: 1.8em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.2em; margin-bottom: 5px; } #post-excerpt h1 a { color: #e87d1e; text-decoration: none; } #post-excerpt p { color: #666; font-size: 1em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.5em; display: inline; } .more-link { display: inline; } .text #post-excerpt #resource-excerpt p { margin-bottom: 0; display: inline; } .uform_title { display: none; } .text .more-link { margin-bottom: 0; display: inline; } #post-excerpt { margin: 0 5%; border-bottom: 1px solid #fff; padding-bottom: 40px; margin-bottom: 35px; } .resources-bg #post-excerpt { margin: 0 0; border-bottom: 1px solid #fff; padding-bottom: 40px; margin-bottom: 35px; position: relative; } #post-excerpt .more-link a { font-family: 'source_sans_proregular'; font-size: 0.9em; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; display: inline-block; color: #e87d1e; text-decoration: none; font-weight: 500; margin-top: 0px; } #post-excerpt-date { width: 8%; float: left; color: #3d5257; font-family: 'source_sans_proextralight'; font-weight: 300; font-size: 2.8em; line-height: .8em; } #post-excerpt-date em { color: #3d5257; font-family: 'source_sans_probold'; font-weight: 700; font-size: .5em; font-style: normal; text-transform: uppercase; } #post-excerpt-right { width: 90%; float: right; } #content-area-wrapper #thumbnail, #post-excerpt-right #thumbnail { width: 155px; float: left; margin: 5px 15px 10px 0; } #blog-sidebar #widget { margin-bottom: 30px; } #blog-sidebar #widget h1, #blog-sidebar #widget h2, #blog-sidebar #widget h3, #blog-sidebar #widget h4, #blog-sidebar #widget p, #blog-sidebar #widget li { margin: 0 10%; } #blog-sidebar.projects #widget h1, #blog-sidebar.projects #widget h2, #blog-sidebar.projects #widget h3, #blog-sidebar.projects #widget h4, #blog-sidebar.projects #widget p, #blog-sidebar.projects #widget li { margin: 0 0%; } #blog-sidebar.projects #widget h3 { margin-bottom: 15px; } #default-sidebar h1, #default-sidebar h2, #default-sidebar h3, #default-sidebar h4, #default-sidebar p, #default-sidebar li { margin: 0 10%; } #default-sidebar p { color: #666; font-size: 1em; font-family: 'source_sans_prolight'; font-weight: 400; line-height: 1.5em; margin-bottom: 20px; } #default-sidebar p a { color: #399ab6; } #default-sidebar p a:hover { color: #399ab6; text-decoration: underline; } #blog-sidebar #widget ul li, #default-sidebar ul li { padding: 0 10%; margin: 0; border-bottom: none; -o-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; /* ...and now override with proper CSS property */ transition: background-color .2s ease; } #default-sidebar ul.lessons li.page_item_has_children li { padding: 0 5%; margin: 0; border-bottom: none; -o-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; /* ...and now override with proper CSS property */ transition: background-color .2s ease; } #blog-sidebar #widget ul li:hover, #default-sidebar ul li:hover, #default-sidebar ul li.current_page_item { background-color: #e87d1e; -o-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; /* ...and now override with proper CSS property */ transition: background-color .2s ease; } #blog-sidebar.projects #widget ul li { border-bottom: 1px solid #eeeeee; } #blog-sidebar.projects a.back-link { color: #e87d1e; font-weight: 600; font-size: 14px; background-image: url(images/teal-arrow-back.png); background-size: auto 100%; background-position: left center; background-repeat: no-repeat; padding-left: 25px; } #calls-to-action { padding: 50px 0; } #calls-to-action ul { text-align: center; } #calls-to-action ul li { display: inline-block; margin: 0 2px; } #calls-to-action ul li a { display: inline-block; background-color: #399ab6; padding: 7px 35px 7px 15px; color: #fff; background-image: url(images/right.png); background-repeat: no-repeat; background-position: 95% center; background-size: auto 50%; } #work-examples ul li { width: 46%; float: left; margin: 0; padding: 0; } #work-examples ul li img { margin-bottom: 15px; } #work-examples ul li:nth-child(2) { width: 45%; float: right; } #calls-to-action ul li a:hover { background-color: #256578; text-decoration: none !important; } #default-sidebar ul.lessons li.page_item_has_children { background-color: transparent !important; } #default-sidebar ul.lessons li.page_item_has_children:hover { background-color: transparent !important; -o-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; /* ...and now override with proper CSS property */ transition: background-color .2s ease; color: #3d5257; } #blog-sidebar #widget ul li:hover a, #default-sidebar ul li:hover a, #default-sidebar ul li.current_page_item a { color: #fff; } #default-sidebar ul.lessons li.page_item_has_children:hover a { color: #3d5257 !important; } #default-sidebar ul.lessons li.page_item_has_children li:hover a { color: #fff !important; } #blog-sidebar #widget ul li a:hover, #default-sidebar ul li a:hover, #default-sidebar ul li.current_page_item a { color: #fff; text-decoration: none !important; border-bottom: 1px solid #e87d1e; -o-transition: border .2s ease; -ms-transition: border .2s ease; -moz-transition: border .2s ease; -webkit-transition: border .2s ease; /* ...and now override with proper CSS property */ transition: border .2s ease; } #default-sidebar ul.lessons li.page_item_has_children li a:hover { color: #fff; text-decoration: none !important; border-bottom: 1px solid #e87d1e; -o-transition: border .2s ease; -ms-transition: border .2s ease; -moz-transition: border .2s ease; -webkit-transition: border .2s ease; /* ...and now override with proper CSS property */ transition: border .2s ease; } #default-sidebar ul.lessons li.page_item_has_children a:hover { text-decoration: none !important; border-bottom: 1px solid #fff; -o-transition: border .2s ease; -ms-transition: border .2s ease; -moz-transition: border .2s ease; -webkit-transition: border .2s ease; /* ...and now override with proper CSS property */ transition: border .2s ease; color: #3d5257; } #blog-sidebar #widget ul li a, #default-sidebar ul li a { display: block; padding: 10px 0; border-bottom: 1px solid #fff; color: #3d5257; -o-transition: border .2s ease; -ms-transition: border .2s ease; -moz-transition: border .2s ease; -webkit-transition: border .2s ease; /* ...and now override with proper CSS property */ transition: border .2s ease; } #default-sidebar ul.lessons li.page_item_has_children li a { display: block; padding: 10px 0; border-bottom: 1px solid #fff; color: #e87d1e; -o-transition: border .2s ease; -ms-transition: border .2s ease; -moz-transition: border .2s ease; -webkit-transition: border .2s ease; /* ...and now override with proper CSS property */ transition: border .2s ease; } #default-sidebar ul.lessons li.page_item_has_children li { color: #3d5257 !important; } #default-sidebar ul.lessons li.page_item_has_children li a { color: #3d5257 !important; } #default-sidebar ul.lessons li.page_item_has_children li.current_page_item a { color: #fff !important; background-image: url(images/white-bullet.png); background-position: left center; background-repeat: no-repeat; border-bottom: 1px solid #e87d1e; } #default-sidebar ul.lessons li.page_item_has_children:hover li a { color: #e87d1e; } #default-sidebar ul.lessons li.page_item_has_children li a { background-image: url(images/orange-bullet.png); background-position: left center; background-repeat: no-repeat; padding-left: 15px; } #default-sidebar ul.lessons li.page_item_has_children li a:hover { color: #fff; background-image: url(images/white-bullet.png); background-position: left center; background-repeat: no-repeat; padding-left: 15px; } #blog-sidebar #widget h1, #default-sidebar h1 { font-family: 'source_sans_proregular'; font-weight: 500; font-size: 1.1em; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px solid #798d92; color: #3d5257; } #blog-sidebar #widget a { color: #394d51; } #blog-sidebar #widget .widgetGuts { font-family: 'source_sans_proregular'; font-weight: 500; font-size: 1.1em; margin: 0 10%; } #blog-sidebar #widget h1, #default-sidebar h1 a { color: #3d5257; } #blog-sidebar #widget li, #default-sidebar li { font-family: 'source_sans_proregular'; font-weight: 500; font-size: .9em; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff; list-style: none; color: #3d5257; line-height: 1.3em; } #back { padding: 0 10%; margin-bottom: 20px; } #back a { font-family: 'source_sans_proregular'; font-size: 1em; padding-left: 25px; background-image: url(images/teal-arrow-back.png); background-repeat: no-repeat; background-position: left center; background-size: auto 90%; display: inline-block; color: #e87d1e; text-decoration: none; font-weight: 500; } #single-post-container { margin: 0px 5%; padding: 30px 0; } #single-post-left { width: 8%; float: left; } #single-post-right { width: 90%; float: right; border-bottom: 1px solid #fff; padding-bottom: 25px; word-wrap: break-word; } #single-post-left img { width: 70%; margin-bottom: 10px; opacity: 0.4; o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } #single-post-left img:hover { width: 70%; margin-bottom: 10px; opacity: 1; o-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } #single-post-left #date { color: #3d5257; font-family: 'source_sans_proextralight'; font-weight: 300; font-size: 2.8em; line-height: .8em; margin-bottom: 30px; } #single-post-left #date em { color: #3d5257; font-family: 'source_sans_probold'; font-weight: 700; font-size: .5em; font-style: normal; text-transform: uppercase; } .text h1 { color: #e87d1e; font-size: 1.8em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.2em; margin-bottom: 10px; } .text h2 { color: #394d51; font-size: 1.5em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.4em; margin-bottom: 15px; } .text h2 a { color: #394d51; } .text h3 { color: #394d51; font-size: 1.2em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.4em; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid #798d92; } #see-more { position: absolute; right: 0; color: #e87d1e; font-size: 1.0em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.4em; top: 3px; } #see-more a { color: #e87d1e; text-decoration: none; } .text h4 { color: #394d51; font-size: 1.2em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.4em; margin-bottom: 10px; } .text h4 a { color: #394d51; } .text p { color: #666; font-size: 1em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.5em; margin-bottom: 20px; } .text .testimonials-widget-testimonials { color: #666; font-size: 1em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.5em; margin-bottom: 20px; } .text .testimonials-widget-testimonials blockquote { font-family: 'source_sans_prosemibold'; color: #394d51; font-weight: 600; } .text table td { padding: 10px 0; } .text p iframe { border: 1px solid #666 !important; } .text p.wp-caption-text { color: #666; font-size: .9em; font-family: 'source_sans_prosemibold'; font-weight: 500; line-height: 1.5em; margin-bottom: 0px; margin-top: 5px; } .text p strong { font-family: 'source_sans_prosemibold'; color: #394d51; font-weight: 600; } .text ul { margin-bottom: 30px; } #focus-area-resources li { margin-left: 0px; padding-left: 0px; } .text li { color: #666; font-size: 1em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.5em; margin-bottom: 10px; margin-left: 20px; padding-left: 10px; } .text #support-columns ul li { color: #666; font-size: 1em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.5em; margin-bottom: 10px; margin-left: 0; padding: 5px 0 10px 50px; list-style-type: none; list-style-image: none; } .text #support-columns ul li.gift { background-image: url(images/gift-icon.png); background-position: left-top; background-size: 35px auto; background-repeat: no-repeat; } .text #support-columns ul li.feedback { background-image: url(images/clipboard-icon.png); background-position: left-top; background-size: 35px auto; background-repeat: no-repeat; } .text #support-columns ul li.subscribe { background-image: url(images/check-icon.png); background-position: left-top; background-size: 35px auto; background-repeat: no-repeat; } .text #support-columns ul li.fb { background-image: url(images/orange-facebook-icon.png); background-position: left-top; background-size: 35px auto; background-repeat: no-repeat; } .text #support-columns ul li.twitter { background-image: url(images/orange-twitter-icon.png); background-position: left-top; background-size: 35px auto; background-repeat: no-repeat; } .text #support-columns ul li.linkedin { background-image: url(images/likedin-icon.png); background-position: left-top; background-size: 35px auto; background-repeat: no-repeat; } .text #support-columns ul li.talk { background-image: url(images/phone-icon.png); background-position: left-top; background-size: 35px auto; background-repeat: no-repeat; } .text #support-columns ul li.email { background-image: url(images/orange-email-icon.png); background-position: left-top; background-size: 35px auto; background-repeat: no-repeat; } .text li p { font-size: 1.1em; } .text li h1 { font-size: 1.9em; } .text li h2 { font-size: 1.6em; } .text li h3 { font-size: 1.3em; } .text li h4 { font-size: 1.3em; } .text ul li { list-style-image: url(images/orange-bullet.png); } .text p a, .text li a, .text table a { color: #1d728b; } .text .wp-caption.alignleft { width: 38% !important; float: left; margin: 5px 20px 15px 0; } .text .wp-caption.alignright { width: 38% !important; float: right; margin: 5px 0px 15px 20px; } .text img.alignleft { width: 38%; float: left; margin: 5px 20px 15px 0; } .text img.alignright { width: 38%; float: right; margin: 5px 0px 15px 20px; } .text img.aligncenter { width: 100% !important; float: none; margin: 5px 0px 15px 0px; } .text .wp-caption.aligncenter, .text .wp-caption.alignnone { width: 100% !important; float: none; margin: 5px 0px 15px 0px; } .text img.aligncenter, .text img.alignnone { width: 100%; float: none; margin: 5px 0px 15px 0px; } #defualt-page-container { background-image: url(images/bg.jpg); padding-bottom: 40px; position: relative; } #defualt-page-container.white { background-image: none; background-color: #fff; padding-bottom: 40px; position: relative; min-height: 600px; } .focus-building #defualt-page-container, .focus-lifting #defualt-page-container, .focus-inspiring #defualt-page-container { background-image: url(images/bg.jpg); padding-bottom: 0px; position: relative; } #defualt-page-container-wrapper { margin: 0 5%; width: 90%; min-height: 300px; } #spacer { height: 2px; width: 100%; clear: both; } #resource-sidebar { width: 28%; float: left; padding-top: 30px; padding-bottom: 30px; } #resource-sidebar-wrapper { padding: 0 10%; } #blog-sidebar h3, #resource-sidebar h3 { color: #394d51; font-size: 1.2em; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.4em; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid #798d92; } #result-count { position: absolute; right: 0; color: #394d51; font-size: .8em; font-family: 'source_sans_probold'; font-weight: 700; line-height: 1.4em; text-transform: uppercase; margin-top: 5px; } #result-count span { color: #e87d1e; } #resource-single { margin-bottom: 2px; } #resource-title { background-color: #eee; padding: 12px 15% 12px 3%; color: #666; font-family: 'source_sans_proregular'; font-weight: 500; font-size: .9em; cursor: pointer; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; background-image: url(images/resource-title-down.jpg); background-position: right center; background-repeat: no-repeat; background-size: 38px auto; position: relative; } #resource-title #date { position: absolute; font-family: 'source_sans_probold'; font-weight: 700; color: #666; right: 50px; padding: 12px 0 12px 30px; top: 0; } #resource-title #date.pdf { background-image: url(images/dark-pdf.png); background-position: left center; background-repeat: no-repeat; background-size: auto 50%; } #resource-title #date.compilation { background-image: url(images/dark-compilation.png); background-position: left center; background-repeat: no-repeat; background-size: auto 50%; } #resource-title.active #date.compilation, #resource-title.active:hover #date.compilation, #resource-title:hover #date.compilation { background-image: url(images/white-compilation.png); } #resource-title.active #date.pdf, #resource-title.active:hover #date.pdf, #resource-title:hover #date.pdf { background-image: url(images/white-pdf.png); } #resource-sidebar-wrapper .audio-key, #resource-sidebar .audio-key { background-image: url(images/dark-audio.png); background-position: left center; background-repeat: no-repeat; background-size: auto 70%; display: block; padding: 10px 10px 10px 30px; font-family: 'source_sans_prosemibold'; font-size: .9em; color: #3d5257; } #resource-sidebar-wrapper .comp-key, #resource-sidebar .comp-key { background-image: url(images/dark-compilation.png); background-position: left center; background-repeat: no-repeat; background-size: auto 60%; display: block; padding: 10px 10px 10px 30px; font-family: 'source_sans_prosemibold'; font-size: .9em; color: #3d5257; } #resource-sidebar-wrapper .pdf-key, #resource-sidebar .pdf-key { background-image: url(images/dark-pdf.png); background-position: left center; background-repeat: no-repeat; background-size: auto 60%; display: block; padding: 10px 10px 10px 30px; font-family: 'source_sans_prosemibold'; font-size: .9em; color: #3d5257; } #resource-sidebar-wrapper .ppt-key, #resource-sidebar .ppt-key { background-image: url(images/dark-ppt.png); background-position: left center; background-repeat: no-repeat; background-size: auto 60%; display: block; padding: 10px 10px 10px 30px; font-family: 'source_sans_prosemibold'; font-size: .9em; color: #3d5257; } #resource-sidebar-wrapper .video-key, #resource-sidebar .video-key { background-image: url(images/dark-video.png); background-position: left center; background-repeat: no-repeat; background-size: auto 70%; display: block; padding: 10px 10px 10px 30px; font-family: 'source_sans_prosemibold'; font-size: .9em; color: #3d5257; } #resource-title #date.audio { background-image: url(images/dark-audio.png); background-position: left center; background-repeat: no-repeat; background-size: auto 50%; } #resource-title.active #date.audio, #resource-title.active:hover #date.audio, #resource-title:hover #date.audio { background-image: url(images/white-audio.png); } #resource-title #date.video { background-image: url(images/dark-video.png); background-position: left center; background-repeat: no-repeat; background-size: auto 50%; } #resource-title.active #date.video, #resource-title.active:hover #date.video, #resource-title:hover #date.video { background-image: url(images/white-video.png); } #resource-title #date.ppt { background-image: url(images/dark-ppt.png); background-position: left center; background-repeat: no-repeat; background-size: auto 50%; } #resource-title.active #date.ppt, #resource-title.active:hover #date.ppt, #resource-title:hover #date.ppt { background-image: url(images/white-ppt.png); } #resource-title.active { background-color: #e87d1e; padding: 12px 15% 12px 3%; color: #fff; font-family: 'source_sans_proregular'; font-weight: 500; font-size: .9em; background-image: url(images/resource-title-orange-up.jpg); background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } #resource-title.active #date { color: #fff; } #resource-title.active:hover { background-color: #e87d1e; padding: 12px 15% 12px 3%; color: #fff; font-family: 'source_sans_proregular'; font-weight: 500; font-size: .9em; background-image: url(images/resource-title-orange-up.jpg); background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } #resource-title.active:hover #date, #resource-title:hover #date { color: #fff; } #resource-title:hover { background-color: #e87d1e; color: #fff; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; background-image: url(images/resource-title-orange-down.jpg); background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } #resource-excerpt { background-color: #fae5d2; padding: 20px 6% 20px 3%; font-family: 'source_sans_prolight'; font-weight: 400; font-size: .9em; color: #666; line-height: 1.4em; } #resource-excerpt .more-link a { font-family: 'source_sans_proregular'; font-size: 0.9em; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; display: inline; color: #e87d1e; text-decoration: none; font-weight: 500; margin-top: 0px; } #default-sidebar { width: 30%; position: relative; float: left; top: 0; left: 0%; background-image: url(images/bg.jpg); padding-top: 30px; padding-bottom: 30px; margin-top: -60px; } #default-sidebar.team { width: 30%; position: relative; float: left; top: 0; left: 0%; background-image: url(images/bg.jpg); padding-top: 30px; padding-bottom: 30px; margin-top: 10px; } #default-content { width: 67%; float: right; padding-top: 30px; padding-bottom: 30px; } #default-content.one-column { width: 100%; float: none; padding-top: 30px; padding-bottom: 30px; } .text #inside-quote { width: 100%; color: #666; font-size: 1em; font-family: 'source_sans_proextralight'; font-weight: 300; line-height: 1.5em; font-style: italic; } .text #inside-quote em { font-family: 'source_sans_prolight'; color: #3d5257; font-style: normal; display: block; margin-top: 5px; font-weight: 400; } .text #inside-quote #quotes { width: 31px; margin: 0 10px 0px 0; float: left; } .text #inside-quote p { padding-top: 10px; margin-bottom: 0; } #focus-area-landing-content { padding-top: 140px; padding-bottom: 20px; } #focus-area-landing-content.small-padding { padding-top: 40px; padding-bottom: 20px; } .text #focus-area-landing-content h3 { margin-bottom: 30px; } #focus-area-resources, #focus-area-projects { margin-bottom: 40px; position: relative; } #focus-area-resources ul li { list-style-type: none; width: 28%; margin-right: 8%; float: left; display: inline-block; margin-bottom: 25px; } #focus-area-resources ul li:nth-child(3), #focus-area-resources ul li:nth-child(6), #focus-area-resources ul li:nth-child(9), #focus-area-resources ul li:nth-child(12), #focus-area-resources ul li:nth-child(15), #focus-area-resources ul li:nth-child(18), #focus-area-resources ul li:nth-child(21), #focus-area-resources ul li:nth-child(24) { list-style-type: none; width: 28%; margin-right: 0%; } #focus-area-resources ul li:nth-child(3n+1) { clear: left } #focus-area-resources ul li img { margin-bottom: 20px; } .text #focus-area-resources ul li p, .text #focus-area-projects table td p { margin-bottom: 5px; } .text #focus-area-resources ul li p a, .text #focus-area-projects ul li p a { font-family: 'source_sans_proregular'; font-size: 0.9em; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 70%; display: inline-block; color: #e87d1e; text-decoration: none; font-weight: 500; margin-top: 0px; } #focus-area-projects table { width: 100%; vertical-align: middle; } #focus-area-projects table td:nth-child(1) { width: 45%; vertical-align: middle; } #focus-area-projects table td .mobile img { display: none; } #focus-area-projects table td:nth-child(2) { width: 45%; padding: 0 5%; vertical-align: middle; } #focus-image-intro { position: absolute; bottom: -100px; left: 5%; padding: 30px; background-image: url(images/bg.jpg); width: 85%; color: #666; } #focus-image-intro { font-size: 1.1em; color: #666; font-family: 'source_sans_proregular'; font-weight: 500; line-height: 1.6em; text-align: center; } #focus-image-intro h1 { color: #3d5257; text-align: center; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #3d5257; font-weight: 300; font-size: 24px; line-height: 32px; } #show-more { text-align: center; font-size: .9em; color: #3d5257; font-family: 'source_sans_prosemibold'; font-weight: 600; } #show-more a { display: inline-block; padding-right: 30px; background-image: url(images/down-arrow.png); background-position: center right; background-repeat: no-repeat; color: #3d5257; text-decoration: none !important; margin-top: 25px; } #social-navigation.mobile { display: none; } #home-seo-statement { width: 80%; float: none; text-align: center; font-size: 1.4em; line-height: 1.4em; color: #666; font-family: 'source_sans_prolight'; font-weight: 400; padding: 30px 0 50px; margin: 0 auto; } #home-seo-statement p { margin-bottom: 5px; } #home-seo-statement h1 { margin-bottom: 5px; font-weight: normal; } #home-seo-statement p span { color: #e87d1e; } #home-seo-statement h1 span { color: #e87d1e; } #home-seo-statement p a { font-family: 'source_sans_proregular'; font-size: 0.9em; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 70%; display: inline-block; color: #e87d1e; text-decoration: none; font-weight: 500; margin-top: 5px; } #home-seo-statement h1 a { font-family: 'source_sans_proregular'; font-size: 0.9em; padding-right: 25px; background-image: url(images/teal-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: auto 70%; display: inline-block; color: #e87d1e; text-decoration: none; font-weight: 500; margin-top: 5px; } #mobile-header { display: none; } .sb-menu li { font-family: 'source_sans_proextralight'; } .sb-slidebar #social-navigation { display: none !important; } #searchform input { padding: 5px 5px; } #searchform { color: #666; } .widget_search:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .widget_search { margin: 0 10%; } .widget_search input { padding: 5px; border: none; } .widget_search input#advanced-search-widget-2-searchsubmit { width: 15%; float: right; text-indent: -100000px; background-color: #fff; background-image: url(images/search-arrow.jpg); background-repeat: no-repeat; background-size: auto 90%; background-position: 85% center; cursor: pointer; } .widget_search input#advanced-search-widget-2-searchsubmit:hover { background-image: url(images/search-arrow-a.jpg); } .widget_search input#advanced-search-widget-2-s { width: 85%; float: left; } .widget_search label { display: none; } .widget_search { background-color: #fff; border-left: 1px solid #d6d5d5; border-top: 2px solid #d6d5d5; } .subscribe input#s2email { background-color: #fff; border-left: 1px solid #d6d5d5; border-top: 2px solid #d6d5d5; border-bottom: none; border-right: none; padding: 7px 5px; width: 100%; margin-bottom: 5px; font-family: 'source_sans_prolight'; font-size: 0.9em; font-weight: 400; color: #666; } #blog-sidebar #widget .widgetGuts .success, #blog-sidebar #widget .widgetGuts .error { clear: both; font-weight: bold; display: inline-block; width: auto; margin-top: 0px; padding: 3px 7px; border-radius: 4px; background: #ccc; color: #e87d1e; line-height: 1.3em; list-style: none; } #blog-sidebar #widget .widgetGuts ul li, #blog-sidebar #widget .widgetGuts ul li:hover { padding: 0; background-color: transparent; font-size: 0.8em; } #blog-sidebar #widget .widgetGuts dd, #blog-sidebar #widget .widgetGuts dt { margin-bottom: 5px; } #blog-sidebar #widget .widgetGuts label.required { display: none; } #blog-sidebar #widget .widgetGuts input#frm-email { background-color: #fff; border-left: 1px solid #d6d5d5; border-top: 2px solid #d6d5d5; border-bottom: none; border-right: none; padding: 7px 5px; width: 100%; margin-bottom: 5px; font-family: 'source_sans_prolight'; font-size: 0.9em; font-weight: 400; color: #666; } .subscribe p.s2_message { font-family: 'source_sans_proregular'; font-weight: 500; font-size: .9em; color: #3d5257; line-height: 1.4em; } .subscribe p.s2_message a { color: #e87d1e; } #blog-sidebar #widget .widgetGuts input[type="submit"] { background-color: #3d5257; border: none; color: #fff; padding: 8px 50px 8px 10px; background-image: url(images/filter-arrow.jpg); background-position: right center; background-size: auto 32px; background-repeat: no-repeat; cursor: pointer; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } .subscribe input[value="Subscribe"] { background-color: #3d5257; border: none; color: #fff; padding: 8px 50px 8px 10px; background-image: url(images/filter-arrow.jpg); background-position: right center; background-size: auto 32px; background-repeat: no-repeat; cursor: pointer; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } #blog-sidebar #widget .widgetGuts input[type="submit"]:hover { background-color: #e87d1e; border: none; color: #fff; padding: 8px 50px 8px 10px; background-image: url(images/filter-arrow-orange.jpg); background-position: right center; background-size: auto 32px; background-repeat: no-repeat; cursor: pointer; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } .subscribe input[value="Subscribe"]:hover { background-color: #e87d1e; border: none; color: #fff; padding: 8px 50px 8px 10px; background-image: url(images/filter-arrow-orange.jpg); background-position: right center; background-size: auto 32px; background-repeat: no-repeat; cursor: pointer; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } #prev-post { float: left; max-width: 48%; display: inline-block; font-family: 'source_sans_proregular'; font-weight: 500; font-size: .9em; line-height: 1.3em; } #next-post { float: right; max-width: 48%; display: inline-block; font-family: 'source_sans_proregular'; font-weight: 500; font-size: .9em; text-align: right; line-height: 1.3em; } #prev-post a { background-color: #399ab6; padding: 10px 15px 10px 35px; color: #fff; text-decoration: none; display: block; background-image: url(images/prev-arrow.png); background-position: 3% center; background-size: auto 20px; background-repeat: no-repeat; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } #next-post a { background-color: #399ab6; padding: 10px 35px 10px 15px; color: #fff; text-decoration: none; display: block; background-image: url(images/next-arrow.png); background-position: 97% center; background-size: auto 20px; background-repeat: no-repeat; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } #prev-post a:hover, #next-post a:hover { background-color: #257890; text-decoration: none !important; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; /* ...and now override with proper CSS property */ transition: all .2s ease; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ @media only screen and (max-width: 1200px) { #featured-resources { \ max-height: initial; overflow: vsible; } #slider .soliloquy-pager { width: 94%; position: absolute; bottom: 40px; left: 6%; z-index: 200; text-align: left; } #email-form { width: 69%; } #header #wrapper { max-width: 96%; } #footer-left { width: 64%; float: left; padding-left: 2%; } #secondary-navigation ul li.build a { background-position: 10px center; padding: 10px 8px 10px 43px; } #secondary-navigation ul li.lift a { background-position: 10px center; padding: 10px 8px 10px 38px; } #secondary-navigation ul li.inspire a { background-position: 10px center; padding: 10px 8px 10px 38px; } #footer-seo { width: 72%; } #footer-donate { width: 19%; } #footer-contact { width: 24%; margin-right: 5%; } #subscribe-title span { display: none; } #subscribe { width: 40%; } #main-navigation { width: 60%; } #social-navigation { width: 15%; padding-top: 6px; } #social-navigation ul li { width: 16%; margin-left: 1%; margin-top: 4px; } #social-navigation ul { margin-top: 3px; } #secondary-navigation { width: 85%; } #lower-nav { padding: 6px 0 28px; } #three-column-home ul li { display: inline-block; width: 31%; margin: 0 1%; position: relative; } #slider .soliloquy-caption-inside { width: 30%; padding: 2% 2% 30px; left: 4%; } #slider .soliloquy-container .soliloquy-prev { left: 0px; } #slider .soliloquy-container .soliloquy-next { right: 62%; } } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ @media only screen and (max-width: 1100px) { #slider .soliloquy-container .soliloquy-prev, #slider .soliloquy-container .soliloquy-next { top: -120px; } #slider .soliloquy-caption-inside h1 { font-size: 1.4em; color: #fff; font-family: 'source_sans_proextralight'; font-weight: 300; line-height: 1em; margin-bottom: 5px; } #slider .soliloquy-caption-inside p { font-size: .9em; line-height: 1.3em; margin-bottom: 10px; } #main-navigation ul li a { padding: 20px 15px 5px; } #three-column-home ul li #cover-image #hidden-text { font-size: 1em; } #main-navigation ul li a:hover, #main-navigation ul li.current a { padding: 20px 15px 5px; } #secondary-navigation ul li { font-size: 1.3em; } } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ @media only screen and (max-width: 1023px) { #three-column-home ul li #tag { position: absolute; top: 0px; left: 0; } #three-column-home ul li #cover-image #hidden-text { padding: 50px 20px 0; } #mobile-header { display: block; position: absolute; right: 0; top: 25px; } #main-navigation, #lower-nav { display: none; } #social-navigation.mobile { display: block; width: 25%; float: left; padding-top: 12px; } #logo { width: 26%; padding-left: 0%; } #header-right { width: 60%; padding-right: 0%; } #subscribe { padding: 8px 0; width: 55%; float: left; } #upper-nav { padding-top: 10px; } } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ @media only screen and (max-width: 980px) { #featured-resource-thumb { display: none; } #featured-resource-content { padding: 30px 5% 40px; } #featured-resources ul.tabs { text-align: center; position: absolute; left: 5%; bottom: 15px; } #slider .soliloquy-container .soliloquy-prev, #slider .soliloquy-container .soliloquy-next { display: none; } #slider .soliloquy-pager { width: 95%; left: 5%; } #slider .soliloquy-caption-inside { width: 45%; padding: 2% 2% 30px; left: 2.5%; } #three-column-home ul li #cover-image #hidden-text { padding: 45px 15px 0; font-size: .9em; } #footer-bg { background-image: none; height: inherit; } #footer-left { width: 64%; float: none; padding-left: 0%; margin: 0 18% 25px; } #footer-contact { width: 30%; float: none; padding: 0%; margin: 0 35%; text-align: center; } .site-wrapper { min-height: 100%; height: auto !important; height: inherit; margin: 0; } #footer, #push { height: initial; } #footer-seo { width: 100%; float: none; text-align: center; } #footer-donate { width: 26%; float: none; margin: 0 auto 20px; } #three-column-home ul li #cover-image { margin-left: 0px; } #three-column-home ul li { width: 30%; } #focus-image-intro { position: relative; bottom: 0px; left: 0%; padding: 20px 5%; background-color: transparent; border-top: none; border-left: none; border-bottom: none; border-right: none; width: 90%; color: #666; } #focus-image-intro { color: #666; } #content-container.focus-inspiring #big-logo, #content-container.focus-building #big-logo, #content-container.focus-lifting #big-logo { background-image: none; } #focus-area-landing-content { padding-top: 30px; padding-bottom: 20px; } #subscribe { width: 60%; } .mobile #subscribe { width: 100%; } #header-right { width: 70%; padding-right: 0%; } #resource-title, #resource-title:hover, #resource-title:hover.active { padding: 12px 22% 12px 3%; } #subscribe-background { float: right; margin-top: 2px; } .mobile #subscribe-background { padding: 0 0px 0 15px; float: none; } #author-avy { display: none; } #author-bio-box { width: 90%; float: none; padding: 10px 5% 10px; } } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ @media only screen and (max-width: 780px) { #resource-sidebar-wrapper { padding: 0 5%; padding-bottom: 30px; } #page-title { width: 90%; margin: 0 auto; } #default-content table, #default-content thead, #default-content tbody, #default-content th, #default-content td, #default-content tr { display: block; } #default-content table { width: 100%; } /* Hide table headers (but not display: none;, for accessibility) */ #default-content thead tr { position: absolute; top: -9999px; left: -9999px; } #default-content tr { border: 1px solid #ccc; } #default-content td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding: 10px; text-align: left; } #resource-sidebar { width: 100%; float: none; padding-top: 30px; padding-bottom: 30px; } #slider .soliloquy-caption-inside h1, #slider .soliloquy-caption-inside p, .no-mobile { display: none; } #slider .soliloquy-caption-inside { background-color: transparent; border: none; } #slider .soliloquy-pager { bottom: 20px; } #slider .soliloquy-caption-inside { bottom: 10px; } #slider-caption p { margin-bottom: 0px; } #home-seo-statement { width: 90%; margin: 0 auto; float: none; font-size: 1em; padding: 20px 0 20px; } #three-column-home ul li { width: 70%; margin-bottom: 15px; } #three-column-home ul li #cover-image { margin-left: 35px; } #three-column-home ul li #tag { position: absolute; top: 20px; left: 0; } #three-column-home ul li #cover-image #hidden-text { padding: 70px 20px 0; font-size: .9em } #footer-left { width: 90%; float: none; padding-left: 0%; margin: 0 auto 25px; } #footer-contact { width: 50%; float: none; padding: 0%; margin: 0 25%; } #logo { width: 38%; padding-left: 0%; } #upper-nav { display: none; } #blog-sidebar { width: 100%; float: none; padding-top: 0px; } #main-blog-area { width: 100%; float: none; border-left: none; position: relative; padding-bottom: 30px; } .widget_search { margin: 0 5%; } #blog-sidebar #widget h2, #blog-sidebar #widget h3, #blog-sidebar #widget h4, #blog-sidebar #widget p, #blog-sidebar #widget li { margin: 0 5%; } #blog-sidebar #widget h1 { margin: 0 5% 15; } #blog-sidebar #widget ul li, #default-sidebar ul.links li { padding: 0 5%; } #header { background-color: #fff; background-image: none; padding-bottom: 3px; } #home-blog { width: 100%; float: none; margin-bottom: 20px; } #home-quote { width: 100%; float: none; } #home-quote p { margin-top: 0px; padding-top: 10px; } #home-blog-left { width: 15%; float: left; } #home-blog-right { width: 82%; float: right; } #content-container { background-image: none; background-color: #374b4f; } #default-sidebar.team, #default-sidebar { width: 100%; position: relative; top: initial; left: 0; background-image: url(images/bg.jpg); padding-top: 30px; margin-top: 0; } #default-content { width: 100%; float: none; } #default-sidebar h1, #default-sidebar h2, #default-sidebar h3, #default-sidebar h4, #default-sidebar p, #default-sidebar li { margin: 0 5%; } #default-sidebar h1 { margin: 0 5% 15px; } #focus-area-resources ul li { width: 42%; margin-bottom: 20px; } #focus-area-resources ul li:nth-child(3), #focus-area-resources ul li:nth-child(6), #focus-area-resources ul li:nth-child(9), #focus-area-resources ul li:nth-child(12), #focus-area-resources ul li:nth-child(15), #focus-area-resources ul li:nth-child(18), #focus-area-resources ul li:nth-child(21), #focus-area-resources ul li:nth-child(24) { list-style-type: none; width: 42%; margin-right: 8%; } #focus-area-resources ul li:nth-child(3n+1) { clear: none; } #focus-area-resources ul li:nth-child(2n+1) { clear: left; } #focus-area-projects table td:nth-child(2) { width: 100%; padding: 0 0%; } #focus-area-projects table td:nth-child(1) { display: none; } #focus-area-projects table td .mobile img { display: block; margin-bottom: 15px; } #back { padding: 0 5%; margin-bottom: 30px; } #single-post-left { width: 10%; } #single-post-right { width: 85%; } .sb-slidebar #social-navigation { display: block !important; width: 60%; } #subscribe-background a { padding: 10px 55px 10px 8px; } #social-navigation ul { text-align: left; } #social-navigation ul li { margin: 0 0px 0 10px; } ul.sb-menu li.lift-mobile a { background-image: url(images/lift-icon-white.png); background-repeat: no-repeat; background-size: auto 60%; background-position: 11px center; display: inline-block; padding-left: 20%; width: 74%; } ul.sb-menu li.build-mobile a { background-image: url(images/build-icon-white.png); background-repeat: no-repeat; background-size: auto 60%; background-position: 10px center; display: inline-block; padding-left: 20%; width: 74%; } ul.sb-menu li.inspire-mobile a { background-image: url(images/inspire-icon-white.png); background-repeat: no-repeat; background-size: auto 60%; background-position: 11px center; display: inline-block; padding-left: 20%; width: 74%; } #featured-resources { display: none; } #support-columns, #support-columns.first, #support-columns.last { width: 100%; padding: 0 0% 0px 0; border-left: none; border-right: none; margin-bottom: 20px; border-bottom: 1px solid #ccc; } #funders { width: 100%; float: none; } #comm-leaders { width: 100%; float: none; } } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ @media only screen and (max-width: 500px) { #prev-post { float: none; max-width: 100%; margin-bottom: 10px; display: block; } #next-post { float: none; max-width: 100%; display: block; } #main-blog-area { width: 100%; float: none; border-left: none; position: relative; padding-bottom: 30px; } .text img.alignleft, .text img.alignright { width: 100%; float: none; margin: 0px 0px 15px 0; } #resource-title, #resource-title.active, #resource-title:hover, #resource-title:hover.active { padding: 12px 40% 12px 3%; } .reveal-modal { display: none; } #mobile-header { display: block; position: absolute; right: 10px; top: 15px; } #single-post-left { width: 12%; } #single-post-right { width: 83%; } #single-post-left img { width: 80%; } #single-post-left img:hover { width: 80%; } #single-post-left #date { font-size: 2.4em; margin-top: 5px; } #page-title.build h1 { padding-left: 45px; } #page-title.inspire h1 { padding-left: 30px; } #page-title.lift h1 { padding-left: 35px; } #focus-area-resources ul li { width: 100%; margin-right: 0; margin-bottom: 20px; } #focus-area-resources ul li:nth-child(3), #focus-area-resources ul li:nth-child(6), #focus-area-resources ul li:nth-child(9), #focus-area-resources ul li:nth-child(12), #focus-area-resources ul li:nth-child(15), #focus-area-resources ul li:nth-child(18), #focus-area-resources ul li:nth-child(21), #focus-area-resources ul li:nth-child(24) { list-style-type: none; width: 100%; margin-right: 0%; } #focus-area-resources ul li:nth-child(3) { width: 100%; } #slider-caption h1 { font-size: 1.4em; margin-bottom: 5px; } #slider-caption { width: 45%; padding: 1%; } #home-blog-right h1 { font-size: 1.5em; line-height: 1.3em; } #three-column-home ul li { width: 90%; margin-bottom: 25px; } #home-blog-left img { width: 70%; height: auto; } #footer-left { width: 86%; margin: 0 auto 25px; } #footer-contact { width: 66%; margin: 0 auto; } #home-blog-right #thumbnail { float: none; width: 100%; margin-bottom: 10px; } #footer-donate { width: 45%; margin: 0 auto 20px; } #footer-bg { padding: 35px 0; } #logo { width: 60%; padding-left: 0%; margin: 0 auto; float: none; } #page-title { padding: 15px 0; text-align: center; } #page-title h1 { font-size: 1.8em; } #page-title h2 { font-size: 1.2em; line-height: 1.3em; } #todays-date { padding: 8px 12px 12px; top: 15px; left: 15px; font-size: 2.0em; } #post-excerpt-date { width: 11%; float: left; color: #3d5257; font-family: 'source_sans_proextralight'; font-weight: 300; font-size: 2.0em; line-height: .8em; } #post-excerpt-right { width: 86%; float: right; } #post-excerpt-right #thumbnail { width: 150px; height: 150px; margin: 0px 0px 10px 0; float: none; } #post-excerpt h1 { font-size: 1.4em; line-height: 1.2em; } #post-excerpt { padding-bottom: 20px; margin-bottom: 25px; } #post-excerpt p { line-height: 1.4em; } #content-area-wrapper { border-left: none; } #first-post { margin-bottom: 25px; } #first-post #post-excerpt { padding-bottom: 20px; } .text .wp-caption.alignleft, .text .wp-caption.alignright { width: 100% !important; float: left; margin: 0px 0px 15px 0; } }