/* Theme Name: Biomimicry 3.8 Theme URI: http://www.biomimicry.net Description: This theme was built for Biomimicry 3.8. Author: Tamara Olson Designs for Six Pony Hitch Author URI: http://www.sixponyhitch.com Version: 1.1 */ /***************************************************************************************************************************************************************************************/ /*HTML5 BOILERPLATE MINIFIED*/ /***************************************************************************************************************************************************************************************/ *{box-sizing:border-box;}article{display:block}aside{display:block;clear:both;}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block;clear:both;}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0} /* Clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /***************************************************************************************************************************************************************************************/ /*BODY STYLES*/ /***************************************************************************************************************************************************************************************/ html { font-size: 100%; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background: #FFF; color: #515151; font: 1em 'proxima-nova', Helvetica, sans-serif; } body.fixed-story-overlay { overflow: hidden; } a { cursor: pointer; color: #9FAD3E; text-decoration: none; transition: all .25s ease; } a:hover { color: #9FAD3E; } article #searchform input[type=submit], button.btn, a.btn, .wpcf7-submit { font-family: 'proxima-nova', Helvetica, sans-serif; border-radius: 0; background-color: transparent; display: inline-block; color: #9FAD3E; border: 1px solid #9FAD3E; border-radius: 2px; padding: 6px 14px; text-transform: uppercase; } button.mcbtn { font-family: 'proxima-nova', Helvetica, sans-serif; border-radius: 0; background-color: #9FAD3E; display: inline-block; color: #fff; border: 1px solid #fff; border-radius: 2px; padding: 6px 14px; text-transform: uppercase; } button.trigger { font-family: 'proxima-nova', Helvetica, sans-serif; border-radius: 0; background-color: #fff; display: inline-block; color: #9FAD3E; border: 1px solid #9FAD3E; border-radius: 2px; padding: 12px 36px; text-transform: uppercase; } button.mcbtn:hover { background-color: #fff; color: #9FAD3E; border: 1px solid #9FAD3E; } button.trigger:hover { background-color: #9FAD3E; color: #fff; border: 1px solid #fff; } button.btn:hover, a.btn:hover, .wpcf7-submit:hover { background-color: #9FAD3E; color: white; } a.btn.white { color: white; border-color: white; } a.btn.white:hover { background-color: white; color: #9FAD3E; } a.btn.biggerbtn { padding: 12px 36px; letter-spacing: .2px; } .btn-wrapper { text-align: center; } .btn-wrapper a.btn { margin: 0 5px; } .container { clear: both; margin: 0 auto; max-width: 1060px; padding: 0 20px; position: relative; } img { height: auto; max-width: 100%; } input, textarea { font-family: 'proxima-nova', sans-serif; } input:focus, textarea:focus, button:focus { outline: none; } button { border: 0; } h1 { font-family: 'ronnia-condensed'; text-transform: uppercase; font-weight: normal; } h2 { font-weight: normal; letter-spacing: .068em; text-transform: uppercase; font-family: 'ronnia-condensed'; color: #55601C; } h3 { text-transform: uppercase; font-weight: normal; } p { margin: 20px 0; } p.metadata { margin: 20px 0 0; font-style: italic; display: block; } p.metadata a { text-decoration: underline; } hr { max-width: 940px; margin: 54px auto; background-color: #B6B6B6; height: 1px; width: 100%; } .quotemark { width: 31px; height: 25px; margin: 0 auto 30px; background-image: url('img/quote.png'); background-size: 100%; display: block; } article blockquote { position: relative; margin: 40px 0; padding-left: 80px; border-left: 6px solid #9FAD3E; } article blockquote::before { position: absolute; left: 20px; top: 0; content: ''; width: 31px; height: 25px; margin: 0 0 30px; background-image: url('img/quotegreen.png'); background-size: 100%; display: block; } article blockquote em { display: block; margin-top: 10px; } .wp-caption-text { font-style: italic; text-align: center; } #flash-content { width:100%; height:100%; text-align: center; background: #5C5D60; padding-bottom: 20px; padding-top: 40px; margin-top: 0px; } /* Modal */ .modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; z-index: 9999; } .modal-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: transparent; padding: 1rem 1.5rem; width: 38%; border-radius: 0.5rem; } .close-button { float: right; width: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; border-radius: 0.25rem; background-color: #9FAD3E; margin-right: 1%; color: #fff; border: 1px solid #fff; } .close-button:hover { background-color: #fff; color: #9FAD3E; border: 1px solid #9FAD3E; } .show-modal { opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; } /* Button Typography */ article #searchform input[type=submit], button.btn, a.btn { font-size: 16px; } a.btn.biggerbtn { font-size: 18px; } /* Site Typography Sizing */ body.single-tribe_events .tribe-events-single-event-title, .general-hero h1, h1 { font-size: 40px; line-height: 50px; } .central-bubble { font-size: 37px; } .request-a-speaker p, .tabs-area .container p, #what-is-biomimicry-changemaker { font-size: 35px; line-height: 46px; } .buzzbox-grid-1 .buzzbox1 h2 { font-size: 34px!important; } h2 { font-size: 33px; line-height: 43px; } .single-work-examples h2.circle, .thank-you p, .homepage-clients p, #biomimicry-courses h2, .tab-content-footer h2, .tab-content h2 { font-size: 32px; line-height: 47px; } .job-post h2, #biomimicry-courses h3, .program-details h3 { font-size: 32px; line-height: 40px; } .page-numbers, .buzzbox-left span, .buzzbox-right span { font-size: 30px; } .bio-speaking, .name-of-office, .service-header h3 { font-size: 27px; line-height: 47px; } .addresses p { font-size: 27px; line-height: 33px; } #what-is-biomimicry-clients, #what-is-biomimicry-clients p, .example p, .bio-logos p, #things-to-learn .intro p { font-size: 26px; line-height: 38px; } a.work-example-collage > span.hoverarea h2 { font-size: 25px; line-height: 32px; } .buzz-section a.buzz-content h3 { font-size: 24px; line-height: 30px; } h3 { font-size: 22px; line-height: 26px; } .no-jobs-available p, .recent-speaking-headline, .speaker-info ul, #prof-training-programs div.left-content p, .who-we-are-after-values p, #speaker-intro p, .testimonials-slideshow p, .testimonials-slideshow-video p, .tab-content .container > p, .tab-content .example p, .end-of-tab-cta p, #things-to-learn li p, .testimonial-post p, .page-template-page-proftrainingoffering article p { font-size: 22px; line-height: 36px; } .event .event-details h3 { font-size: 21px; line-height: 25px; } #biomim-about-graph p, .page-template-page-proftrainingoffering article ul li, .single-resources .general-subheadline h2, .single-post .general-subheadline h2 { font-size: 20px; line-height: 38px; } .service-header p, .larger-paragraph p, .qa-pair .answer p, .general-subheadline-second .container p { font-size: 20px; line-height: 34px; } #homepage-services-list li p { line-height: 30px; } article blockquote p { font-size: 24px; line-height: 36px; } .circle_value, .qa-pair, .work-example-collage > span.hoverarea { font-size: 20px; line-height: 26px; } h2.faq-section-title { font-size: 20px; line-height: 24px; } .buzzbox div.buzz-grid-text, .nav-toggle div.menu-label, .testimonial-post em, .readmorebio, .event .year, .speaker-info p, .title-location { font-size: 18px; line-height: 24px; } .tab-content-footer p, .additional-title, .open-downloads, .single-bios .hidden-bio, .buzz-section a.buzz-content p { font-size: 17px; line-height: 29px; } .event .event-details .description p { font-size: 16px; line-height: 24px; } .wpcf7-form input[type=tel], .wpcf7-form input[type=date], .wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form input[type=email], .wpcf7-form textarea { font-size: 16px; } article blockquote em, p, .program-details ul li, article p, .bio-content p, article ul li { font-size: 16px; line-height: 24px; } .main-nav .sub-menu { font-size: 15px; } .circle_value .description p { font-size: 15px; line-height: 23px; } .event .year span.circlefeatured, p.metadata { font-size: 14px; } .footer-col-2 li, .credit p { font-size: 13px; line-height: 22px; } /* Form Assembly Styling */ .wForm { font-family: 'proxima-nova', Helvetica, sans-serif; } .saveAndResume { text-align: center !important; } /* MC Pop Up */ .mc-banner { z-index: 99999; } /* Blog post */ article { max-width: 600px; margin-left: auto; margin-right: auto; } article p, .bio-content p { margin: 25px 0; } article ul li { margin: 4px 0; } article p:first-of-type { margin-top: 0; } article p:last-of-type { margin-bottom: 0; } article p, article ol, article ul { } .embed-container { margin-bottom: 30px; } .related-resources-wrapper { margin: 0 auto; border-top: 1px solid #b6b6b6; margin-top: 80px; padding-top: 80px; } .related-resources { text-align: center; } .related-resources h2 { margin-top: 0; margin-bottom: 60px; } .related-resources h3 { text-transform: none; } .related-resources ul { padding: 0; margin: 0; overflow: hidden; } .related-resources ul li { float: left; width: 23%; margin: 0 5%; list-style: none; } .related-resources ul li:last-child { margin-right: 0; } .related-resources ul li img { border: 5px solid #b6b6b6; width: 100%; margin-bottom: 20px; max-width: 200px; border-radius: 200%; } .related-resources ul li a:hover img { border-color: #9FAD3E; } /*DEFAULT PAGE STYLES*/ .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .aligncenter, .alignnone { display: block; margin: 0 auto 20px; } .wp-caption { max-width: 100%; } /* Navigation */ .main-nav { background: #9FAD3E url('img/nav-bg.png') scroll no-repeat 0 bottom; background-size: 100%; font-size: 16px; line-height: 22px; padding: 100px 60px 32px; top: 0; left: 0; position: fixed; z-index: 201; max-width: 322px; height: 100%; min-height: 600px; } .c-menu--slide-left.is-active, .c-menu--push-left.is-active { overflow: hidden; min-height: 760px; } .c-menu { z-index: 200; } .c-mask { background-color: #55601C; z-index: 110!important; } .c-mask.is-active { opacity: .82!important;} .main-nav > ul > li { margin-bottom: 20px; } .main-nav > ul > li ul { margin-top: 10px; } .main-nav > ul > li ul li a { font-size: 15px; line-height: 30px; } .main-nav > ul > li a { letter-spacing: .017em; font-size: 20px; color: white; margin-bottom: 2px; } .main-nav > ul > li a:hover { opacity: .6; } .main-nav > ul > li.menu-item-has-children > a::after { margin-left: 10px; content: "\25BA"; font-size: 12px; } .main-nav > ul > li.menu-item-has-children.active > a::after { content: "\25BC"; } .main-nav .sub-menu { display: none; margin-left: 40px; } #searchform { margin-top: 80px; position: relative; } #searchform::after { top: 10px; content: "\f002"; color: white; font-family: FontAwesome; position: absolute; left: 15px; } #searchform input { width: 100%; background-color: transparent; border: 1px solid white; padding: 12px 12px 12px 43px; color: white; } #searchform button { display: none; } article #searchform { margin-bottom: 50px; margin-top: 20px; } article #searchform input[type=text] { padding: 6px 15px; max-width: 300px; border-color: #ddd; color: #515151; } article #searchform input[type=submit] { max-width: 100px; } article #searchform::after { content: none; } .c-menu__close { display: none!important;} .nav-toggle-wrapper { background-color: #9FAD3E; width: 83px; height: 83px; display: block; top: 0; left: 0; position: fixed; z-index: 9990; } .nav-toggle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; cursor: pointer; text-align: center; color: white; } .nav-toggle:hover { background-color: #55601C; color: white; } .nav-toggle.active:hover { background-color: transparent; } .nav-toggle div.menu-label { display: block; margin-top: 46px; } .nav-toggle.active div.menu-label { display: none; } .nav-toggle span { top: 27px; left: 31px; } .nav-toggle:hover span { opacity: .4; } .nav-toggle.active span { background-color: white; } .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 24px; background: white; position: absolute; display: block; content: ''; } .nav-toggle span:before { top: -6px; } .nav-toggle span:after { bottom: -6px; } .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { transition: all 500ms ease-in-out; } .nav-toggle.active span { background-color: transparent; } .nav-toggle.active span:before, .nav-toggle.active span:after { top: 0; } .nav-toggle.active span:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav-toggle.active span:after { -moz-transform: rotate(45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .header-social-icons { margin-top: 40px; } .header-social-icons li { display: inline-block; margin-right: 10px; } .header-social-icons li a { display: inline-block; text-align: center; width: 35px; height: 35px; border-radius: 200%; color: #9FAD3E!important; background-color: white; } .header-social-icons li a i { position: relative; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Exit Popup */ .exitpopup-modal-window { background-color: #fff !important; } #mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%} #mc_embed_signup {background:#fff; clear:left; font:14px 'proxima-nova', Helvetica, sans-seri; } #mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;} #mc_embed_signup input[type=radio]{-webkit-appearance:radio;} #mc_embed_signup input:focus {border-color:#333;} #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; background-color: transparent; color: #9FAD3E; border: 1px solid #9FAD3D; border-radius: 2px; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color: #9FAD3E; color: #fff; border: transparent;} #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;} #mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;} * html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */} #mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;} #mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;} #mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;} #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;} #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;} #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;} #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;} #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;} #mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;} #mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;} #mc_embed_signup .clear {clear:both;} #mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;} #mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;} #mc_embed_signup .mc-field-group.input-group label {display:inline;} #mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#529214; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} #mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;} #mc_embed_signup #num-subscribers {font-size:1.1em;} #mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;} #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;} #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;} /***************************************************************************************************************************************************************************************/ /*HEADER AND FOOTER STYLES*/ /***************************************************************************************************************************************************************************************/ /* Forms */ .wpcf7-form { margin: 0 auto; max-width: 450px; } .wpcf7-form input[type=tel], .wpcf7-form input[type=date], .wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form input[type=email], .wpcf7-form textarea { width: 100%; } .wpcf7-form h3 { text-align: center; margin-top: 50px; } .wpcf7-form h3:first-of-type { margin-top: 0; } /* Header */ a.biomimicry-logo { background-image:url('img/biomimicry-logo.svg'); width: 227px; height: 42px; display: block; } a.biomimicry-logo:hover { opacity: .6; } header a.biomimicry-logo { z-index: 2; position: absolute; top: 19px; left: 103px; } /* Footer */ footer { padding: 55px 0; background-color: #515151; color: white; overflow: hidden; } footer a:hover { text-decoration: underline; } footer ul { margin: 0; padding: 0; } footer li { list-style: none; } .footer-col-1 { width: 32%; float: left; padding-right: 2.5%; margin-right: 4.5%; border-right: 1px solid white; } .mini-site-map li { margin-bottom: 10px; } .mini-site-map li:last-child { margin-bottom: 0; } .footer-col-1 p { margin: 30px 0 52px; } .footer-col-1 h3 { margin-top: 0; } .footer-col-2 { width: 28%; float: left; margin-right: 5%; } .footer-col-2 li { margin-bottom: 20px; } .footer-col-3 { width: 28%; float: left; margin-right: 0; } #footer-newsletter { overflow: hidden; position: relative; } #footer-newsletter i { position: absolute; color: #999; top: 10px; left: 10px; } #footer-newsletter .epm-form-field { position: relative; } #footer-newsletter .epm-message { clear: both; } #footer-newsletter .epm-message p { margin: 0; padding-top: 10px; font-style: italic; } #footer-newsletter input[type=email] { color: white; float: left; background-color: transparent; border: 1px solid white; padding: 8px 8px 8px 34px; border-radius: 3px; border-right: 0; width: 60%; border-top-right-radius: 0; border-bottom-right-radius: 0; } #footer-newsletter input[type=submit] { height: 38px; float: left; background-color: #9FAD3E; color: white; width: 40%; border: 1px solid white; border-radius: 3px; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } #b-corps-graphic { float: left; margin-top: 45px; margin-right: 40px; } .credit p { margin-top: 45px; padding-top: 15px; } .back-to-top { background-color: #414141; text-align: center; padding: 8px 0; width: 100%; display: block; } /* Fixed Height */ .homepage-overlay, #homepage-slideshow, .story-container, .story-overlay, .general-hero { max-height: 800px; height: 100vh; min-height: 680px; } /***************************************************************************************************************************************************************************************/ /*HOMEPAGE*/ /***************************************************************************************************************************************************************************************/ .homepage-overlay { z-index: 9999999; background-attachment: inherit; background-position: center; border-bottom: 7px solid #9FAD3E; background-size: cover; width: 100%; position: absolute; top: 0; left: 0; } #homepage-services { padding-top: 77px; padding-bottom: 88px; } .bx-wrapper, .bx-viewport { box-shadow: none!important; border: 0!important; margin-bottom: 0; } .bxslider { margin: 0; padding: 0; } .bx-wrapper .bx-pager { z-index: 99999; pointer-events: none; position: absolute; top: 0; text-align: right; right: 23px; } body.fixed-story-overlay .bx-wrapper .bx-pager { display: none!important; } body.fixed-story-overlay #scroll-down { display: none; } .bx-pager-item { pointer-events: all; display: none !important; } .bx-pager-link { color: transparent!important; } #homepage-slideshow .bx-controls-direction { display: none!important; } .bx-wrapper .bx-controls-direction a { display: none; z-index: 99; top: 0; height: 100%; background: none; width: 50px; background-color: #9FAD3E; transition: none; -webkit-transition: none; -moz-transition: none; } .bx-wrapper .bx-controls-direction a:hover { opacity: .8; } .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; } .bx-wrapper .bx-controls-direction a.bx-prev::before, .bx-wrapper .bx-controls-direction a.bx-prev::after, .bx-wrapper .bx-controls-direction a.bx-next::before, .bx-wrapper .bx-controls-direction a.bx-next::after { font-family: 'FontAwesome'; color: white; font-size: 20px; left: 50%; margin-left: -7px; content: '\a'; width: 13px; height: 21px; background-size: 100%; text-align: center; display: block; position: absolute; z-index: 999; } .bx-wrapper .bx-controls-direction a.bx-prev::before, .bx-wrapper .bx-controls-direction a.bx-next::before { top: 25%; } .bx-wrapper .bx-controls-direction a.bx-prev::after, .bx-wrapper .bx-controls-direction a.bx-next::after { top: 75%; } .bx-wrapper .bx-controls-direction a.bx-prev::before, .bx-wrapper .bx-controls-direction a.bx-prev::after { background-image:url('img/arrow-left.png'); } .bx-wrapper .bx-controls-direction a.bx-next { right: 0; } .bx-wrapper .bx-controls-direction a.bx-next::before, .bx-wrapper .bx-controls-direction a.bx-next::after { background-image:url('img/arrow-right.png'); } #scroll-down { margin-left: -20px; z-index: 3; position: absolute; bottom: 30px; left: 50%; text-align: center; color: white; } #scroll-down i { display: block; } .thank-you { padding-top: 104px; padding-bottom: 94px; } .bx-wrapper .bx-viewport { left: 0!important; } /* Slideshow */ #homepage-slideshow { border-bottom: 7px solid #9FAD3E; position: relative; display: block; width: 100%; background-color: #666; } #homepage-slideshow .bxslider { display: none; } .central-bubble { margin: 0 auto; color: white; background-color: rgba(85,96,28,.82); border: 3px solid white; border-radius: 200%; width: 358px; height: 358px; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .central-bubble span { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bubble-expander { display: block; width: 73px; height: 73px; background-image:url('img/bubble-expander.png'); position: absolute; top: 50%; left: 50%; z-index: 1; background-size: 100%; margin-top: -172px; margin-left: -166px; } .plus-toggle { transition: none; display: block; width: 72.4px; height: 71px; background-size: 146px 71px; background-image:url('img/plus.png'); position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: 80px; margin-left: 98px; } .plus-toggle:hover { background-position-x: -73px; } .icon1, .icon2, .icon3, .bubble-expander { display: none; } /* Story Overlay */ .story-container { background-attachment: fixed; background-position: center; left: 0; background-size: cover; border-bottom: 7px solid #9FAD3E; } .home .story-container { background-attachment: scroll; } .story-container .plus-toggle { display: none;} .homepage-overlay::before, .story-container::before, .general-hero::before { content: '\A'; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.22); top: 0; left: 0; } .story-container::before { content: none!important; } .story-container.wash::before { content: '\A'!important; } .story-overlay { background: rgba(84,96,28,.9); display: none; padding-bottom: 30px; z-index: 999; position: fixed; width: 100%; height: 100vh; overflow: auto; color: white; top: 0; left: 0; cursor: default; } .home .story-overlay { background: none; background-size: cover; background-position: center; } .home .story-overlay::before { background: rgba(84,96,28,.9); content: '\A'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .story-overlay p { text-align: left!important; } .story-overlay img { float: right; margin-left: 50px; margin-bottom: 30px; } .story-overlay .container { display: block; height: 100%; position: relative; } .story-overlay .container div { text-align: left; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; } .story-overlay .container div a { color: white; text-decoration: underline; font-weight: bold; } .story-overlay .container div a.btn { margin-top: 25px; margin-bottom: 25px; } .story-overlay .container div a.story-overlay-back-to-home { float: none; margin-bottom: 20px; display: block; margin-bottom: 30px; } .story-overlay .container div h1 { margin-bottom: 30px; clear: left; text-align: left!important; margin-bottom: 0; max-width: 700px; } .close-story-overlay { z-index: 999; padding-top: 10px; color: white!important; font-size: 50px; background-color: #9FAD3E; width: 83px; height: 83px; position: fixed; top: 0; right: 0; text-align: center; } .close-story-overlay:hover { color: white; } .icon1, .icon2, .icon3 { width: 80px; height: 75px; position: absolute; top: 50%; left: 50%; z-index: 2; background-size: 162px 75px; } .icon1:hover, .icon2:hover, .icon3:hover { background-position-x: -81px; } .icon1 { margin-top: -258px; margin-left: -135px; } .icon2 { margin-top: -250px; margin-left: -229px; } .icon3 { margin-top: -165px; margin-left: -266px; } .icon-hover { z-index: 99999; margin: -90px 0 0 100px; display: none; padding: 8px 20px; text-align: center; position: relative; background-color: white; width: 350px; border-radius: 6px; } .icon-hover::after { background-color: white; right: 100%; top: 50%; content: "\A"; height: 20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-radius: 4px; width: 20px; position: absolute; pointer-events: none; margin-top: 32px; margin-right: -12px; } .icon-hover p { line-height: 21px; margin: 10px 0; } .icon1:hover .icon-hover, .icon2:hover .icon-hover, .icon3:hover .icon-hover { display: block; } .close-icon-hover { display: none; } /* Services */ #biomim-color-logo { background-size: 100%; margin: 0 auto; width: 367px; height: 191px; display: block; background-image:url('img/Biomimicry38.svg'); } #biomim-about-graph p { text-align: center; margin: 60px 0; } #homepage-services-list { margin: 0; padding: 0; text-align: center; } #homepage-services-list li { vertical-align: top; list-style: none; text-align: center; width: 23%; display: inline-block; margin: 0 5%; } #homepage-services-list li h2 a { color: #55601C; } #homepage-services-list li h2 { margin-bottom: 15px; } #homepage-services-list li p { margin-top: 0; } /* Buzz */ #homepage-buzz { display: block; width: 100%; height: 966px; background-color: #9FAD3E; overflow: hidden; } #homepage-buzz .bx-wrapper .bx-viewport { height: 966px; } .buzzbox-grid { width: 90%; margin-left: 5.5%; margin-right: 4.5%; } .buzzbox-left span, .buzzbox-right span { height: 33vh; margin-top: 33vh; background-color: #9FAD3E; color: white; width: 100%; text-align: center; display: block; } .buzzbox-left span i, .buzzbox-right span i { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .buzzbox div.buzz-grid-text { font-weight: bold; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; max-width: 80%; color: white; margin: 0 auto; } .description-overlay { display: none; width: 100%; height: 100%; color: white; } .buzzbox:hover .description-overlay { display: block; } .buzzbox-color-bg { position: relative; } .buzzbox-color-bg:hover::before { content: '\A'; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.3); top: 0; left: 0; } .buzzbox { background-size: cover; width: 33.3%; display: block; height: 322px; background-color: white; float: left; } /* The First Biomimicry Collage Only */ .buzzbox-grid-1 .buzzbox1 { position: relative; height: 644px; color: white; text-align: center; } .buzzbox-grid-1 .buzzbox1::before { content: '\A'; position: absolute; width: 100%; height: 100%; background: rgba(85,96,28,.82); top: 0; left: 0; } .buzzbox-grid-1 .buzzbox1 h2 { margin-bottom: 0; color: white; } /* Thank You */ #thank-you-insect { margin: 0 auto; background-image:url('img/thank-you-insect.svg'); width: 129px; height: 92px; display: block; } .thank-you p { margin: 35px 0 0 0; text-align: center; } .thank-you p strong { font-weight: normal; color: #9FAD3E; } /*Hide the Second Buss Collage*/ .page-template-page-home .bx-wrapper .bx-controls-direction a { display: none; } .page-template-page-home .bx-wrapper .bx-pager { display: none; } .homepage-clients { margin: 40px 0 40px 0; } .homepage-clients .logos { text-align: center; } .homepage-clients .logos img { margin: 16px 40px; } /*Rev 2*/ .homepage-hero::before { content: '\A'; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0); top: 0; left: 0; } .homepage-hero { overflow: hidden; background-position: center; position: relative; background-size: cover; width: 100%; border-bottom: 7px solid #9FAD3E; max-height: 500px; height: 100vh; min-height: 480px; } .mchpbtn { text-align: center; margin: 0 0 30px 0; } /* SUBPAGE - GENERAL ELEMENTS */ .general-hero { background-attachment: fixed; overflow: hidden; background-position: center; position: relative; background-size: cover; width: 100%; border-bottom: 7px solid #9FAD3E; } .primary-headline-circle { margin: 0 auto; color: white; border: 1px solid white; border-radius: 200%; width: 358px; height: 358px; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 15px; } .general-hero h1 { font-family: 'proxima-nova'; text-transform: none; margin: 0; font-weight: normal; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .extra-circle-1, .extra-circle-2, .extra-circle-3 { border-radius: 200%; top: 50%; left: 50%; position: absolute; border: 1px solid white; } .extra-circle-1 { width: 150px; height: 150px; margin-top: -190px; margin-left: -380px; } .extra-circle-2 { width: 75px; height: 75px; margin-top: -150px; margin-left: 180px; } .extra-circle-3 { width: 225px; height: 225px; margin-top: 70px; margin-left: 70px; } .general-subheadline { margin: 74px auto 65px; max-width: 800px; } .general-subheadline h2, h2.services-header { max-width: 800px; color: #515151; text-align: center; font-family: 'proxima-nova', sans-serif; text-transform: none; letter-spacing: .28px; margin: 0 auto; } .general-subheadline h2 strong, b { color: #9FAD3E; font-weight: normal; } .subpage-primary-section { padding: 0 0 80px; } .services-footer { margin-bottom: 80px; } .services-footer .container { padding-top: 80px; border-top: 1px solid #b6b6b6; margin-top: 80px; } .services-footer.no-border .container { padding-top: 0; border-top: 0; } .general-subheadline-second { margin: -40px auto 0 auto; text-align: center; } .general-subheadline-second .container { margin-bottom: 60px; } .general-subheadline-second .container p { max-width: 920px; margin: 30px auto 0; } .general-subheadline-second .container p:first-of-type { margin: 0 auto; } .general-subheadline-second .btn { margin-top: 50px; } .additional-title { display: block; font-style: italic; } /* CONTACT PAGE */ .contact-social-icons { padding: 40px 0 50px; text-align: left; width: 33%; float: right; } .contact-social-icons li { display: block; } .contact-social-icons li a { margin-left: 12px; text-align: center; padding-top: 12px; display: inline-block; font-size: 32px; border-radius: 200%; width: 61px; height: 61px; background-color: #4E4E4E; color: white; } .contact-social-icons li a:hover { background-color: #9fad3e; } .contact-social-icons li img { margin-top: -6px; max-width: 46px; } .map-container { overflow: hidden; padding-bottom: 110px; } .acf-map { float: left; width: 60%; height: 520px; border: #ccc solid 1px; margin: 20px 0; } .acf-map img { max-width: inherit !important; } .name-of-office { color: #55601c; font-family: 'ronnia-condensed'; text-transform: uppercase; font-weight: normal; } .addresses { padding-top: 10px; width: 40%; float: right; padding-left: 30px; } .addresses a { color: #515151; } .addresses a:hover { text-decoration: underline; } .page-template-page-contact .subpage-primary-section { width: 67%; float: left; text-align: right; } /* JOBS */ .post-type-archive-jobs article { max-width: 930px; } .job-post { margin-bottom: 80px; } .job-post h2 { margin-bottom: 6px; color: #55601c; letter-spacing: .68px; } .job-summary { margin: 20px 0; } .no-jobs-available p { color: #9fad3e; max-width: 950px; margin: 0 auto; font-weight: 600; } .single-jobs article { max-width: 850px; } .single-jobs article .additional-title { margin-bottom: 20px; } .single-jobs article .btn.biggerbtn { margin-top: 30px; } .single-jobs .general-subheadline-second .container, .post-type-archive-jobs .general-subheadline-second .container { padding-bottom: 34px; border-bottom: 1px solid #b6b6b6; } /* Bios */ .single-bios .contact-social-icons { padding-bottom: 0; } .single-bios .expander::before { margin-top: 2px; } .single-bios .additional-title { margin-top: -20px; margin-bottom: 30px; } .bio-downloads .container, .bio-content .container { max-width: 850px; } .open-downloads { letter-spacing: .14px; color: #515151; margin-bottom: 30px; } .open-downloads span { text-transform: uppercase; display: inline-block; vertical-align: middle; margin-right: 20px; } .open-downloads span.expander { margin-bottom: 0; } .single-bios .hidden-bio { margin: -15px 0 40px 0; padding-left: 59px; } .single-bios .hidden-bio li { list-style: none; margin-bottom: 15px; } .single-bios .hidden-bio li a { letter-spacing: .14px; color: #515151; } .single-bios .hidden-bio li a span { text-transform: uppercase; } .single-bios .hidden-bio li a:hover { color: #9FAD3E; } .bio-speaking .container { max-width: 850px; } .bio-speaking .container:last-of-type { padding-top: 54px; } .bio-speaking h2 { text-align: center; margin-bottom: 64px; } .bio-speaking a { color: #979797; } .bio-speaking a:hover { color: #AEB94F; } .request-a-speaker .container { text-align: center; padding-bottom: 54px; } .request-a-speaker a.btn.biggerbtn { margin-top: 15px; } .request-a-speaker p strong { font-weight: normal; color: #AEB94F; } .more-speaking { margin-top: 60px; display: block; font-family: 'ronnia-condensed'; text-transform: uppercase; } .more-speaking::before { content: '+'; margin-right: 10px; color: #9FAD3E; } .hidden-speaking { display: none; } /* Request a Speaker */ #speaker-intro { padding-top: 60px; padding-bottom: 60px; } #speaker-intro p { text-align: center; } .speaker-wrapper { margin-bottom: 90px; position: relative; } .speaker-wrapper img { border: 2px solid #B6B6B6; position: absolute; width: 262px; border-radius: 200%; } .speaker-wrapper:nth-child(2n) img { right: 0; } .speaker-info { padding-left: 332px; } .speaker-wrapper:nth-child(2n) .speaker-info { padding-left: 0; padding-right: 332px; } .speaker-info h2 { padding-top: 40px; margin-bottom: 10px; } .recent-speaking-headline { display: block; margin-top: 10px; color: #55601C; } .speaker-info ul { padding-left: 20px; margin-left: 15px; } .speaker-info ul li > a { color: #515151; } .speaker-info ul li > a:hover { color: #9FAD3E; } .readmorebio { margin-top: 20px; display: block; } .hidden-bio { display: none; margin-bottom: 30px; } .hidden-bio p:last-of-type { margin-bottom: 0; } .expander { margin-bottom: 20px; cursor: pointer; width: 39px; display: block; height: 37px; text-align: center; border: 3px solid #9FAD3E; border-radius: 100%; } .expander:hover { background-color: #9FAD3E; } .expander:hover::before { color: white!important; } .expander::before { display: block; margin-top: -4px; font-size: 34px; color: #9FAD3E; content: "+"; } .open .expander::before { margin-top: -7px; color: #9FAD3E; content: "-"; } .speaking-popup { display: none; background-color: #515151; z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .speaking-popup > div { position: absolute; top: 0; left: 50%; top: 50%; margin-top: -200px; margin-left: -300px; width: 600px; height: 400px; } .speaking-popup .close-story-overlay { padding-top: 25px; } .speaker-info .speaking-popup ul li { list-style: disc; color: white; } .speaker-info .speaking-popup ul li a { color: white; } .speaker-info .item1 .item1 a, .speaker-info .item2 .item2 a, .speaker-info .item3 .item3 a, .speaker-info .item4 .item4 a, .speaker-info .item5 .item5 a, .speaker-info .item6 .item6 a, .speaker-info .item7 .item7 a { color: #9FAD3E; } /* Testimonial Widget */ .testimonials-slideshow { text-align: center; background-attachment: fixed; background-size: cover; background-position: center; padding: 55px 0; color: white; position: relative; width: 100%; } .testimonials-slideshow:before, .testimonials-slideshow-video:before { content: '\A'; position: absolute; width: 100%; height: 100%; background: rgba(172,172,172,.66); top: 0; left: 0; } .testimonials-slideshow em, .testimonials-slideshow-video em { display: block; margin-top: 20px; margin-bottom: 50px; } .testimonials-slideshow .container, .testimonials-slideshow-video .container { max-width: 850px; } .testimonials-slideshow .btn, .testimonials-slideshow-video .btn { margin-top: 30px; } .testimonials-slideshow-video { text-align: center; position: relative; background-size: cover; background-position: center; padding: 55px 0; color: white; position: relative; width: 100%; } .fullscreen-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .fullscreen-bg div { display: none; } .fullscreen-bg__video { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .fullscreen-bg__video { display: none; } .fullscreen-bg div { display: block; height: 100%; background-position: center; background-size: cover; } } /* Page - The Buzz */ .buzz-section { display: flex; } .buzz-section .section-title { flex: 1; -webkit-flex: 1; padding-left: 20px; padding-right: 20px; box-sizing: border-box; text-align: center; color: white; height: 350px; } .buzz-section .section-title div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .buzz-section a.buzz-content { flex: 2; -webkit-flex: 2; color: white; background-size:cover; background-position: center; position: relative; } .buzz-section a.buzz-content div { background-color:rgba(0,0,0,.39); padding: 38px 68px; height: 100%; width: 100%; position: absolute; } .buzz-section a.buzz-content:hover div { background-color: rgba(0,0,0,.72); } .buzz-section:nth-child(2n) .section-title { order: 2; } .buzz-section .section-title h2 { color: white; max-width: 305px; margin: 0 auto 20px; } .buzz-section a.buzz-content .expander { background-color: white; color: #9FAD3E; } .buzz-section a.buzz-content .expander::before { color: #9FAD3E; } .buzz-section a.buzz-content:hover .expander { background-color: #9fad3e; } .buzz-section a.buzz-content:hover .expander::before { color: white; } .buzz-section a.buzz-content h3 { margin-bottom: 10px; } .buzz-section a.buzz-content p { display: inline; } .buzz-section a.buzz-content p.date { margin: 10px 0 20px; display: block; } .buzz-section a.buzz-content span { color: #9FAD3E; } #buzz-news .section-title { background-color: #55601C; } #buzz-events .section-title { background-color: #9FAD3E; } #buzz-blog .section-title { background-color: #DF1995; } #buzz-resources .section-title { background-color: #A65523; } #buzz-upcoming .section-title { background-color: #DD7C00; } .form-container { text-align: center; } /* History */ .event { text-align: left; } .history-timeline { padding: 0 0 54px 0; } .history-timeline .container { max-width: 800px; } .event-image { display: block; max-width: 236px; } .event { margin-top: -300px; } .event:first-of-type { margin-top: 0; } .event .year { display: block; position: relative; text-align: center; margin: 0 auto; display: block; width: 75px; height: 75px; } .event .year span.circlefeatured { top: 0; left: 0; z-index: 999; background-color: white; position: absolute; border-radius: 200%; border: 3px solid #9FAD3E; color: #9FAD3E; width: 75px; height: 75px; text-align: center; } .event .year span.circlefeatured span { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .event .event-details { max-width: 285px; padding-top: 60px; } .event:nth-child(2n) .event-details { float: right; } .event .event-details h3 { color: #55601C; font-family: 'ronnia-condensed'; padding-top: 220px; } .event .event-details .event-image { position: relative; display: block; } .event .event-details .event-image img { top: 0; position: absolute; z-index: 999; max-width: 200px; border: 3px solid #9FAD3E; border-radius: 200%; } .event .year .marker { margin-left: -30px; position: absolute; margin-top: 30px; } .event:nth-child(2n) .year .marker { margin-left: 0; } .event .event-details .event-image .marker { position: absolute; margin-left: 50px; margin-top: 50px; } .event:nth-child(2n) .event-details .event-image .marker { margin-top: 50px; margin-left: 50px; } /* The Two Column Layout */ .example { display: flex; align-items: center; max-width: 875px; margin: 0 auto 80px; } .example:last-child { margin-bottom: 0; } .example p { text-align: center; } .example img.circle-photo { border-radius: 200%; max-width: 300px; width: 100%; border: 2px solid #9FAD3E; } .example img.illustration { display: block; width: 100%; margin: 0 auto; } .example .story-overlay { top: 0; left: 0; } .example .plus-toggle { position: absolute; top: 0; right: 0; left: auto; margin: 0; } .example:nth-child(2n) .plus-toggle { right: auto; left: 0; } .example div.left-content { width: 50%; margin-right: 5%; text-align: center; } .example div.right-content { width: 45%; position: relative; } .example div.left-content strong { color: #9FAD3E; font-weight: normal; } .page-template-page-service .example.alternate-example:nth-child(2) div.left-content { margin-left: 10%; margin-right: 0; } .page-template-page-service .example.alternate-example:nth-child(3) div.right-content { width: 40%; } .page-template-page-service .example.alternate-example:nth-child(3) div.left-content { margin-left: 10%; margin-right: 0; } /* Tabs Area */ .tabs-area { background-attachment: fixed; background-size: cover; background-position: center; color: white; padding: 66px 0 126px; position: relative; } .tabs-area:before { content: '\A'; position: absolute; width: 100%; height: 100%; background: rgba(85,96,28,.56); top: 0; left: 0; } .tabs-area .container p { max-width: 900px; margin: 0 auto; text-align: center; } .tabs-area ul { left: 0; padding: 0; margin: 60px 0 0 0; width: 100%; z-index: 98; text-align: center; position: absolute; } .tabs-area ul li { position: relative; vertical-align: top; display: inline-block; margin: 0 55px; list-style: none; } .tabs-area ul li a { font-family: 'ronnia-condensed'; color: #B6B6B6; background-color: white; border-radius: 200%; text-align: center; width: 147px; height: 147px; display: block; border: 5px solid #B6B6B6; } .tabs-area ul li span.plus-toggle { top: 0; left: 0; width: 44px; height: 42.5px; margin: 0; background-size: 88px; } .tabs-area ul li a.active span.plus-toggle { background-image:url('img/minus.png');} .tabs-area ul li:hover span.plus-toggle { background-position-x: -44px!important; } .tabs-area ul li a span.text { padding: 10px; display: block; text-transform: uppercase; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tabs-area ul li a.active { color: #9FAD3E; border-color: #9FAD3E; } .tab-content { padding-top: 120px; padding-bottom: 60px; display: none; } .tab-content.active { display: none; } .tab-content .container > p { text-align: center; } .tab-content-footer { max-width: 800px; margin: 0 auto; } .tab-content-footer h2 { text-align: center; } .tab-content-footer p { margin: 30px auto; } .tab-content-footer .btn-wrapper { margin-top: 50px; } #biomimicry-courses h2, .tab-content-footer h2, .tab-content h2 { text-transform: none; letter-spacing: 0; font-family: 'proxima-nova', Helvetica, sans-serif; } .tab-content-footer h2 strong, .tab-content h2 strong { font-weight: normal; color: #9FAD3E; } /* What is Biomimicry */ #what-is-biomimicry-examples { padding-bottom: 100px; } .example:nth-child(2n) .left-content { order: 2; margin-left: 5%; margin-right: 0; } #what-is-biomimicry-changemaker:before { content: '\A'; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; left: 0; } #what-is-biomimicry-changemaker { background-size: cover; background-position: center; position: relative; text-align: center; padding: 113px 0; color: white; } #what-is-biomimicry-clients, #what-is-biomimicry-clients p { text-align: center; } #what-is-biomimicry-clients { padding-bottom: 80px; } #what-is-biomimicry-clients p { margin: 80px 0; } #what-is-biomimicry-clients .logos { text-align: center; } #what-is-biomimicry-clients .logos img { margin: 16px 40px; } /* What We Do */ .page-template-page-whatwedo .tab-content.active { display: block; } /* Innovation Services */ .page-template-page-service .example:nth-child(2) div.left-content { margin-left: 0; margin-right: 10%; } .page-template-page-service .example:nth-child(2) div.right-content { order: 2; text-align: center; } .page-template-page-service .example:nth-child(3) div.left-content { width: 60%; } .page-template-page-service .example:nth-child(3) div.right-content { width: 60%; } .service-header { margin: 20px auto 80px auto; text-align: center; } .service-header h2, .service-header h3, .service-header p { max-width: 752px; margin-left: auto; margin-right: auto; } .service-header h3 { color: #515151; text-transform: none; } .service-header h3 strong { font-weight: normal; color: #9FAD3E; } .page-template-page-service .tab-content { padding-bottom: 0; } .tab-content .example p { text-align: center; } .end-of-tab-cta p { text-align: center; margin: 30px auto 55px; } .end-of-tab-cta p:last-of-type { margin-bottom: 30px; } .end-of-tab-cta p strong { color: #9FAD3E; font-weight: normal; } .tab-content-footer hr { margin: 100px 0;} .page-template-page-service #tab-content-footer-anchor { } /* Professional Training */ #things-to-learn { background-position: center; position: relative; color: white; padding: 40px 0; background-size: cover; } #things-to-learn .container { max-width: 800px; } #things-to-learn .intro p { text-align: center; } #things-to-learn ul { margin: 60px 0 0 0; padding: 0; } #things-to-learn li { overflow: hidden; list-style: none; width: 100%; } #things-to-learn li::after { content: ''; background-image:url('img/circle-line-left.png'); width: 529px; height: 119px; display: inline-block; background-size: 100%; } #things-to-learn li:nth-child(2n) { text-align: right; } #things-to-learn li:nth-child(3n)::after { background-image:url('img/circle-line-left2.png'); width: 478px; height: 120px; } #things-to-learn li:nth-child(3n) { padding-left: 60px; } #things-to-learn li p { padding-left: 130px; margin: 0; } #things-to-learn li:nth-child(2n) p { padding-left: 0; padding-right: 126px; } #things-to-learn li:nth-child(2n)::after { width: 440px; height: 120px; background-image:url('img/circle-line-right.png'); } #things-to-learn::before { content: '\A'; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.41); top: 0; left: 0; } #prof-training-programs { padding: 100px 0 0; } #prof-training-programs .container { max-width: 940px; } #prof-training-programs .container .training-columns { align-items: center; display: flex; } #prof-training-programs div.left-content { width: 45%; margin-right: 5%; margin-left: 5%; } #prof-training-programs div.left-content p { text-align: center; } #prof-training-programs div.right-content { position: relative; width: 40%; margin-right: 5%; } #prof-training-programs .plus-toggle { margin: 0; top: 0; right: 0; left: auto; } #biomimicry-courses .container { max-width: 940px; } #biomimicry-courses h2 { text-align: center; color: #515151; margin-bottom: 60px; } #biomimicry-courses div.courses > div { margin-bottom: 60px; list-style: none; position: relative; padding-left: 250px; } #biomimicry-courses div.courses > div:last-child { margin-bottom: 0; } #biomimicry-courses ul { max-width: 350px; padding: 0; margin: 25px 0 25px 30px; } #biomimicry-courses ul li { margin-bottom: 4px; line-height: 26px; } #biomimicry-courses ul li:last-child { margin-bottom: 0; } #biomimicry-courses img { left: 0; position: absolute; width: 200px; border-radius: 200%; } #biomimicry-courses h3 { font-family: 'ronnia-condensed'; color: #55601C; margin-bottom: 20px; } /* Individual Service Offering */ .prof-traing-offering-btn-line .btn-wrapper { margin-top: 30px; } .page-template-page-proftrainingoffering .subpage-primary-section { padding-bottom: 0; } .page-template-page-proftrainingoffering .general-subheadline { margin-bottom: 60px; } .page-template-page-proftrainingoffering article { text-align: center; max-width: 900px; } .page-template-page-proftrainingoffering article ul { text-align: left; max-width: 590px; margin: 20px auto 0; } .page-template-page-proftrainingoffering article ul li { margin: 0; } .program-details .container { max-width: 950px; padding-left: 350px; position: relative; } .program-details .container.btn-container { padding: 30px 0 100px 0; } .program-details ul { margin: 0 0 0 30px; padding: 0; } .program-details h3 { font-family: 'ronnia-condensed'; color: #55601C; margin-top: 50px; margin-bottom: 20px; } .program-details img.circle-photo { border-radius: 200%; width: 262px; position: absolute; left: 20px; } /* Blog Posts */ .blog-headline { text-align: center; padding-top: 60px; } .blog-categories { padding: 60px 0; text-align: center; background-color: #eee; } .blog-categories a { color: #55601C; text-decoration: underline; margin: 0 20px; } .archive article, .blog article, .post-type-archive-speaking article, .post-type-archive-resources article, .category article, .tag article, .post-type-archive-news article { max-width: 900px; } .post { min-height: 300px; position: relative; padding: 30px 0 30px 300px; } .post img { border: 5px solid #b6b6b6; border-radius: 200%; width: 250px; position: absolute; left: 0; } .post img:hover { border-color: #9FAD3E; } .post:nth-child(2n) { padding-right: 300px; padding-left: 0; } .post:nth-child(2n) img { right: 0; left: auto; } .post:first-of-type { padding-top: 60px; } .post:last-of-type { padding-bottom: 60px; } .single-resources article, .single-post article { padding: 60px 0 0; } .single-resources .general-subheadline, .single-post .general-subheadline { margin-top: 30px; margin-bottom: 0; } .single-resources .general-subheadline h2, .single-post .general-subheadline h2 { border-bottom: 1px solid #B6B6B6; padding-bottom: 60px; max-width: 800px; } .post-type-archive-speaking .general-subheadline h3 { margin-bottom: 0; text-align: center; text-transform: none; } #newsarticles { padding-bottom: 20px; } /* Pagination */ .page-numbers { text-align: center; margin-bottom: 60px; } .page-numbers li { list-style: none; display: inline-block; margin: 0 20px; } /* Tribe Events */ #tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { color: #9FAD3E!important; background-color: transparent!important; margin-top: 0; padding-top: 5px; height: 100%; margin-bottom: 0; } .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { height: auto; } #tribe-events-content .tribe-events-tooltip h4 { color: #9FAD3E!important; } #tribe-events .tribe-events-button:hover, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit]:hover, .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive:hover, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a:hover { background-color: #9FAD3E!important; color: white!important; } .tribe-events-notices { background-color: #ecefd8!important; color: #55601C!important; border-color: transparent!important;} #tribe-events-content .tribe-events-calendar td, #tribe-events-content .tribe-events-calendar td:hover { background-color: white; } .tribe-events-list .tribe-events-event-image { display: block!important; margin-bottom: 15px!important; } #tribe-events-content { padding-top: 60px!important; } .tribe-events-schedule p { margin: 0; } /* Testimonial Archive */ .testimonial-post { display: block; position: relative; width: 100%; text-align: center; color: #b6b6b6; background-size: cover; background-position: center; } .testimonial-post:first-of-type .container { border-top: 1px solid #b6b6b6; } .testimonial-post .container { padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #b6b6b6; position: relative; top: 50%; } .testimonial-post:last-of-type .container { border-bottom: 0; } .testimonial-post p { max-width: 700px; margin: 0 auto; } .testimonial-post em { display: block; margin-top: 15px; } .testimonial-post .quotemark { background-image: url('img/quotegreen.png'); } /* Speaking */ .request-speaker-wrapper { padding-top: 30px; } /* Contact Form */ div.wpcf7-response-output { border: 0!important; padding: 0!important; margin: 20px 0!important; } div.wpcf7-mail-sent-ok { color: #9FAD3E!important; } /* FAQ */ h2.faq-section-title { margin-top: -20px; position: absolute; top: 0; left: 20px; width: 157px; height: 157px; display: inline-block; text-align: center; border: 5px solid #9fad3e; border-radius: 200%; } h2.faq-section-title span { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } section.faq-section { padding-top: 40px; } section.faq-section:last-of-type { padding-bottom: 40px; } section.faq-section .container { padding-left: 250px; max-width: 900px; } .qa-pair { margin: 40px 0; position: relative; } .qa-pair .question { display: block; cursor: pointer; padding-left: 20px; } .qa-pair .question:hover { color: #9fad3e; } .qa-pair .question:before { left: 0; content: '+'; position: absolute; color: #9fad3e; } .qa-pair .answer { padding-left: 20px; } .qa-pair.open .question:before { content: '-'; } .qa-pair.open .question { color: #9fad3e; } .qa-pair .answer { display: none; padding-top: 20px; } /* Who We Are */ .page-template-page-whoweare .tab-content.active { display: block; } .page-template-page-whoweare .tab-content { padding-bottom: 0; } .page-template-page-whoweare .tab-content-footer { padding-top: 10px; padding-bottom: 60px; } .page-template-page-whoweare .tab-content-footer h2:nth-of-type(2) { margin-top: 60px; } .page-template-page-whoweare .story-overlay .container div a { text-decoration: underline; } .who-we-are-circles { position: relative; height: 600px; max-width: 600px; margin: 0 auto; } .who-we-are-circles .container { height: 100%; padding: 0; } h2.center_text { left: 0; text-align: center; width: 100%; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .circle_value { font-family: 'ronnia-condensed'; letter-spacing: .43px; color: #9FAD3E; text-transform: uppercase; position: absolute; width: 158px; height: 158px; border: 5px solid #9FAD3E; border-radius: 200%; text-align: center; } .circle_value > span { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .circle_value .icon-hover.description { margin: -50px 0 0 180px; text-align: left; display: none; border: 3px solid #B6B6B6; } .circle_value .description p { color: #5E5E5E; font-family: 'proxima-nova', sans-serif; text-transform: none; letter-spacing: 0; } .icon-hover.description::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: white; right: 100%; top: 50%; content: "\A"; height: 25px; width: 25px; position: absolute; pointer-events: none; margin-top: 20.5px; margin-right: -15px; z-index: 999; } .circle_value .description::after { margin-right: -12px; margin-top: 20px; border: 3px solid #B6B6B6; } .circle_value h3 { color: #55601C; margin-top: 8px; margin-bottom: 8px; } .circle_value:hover { background-color: #9FAD3E; color: white; } .circle_value:hover .description { display: block; } .circle_value .icon-hover.description { position: absolute; bottom: 0; } .circle_value.circle1 { top: 0; margin: 0 auto; left: 50%; margin-left: -79px; } .circle_value.circle2 { top: 120px; } .circle_value.circle3 { top: 120px; right: 0; } .circle_value.circle4 { bottom: 120px; } .circle_value.circle5 { bottom: 120px; right: 0; } .circle_value.circle6 { bottom: 0; left: 50%; margin-left: -79px;} .circle_value.circle3 .icon-hover.description, .circle_value.circle5 .icon-hover.description { margin-left: -380px; } .circle_value.circle3 .icon-hover.description::before, .circle_value.circle3 .icon-hover.description::after, .circle_value.circle5 .icon-hover.description::before, .circle_value.circle5 .icon-hover.description::after { right: 0; left: auto; margin-right: -15px; } .circle_value.circle3 .icon-hover.description::before, .circle_value.circle5 .icon-hover.description::before { margin-right: -10px; } .who-we-are-after-values { padding: 40px 0; } .who-we-are-after-values p { text-align: center; } .who-we-are-after-values .container { max-width: 800px; } .bio-people { text-align: center; margin: 0; padding: 0; } .bio-people li > div:hover img { border: 5px solid #9fad3e; } .bio-people li h3 { margin-bottom: 10px; font-family: 'ronnia-condensed'; color: #55601C; } .bio-people li { margin-bottom: 50px; cursor: pointer; width: 33%; display: inline-block; vertical-align: top; text-align: center; } .bio-people li span.title { font-style: italic; } .bio-people li img { border: 5px solid #B6B6B6; width: 206px; display: block; margin: 0 auto; border-radius: 200%; } .title-location { display: block; margin: 10px 0 30px; } /* Our Effect */ .page-template-page-oureffect .bx-wrapper { width: 100%; display: inline-block; height: 100%!important; } .page-template-page-oureffect .bx-wrapper .bx-viewport { height: 966px!important; } .area-collage { text-align: center; padding-bottom: 60px; } .select-wrapper { position: relative; display: inline-block; margin: 0 auto; } .select-wrapper select { text-transform: uppercase; display: block; letter-spacing: 1px; text-decoration: none; text-align: right; vertical-align: 0px; background-color: transparent; padding: 10px 36px 10px 16px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid #9FAD3E; color: #9FAD3E; border-radius: 2px; width: auto; } .select-wrapper::after { pointer-events: none; color: #9FAD3E; font-size: 20px; right: 15px; top: 0; position: absolute; margin: 10px 0 0 0; content: "\f107"; font-family: 'FontAwesome';} #work-examples > a, #work-examples > li.bx-clone { display: none; } .work-wrapper { overflow: hidden; text-align: center; position: relative; background-color: #9FAD3E; } .work-wrapper .bx-controls .bx-pager { display: none!important; } .work-examples-collage-control:first-of-type { left: 0; } .work-examples-collage-control:last-of-type { right: 0; } .work-examples-collage li { min-height: 900px; } a.work-example-collage { text-align: left; position: relative; text-transform: uppercase; font-family: 'ronnia-condensed'; color: white; background-size: cover; height: 322px; background-position: center; display: inline-block; width: 30.33%; vertical-align: top; } a.work-example-collage h2 { color: white; } a.work-example-collage > span.hoverarea { display: none; width: 100%; height: 100%; color: white; letter-spacing: .43px; } a.work-example-collage:hover > span.hoverarea { text-align: center; display: flex; justify-content: center; align-content: center; flex-direction: column; } a.work-example-collage span.clogo { display: inline-block; padding: 16px; position: absolute; top: 0; left: 0; background-size: contain; height: 85px; width: 85px; background-position: center; background-repeat: no-repeat;} a.work-example-collage span.plus { display: inline-block; padding: 16px; position: absolute; top: 0; left: 0; } a.work-example-collage span.plus::before { font-size: 26px; background-color: white; width: 38px; height: 32px; text-align: center; display: block; content: ""; border: 3px solid #9FAD3E; color: #9FAD3E; border-radius: 200%; padding-top: 6px; } a.work-example-collage span.plus::after { content: '+'; top: 11px; left: 29px; font-family: 'proxima-nova'; color: #9FAD3E; font-size: 36px; position: absolute; } .bio-logos { text-align: center; padding: 60px 0; } .logos-container { margin: 40px 0; } .logos-container img { max-width: 150px; margin: 0 10px; } /* Request a Speaker */ .page-template-page-form { background-color: #eee; } .page-template-page-form form a.btn { background-color: white; } /* Work Example */ h2.services-header { margin-bottom: 60px; } .work-example-tagline { margin-bottom: 60px; display: block; } .single-work-examples article { max-width: 800px; text-align: center; } .single-work-examples article .btn-wrapper { margin-top: 30px; } .single-work-examples img.company-logo { max-width: 250px; margin-bottom: 30px; background-color: #9FAD3E; } .single-work-examples article h1 { color: #55601C; margin-top: 60px; margin-bottom: 10px; } .single-work-examples h2.circle { color: white; background: #9FAD3E; letter-spacing: 0; display: inline-block; text-align: center; width: 236px; height: 236px; border-radius: 200%; border: 5px solid #9FAD3E; } .single-work-examples h2.circle span { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .single-work-examples .btn-wrapper { margin-top: 30px; } .circle-intro { background: white; margin: -200px auto 0 auto; display: block; width: 47px; height: 47px; border: 3px solid #9FAD3E; border-radius: 200%; } .circle-intro:first-of-type { margin-top: 0; } .summary-work-example-content > div { text-align: left; width: 300px; } .line, .centerline { z-index: -1; } #summary-we-2 > div, #summary-we-4 > div { float: right; } /*Clients*/ img.company-logo { max-width: 250px; background-color: #ffffff; } .single-clients article { max-width: 800px; text-align: center; margin-bottom: 50px;} .client-industry { font-size: 22px; margin-bottom: 30px; } .client-info { font-weight: bold; } .client-bio { margin-bottom: 60px; } .single-clients .general-hero { background-attachment: inherit; overflow: auto; background-position: center; position: relative; width: 100%; border-bottom: 7px solid #9FAD3E; background-repeat: no-repeat; max-height: 800px; height: 50vh; min-height: 300px; } .single-clients #scroll-down { display: none; } /* Immersion Workshops */ .register-button-section { padding: 0 0 80px 0; } .questions-section { max-width: 800px; text-align: center; padding: 0 0 80px 0; display: none; } .workshops-header-section { max-width: 800px; text-align: center; } .workshops-content-section { max-width: 1000px; text-align: center; } .workshops-content-section p { font-size: 22px; line-height: 1.5; } .page-template-page-workshops .info_section p, ul { font-size: 16px; line-height: 1.5; } #workshop-info-section .container { max-width: 940px; padding-bottom: 60px; } #workshop-info-section h2 { text-align: left; margin-bottom: 10px; } #workshop-info-section div.courses > div { margin-bottom: 60px; list-style: none; position: relative; padding-left: 250px; } #workshop-info-section div.courses > div:last-child { margin-bottom: 0; } #workshop-info-section ul { max-width: 100%; padding: 0; margin: 25px 0 25px 30px; } #workshop-info-section ul li { margin-bottom: 4px; line-height: 26px; } #workshop-info-section ul li:last-child { margin-bottom: 0; } #workshop-info-section-img { left: 0; position: absolute; width: 200px; border-radius: 0; } #workshop-info-section-img img { border-radius: 200%; border: 2px solid #9FAD3E; } #workshop-info-section h3 { font-family: 'ronnia-condensed'; color: #55601C; margin-bottom: 20px; font-size: 32px; line-height: 40px; } .page-template-page-workshops .circle_value { height: 200px; width: 200px; } .page-template-page-workshops .circle_value.circle1 { margin-left: -98px; } .page-template-page-workshops .circle_value.circle2 { top: 0;} .page-template-page-workshops .circle_value.circle3 { top: 0; float: right; } .page-template-page-workshops .who-we-are-circles { max-width: 900px; height: 250px; } .page-template-page-workshops .circle_value h2 { display: none; } .page-template-page-workshops .story-overlay { padding-top: 200px } .overlay-button { display: inline-block; text-align: center; text-align: -moz-center; } .organism img { border-radius: 200%; border: 2px solid #9FAD3E; } #overlay-button-toggle { transition: none; } .story-container #overlay-button-toggle { display: none; } .flex-active-slide p { text-align: right; } .slideshow-image { border-left: 40px solid #9FAD3E; border-right: 40px solid #9FAD3E; max-width: 100%; } .flex-direction-nav a::before { font-size: 30px !important; color: white !important; } .slideshow-image-caption { margin-top: 0px; padding-bottom: 10px; } .page-id-18248 .general-hero::before { background: rgba(0,0,0,.40); } #georgia-workshop-video { padding: 20px; width: 600px; height: auto; margin: auto; -webkit-overflow-scrolling : touch; overflow-y: scroll; } .workshop-video { text-align: center; margin-top: 20px; } .wokshop-dates { max-width: 800px; margin: auto; } .workshop-date-circle { background: white; letter-spacing: 0; display: inline-block; text-align: center; width: 100px; height: 100px; border-radius: 200%; border: 5px solid #9FAD3E } .workshop-date-circle span { top: 50%; display: block; position: relative; transform: translateY(-50%); font-size: 18px; line-height: 20px; } .workshop-date-body { float: right; width: 80%; padding-top: 10px; } .workshop-date-body-text { } .workshop-date-body-text-title { margin-bottom: 10px; text-transform: none; } .workshop-date-body .container { padding: 0; } .wokshop-dates h2 { text-align: center; } .workshop-dates-container { padding-bottom: 0; padding-left: 10%; height: 250px; } #workshop-date-body-text a { color: #515151; } #workshop-date-body-text a:hover { color: #9FAD3E; text-decoration: underline; } .upcoming-registration { padding-top: 5px; } .page-template-page-proftrainingoffering .btn-wrapper { text-align: left; margin-top: 10px; } .page-template-page-proftrainingoffering a.btn.biggerbtn { font-size: 14px; padding: 10px 20px; } .page-id-19893 .who-we-are-circles { display: none; } .nyc-si-img { height: 50px; } /*BPro Cohort*/ .page-template-page-bprocohort .tab-content-footer { padding-top: 10px; padding-bottom: 60px; } .page-template-page-bprocohort .tab-content { padding-top: 0px; } .bio-people li span.title { font-style: italic; display: block; } /* Bpro Bspec */ #bpro-apply-button { text-align: left; padding-left: 30px; } .page-template-page-bprobspec .subpage-primary-section { padding: 0 0 40px; } /* How Can We Help You */ .page-template-page-howcanwehelpyou .tab-content { padding-bottom: 0; } .page-template-page-howcanwehelpyou #what-is-biomimicry-clients { padding-bottom: 0; } #contact-us {margin-top: 100px; } /* Woocommerece */ .Checkout.is-desktop .ModalContainer { font-family: headers 'proxima-nova', Helvetica, sans-serif; } .Checkout.is-desktop .Button {background-image: linear-gradient(-180deg,#9FAD3E,#9FAD3E) !important;} .woo-myaccount { width: 68%; margin: auto; } .bridge-woo-courses { display: none !important; } .wdm-course-image img { height: 250px; } /*Resource Handbook */ .handbook_section { height: 1100px !important; } /*Embedded videos*/ .preview-embed-widget-header-item { display: none; } /*Project Posiitve*/ #ppbutton { text-align: left; } .page-template-page-projectpositive .buzzbox { } .page-template-page-projectpositive .buzzbox div.buzz-grid-text { text-align: center; } .page-template-page-projectpositive #homepage-buzz { height: 100%; } .page-template-page-projectpositive .description-overlay { display: block; visibility: visible;} .page-template-page-projectpositive .hover-overlay { display: none; visibility: hidden;} .page-template-page-projectpositive .buzzbox:hover .description-overlay { display: none; visibility: hidden; width: 100%; height: 100%; color: white; } .page-template-page-projectpositive .buzzbox:hover .hover-overlay { display: block; visibility: visible; width: 100%; height: 100%; } .projectpositivelogostext { text-align: center; padding: 60px 0 30px 0; font-size: 20px; } .projectpositivelogos { padding: 0 0 40px 0; } .page-template-page-projectpositive .subpage-primary-section { padding: 0; } .projectpositivevideocontainer { padding: 0 0 20px 0; } /* Lifes Birthday */ .page-template-page-lifesbday p { font-size: 20px; line-height: 38px; } .has-2-columns { max-width: 900px; } /*Inspiration Landing Page*/ .inspiration-body { max-width:1015px; margin: auto; padding: 20px 0 0 0; } .inspiration-banner { max-width: 1015px; } .inspiration-sub { margin-top: 50px; } .inspiration-sub h2 { font-size: 24px; max-width: 800px; color: #515151; text-align: center; font-family: 'proxima-nova', sans-serif; text-transform: none; letter-spacing: .28px; margin: 0 0 20px 0; } .inspiration-sub p { font-size: 17px; line-height: 28px; text-align: center; margin: 0 auto; } .inspiration-button { padding: 30px 0 30px 0; } .inspiration-spacer { margin-bottom: 50px; } .inspiration-spacer hr {margin: 20px auto; background-color: #515151; height: 2px; } .inspiration-image { margin-bottom: 50px; } /* Expo */ #expo-header { color: #2795d4; text-align: center; } #expo-btn { color: #2795d4; border: 1px solid #2795d4; border-radius: 10px; margin-top: 20px; } #expo-btn:hover { background-color: #2795d4; color: white; border: 1px solid white; } .expooverlaywrapper { } .expooverlaybtn { } .page-template-page-expo .extra-circle-1 { display: none; } .page-template-page-expo .extra-circle-2 { display: none; } .page-template-page-expo .extra-circle-3 { display: none; } .page-template-page-expo .primary-headline-circle { display: none; } .page-template-page-expo,.page-template-page-expoartwork .general-hero { border-bottom: none; } .page-template-page-expo .general-subheadline {margin-bottom: 30px; } .page-template-page-expo .general-hero::before { background: 0,0,0 0} .expo-column { margin-bottom: 4em; } .expo-column img { border-radius: 50%; margin-bottom: 20px; } .micro-img { margin-top: 40px; } #expo-body { max-width: 800px; } #expo-welcome { padding-bottom: 40px; } .expo-artwork { background-attachment: fixed; background-size: cover; background-position: center; color: white; padding: 0 0 60px 0; position: relative; top: -130px; } .expo-artwork .container p { max-width: 900px; margin: 0 auto; text-align: center; } .expo-artwork ul { left: 0; padding: 0; margin: 60px 0 0 0; width: 100%; z-index: 98; text-align: center; position: absolute; } .expo-artwork ul li { position: relative; vertical-align: top; display: inline-block; margin: 0 55px; list-style: none; } .expo-artwork ul li a { font-family: 'ronnia-condensed'; color: #B6B6B6; background-color: white; border-radius: 200%; text-align: center; width: 147px; height: 147px; display: block; border: 5px solid #B6B6B6; } .expo-artwork ul li span.plus-toggle { top: 0; left: 0; width: 44px; height: 42.5px; margin: 0; background-size: 88px; } .expo-artwork ul li a.active span.plus-toggle { background-image:url('img/minus.png');} .expo-artwork ul li:hover span.plus-toggle { background-position-x: -44px!important; } .expo-artwork ul li a span.text { padding: 10px; display: block; text-transform: uppercase; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 25px; } .page-template-page-expoartwork .tab_1_text.active { color: #f7af00; border-color: #f7af00;} .page-template-page-expoartwork .tab_2_text.active { color: #2795d4; border-color: #2795d4; } .page-template-page-expoartwork .tab_3_text.active { color: #8abd24; border-color: #8abd24; } .page-template-page-expoinnovations .tab_1_text.active { color: #f7af00; border-color: #f7af00;} .page-template-page-expoinnovations .tab_2_text.active { color: #2795d4; border-color: #2795d4; } .page-template-page-expoinnovations .tab_3_text.active { color: #8abd24; border-color: #8abd24; } #expo-sun-btn { color: #f7af00; border: 1px solid #f7af00; border-radius: 10px; margin-top:30px; } #expo-sun-btn:hover { color: #fff; background-color: #f7af00; } #expo-sea-btn { color: #2795d4; border: 1px solid #2795d4; border-radius: 10px; margin-top: 30px; } #expo-sea-btn:hover { color: #fff; background-color: #2795d4; } #expo-earth-btn { color: #8abd24; border: 1px solid #8abd24; border-radius: 10px; margin-top: 30px;} #expo-earth-btn:hover { color: #fff; background-color: #8abd24;} .expo-artwork-content { padding-top: 120px; padding-bottom: 60px; display: none; } .expo-artwork-content.active { display: none; } .page-template-page-expoartwork .expo-artwork-content.active { display: block; } .page-template-page-expoinnovations .expo-artwork-content.active { display: block; } #expo-story-overlay { background: rgba(26,31,52,.9); } #expo-story-overlay-container { padding: 100px 30px 0 30px; max-width: 800px; } #expo-close-story-overlay { background-color: #2795d4; } #expo-close-story-overlay:hover { background-color: #fff; color: #2795d4 !important; border: 2px solid #2795d4; } #expooverlaywrapper #expo-btn { font-size: 18px; padding: 12px 36px; letter-spacing: .2px; } .innovations-image { display: flex; align-items: center; justify-content: center;} .innovations-image img { width: 200px; max-width: 200px; } .innovations-text { padding: 0 0 0 50px; margin: auto 0; } .innovations-flex { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0 0 50px 0; } .innovations-flex:last-child { align-items: center; justify-content: center; } .innovations-sun-link { color: #f7af00; } .innovations-sea-link { color: #2795d4; } .innovations-earth-link { color: #8abd24; } /* Slide Show */ /* #slides { display: none } */ .slides-container { margin: 0 auto } /* For tablets & smart phones */ @media (max-width: 767px) { .slides-container { width: auto} } /* For smartphones */ @media (max-width: 480px) { .slides-container { width: auto } } /* For smaller displays like laptops */ @media (min-width: 768px) and (max-width: 979px) { .slides-container { width: 724px } } /* For larger displays */ @media (min-width: 1200px) { .slides-container { width: 1170px } } /* Default Page */ /* Search */ .search article { padding-top: 60px; padding-bottom: 60px; } @media (min-width: 1400px) { .general-subheadline-second .container p { font-size: 23px; line-height: 38px; } } @media (max-width: 900px) { .homepage-overlay, .story-container, .general-hero, .testimonials-slideshow, .tabs-area, #things-to-learn { background-attachment: scroll; } /* Our Effect */ .work-wrapper { height: 3270px; } .area-collage { padding-bottom: 30px;} .bio-logos { padding: 30px 0; } a.work-example-collage { width: 90%; height: 360px; } .logos-container img { max-width: 120px; } .page-template-page-oureffect .bx-wrapper .bx-viewport { height: 100%!important; } } @media only screen and (max-width: 768px) { /* Typography */ h1 { font-size: 30px; font-family: 'ronnia-condensed';} .general-hero h1 { font-size: 30px; line-height: 40px; } hr { margin: 30px auto; } #georgia-workshop-video { width: 400px; } #biomimicry-courses h2, .single-bios h1, h2, .job-post h2, .buzz-section a.buzz-content h3 { font-size: 22px; line-height: 32px; } #biomim-about-graph p { margin: 30px 0; font-size: 20px; line-height: 30px; } article blockquote p, .service-header h3, .single-post .general-subheadline h2, h2.services-header, .program-details h3, #biomimicry-courses h3, #things-to-learn .intro p, .tab-content-footer h2, .tab-content h2, .tabs-area .container p, #what-is-biomimicry-changemaker, .request-a-speaker p, .bio-speaking, .name-of-office, .addresses p, .thank-you p, .no-jobs-available p { font-size: 20px; line-height: 30px; } article blockquote em , .bio-logos p, .who-we-are-after-values p, .qa-pair, .qa-pair .answer p, .testimonial-post p, .testimonial-post em, .page-template-page-proftrainingoffering article p, .page-template-page-proftrainingoffering article ul li, #prof-training-programs div.left-content p, #things-to-learn li p, .tab-content-footer p, .end-of-tab-cta p, .tab-content .example p, .service-header p, .tab-content .container > p, #what-is-biomimicry-clients p, #what-is-biomimicry-clients, .example p, .open-downloads, .testimonials-slideshow p, .testimonials-slideshow-video p, #speaker-intro p, .larger-paragraph p, .speaker-info p, .recent-speaking-headline, .speaker-info ul, .readmorebio, .buzz-section a.buzz-content p { font-size: 16px; line-height: 24px; } /* Modal */ .modal-content { width: 100%; } } @media only screen and (max-width: 768px) { /* Footer */ .footer-col-1, .footer-col-2, .footer-col-3 { width: 100%; float: none; border: 0; padding: 0; border-bottom: 1px solid white; margin: 0 0 30px; padding-bottom: 30px; } .footer-col-3 { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .footermcbtn { text-align: center; } } @media only screen and (max-width: 768px) { /* Homepage */ #biomim-color-logo { width: 200px; height: 104px; } #homepage-services { padding-top: 33px; padding-bottom: 44px; } .thank-you { padding-top: 52px; padding-bottom: 47px; } #homepage-services-list li p { max-width: 250px; margin-left: auto; margin-right: auto; } #homepage-services-list li img { max-width: 100px; } #homepage-services-list li:last-child { margin-bottom: 0; } #homepage-buzz .bx-wrapper, #homepage-buzz { height: auto!important;} .description-overlay { display: block!important; } .bx-wrapper .bx-controls-direction a { width: 22px; } .buzzbox { width: 100%; } .buzzbox-grid-1 .buzzbox1, .buzzbox { height: 40vh; } .story-overlay img { max-width: 200px; } .story-overlay-back-to-home { display: none; } .icon1.selected .icon-hover, .icon2.selected .icon-hover, .icon3.selected .icon-hover { display: block!important; } .buzzbox div.buzz-grid-text { line-height: 21px;} #homepage-buzz .bx-wrapper .bx-viewport { height: 3207px!important; } .buzzbox-grid-1 .buzzbox6, .buzzbox-grid-1 .buzzbox7, .buzzbox-grid-1 .buzzbox8, .buzzbox-grid-1 .buzzbox1, .buzzbox { height: 400px!important; } .buzz-section { display: block; } .buzz-section a.buzz-content { display: block; } .buzz-section a.buzz-content div { padding: 38px; position: static; } /* Tooltips */ .homepage-overlay, .bx-wrapper, .bx-viewport, #homepage-slideshow, .story-container, .story-overlay, #homepage-buzz, .general-hero { min-height: 550px; } .central-bubble { width: 210px; height: 210px; font-size: 20px; padding: 10px; } .bubble-expander { width: 60px; height: 60px; margin-top: -111px; margin-left: -106px; } .plus-toggle, .icon1, .icon2, .icon3 { width: 60px; height: 60px; background-size: 120px 60px; } .plus-toggle:hover, .icon1:hover, .icon2:hover, .icon3:hover { background-position-x: -60px; } .plus-toggle { margin-top: 50px; margin-left: 57px; } .icon1 { margin-top: -185px; margin-left: -78px; } .icon2 { margin-top: -181px; margin-left: -146px; } .icon3 { margin-top: -115px; margin-left: -177px; } .icon1.selected, .icon2.selected, .icon3.selected { z-index: 9; } .icon1, .icon2, .icon3 { cursor: pointer; } .icon1:hover .icon-hover, .icon2:hover .icon-hover, .icon3:hover .icon-hover { display: none; } .icon1 .icon-hover, .icon2 .icon-hover, .icon3 .icon-hover { position: fixed; margin-left: 0; top: 240px; left: 10%; width: 80%; } .icon-hover::after { content: none; } .close-icon-hover { position: absolute; top: 0; right: 10px; color: #9FAD3E; display: block; font-size: 30px; } /* Subpages */ .subpage-primary-section { padding: 0 0 40px; } .general-subheadline { margin: 40px 0 30px; } .general-subheadline-second { margin: -20px auto 0 auto; } .general-subheadline-second .container { padding-bottom: 30px; margin-bottom: 30px; } .general-subheadline-second .container p { font-size: 16px; line-height: 24px; } .services-footer { margin-bottom: 40px; } .services-footer .container { margin-top: 40px; padding-top: 40px; } /* Jobs */ .job-summary { margin: 10px 0; } /* Request a Speaker */ #speaker-intro { padding-top: 30px; padding-bottom: 30px; } .speakers img { position: absolute; width: 200px; border-radius: 200%; } .speaker-info { padding-left: 240px; } .speaker-wrapper:nth-child(2n) .speaker-info { padding-left: 0; padding-right: 240px; } /* Bios */ .bio-speaking .container:last-of-type { padding-top: 30px; } .more-speaking { margin-top: 20px; } /* History */ .event { margin-top: 0; } .event .year span.circlefeatured { z-index: 1; } .event .year { margin-left: 0; margin-right: 0; } .event .event-details { margin-left: 20%; margin-right: 5%; max-width: none; } .event:nth-child(2n) .event-details { float: none; } /* What is Biomimicry */ #what-is-biomimicry-examples { padding-bottom: 40px; } #what-is-biomimicry-changemaker { padding: 80px 0; } #what-is-biomimicry-clients { padding-bottom: 40px; } #what-is-biomimicry-clients p { margin: 40px 0; } .example img.circle-photo { margin-bottom: 30px; } .example img.circle-photo, .example img.illustration { max-width: 400px; } /* What We Do */ .tabs-area,.expo-artwork { padding: 50px 0; } .tabs-area ul,.expo-artwork ul { margin-top: 30px; } .tabs-area ul li,.expo-artwork ul li { margin: 0 20px; } .tabs-area ul li a,.expo-artwork ul li a { font-size: 12px; width: 85px; height: 85px; border-size: 2px; } .tabs-area ul li span.plus-toggle,.expo-artwork ul li span.plus-toggle { top: -18px; left: -10px; } .tabs-area ul li a span.text,.expo-artwork ul li a span.text { padding: 0; } .tab-content,.expo-artwork { padding-top: 100px; } /* Innovation Service */ .tab-content-footer hr { margin: 50px 0; } .service-header { margin-bottom: 30px; } .tab-content-footer .btn-wrapper { margin-top: 20px; } /* Pro Services */ #biomimicry-courses h2 { margin-bottom: 20px; } #prof-training-programs { padding: 40px 0 0; } /* Individual */ .page-template-page-proftrainingoffering .general-subheadline { margin-bottom: 30px; } .program-details img.circle-photo { width: 200px; } .program-details .container { padding-left: 275px; } .program-details .container.btn-container { padding-bottom: 50px; } /* Blog */ .blog-categories { padding: 30px 0; } .post img { width: 200px; left: 20px; } .post { padding-left: 260px; } .post:nth-child(2n) { padding-left: 0; padding-right: 260px; } /* Overlay */ .story-overlay { position: fixed; top: 0; overflow: auto; } .story-overlay h1 { font-size: 20px; line-height: 24px; } .story-overlay .container { height: 100vh; min-height: 100vh; overflow: auto; } .story-overlay .container div { overflow: hidden; top: 0; padding-top: 100px; transform: none; -webkit-transform: none; -moz-transform: none; } .story-overlay .container div h1 { max-width: 200px; margin-top: 20px; } #expo-story-overlay-container { height: 850px; min-height: 850px; } .expo-artwork-content { padding-top: 0} /* Who We Are */ .who-we-are-circles { height: auto; } .bio-people li { width: 50%; margin-bottom: 30px; } h2.center_text { transform: none; -webkit-transform: none; margin: 0; position: static; margin-bottom: 30px; } .circle_value { position: static; margin: 0 auto; width: auto; height: auto; border: 0; text-align: center; } .circle_value h3 { margin-top: 0; width: 150px; height: 150px; border: 5px solid #9FAD3E; border-radius: 200%; color: #9FAD3E; margin: 0 auto 30px; } .circle_value h3, .circle_value .icon-hover.description { text-align: center; } .circle_value > span { display: none; } .circle_value h3 span {position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .circle_value.circle1, .circle_value.circle6 { margin-left: 0; } .circle_value .icon-hover.description { width: auto; display: block; margin: 0!important; border: 0!important; position: static; } .circle_value .icon-hover.description p { margin-bottom: 20px; } .circle_value:last-of-type .icon-hover.description p { margin-bottom: 0; } .icon-hover.description::before, .icon-hover.description::after { display: none; } .who-we-are-after-values { padding: 20px 0; } /* Work Example */ h2.services-header { margin-bottom: 30px; } .single-work-examples h2.circle { height: 150px; width: 150px; font-size: 18px; } .circle-intro { margin: 0; } .summary-work-example-content > div { padding-left: 80px; width: 100%; } /*Workshops*/ .page-template-page-workshops #workshop-info-section img { position: relative; margin-left: auto; margin-right: auto; display: block; } .page-template-page-workshops #workshop-info-section h2, p, h3 { text-align: center; } .page-template-page-workshops #workshop-info-section a.btn { text-align: center; } .page-template-page-workshops #workshop-info-section div.courses > div { padding-left: 0; } .organism img {border-radius: 200%; height: 200px; width: 200px;} .page-template-page-workshops .story-overlay { padding-top: 0 } .page-template-page-workshops .flex-direction-nav a { margin: -100px 0 0; } .page-template-page-workshops .flex-control-nav { display: none; } #workshop-info-section div.courses > div {padding-left: 0; } .page-template-page-workshops #workshop-info-section-img { position: relative; } .page-template-page-workshops .clearfix { display: inline-block; } .page-template-page-workshops .summary-work-example-content > div {text-align: center; } .page-template-page-workshops #workshop-info-section h2 { text-align: center; } .page-template-page-workshops .overlay-button { display: block; } .page-template-page-workshops .who-we-are-circles { height: auto; } .page-template-page-workshops h2.center_text { transform: none; -webkit-transform: none; margin: 0; position: static; margin-bottom: 30px; } .page-template-page-workshops .circle_value { position: static; margin: 0 auto; width: auto; height: auto; border: 0; text-align: center; } .page-template-page-workshops .circle_value h3 { margin-top: 0; width: 150px; height: 150px; border: 5px solid #9FAD3E; border-radius: 200%; color: #9FAD3E; margin: 0 auto 30px; } .workshop-dates-container { padding: 0px; } .wokshop-dates h2 { margin: auto; display: block; padding-bottom: 20px; } .workshop-date-body { float: none; width: 100%; text-align: center; padding-bottom: 20px; padding-top: 0; } .page-template-page-proftrainingoffering .btn-wrapper { text-align: center; } .workshop-date-circle { height:100px; width: 100px; } .workshop-date-circle span { top: 60%; } .workshop-dates-container { height: auto; } .page-template-page-workshops .circle_value h3, .circle_value .icon-hover.description { text-align: center; } .page-template-page-workshops .circle_value > span { display: none; } .page-template-page-workshops .circle_value h3 span {position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .page-template-page-workshops .circle_value.circle1, .circle_value.circle6 { margin-left: 0; } .page-template-page-workshops .circle_value .icon-hover.description { width: auto; display: block; margin: 0!important; border: 0!important; position: static; } .page-template-page-workshops .circle_value .icon-hover.description p { margin-bottom: 20px; } .page-template-page-workshops .circle_value:last-of-type .icon-hover.description p { margin-bottom: 0; } .page-template-page-workshops .icon-hover.description::before, .icon-hover.description::after { display: none; } .page-template-page-workshops .who-we-are-after-values { padding: 20px 0; } .page-template-page-workshops .circle_value:hover { background-color: transparent; } .homepage-hero { min-height: 300px; height: auto; } #ppbutton { text-align: center; } /* Lifes Birthday */ #lifesbtmbtn { text-align: center; } /* Contact */ .contact-social-icons { width: 100%; float: none; text-align: center; } .contact-social-icons li { display: inline-block; } .page-template-page-contact .subpage-primary-section { width: 100%; float: none; } /* Expo */ .expo-column { text-align: center; } .expo-column img { width: 40%; } .innovations-flex { flex-wrap: wrap; } .innovations-image { flex: 0 0 100%; } /* ProjectPositive */ .projectpositivevideocontainer { min-width: 414px; max-width: 736px;} .page-template-page-projectpositive #homepage-buzz .bx-wrapper .bx-viewport { height: inherit !important; } } @media (max-height: 650px) { /* Navigation */ .c-menu--slide-left, .c-menu--slide-right, .c-menu--push-left, .c-menu--push-right { width: 100%; } #menu-footer-menu, nav#social-nav { position: static; margin-top: 40px; } .c-menu--slide-left.is-active, .c-menu--push-left.is-active { min-height: 0; height: 100%; overflow: auto; } body.has-active-menu { overflow: hidden; position: fixed; width: 100%; } } @media (max-width: 600px) { .primary-headline-circle { height: 300px; width: 300px; } .footer-col-1 p { margin-bottom: 20px; } .bio-speaking h2 { margin-bottom: 20px; } .homepage-overlay, .bx-wrapper, .bx-viewport, #homepage-slideshow, .story-container, .story-overlay, #homepage-buzz, .general-hero { height: 100vh; min-height: 450px; } a.biomimicry-logo { width: 54px; } .central-bubble, .plus-toggle, .bubble-expander, .icon1, .icon2, .icon3 { top: 55%; } #scroll-down { bottom: 15px; } #homepage-services-list li { width: 100%; float: none; margin-right: 0; margin-left: 0; margin-bottom: 60px; } .story-overlay .container div a.story-overlay-back-to-home { margin-top: 20px; } .story-overlay img { max-width: 140px; margin-left: 30px; } .extra-circle-2 { margin-left: 115px; } .extra-circle-3 { width: 150px; height: 150px; margin-top: 44px; margin-left: 50px; } /* Contact */ .map-container { padding-bottom: 40px; } .contact-social-icons { padding: 20px 0 10px; } .contact-social-icons li a { padding-top: 9px; font-size: 22px; width: 40px; height: 40px; } .acf-map { float: none; width: 100%; } .addresses { text-align: center; width: 100%; float: none; padding-left: 0; } /* Speakers */ .speaker-wrapper img { position: static; margin-left: 0; margin-bottom: 10px; width: 150px; border-radius: 200%; } .speaker-wrapper .speaker-info, .speaker-wrapper:nth-child(2n) .speaker-info { padding-left: 0; padding-right: 0; } .speaker-info h2 { padding-top: 0; } .speaker-info ul { margin-top: 0; } .general-subheadline-second .btn { margin-top: 20px; } .general-subheadline-second .container { padding-bottom: 20px; margin-bottom: 20px; } .speaking-popup > div { width: 90%; height: 80%; top: 10%; left: 5%; position: fixed; margin-left: 0; margin-top: 0; } /* Bios */ .contact-social-icons li img { max-width: 30px; } .bio-speaking .container:last-of-type { padding-top: 30px; } .request-a-speaker .container { padding-bottom: 30px; } /* What is Biomimicry */ #what-is-biomimicry-clients .logos img { max-width: 75px; margin: 10px 15px; } .example { margin-bottom: 60px; display: block; } .left-content, .right-content { width: 100%!important; margin-left: 0!important; margin-right: 0!important;} .example div.right-content { margin-top: 30px; } /* Innovation Services */ .tab-content h2 { text-align: center; } /* Pro Training */ #prof-training-programs .container .training-columns { display: block; } #biomimicry-courses img { position: static; width: 150px; display: block; margin: 0 auto; } #biomimicry-courses h3 { text-align: center; font-size: 26px; line-height: 36px; } #biomimicry-courses div.courses > div { padding-left: 0; } #things-to-learn li p, #things-to-learn li:nth-child(2n) p,#things-to-learn li:nth-child(3n) { text-align: left; margin-bottom: 10px; padding: 0; } #things-to-learn li::after, #things-to-learn li:nth-child(3n)::after { width: 529px; max-width: 100%; height: 119px; background-repeat: no-repeat; background-image: url('img/circle-line-left.png');} /* Individual Service */ .program-details img.circle-photo { margin: 0 auto; position: static; display: block; width: 150px; } .program-details .container { padding-left: 20px; } .program-details h3 { margin-top: 30px; margin-bottom: 10px; } .btn-wrapper a.btn { margin: 0 5px 15px; } .btn-wrapper a.btn:last-of-type { margin-bottom: 0; } /* Blog */ .post img { position: static; width: 150px; display: block; margin: auto; } .post, .post:nth-child(2n) { padding-left: 0; padding-right: 0; text-align: center; } .page-numbers { font-size: 18px; margin-top: 0; margin-bottom: 30px; } .page-numbers li { margin: 0 8px; } .blog-categories a { display: block; margin: 8px 0; } /* Resources */ .related-resources h2 { margin-bottom: 30px; } .related-resources h3 { margin-bottom: -10px; } .related-resources-wrapper { margin-top: 40px; padding-top: 40px; } .related-resources ul li { float: none; width: 100%; margin: 0 0 30px 0; list-style: none; } .related-resources ul li img { margin-bottom: 10px; } .related-resources ul li:last-child { margin-bottom: 0; } /* FAQ */ section.faq-section { padding-top: 40px; } h2.faq-section-title { margin-top: 0px; position: static; width: 157px; height: 157px; display: block; margin-left: auto; margin-right: auto;} section.faq-section .container { padding-left: 20px; } .qa-pair { margin: 30px 0; } /* Who We Are */ .bio-people li img { width: 150px; } .bio-people li h3 { font-size: 18px; line-height: 24px; } } @media (max-width: 480px) { .primary-headline-circle { width: 250px; height: 250px; } .tabs-area ul li { margin: 0; } .tabs-area ul li a { width: 90px; height: 90px; font-size: 10px; } .homepage-overlay, .home .story-container { padding-left: 30px; } .icon1 { margin-left: -58px; } .icon2 { margin-left: -126px; } .icon3 { margin-left: -157px; } .bubble-expander { margin-left: -88px; } .plus-toggle { margin-left: 77px; } .homepage-hero { min-height: 200px; height: auto; } } /*Form Assembly*/ .wForm legend, .wForm h4 { text-align: center; font-size: 24px; } legend { display: block; -webkit-padding-start: 2px; -webkit-padding-end: 2px; border-width: initial; border-style: none; border-color: initial; border-image: initial; }