/* File: e107_web/lib/animate.css/animate.min.css */
@charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both} .animated.infinite{animation-iteration-count:infinite} .animated.hinge{animation-duration:2s} .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s} @keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)} 40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)} 70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)} 90%{transform:translate3d(0,-4px,0)} } .bounce{animation-name:bounce;transform-origin:center bottom} @keyframes flash{0%,50%,to{opacity:1} 25%,75%{opacity:0} } .flash{animation-name:flash} @keyframes pulse{0%{transform:scaleX(1)} 50%{transform:scale3d(1.05,1.05,1.05)} to{transform:scaleX(1)} } .pulse{animation-name:pulse} @keyframes rubberBand{0%{transform:scaleX(1)} 30%{transform:scale3d(1.25,.75,1)} 40%{transform:scale3d(.75,1.25,1)} 50%{transform:scale3d(1.15,.85,1)} 65%{transform:scale3d(.95,1.05,1)} 75%{transform:scale3d(1.05,.95,1)} to{transform:scaleX(1)} } .rubberBand{animation-name:rubberBand} @keyframes shake{0%,to{transform:translateZ(0)} 10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{transform:translate3d(10px,0,0)} } .shake{animation-name:shake} @keyframes headShake{0%{transform:translateX(0)} 6.5%{transform:translateX(-6px) rotateY(-9deg)} 18.5%{transform:translateX(5px) rotateY(7deg)} 31.5%{transform:translateX(-3px) rotateY(-5deg)} 43.5%{transform:translateX(2px) rotateY(3deg)} 50%{transform:translateX(0)} } .headShake{animation-timing-function:ease-in-out;animation-name:headShake} @keyframes swing{20%{transform:rotate(15deg)} 40%{transform:rotate(-10deg)} 60%{transform:rotate(5deg)} 80%{transform:rotate(-5deg)} to{transform:rotate(0deg)} } .swing{transform-origin:top center;animation-name:swing} @keyframes tada{0%{transform:scaleX(1)} 10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)} 30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)} 40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)} to{transform:scaleX(1)} } .tada{animation-name:tada} @keyframes wobble{0%{transform:none} 15%{transform:translate3d(-25%,0,0) rotate(-5deg)} 30%{transform:translate3d(20%,0,0) rotate(3deg)} 45%{transform:translate3d(-15%,0,0) rotate(-3deg)} 60%{transform:translate3d(10%,0,0) rotate(2deg)} 75%{transform:translate3d(-5%,0,0) rotate(-1deg)} to{transform:none} } .wobble{animation-name:wobble} @keyframes jello{0%,11.1%,to{transform:none} 22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)} } .jello{animation-name:jello;transform-origin:center} @keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:scale3d(.3,.3,.3)} 20%{transform:scale3d(1.1,1.1,1.1)} 40%{transform:scale3d(.9,.9,.9)} 60%{opacity:1;transform:scale3d(1.03,1.03,1.03)} 80%{transform:scale3d(.97,.97,.97)} to{opacity:1;transform:scaleX(1)} } .bounceIn{animation-name:bounceIn} @keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,-3000px,0)} 60%{opacity:1;transform:translate3d(0,25px,0)} 75%{transform:translate3d(0,-10px,0)} 90%{transform:translate3d(0,5px,0)} to{transform:none} } .bounceInDown{animation-name:bounceInDown} @keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(-3000px,0,0)} 60%{opacity:1;transform:translate3d(25px,0,0)} 75%{transform:translate3d(-10px,0,0)} 90%{transform:translate3d(5px,0,0)} to{transform:none} } .bounceInLeft{animation-name:bounceInLeft} @keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(3000px,0,0)} 60%{opacity:1;transform:translate3d(-25px,0,0)} 75%{transform:translate3d(10px,0,0)} 90%{transform:translate3d(-5px,0,0)} to{transform:none} } .bounceInRight{animation-name:bounceInRight} @keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,3000px,0)} 60%{opacity:1;transform:translate3d(0,-20px,0)} 75%{transform:translate3d(0,10px,0)} 90%{transform:translate3d(0,-5px,0)} to{transform:translateZ(0)} } .bounceInUp{animation-name:bounceInUp} @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)} to{opacity:0;transform:scale3d(.3,.3,.3)} } .bounceOut{animation-name:bounceOut} @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)} 40%,45%{opacity:1;transform:translate3d(0,-20px,0)} to{opacity:0;transform:translate3d(0,2000px,0)} } .bounceOutDown{animation-name:bounceOutDown} @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)} to{opacity:0;transform:translate3d(-2000px,0,0)} } .bounceOutLeft{animation-name:bounceOutLeft} @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)} to{opacity:0;transform:translate3d(2000px,0,0)} } .bounceOutRight{animation-name:bounceOutRight} @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;transform:translate3d(0,20px,0)} to{opacity:0;transform:translate3d(0,-2000px,0)} } .bounceOutUp{animation-name:bounceOutUp} @keyframes fadeIn{0%{opacity:0} to{opacity:1} } .fadeIn{animation-name:fadeIn} @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)} to{opacity:1;transform:none} } .fadeInDown{animation-name:fadeInDown} @keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)} to{opacity:1;transform:none} } .fadeInDownBig{animation-name:fadeInDownBig} @keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)} to{opacity:1;transform:none} } .fadeInLeft{animation-name:fadeInLeft} @keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)} to{opacity:1;transform:none} } .fadeInLeftBig{animation-name:fadeInLeftBig} @keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)} to{opacity:1;transform:none} } .fadeInRight{animation-name:fadeInRight} @keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)} to{opacity:1;transform:none} } .fadeInRightBig{animation-name:fadeInRightBig} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)} to{opacity:1;transform:none} } .fadeInUp{animation-name:fadeInUp} @keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)} to{opacity:1;transform:none} } .fadeInUpBig{animation-name:fadeInUpBig} @keyframes fadeOut{0%{opacity:1} to{opacity:0} } .fadeOut{animation-name:fadeOut} @keyframes fadeOutDown{0%{opacity:1} to{opacity:0;transform:translate3d(0,100%,0)} } .fadeOutDown{animation-name:fadeOutDown} @keyframes fadeOutDownBig{0%{opacity:1} to{opacity:0;transform:translate3d(0,2000px,0)} } .fadeOutDownBig{animation-name:fadeOutDownBig} @keyframes fadeOutLeft{0%{opacity:1} to{opacity:0;transform:translate3d(-100%,0,0)} } .fadeOutLeft{animation-name:fadeOutLeft} @keyframes fadeOutLeftBig{0%{opacity:1} to{opacity:0;transform:translate3d(-2000px,0,0)} } .fadeOutLeftBig{animation-name:fadeOutLeftBig} @keyframes fadeOutRight{0%{opacity:1} to{opacity:0;transform:translate3d(100%,0,0)} } .fadeOutRight{animation-name:fadeOutRight} @keyframes fadeOutRightBig{0%{opacity:1} to{opacity:0;transform:translate3d(2000px,0,0)} } .fadeOutRightBig{animation-name:fadeOutRightBig} @keyframes fadeOutUp{0%{opacity:1} to{opacity:0;transform:translate3d(0,-100%,0)} } .fadeOutUp{animation-name:fadeOutUp} @keyframes fadeOutUpBig{0%{opacity:1} to{opacity:0;transform:translate3d(0,-2000px,0)} } .fadeOutUpBig{animation-name:fadeOutUpBig} @keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out} 40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out} 50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in} 80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in} to{transform:perspective(400px);animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip} @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotateX(10deg);opacity:1} 80%{transform:perspective(400px) rotateX(-5deg)} to{transform:perspective(400px)} } .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX} @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotateY(10deg);opacity:1} 80%{transform:perspective(400px) rotateY(-5deg)} to{transform:perspective(400px)} } .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY} @keyframes flipOutX{0%{transform:perspective(400px)} 30%{transform:perspective(400px) rotateX(-20deg);opacity:1} to{transform:perspective(400px) rotateX(90deg);opacity:0} } .flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @keyframes flipOutY{0%{transform:perspective(400px)} 30%{transform:perspective(400px) rotateY(-15deg);opacity:1} to{transform:perspective(400px) rotateY(90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY} @keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{transform:skewX(20deg);opacity:1} 80%{transform:skewX(-5deg);opacity:1} to{transform:none;opacity:1} } .lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out} @keyframes lightSpeedOut{0%{opacity:1} to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } .lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in} @keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0} to{transform-origin:center;transform:none;opacity:1} } .rotateIn{animation-name:rotateIn} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0} to{transform-origin:left bottom;transform:none;opacity:1} } .rotateInDownLeft{animation-name:rotateInDownLeft} @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0} to{transform-origin:right bottom;transform:none;opacity:1} } .rotateInDownRight{animation-name:rotateInDownRight} @keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0} to{transform-origin:left bottom;transform:none;opacity:1} } .rotateInUpLeft{animation-name:rotateInUpLeft} @keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0} to{transform-origin:right bottom;transform:none;opacity:1} } .rotateInUpRight{animation-name:rotateInUpRight} @keyframes rotateOut{0%{transform-origin:center;opacity:1} to{transform-origin:center;transform:rotate(200deg);opacity:0} } .rotateOut{animation-name:rotateOut} @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1} to{transform-origin:left bottom;transform:rotate(45deg);opacity:0} } .rotateOutDownLeft{animation-name:rotateOutDownLeft} @keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1} to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0} } .rotateOutDownRight{animation-name:rotateOutDownRight} @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1} to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0} } .rotateOutUpLeft{animation-name:rotateOutUpLeft} @keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1} to{transform-origin:right bottom;transform:rotate(90deg);opacity:0} } .rotateOutUpRight{animation-name:rotateOutUpRight} @keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out} 20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out} 40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1} to{transform:translate3d(0,700px,0);opacity:0} } .hinge{animation-name:hinge} @keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom} 50%{transform:rotate(-10deg)} 70%{transform:rotate(3deg)} to{opacity:1;transform:scale(1)} } .jackInTheBox{animation-name:jackInTheBox} @keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)} to{opacity:1;transform:none} } .rollIn{animation-name:rollIn} @keyframes rollOut{0%{opacity:1} to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)} } .rollOut{animation-name:rollOut} @keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomIn{animation-name:zoomIn} @keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInDown{animation-name:zoomInDown} @keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInLeft{animation-name:zoomInLeft} @keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInRight{animation-name:zoomInRight} @keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInUp{animation-name:zoomInUp} @keyframes zoomOut{0%{opacity:1} 50%{opacity:0;transform:scale3d(.3,.3,.3)} to{opacity:0} } .zoomOut{animation-name:zoomOut} @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutDown{animation-name:zoomOutDown} @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center} } .zoomOutLeft{animation-name:zoomOutLeft} @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center} } .zoomOutRight{animation-name:zoomOutRight} @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutUp{animation-name:zoomOutUp} @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible} to{transform:translateZ(0)} } .slideInDown{animation-name:slideInDown} @keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible} to{transform:translateZ(0)} } .slideInLeft{animation-name:slideInLeft} @keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible} to{transform:translateZ(0)} } .slideInRight{animation-name:slideInRight} @keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible} to{transform:translateZ(0)} } .slideInUp{animation-name:slideInUp} @keyframes slideOutDown{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,100%,0)} } .slideOutDown{animation-name:slideOutDown} @keyframes slideOutLeft{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(-100%,0,0)} } .slideOutLeft{animation-name:slideOutLeft} @keyframes slideOutRight{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(100%,0,0)} } .slideOutRight{animation-name:slideOutRight} @keyframes slideOutUp{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,-100%,0)} } .slideOutUp{animation-name:slideOutUp} 

