/*
Theme Name: XMission Dark
Theme URI: https://xmission.com
Author: XMission
Author URI: http://xmission.com/
Description: A bootstrap dark theme for XMission.com using the tidythemes base blankslate as a starting point
Version: 2020.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: XMdark
*/

body {font-family:Roboto, arial, sans-serif; min-width:300px;}
h1, h2, h3, h4, h5 {font-family:'Encode Sans Expanded', arial, sans-serif; font-weight:600 !important}
.not-found .entry-title {padding-top:26px}
h5 {font-size:1.15rem;}

nav {
	min-height:80px; position:relative; background:#0f1113;
	background: rgba(0,0,0,0.66);
	backdrop-filter: blur(6px);
}

nav .container {background:transparent}
.navbar-brand img {margin-top:-10px; width:200px; margin-right:23px; opacity:0.9}
.navbar-brand img:hover {opacity:1}
.dropdown-toggle::after {display:none}

.dropdown-menu li {
  padding:0 20px;
}

li.divider {margin-top:1em;}
.dropdown-header {font-size:12px; color:#5c6064; font-weight:bold}

#content {min-height:15vh}

#search-box {
  display:none;
  width:240px;
  margin-right:0.5em;
}

#search-button{margin:0 10px;}

#businessMenu + ul {border-color:#0290AE;}
#residentialMenu + ul {border-color:#B63A00;}
#aboutMenu + ul {border-color:#C5C8C9;}
#supportMenu + ul {border-color:#9EB231;}
#submenu-business {width:250px}
#submenu-residential {width:220px}

#footer {font-size:14px}

#footerLinks {
  font-size:13px;
  margin-bottom:10px;
  color:#aaa;
  line-height:22px;
}

.copyright {font-size:11px; opacity:0.66}

#modeBox {padding-top:12px;}
#modeBox label {opacity:0.7}

.opacity-50, .faded {opacity:0.5}

#mastHead {min-height:100px}
#mastheadline {padding-top:95px; color:white; padding-bottom:16px; margin-bottom:24px;}
body.home #mastHead {height:0}
.post-edit-link {display:none}

