
/* - ploneCustom.css - */
@media all {
/*  (do not remove this :) */
/*  (not this either :) */

html, body { height:100%; font:normal 12px/15px Avenir, "Open Sans", Helvetica; }
* { transition:all 0.1s ease; -webkit-transition:all 0.1s ease; }

#google_translate_element { position:absolute; top:4px; right:4px; z-index:100; }
#google_translate_element .goog-te-gadget-simple { border:solid 1px transparent; opacity:0.8 }
#google_translate_element:hover .goog-te-gadget-simple { border:solid 1px #ccc; opacity:1.0; }

.plone_jscalendar { display:flex; align-items:center; }
.plone_jscalendar > span:nth-of-type(1),
.plone_jscalendar > span:nth-of-type(3),
.plone_jscalendar > select { width:20% !important; }
.plone_jscalendar > span:nth-of-type(2),
.plone_jscalendar > span:nth-of-type(4) { margin:0 1%; }
.plone_jscalendar > span:nth-of-type(5),
.plone_jscalendar > span:nth-of-type(7),
.plone_jscalendar > span:nth-of-type(8) { width:10% !important; }
.plone_jscalendar > a { margin:0 1% 0 4%; }

iframe.avPlayer { border:none; width:100%; height:100%; min-height:400px; }

#visual-portal-wrapper { height:100%; display:flex; flex-direction:column; }

#portal-searchbox,
.managePortletsFallback { display:none; }
.documentByLine { display:none; }
.documentEditable { padding:18px 0 0 !important; margin:0 !important; }
.documentEditable .documentContent { border:none !important; }
#portal-breadcrumbs { width:96%; max-width:1200px; border:none; font:normal 15px/20px Aller; margin:0 auto 12px; padding:0; position:relative; } 
.contentViews { width:96%; max-width:1200px; margin:12px auto 0; position:relative; }
.contentActions { width:96%; max-width:1200px; margin:0 auto; z-index:100; }
.contentHistory { display:none; }
.documentActions { display:none; }
dl.portalMessage { width:100%; max-width:1200px; margin:12px auto; }
.uppercase { text-transform:uppercase !important; }

.image-caption { margin-top:1em !important; font-style:italic; }

#portal-top { text-align:center; position:relative; }
#portal-top #portal-header::before,
#portal-top #portal-header::after { font:bold 36px/36px "Avenir Bold"; color:#198da4; text-transform:uppercase; white-space:nowrap; position:absolute; top:36px; }
#portal-top #portal-header::before { content:"Wildland Fire"; left:0; right:50%; text-align:right; padding-right:100px; letter-spacing:.03em; margin-right:20px; }
#portal-top #portal-header::after { content:"in the Southeast"; left:50%; right:0; text-align:left; padding-left:100px; letter-spacing:-.03em; z-index:-1; }

#portal-top #portal-header #portal-logo { display:inline-block; position:relative; left:-10px; } 
#portal-top #portal-header #portal-logo img { width:112px; height:112px; border:solid 8px #fff; border-radius:70px; background:#fff; margin:0 auto; position:absolute; left:49px; bottom:-31px; }
#portal-top #portal-header #portal-logo::after { width:225px; height:95px; background:url(https://southernwildfire.net/logo-bg.png) no-repeat bottom center; content:""; display:block; margin:0 auto; z-index:-1; } 
#portal-top #portal-header #portal-logo:hover img { box-shadow:0 4px 12px #666; }

#portal-top #portal-header ul#portal-globalnav { margin:0; padding:0; display:flex; text-align:center; justify-content:center;
  background-color: #f7941d; background-image: -webkit-linear-gradient(top, #f7941d, #ef4923); background-image: -moz-linear-gradient(top, #f7941d, #ef4923); background-image: -ms-linear-gradient(top, #f7941d, #ef4923); background-image: -o-linear-gradient(top, #f7941d, #ef4923); background-image: linear-gradient(top, #f7941d, #ef4923);
}
#portal-top #portal-header ul#portal-globalnav li { max-width:125px; flex:1; margin:0; }
#portal-top #portal-header ul#portal-globalnav li.selected a { background:transparent; }
#portal-top #portal-header ul#portal-globalnav li a { border:none; display:inline-block; font:normal 18px/18px Aller; white-space:nowrap; color:#fff; margin:0; padding:16px 2% 12px; position:relative; }
#portal-top #portal-header ul#portal-globalnav li a:hover { background:transparent; color:#fff; text-shadow:0 0 1px #fff, 0 0 24px #fff; }
#portal-top #portal-header ul#portal-globalnav li#portaltab-news { margin-right:35px; pointer-events:none !important; }
#portal-top #portal-header ul#portal-globalnav li#portaltab-news a { display:none !important; }
#portal-top #portal-header ul#portal-globalnav li#portaltab-partners { margin-left:35px; }

#portal-columns-wrapper { width:100%; flex:1; overflow-x:hidden; overflow-y:auto; padding:0 0 24px; }
#portal-columns-wrapper .pageBanner { min-height:200px; background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:0 0 24px 1px #000; position:relative; display:flex; }
#portal-columns-wrapper .pageBanner::after { height:36px; content:""; position:absolute; left:0; right:0; bottom:-36px; 
  background-image:-webkit-linear-gradient(left, #fff, transparent, #fff); background-image:-moz-linear-gradient(left, #fff, transparent, #fff); background-image:-ms-linear-gradient(left, #fff, transparent, #fff); background-image:-o-linear-gradient(left, #fff, transparent, #fff); background-image:linear-gradient(left, #fff, transparent, #fff); 
}
#portal-columns-wrapper .pageBanner img { width:100%; height:auto; }
#portal-columns-wrapper .pageBanner .text { width:96%; max-width:1200px; font:normal 26px/38px "Avenir Light"; color:#fff; text-align:center; margin:0 auto; padding:24px 0 18px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-shadow:0 0 12px #000, 0 0 24px #000; }
#portal-columns-wrapper .pageBanner .text p { flex:1; margin:0 10% 24px; }
#portal-columns-wrapper .pageBanner .text .discreet { color:#fff; font-size:80%; }
#portal-columns-wrapper .pageBanner .text .discreet a { color:#f7941d; text-decoration:none; }

#portal-columns-wrapper .rotatingPanels { height:250px; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:0 0 24px 1px #000; display:flex; }
#portal-columns-wrapper .rotatingPanels .body { width:92%; max-width:1200px; margin:0 auto; position:relative; flex:1; display:flex; }
#portal-columns-wrapper .rotatingPanels .body .nav { position:absolute; top:40%; z-index:2; opacity:0.8; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
#portal-columns-wrapper .rotatingPanels .body .nav:hover { cursor:pointer; opacity:1.0; }
#portal-columns-wrapper .rotatingPanels .body .nav.previous { left:0; }
#portal-columns-wrapper .rotatingPanels .body .nav.next { right:0; }
#portal-columns-wrapper .rotatingPanels .body .pageBanner { box-shadow:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; display:flex; align-items:center; }
#portal-columns-wrapper .rotatingPanels .body .pageBanner::after { display:none; }
#portal-columns-wrapper .rotatingPanels .body .pageBanner .text { height:calc(100% - 42px); }
#portal-columns-wrapper .rotatingPanels .body .pageBanner .text img { max-height:calc(100% - 6px); width:auto; }