/* File: e107_web/css/e107.css */
 .left { text-align: left } .right { text-align: right } .center { text-align: center } .justify { text-align: justify } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } i.icon-download{ font-size:200%;} .e-footer-info{ margin-top:10px; padding:20px; text-align: center } td.text-center{ text-align:center; } .icon { border: 0px; display: inline-block; margin-right: .3em;} .icon.action { vertical-align: middle } .S16 { width: 16px; height: 16px } .S32 { width: 32px; height: 32px } .S64 { width: 64px; height: 64px } .S128 { width: 128px; height: 128px } .icon-svg { width: 1em; } .icon-svg-2x{ width: 2em; } .icon-svg-3x{ width: 3em; } .icon-svg-4x{ width: 4em; } .icon-svg-5x{ width: 5em; } .odd {} .even { background-color: #F5F5F5 } .first, .last {} .e-list {} ul.e-tabs { list-style-type: none; } ul.e-tabs li { display: inline; margin: 0px; border: 0 none; background-color: transparent; } ul.e-tabs li a { text-decoration: none; padding: 5px; } ul.e-tabs li a:link,ul.e-tabs li a:visited { border: 1px solid #C0C0C0; } ul.e-tabs li a:hover,ul.e-tabs li.active a:link,ul.e-tabs li.active a:visited{ background-color: #EEEEEE; border: 1px solid #808080; } #loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; } #loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; } #loading-mask img { margin: 10px auto; } .element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; } #e-debug-console-cont { position: fixed; top: 0px; left: 5px; margin: 0px; padding: 0px; width: 600px; border: 1px solid #c0c0c0; background-color: white; color: black; } #e-debug-console { padding: 10px; margin: 0px; height: 100px; overflow: auto; text-align: left; } #e-debug-console div div { padding: 5px; } #e-debug-console-controls { text-align: left; padding: 5px; border-top: 1px solid #c0c0c0; background-color: #fff; line-height: 0; } #e-debug-console-controls a { text-decoration: none; color: #000; background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 5px; margin: 2px 5px; } #e-debug-console-input { width: 480px; border: 1px solid #f5f5f5; } #e-debug-console .console-output { border-bottom: 1px solid #f5f5f5; padding: 5px } .cpage-nav { padding: 5px; margin: 0px 5px 10px 10px; } a.cpage-np { font-size: 14px; } a.cpage-np.current { text-decoration: none; } .s-message { } .validate-result {} .e-info {} .image-preview {} div.bbarea.large, .tbox.large, .helpbox.large { width: 95% } div.bbarea.medium, .tbox.medium, .helpbox.medium { width: 60% !important; } div.bbarea.small, .tbox.small, .helpbox.small { width: 250px !important; } img.bbcode-img { max-width:100%} img.bbcode-img-left { float:left !important;margin: 0 10px 5px 0; } img.bbcode-img-right { float:right !important; margin: 0 0 5px 10px; } .bbcode-panel { width: 100% } .input-block-level { width: 100% !important } p {} p.bbcode { margin: 10px 0px; text-indent: 15px; }  p:first-letter {} h1.bbcode, h2.bbcode, h3.bbcode, h4.bbcode, h5.bbcode, h6.bbcode {} div.bbcode { margin: 15px 0px; clear: both; }  .comments-container { list-style: none outside none; margin:0px } .comments-container > li { padding: 5px 0px } .comment-text { padding: 8px 0 } .e-email:before {content: attr(data-user);} .e-email:after {content: attr(data-dom)} .panel-profile .user-avatar {max-width: 150px;max-height: 150px;margin-top: -90px;margin-bottom: 15px;border: 5px solid #fff;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin-left:auto;margin-right:auto;} .panel-profile .panel-heading h5.user-id {color:#ffffff;} .panel-profile .panel-body span.padding-left {display:block;} .panel-profile .panel-body p {clear: both;float: none;display: block;} .panel-profile .profile-header { max-width:300px;margin-left: auto;margin-right: auto;} .panel-profile .profile-header h4 {padding-bottom: 30px;} .panel-profile .panel-body p.row {border-top: 1px solid rgba(170,170,170,0.35);padding-top: 10px;} .panel-profile .panel-body div.row {border-top: 1px solid rgba(170,170,170,0.35);padding: 10px 0;} .e-instant-edit { font-size: 10pt; position: absolute; right: 10px; text-align: right; display: inline-block; z-index:1000; margin-right:10px;} ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} div.e-comment-edit-save{ margin-top:8px; padding: 5px } .e-comment-edit-active{ -webkit-box-shadow:#CCCCCC 0px 0px 10px; -moz-box-shadow:#CCCCCC0px 0px 10px; box-shadow:#CCCCCC 0px 0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .e-comment-edit-success{ padding:8px; text-align:center; } .e-comment-edit-error{ padding:8px; text-align:center; } .e-rate-up img{ opacity: 0.4 } .e-rate-down img{ opacity: 0.4 }  .signup-divider{ border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 30px;position: relative;text-align: center; } .signup-divider span { padding: 0 15px; position: relative; top: 10px; } .video-responsive {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.bbcode-panel {background-color: rgb(245, 245, 245);background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));background-repeat: repeat-x;border-width: 1px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);border-radius: 4px;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);} #search-results li { margin-top:5px; padding: 10px 0; } #search-results li h4 { margin-bottom:0 !important } optgroup.level-1 { padding-left:0.1em } optgroup.level-2 { padding-left:0.7em } optgroup.level-3 { padding-left:2em } optgroup.level-4 { padding-left:3em } optgroup.level-5 { padding-left:4em } .online-menu-extended li, .online-menu li ul li { min-height: 40px; padding-top:8px} .online-menu-extended ul { padding-bottom:20px} .online-menu-extended span.online-menu-user { display:block; font-size:1.1em;margin-top:4px; line-height:1} .online-menu-extended-label { font-size:1.2em; } img.e-emoticon { vertical-align:middle; border:0; width:24px } .e-editable-front { position:relative } .e-editable-front:hover,.e-editable-front a:hover { outline: 1px dashed red; } .e-editable-front.active {-moz-box-shadow: inset 0 0 5px 2px #888;-webkit-box-shadow: inset 0 0 5px 2px#888;box-shadow: inset 0 0 5px 2px #888; } #e-editable-front-controls { position: absolute;top: 0px;font-size: 20px;right: -35px;background-color: #424242;border-radius:4px;padding:5px;cursor: pointer;width:35px;color:white;} #e-editable-front-controls .fa-check { color: lawngreen } .e-editable-front-save { color: lawngreen; width:35px; display:block;} .e-editable-front-cancel {display:block;margin-top:5px; color: red;width:35px;} #uiAlert{ z-index: 10001 } #uiAlert .alert { z-index:10000; box-shadow:1px 4px 5px rgba(0,0,0,0.4) } #uiAlert.notifications { top: 48%; left: 0; width: 100%; } #contactInfo .row { display: flex } #contactInfo iframe.sc-contact-map { width:100%; height:100%; } #login-template { max-width: 330px;margin-right: auto;margin-left: auto; } #login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 } #login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto } #login-template .login-page-footer { margin-bottom:100px; margin-right:auto;margin-left:auto } div.login-page-signup-link, div.login-page-fpw-link { text-align:center } .nav-side.listgroup { padding-left:0; } .nav-side li.list-group-item.active { padding:0} div.search-menu { text-align: center } div.e-debug { margin-top:50px; padding:5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(39, 43, 48) !important; color: rgb(200, 200, 200) !important } div.e-debug .table{ background-color: rgb(46, 51, 56) !important; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;color: rgb(200, 200, 200); font-size: 14px; line-height: 20px; margin-bottom: 20px; width: 100%;} div.e-debug .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #353a41 !important; } div.e-debug td, div.e-debug th{ padding: 5px;color: rgb(200, 200, 200) !important; } div.e-debug td{ font-size: 14px; line-height: 20px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #1c1e22; } div.e-debug h4{ text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-size: 18px; } div.e-debug .label{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1;color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } div.e-debug .label-danger { background-color: #ee5f5b; } div.e-debug .btn{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle;cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap;padding: 8px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; user-select: none; } .pagination { display: flex !important; } .justify-content-between{ justify-content: space-between !important; } .page-link.disabled { pointer-events: none; opacity: 0.5; color: #959595; } .news-view-pagination > li{ padding-left: 0; padding-right: 0; } .news-view-pagination > li > a{ float:none; display:inline-block } .svg-inline--fa.fa-w-16 { width:1em } .mx-0 { margin-right:0!important; margin-left:0!important} .mx-1 { margin-right:.25rem!important; margin-left:.25rem!important} .mx-2 { margin-right:.5rem!important; margin-left:.5rem!important} .mx-3 { margin-right:1rem!important; margin-left:1rem!important} .mx-4 { margin-right:1.5rem!important; margin-left:1.5rem!important} .mx-5 { margin-right:3rem!important; margin-left:3rem!important} .mx-auto { margin-right:auto!important; margin-left:auto!important} .my-0 { margin-top:0!important; margin-bottom:0!important} .my-1 { margin-top:.25rem!important; margin-bottom:.25rem!important} .my-2 { margin-top:.5rem!important; margin-bottom:.5rem!important} .my-3 { margin-top:1rem!important; margin-bottom:1rem!important} .my-4 { margin-top:1.5rem!important; margin-bottom:1.5rem!important} .my-5 { margin-top:3rem!important; margin-bottom:3rem!important} 

/* File: e107_web/js/bootstrap-notify/css/bootstrap-notify.css */
.notifications{position:fixed;} .notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{position:relative;z-index:9999;margin:5px 0px;} .notifications.center{top:48%;left:0;width:100%;} .notifications.center>div{margin:5px auto;width:20%;text-align:center;} 

/* File: e107_web/js/core/all.jquery.css */
a.e-nav { padding:3px; } div.e-rate{ width:100px; display:inline-block} img.e-rate{} .e-rate-status{ vertical-align:middle; padding-right:4px; display:inline-block; text-align:right} .e-rate-status-download { text-align:left; } .e-rate-votes{ vertical-align:middle; display:inline-block; width:100px } select.e-bb{ margin-top:0px; width:100px } .bbcode_buttons{} .bbcode_buttons:hover{} body.e-iframe{ padding:15px; margin:0px; } 

/* File: e107_plugins/social/css/fontello.css */
@font-face {font-family: 'fontello';src: url(/e107_plugins/social/font/fontello.eot?21917124);src: url(/e107_plugins/social/font/fontello.eot?21917124#iefix) format('embedded-opentype'), url(/e107_plugins/social/font/fontello.woff2?21917124) format('woff2'), url(/e107_plugins/social/font/fontello.woff?21917124) format('woff'), url(/e107_plugins/social/font/fontello.ttf?21917124) format('truetype'), url(/e107_plugins/social/font/fontello.svg?21917124#fontello) format('svg');font-weight: normal;font-style: normal;} [class^="e-social-"]:before, [class*=" e-social-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none; display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center; font-variant: normal;text-transform: none; line-height: 1em; margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }  .e-social-gplus:before { content: '\e800'; }  .e-social-stumbleupon:before { content: '\e801'; }  .e-social-pinterest:before { content: '\e802'; }  .e-social-digg:before { content: '\e803'; }  .e-social-reddit:before { content: '\e804'; }  .e-social-blogger:before { content: '\e805'; }  .e-social-dribbble:before { content: '\e806'; }  .e-social-linkedin:before { content: '\e807'; }  .e-social-skype:before { content: '\e808'; }  .e-social-twitter:before { content: '\e809'; }  .e-social-youtube:before { content: '\e80a'; }  .e-social-vimeo:before { content: '\e80b'; }  .e-social-yahoo:before { content: '\e80c'; }  .e-social-email:before { content: '\e80d'; }  .e-social-dropbox:before { content: '\e80e'; }  .e-social-facebook:before { content: '\e80f'; }  .e-social-tumblr:before { content: '\e811'; }  .e-social-yelp:before { content: '\e812'; }  .e-social-delicious:before { content: '\e813'; }  .e-social-acrobat:before { content: '\e814'; }  .e-social-linkedin-rect:before { content: '\e815'; }  .e-social-blogger-rect:before { content: '\e816'; }  .e-social-instagram-1:before { content: '\e817'; }  .e-social-instagram-filled:before { content: '\e818'; }  .e-social-google:before { content: '\e819'; }  .e-social-rss:before { content: '\e81a'; }  .e-social-spread:before { content: '\e81b'; }  .e-social-flattr:before { content: '\e81c'; }  .e-social-flickr:before { content: '\e81d'; }  .e-social-instapaper:before { content: '\e81e'; }  .e-social-thumbs-up:before { content: '\e81f'; }  .e-social-mail:before { content: '\e820'; }  .e-social-mail-alt:before { content: '\e821'; }  .e-social-foursquare:before { content: '\e822'; }  .e-social-share:before { content: '\e823'; }  .e-social-export:before { content: '\e824'; }  .e-social-pocket:before { content: '\e825'; }  .e-social-wordpress:before { content: '\e826'; }  .e-social-pinboard:before { content: '\e827'; }  .e-social-instagram:before { content: '\e828'; }  .e-social-vk:before { content: '\e829'; }  .e-social-vine:before { content: '\e82a'; }  .e-social-meetup:before { content: '\e82b'; }  .e-social-youtube-play:before { content: '\e82c'; }  .e-social-github:before { content: '\f09b'; }  .e-social-steam:before { content: '\f1b6'; }  .e-social-twitch:before { content: '\f1e8'; } 

/* File: e107_plugins/social/css/social.css */
.social-share .dropdown-menu { min-width: 225px } .social-share .dropdown-menu li div { padding-left:5px;} .social-share .dropdown-menu li div .btn { border-radius:0; margin:0 } 

/* File: e107_plugins/contact_us/tabulator_v6.3/dist/css/tabulator.min.css */
.tabulator{background-color:#888;border:1px solid #999;font-size:14px;overflow:hidden;position:relative;text-align:left;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)} .tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%} .tabulator[tabulator-layout=fitDataTable]{display:inline-block} .tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){user-select:none} .tabulator .tabulator-header{background-color:#e6e6e6;border-bottom:1px solid #999;box-sizing:border-box;color:#555;font-weight:700;outline:none;overflow:hidden;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap;width:100%} .tabulator .tabulator-header.tabulator-header-hidden{display:none} .tabulator .tabulator-header .tabulator-header-contents{overflow:hidden;position:relative} .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{display:inline-block} .tabulator .tabulator-header .tabulator-col{background:#e6e6e6;border-right:1px solid #aaa;box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;text-align:left;vertical-align:bottom} .tabulator .tabulator-header .tabulator-col.tabulator-moving{background:#cdcdcd;border:1px solid #999;pointer-events:none;position:absolute} .tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:#d6d6d6;color:#000} .tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:#3876ca;color:#fff} .tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:4px;position:relative} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 8px} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{text-overflow:clip;white-space:normal} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{background:#fff;border:1px solid #999;box-sizing:border-box;padding:1px;width:100%} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;bottom:0;display:flex;position:absolute;right:4px;top:0} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0} .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid #aaa;display:flex;margin-right:-1px;overflow:hidden;position:relative} .tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:2px;position:relative;text-align:center;width:100%} .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important} .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:3px} .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{height:0;width:0} .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:25px} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{background-color:#cdcdcd;cursor:pointer} } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:#bbb} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer} } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-top:none} .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:#666} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer} } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #666;border-top:none} .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter{color:#666} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-top:6px solid #555;cursor:pointer} } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:none;border-top:6px solid #666;color:#666} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title{align-items:center;display:flex;justify-content:center;text-orientation:mixed;writing-mode:vertical-rl} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title{transform:rotate(180deg)} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title{padding-right:0;padding-top:20px} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title{padding-bottom:20px;padding-right:0} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter{bottom:auto;justify-content:center;left:0;right:0;top:4px} .tabulator .tabulator-header .tabulator-frozen{left:0;position:sticky;z-index:11} .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa} .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa} .tabulator .tabulator-header .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;display:inline-block} .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important} .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none} .tabulator .tabulator-header .tabulator-frozen-rows-holder{display:inline-block} .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty{display:none} .tabulator .tabulator-tableholder{-webkit-overflow-scrolling:touch;overflow:auto;position:relative;white-space:nowrap;width:100%} .tabulator .tabulator-tableholder:focus{outline:none} .tabulator .tabulator-tableholder .tabulator-placeholder{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-width:100%;width:100%} .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual]{min-height:100%} .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{color:#ccc;display:inline-block;font-size:20px;font-weight:700;padding:10px;text-align:center;white-space:normal} .tabulator .tabulator-tableholder .tabulator-table{background-color:#fff;color:#333;display:inline-block;overflow:visible;position:relative;white-space:nowrap} .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs{background:#e2e2e2!important;font-weight:700} .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top{border-bottom:2px solid #aaa} .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom{border-top:2px solid #aaa} .tabulator .tabulator-tableholder .tabulator-range-overlay{inset:0;pointer-events:none;position:absolute;z-index:10} .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range{border:1px solid #2975dd;box-sizing:border-box;position:absolute} .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;position:absolute;right:-3px;width:6px} .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active{border:2px solid #2975dd;box-sizing:border-box;position:absolute} .tabulator .tabulator-footer{background-color:#e6e6e6;border-top:1px solid #999;color:#555;font-weight:700;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap} .tabulator .tabulator-footer .tabulator-footer-contents{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px 10px} .tabulator .tabulator-footer .tabulator-footer-contents:empty{display:none} .tabulator .tabulator-footer .tabulator-spreadsheet-tabs{margin-top:-5px;overflow-x:auto} .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab{border:1px solid #999;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:inline-block;font-size:.9em;padding:5px} .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover{cursor:pointer;opacity:.7} .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active{background:#fff} .tabulator .tabulator-footer .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;overflow:hidden;text-align:left;width:100%} .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important;display:inline-block} .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none} .tabulator .tabulator-footer .tabulator-calcs-holder:only-child{border-bottom:none;margin-bottom:-5px} .tabulator .tabulator-footer>*+.tabulator-page-counter{margin-left:10px} .tabulator .tabulator-footer .tabulator-page-counter{font-weight:400} .tabulator .tabulator-footer .tabulator-paginator{color:#555;flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right} .tabulator .tabulator-footer .tabulator-page-size{border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 5px;padding:2px 5px} .tabulator .tabulator-footer .tabulator-pages{margin:0 7px} .tabulator .tabulator-footer .tabulator-page{background:hsla(0,0%,100%,.2);border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 2px;padding:2px 5px} .tabulator .tabulator-footer .tabulator-page.active{color:#d00} .tabulator .tabulator-footer .tabulator-page:disabled{opacity:.5} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-footer .tabulator-page:not(disabled):hover{background:rgba(0,0,0,.2);color:#fff;cursor:pointer} } .tabulator .tabulator-col-resize-handle{display:inline-block;margin-left:-3px;margin-right:-3px;position:relative;vertical-align:middle;width:6px;z-index:11} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-col-resize-handle:hover{cursor:ew-resize} } .tabulator .tabulator-col-resize-handle:last-of-type{margin-right:0;width:3px} .tabulator .tabulator-col-resize-guide{background-color:#999;height:100%;margin-left:-.5px;opacity:.5;position:absolute;top:0;width:4px} .tabulator .tabulator-row-resize-guide{background-color:#999;height:4px;left:0;margin-top:-.5px;opacity:.5;position:absolute;width:100%} .tabulator .tabulator-alert{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100} .tabulator .tabulator-alert .tabulator-alert-msg{background:#fff;border-radius:10px;display:inline-block;font-size:16px;font-weight:700;margin:0 auto;padding:10px 20px} .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg{border:4px solid #333;color:#000} .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error{border:4px solid #d00;color:#590000} .tabulator-row{background-color:#fff;box-sizing:border-box;min-height:22px;position:relative} .tabulator-row.tabulator-row-even{background-color:#efefef} @media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selectable:hover{background-color:#bbb;cursor:pointer} } .tabulator-row.tabulator-selected{background-color:#9abcea} @media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selected:hover{background-color:#769bcc;cursor:pointer} } .tabulator-row.tabulator-row-moving{background:#fff;border:1px solid #000} .tabulator-row.tabulator-moving{border-bottom:1px solid #aaa;border-top:1px solid #aaa;pointer-events:none;position:absolute;z-index:15} .tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header{background-color:#d6d6d6;color:#000} .tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header{background-color:#3876ca;color:#fff} .tabulator-row .tabulator-row-resize-handle{bottom:0;height:5px;left:0;position:absolute;right:0} .tabulator-row .tabulator-row-resize-handle.prev{bottom:auto;top:0} @media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-row-resize-handle:hover{cursor:ns-resize} } .tabulator-row .tabulator-responsive-collapse{border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;padding:5px} .tabulator-row .tabulator-responsive-collapse:empty{display:none} .tabulator-row .tabulator-responsive-collapse table{font-size:14px} .tabulator-row .tabulator-responsive-collapse table tr td{position:relative} .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{padding-right:10px} .tabulator-row .tabulator-cell{border-right:1px solid #aaa;box-sizing:border-box;display:inline-block;outline:none;overflow:hidden;padding:4px;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap} .tabulator-row .tabulator-cell.tabulator-row-header{background:#e6e6e6;border-bottom:1px solid #aaa;border-right:1px solid #999} .tabulator-row .tabulator-cell.tabulator-frozen{background-color:inherit;display:inline-block;left:0;position:sticky;z-index:11} .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa} .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa} .tabulator-row .tabulator-cell.tabulator-editing{border:1px solid #1d68cd;outline:none;padding:0} .tabulator-row .tabulator-cell.tabulator-editing input,.tabulator-row .tabulator-cell.tabulator-editing select{background:transparent;border:1px;outline:none} .tabulator-row .tabulator-cell.tabulator-validation-fail{border:1px solid #d00} .tabulator-row .tabulator-cell.tabulator-validation-fail input,.tabulator-row .tabulator-cell.tabulator-validation-fail select{background:transparent;border:1px;color:#d00} .tabulator-row .tabulator-cell.tabulator-row-handle{align-items:center;display:inline-flex;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none} .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box{width:80%} .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar{background:#666;height:3px;margin-top:2px;width:100%} .tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header){background-color:#9abcea} .tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty{display:inline-block;width:7px} .tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px} .tabulator-row .tabulator-cell .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px} @media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer} } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px} .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px} .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px} .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px} .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{align-items:center;background:#666;border-radius:20px;color:#fff;display:inline-flex;font-size:1.1em;font-weight:700;height:15px;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;width:15px} @media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover{cursor:pointer;opacity:.7} } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close{display:initial} .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open{display:none} .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg{stroke:#fff} .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close{display:none} .tabulator-row .tabulator-cell .tabulator-traffic-light{border-radius:14px;display:inline-block;height:14px;width:14px} .tabulator-row.tabulator-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px} @media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer} } .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px} .tabulator-row.tabulator-group.tabulator-group-level-1{padding-left:30px} .tabulator-row.tabulator-group.tabulator-group-level-2{padding-left:50px} .tabulator-row.tabulator-group.tabulator-group-level-3{padding-left:70px} .tabulator-row.tabulator-group.tabulator-group-level-4{padding-left:90px} .tabulator-row.tabulator-group.tabulator-group-level-5{padding-left:110px} .tabulator-row.tabulator-group .tabulator-group-toggle{display:inline-block} .tabulator-row.tabulator-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0} .tabulator-row.tabulator-group span{color:#d00;margin-left:10px} .tabulator-toggle{background:#dcdcdc;border:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:row} .tabulator-toggle.tabulator-toggle-on{background:#1c6cc2} .tabulator-toggle .tabulator-toggle-switch{background:#fff;border:1px solid #ccc;box-sizing:border-box} .tabulator-popup-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-sizing:border-box;display:inline-block;font-size:14px;overflow-y:auto;position:absolute;z-index:10000} .tabulator-popup{border-radius:3px;padding:5px} .tabulator-tooltip{border-radius:2px;box-shadow:none;font-size:12px;max-width:Min(500px,100%);padding:3px 5px;pointer-events:none} .tabulator-menu .tabulator-menu-item{box-sizing:border-box;padding:5px 10px;position:relative;user-select:none} .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled{opacity:.5} @media (hover:hover) and (pointer:fine){.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover{background:#efefef;cursor:pointer} } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu{padding-right:25px} .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;content:"";display:inline-block;height:7px;position:absolute;right:10px;top:calc(5px + .4em);transform:rotate(45deg);vertical-align:top;width:7px} .tabulator-menu .tabulator-menu-separator{border-top:1px solid #aaa} .tabulator-edit-list{-webkit-overflow-scrolling:touch;font-size:14px;max-height:200px;overflow-y:auto} .tabulator-edit-list .tabulator-edit-list-item{color:#333;outline:none;padding:4px} .tabulator-edit-list .tabulator-edit-list-item.active{background:#1d68cd;color:#fff} .tabulator-edit-list .tabulator-edit-list-item.active.focused{outline:1px solid hsla(0,0%,100%,.5)} .tabulator-edit-list .tabulator-edit-list-item.focused{outline:1px solid #1d68cd} @media (hover:hover) and (pointer:fine){.tabulator-edit-list .tabulator-edit-list-item:hover{background:#1d68cd;color:#fff;cursor:pointer} } .tabulator-edit-list .tabulator-edit-list-placeholder{color:#333;padding:4px;text-align:center} .tabulator-edit-list .tabulator-edit-list-group{border-bottom:1px solid #aaa;color:#333;font-weight:700;padding:6px 4px 4px} .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2{padding-left:12px} .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3{padding-left:20px} .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4{padding-left:28px} .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5{padding-left:36px} .tabulator.tabulator-ltr{direction:ltr} .tabulator.tabulator-rtl{direction:rtl;text-align:initial} .tabulator.tabulator-rtl .tabulator-header .tabulator-col{border-left:1px solid #aaa;border-right:initial;text-align:initial} .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{margin-left:-1px;margin-right:0} .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-left:25px;padding-right:0} .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{left:8px;right:auto} .tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;left:-3px;position:absolute;right:auto;width:6px} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell{border-left:1px solid #aaa;border-right:initial} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom-left-radius:0;border-bottom-right-radius:1px;border-left:initial;border-right:2px solid #aaa;margin-left:5px;margin-right:0} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control{margin-left:5px;margin-right:0} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-left:2px solid #aaa} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-right:2px solid #aaa} .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type{margin-left:0;margin-right:-3px;width:3px} .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder{text-align:initial} .tabulator-print-fullscreen{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10000} body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen){display:none!important} .tabulator-print-table{border-collapse:collapse} .tabulator-print-table .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px} .tabulator-print-table .tabulator-print-table-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px} @media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-print-table-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer} } .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td{padding-left:30px!important} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td{padding-left:50px!important} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td{padding-left:70px!important} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td{padding-left:90px!important} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td{padding-left:110px!important} .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle{display:inline-block} .tabulator-print-table .tabulator-print-table-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0} .tabulator-print-table .tabulator-print-table-group span{color:#d00;margin-left:10px} .tabulator-print-table .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px} @media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer} } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px} .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px} .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px} .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px} 

/* File: e107_plugins/tagcloud/tagcloud.css */
.size9 {font-size: 130%;opacity: 1;} .size8 {font-size: 120%;opacity: 0.9} .size7 {font-size: 110%;opacity: 0.8} .size6 {font-size: 100%;} .size5 {font-size: 95%;} .size4 {font-size: 90%;} .size3 {font-size: 85%;} .size2 {font-size: 80%;} .size1 {font-size: 75%;} .size0 {font-size: 70%;} .tagcloud-menu a { } .tagcloud-menu > a.tag {margin-bottom:1px;display:inline-block;padding-right:5px;} div.tagcloud-menu {text-align:justify;font-size:90%;opacity:0.7;} 

/* File: e107_themes/portland_foundation/assets/css/theme.css */
:root {--green:#0b5426;--green-deep: #173b15;--green-soft: #1e6a32;--gold: #ffbf01;--gold-soft:#ffe599;--cream:#faf6ec;--paper:#fffdf7;--ink:#1c2418;--ink-soft: #54604f;--rule: rgba(28,36,24,0.12);--serif:"Lora", Georgia, serif;--script: "Caveat", cursive;--sans: "Lato", -apple-system, system-ui, sans-serif;} *, *::before, *::after { box-sizing: border-box; } body {margin: 0;font-family: var(--sans);color: var(--ink);background: var(--paper);} .tpf-wrapper {width: 100%;max-width: 1440px;margin: 0 auto;overflow-x: hidden;background: var(--paper);} a {color: var(--green-soft);} a:hover, a:active, a:focus {color: var(--green-deep);} .tpf-wrapper a { text-decoration: none; } img { display: block; } .btn-primary {background-color: var(--gold);border-color: var(--gold);color: var(--green);} .btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.btn-primary:active:focus,.btn-primary.active:focus {background-color: var(--gold-soft);border-color: var(--gold-soft);color: var(--green-soft);} .btn-primary:disabled,.btn-primary.disabled {background-color: var(--gold);border-color: var(--gold);color: var(--green);} .photo-slot {width: 100%;background: #1f2a1d center / cover no-repeat;} .link-arrow {font-family: var(--sans);font-size: 13px;color: var(--green);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;border-bottom: 2px solid var(--gold);padding-bottom: 4px;white-space: nowrap;} .link-arrow:hover,.link-arrow:active,.link-arrow:focus {color: var(--gold);} .btn-gold {display: inline-block;background: var(--gold);color: var(--green);padding: 12px 22px;font-family: var(--sans);font-weight: 700;font-size: 13px;letter-spacing: 0.08em;text-transform: uppercase;transition: transform 0.15s ease, box-shadow 0.15s ease;} .btn-gold:hover,.btn-gold:active,.btn-gold:focus {color: var(--green);transform: translateY(-7px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);} .tpf-page-title {font-family: var(--serif);font-size: 32px;color: var(--green-deep);font-weight: 500;letter-spacing: -0.01em;} .utility-bar {background: var(--green-deep);color: #cfe0c9;font-family: var(--sans);font-size: 12px;padding: 7px 20px;display: flex;justify-content: space-between;align-items: center;letter-spacing: 0.04em;flex-wrap: wrap;gap: 6px;} .utility-bar__left{ display: flex; gap: 16px; align-items: center; } .utility-bar__right { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; } .utility-bar a { color: #cfe0c9; } .utility-bar a.gold{ color: var(--gold); } .site-header {background: var(--paper) !important;border-bottom: 1px solid var(--rule);padding: 12px 20px !important;} .site-header .navbar-brand {display: flex;align-items: center;gap: 12px;padding: 0;margin-right: 0;} .brand-text { display: flex; flex-direction: column; justify-content: center; } .brand-name {font-family: var(--serif);font-size: 17px;color: var(--green-deep);font-weight: 600;line-height: 1.2;} .brand-tagline {font-family: var(--script);font-size: 15px;color: var(--green);margin-top: 3px;line-height: 1;} .site-header .navbar-toggler {border-color: var(--rule);padding: 6px 10px;color: var(--green-deep);font-size: 20px;line-height: 1;} .site-header .navbar-toggler:focus {box-shadow: 0 0 0 2px rgba(255,191,1,.5);} .nav-icon-open { display: none; } .navbar-toggler[aria-expanded="true"] .nav-icon-closed { display: none; } .navbar-toggler[aria-expanded="true"] .nav-icon-open { display: inline-block; } .site-header .navbar-collapse {border-top: 1px solid var(--rule);margin-top: 10px;padding-top: 10px;} .site-header .navbar-nav { gap: 2px; } .site-header .nav-link {color: var(--ink) !important;font-size: 15px;font-weight: 500;padding: 8px 10px !important;} .site-header .nav-link:hover { color: var(--green) !important; } .site-header .nav-link.btn-donate-nav {background: var(--gold) !important;color: var(--green-deep) !important;padding: 9px 18px !important;border-radius: 2px;font-weight: 700;font-size: 13px;letter-spacing: 0.05em;text-transform: uppercase;margin-top: 6px;} .hero {position: relative;height: 480px;background: var(--green-deep);overflow: hidden;} .hero-slide {position: absolute;inset: 0;opacity: 0;pointer-events: none;transition: opacity .8s ease;} .hero-slide.active {opacity: 1;pointer-events: auto;} .hero-slide__bg {position: absolute;inset: 0;background-size: cover;background-position: center;} .hero-slide__overlay {position: absolute;inset: 0;background: linear-gradient(90deg,rgba(11,84,38,.90) 0%,rgba(11,84,38,.62) 50%,rgba(11,84,38,.18) 100%);} .hero-slide__content {position: absolute;inset: 0;padding: 0 24px;display: flex;align-items: center;} .hero-slide__inner { max-width: 100%; color: #fff; } .hero-slide__script {font-family: var(--script);font-size: 26px;color: var(--gold);transform: rotate(-2deg);display: inline-block;margin-bottom: 6px;} .hero-slide__heading {font-family: var(--serif);font-size: 36px;line-height: 1.1;font-weight: 600;margin: 0 0 14px;letter-spacing: -0.02em;} .hero-slide__body {font-family: var(--sans);font-size: 14px;line-height: 1.55;margin: 0 0 22px;max-width: 100%;opacity: .92;} .hero-slide__ctas { display: flex; gap: 10px; flex-wrap: wrap; } .btn-hero-primary {background: var(--gold);color: var(--green-deep);padding: 11px 20px;font-weight: 700;font-size: 13px;letter-spacing: 0.05em;text-transform: uppercase;display: inline-block;} .btn-hero-secondary {background: transparent;color: #fff;padding: 11px 20px;font-weight: 600;font-size: 13px;letter-spacing: 0.05em;text-transform: uppercase;border: 1.5px solid rgba(255,255,255,.6);display: inline-block;} .hero-controls {position: absolute;bottom: 18px;right: 20px;display: flex;align-items: center;gap: 10px;color: #fff;z-index: 10;} .hero-counter { font-family: var(--serif); font-size: 14px; } .hero-progress-track { width: 90px; height: 2px; background: rgba(255,255,255,.25); } .hero-progress-fill{ height: 100%; background: var(--gold); transition: width .4s ease; } .hero-btn {background: transparent;border: 1px solid rgba(255,255,255,.5);color: #fff;width: 36px; height: 36px;font-size: 15px;cursor: pointer;display: flex; align-items: center; justify-content: center;flex-shrink: 0;} .hero-btn-next {background: var(--gold);border-color: var(--gold);color: var(--green-deep);font-weight: 700;} .hero-tabs {position: absolute;bottom: 18px;left: 20px;display: none;gap: 18px;font-family: var(--sans);font-size: 11px;color: rgba(255,255,255,.7);letter-spacing: 0.12em;text-transform: uppercase;z-index: 10;} .hero-tabs span { cursor: pointer; padding-bottom: 4px; transition: color .3s; } .hero-tabs span.active { color: #fff; border-bottom: 2px solid var(--gold); } .mission-strip {background: var(--cream);padding: 56px 24px;text-align: center;} .mission-strip .container { max-width: 1100px; } .mission-strip__script {font-family: var(--script);font-size: 26px;color: var(--green);margin-bottom: 12px;transform: rotate(-1.5deg);display: inline-block;} .mission-strip__heading {font-family: var(--serif);font-size: 26px;line-height: 1.25;font-weight: 500;color: var(--green-deep);margin: 0 auto 24px;max-width: 980px;letter-spacing: -0.01em;} .mission-strip__heading em { color: var(--green); font-style: italic; } .mission-strip__rule{ width: 60px; height: 2px; background: var(--gold); margin: 0 auto 20px; } .mission-strip__body{font-family: var(--sans);font-size: 14px;color: var(--ink-soft);margin: 0 auto;max-width: 640px;line-height: 1.65;} .what-we-do { padding: 56px 24px; background: var(--paper); } .section-header {display: flex;flex-direction: column;gap: 12px;margin-bottom: 32px;} .section-header__script {font-family: var(--script);font-size: 26px;color: var(--green);} .section-header__title {font-family: var(--serif);font-size: 30px;font-weight: 500;color: var(--green-deep);letter-spacing: -0.01em;} .pillar-card { background: var(--cream); border: 1px solid var(--rule); height: 100%; } .pillar-card__body { padding: 28px 24px 32px; } .pillar-card__tag {font-family: var(--sans);font-size: 11px;color: var(--green);letter-spacing: 0.18em;margin-bottom: 6px;font-weight: 700;} .pillar-card__script {font-family: var(--script);font-size: 24px;color: var(--green);margin-bottom: 4px;} .pillar-card__title {font-family: var(--serif);font-size: 22px;font-weight: 600;color: var(--green-deep);margin: 0 0 12px;letter-spacing: -0.01em;} .pillar-card__text {font-family: var(--sans);font-size: 14px;line-height: 1.65;color: var(--ink-soft);margin: 0 0 18px;} .pillar-card__link {font-family: var(--sans);font-size: 12px;color: var(--green-deep);font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;} .pillar-card__link:hover,.pillar-card__link:active,.pillar-card__link:focus {color: var(--gold);} .deadlines {background: var(--green);padding: 56px 24px;color: #fff;} .deadlines__script { font-family: var(--script); font-size: 26px; color: var(--gold); margin-bottom: 4px; } .deadlines__title{ font-family: var(--serif); font-size: 30px; font-weight: 500; margin: 0 0 18px; letter-spacing: -0.01em; } .deadlines__body { font-family: var(--sans); font-size: 14px; line-height: 1.65; opacity: .85; margin: 0 0 26px; } a.deadlines__email{ color: var(--gold); font-weight: 700; } a.deadlines__email:hover,a.deadlines__email:active,a.deadlines__email:focus { color: #fff; } .verification__body { font-family: var(--sans); font-size: 14px; line-height: 1.65; opacity: .85; margin: 50px 0 5px; } .deadline-item {display: flex;justify-content: space-between;align-items: flex-start;padding: 16px 0;border-bottom: 1px solid rgba(255,255,255,.12);gap: 12px;} .deadline-item:last-child { border-bottom: none; } .deadline-item__left { display: flex; align-items: flex-start; gap: 14px; } .dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; margin-top: 5px; } .dot--urgent { background: var(--gold); box-shadow: 0 0 0 4px rgba(255,191,1,.18); } .dot--normal { background: rgba(255,255,255,.3); } .deadline-item__name { font-family: var(--sans); font-size: 14px; line-height: 1.4; } .deadline-item__date {font-family: var(--sans);font-size: 12px;font-weight: 600;letter-spacing: 0.03em;white-space: nowrap;flex-shrink: 0;} .deadline-item__date--urgent { color: var(--gold); } .deadline-item__date--normal { color: rgba(255,255,255,.6); } .deadline-item a {color:#fff;} .deadline-item a:hover,.deadline-item a:focus,.deadline-item a:active {color:var(--gold);} .impact-split { background: var(--paper); } .impact-photo { height: 280px; } .impact-split__text {padding: 48px 24px;display: flex;flex-direction: column;justify-content: center;} .impact-split__script { font-family: var(--script); font-size: 24px; color: var(--green); margin-bottom: 4px; } .impact-split__title{ font-family: var(--serif); font-size: 30px; font-weight: 500; color: var(--green-deep); margin: 0 0 28px; letter-spacing: -0.01em; } .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 28px; } .stat-item { border-top: 2px solid var(--gold); padding-top: 12px; } .stat-number { font-family: var(--serif); font-size: 36px; font-weight: 600; color: var(--green-deep); line-height: 1; letter-spacing: -0.02em; } .stat-label{ font-family: var(--sans); font-size: 12px; color: var(--ink-soft); margin-top: 6px; line-height: 1.4; } .stat-sublabel { font-family: var(--sans); font-size: 11px; color: var(--ink-soft); opacity: .6; margin-top: 2px; } .resources { padding: 56px 24px; background: var(--cream); } .resources-header {display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px;} .resources-header__title { font-family: var(--serif); font-size: 26px; font-weight: 500; color: var(--green-deep); letter-spacing: -0.01em; } .resources-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .resource-card {background: var(--paper);border: 1px solid var(--rule);padding: 16px 14px;color: var(--green-deep);font-family: var(--sans);font-size: 13px;font-weight: 500;line-height: 1.35;display: flex;align-items: flex-end;min-height: 90px;position: relative;} .resource-card:hover { background: var(--cream); } .resource-card__badge { position: absolute; top: 12px; right: 12px; color: var(--green); font-size: 11px; } .donate-band { position: relative; height: 380px; overflow: hidden; } .donate-band__overlay { position: absolute; inset: 0; background: rgba(11,84,38,.85); z-index: 1; } .donate-band__content {position: absolute; inset: 0;display: flex; align-items: center; justify-content: center;text-align: center; color: #fff;padding: 0 24px;z-index: 2;} .donate-band__inner{ max-width: 780px; } .donate-band__script { font-family: var(--script); font-size: 26px; color: var(--gold); margin-bottom: 4px; } .donate-band__title{ font-family: var(--serif); font-size: 30px; font-weight: 500; margin: 0 0 16px; letter-spacing: -0.01em; line-height: 1.15; } .donate-band__body { font-family: var(--sans); font-size: 14px; line-height: 1.6; margin: 0 0 22px; opacity: .92; } .donate-band__ctas { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .btn-donate-gold {background: var(--gold); color: var(--green-deep);padding: 13px 22px; font-weight: 700; font-size: 13px;letter-spacing: 0.08em; text-transform: uppercase; display: inline-block;transition: transform 0.15s ease, box-shadow 0.15s ease;} .btn-donate-gold:hover,.btn-donate-gold:active,.btn-donate-gold:focus {color: var(--green-deep);transform: translateY(-7px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);} .btn-donate-ghost {background: transparent; color: #fff;padding: 13px 22px; font-weight: 600; font-size: 13px;letter-spacing: 0.08em; text-transform: uppercase;border: 1.5px solid rgba(255,255,255,.6); display: inline-block;transition: transform 0.15s ease, box-shadow 0.15s ease;} .btn-donate-ghost:hover,.btn-donate-ghost:active,.btn-donate-ghost:focus {background: #fff; color: var(--green-deep);transform: translateY(-7px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);} .instagram { padding: 56px 24px; background: var(--paper); } .instagram-header {display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px;} .instagram-header__script { font-family: var(--script); font-size: 24px; color: var(--green); } .instagram-header__handle { font-family: var(--serif); font-size: 26px; font-weight: 500; color: var(--green-deep); letter-spacing: -0.01em; } .instagram-scroll {display: flex;overflow-x: auto;gap: 10px;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: var(--gold) transparent;padding-bottom: 6px;} .instagram-scroll::-webkit-scrollbar { height: 4px; } .instagram-scroll::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 2px; } .instagram-item {flex: 0 0 46vw;aspect-ratio: 1 / 1;overflow: hidden;} .instagram-item .photo-slot { height: 100%; } .instagram-footer { text-align: right; margin-top: 16px; } .standards-band {padding: 40px 24px;background: var(--cream);border-top: 1px solid var(--rule);border-bottom: 1px solid var(--rule);} .accreditation-seal {width: 140px; height: 140px;border: 3px solid var(--green-deep);border-radius: 50%;display: flex; flex-direction: column;align-items: center; justify-content: center;text-align: center;font-family: var(--sans); color: var(--green-deep);padding: 14px;} .seal-community{ font-size: 8px;letter-spacing: 0.2em;font-weight: 700; } .seal-accredited { font-size: 14px; letter-spacing: 0.12em; font-weight: 900; margin: 3px 0; } .seal-foundation { font-size: 8px;letter-spacing: 0.2em;font-weight: 700; } .seal-stars{ margin-top: 5px; font-size: 8px; opacity: .6; } .standards-band__script { font-family: var(--script); font-size: 24px; color: var(--green); margin-bottom: 4px; } .standards-band__title{ font-family: var(--serif); font-size: 22px; color: var(--green-deep); margin: 0 0 10px; font-weight: 500; letter-spacing: -0.01em; } .standards-band__body { font-family: var(--sans); font-size: 14px; line-height: 1.65; color: var(--ink-soft); margin: 0; } .site-footer {background: var(--green-deep);color: #cfe0c9;padding: 48px 24px 32px;font-family: var(--sans);} .footer-brand{ display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .footer-brand-name { font-family: var(--serif); color: #fff; font-size: 19px; font-weight: 500; } .footer-tagline{ font-family: var(--script); font-size: 20px; color: var(--gold); margin-bottom: 12px; } .footer-desc { font-size: 13px; line-height: 1.7; opacity: .75; } .footer-col h4 { color: #fff; font-family: var(--serif); font-size: 15px; margin: 0 0 12px; font-weight: 500; } .footer-col address { font-style: normal; font-size: 14px; line-height: 1.8; } .footer-gold { color: var(--gold); } .footer-gold:hover,.footer-gold:active,.footer-gold:focus { color: #fff; } .footer-hours { font-size: 13px; opacity: .8; } .footer-directions { display: flex; gap: 6px; margin-bottom: 10px; } .footer-directions input {flex: 1;padding: 10px 12px;border: 1px solid rgba(255,255,255,.25);background: rgba(255,255,255,.06);color: #fff;font-size: 13px;font-family: var(--sans);border-radius: 0;outline: none;} .footer-directions input::placeholder { color: rgba(255,255,255,.45); } .footer-directions input:focus { border-color: var(--gold); } .btn-footer-go {background: var(--gold); color: var(--green-deep); border: none;padding: 0 14px; font-size: 11px; font-weight: 700;letter-spacing: 0.08em; text-transform: uppercase;cursor: pointer; font-family: var(--sans);white-space: nowrap;} .footer-social { display: flex; gap: 14px; flex-wrap: wrap; } .footer-social a { color: var(--gold); font-size: 15px; } .footer-social a:hover { color: #fff; } .footer-bottom {border-top: 1px solid rgba(255,255,255,.12);padding-top: 20px;display: flex;flex-direction: column;gap: 8px;font-size: 12px;opacity: .7;} .footer-bottom-links { display: flex; flex-wrap: wrap; gap: 14px; } .footer-bottom-links a { color: #cfe0c9; } .tpf-menu-block { margin-bottom: 1.5rem; } .tpf-menu-block__title { font-family: var(--serif); font-size: 17px; color: var(--green-deep); margin-bottom: 10px; } @media (min-width: 576px) {.utility-bar { padding: 7px 32px; } .site-header{ padding: 14px 32px !important; } .brand-name { font-size: 20px; } .brand-tagline { font-size: 17px; } .hero { height: 520px; } .hero-slide__script{ font-size: 30px; } .hero-slide__heading { font-size: 44px; } .hero-slide__body{ font-size: 15px; } .hero-slide__content { padding: 0 40px; } .hero-controls { right: 40px; bottom: 28px; } .hero-progress-track { width: 140px; } .instagram-item { flex: 0 0 30vw; } } @media (min-width: 768px) {.utility-bar { padding: 7px 48px; } .site-header{ padding: 16px 48px !important; } .hero { height: 600px; } .hero-slide__script{ font-size: 36px; } .hero-slide__heading { font-size: 54px; } .hero-slide__body{ font-size: 16px; } .hero-slide__content { padding: 0 56px; } .hero-slide__inner { max-width: 680px; } .hero-tabs{ display: flex; bottom: 28px; left: 56px; } .hero-controls { right: 56px; bottom: 28px; gap: 12px; } .hero-progress-track { width: 180px; } .hero-btn{ width: 40px; height: 40px; } .hero-counter { font-size: 16px; } .mission-strip { padding: 72px 56px; } .mission-strip__script{ font-size: 30px; } .mission-strip__heading { font-size: 38px; } .mission-strip__body{ font-size: 15px; } .what-we-do { padding: 72px 48px; } .section-header {flex-direction: row;align-items: baseline;justify-content: space-between;margin-bottom: 44px;} .section-header__script { font-size: 28px; } .section-header__title{ font-size: 36px; } .deadlines { padding: 72px 48px; } .deadlines__title { font-size: 36px; } .deadline-item__name { font-size: 15px; } .deadline-item__date { font-size: 13px; } .impact-photo { height: 100%; min-height: 380px; } .impact-split__text { padding: 56px 48px; } .impact-split__title { font-size: 34px; } .stat-number { font-size: 40px; } .resources { padding: 64px 48px; } .resources-header {flex-direction: row;align-items: baseline;justify-content: space-between;} .resources-header__title { font-size: 28px; } .resources-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } .donate-band { height: 420px; } .donate-band__title{ font-size: 38px; } .donate-band__body { font-size: 15px; } .instagram { padding: 64px 48px; } .instagram-header {flex-direction: row;align-items: baseline;justify-content: space-between;} .instagram-item { flex: 0 0 20vw; } .standards-band { padding: 48px 48px; } .standards-band__title { font-size: 24px; } .site-footer { padding: 56px 48px 32px; } .footer-bottom {flex-direction: row;justify-content: space-between;align-items: flex-start;} } @media (min-width: 992px) {.utility-bar { padding: 8px 64px; } .site-header{ padding: 20px 64px !important; } .brand-name{ font-size: 24px; } .brand-tagline { font-size: 22px; } .site-header .navbar-collapse {border-top: none;margin-top: 0;padding-top: 0;} .site-header .navbar-nav { gap: 6px; } .site-header .nav-link.btn-donate-nav { margin-top: 0; } .hero { height: 720px; } .hero-slide__script{ font-size: 44px; } .hero-slide__heading { font-size: 72px; } .hero-slide__body{ font-size: 19px; } .hero-slide__content { padding: 0 64px; } .hero-slide__inner { max-width: 700px; } .hero-slide__body{ max-width: 560px; } .hero-slide__ctas{ flex-wrap: nowrap; } .btn-hero-primary, .btn-hero-secondary { padding: 14px 28px; font-size: 15px; } .hero-tabs{ display: flex; left: 64px; bottom: 36px; font-size: 12px; gap: 24px; } .hero-controls { right: 64px; bottom: 36px; gap: 16px; } .hero-progress-track { width: 220px; } .hero-counter { font-size: 18px; } .hero-btn { width: 44px; height: 44px; font-size: 18px; } .mission-strip { padding: 96px 64px; } .mission-strip__script{ font-size: 36px; } .mission-strip__heading { font-size: 52px; } .mission-strip__body{ font-size: 16px; } .what-we-do { padding: 96px 64px; } .section-header { margin-bottom: 56px; } .section-header__script { font-size: 32px; } .section-header__title{ font-size: 44px; } .pillar-card__body { padding: 36px 32px 40px; } .pillar-card__script { font-size: 26px; } .pillar-card__title{ font-size: 28px; } .pillar-card__text { font-size: 15px; } .pillar-card__link { font-size: 13px; } .deadlines { padding: 96px 64px; } .deadlines__title { font-size: 44px; } .deadline-item { padding: 22px 0; } .deadline-item__name { font-size: 17px; } .impact-photo { min-height: 560px; } .impact-split__text { padding: 80px 64px; } .impact-split__script { font-size: 28px; } .impact-split__title{ font-size: 40px; margin-bottom: 36px; } .stats-grid { gap: 32px; margin-bottom: 36px; } .stat-number { font-size: 44px; } .stat-label{ font-size: 13px; } .resources { padding: 80px 64px; } .resources-header__title { font-size: 32px; } .resources-grid { grid-template-columns: repeat(5, 1fr); gap: 16px; } .resource-card { padding: 20px 18px; min-height: 110px; font-size: 14px; } .resource-card__badge { font-size: 12px; } .donate-band { height: 440px; } .donate-band__script { font-size: 36px; } .donate-band__title{ font-size: 52px; } .donate-band__body { font-size: 17px; margin-bottom: 32px; } .btn-donate-gold, .btn-donate-ghost { padding: 16px 32px; font-size: 14px; } .instagram { padding: 80px 64px; } .instagram-header__script { font-size: 28px; } .instagram-header__handle { font-size: 32px; } .instagram-scroll {display: grid;grid-template-columns: repeat(6, 1fr);gap: 12px;overflow-x: visible;padding-bottom: 0;scrollbar-width: auto;} .instagram-item {flex: none;aspect-ratio: 1 / 1;} .instagram-item .photo-slot { height: 100%; min-height: 130px; } .standards-band { padding: 64px 64px; } .accreditation-seal { width: 160px; height: 160px; padding: 16px; } .seal-community{ font-size: 9px; } .seal-accredited { font-size: 16px; } .seal-foundation { font-size: 9px; } .standards-band__script { font-size: 26px; } .standards-band__title{ font-size: 26px; } .standards-band__body { font-size: 15px; } .site-footer { padding: 72px 64px 36px; } .footer-brand-name { font-size: 22px; } .footer-tagline{ font-size: 22px; } .footer-desc { max-width: 340px; } } @media (min-width: 1200px) {.site-header .nav-link { font-size: 15px; } .tpf-page-title { font-size: 40px; } } 

/* File: e107_themes/portland_foundation/style.css */
#login-template {display: flex;min-height: calc(100vh - 160px);align-items: center;justify-content: center;padding: 40px 16px;box-sizing: border-box;} #login-template .row {display: block !important;float: none !important;width: 420px;max-width: 100%;margin: 0 !important;} #login-template .row > div {width: 100% !important;float: none !important;padding: 0 !important;box-sizing: border-box;} #login-template .card {width: 100%;background: #fff;border: 1px solid rgba(0,0,0,.15);border-radius: 0.5rem;box-shadow: 0 2px 8px rgba(0,0,0,.08);box-sizing: border-box;} #login-template .card-body {padding: 2rem;box-sizing: border-box;} #login-template .card-title {font-family: var(--serif);color: var(--green-deep);font-size: 1.05rem;font-weight: 600;margin: 0 0 1.25rem;text-align: center;} #login-template .form-signin {width: 100%;box-sizing: border-box;} #login-template .form-signin input[type="text"],#login-template .form-signin input[type="password"],#login-template .form-signin input[type="email"],#login-template .form-signin .form-control {width: 100%;box-sizing: border-box;display: block;padding: 8px 12px;margin-bottom: 12px;border: 1px solid #ced4da;border-radius: 4px;font-size: 14px;} #login-template .form-signin .btn,#login-template .form-signin button[type="submit"] {width: 100%;display: block;margin-top: 8px;} .nav-main {--nav-dd-color: #212529;--nav-dd-hover-bg: #e9ecef;--nav-dd-hover-color: #212529;--nav-dd-pad-y: .25rem; --nav-dd-pad-x: 1rem;} .nav-main .dropdown-menu li > a {display: block; padding: var(--nav-dd-pad-y) var(--nav-dd-pad-x);clear: both;text-decoration: none;color: var(--nav-dd-color);background-color: transparent;} .nav-main .dropdown-menu li > a:active,.nav-main .dropdown-menu li > a:focus-visible {color: var(--nav-dd-hover-color);background-color: var(--nav-dd-hover-bg);} @media (hover: hover) {.nav-main .dropdown-menu li > a:hover {color: var(--nav-dd-hover-color);background-color: var(--nav-dd-hover-bg);} } .nav-main .dropdown-submenu { position: relative; } @media (min-width: 992px) {.nav-main .dropdown-menu li > a { white-space: nowrap; }  .nav-main .dropdown:hover > .dropdown-menu { display: block; }  .nav-main .dropdown-submenu > .dropdown-menu {top: 0;right: 100%;left: auto;margin: 0;} .nav-main .dropdown-submenu:hover > .dropdown-menu,.nav-main .dropdown-submenu:focus-within > .dropdown-menu { display: block; } .nav-main .dropdown-menu li.dropdown-submenu:hover > a,.nav-main .dropdown-menu li.dropdown-submenu:focus-within > a {color: var(--nav-dd-hover-color);background-color: var(--nav-dd-hover-bg);} .nav-main .dropdown-submenu > a::before { content: "\2039";margin-right: .5rem;} } @media (max-width: 991.98px) {.nav-main .dropdown-menu li > a { white-space: normal; }  .nav-main .dropdown-menu li.dropdown-submenu > a {display: flex;justify-content: space-between;align-items: center;} .nav-main .dropdown-menu li.dropdown-submenu > a::after {content: "";flex: 0 0 auto;width: 6px;height: 6px;margin-left: .75rem;border: solid currentColor;border-width: 0 2px 2px 0;transform: rotate(45deg);transition: transform .15s;} .nav-main .dropdown-submenu.open > a::after { transform: rotate(-135deg); }  .nav-main .dropdown-submenu > .dropdown-menu {display: none;position: static;float: none;border: 0;box-shadow: none;background: transparent;padding: 0 0 0 1rem;margin: 0;} .nav-main .dropdown-submenu.open > .dropdown-menu { display: block; } }