/* - ploneCustom.css - */ /* https://askforwood.org/portal_css/ploneCustom.css?original=1 */ /* */ /* */ html,body { height: 100%; margin: 0; min-height: 100%; min-width: 100%; width: 100%; overflow-y: auto; padding: 0;} h1 { border: none; color: #29362d; font-size: 3em; font-family: 'FiraSans Book'; text-transform: capitalize; } /* */ #RotatingPanels { background-color: #29362d; height: 300px; margin-left: auto; margin-right: auto; position: relative; width: 100%; } #RotatingPanels .paneltest { position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; filter:alpha(opacity=0); -khtml-opacity:0.0; -moz-opacity:0.0; opacity:0.0; transition:all 0.8s ease; -webkit-transition:all 0.8s ease; display: -webkit-box; /* */ display: -moz-box; /* */ display: -ms-flexbox; /* */ display: -webkit-flex; /* */ display:flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #RotatingPanels .paneltest .panelImgTest { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height:300px; -webkit-box-flex: 1 1 0; -moz-box-flex: 1 1 0; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1; } #RotatingPanels .paneltest.sel { filter:alpha(opacity=100); -khtml-opacity:1.0; -moz-opacity:1.0; opacity:1.0; z-index:99; } #RotatingPanels .panel-text-test { height:300px; width: 325px; } #RotatingPanels .panel-text-test h3 { border-bottom: 1px solid white; color: white; font-family: 'RobotoSlab Regular'; font-size: 2em; margin: 1em; padding-bottom: .25em; } #RotatingPanels .panel-text-test p { color: white; font-family: 'FiraSans Book'; margin: 1em 1em 1em 2em; } #RotatingPanels .panel-text-test p a { border: none; color: white; font-style: normal; text-decoration: none; } #RotatingPanels .panel-text-test p a:hover { border-bottom: 1px solid white; } #RotatingPanels #PanelNav { position:absolute; right:132px; bottom:25px; z-index:100; } #RotatingPanels #PanelNav .navtest { width:12px; height:12px; background: #f7f5f3; float:left; margin-right:8px; cursor:pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.3; opacity:0.3; transition:all 0.8s ease; -webkit-transition:all 0.8s ease; } #RotatingPanels #PanelNav .navtest:hover { filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6; } #RotatingPanels #PanelNav .navtest.sel { filter:alpha(opacity=100); -khtml-opacity:1.0; -moz-opacity:1.0; opacity:1.0; } #RotatingPanels .arrow { width:10px; height:30px; display:block; position:absolute; top: 135px; cursor:pointer; z-index:100; filter:alpha(opacity=0); -khtml-opacity:0.0; -moz-opacity:0.0; opacity:0.0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } #RotatingPanels .arrow.prev { left:24px; background:url(https://askforwood.org/rp-previous.png) no-repeat; } #RotatingPanels .arrow.next { right:24px; background:url(https://askforwood.org/rp-next.png) no-repeat; } #RotatingPanels:hover .arrow { filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6; } #RotatingPanels .arrow:hover { filter:alpha(opacity=100); -khtml-opacity:1.0; -moz-opacity:1.0; opacity:1.0; } .template-content_template_rotating_panel h1 { text-align: center; } #portal-column-content { margin: 0; } #portal-columns-wrapper { -webkit-box-flex: 1 0 auto; /* */ -moz-box-flex: 1 0 auto; /* */ width: 100%; /* */ -webkit-flex: 1 0 auto; /* */ -ms-flex: 1 0 auto; /* */ flex: 1 0 auto; /* */ position: relative; } #portal-column-one { background-color: #29362d; width: 250px; } #portal-column-one .visualPadding { padding: 0; } .portlet { background-color: transparent; border: none; margin: 0; } .portletHeader { background-color: transparent; border: none; } .portletHeader a { color: lightgray; } .portletItem { border: none; } #portal-footer { background-color: #2f2516; border: none; -moz-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; height: 80px; margin: 0; min-height: 80px; padding: 0;} #portal-top { -moz-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } #footernav-wrapper { float: left; margin-top: -.75em; position: relative; top: 50%; } #footernav { list-style: none; margin: 0 0 0 1em; padding: 0; text-align: left; } #footernav li { border-right: 1px solid white; display: inline; margin: 0; padding: 0 1em; } #footernav li:last-child { border: none; } #footernav li a:visited { color: white; } #footernav li a { color: white; font-family: 'FiraSans Book'; text-decoration: none; text-transform: uppercase; } #partners-wrapper { float: right; margin-top: -25px; position: relative; top: 50%; } #partners-wrapper a { display: inline-block; margin: 0 25px; } #partners-wrapper a img { filter: contrast(25%) grayscale(100%) sepia(25%); -webkit-filter: contrast(25%) grayscale(100%) sepia(25%); } #partners-wrapper a img:hover { filter: contrast(50%) grayscale(0) sepia(0); -webkit-filter: contrast(50%) grayscale(0) sepia(0); transition: filter 0.2s ease-in-out; -webkit-transition: -webkit-filter 0.2s ease-in-out; } #portal-globalnav { background: url(https://askforwood.org/menuBackground.png) 0px 0px repeat; line-height: 3.5em; margin: 0; padding: 0; text-align: center; } #portal-globalnav li { margin: 0; padding: 0; } #portal-globalnav li a { border: none; color: White; font-family: 'FiraSans Medium'; font-size: 1.75em; margin: 0; padding: 0; } #portal-globalnav li.selected a { background-color: transparent; border: none; border-bottom: 2px solid White; color: White; } #portal-globalnav li a:hover { background-color: transparent; border-bottom: 2px solid White; color: White; } #portal-searchbox { margin: 40px 50px 0 0; width: 250px; } #portal-searchbox .LSBox { clear: none; float: none; padding: 0; position: relative; text-align: initial; } #portal-searchbox .LSBox .searchSection, #portal-searchbox .LSBox .LSResult { display: none !important; } #portal-searchbox .LSBox input[type="text"] { background: #f2eeeb; border: none; height: 2.5em; font-family: 'FiraSans BookItalic'; outline: none; padding-left: 1em; width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } #portal-searchbox .LSBox input[type="submit"] { background: #fff url(https://askforwood.org/icon-search.png) no-repeat 0 5px; background-size: 60%; border: none; font-size: 0; height: 30px; line-height: 0; width: 40px; } #visual-portal-wrapper { display: -webkit-box; /* */ display: -moz-box; /* */ display: -ms-flexbox; /* */ display: -webkit-flex; /* */ display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100%; } .actionMenu .actionMenuContent ul { background-color: #f7f5f3; border: 1px solid #2f2516; } .actionMenu .actionMenuContent ul a { color: #2f2516; } .actionMenu .actionMenuContent ul a:hover { background-color: #2f2516; } .actionMenu .actionMenuContent .actionSeparator a { border-top: 1px solid #2f2516; } .contentActions { background-color: #2f2516; border: none; color: White; } .contentActions a { border: none; color: White; } .contentActions li { border: none; } .contentViews { border: none; } .contentViews li a { background-color: #f7f5f3; border: 1px solid #2f2516; color: #2f2516; } .contentViews li a:hover { background-color: #2f2516; color: White; } .contentViews .selected a { background-color: #2f2516; color: White; } .documentEditable { margin: 0 !important; padding: 0 !important; } .documentEditable .documentContent { border: none; } .template-home_view h1 { margin-bottom: .75em; text-align: center; } .template-home_view .contentActions, .template-home_view .contentViews { display: none; } .template-home_view .documentContent { height: 100%; margin: 0 auto; max-width: 100%; padding: 0 !important; width: 100%; } .template-home_view .managePortletsFallback { display: none; } .template-home_view .section { background-color: #f7f5f3; height: 300px; margin: 0 25px; text-decoration: none; vertical-align: top; width: 300px; } .template-home_view .section .tileImg { display: inline-block; height: 100px; margin-top: 25px; width: 100%; } .template-home_view .section h2 { border: none; color: #a68a74; font-family: 'FiraSans Medium'; font-size: 2.5em; } .template-home_view .section .tileDesc { color: #2f2516; display: inline-block; font-family: 'RobotoSlab Regular'; margin: 2em 1em; } .template-home_view #tile-wood { background: url(https://askforwood.org/icon_wood.png) center no-repeat; } .template-home_view #tile-code { background: url(https://askforwood.org/icon_code.png) center no-repeat; } .template-home_view #tile-book { background: url(https://askforwood.org/icon_book.png) center no-repeat; } .template-home_view #home-nav { margin: 0 auto 1.5em auto; text-align: center; } .template-home_view #portal-columns td#portal-column-content { display: block; padding: 0; overflow-x: hidden; overflow-y: auto; } #portal-column-content { padding-top: 0; } .subnav { background-color: #29362d; color: white; font-family: 'FiraSans Book'; padding: 1em; width: 250px; } .subnav dl { margin: 2em 1em 1em 1em; } .subnav a { color: lightgray; text-decoration: none; } .subnav a:hover { color: white; display: list-item; } .subnav a.navSelected { color: white; display: list-item; } .subnav dt { border-bottom: 1px solid white; font-family: 'FiraSans Medium'; font-size: 2.5em; margin-bottom: .5em; padding-bottom: .5em; text-transform: uppercase; } .subnav dd { font-size: 1.25em; margin-left: 1em; } #faq-portlet dd { margin-left: 0; } #faq-portlet dd:nth-child(odd) { color: gray; } #video-nav-portlet, #presentation-nav-portlet { background-color: #f7f5f3; float: right; margin-right: 50px; max-width: 250px; min-height: 444px; min-width: 250px; padding: 1em; } #video-nav-portlet h2, #presentation-nav-portlet h2 { border: none; color: #a68a74; font-family: 'FiraSans Medium'; font-size: 2.5em; margin: .5em; text-transform: uppercase; } #video-nav-portlet ul, #presentation-nav-portlet ul { list-style-image: none; list-style-type: none; } #video-nav-portlet ul li a, #presentation-nav-portlet ul li a { border: none; color: black; font-size: 1.25em; text-decoration: none; } #video-nav-portlet ul li a:hover, #presentation-nav-portlet ul li a:hover { text-decoration: underline; } #video-nav-portlet ul li:before, #presentation-nav-portlet ul li:before { content:'-'; padding-right: 1em; } .template-subsection_template_about #portal-columns, .template-subsection_template_about #portal-columns tbody, .template-subsection_template_about #portal-columns tbody tr, .template-subsection_template_about #portal-columns tbody tr td, .template-content_template_FAQ #portal-columns, .template-content_template_FAQ #portal-columns tbody, .template-content_template_FAQ #portal-columns tbody tr, .template-content_template_FAQ #portal-columns tbody tr td, .template-content_template_onlinetool #portal-columns, .template-content_template_onlinetool #portal-columns tbody, .template-content_template_onlinetool #portal-columns tbody tr, .template-content_template_onlinetool #portal-columns tbody tr td, .template-content_template_glossaryterm #portal-columns, .template-content_template_glossaryterm #portal-columns tbody, .template-content_template_glossaryterm #portal-columns tbody tr, .template-content_template_glossaryterm #portal-columns tbody tr td, .template-section_template #portal-columns, .template-section_template #portal-columns tbody, .template-section_template #portal-columns tbody tr, .template-section_template #portal-columns tbody tr td, .template-subsection_template_video #portal-columns, .template-subsection_template_video #portal-columns tbody, .template-subsection_template_video #portal-columns tbody tr, .template-subsection_template_video #portal-columns tbody tr td, .template-subsection_template_presentations #portal-columns, .template-subsection_template_presentations #portal-columns tbody, .template-subsection_template_presentations #portal-columns tbody tr, .template-subsection_template_presentations #portal-columns tbody tr td, .template-subsection_template_publications #portal-columns, .template-subsection_template_publications #portal-columns tbody, .template-subsection_template_publications #portal-columns tbody tr, .template-subsection_template_publications #portal-columns tbody tr td, .template-subsection_template_websites #portal-columns, .template-subsection_template_websites #portal-columns tbody, .template-subsection_template_websites #portal-columns tbody tr, .template-subsection_template_websites #portal-columns tbody tr td, .template-subsection_template_product_descriptions #portal-columns, .template-subsection_template_product_descriptions #portal-columns tbody, .template-subsection_template_product_descriptions #portal-columns tbody tr, .template-subsection_template_product_descriptions #portal-columns tbody tr td, .template-subsection_template_important_terms #portal-columns, .template-subsection_template_important_terms #portal-columns tbody, .template-subsection_template_important_terms #portal-columns tbody tr, .template-subsection_template_important_terms #portal-columns tbody tr td, .template-subsection_template_photo_gallery #portal-columns, .template-subsection_template_photo_gallery #portal-columns tbody, .template-subsection_template_photo_gallery #portal-columns tbody tr, .template-subsection_template_photo_gallery #portal-columns tbody tr td, .template-subsection_template_products_locator #portal-columns, .template-subsection_template_products_locator #portal-columns tbody, .template-subsection_template_products_locator #portal-columns tbody tr, .template-subsection_template_products_locator #portal-columns tbody tr td, .template-subsection_template_economic_reports #portal-columns, .template-subsection_template_economic_reports #portal-columns tbody, .template-subsection_template_economic_reports #portal-columns tbody tr, .template-subsection_template_economic_reports #portal-columns tbody tr td, .template-subsection_template_online_calculators #portal-columns, .template-subsection_template_online_calculators #portal-columns tbody, .template-subsection_template_online_calculators #portal-columns tbody tr, .template-subsection_template_online_calculators #portal-columns tbody tr td, .template-subsection_template_why_wood #portal-columns, .template-subsection_template_why_wood #portal-columns tbody, .template-subsection_template_why_wood #portal-columns tbody tr, .template-subsection_template_why_wood #portal-columns tbody tr td, .template-content_template_resource #portal-columns, .template-content_template_resource #portal-columns tbody, .template-content_template_resource #portal-columns tbody tr, .template-content_template_resource #portal-columns tbody tr td { display: block; -webkit-box-flex: 1 0 0; -moz-box-flex: 1 0 0; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .template-subsection_template_about #portal-columns { background-image: url('image-about-bg.jpg'); background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .template-subsection_template_about .documentContent { background-color: transparent; } .template-content_template_resource .documentEditable .documentContent, .template-content_template_FAQ .documentEditable .documentContent, .template-content_template_glossaryterm .documentEditable .documentContent, .template-content_template_onlinetool .documentEditable .documentContent, .template-subsection_template_about .documentEditable .documentContent, .template-section_template .documentEditable .documentContent, .template-subsection_template_video .documentEditable .documentContent, .template-subsection_template_presentations .documentEditable .documentContent, .template-subsection_template_publications .documentEditable .documentContent, .template-subsection_template_websites .documentEditable .documentContent, .template-subsection_template_product_descriptions .documentEditable .documentContent, .template-subsection_template_photo_gallery .documentEditable .documentContent, .template-subsection_template_important_terms .documentEditable .documentContent, .template-subsection_template_products_locator .documentEditable .documentContent, .template-subsection_template_economic_reports .documentEditable .documentContent, .template-subsection_template_online_calculators .documentEditable .documentContent, .template-subsection_template_why_wood .documentEditable .documentContent { padding: 0 2em 2em 2em !important; } .template-content_template_resource #portal-columns-wrapper, .template-content_template_FAQ #portal-columns-wrapper, .template-content_template_glossaryterm #portal-columns-wrapper, .template-content_template_onlinetool #portal-columns-wrapper, .template-subsection_template_about #portal-columns-wrapper, .template-section_template #portal-columns-wrapper, .template-subsection_template_video #portal-columns-wrapper, .template-subsection_template_publications #portal-columns-wrapper, .template-subsection_template_presentations #portal-columns-wrapper, .template-subsection_template_websites #portal-columns-wrapper, .template-subsection_template_product_descriptions #portal-columns-wrapper, .template-subsection_template_photo_gallery #portal-columns-wrapper, .template-subsection_template_important_terms #portal-columns-wrapper, .template-subsection_template_products_locator #portal-columns-wrapper, .template-subsection_template_economic_reports #portal-columns-wrapper, .template-subsection_template_online_calculators #portal-columns-wrapper, .template-subsection_template_why_wood #portal-columns-wrapper { display: -webkit-box; /* */ display: -moz-box; /* */ display: -ms-flexbox; /* */ display: -webkit-flex; /* */ display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .template-subsection_template_about #content { padding-left: 2em; padding-right: 2em; } .template-subsection_template_about #content p, .template-subsection_template_about #content span { font-family: 'FiraSans Regular'; font-size: 125%; } /* */ .template-subsection_template_about #content hr { background-color: black; color: black; margin: 2.5em 0; } .template-subsection_template_about #partners { border-collapse: separate; border-spacing: 2em; width: 100%; } .template-subsection_template_about #partners tbody { display: table-row-group; } .template-subsection_template_about #partners tbody tr { display: table-row; } .template-subsection_template_about #partners tbody tr td { display: table-cell; padding: 1.5em 0; vertical-align: top; } .template-subsection_template_about #partners tbody tr td:first-child { text-align: center; width: 250px; } .template-subsection_template_about #partners img { width: 250px; } .template-subsection_template_about #partners span { font-family: 'FiraSans Italic'; font-style: italic; } /**/ .template-subsection_template_about #partners span ul { list-style-image: none; list-style-tyype: disc; } .template-subsection_template_about #logo { float: right; margin: 0 3em 2.5em 2.5em; width: 250px; } .template-content_template_FAQ #content p, .template-content_template_glossaryterm #content p, .template-content_template_onlinetool #content p { font-family: 'FiraSans Regular'; } .template-content_template_glossaryterm #content a.link-parent { border: none; font-size: 100%; } .template-content_template_onlinetool #content a { border: none; text-decoration: none; word-break: break-word; } .template-content_template_onlinetool #content img { display: block; max-width: 95%; margin: 1em auto; } #subnav-control { cursor: pointer; display: none; float: right; width: 32px; } .template-subsection_template_products_locator #description, .template-subsection_template_economic_reports #description, .template-subsection_template_product_descriptions #description { font-family: 'FiraSans Regular'; font-size: 125%; } .template-subsection_template_products_locator #map-area { background-color: #f7f5f3; border: 1px solid #2f2516; margin: 2em auto; position: relative; width: 1051px; } .template-subsection_template_products_locator #map { float: right; height: 750px; width: 750px; } .template-subsection_template_products_locator #search-area { border-right: 1px solid #2f2516; float: left; height: 750px; width: 300px; } .template-subsection_template_products_locator #search-area #mill-county { text-transform: caapitalize; } .template-subsection_template_products_locator #map-loading { margin: 0; padding: 0; width: 100%; height: 100%; background-color: rgba(78,78,78,.25); position: absolute; } .template-subsection_template_products_locator #load-icon { padding: 5px; width: 243px; height: 50px; background-color: rgba(0,0,0,.5); position: relative; text-align: center; top: 50%; margin-top: -30px; margin-left: auto; margin-right: 250px; border-radius: 10px; z-index: 1; } .template-subsection_template_products_locator #load-icon { top: 350px; } .template-subsection_template_products_locator #load-icon span { color: white; font-size: 1.5em; } .template-subsection_template_products_locator #map-heading { background-color: #2f2516; padding: 5px 0; text-align: left; width: 100%; } .template-subsection_template_products_locator #map-heading h2{ border: none; color: white; margin: 0 0 0 .5em; font-weight: normal; } .template-subsection_template_products_locator form { margin: 0 10px; } .template-subsection_template_products_locator form fieldset { border: none; border-top: 1px solid #2f2516; margin: 0; } .template-subsection_template_products_locator form legend { background-color: #f7f5f3; font-weight: bold; font-size: 1em; } .template-subsection_template_products_locator .filter-option { width: 200px; margin-bottom: 10px; } .template-subsection_template_products_locator .filter-option option { display: block; } .template-subsection_template_products_locator #legend_area { width: 100%; height: 100%; } .template-subsection_template_products_locator .legend_element { position: relative; width: 100%; height: 31px; overflow: hidden; margin-bottom: 5px; } .template-subsection_template_products_locator .legend_element span { display: block; margin-left: 4em; margin-top: .5em; } .template-subsection_template_products_locator .legend_icon { position: relative; display: inline-block; background: url(https://askforwood.org/markers.png); background-repeat: no-repeat; background-size: 35px; height: 100%; width: 35px; float: left; } #legend_plywood .legend_icon { background-position: 0 -5px; } #legend_paper .legend_icon { background-position: 0 -35px; } #legend_chip .legend_icon { background-position: 0 -68px; height: 29px; } #legend_post .legend_icon { background-position: 0 -96px; } #legend_firewood .legend_icon { background-position: 0 -126px; } #legend_log .legend_icon { background-position: 0 -160px; } #legend_other .legend_icon { background-position: 0 -193px; } #legend_sawmill .legend_icon { background-position: 0 -224px; } #legend_mulch .legend_icon { background-position: 0 -260px; height: 24px; } #legend_shavings .legend_icon { background-position: 0 -284px; } #legend_energy .legend_icon { background-position: 0 -320px; } #legend_secondary .legend_icon { background: url(https://askforwood.org/sprite-secondary.png); background-repeat: no-repeat; background-position: 10px 0px; background-size: initial; } #legend_secondary span { margin-top: -3px; } .template-subsection_template_products_locator div.info { min-height: 130px; overflow: visible; padding-right: 15px; } .template-subsection_template_products_locator div.info h3 { margin-top: 0; } .template-subsection_template_economic_reports .map-area-wrapper { -webkit-box-flex: 1 0 0; -moz-box-flex: 1 0 0; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1; margin: 0 auto; width: 785px; overflow:hidden; position: relative; } .template-subsection_template_economic_reports .map-area #USMap { } .template-subsection_template_economic_reports .map-area map area:focus { outline: none; } .template-subsection_template_economic_reports canvas { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .template-subsection_template_economic_reports canvas#StatesAvailCanvas { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; } .template-subsection_template_economic_reports canvas#StatesHoverCanvas { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; } .template-subsection_template_websites #other-websites-list { display: -webkit-box; /* */ display: -moz-box; /* */ display: -ms-flexbox; /* */ display: -webkit-flex; /* */ display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; font-family: 'FiraSans Regular'; margin: 0; padding: 0; } .template-subsection_template_websites #other-websites-list li { list-style-image: none; list-style-type: none; margin: 0.5em 1em; width: 45%; } .template-subsection_template_websites #other-websites-list li a { border: none; color: inherit; text-decoration: none; } .template-subsection_template_websites #other-websites-list li a:visited, .template-subsection_template_websites #other-websites-list li a:focus, .template-subsection_template_websites #other-websites-list li a:active { color: inherit; } .template-subsection_template_websites #other-websites-list li a h2 { border: none; color: #365c3b; font-family: 'FiraSans Book'; } .template-subsection_template_websites #other-websites-list li a h2:hover { color: #55915d; } .template-subsection_template_online_calculators table#tool-list-table, .template-subsection_template_product_descriptions #content table.termSection { display: table; } .template-subsection_template_online_calculators table#tool-list-table tbody, .template-subsection_template_product_descriptions #content table.termSection tbody { display: table-row-group; } .template-subsection_template_online_calculators table#tool-list-table tbody tr, .template-subsection_template_product_descriptions #content table.termSection tbody tr { display: table-row; } .template-subsection_template_online_calculators table#tool-list-table tbody tr td, .template-subsection_template_product_descriptions #content table.termSection tbody tr td { display: table-cell; } .template-subsection_template_online_calculators table#tool-list-table, .template-subsection_template_online_calculators table#tool-list-table tbody, .template-subsection_template_online_calculators table#tool-list-table tbody tr, .template-subsection_template_online_calculators table#tool-list-table tbody tr td, .template-subsection_template_product_descriptions #content table.termSection, .template-subsection_template_product_descriptions #content table.termSection tbody, .template-subsection_template_product_descriptions #content table.termSection tbody tr, .template-subsection_template_product_descriptions #content table.termSection tbody tr td { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: none; vertical-align: middle; } .template-subsection_template_online_calculators table#tool-list-table tr td { font-family: 'FiraSans Regular'; font-size: 125%; padding: .5em 0; } .template-subsection_template_online_calculators table#tool-list-table tr td:first-child { width: 20%; padding: 0 1em; } .template-subsection_template_online_calculators table#tool-list-table tr td a img { display: block; margin: 1.5em auto; max-height: 75px; max-width: 200px; } .template-subsection_template_online_calculators table#tool-list-table tr td a h2 { border: none; color: #365c3b; font-family: 'FiraSans Book'; margin-top: 0.25em; } .template-subsection_template_online_calculators table#tool-list-table tr td a h2:hover { color: #55915d; } .template-subsection_template_online_calculators table#tool-list-table tr td a { border: none; color: inherit; text-decoration: none; } .template-subsection_template_online_calculators table#tool-list-table tr td a:visited, .template-subsection_template_online_calculators table#tool-list-table tr td a:focus, .template-subsection_template_online_calculators table#tool-list-table tr td a:active { color:inherit; } .template-subsection_template_product_descriptions #content table.termSection { background-color: #f7f5f3; margin: 1.5em 0; padding: .5em; width: 100%; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td { font-family: 'FiraSans Regular'; font-size: 125%; padding: .5em 0; vertical-align: top; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td img { margin: 0 .5em; width: 25px; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td:first-child { width: 35px; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td:nth-child(2) { color: #a68a74; font-family: 'FiraSans Medium'; line-height: 1.5em; padding-left: 1.5em; text-transform: uppercase; width: 20%; } .template-subsection_template_why_wood #folder-image { max-width: 400px; float: right; margin: 0 2.5em 2.5em 2.5em; } .template-subsection_template_why_wood #content h2 { border: none; color: #a68a74; font-family: 'FiraSans Medium'; text-transform: uppercase; } .template-subsection_template_why_wood #content p { font-family: 'FiraSans Regular'; } .contentCallout { background-color: #f7f5f3; margin: 2.5em; padding: 1.5em; width: 400px; } .contentCallout h3 { color: #a68a74; font-family: 'FiraSans Medium'; font-size: 1.5em; font-weight: normal; margin-bottom: .75em; margin-top: .25em; text-transform: uppercase; } .contentCallout ul { font-family: 'FiraSans Regular'; list-style-image: none; list-style-type: none; margin-left: 0; max-height: 500px; overflow-y: auto; padding-left: 2.5em; text-indent: -2.5em; } .contentCallout ul li a { border: none; color: black; font-size: 1.25em; text-decoration: none; } .contentCallout ul li a:active, .contentCallout ul li a:focus, .contentCallout ul li a:visited { color: black; } .contentCallout ul li a:hover { text-decoration: underline; } .contentCallout ul li:before { content:'-'; padding-right: 1em; } .template-content_template_resource iframe, .template-subsection_template_presentations iframe, .template-subsection_template_publications iframe, .template-subsection_template_video iframe { border: 1px solid black; height: 400px; width: 712px; } .template-subsection_template_video #preview-wrapper, .template-subsection_template_presentations #preview-wrapper, .template-subsection_template_publications #preview-wrapper, .template-content_template_resource #preview-wrapper { position: relative; padding-bottom: 56.24%; height: 0; } .template-subsection_template_video #preview-wrapper iframe, .template-subsection_template_presentations #preview-wrapper iframe, .template-subsection_template_publications #preview-wrapper iframe, .template-content_template_resource #preview-wrapper iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .template-subsection_template_video #object-content { float: left; max-width: 712px; } .template-content_template_resource #author, .template-subsection_template_video #author, .template-content_template_resource #year, .template-subsection_template_video #year { font-style: italic; font-weight: bold; } .template-subsection_template_video .contentCallout, .template-subsection_template_presentations .contentCallout, .template-subsection_template_publications .contentCallout, .template-content_template_resource .contentCallout { margin-right: 0; margin-top: 0; width: 300px; } .template-subsection_template_video #featured, .template-subsection_template_presentations #featured, .template-subsection_template_publications #featured, .template-content_template_resource #resource-title { color: #365c3b; font-family: 'FiraSans Book'; font-size: 175%; margin: 1.25em 0 .5em 0; } .template-subsection_template_video #featured a, .template-subsection_template_presentations #featured a, .template-subsection_template_publications #featured a, .template-content_template_resource #featured a { color: #365c3b !important; } .template-subsection_template_video #no-content, .template-subsection_template_presentations #no-content, .template-subsection_template_publications #no-content, .template-subsection_template_video #object-content p, .template-subsection_template_presentations #object-content p, .template-subsection_template_publications #object-content p, .template-content_template_resource #object-content p { font-family: 'FiraSans Regular'; font-size: 125%; } .template-subsection_template_video #object-content p a, .template-subsection_template_presentations #object-content p a, .template-subsection_template_publications #object-content p a, .template-content_template_resource #object-content p a { border: none; color: black; text-decoration: none; } .template-subsection_template_video #object-content p a:active, .template-subsection_template_presentations #object-content p a:active, .template-subsection_template_publications #object-content p a:active, .template-content_template_resource #object-content p a:active, .template-subsection_template_video #object-content p a:focus, .template-subsection_template_presentations #object-content p a:focus, .template-subsection_template_publications #object-content p a:focus, .template-content_template_resource #object-content p a:focus, .template-subsection_template_video #object-content p a:visited, .template-subsection_template_presentations #object-content p a:visited, .template-subsection_template_publications #object-content p a:visited, .template-content_template_resource #object-content p a:visited { color:black; } .template-subsection_template_video #object-content p a:hover, .template-subsection_template_presentations #object-content p a:hover, .template-subsection_template_publications #object-content p a:hover, .template-content_template_resource #object-content p a:hover { text-decoration: underline; } .template-content_template_resource #title-heading { display: none; } .template-contact-info p, .template-contact-info #content form { font-family: 'FiraSans Regular'; font-size: 125%; } .template-contact-info #content form fieldset { border: none; } .template-contact-info #content form fieldset legend { display: none; } .template-contact-info #content form .formControls input { background: none; background-color: #29362d; border: none; color: white; font-weight: bold; padding: .5em 1em; } .template-contact-info #content form field label { color: #29362d; } .template-contact-info #sender_fullname, .template-contact-info #sender_from_address { max-width: 405px; width: 100%; } .template-contact-info #subject { max-width: 250px; width: 100%; } .template-contact-info #message { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .template-search input[type="text"].searchPage { background: #f2eeeb; border: none; font-family: 'FiraSans Book'; outline: none; padding-left: .5em; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .template-search input[type="submit"].searchPage { background: #fff url(https://askforwood.org/icon-search.png) no-repeat 6px 5px; background-size: 60%; border: none; color: transparent; font-size: 0; height: 30px; line-height: 0; width: 40px; } .template-search .link-feed { display: none; } .template-search #content { font-family: 'FiraSans Book'; } .template-search .searchResults dt a { border: none; color: #365c3b !important; font-size: 125%; text-decoration: none; } .template-search .searchResults dt a:hover { color: #55915d !important; } .template-search .searchResults dd { font-family: 'FiraSans Regular'; } .template-search #searchform { margin: 0 auto; margin-bottom: 1.5em; max-width: 400px; width: 100%; } .template-search #searchform .discreet { display: none; } .left { float: left; } .right { float: right; } .red { color: red; } .hidden { display: none; } .answer { overflow: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .question { cursor: pointer; } .collapsed { height: 0; } @media all and (min-width:100px) { .template-subsection_template_about #logo { display: none; } #subnav-control { display: block; } .template-subsection_template_about #portal-columns-wrapper, .template-subsection_template_product_descriptions #portal-columns-wrapper, .template-subsection_template_photo_gallery #portal-columns-wrapper, .template-subsection_template_websites #portal-columns-wrapper, .template-subsection_template_online_calculators #portal-columns-wrapper, .template-subsection_template_why_wood #portal-columns-wrapper, .template-subsection_template_video #portal-columns-wrapper, .template-subsection_template_presentations #portal-columns-wrapper, .template-subsection_template_publications #portal-columns-wrapper, .template-content_template_FAQ #portal-columns-wrapper, .template-content_template_glossaryterm #portal-columns-wrapper, .template-content_template_onlinetool #portal-columns-wrapper, .template-content_template_resource #portal-columns-wrapper, .template-subsection_template_economic_reports #portal-columns-wrapper, .template-subsection_template_products_locator #portal-columns-wrapper { display: block; } .subnav { padding: 1em 0; width: 100%; } .subnav dt { border: none; } #faq-portlet dd, #nav-portlet dd { display: none; } .template-subsection_template_about #partners tr td:first-child { display: none; } .template-subsection_template_about #partners tr td { text-align: left; } .template-subsection_template_about #partners { border-spacing: 2px; } .template-subsection_template_about #content { padding: 1em 0 2em 0; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td { display: block; padding: 0.5em 1.5em; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td:first-child { display: none; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td:nth-child(2) { width: 100%; } .template-subsection_template_websites #other-websites-list li { width: 100%; } .template-subsection_template_online_calculators table#tool-list-table tr td:first-child { display: none; } .template-subsection_template_why_wood #folder-image { display: none; } .template-subsection_template_why_wood .contentCallout, .template-subsection_template_video .contentCallout, .template-subsection_template_presentations .contentCallout, .template-subsection_template_publications .contentCallout, .template-content_template_resource .contentCallout { float: none; margin: 1em auto; width: 90%; } .template-subsection_template_video #object-content, .template-subsection_template_presentations #object-content, .template-subsection_template_publications #object-content, .template-content_template_resource #object-content { float: none; margin: 0 auto; max-width: 95%; } } @media all and (min-width:200px) { .template-subsection_template_economic_reports .map-area-wrapper, .template-subsection_template_economic_reports .map-area #USMap { height: 126px; width: 200px; } .template-subsection_template_products_locator #map-area { margin: 0 auto; width: 275px; } .template-subsection_template_products_locator #search-area { display: none; } .template-subsection_template_products_locator #map { height: 275px; width: 275px; } .template-subsection_template_products_locator #load-icon { margin-top: -242px; margin-right: auto; margin-left: auto; } } @media all and (min-width:320px) { /* */ h1 { font-size: 2.5em; } #portal-globalnav li { padding: 0 1.25em; } #portal-globalnav li a { font-size: .85em; } #portal-logo img { margin: 5px; width: 290px; } #footernav-wrapper { float: none; margin: 0; top: 0%; } #footernav { display: inline-block; margin: .5em auto; } #portal-footer { height: auto; padding: 1em; } #partners-wrapper { float: none; margin: 0; top: 0%; } #partners-wrapper a { margin: .75em 1.5em; } .template-home_view .section { display: inline-block; margin: .5em 0; } .template-home_view h1 { margin-left: .5em; margin-right: .5em; } #portal-searchbox { margin: 20px 35px 5px 20px; width: 225px; } .template-search #searchform input[type="text"] { max-width: 250px; } #RotatingPanels .paneltest .panelImgTest { display: none; } #RotatingPanels .panel-text-test { margin: 0 auto; } #RotatingPanels #PanelNav { right: 45%; } .template-subsection_template_economic_reports .map-area-wrapper, .template-subsection_template_economic_reports .map-area #USMap { height: 189px; width: 275px; } } @media all and (min-width:481px) { /* */ #portal-globalnav li { padding: 0 1.6em; } #portal-globalnav li a { font-size: 1.25em; } #portal-logo img { margin: 1em 0em 1em 2em; width: 425px; } .template-home_view .section { height: 200px; width: 200px; margin: 1em; } .template-home_view .section .tileImg { background-size: 35%; margin-top: 10px; } .template-home_view .section h2 { font-size: 1.5em; margin: .25em; } .template-home_view .section .tileDesc { font-size: .9em; margin: .25em .75em; } #portal-searchbox { margin: 35px 50px 0 0; width: 250px; } .template-search #searchform input[type="text"] { max-width: 300px; } .template-subsection_template_economic_reports .map-area-wrapper, .template-subsection_template_economic_reports .map-area #USMap { height: 283px; width: 450px; } .template-subsection_template_products_locator #map-area { width: 425px; } .template-subsection_template_products_locator #map { height: 425px; width: 425px; } .template-subsection_template_products_locator #load-icon { margin-top: -167px; margin-right: 86px; } } @media all and (min-width:641px) { /* */ h1 { font-size: 3em; } #portal-globalnav li { padding: 0 1.75em; } #portal-globalnav li a { font-size: 1.5em; } .template-home_view .section { height: 300px; width: 300px; } .template-home_view .section .tileImg { background-size: initial; margin-top: 25px; } .template-home_view .section h2 { font-size: 2.5em; margin: .75em 0 .25em 0; } .template-home_view .section .tileDesc { font-size: 1em; margin: 2em 1em; } #RotatingPanels .paneltest .panelImgTest { display:block; } #RotatingPanels .panel-text-test { margin: 0; } #RotatingPanels #PanelNav { right: 132px; } .template-subsection_template_about #logo { display: block; width: 200px; } .template-subsection_template_websites #other-websites-list li { width: 45%; } .template-subsection_template_online_calculators table#tool-list-table tr td:first-child { display: table-cell; } .template-subsection_template_why_wood #folder-image { display: block; max-width: 200px; } .template-subsection_template_economic_reports .map-area-wrapper, .template-subsection_template_economic_reports .map-area #USMap { height: 390px; width: 620px; } .template-subsection_template_products_locator #map-area { width: 575px; } .template-subsection_template_products_locator #map { height: 575px; width: 575px; } .template-subsection_template_products_locator #load-icon { margin-top: -93px; margin-right: 161px; } .template-subsection_template_products_locator form fieldset:last-child { display: none; } .template-subsection_template_products_locator form fieldset { padding-bottom: 0; } .template-subsection_template_products_locator #search-area { background-color: #f7f5f3; bottom: 0; display: block; float: none; height: 250px; left: 0; position: absolute; width: 300px; z-index: 1; } } @media all and (min-width:750px) { .template-subsection_template_why_wood .contentCallout { margin: 1em 0; width: 300px; } .template-subsection_template_why_wood #link-list { float: left; } .template-subsection_template_why_wood #related-list { float: right; } .template-subsection_template_video .contentCallout, .template-subsection_template_presentations .contentCallout, .template-subsection_template_publications .contentCallout, .template-content_template_resource .contentCallout { margin: 0 0 1em 0; width: 300px; } .template-subsection_template_video #learn-content-nav-portlet, .template-subsection_template_presentations #learn-content-nav-portlet, .template-subsection_template_publications #learn-content-nav-portlet, .template-content_template_resource #learn-content-nav-portlet { float: right; } .template-subsection_template_video #series-portlet, .template-subsection_template_presentations #series-portlet, .template-subsection_template_publications #series-portlet, .template-content_template_resource #series-portlet { float: left; } .template-subsection_template_economic_reports .map-area-wrapper, .template-subsection_template_economic_reports .map-area #USMap { height: 441px; width: 700px; } .template-subsection_template_products_locator #map-area { width: 700px; } .template-subsection_template_products_locator #map { height: 700px; width: 700px; } .template-subsection_template_products_locator #load-icon { margin-top: -30px; margin-right: 224px; } } @media all and (min-width:961px) { /* */ #portal-globalnav li { padding: 0 2.5em; } #portal-globalnav li a { font-size: 1.75em; } #portal-logo img { width: initial; } .template-subsection_template_about #partners tr td:first-child { display: table-cell; } .template-subsection_template_about #partners tr td { text-align: center; } .template-subsection_template_about #partners { border-spacing: 2em; } .template-subsection_template_about #logo { width: 250px; } #subnav-control { display: none; } .template-subsection_template_about #portal-columns-wrapper, .template-subsection_template_product_descriptions #portal-columns-wrapper, .template-subsection_template_photo_gallery #portal-columns-wrapper, .template-subsection_template_websites #portal-columns-wrapper, .template-subsection_template_online_calculators #portal-columns-wrapper, .template-subsection_template_why_wood #portal-columns-wrapper, .template-subsection_template_video #portal-columns-wrapper, .template-subsection_template_presentations #portal-columns-wrapper, .template-subsection_template_publications #portal-columns-wrapper, .template-content_template_FAQ #portal-columns-wrapper, .template-content_template_glossaryterm #portal-columns-wrapper, .template-content_template_onlinetool #portal-columns-wrapper, .template-content_template_resource #portal-columns-wrapper, .template-subsection_template_economic_reports #portal-columns-wrapper, .template-subsection_template_products_locator #portal-columns-wrapper { display: -webkit-box; /* */ display: -moz-box; /* */ display: -ms-flexbox; /* */ display: -webkit-flex; /* */ display: flex; } .subnav { padding: 1em; width: 250px; min-width: 200px; } .subnav dt { border-bottom: 1px solid white; } #faq-portlet dd, #nav-portlet dd { display: block; } .template-subsection_template_about #content { padding: 1em 2em 2em 2em; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td { display: table-cell; padding-left: 0; width: initial; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td:first-child { display: table-cell; } .template-subsection_template_product_descriptions #content table.termSection tbody tr td:nth-child(2) { padding-left: 1.5em; width: 20%; } .template-subsection_template_why_wood #folder-image { max-width: 300px; } .template-subsection_template_why_wood .contentCallout { width: 275px; } .template-subsection_template_video .contentCallout, .template-subsection_template_presentations .contentCallout, .template-subsection_template_publications .contentCallout, .template-content_template_resource .contentCallout { margin: 1em auto; width: 90%; } .template-subsection_template_video #learn-content-nav-portlet, .template-subsection_template_video #series-portlet, .template-subsection_template_presentations #learn-content-nav-portlet, .template-subsection_template_presentations #series-portlet, .template-subsection_template_publications #learn-content-nav-portlet, .template-subsection_template_publications #series-portlet, .template-content_template_resource #learn-content-nav-portlet, .template-content_template_resource #series-portlet { float: none; } .template-subsection_template_products_locator #map-area { width: 671px; } .template-subsection_template_products_locator #map { height: 671px; width: 671px; } .template-subsection_template_products_locator #load-icon { margin-right: 205px; } } @media all and (min-width:1025px) { /* */ #portal-globalnav li { padding: 0 5em; } .template-subsection_template_why_wood .contentCallout { width: 300px; } .template-subsection_template_video .contentCallout, .template-subsection_template_presentations .contentCallout, .template-subsection_template_publications .contentCallout, .template-content_template_resource .contentCallout { margin: 0 0 1em 0; width: 300px; } .template-subsection_template_video #learn-content-nav-portlet, .template-subsection_template_presentations #learn-content-nav-portlet, .template-subsection_template_publications #learn-content-nav-portlet, .template-content_template_resource #learn-content-nav-portlet { float: right; } .template-subsection_template_video #series-portlet, .template-subsection_template_presentations #series-portlet, .template-subsection_template_publications #series-portlet, .template-content_template_resource #series-portlet { float: left; } .template-subsection_template_economic_reports .map-area-wrapper, .template-subsection_template_economic_reports .map-area #USMap { height: 494px; width: 785px; } .template-subsection_template_products_locator #map-area { width: 735px; } .template-subsection_template_products_locator #map { height: 735px; width: 735px; } .template-subsection_template_products_locator #load-icon { margin-right: 240px; } } @media all and (min-width:1175px) { #portal-footer { height: 80px; padding: 0; } #footernav-wrapper { float: left; margin-top: -.75em; position:relative; top: 50%; } #footernav { display: block; margin: 0 0 0 1em; } #partners-wrapper { float: right; margin-top: -25px; top: 50%; } #partners-wrapper a { margin: 0 20px; } #partners-wrapper a:first-child { margin-left: 0; } .template-subsection_template_why_wood #folder-image { max-width: 400px; } .template-subsection_template_video #learn-content-nav-portlet, .template-subsection_template_presentations #learn-content-nav-portlet, .template-subsection_template_publications #learn-content-nav-portlet, .template-content_template_resource #learn-content-nav-portlet { margin-right: 2.5em; } .template-subsection_template_video #series-portlet, .template-subsection_template_presentations #series-portlet, .template-subsection_template_publications #series-portlet, .template-content_template_resource #series-portlet { margin-left: 2.5em; } .template-subsection_template_products_locator #map-area { width: 885px; } .template-subsection_template_products_locator #search-area { position: relative; float: left; height: 750px; width: 225px; } .template-subsection_template_products_locator #map { height: 750px; width: 659px; } .template-subsection_template_products_locator form fieldset:last-child { display: block; } .template-subsection_template_products_locator form fieldset { padding: 0; } .template-subsection_template_products_locator form legend { padding-left: 0; } .template-subsection_template_products_locator #load-icon { margin-right: 205px; } } @media all and (min-width:1281px) { /* */ #portal-globalnav li { padding: 0 8em; } #partners-wrapper a { margin: 0 30px; } .template-subsection_template_why_wood .contentCallout { margin: 2.5em; width: 400px; } .template-subsection_template_why_wood #link-list { margin-right: 0; } .template-subsection_template_why_wood #related-list { margin-left: 0 } .template-subsection_template_products_locator #map-area { width: 976px; } .template-subsection_template_products_locator #search-area { width: 225px; } .template-subsection_template_products_locator #map { width: 750px; } .template-subsection_template_products_locator #load-icon { margin-right: 250px; } } @media all and (min-width:1350px) { .template-subsection_template_products_locator #map-area { width: 1051px; } .template-subsection_template_products_locator #search-area { width: 300px; } .template-subsection_template_products_locator #map { width: 750px; } .template-subsection_template_products_locator form fieldset { padding: 0 1em 1em 1em; } .template-subsection_template_products_locator form legend { padding-left: 0.5em; } } @media all and (min-width:1400px) { .template-subsection_template_video #learn-content-nav-portlet, .template-subsection_template_presentations #learn-content-nav-portlet, .template-subsection_template_publications #learn-content-nav-portlet, .template-content_template_resource #learn-content-nav-portlet { float: right; margin-left: 1em; margin-right: 0; } .template-subsection_template_video #series-portlet, .template-subsection_template_presentations #series-portlet, .template-subsection_template_publications #series-portlet, .template-content_template_resource #series-portlet { float: right; margin-left: 0; } .template-subsection_template_video #object-content, .template-subsection_template_presentations #object-content, .template-subsection_template_publications #object-content, .template-content_template_resource #object-content { float: left; margin: 0; max-width: 712px;} } @media all and (min-width:1775px) { .template-subsection_template_video #learn-content-nav-portlet, .template-subsection_template_presentations #learn-content-nav-portlet, .template-subsection_template_publications #learn-content-nav-portlet, .template-content_template_resource #learn-content-nav-portlet { margin-left: 2.5em; } } /* */ /* - keepingforests.css - */ /* https://askforwood.org/portal_css/keepingforests.css?original=1 */ /* */ /* */ /* ***/ #RotatingPanels .panel-text h3, #RotatingPanels .panel-text-test h3, .template-home_view .section .tileDesc { font-family:Value, Arial; /* */ } body, h1, #RotatingPanels .panel-text p, #RotatingPanels .panel-text-test p, #footernav li a,a #portal-globalnav li a, #portal-searchbox .LSBox input[type="text"], .template-home_view .section h2, .subnav, .subnav dt, #video-nav-portlet h2, #presentation-nav-portlet h2, .template-subsection_template_about #content p, .template-subsection_template_about #content span, .template-subsection_template_about #partners span, .template-content_template_onlinetool #content p, .template-subsection_template_product_descriptions #description, .template-subsection_template_websites #other-websites-list, .template-subsection_template_websites #other-websites-list li a h2, .template-subsection_template_online_calculators table#tool-list-table tr td, .template-subsection_template_online_calculators table#tool-list-table tr td a h2, .template-subsection_template_product_descriptions #content table.termSection tbody tr td, .template-subsection_template_product_descriptions #content table.termSection tbody tr td:nth-child(2), .template-subsection_template_why_wood #content h2, .template-subsection_template_why_wood #content p, .contentCallout h3, .contentCallout ul, .template-subsection_template_video #featured, .template-subsection_template_presentations #featured, .template-subsection_template_podcasts #featured, .template-subsection_template_publications #featured, .template-content_template_resource #resource-title, .template-subsection_template_video #no-content, .template-subsection_template_presentations #no-content, .template-subsection_template_podcasts #no-content, .template-subsection_template_publications #no-content, .template-subsection_template_video #object-content p, .template-subsection_template_presentations #object-content p, .template-subsection_template_podcasts #object-content p, .template-subsection_template_publications #object-content p, .template-content_template_resource #object-content p, .template-contact-info p, .template-contact-info #content form, .template-search input[type="text"].searchPage, .template-search #content, .template-search .searchResults dd { font-family:Value, Arial; } /* ***/ #portal-footer, .actionMenu .actionMenuContent ul a:hover, .template-subsection_template_products_locator #map-heading { background:#241F20; } .actionMenu .actionMenuContent ul, .actionMenu .actionMenuContent .actionSeparator a, .contentViews li a, .template-subsection_template_products_locator #map-area, .template-subsection_template_products_locator #search-area, .template-subsection_template_products_locator form fieldset { border-color:&dmtl-kffBlack;; } #portal-searchbox .LSBox input[type="text"], .actionMenu .actionMenuContent ul a, .template-home_view .section h2, .template-home_view .section .tileDesc { color:#241F20; } .contentActions, .contentViews li a:hover, .contentViews .selected a, #portal-column-one, #related-list h3, .template-contact-info #content form .formControls input { background:#56583D; } .template-contact-info #content form field label { color:#56583D; } #RotatingPanels #PanelNav .nav, #RotatingPanels #PanelNav .navtest, .actionMenu .actionMenuContent ul, .contentViews li a, #video-nav-portlet, #presentation-nav-portlet, .template-home_view .section, .template-subsection_template_products_locator #map-area, .template-subsection_template_products_locator form legend, .template-subsection_template_product_descriptions #content table.termSection, .contentCallout { background:#F2E8D8; } h1, #presentation-nav-portlet h2, .template-subsection_template_product_descriptions #content table.termSection tbody tr td:nth-child(2), .template-subsection_template_why_wood #content h2, .contentCallout h3 { color:#866248; } #portal-searchbox .LSBox input[type="text"] { background:#A1A7AA; } .subnav { background:#241F20; } #portal-columns { background:transparent !important; } /* ***/ html { width:100%; height:auto; min-height:100%; overflow-x:initial; overflow-y:initial; margin:0 !important; padding:0 !important; } body { width:100%; height:auto; min-height:100%; font-size:90%; line-height:125%; overflow-x:initial; overflow-y:initial; margin:0 !important; padding:0 !important; } h1 { border:none; font-size:250% !important; line-height:110% !important; font-weight:500; color:#866248; } h2 { border:none; font-size:200% !important; line-height:110% !important; font-weight:500; color:#866248; text-align:center; margin:48px auto 24px; } h3 { border:none; font-size:200% !important; line-height:110% !important; font-weight:500; color:#866248; text-align:center; margin:48px auto 24px; } .image-left { margin:0 1em 12px 0; } .image-right { margin:0 0 12px 1em; } .image-inline { margin:0 12px 12px; } .image-left, .image-right, .image-inline { border:0; } .image-left[src$='image_preview'], .image-right[src$='image_preview'], .image-inline[src$='image_preview'] { width:25%; min-width:200px; max-width:400px; height:auto; min-width:200px; max-height:400px; } .documentContent { background:transparent !important; min-height:300px; } .documentContent.kupu { width:calc(100% - 2em) !important; min-height:auto; } .documentFirstHeading img[src$="/site_icon.gif"] { display:none; } .managePortletsFallback { display:none; } .subnav dt { font-size:200%; line-height:110%; } #portal-header { width:100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap; position:relative; margin:0; } #portal-logo { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin:12px 0 12px 2em; } #portal-logo a { font-size:300%; line-height:110%; font-weight:500; text-transform:uppercase; text-decoration:none !important; color:#241F20; text-align:left; letter-spacing:2px; } #portal-globalnav-wrapper { flex-basis:100%; } #portal-globalnav { background:transparent; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin:0 2em 24px; } #portal-globalnav li { line-height:100%; padding:0; margin-right:1em; } #portal-globalnav li:last-child { margin-right:0; } #portal-globalnav li a { border:none !important; background:#F2E8D8; color:#866248 !important; font-size:133%; font-weight:500; line-height:125%; letter-spacing:1px; text-transform:uppercase; text-decoration:none !important; padding:6px 1em; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } #portal-globalnav li.selected a, #portal-globalnav li a:hover { background:#866248; color:#F2E8D8 !important; } #portal-searchbox { max-width:calc(250px + 2em) !important; margin:0 2em !important; padding:0 !important; float:none; flex-grow:1; } #portal-searchbox .LSBox { display:flex; flex-direction:row; align:items:center; justify-content:flex-end; } #portal-searchbox .LSBox input[type="text"] { width:auto; height:auto; background:#F2E8D8; border:none; border-width:1px 0 1px 1px; color:#866248; border-radius:0; flex-grow:1; margin:0; padding:0 1em; } #portal-searchbox .LSBox input[type="submit"] { width:32px; background-color:#D88565; background-image:url(https://askforwood.org/icon-search-white.png); background-position:center; border-radius:0; margin:0 !important; padding:0 !important; } #portal-banner h1 { font-size:400% !important; color:#fff; text-align:center; margin:128px auto 64px; } #portal-banner h1 a { color:#fff !important; } #portal-banner p { color:#fff; font-size:200%; font-weight:500; text-align:center; margin:0 auto 36px; } #portal-banner p:last-child { margin-bottom:64px; } #visual-portal-wrapper { height:auto; min-height:100%; } #portal-columns td#portal-column-content { overflow:initial !important; } #portal-columns td#portal-column-content #nav-portlet.subnav { background:transparent; width:calc(100% - 4em); margin:24px auto 0 !important; padding:0 !important; } #portal-columns td#portal-column-content #nav-portlet.subnav dl { display:flex; flex-direction:row; align-items:center; justify-content:space-around; flex-wrap:wrap; margin:0; padding:0; } #portal-columns td#portal-column-content #nav-portlet.subnav dl dt { display:none; } #portal-columns td#portal-column-content #nav-portlet.subnav dl dd { margin:0 1em; padding:0; display:block; } #portal-columns td#portal-column-content #nav-portlet.subnav dl dd:first-of-type { display:none; } #portal-columns td#portal-column-content #nav-portlet.subnav dl dd a { border:none; color:#595051 !important; font-weight:500; text-decoration:none !important; text-transform:uppercase; display:block !important; opacity:0.5; transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease; } #portal-columns td#portal-column-content #nav-portlet.subnav dl dd a:hover, #portal-columns td#portal-column-content #nav-portlet.subnav dl dd a.navSelected { opacity:1.0; } .template-home_view .portalMessage { display:none; } .template-home_view .section { width:300px !important; height:300px !important; } .template-home_view .section h2 { font-size:150% !important; line-height:125% !important; font-weight:500 !important; margin:36px auto 12px; } .template-home_view .section .tileImg { background-size:contain !important; margin-top:25px !important; } .template-home_view .section .tileDesc { font-size:100%; line-height:125%; margin-top:0; } .template-home_view .parallax-mirror { opacity:0; transition:opacity 1s ease; -webkit-transition:opacity 1s ease; } .template-home_view .parallax-mirror.sel { opacity:1; } #RotatingPanels { background:transparent; height:450px; overflow:hidden; } #RotatingPanels .paneltest { justify-content:flex-end; } #RotatingPanels .paneltest .panelImgTest { width:100%; height:100%; position:absolute; } #RotatingPanels .paneltest .panel-text-test { min-width:325px; width:calc(30% - 6em); height:auto; padding:36px 3em 0; position:relative; } #RotatingPanels .paneltest .panel-text-test::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.9; box-shadow:0 0 6px #241F20EE; } #RotatingPanels .paneltest .panel-text-test * { text-shadow:0px 0px 2px #241F20; position:relative; } #RotatingPanels .paneltest .panel-text-test h3 { border:none; font-size:166%; line-height:125%; margin:0 0 24px; padding:0; } #RotatingPanels .paneltest .panel-text-test p { font-size:120%; line-height:125%; margin:0 0 12px; } #RotatingPanels .paneltest .panel-text-test p:last-child { margin-bottom:0; } #RotatingPanels .paneltest .panel-text-test p a { border:none !important; font-weight:500; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } #RotatingPanels .paneltest .panel-text-test p a:hover { font-weight:bold; } #RotatingPanels .paneltest:nth-child(1) .panel-text-test::before { background:#56583D; } #RotatingPanels .paneltest:nth-child(2) .panel-text-test::before { background:#595051; } #RotatingPanels .paneltest:nth-child(3) .panel-text-test::before { background:#866248; } #RotatingPanels .paneltest:nth-child(4) .panel-text-test::before { background:#7C9764; } #RotatingPanels .paneltest:nth-child(5) .panel-text-test::before { background:#241F20; } #RotatingPanels .paneltest:nth-child(6) .panel-text-test::before { background:#90CAC5; } #RotatingPanels #PanelNav { min-width:325px; width:calc(30% - 6em); right:0 !important; bottom:24px !important; padding:0 3em; display:flex; flex-direction:row; align-items:center; justify-content:center; } #RotatingPanels > .arrow { top:calc(225px - 15px) !important; } #portal-footer { height:auto; color:#fff; padding:64px 0 86px !important; } #portal-footer a { color:#fff !important; } #portal-footer h3 { font-size:150% !important; line-height:125% !important; color:#fff; text-align:center; margin:0 auto 24px; } #portal-footer .flexRow { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; } #portal-footer form { text-align:left; flex:1; margin:0 2em; } #portal-footer form .asterisk { color:#e85c41; } #portal-footer form > div { font-size:80%; line-height:125%; } #portal-footer form .field label { font-weight:normal; } #portal-footer form .field > label { margin:0 0 4px; display:block; } #portal-footer form .field ul { list-style-type:none; margin:0 0 0 0; padding:0; } #portal-footer form .field ul li { margin:0; padding:0; } #portal-footer form .field.group > label { font-weight:500; } #portal-footer form .field input[type="text"], #portal-footer form .field input[type="email"] { width:100%; padding:8px 1em; } #portal-footer form input[type="submit"] { border:none; border-radius:4px; background:#aaa; color:#fff; font-weight:normal; font-size:80%; line-height:100%; margin:12px 0 0 0; padding:6px 1.5em; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; cursor:pointer; } #portal-footer form input[type="submit"]:hover { background:#777; } #archetypes-fieldname-bannerTitle input, input#form\.bannerTitle, #archetypes-fieldname-bannerText input, input#form\.bannerText { width:99%; font-size:133%; } #portal-footer #partners-wrapper { height:100%; text-align:left; top:0 !important; flex:1; margin:0 2em; } #portal-footer #partners-wrapper h3 { margin-bottom:36px; } #portal-footer #partners-wrapper .flexRow { display:flex; flex-direction:row; align-items:center; justify-content:center; padding:0 2em; } #portal-footer #partners-wrapper .flexRow a { margin:0 2em !important; opacity:0.8; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } #portal-footer #partners-wrapper .flexRow a:hover { opacity:1; } #portal-footer #partners-wrapper .flexRow a img { width:auto; max-width:86px; height:auto; max-height:86px; filter:none !important; -webkit-filter:none !important; } #portal-footer #portal-colophon { color:#fff; font-size:80%; line-height:200%; margin:24px 0 0; padding:0; } #portal-footer #portal-branding { background:#F2E8D8; text-align:left; padding:18px 2em; position:fixed; bottom:0; left:0; right:0; position:fixed; opacity:0.9; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } #portal-footer #portal-branding:hover { opacity:1; } #portal-footer #portal-branding img { width:125px !important; height:auto !important; } .template-document_view .contentViews, .template-smart_folder_view .contentViews, .template-subsection_template_about .contentViews, .template-subsection_template_partners .contentViews, .template-subsection_template_why_wood .contentViews, .template-subsection_template_learn .contentViews, .template-subsection_template_video .contentViews, .template-subsection_template_presentations .contentViews, .template-subsection_template_podcasts .contentViews, .template-subsection_template_publications .contentViews, .template-subsection_template_websites .contentViews, .section-learn .contentViews { width:calc(100% - 10em); padding-left:5em; padding-right:5em; margin-left:auto; margin-right:auto; float:left; clear:both; margin-top:36px; } .template-document_view .contentActions, .template-smart_folder_view .contentActions, .template-subsection_template_about .contentActions, .template-subsection_template_partners .contentActions, .template-subsection_template_why_wood .contentActions, .template-subsection_template_learn .contentActions, .template-subsection_template_video .contentActions, .template-subsection_template_presentations .contentActions, .template-subsection_template_podcasts .contentActions, .template-subsection_template_publications .contentActions, .template-subsection_template_websites .contentActions, .section-learn .contentActions, .template-document_view .portalMessage, .template-smart_folder_view .portalMessage, .template-subsection_template_about .portalMessage, .template-subsection_template_why_wood .portalMessage, .template-subsection_template_learn .portalMessage, .template-subsection_template_video .portalMessage, .template-subsection_template_presentations .portalMessage, .template-subsection_template_podcasts .portalMessage, .template-subsection_template_publications .portalMessage, .template-subsection_template_websites .portalMessage, .section-learn .portalMessage { width:calc(100% - 10em); padding-left:5em; padding-right:5em; margin-left:auto; margin-right:auto; float:left; clear:both; } .template-document_view #Main, .template-smart_folder_view #Main { width:calc(100% - 10em); padding-left:5em; padding-right:5em; margin-left:auto; margin-right:auto; float:left; clear:both; } .template-subsection_template_about #portal-column-content, .template-subsection_template_about #region-content, .template-subsection_template_about #content { width:100%; padding-left:0 !important; padding-right:0 !important; float:left; clear:both; } .template-subsection_template_about #Main, .template-subsection_template_about #FAQs, .section-about #Partners { width:calc(100% - 10em); padding-left:5em; padding-right:5em; margin-left:auto; margin-right:auto; float:left; clear:both; } .template-subsection_template_about #Main { font-size:90%; line-height:125%; } .template-subsection_template_about #Main .image-right { border:none; width:25%; max-width:600px; min-width:200px; margin:0 0 12px 2em; } .template-subsection_template_about #Main .image-right img { width:100% !important; height:auto !important; } .template-subsection_template_about #Main p.strong { font-size:150%; line-height:125%; text-align:center; font-weight:500; margin-top:36px; } .template-subsection_template_about #content p, .template-subsection_template_about #content span { line-height:125%; } .template-subsection_template_about #FAQs { background:#F2E8D8; margin-top:64px; padding-top:48px; padding-bottom:48px; } .template-subsection_template_about #FAQs h2 { margin:0 auto 64px; } .template-subsection_template_about #FAQs .flexRow { width:100%; list-style-type:none; display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:space-around; margin:0; padding:0; } .template-subsection_template_about #FAQs .faq { flex-basis:calc(33% - 2em); margin:0 1em; padding:0; } .template-subsection_template_about #FAQs .faq img { width:33%; max-width:176px; min-width:64px; margin:0 auto 36px; display:block; } .template-subsection_template_about #FAQs .faq .question { font-size:125%; line-height:125%; font-weight:500; text-align:center; color:#241F20; margin-bottom:24px; cursor:auto; } .template-subsection_template_about #FAQs .faq .answer { font-size:90%; line-height:125%; text-align:center; } .section-about #Partners { display:flex; flex-direction:row; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:64px; } .section-about #Partners h2 { width:100%; margin:0 auto 64px; } .section-about #Partners .partner { width:calc(100% / 3); display:flex; flex-direction:column; align-items:center; justify-content:space-between; margin-top:64px; } .section-about #Partners .partner:nth-of-type(1), .section-about #Partners .partner:nth-of-type(2), .section-about #Partners .partner:nth-of-type(3) { margin-top:0; } .section-about #Partners .partner:last-child { margin-bottom:0; } .section-about #Partners .partner .logo { width:100%; text-align:center; flex:1; display:flex; align-items:center; justify-content:center; } .section-about #Partners .partner .logo a { width:100%; display:block; } .section-about #Partners .partner .logo img { width:auto; max-width:300px; height:auto; max-height:75px; } .section-about #Partners .partner > h3 { border:none !important; font-size:125% !important; line-height:125% !important; text-align:center; color:#866248; font-weight:500; text-decoration:none !important; margin:24px 10% 0; flex:1; display:flex; align-items:center; justify-content:center; } .section-about #Partners .partner > h3 a { color:#866248 !important; } .section-about #Partners .partner > h3 a:hover { color:#56583D !important; } .template-subsection_template_partners #Partners { margin-top:24px; margin-bottom:64px; } .template-subsection_template_why_wood #portal-column-content, .template-subsection_template_why_wood #region-content, .template-subsection_template_why_wood #content { width:100%; padding-left:0 !important; padding-right:0 !important; float:left; clear:both; } .template-subsection_template_why_wood .section, .template-subsection_template_why_wood #Main, .template-subsection_template_why_wood #link-list, .template-subsection_template_why_wood #related-list { width:calc(100% - 10em); padding-left:5em; padding-right:5em; margin-left:auto; margin-right:auto; float:left; clear:both; } .template-subsection_template_why_wood .section { background-size:cover; background-position:center; background-repeat:no-repeat; padding-top:64px; padding-bottom:36px; } .template-subsection_template_why_wood .section h2 { width:75%; border-bottom:solid 1px #fff !important; text-transform:none !important; color:#fff !important; margin:0 auto 36px; padding:0 0 24px; } .template-subsection_template_why_wood .section img { border:none; width:25%; margin:12px 3em 12px 0; } .template-subsection_template_why_wood .section p { color:#fff; font-size:110%; line-height:125%; } .template-subsection_template_why_wood .section .button { width:100%; text-align:center; float:left; clear:both; } .template-subsection_template_why_wood .section .button a { border-radius:12px; font-size:110%; line-height:125%; letter-spacing:1px; color:#fff; text-transform:uppercase; text-decoration:none !important; padding:12px 1em; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; cursor:pointer; position:relative; } .template-subsection_template_why_wood .section .button a:hover { opacity:0.75; } .template-subsection_template_why_wood .section.building-codes .button a { background:#22251a; } .template-subsection_template_why_wood .section.economics .button a { background:#3c453e; } .template-subsection_template_why_wood .section.environment .button a { background:#565252; } .template-subsection_template_why_wood .section.forest-health-and-renewability .button a { background:#695049; } .template-subsection_template_why_wood #link-list { background:transparent; padding-top:0; padding-bottom:0; margin:64px auto 48px; } .template-subsection_template_why_wood #link-list h3 { font-size:200%; line-height:125%; text-transform:none; text-align:center; } .template-subsection_template_why_wood #link-list ul { list-style-type:none; margin:0; padding:0; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; } .template-subsection_template_why_wood #link-list ul li { text-align:center; text-indent:0; flex:1; flex-basis:calc(33% - 4em); margin:12px 2em; } .template-subsection_template_why_wood #link-list ul li::before { display:none; } .template-subsection_template_why_wood #link-list ul li > a { font-weight:500; margin:0 0 8px; display:block; } .template-subsection_template_why_wood #link-list ul li p { font-size:110%; line-height:125%; } .template-subsection_template_why_wood #link-list ul li p:last-child { margin-bottom:0; } .template-subsection_template_why_wood #link-list ul li.pdf > a::before, .template-subsection_template_why_wood #link-list ul li.www > a::before { content:''; width:100px; height:100px; background-size:contain; background-position:center; background-repeat:no-repeat; margin:0 auto 24px; display:block; } .template-subsection_template_why_wood #link-list ul li.pdf > a::before { background-image:url(https://askforwood.org/icon_pdf.png); } .template-subsection_template_why_wood #link-list ul li.www > a::before { background-image:url(https://askforwood.org/icon_www.png); } .template-subsection_template_why_wood #related-list { padding-top:64px; padding-bottom:64px; } .template-subsection_template_why_wood #related-list h3 { background:transparent; font-size:200%; line-height:125%; text-transform:none; text-align:center; margin-bottom:0; } .template-subsection_template_why_wood #related-list ul { max-height:none; list-style-type:none; margin:0; padding:0; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; overflow:visible; } .template-subsection_template_why_wood #related-list ul li { text-align:center; text-indent:0; flex:1; flex-basis:calc(33% - 4em); margin:36px 2em 24px; } .template-subsection_template_why_wood #related-list ul li::before { display:none; } .template-subsection_template_why_wood #related-list ul li > a { font-size:150%; line-height:125%; font-weight:500; margin:0 0 12px; display:block; } .template-subsection_template_why_wood #related-list ul li p { font-size:110%; line-height:125%; } .template-subsection_template_why_wood #related-list ul li p:last-child { margin-bottom:0; } .section-learn #portal-column-content, .section-learn #region-content, .section-learn #content { width:100%; padding-top:0 !important; padding-left:0 !important; padding-right:0 !important; float:left; clear:both; } .section-learn #content #object-content, .section-learn #content .contentCallout { max-width:none; width:calc(100% - 10em); padding-left:5em; padding-right:5em; margin-left:auto; margin-right:auto; padding-top:64px; padding-bottom:64px; float:left; clear:both; } .section-learn #content #object-content h3 { color:#866248; text-align:left; margin:0 0 12px; } .section-learn #content #object-content h3 a { color:#866248 !important; } .section-learn #content #object-content h3#featured { font-style:italic; } .section-learn #content #object-content h3#featured a { font-style:normal; } .section-learn #content #object-content p { font-size:105% !important; line-height:150% !important; } .section-learn #content #object-content p a { border:none; color:#7C9764; font-weight:500; } .section-learn #content #object-content p a:hover { text-decoration:underline; } .section-learn #content #object-content #author, .section-learn #content #object-content #year { font-weight:500; font-style:italic; } .section-learn #content #preview-wrapper { width:50%; float:right; margin:0 0 12px 3em; padding-bottom:33%; } .section-learn #content #preview-wrapper iframe { border:none; width:100%; height:100%; } .section-learn #content #preview-wrapper.dynamic { height:auto; padding-bottom:0; } .section-learn #content #preview-wrapper.dynamic iframe { height:auto; position:relative; } .section-learn #content .contentCallout h3 { background:transparent; font-size:200%; line-height:125%; text-transform:none; text-align:center; margin-bottom:0; } .section-learn #content .contentCallout ul { max-height:none; list-style-type:none; margin:0; padding:0; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; overflow:visible; } .section-learn #content .contentCallout ul li { text-align:center; text-indent:0; flex:1; flex-basis:calc(33% - 4em); margin:36px 2em 24px; } .section-learn #content .contentCallout ul li::before { display:none; } .section-learn #content .contentCallout ul li > a { font-size:150%; line-height:125%; font-weight:500; margin:0 0 12px; display:block; } .section-learn #content .contentCallout ul li p { font-size:110%; line-height:125%; } .section-learn #content .contentCallout ul li p:last-child { margin-bottom:0; } .template-subsection_template_learn #content .flexRow { width:100%; margin:0; padding:0; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; margin:64px auto; } .template-subsection_template_learn #content .flexRow > div { text-align:center; flex:1; margin:3px 12px; } .template-subsection_template_learn #content .flexRow > div > a { color:#866248 !important; font-size:150%; line-height:125%; font-weight:500; text-decoration:none !important; white-space:nowrap; } .template-subsection_template_websites ul#other-websites-list { list-style-type:none; margin:36px 0 0; padding:0; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; overflow:visible; } .template-subsection_template_websites ul#other-websites-list li { width:auto; text-align:center; text-indent:0; flex:1; flex-basis:calc(33% - 4em); margin:36px 2em 24px; } .template-subsection_template_websites ul#other-websites-list li::before { display:none; } .template-subsection_template_websites ul#other-websites-list li > a { font-size:100%; line-height:125%; } .template-subsection_template_websites ul#other-websites-list li > a h2 { font-size:150% !important; line-height:125% !important; color:#866248 !important; font-weight:500; margin:0 0 12px; } .template-subsection_template_websites ul#other-websites-list li > a h2:hover { text-decoration:underline; } /* */ /* - responsive.css - */ /* https://askforwood.org/portal_css/responsive.css?original=1 */ /* */ /* */ @media only screen and (max-width:1200px) { } @media only screen and (max-width:1000px) { #portal-footer form { margin-right:1em; } #portal-footer form > div { font-size:100%; line-height:125%; } #portal-footer #partners-wrapper { margin-left:1em; } #portal-footer #partners-wrapper .flexRow a { margin:0 1em !important; } #portal-footer #partners-wrapper .flexRow a img { max-width:64px; max-height:64px; } } @media only screen and (max-width:800px) { body { font-size:85%; line-height:125%; } #portal-header { align-items:flex-start; } #portal-logo { width:calc(100% - 32px - 36px); margin:12px 0 0 12px; } #portal-searchbox { max-width:100% !important; flex:1; margin:12px 12px 0 0 !important; } #portal-searchbox .LSBox input[type="text"] { display:none; } #portal-globalnav { flex-wrap:wrap; margin:0 9px 12px; } #portal-globalnav li { margin:6px 3px 0 !important; flex:1; display:flex; } #portal-globalnav li a { flex:1; } #portal-banner { width:calc(100% - 24px); font-size:80%; line-height:125%; padding:0 12px; } #portal-banner h1 { font-size:350% !important; margin:36px auto 18px; } #portal-banner p:last-child { margin-bottom:36px; } #portal-footer { padding:24px 0; } #portal-footer .flexRow { flex-direction:column; } #portal-footer form { margin:0 !important; } #portal-footer form > div { margin-right:0; } #portal-footer form .field input[type="text"], #portal-footer form .field input[type="email"] { padding:6px 0; } #portal-footer #partners-wrapper { margin:24px 0 0 !important; } #portal-footer #portal-branding { padding-left:12px; } #RotatingPanels { height:250px; } #RotatingPanels > .arrow { top:calc(125px - 15px) !important; } #RotatingPanels .paneltest .panelImgTest { display:block !important; } #RotatingPanels .paneltest .panel-text-test { width:calc(100% - 24px) !important; min-width:auto !important; padding:24px 12px !important; } #RotatingPanels .paneltest .panel-text-test::before { opacity:0.5; } .contentViews, .contentActions { display:none !important; } .template-subsection_template_about .portalMessage, .template-subsection_template_why_wood .portalMessage, .template-subsection_template_learn .portalMessage, .template-subsection_template_video .portalMessage, .template-subsection_template_presentations .portalMessage, .template-subsection_template_podcasts .portalMessage, .template-subsection_template_publications .portalMessage, .template-subsection_template_websites .portalMessage, .section-learn .portalMessage, .template-subsection_template_about #Main, .template-subsection_template_about #FAQs, .template-subsection_template_about #Partners, .template-subsection_template_why_wood .section, .template-subsection_template_why_wood #Main, .template-subsection_template_why_wood #link-list, .template-subsection_template_why_wood #related-list, .section-learn #content #object-content, .section-learn #content .contentCallout, #portal-footer form, #portal-footer #partners-wrapper, #RotatingPanels #PanelNav { width:calc(100% - 48px) !important; min-width:auto !important; padding-left:12px !important; padding-right:12px !important; } .template-home_view h1 { font-size:166% !important; margin-left:12px !important; margin-right:12px !important; } .template-subsection_template_about #Main .image-right { display:none; } .template-subsection_template_about #FAQs .faq { flex-basis:calc(50% - 24px); margin:0 12px; } .template-subsection_template_about #Partners .partner { flex-direction:column; text-align:center; } .template-subsection_template_about #Partners .partner .logo { width:100%; max-width:100%; text-align:center; margin:18px 0 12px; order:-1; } .template-subsection_template_about #Partners .partner .logo img { width:auto !important; top:0; } .template-subsection_template_about #Partners .partner h3 { text-align:center; } .template-subsection_template_about #Partners .partner .desc { text-align:justify; padding:0 !important; } .template-subsection_template_about #Partners .partner:last-child .logo { margin-bottom:0; } } @media only screen and (max-width:400px) { body { font-size:80%; line-height:125%; } .visualClear { font-size:1px !important; line-height:1px !important; height:1px !important; } #portal-logo a { font-size:200%; line-height:125%; } #portal-banner, #portal-banner * { position:relative; } #portal-banner::before { content:''; background:#000; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.33; } #portal-footer #portal-branding { padding:12px; } #portal-footer #portal-branding img { width:100px !important; } #RotatingPanels { font-size:80%; line-height:125%; } #portal-columns td#portal-column-content #nav-portlet.subnav dl dd { width:calc(100% - 24px) !important; margin:0 12px; } .template-subsection_template_about #content, .template-subsection_template_why_wood #content, .template-subsection_template_learn #content, .template-subsection_template_video #content, .template-subsection_template_presentations #content, .template-subsection_template_podcasts #content, .template-subsection_template_publications #content, .template-subsection_template_websites #content, .section-learn #content { padding:0 12px !important; } .template-subsection_template_about #Main, .template-subsection_template_about #FAQs, .template-subsection_template_about #Partners, .template-subsection_template_why_wood .section, .template-subsection_template_why_wood #Main, .template-subsection_template_why_wood #link-list, .template-subsection_template_why_wood #related-list, .section-learn #content #object-content, .section-learn #content .contentCallout, #portal-footer form, #portal-footer #partners-wrapper, #RotatingPanels #PanelNav { margin-top:12px; } } /* */