#portal-columns-wrapper .documentContent { padding:36px 2% !important; }

#portal-columns-wrapper .documentContent a,
#portal-columns-wrapper .documentContent a:hover,
#portal-columns-wrapper .documentContent a:active,
#portal-columns-wrapper .documentContent a:focus,
#portal-columns-wrapper .documentContent a:visited { border:none; outline:none; color:#f7941d; text-decoration:none; }
#portal-columns-wrapper .documentContent a:hover { color:#f7941d; text-decoration:none; }
#portal-columns-wrapper .documentContent a:target { background-color:transparent !important; }
blic
.kupu .btn,
#portal-columns-wrapper .btn { background:#198da4; font:normal 12px/15px Avenir !important; color:#fff !important; text-decoration:none; text-align:center; text-shadow:none !important; display:inline-block; margin:0 auto; padding:6px 12px; border-radius:12px; cursor:pointer; box-shadow:inset 0 2px 3px #2FB5D0, inset 0 -2px 3px #156C7D; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.kupu .btn:hover,
#portal-columns-wrapper .btn:hover { box-shadow:inset 0 4px 6px #2FB5D0, inset 0 -4px 6px #156C7D, 0 0 24px #333; }

#portal-columns { width:92%; max-width:1200px; margin:0 auto; display:flex; }
#portal-column-content { width:auto; background:#fff; flex:3; margin:0 0 0 4%; padding:0 4% 0 0; position:relative; z-index:99; }
#portal-column-content h1 { border:none; font:normal 32px/38px Aller; color:#f7941d; margin:0 0 24px; }
#portal-column-content h2 { border:none; font:normal 18px/24px "Aller Bold"; color:#198da4; margin:24px 0 12px; }
#portal-column-content .documentDescription { font:normal 16px/22px Avenir; margin:0 0 36px; }
#portal-column-content .discreet { font-size:80%; }
#portal-column-two { width:auto; flex:1; margin:0 4% 0 0; padding:0 0 0 4%; position:relative; z-index:98; }
#portal-column-two::before { width:2px; content:""; position:absolute; top:2%; left:-6px; bottom:2%; box-shadow:0 0 24px 1px #000; }
#portal-column-two::after { width:24px; content:""; position:absolute; top:0; left:0; bottom:0; 
  background-image:-webkit-linear-gradient(top, #fff, transparent, #fff); background-image:-moz-linear-gradient(top, #fff, transparent, #fff); background-image:-ms-linear-gradient(top, #fff, transparent, #fff); background-image:-o-linear-gradient(top, #fff, transparent, #fff); background-image:linear-gradient(top, #fff, transparent, #fff); 
}

#portal-column-two .visualPadding { padding:0; position:relative; z-index:99; }
#portal-column-two .visualPadding::before { content:""; width:1px; height:100%; position:absolute; top:0; bottom:0; left:-1px; }
#portal-column-two .managePortletsLink { text-align:left; margin-top:36px; }
#portal-column-two .managePortletsLink a { text-decoration:none; color:#f7941d; }
#portal-column-two .managePortletsLink a:hover { text-decoration:underline; }

#portal-footer { background:#198da4; border:none; color:#dceef0; margin:0; padding:18px 4% 12px; position:relative; overflow:hidden; z-index:100; }
#portal-footer a { color:#dceef0 !important; }
#portal-footer a:hover { color:#dceef0 !important; text-decoration:underline; }
#portal-footer::before { content:""; width:100%; height:1px; background:transparent; position:absolute; top:-1px; left:0; right:0; box-shadow:0 0 24px 1px #000; }
#portal-footer .footer-content { max-width:1200px; white-space:nowrap; display:flex; justify-content:center; margin:0 auto; }
#portal-footer .footer-content .partners,
#portal-footer .footer-content .social,
#portal-footer .footer-content .links { flex:1; text-align:center; position:relative; }
#portal-footer .footer-content .partners::after,
#portal-footer .footer-content .social::after { width:2px; height:100%; content:""; position:absolute; top:0; right:0; bottom:0; 
  background-image:-webkit-linear-gradient(top, transparent, #fff, transparent); background-image:-moz-linear-gradient(top, transparent, #fff, transparent); background-image:-ms-linear-gradient(top, transparent, #fff, transparent); background-image:-o-linear-gradient(top, transparent, #fff, transparent); background-image:linear-gradient(top, transparent, #fff, transparent); 
  opacity:0.9; -webkit-filter:opacity(0.9); -moz-filter:opacity(0.9); -o-filter:opacity(0.9); -ms-filter:opacity(0.9);
}

#portal-footer .footer-content .icon::after { content:""; background-repeat:no-repeat; background-position:bottom center; background-size:contain; position:absolute; top:0; right:0; bottom:0; left:0; 
  opacity:0.0; -webkit-filter:opacity(0.0); -moz-filter:opacity(0.0); -o-filter:opacity(0.0); -ms-filter:opacity(0.0);
  transition:all 0.2s ease; -webkit-transition:all 0.2s ease; 
}
#portal-footer .footer-content .icon:hover::after { 
  opacity:1.0; -webkit-filter:opacity(1.0); -moz-filter:opacity(1.0); -o-filter:opacity(1.0); -ms-filter:opacity(1.0);
}

#portal-footer .footer-content .partners { flex:2; display:flex; justify-content:flex-end; }
#portal-footer .footer-content .partners .icon { text-align:center; position:relative; margin-right:12% }
#portal-footer .footer-content .partners .icon,
#portal-footer .footer-content .partners .icon img,
#portal-footer .footer-content .partners .icon img::after { width:auto; height:48px; }
#portal-footer .footer-content .partners .icon.sref { top:4px; }
#portal-footer .footer-content .partners .icon.sref,
#portal-footer .footer-content .partners .icon.sref img,
#portal-footer .footer-content .partners .icon.sref::after { height:36px; }
#portal-footer .footer-content .partners .icon.usfs::after { background-image:url(https://southernwildfire.net/footer-usfs_color.png); }
#portal-footer .footer-content .partners .icon.sgsf::after { background-image:url(https://southernwildfire.net/footer-sgsf_color.png); }
#portal-footer .footer-content .partners .icon.sref::after { background-image:url(https://southernwildfire.net/footer-sref_color.png); }

#portal-footer .footer-content .social { display:flex; justify-content:space-between; }
#portal-footer .footer-content .social .icon { position:relative; top:8px; }
#portal-footer .footer-content .social .icon,
#portal-footer .footer-content .social .icon img { width:28px; height:28px; }
#portal-footer .footer-content .social .icon:first-child { margin-left:22%; }
#portal-footer .footer-content .social .icon:last-child { margin-right:22%; }

#portal-footer .footer-content .social .icon.facebook::after { background-image:url(https://southernwildfire.net/footer-facebook_color.png); }
#portal-footer .footer-content .social .icon.twitter::after { background-image:url(https://southernwildfire.net/footer-twitter_color.png); }
#portal-footer .footer-content .social .icon.youtube::after { background-image:url(https://southernwildfire.net/footer-youtube_color.png); }

