::selection{background:#2C3E50;color:#fff}
::-moz-selection{background:#2C3E50;color:#fff}
a{color:#2C3E50}
.btn,.button,.badge{background-color:#2C3E50}
.btn:hover,.button:hover{background-color:#1a252f}
.si-colored-facebook{background-color:#3B5998}
.si-colored-twitter{background-color:#00aced}
.si-colored-instagram{background-color:#E4405F}
.si-colored-linkedin{background-color:#0077B5}
.feature-box .fbox-icon i{background-color:#2C3E50}
.pagination>.active>a{background-color:#2C3E50;border-color:#2C3E50}
.top-bar{background:#2C3E50}
#footer{background-color:#1a252f;border-top:5px solid #2C3E50}
#copyrights{background-color:#141d26}

/* Canvas fallback styles - ensure visibility without full JS */
#header #header-wrap { background-color: #2C3E50 !important; }
#header.transparent-header #header-wrap { background-color: #2C3E50 !important; }
#header #logo a img { max-height: 80px; }
#primary-menu > ul > li > a { color: #fff !important; }
#primary-menu > ul > li > a:hover { color: #ddd !important; }
#slider.slider-element.full-screen { min-height: 500px; height: 70vh !important; }
#slider.slider-element { min-height: 400px; }
.slider-caption { position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); text-align: center; z-index: 10; }
.slider-caption h2 { color: #fff; font-size: 36px; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.slider-caption p { color: #fff; font-size: 18px; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); }
#wrapper { width: 100% !important; max-width: 100%; }
#content { padding: 40px 0; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
h1, h2, h3, h4 { color: #2C3E50; }
#footer { background-color: #1a252f; color: #ccc; padding: 40px 0; }
#footer a { color: #ddd; }
#copyrights { background-color: #141d26; padding: 20px 0; color: #888; }
.top-bar { background-color: #2C3E50; color: #fff; padding: 8px 0; }
.fbox-border .fbox-icon { border-color: #2C3E50; }

/* Critical: Canvas theme hides wrapper until JS init - force visible */
#wrapper { opacity: 1 !important; }
body:not(.page-loaded) #wrapper { opacity: 1 !important; }
.page-transition-wrap { display: none !important; }