footer {margin-top:60px; padding:20px 0}
footer h4 {margin-top:20px; font-size:11px; text-transform:uppercase; color:#666; margin-bottom:0; padding-bottom:8px;}

.btn-big {
	width: 100%;
    padding: 1em;
    font-size: 1.1rem;
}

.custom-bullet-list {
	padding-left:28px;
}

.custom-bullet-list i.fas {
	margin-left:-28px;
}

.tx50 {opacity:0.5;}
.lh0 {line-height:0}
h5.smaller {font-size:0.9rem}

strong.keyword {font-weight:normal}

blockquote {
	border-left:6px solid rgba(155,155,155,0.3);
	margin:0.5em 0;
	padding-left:1.5em;
}

.dropdown-menu {padding:1rem 0}

/** brand colors **/
.xmgreen {color:#9EB231}
.xmblue {color:#03AFD3}
.xmred {color:#B63A00}
.bg-danger {background-color:#B63A00 !important}
.btn-danger {background-color:#B63A00 !important; border-color:#B63A00 !important }
.btn-danger:hover {background-color:#a43400 !important; border-color:#a43400 !important }


/** brand recolorings from bootstrap **/
a {color:#03AFD3}
a:hover {color:#0290AE}
.liteMode a {color:#0290AE}
.liteMode a:hover {color:#02738b}
body.liteMode {background:#eee} 
body.liteMode #wrapper {background:white}
.btn-dark {color:white !important}
.btn-primary {background-color:#0290AE; color:white !important; border:none}
.btn-primary:hover, .btn-outline-success:hover, .btn-outline-danger:hover {color:white}
.btn-primary:hover {background-color:#027a94}
.btn-secondary:hover {color:white !important}
.btn-light {color: #212529 !important;}
.btn-danger {color:white !important}
.btn-success {background-color:#9EB231; border:none; color:white !important}
.btn-success:hover {background-color:#849817; }
.btn-outline-danger {border-color:#EE4B00; color:#EE4B00 !important}
.btn-outline-danger:hover {background-color:#EE4B00; color:white !important}
.btn-outline-success {border-color:#9EB231; color:#9EB231}
.dropdown-menu {border-radius:0; border:0; border-left:5px solid #464a4e; 
	box-shadow: rgba(0,0,0,0.2) 0 0 40px;}
.nav-pills .nav-link.active {background-color:#a7aaab;}
footer {background:#eee}
body:not(.darkMode) .btn-light {background:#e2e6ea}
body:not(.darkMode) .btn-light:hover {background:#cbcfd3}
#footer .fab {opacity:0.5}
.liteMode footer a {color:#888}
.btn-inverse, a.btn-inverse {color: #ddd; background-color: #343a40; border-color: #343a40;}
.btn-inverse:hover, a.btn-inverse:hover {color: #fff; background-color: #23272b; border-color: #1d2124;
}

/** darkmode **/
.darkMode .text-stark {color:white;}
body.darkMode {background:#0f1113; color:#ccc} body.darkMode {background:#1C1F22;}
body.darkMode #wrapper {background:#0f1113}
.darkMode a {color:#03AFD3;}
.darkMode a:hover {color:#04D0FB;}
.darkMode .btn-secondary, .liteMode .btn-secondary {color:white}
.darkMode .nav-pills .nav-link.active {background-color:#333;}
.darkMode .dropdown-menu {background:black;}
.darkMode .dropdown-menu a {color:#ddd}
.darkMode .dropdown-menu a:hover {color:white; text-decoration:none}
.darkMode .dropdown-menu li:hover {background:#222}
.darkMode .dropdown-menu li.dropdown-header:hover {background:transparent}
.darkMode footer {background:#1C1F22;}
.darkMode .card-body, .darkMode .card {background:transparent; border:1px solid #555}
.darkMode hr {border-color:#555}
.darkMode .list-group-item {background:transparent; border-color:#333}
.darkMode .xmgreen {color:#BED638}
.darkMode .btn-secondary {background:#2a2a2a; border:none;}
.darkMode .btn-secondary:hover {background:#222}
.darkMode .card-header {background-color: rgba(255,255,255,.05);}
.darkMode .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(255,255,255,0.05);}
.darkMode .table {color:#ccc}
.darkMode .table-hover tr:hover td {color:white; background-color:rgba(255,255,255,0.15)}
.darkMode footer a {color:#bbb}
.darkMode pre {color:#aaa}
.darkMode .btn-inverse {color: #212529; background-color: #ddd; border-color: #ddd;}
.darkMode .btn-inverse:hover {color: #212529; background-color: white; border-color: white;}
.darkMode .btn-sametheme, .darkMode a.btn-sametheme {color: #ddd; background-color: #23272b; border-color: #23272b;}
.darkMode .btn-sametheme:hover, .darkMode a.btn-sametheme:hover {color: #fff; background-color: #343a40; border-color: #343a40;}

/** custom classes **/
.btn-sametheme, a.btn-sametheme {color: #212529; background-color: #eee; border-color: #eee;}
.btn-sametheme:hover, a.btn-sametheme:hover {color: #212529; background-color: #ddd; border-color: #ddd;}

.text-stark {color:black;}

/** dark modals **/
.darkMode .dark-modal { background:#111; border:1px solid #333}
.darkMode .dark-modal .close, .darkMode .dark-modal .close:hover {color:white !important}
.darkMode .dark-modal .modal-header {border:0; color:#aaa; font-weight:normal; font-size:110%}


/** plugin customizations **/
.wpcf7-not-valid-tip, .wpcf7 form.invalid .wpcf7-response-output {color:#EE4B00; font-style:italic; border:0; padding:0; margin:0;}



/** contact modal **/
.contact-modal {font-family:Roboto, arial, sans-serif !important; color:#212529; font-size:14px;}
.contact-modal label {width:100%}
.contact-modal input[type=text], .contact-modal input[type=tel], .contact-modal input[type=email], .contact-modal textarea, .contact-modal .wpcf7-date {
	width:100%; background:#f0f1f2; border:0; padding:4px 6px; font-size:16px; color:black;
}
.contact-modal .modal-header {
	background:#2F3438; color:white; padding:26px; 
	font-family:'Encode Sans Expanded', arial, sans-serif !important; 
	border-radius:0
}
.contact-modal .wpcf7-submit {
	background:#28A745; color:white; border-radius:0.25rem; padding:1rem 2rem;
	border:0; transition:all 0.3s;
}
.contact-modal .wpcf7-submit:hover {background:#218838; cursor:pointer; transition:all 0.3s;}
.contact-modal .modal-body {padding:23px 26px 8px 26px; border-radius:0;}
.contact-modal .modal-content {border-radius:0}
.close:hover, .close {color:white}
.wpcf7-not-valid-tip, .wpcf7 form.invalid .wpcf7-response-output {
	color:#EE4B00; font-style:italic; border:0; padding:0; margin:0;
}
.contact-modal .wpcf7-select {
	background: #f0f1f2;
    border: 0;
    width: 100%;
    padding: 6px 2px;
    font-size: 16px;
}


/** -- PRIVACY PLEDGE --**/
.outerhex {
  display:block;
  background:#EE4B00;
  width:154px;
  margin:50px auto 35px;
  position:relative;
  padding:5px 0;
  text-decoration:none;
  color:#222 !important;
  line-height:17px;
}

.outerhex:hover {
  text-decoration:none; color:#111 !important;
}

.hexagon {
  display:block;
  left:7px;
  width: 140px;
  position: relative;
  text-align:center;
  font-weight:bold;
  font-size:15px;
  transition:all 0.5s;    
}

.hexagon span {
  padding:0 10px;  
  display:block;
  background: #00D3FE;
  transition:all 0.5s;    
}

.hexagon span:nth-child(2) {
  padding:0 10px;
  background:#02bce2;
}

.hexagon .fa-star {
  position:absolute;
  z-index:510;
  left:10px;
  top:8px;
  transition:all 0.6s;
}

.hexagon .right-star {
  left:auto;
  right:10px;
}

.hexagon:before, .hexagon:after,
.outerhex:before, .outerhex:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;  
  transition:all 0.5s;    
}

.hexagon:before {
  top: -20px;
  left: 0;
  border-bottom: 20px solid #00D3FE;
}

.hexagon:after {
  bottom: -20px;
  left: 0;
  border-top: 20px solid #02bce2;
  z-index:500;
}

.outerhex:before {
  top: -24px;
  left: 0;
  border-left: 77px solid transparent;
  border-right: 77px solid transparent;
  border-bottom: 24px solid #EE4B00;
}

.outerhex:after {
  bottom: -24px;
  left: 0;
  border-left: 77px solid transparent;
  border-right: 77px solid transparent;
  border-top: 24px solid #EE4B00;
}

.outerhex:hover .fa-star {
  transform:rotate(72deg);
  transition:all 0.6s;
}

.outerhex:hover .right-star {
  transform:rotate(-72deg);
}

/** UTOPIA cities list formatting **/
.utopiaCities {list-style-type:none; margin:0; padding:0}
.utopiaCities li {float:left; width:130px;}
.utopiaCities li i:after {content:"*"}
.utopiaComingSoonTag {opacity:0.7; display:block; clear:both}

/** search results page customizations **/
.search-results #mastHead {display:none}
.search-results #container {padding-top:90px}
.search-results h1.entry-title {font-size:32px; margin-bottom:0.5em}
.search-results h2.entry-title {font-size:24px}
.search-results .entry-summary {margin-bottom:1.2em; line-height:120%; font-size:14px}
.search-results .posts-navigation h2 {display:none}
.search-results .posts-navigation {background:transparent}

/** safari fixes **/
a[type=button] {
	background:transparent !important;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
	display:inline-block;
}

/** hide captcha badge **/
.grecaptcha-badge { visibility: hidden; }

/** xmfiber widget **/
#xmfiber-widget {
	margin:-22px 0 30px 0;
	padding-bottom:15px;
}
#xmfiber-widget small {
	display:block;
}
#xmfiber-addr-lookup {
	font-size: 26px;
    padding: 12px;
	height:44px;
	margin-top:4px;
}
#xmfiber-get-btn {
	width:100%;
	padding:10px;
	margin-top:4px;
}

.fmf-promo-text {
	font-size:12px; 
	color:white;
	float:left;
	display:inline-block;
	text-align:right;
	line-height:12px;
	margin-right:24px;
}

.fmf-promo-text span {
	font-size:17px; 
	text-transform:uppercase;
	display:block;
	line-height:14px;
}

.fmf-promo-text b {
	font-size:49px;
	display:block;
	line-height:46px;
}

.btn-fmf-promo {
	outline:4px solid rgba(158,178,49,0.5) !important;
	font-size:30px;
	float:left;
	padding:12px 40px;
	margin-right:24px;
	margin-top:2px;
	text-shadow:1px 1px 8px rgba(0,0,0,0.2);
}

.fmf-promo-sales {
	color:white; font-size:14px;
	line-height:18px;
	margin-top:-2px;
	border-left:2px solid rgba(255,255,255,0.3);
	padding-left:24px;
	float:left;
}

.fmf-promo-sales span {display:block}

.btn-fmf-sales {
	background:#5b5b5b !important;
	margin-top:2px;
}

.btn-fmf-sales:hover {
	background:#6a6a6a !important;
}

@media (max-width: 991px) {
	.fmf-promo-sales span {display:inline}
	.fmf-promo-sales {border-left:0; margin:12px 0 0 0; padding:0; text-align:center; float:none;}
	.fmf-promo-text {display:block; float:none; text-align:center; margin-bottom:12px;}
	.fmf-promo-text b {font-size:28px; display:inline; line-height:28px; }
	.fmf-promo-text span {font-size:24px; line-height:20px; }
	.btn-fmf-promo {float:none; margin:0 auto; max-width:420px; display: flex; justify-content: center}
	.btn-fmf-sales {margin-left:0.5em; font-size:98%}
}


/** hide crap for printing **/
@media print {
	.zsiq_floatmain, .zsiq_float, #footer {visibility:hidden}
	body, #wrapper, a, h1, h2, h3, h4, h5 {color:black !important}
}