#portal-footer .footer-content .links { text-align:left; }
#portal-footer .footer-content .links a { font:normal 13px/48px Avenir; text-transform:uppercase; margin-left:4%; position:relative; }
#portal-footer .footer-content .links a:hover { text-decoration:none; color:#fff !important; }
#portal-footer .footer-content .links a::after { content:"|"; position:relative; right:-3%; color:#dceef0; }
#portal-footer .footer-content .links a:last-child::after { display:none; }
#portal-footer .footer-content .links a:first-child { margin-left:22%; }
#portal-footer .footer-content .links a:hover::after { color:#dceef0; }
#portal-footer .copyright { font-size:90%; margin-top:12px; }


.collapsible { margin-top:36px; }
.section-about.template-document_view #portal-column-content #plone-document-byline,
.section-about.template-document_view #portal-column-content .RatingViewlet { display:none; }
.collapsible .articleContent { transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.section-about.template-document_view #portal-column-content strong,
.collapsible .articleContent strong { font:normal 15px/20px "Avenir Bold";}
.section-about.template-document_view #portal-column-content img,
.collapsible .articleContent img { max-width:45%; height:auto; border:none; margin:6px 18px 12px; border-radius:6px; box-shadow:0 0 12px #ccc; }
.section-about.template-document_view #portal-column-content .image-left,
.collapsible .articleContent .image-left { margin-left:0 !important; }
.section-about.template-document_view #portal-column-content .image-right,
.collapsible .articleContent .image-right { margin-right:0 !important; }
.section-about.template-document_view #portal-column-content ul,
.collapsible .articleContent ul { margin:0 0 24px 24px; font:normal 14px/20px Avenir; list-style-image:none; list-style-type:disc; list-style-position:outside; }
.section-about.template-document_view #portal-column-content ul li,
.collapsible .articleContent ul li { padding:0; }
.section-about.template-document_view #portal-column-content dl.captioned,
.collapsible .articleContent dl.captioned { max-width:45%; height:auto; border:none; margin:6px 18px 4px; padding:0; }
.section-about.template-document_view #portal-column-content dl.captioned img,
.collapsible .articleContent dl.captioned img { max-width:100%; margin:0 0 12px; }
.section-about.template-document_view #portal-column-content dl.captioned dd.image-caption,
.collapsible .articleContent dl.captioned dd.image-caption { max-width:100%; font-size:90%; font-style:italic; color:#666; }

.collapsible .toggle { margin-top:12px; display:flex; cursor:pointer; position:relative; }
.collapsible .toggle::before { width:0; height:0; content:""; display:block; float:left; margin-right:12px; position:relative; }
.collapsible.open .toggle::before { border-top:solid 10px #f7941d; border-right:solid 6px transparent; border-bottom:solid 0 transparent; border-left:solid 6px transparent; top:2px; }
.collapsible.closed .articleContent { max-height:200px; overflow:hidden; }
.collapsible.closed .toggle::before { border-top:solid 6px transparent; border-right:solid 0 transparent; border-bottom:solid 6px transparent; border-left:solid 10px #f7941d; }

.resourceTable { width:100%; font:normal 12px/15px "Avenir Bold"; border-radius:6px 6px 0 0; overflow:hidden; position:relative; }
.resourceTable::before { content:""; height:44px; background:#f68121; position:absolute; top:0; left:0; right:0; z-index:-1; display:block; box-shadow:inset 0 -2px 6px 1px #BD6218, inset 0 2px 6px 1px #FFA861; }  
.resourceTable tr { display:flex; }
.resourceTable th,
.resourceTable td { display:flex; padding:12px 2% 12px 0; text-align:left; flex:1; overflow:hidden; }
.resourceTable th:first-of-type,
.resourceTable td:first-of-type { padding-left:2%; }
.resourceTable th { font:normal 15px/20px Avenir; text-transform:uppercase; color:#fff; white-space:nowrap; }
.resourceTable th a { color:#fff !important; cursor:pointer; }
.resourceTable th.asc::after,
.resourceTable th.desc::after { width:0; height:0; content:""; display:inline-block; margin-left:4px; position:relative; }
.resourceTable th.asc::after { border-top:solid 0 transparent; border-right:solid 6px transparent; border-bottom:solid 10px #fff; border-left:solid 6px transparent; top:4px; }
.resourceTable th.desc::after { border-top:solid 10px #fff; border-right:solid 6px transparent; border-bottom:solid 0 transparent; border-left:solid 6px transparent; top:4px; }

.resourceTable tr:nth-child(even) td { background:#dceef0; }
.resourceTable tr:nth-child(odd) td { background:#f3f8fb; }

.resourceTable .contact { flex:2; }
.resourceTable .org { flex:3; }
.resourceTable .state { flex:1; }
.resourceTable .state .abbr { display:none; }
.resourceTable .subject { flex:2; }
.resourceTable .title { flex:4; }
.resourceTable .type { flex:2; }

.newsletter { position:relative; }
.newsletter iframe { width:100%; min-height:600px; border:solid 1px #ccc; padding:0; }
.newsletter::after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; box-shadow:inset 0 0 12px #ccc; pointer-events:none; }

#portal-column-content .collapsible { margin:0; padding:0; list-style-position:inside; }
#portal-column-content .collapsible,
#portal-column-content .collapsible .toggle { min-height:36px; background:#f68121; border:none; font:normal 15px/20px Avenir; text-transform:uppercase; color:#fff; cursor:pointer; }
#portal-column-content .collapsible .toggle { text-decoration:none; margin:0; padding:12px 36px 12px 64px; box-shadow:inset 0 -2px 6px 1px #BD6218, inset 0 2px 6px 1px #FFA861; display:block; position:relative; }
#portal-column-content .collapsible .toggle:hover { color:#fff; text-decoration:none; }
#portal-column-content .collapsible .toggle::before { content:""; border:none; width:24px; height:24px; background:#fff; border-radius:24px; position:absolute; top:18px; left:24px; box-shadow:0 1px 3px #666; }
#portal-column-content .collapsible .toggle::after { content:""; width:0; height:0; background:transparent; margin:0; position:absolute; top:23px; left:33px;
  border-top:solid 6px transparent; border-right:solid 0 transparent; border-bottom:solid 6px transparent; border-left:solid 10px #f68121; 
}
#portal-column-content .collapsible:hover .toggle { text-shadow:0 0 1px #fff; }  
#portal-column-content .collapsible:hover .toggle::before { box-shadow:0 1px 6px #666; }
#portal-column-content .collapsible .item { margin:0 4px; padding:12px 36px 12px 64px; text-transform:none; color:#000; position:relative; cursor:initial; }
#portal-column-content .collapsible .item:nth-child(even) { background:#dceef0; }
#portal-column-content .collapsible .item:nth-child(odd) { background:#f3f8fb; }
#portal-column-content .collapsible .item h4 { font:normal 15px/20px "Avenir Bold Italic"; color:#198da4; margin:0; padding:0; }
#portal-column-content .collapsible .item ul { margin:0; padding:0; }
#portal-column-content .collapsible .item a { color:#000; border:none; text-decoration:none; }
#portal-column-content .collapsible .item a:hover,
#portal-column-content .collapsible .item a:hover * { color:#f7941d; }
#portal-column-content .collapsible .item ul li { margin:0; padding:0; list-style:none; }
#portal-column-content .collapsible .item .info { margin:0 4%; }
#portal-column-content .collapsible .item .info .itemSection { display:flex; margin-top:12px; }
#portal-column-content .collapsible .item .info .itemSection label { flex:1; }
#portal-column-content .collapsible .item .info .itemSection .content { flex:3; }
#portal-column-content .collapsible.open .toggle::after { border-top:solid 10px #f68121; border-right:solid 6px transparent; border-bottom:solid 0 transparent; border-left:solid 6px transparent; top:25px; left:30px; }
#portal-column-content .collapsible.closed .item { display:none; }

.flexItem { flex:1; }
.flexRow { display:flex; flex-direction:row; }
.flexRow.checkboxes > div { margin-right:2%; }
.flexRow.centered { margin:0 auto; justify-content:center; }

.flexRows { display:flex; flex-direction:column; }

.portlet { border:none; margin:36px 0 0; }

#portal-columns-wrapper .portlet a,
#portal-columns-wrapper .portlet a:hover,
#portal-columns-wrapper .portlet a:active,
#portal-columns-wrapper .portlet a:focus,
#portal-columns-wrapper .portlet a:visited { border:none; outline:none; color:#f7941d; text-decoration:none; }
#portal-columns-wrapper .portlet a:hover { text-decoration:underline; }

.portlet h3 { text-align:center; }
.portlet h3,
.portlet h3 a { font:normal 20px/26px Avenir; text-transform:uppercase; letter-spacing:1px; color:#66923d !important; }
.portlet h3 a:hover { text-shadow:0 0 1px #66923d; text-decoration:none !important; }

.portlet.list ul { list-style:none; margin:0; padding:0; }
.portlet.list ul li { margin:0; padding;0; }
.portlet.list ul li a { border:0; display:inline-block; }
.portlet.list ul li ul { margin-left:12px; }
#portal-column-two .portlet.list ul li { padding-top:4px; }

.portlet.archive strong { display:block; font:normal 24px/30px Aller; color:#f7941d; text-align:center; margin:12px auto 4px; }
.portlet.archive a { display:block; font:normal 18px/24px Avenir; color:#000 !important; text-align:center; margin:4px auto 0; }
.portlet.archive a:hover { text-decoration:none !important; text-shadow:0 0 1px #ccc; }
.portlet.archive a.sel { color:#198da4 !important; }
.portlet.archive a.sel:hover { text-shadow:none; }

.portlet.defs dl dt { display:inline-block; margin:24px 0 0; }
.portlet.defs dl dt a { color:#f7941d; font-weight:normal; }
.portlet.defs dl dt a:hover { text-decoration:underline; }
.portlet.defs dl dt:first-child { margin:0; }
.portlet.defs dl dd { display:inline; margin:0; padding:0; }
.portlet.defs dl dd::before { content:"– "; margin:0 4px; display:inline; }
.portlet.defs dl em { line-height:1.5em; display:block; margin:8px 0 0; }
.portlet.defs dl em a { color:#000 !important; text-decoration:underline !important; }

.portlet.thumblinks a { display:block; text-align:center; margin:24px 2% 0; }
.portlet.thumblinks a img { width:75%; height:auto; margin:12px auto; box-shadow:0 4px 12px #ccc; }
.portlet.thumblinks a strong { font:normal 13px/18px 'Aller Bold'; color:#333; display:block; }
.portlet.thumblinks a strong.top { margin:0 0 12px; }
.portlet.thumblinks a:hover { text-decoration:none !important; }
.portlet.thumblinks a:hover strong { color:#f7941d; }
.portlet.thumblinks a:first-of-type strong { margin-top:0; }

.portlet.thumblinks#PortletDownloads a { display:block; text-align:center; margin:24px 10% 0; }

.portlet.filter .collapsible .toggle { color:#000; font:normal 15px/20px "Aller Bold"; }
.portlet.filter .collapsible .toggle:hover { text-decoration:none !important; }
.portlet.filter .collapsible .toggle::before { top:5px; margin-right:13px; }
.portlet.filter .collapsible a:nth-of-type(2) { margin-top:12px; }
.portlet.filter .collapsible .option { background:#198da4; border:solid 2px #198da4 !important; color:#fff !important; text-align:center; text-transform:lowercase; display:block; margin:6px 0 0; padding:6px 4px; border-radius:12px; 
  transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
.portlet.filter .collapsible .option:hover { background:#dceef0; color:#198da4 !important; text-decoration:none !important; }
.portlet.filter .collapsible .option.sel { background:transparent !important; color:#198da4 !important; }
.portlet.filter .collapsible.closed .option { display:none; }
.portlet.filter .collapsible.closed .toggle::before { top:3px; margin-right:14px; }

.portlet#PortletSearch { margin-top:0; }
.portlet#PortletStayConnected .fb-page { margin-top:12px; box-shadow:0 0 12px #ccc; }

.portlet#PortletInTouch img.profile { border-radius:12px; overflow:hidden; margin:12px 0 0; box-shadow:0 0 12px #ccc; } 
.portlet#PortletInTouch .info { font:normal 16px/22px Avenir; }
.portlet#PortletInTouch .info h4 { margin:12px 0 6px; }
.portlet#PortletInTouch .info h4 a { color:#f7941d !important; font:normal 22px/30px Aller; }
.portlet#PortletInTouch .info h4 a:hover { text-decoration:none; text-shadow:0 0 1px #f7941d; } 
.portlet#PortletInTouch .info .flexRows { flex-direction:row; color:#000; font:normal 12px/15px Avenir; margin:8px 0 0; }
.portlet#PortletInTouch .info .flexRows .icon img { width:16px; height:auto; margin:2px 12px 0 0; display:block; }
.portlet#PortletInTouch .info .flexRows .flexrow { flex:1; }
.portlet#PortletInTouch .info .flexRows:hover { color:#f7941d; text-decoration:none; }
.portlet#PortletInTouch .info .flexRows:first-of-type { margin-top:12px; }

.portlet#PortletInvolved a { width:148px; height:148px; margin:0 auto 32px; display:block; position:relative; }
.portlet#PortletInvolved a,
.portlet#PortletInvolved a img,
.portlet#PortletInvolved a label,
.portlet#PortletInvolved a::after { transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.portlet#PortletInvolved a img { width:100px; height:100px; border-radius:150px; margin-bottom:24px !important; position:relative; top:0; z-index:1; box-shadow:none; }
.portlet#PortletInvolved a label { width:148px; text-align:center; color:#198da4; font:normal 20px/26px "Avenir Bold"; text-transform:uppercase; text-align:center; display:block; pointer-events:none; }
.portlet#PortletInvolved a::after { content:""; background:#198da4; width:98px; height:98px; border-radius:150px; position:absolute; top:13px; left:25px; z-index:0; }
.portlet#PortletInvolved a:hover img { width:148px; height:148px; margin-bottom:0 !important; top:-12px; }
.portlet#PortletInvolved a:hover label { color:#f7941d !important; }
.portlet#PortletInvolved a:hover::after { width:146px; height:146px; background:#f7941d; top:1px; left:1px; }

.template-view_home #portal-column-content .portlet#PortletInvolved .flexrow a,
#portal-column-two .portlet#PortletInvolved .flexrow a { width:124px; height:124px; margin:12px auto 0; }
.template-view_home #portal-column-content .portlet#PortletInvolved .flexrow a img,
#portal-column-two .portlet#PortletInvolved .flexrow a img { width:76px; height:76px; margin-bottom:12px !important; }
.template-view_home #portal-column-content .portlet#PortletInvolved .flexrow a label,
#portal-column-two .portlet#PortletInvolved .flexrow a label { width:124px; font:normal 15px/20px Avenir; }
.template-view_home #portal-column-content .portlet#PortletInvolved a::after { width:74px; height:74px; left:25px; top:13px; }
#portal-column-two .portlet#PortletInvolved .flexrow a::after { width:74px; height:74px; left:25px; }
.template-view_home #portal-column-content .portlet#PortletInvolved .flexrow a:hover img,
#portal-column-two .portlet#PortletInvolved .flexrow a:hover img { width:100px; height:100px; margin-bottom:-12px !important; }
.template-view_home #portal-column-content .portlet#PortletInvolved .flexrow a:hover::after img  { width:98px; height:98px; left:13px; }
#portal-column-two .portlet#PortletInvolved .flexrow a:hover::after { width:98px; height:98px; left:13px; }
.template-view_get_involved #portal-column-content .portlet#PortletInvolved .flexrow a img,
#portal-column-two .portlet#PortletInvolved .flexrow a img { opacity:0.95; -webkit-filter:opacity(0.95); -moz-filter:opacity(0.95); -o-filter:opacity(0.95); -ms-filter:opacity(0.95); }

#archetypes-fieldname-description textarea, textarea#form\.description { font-weight:normal; }

form fieldset,
form .formPanel { border:0; margin:24px auto 0; padding:0; }
form label { font:normal 15px/20px "Aller Bold"; }
form input[type="text"],
form textarea { width:96% !important; border:none; border-radius:4px; outline:none !important; background:#fff; font:normal 13px/24px Avenir; color:#333; box-shadow:inset 0 0 8px #ccc; margin:0; padding:0 2%; }
form .field:not(.ArchetypesRichWidget) select { width:96% !important; border:none; border-radius:4px; outline:none !important; background:#fff; font:normal 13px/24px Avenir; color:#333; box-shadow:inset 0 0 8px #ccc; margin:0; padding:4px 1.5% 5px; }
form .field:not(.ArchetypesRichWidget) select option { font:normal 13px/24px Avenir; color:#333; padding:4px 1.5% 5px; }

form .fieldRequired { background:transparent; font:font:normal 15px/20px Aller; color:#f68121; padding:0; }
form .formControls { text-align:right; margin-top:24px; }
form .formControls input[type="submit"] { background:#198da4; font:normal 13px/17px Aller !important; color:#fff; border-radius:8px; padding:5px 4% 6px !important; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
form .formControls input[type="submit"]:hover { box-shadow:inset 1px 1px 2px #5ECEE4, inset -1px -1px 2px #22626F; }

form .field { width:100%; margin:24px 0 0; }
form .field.error { width:97%; padding:6px 1.5% 8px; }
form .field.Archetypestitlefield input { line-height:160%; }
form .field.ArchetypesRichWidget select { padding:inherit; }
form .field.ArchetypesKeywordWidget select { width:100%; height:200px; }
form .field.ArchetypesapValuesfield .ArchetypesMultiSelectionValue { width:20%; float:left; display:flex; }
form .field.ArchetypesapValuesfield .ArchetypesMultiSelectionValue input { margin:3px 4px 0; }
form .field.ArchetypesapValuesfield .ArchetypesMultiSelectionValue label { flex:1; }

form .field.ArchetypesInAndOutWidget > div > div { min-width:33%; }

#portal-column-two form input[type="text"],
#portal-column-two form textarea { width:92%; padding:0 4%; }

.template-atct_edit #portal-columns-wrapper .pageBanner,
.template-base_edit #portal-columns-wrapper .pageBanner { display:none; }
.template-atct_edit #portal-column-two,
.template-base_edit #portal-column-two { display:none; }

.section-news.template-view_news .alert .title { font-size:130%; line-height:130%; display:block; margin-bottom:8px; }

.section-news.template-atct_edit .field#archetypes-fieldname-month,
.section-news.template-base_edit .field#archetypes-fieldname-month,
.section-news.template-atct_edit .field#archetypes-fieldname-day,
.section-news.template-base_edit .field#archetypes-fieldname-day,
.section-news.template-atct_edit .field#archetypes-fieldname-year,
.section-news.template-base_edit .field#archetypes-fieldname-year { width:30%; float:left; clear:none; margin-right:1%; margin-bottom:24px; }

form.portletForm .flexRows { flex-direction:row; }
form.portletForm input[type="text"] { border-radius:4px 0 0 4px; flex:1; font:normal 13px/30px Avenir; }
form.portletForm select { border-radius:4px; flex:1; font:normal 13px/30px Avenir; }
form.portletForm input[type="submit"] { width:36px; height:30px; background-image:url(https://southernwildfire.net/icon-search.png); background-repeat:no-repeat; background-position:center; background-size:50% 50%; border:none; border-radius:0 4px 4px 0; outline:none !important; background-color:#198da4; font:normal 13px/30px Avenir; color:#fff; margin:0; padding:0; cursor:pointer;
  box-shadow:inset 1px 1px 2px #AED6DE, inset -1px -1px 2px #22626F;
  transition:all 0.2s ease; -webkit-transition:all 0.2s ease; 
}
form.portletForm input[type="submit"]:hover { box-shadow:inset 2px 2px 4px #AED6DE, inset -2px -2px 4px #22626F; }

form#ContactForm .flexRows { flex-direction:row; }
form#ContactForm .field { margin:0; }
form#ContactForm .flexRows .field { flex:1; }
form#ContactForm .flexRows .field input[type="text"] { margin-top:4px; }
form#ContactForm .flexRows .field.name { margin-right:12px; }
form#ContactForm .flexRows .field.email { margin-left:12px; }
form#ContactForm .field.message { margin-top:24px; }
form#ContactForm .field.message textarea { width:98%; height:150px; margin-top:4px; padding:0 2%; }
form#ContactForm .flexRow { align-items:flex-end; justify-content:space-between; margin-top:24px; }
form#ContactForm .flexRow .field#Captcha { flex:1; margin-right:12px; }
form#ContactForm .flexRow .field#Captcha img { width:100%; height:auto; } 
form#ContactForm .flexRow .formControls { flex:1; margin:0 0 0 12px; }

.batchNav { flex-direction:row; margin:24px 0 18px; color:#999; }
.batchNav .details { font:normal 12px/14px "Avenir Italic"; flex:4; align-self:center; }
.batchNav .pagination { text-align:right; flex:1; }
.batchNav .pagination .listingBar { border:none; background:none; margin:0; padding:0; display:flex; justify-content:space-around; }
.batchNav .pagination .listingBar .nav,
.batchNav .pagination .listingBar .nav a { font:normal 14px/14px "Avenir Bold"; color:#999; white-space:nowrap; }
.batchNav .pagination .listingBar .nav { text-align:center; margin:0; padding:4px 8px; }
.batchNav .pagination .listingBar .nav.current { background:#198da4; color:#fff; border-radius:15px; }
.batchNav .pagination .listingBar a.nav:hover,
.batchNav .pagination .listingBar .nav:hover a { color:#f7941d; }

.pagination.simple { display:flex; flex-direction:row; margin:24px 0 18px; }
.pagination.simple .nav { flex:1; }
.pagination.simple .nav,
.pagination.simple .nav a { font:normal 14px/14px Avenir; color:#999 !important; text-transform:uppercase; white-space:nowrap; }
.pagination.simple .nav a:hover { text-decoration:none; color:#198da4 !important; }
.pagination.simple .nav.prev { text-align:left; }
.pagination.simple .nav.next { text-align:right; }

.section-home #portal-columns-wrapper .pageBanner { background-position:50% 80%; }
.section-news #portal-columns-wrapper .pageBanner { background-position:50% 40%; }
.section-partners #portal-columns-wrapper .pageBanner { background-position:50% 20%; }
.template-view_get_involved #portal-columns-wrapper .pageBanner { background-position:50% 40%; }
.template-view_get_involved_professional #portal-columns-wrapper .pageBanner { background-position:50% 40%; }
.template-view_get_involved_professional #portal-columns-wrapper .pageBanner.cultural-values { background-position:50% 70%; }
.template-view_get_involved_professional #portal-columns-wrapper .pageBanner.ecological-services { background-position:50% 30%; }
.template-view_get_involved_professional #portal-columns-wrapper .pageBanner.firefighter-and-public-safety { background-position:50% 60%; }
.template-view_get_involved_professional #portal-columns-wrapper .pageBanner.marketable-products { background-position:50% 0; }
.template-view_get_involved_professional #portal-columns-wrapper .pageBanner.property-protection { background-position:50% 60%; }
.template-view_get_involved_air_quality #portal-columns-wrapper .pageBanner.air-quality { background-position:50% 60%; }
.template-view_get_involved_public #portal-columns-wrapper .pageBanner { background-position:50% 70%; }
.template-view_get_involved_resources #portal-columns-wrapper .pageBanner { background-position:50% 70%; }
.template-view_success_story #portal-columns-wrapper .pageBanner { background-position:50% 90%; }
.section-contact #portal-columns-wrapper .pageBanner { background-position:50% 90%; }

.template-view_home #portal-column-content #Callouts { display:flex; flex-direction:row; }
.template-view_home #portal-column-content #Callouts .portlet { background:#f3f8fb; flex:1; margin:0; padding:24px; }
.template-view_home #portal-column-content #Callouts .portlet h3 { color:#f7941d !important; font:normal 24px/30px Avenir; text-transform:none; text-align:left; margin:0 0 12px; }
.template-view_home #portal-column-content #Callouts .portlet#PortletNews { margin-right:1.5%; display:flex; flex-direction:column; flex:2; }
.template-view_home #portal-column-content #Callouts .portlet#PortletNews ul { list-style-image:none; list-style-type:disc; font:normal 15px/20px Aller; flex-grow:1; }
.template-view_home #portal-column-content #Callouts .portlet#PortletNews ul li:first-of-type { font:normal 15px/20px "Aller Bold"; }
.template-view_home #portal-column-content #Callouts .portlet#PortletNews ul li a { color:#000; }
.template-view_home #portal-column-content #Callouts .portlet#PortletNews form label { text-align:center; color:#198da4; margin:36px 0 12px; display:block; }
.template-view_home #portal-column-content #Callouts .portlet#PortletNews form.portletForm input[type="submit"] { background-image:none; }
.template-view_home #portal-column-content #Callouts .portlet#PortletInvolved { margin-left:1.5%; text-align:center; flex:3; }
.template-view_home #portal-column-content #Callouts .portlet#PortletInvolved h3 { text-align:center; }
.template-view_home #portal-column-content #Callouts .portlet#PortletInvolved .flexRows { flex-direction:row; flex-wrap:wrap; justify-content:space-around; }
.template-view_home #portal-column-content #Callouts .portlet#PortletInvolved .flexRows .flexrow a { margin:0 auto; }

.template-view_about #portal-column-content .collapsible { background:transparent; color:#000; text-transform:none; cursor:auto; overflow:hidden; }
.template-view_about #portal-column-content .collapsible .toggle { background:transparent; min-height:auto; color:#f7941d; font:normal 12px/15px Avenir; display:flex; padding:12px 0 36px; margin:0; box-shadow:none; }
.template-view_about #portal-column-content .collapsible .toggle::before { width:0; height:0; background:transparent; box-shadow:none; border-radius:0; position:relative; top:0; left:0; }
.template-view_about #portal-column-content .collapsible .toggle::after { height:2px; content:""; background:#f7941d; border:none; flex-grow:1; position:relative; top:6px; left:0; margin-left:12px; }
.template-view_about #portal-column-content .collapsible h2 { margin-top:0; }
.template-view_about #portal-column-content .collapsible.open .toggle::before { border-top:solid 10px #f7941d; border-right:solid 6px transparent; border-bottom:solid 0 transparent; border-left:solid 6px transparent; top:2px; }
.template-view_about #portal-column-content .collapsible.closed .toggle { box-shadow:0 0 24px #999; }
.template-view_about #portal-column-content .collapsible.closed .toggle::before { border-top:solid 6px transparent; border-right:solid 0 transparent; border-bottom:solid 6px transparent; border-left:solid 10px #f7941d; }
.template-view_about #portal-column-content .collapsible.closed .articleContent { position:relative; }
.template-view_about #portal-column-content .collapsible.closed .articleContent img { position:relative; z-index:101; }
.template-view_about #portal-column-content .collapsible.closed .articleContent::after { content:""; position:absolute; left:0; right:0; bottom:0; height:12px; z-index:100; pointer-events:none;
  background-image:-webkit-linear-gradient(left, #fff, transparent, #fff); background-image:-moz-linear-gradient(left, #fff, transparent, #fff); background-image:-ms-linear-gradient(left, #fff, transparent, #fff); background-image:-o-linear-gradient(left, #fff, transparent, #fff); background-image:linear-gradient(left, #fff, transparent, #fff); 
}

.template-view_success_stories #portal-columns-wrapper .pageBanner { background-position:0 100%; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap { background:#dceef0; display:block; border-radius:8px; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .visualPadding { width:92%; max-width:1200px; display:flex; flex-direction:row; margin:0 auto; padding:24px 0; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .mapArea { flex:3; position:relative; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .mapArea .icon { position:absolute; width:15px; height:24px; background-image:url(https://southernwildfire.net/icon-flame.png); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:4; cursor:pointer; display:none; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .mapArea .icon .info { border:solid 1px #198da4; border-radius:4px; box-shadow:0 0 36px #333; background:#fff; padding:8px 12px; position:absolute; top:12px; left:12px; z-index:1000; display:none; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .mapArea .icon:hover .info { display:block; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .mapArea canvas { position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .mapArea canvas#StatesAvailCanvas { opacity:0.4; -webkit-filter:opacity(0.4); -moz-filter:opacity(0.4); -o-filter:opacity(0.4); -ms-filter:opacity(0.4); }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .mapArea canvas#StatesHoverCanvas { opacity:0.6; -webkit-filter:opacity(0.6); -moz-filter:opacity(0.6); -o-filter:opacity(0.6); -ms-filter:opacity(0.6); }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .mapArea canvas#StateSelectedCanvas { opacity:0.8; -webkit-filter:opacity(0.8); -moz-filter:opacity(0.8); -o-filter:opacity(0.8); -ms-filter:opacity(0.8); }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .statesList { flex:1; text-align:right; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .statesList label { color:#f7941d; text-transform:uppercase; font:normal 15px/20px 'Aller Bold'; margin:24px 0 0; display:block; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .statesList label:first-of-type { margin-top:0; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .statesList ul { margin:12px 4px 0; padding:0; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .statesList ul li { list-style:none; margin:2px 0 0; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .statesList ul li a { color:#000; text-decoration:none; font:normal 15px/20px Aller; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .statesList ul li a.sel { font:normal 15px/20px 'Aller Bold'; }
.template-view_success_stories #portal-columns-wrapper #SuccessStoriesMap .statesList ul li a:hover { text-shadow:0 0 1px #000; }

.template-view_success_stories #portal-column-content .collapsible { padding-bottom:4px; }
.template-view_success_stories #portal-column-content .collapsible .toggle { line-height:36px; padding:12px 36px; cursor:auto; display:flex; flex-direction:row; }
.template-view_success_stories #portal-column-content .collapsible .toggle::before,
.template-view_success_stories #portal-column-content .collapsible .toggle::after { display:none; }
.template-view_success_stories #portal-column-content .collapsible .toggle label { margin:0 12px 0 0; white-space:nowrap; }
.template-view_success_stories #portal-column-content .collapsible .toggle .options { flex-grow:1; line-height:20px; padding-top:8px; }
.template-view_success_stories #portal-column-content .collapsible .toggle .options .option { color:#fff; font:normal 15px/20px "Avenir Light"; text-transform:none; font-weight:normal; }
.template-view_success_stories #portal-column-content .collapsible .toggle .options .option.keyword { text-transform:none; }
.template-view_success_stories #portal-column-content .collapsible .toggle .options .option:hover { color:#fff; }
.template-view_success_stories #portal-column-content .collapsible .toggle span { margin:0 6px; position:relative; top:-2px; }
.template-view_success_stories #portal-column-content .collapsible .item { padding:12px 36px; }
.template-view_success_stories #portal-column-content .collapsible .item h4 { font:normal 15px/20px "Avenir Bold"; }
.template-view_success_stories #portal-column-content .collapsible:hover .toggle { text-shadow:none; }

.template-view_success_story #portal-column-two #PortletSuccess { display:none; }
.template-view_success_story #portal-column-content iframe.avPlayer { width:100%; height:600px; }

.template-view_partners .flexRows { display:flex; flex-direction:column; overflow:hidden; }
.template-view_partners .flexRows .flexRow { position:relative; overflow:hidden; }
.template-view_partners .flexRows .flexRow .header { min-width:24px; max-width:40px; background:#dceef0; color:#198da4; display:flex; padding:18px 2%; /* box-shadow:0 6px 12px #ccc; */ position:relative; flex-grow:1; }
.template-view_partners .flexRows .flexRow .header::before { height:18px; content:""; position:absolute; left:0; right:0; bottom:-18px;
  background-image:-webkit-linear-gradient(left, #fff, transparent, #fff); background-image:-moz-linear-gradient(left, #fff, transparent, #fff); background-image:-ms-linear-gradient(left, #fff, transparent, #fff); background-image:-o-linear-gradient(left, #fff, transparent, #fff); background-image:linear-gradient(left, #fff, transparent, #fff); 
}
.template-view_partners .flexRows .flexRow .header h2 { color:#198da4 !important; font:normal 20px/24px Aller !important; flex:1; margin:0 !important; }
.template-view_partners .flexRows .flexRow .header a { text-align:right; text-decoration:none; color:#198da4; flex:1; }
.template-view_partners .flexRows .flexRow .header a strong { font:normal 10px/10px Aller; text-transform:uppercase; font-weight:normal; float:right; position:relative; display:flex; flex-direction:column; }
.template-view_partners .flexRows .flexRow .header a strong::before { content:""; width:0; height:0; margin:0 auto 4px;
  border-top:solid 0 transparent; border-right:solid 6px transparent; border-bottom:solid 10px #198da4; border-left:solid 6px transparent;
}
.template-view_partners .flexRows .flexRow .header a:hover strong { text-decoration:underline; color:#198da4; }
.template-view_partners .flexRows .flexRow .cols { width:90%; display:flex; }
.template-view_partners .flexRows .flexRow .col { flex:1; display:flex; flex-direction:column; padding:8px 8% 24px 2%; }
.template-view_partners .flexRows .flexRow .col .partner { margin:12px 0 0; }
.template-view_partners .flexRows .flexRow .col .partner .title { margin-bottom:2px; }
.template-view_partners .flexRows .flexRow .col .partner .title a { text-decoration:none; color:#000; cursor:text; }
.template-view_partners .flexRows .flexRow .col .partner .url { font-style:italic; }
.template-view_partners .flexRows .flexRow .col .partner .url a { word-wrap:break-word; overflow-wrap:break-word; word-break:break-word; color:#333 !important; }
.template-view_partners .flexRows .flexRow .col .partner .url a:hover { color:#f7941d !important; }
.template-view_partners .listingBar { background:transparent; border:solid 1px #aaa; border-width:2px 0; display:flex; margin:12px 0 24px; padding:4px 12%; position:relative; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.template-view_partners .listingBar a { font:normal 16px/26px Aller; color:#aaa !important; flex:1; position:relative; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.template-view_partners .listingBar a:hover { color:#f7941d !important; }
.template-view_partners .listingBar:hover { box-shadow:0 0 24px #ccc; }
.template-view_partners .listingBar:hover a:hover { font-size:26px; flex:2; }
.template-view_partners .listingBar::before { content:""; height:86px; position:absolute; top:-24px; right:0; left:0; 
  background-image:-webkit-linear-gradient(left, #fff, transparent, #fff); background-image:-moz-linear-gradient(left, #fff, transparent, #fff); background-image:-ms-linear-gradient(left, #fff, transparent, #fff); background-image:-o-linear-gradient(left, #fff, transparent, #fff); background-image:linear-gradient(left, #fff, transparent, #fff); 
}

.template-view_get_involved #portal-column-content { text-align:center; }
.template-view_get_involved #portal-column-content #PortletInvolved { margin-top:24px; }
.template-view_get_involved #portal-column-content #PortletInvolved h3 { display:none; }
.template-view_get_involved #portal-column-content #PortletInvolved .flexRows { flex-direction:row; }
.template-view_get_involved #portal-column-content #PortletInvolved .flexRows .flexrow { flex:1; text-align:center; }

.template-view_get_involved_professional #portal-column-content h3 { margin:24px 0 12px;  }
.template-view_get_involved_professional #portal-column-content h3,
.template-view_get_involved_professional strong { font:normal 15px/20px "Aller Bold"; color:#66923d; }
.template-view_get_involved_professional #PlanValues { display:flex; margin:12px 0; padding:0 0 24px; position:relative; }
.template-view_get_involved_professional #PlanValues * { transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.template-view_get_involved_professional #PlanValues a { text-decoration:none; text-align:center; flex:1; flex-direction:column; margin:12px 0 0; cursor:pointer;
  opacity:0.6; -webkit-filter:opacity(0.6); -moz-filter:opacity(0.6); -o-filter:opacity(0.6); -ms-filter:opacity(0.6);
}
.template-view_get_involved_professional #PlanValues a img { width:auto; height:36px; background-color:#198da4; margin:24px auto; position:relative; }
.template-view_get_involved_professional #PlanValues a strong { display:block; color:#198da4; font:normal 15px/20px Aller; margin:0 0 24px; }
.template-view_get_involved_professional #PlanValues a.sel,
.template-view_get_involved_professional #PlanValues a:hover { opacity:1.0; -webkit-filter:opacity(1.0); -moz-filter:opacity(1.0); -o-filter:opacity(1.0); -ms-filter:opacity(1.0); }
.template-view_get_involved_professional #PlanValues a.sel img { height:60px !important; background-color:#f7941d; margin:12px auto !important; }
.template-view_get_involved_professional #PlanValues a:hover img { height:48px; background-color:#f7941d; margin:18px auto; }
.template-view_get_involved_professional #PlanValues a.sel strong,
.template-view_get_involved_professional #PlanValues a:hover strong { color:#f7941d; }
.template-view_get_involved_professional #PlanValues a.sel::after { content:""; width:2px; height:24px; background:#f7941d; position:absolute; bottom:0; }
.template-view_get_involved_professional #PlanValues a.firefighter { margin:0; }
.template-view_get_involved_professional #PlanValues a.firefighter img { height:48px; }
.template-view_get_involved_professional #PlanValues a.firefighter.sel img { height:72px !important; }
.template-view_get_involved_professional #PlanValues a.firefighter:hover img { height:60px; }
.template-view_get_involved_professional #PlanValues.sel { border-bottom:solid 2px #f7941d; }
.template-view_get_involved_professional #ValueBody h2 { color:#f7941d; }
.template-view_get_involved_professional #ValueActions { margin:24px 0 0; padding:0; display:flex; flex-direction:column; border-radius:4px; overflow:hidden; list-style-type:none; }

.template-view_get_involved_resources #portal-column-content .actions { border-bottom:solid 2px #dceef0; padding-bottom:12px; margin-bottom:24px; display:flex; }
.template-view_get_involved_resources #portal-column-content .actions form { flex:1; }
.template-view_get_involved_air_quality .actions { display:none; }
.template-view_get_involved_air_quality .resourceTable .contact,
.template-view_get_involved_extension .resourceTable .contact { display:none; }

.template-view_definitions #portal-column-content dl dt a { cursor:auto; }
.template-view_definitions #portal-column-content dl dt a:hover { color:#198da4; }
.template-view_definitions #portal-column-content dl dt a:target { background-color:#198da4 !important; color:#fff; padding:3px 1% 4px; border-radius:12px; display:block; }
.template-view_definitions #portal-column-content dl dt a:target:hover { color:#fff; }

.template-event_view h1 .bodyBanner { display:flex; flex-direction:row; align-items:center; justify-content:center; }
.template-event_view h1 .bodyBanner img { max-width:100%; height:auto; display:block; }
.template-event_view #content strong { font-family:"Avenir Bold"; }

.template-view_southwrap #portal-column-content iframe { width:100%; height:600px; border:none; }


dl.searchResults dt { line-height:140%; }

.template-manage-viewlets #visual-portal-wrapper { display:block; }


@media screen and (max-width: 1200px) {
  #portal-column-content { flex:4; }
  #SuccessStoriesMap { display:none !important; }
}

@media screen and (max-width: 1000px) {
  .template-view_home #portal-column-content #Callouts .portlet#PortletNews { flex:1; }
  .template-view_home #portal-column-content #Callouts .portlet#PortletInvolved { flex:1; }
}

@media screen and (max-width: 900px) {
  #portal-top #portal-header { text-align:left; }
  #portal-top #portal-header::before { content:"Wildland Fire in the Southeast"; white-space:normal; letter-spacing:0; text-align:left; top:19px; right:4%; left:8%; margin-left:85px; padding:0; }
  #portal-top #portal-header::after { content:""; display:none; } 
  #portal-top #portal-header #portal-logo { margin:12px 4%; }
  #portal-top #portal-header #portal-logo img { width:85px; height:85px; border:none; position:relative; top:0; right:0; bottom:0; left:0; }
  #portal-top #portal-header #portal-logo::after { display:none; }
  #portal-top #portal-header ul#portal-globalnav li#portaltab-news,
  #portal-top #portal-header ul#portal-globalnav li#portaltab-partners { margin:0; }
  #portal-top #portal-header ul#portal-globalnav li a { padding:12px 2%; }

  #portal-footer { padding-left:0; padding-right:0; }
  #portal-footer .footer-content .partners,
  #portal-footer .footer-content .social,
  #portal-footer .footer-content .links { line-height:48px; text-align:center; justify-content:center; }
  #portal-footer .footer-content .links a { line-height:48px; }
  #portal-footer .footer-content .partners .icon { flex:1; margin-right:0; }
  #portal-footer .footer-content .partners .icon img { height:36px; }
  #portal-footer .footer-content .partners .icon.sref { top:5px; flex:2; }
  #portal-footer .footer-content .partners .icon.sref img,
  #portal-footer .footer-content .partners .icon.sref::after{ height:36px; }
  #portal-footer .footer-content .links a:first-child { margin-left:0; }

  #portal-columns-wrapper .pageBanner { min-height:150px; }

  .resourceTable th span { display:none; }
  .resourceTable .contact { display:none; }
  .resourceTable .state .abbr { display:inline; }
  .resourceTable .state .full { display:none; }
}

@media screen and (max-width: 650px) {
  #portal-top #portal-header::before { font:bold 30px/30px Avenir; top:24px; }
  #portal-top #portal-header ul#portal-globalnav li a { font:normal 15px/15px Aller; }

  #portal-columns { flex-direction:column; }
  #portal-column-two::before,
  #portal-column-two::after { display:none; }
}



/* DEMO */

.template-demo_view #portal-columns-wrapper { width:100%; padding-top:0; display:flex; flex-direction:column; }

.template-demo_view .documentContent,
.template-demo_view #portal-column-content { margin:0 !important; padding:0 !important; }

.demo img { width:100%; height:auto; margin:0 auto; display:block; }

.template-folder_listing .demo p { font:normal 24px/36px Avenir; text-align:center; }


/*  */

}

