/* Adjustments for SeattleHOG.com Theme */
/* Detect Color Scheme and adjust styles as required */
/* Elements not require adjustments are below */
/* Light mode Settings*/
@media (prefers-color-scheme: light) {
	body {
		background-color: white;
		color: black;
	}
	header {
		background-color: white;
		border-bottom: 1px solid #e7e7e7;
	}
	/* Adjust Link Colors and Transitions*/
	a:link {
		color: #F96302;
		text-decoration:none;
	}
	a:visited {
		color: #F96302;
		text-decoration:none;
	}	
	a:hover {
		color: #222222;
		text-decoration:none;
		transition: all 0.5s ease;
	}
	/* Change Color of Top Level Menu to White*/
	.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover {
		background-color: white;
	}
	#dnnMenu .dropdown-menu li:hover {
		background: #e7e7e7 none repeat scroll 0 0;
		transition: all 0.5s ease;
	}
	#dnnMenu .topLevel > .active.open > a, 
	#dnnMenu .topLevel > .active.open > a:hover,
	#dnnMenu .topLevel > .active.open > a:focus {
    	background-color: white;
	}
	/* Adjust xmod Pro */
	.table-altItem {
		background-color: #efefef;
	}
	.table-header {
		border:1px solid #2e2e2e;
		background-color: #cccccc;
		color: #2e2e2e;
		font-weight: bold;
		font-size: 14px;
	}
    .table-center {
		text-align: center;
    }
	/* Adjust Home Page Images - OLD USE Picture Element Now in HTML Module*/
	/* .seattlehogimage {
		content:url("/portals/0/ChapterImages/ChapterLogos/SeattleHOG_badge.png");
		max-width: 100%;
		height: auto;
	}
	.jethdimage {
		content:url("/portals/0/ChapterImages/JetCityHD/JCHD-White-Background.png");
		max-width: 100%;
		width: 500px;
		height: 176px;
	}
	*/
	/* Adjust Blank form Warning - Home page when no events*/
	.dnnFormMessage.dnnFormWarning {
		background-color: lightgray;
		border-color: black;
	}
	/* Adjust Documents module for Black border */
	table.dnnGrid {
		border: 5px solid black;
	}
	/* SeattleHOG Officer Page Styles & Page Sidebar*/
	.seattlehogOfficerImg {
		border-radius: 6px;
		border: 1px solid black;
	}
	.seattlehogPOTMImg {
		border-radius: 6px;
		border: 1px solid black;
	}
	.seattlehogPOTMImgHome {
		border-radius: 6px;
		border: 1px solid black;
	}
}
/* Dark mode Settings*/
@media (prefers-color-scheme: dark) {
	body {
		background-color: black;
		color: #bdbdbd;
	}
	header {
		background-color: black;
		border-bottom: 1px solid #373737;
	}
	input{
    	color: black;
	}
	/*------For Events Title when Viewed Details (Left)-----*/
    .SubHead {
    	color: #bdbdbd;
		/*color: black;*/
    }
	/* Adjust Link Colors and Transitions*/
	a:link {
		color: #F96302;
		text-decoration:none;
	}
	a:visited {
		color: #F96302;
		text-decoration:none;
	}
	a:hover {
		color: #BCBCBC;
		text-decoration:none;
		transition: all 0.5s ease;
	}
	main {
		background-color: black;
		border-color: #373737;
	}
	h1, h2, h3, h4, h5, h6 {
		color: #bdbdbd;
	}
	.Normal,.NormalDisabled,.NormalDeleted {
		color: #bdbdbd;
	}
	.NormalTextBox {
		color: black;
	}
	#breadcrumb {
		border-color: #373737;
	}
	strong {
		color: #bdbdbd;
	}
	/* Adjustments for XmodPro */
	.table-Item {
		background-color: #6e6e6e;
		color: black;
	}
	.table-altItem {
		background-color: #8e8e8e;
		color: black;
	}
	.table-header {
		border:1px solid #2e2e2e;
		background-color: #cccccc;
		color: #2e2e2e;
		font-weight: bold;
		font-size: 14px;
    }
    .table-center {
		text-align: center;
    }
	/* Change Color of Top Level Menu to Black*/
	.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover {
		background-color: black;
	}
	#dnnMenu .dropdown-menu li:hover {
		background: #373737 none repeat scroll 0 0;
		transition: all 0.5s ease;
	}
	#dnnMenu .topLevel > li > a {
		color: #bdbdbd;
	}
	#dnnMenu .topLevel > .active.open > a,
	#dnnMenu .topLevel > .active.open > a:hover,
	#dnnMenu .topLevel > .active.open > a:focus {
    	background-color: black;
	}
	#dnnMenu .dropdown-menu > li > a {
		color: #bdbdbd;
	}
	#dnnMenu .dropdown-menu li > a {
		color: black;
	}
	/* Adjust Home Page Images - OLD USE Picture Element Now in HTML Module*/
	/* .seattlehogimage {
		content:url("/portals/0/ChapterImages/ChapterLogos/SeattleHOG_badge_black.png");
		max-width: 100%;
		height: auto;
	}
	.jethdimage {
		content:url("/portals/0/ChapterImages/JetCityHD/JCHD-Black-Background.png");
		max-width: 100%;
		width: 500px;
		height: 176px;
	}
	*/
	/* Adjust Blank Form Warning - Home page when no Events */
	 .dnnFormMessage {
        border-color: gray;
        background-color: #2e2e2e;
    }
	.dnnFormMessage.dnnFormWarning {
		border-color: gray;
		background-color: #2e2e2e;
	}
	/* Adjust DNN Form Pop - Events Module Creating & Editing */
	.ui-dialog-title {
		color: black;
	}
	.dnnLabel {
		color: #bdbdbd;
	}
    .dnnForm {
        /*background-color:#2e2e2e;*/
        background-color: black;
    }
	.dnnBoxLabel {
		color: #bdbdbd;
	}
    h2.dnnFormSectionHead{
	    color: #bdbdbd;
	}
    h2.dnnFormSectionHead a{
	    color: #bdbdbd;
	}
    h2.dnnFormSectionHead a:hover{
	    color: #bdbdbd;
	}
    h2.dnnFormSectionHead a.dnnSectionExpanded{
	    color: #bdbdbd;
	}
    h2.dnnFormSectionHead a.dnnSectionExpanded:hover{
	    color: #bdbdbd;
	}
    .dnnFormSectionHead span {
		color: #bdbdbd;
	}
	/* Adjust Documents Module*/
	.dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th{
		background-color: #515050;
		color:black
	}
	.dnnGridAltItem {
		background-color: #515050;
	}
	.dnnGridItem:hover, .dnnGridAltItem:hover {
		background-color: #373737;
	}
	table.dnnGrid {
		border: 5px solid gray;
	}
	.dnnEditDocs {
		background-color: white;
		color: black;
	}
	/* SeattleHOG Officer Page Styles & Page Sidebar */
	.seattlehogOfficerImg {
		border-radius: 6px;
		border: 1px solid gray;
	}
	.seattlehogPOTMImg {
		border-radius: 6px;
		border: 1px solid gray;
	}
	.seattlehogPOTMImgHome {
		border-radius: 6px;
		border: 1px solid gray;
	}
}
/* Elements not requiring adjustments for Light/Dark */
/* Change Size of Logo in Upper Left */
.navbar .brand {
	float: left;
	max-width: 600px;
	padding: 0;
}
.aspNetDisabled, a.aspNetDisabled,
.dnnDisabled, a.dnnDisabled {
    color: #000;
    cursor: not-allowed;
    text-decoration: none;
}
/*--------Breaks Drop Down Menu Items when top page is active---->*/
/*#dnnMenu .topLevel li.active a {
	color: #F96302;
}*/
#dnnMenu .topLevel li a:hover {
	color: #F96302;
	transition: all 0.5s ease;
}
#dnnMenu .dropdown.open .subLevel > li a:hover span {
	color: #F96302;
	transition: all 0.5s ease;
}
#dnnMenu .topLevel > li > a:hover span {
	color: #F96302;
	transition: all 0.5s ease;
}
/* Adjust default HTMLinput Box for Newslist Messages and Ride Submission Forms */
.xmp-form-HTMLInput {
	width:95%;
	/*min-width:500px;*/
	/*height:100px;*/
	/*min-height:100px;*/
}
/* Style Menu when screen size is less than 767px wide */
@media only screen and (max-width:767px){
	#dnnMenu .dropdown-menu.subLevel li.active a span{
		color:#f96302;
	}
	#dnnMenu .topLevel li.active a{
		color:#f96302;
		font-weight:bold;
	}
	#dnnMenu .topLevel li a:hover{
		background-color:#e7e7e7;
		transition: all 0.5s ease;
	}
	#dnnMenu .topLevel li a:hover span{
		color:#f96302;
		;
		transition: all 0.5s ease;
	}
	#dnnMenu .topLevel .dropdown.open a span{
		color:#f96302;
	}
	#dnnMenu .topLevel .dropdown-menu.subLevel a span{
		color:#fff;
	}
	#dnnMenu .topLevel>li>a{
		color:#fff;
	}
	#dnnMenu .topLevel>li>a:hover span{
		color:#f96302;
	}
	.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover {
		background-color:#383c40;
		transition: all 0.5s ease;
	}
}
/* Modify Footer to HD Orange */
footer .footer-above {
	border-top: 25px solid #F96302;
}
/* Format DNN Form Buttons - Start with Portal/_default/default.css */
/* Only Values modified from Default are below */
.dnnFormItem button, .dnnFormItem input[type="button"],.dnnFormItem input[type="reset"],.dnnFormItem input[type="submit"],.dnnPrimaryAction,.dnnSecondaryAction,.dnnTertiaryAction,ul.dnnAdminTabNav li a,.dnnLogin .LoginTabGroup span {
	border: 1px solid #898989;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #333;
	font-weight: normal;
	/* font-size: 16px;	*/
	/* padding: 3px 3px; */
}
/* Primary Action */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
	border-color: #898989;
	background-color: #e2e2e2;
	/* Old browsers */
	background: -moz-linear-gradient(top, #d3d3d3 0%, #a5a5a5 100%);
	/* FF3.6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#a5a5a5));
	/* Chrome,Safari4 */
	background: -webkit-linear-gradient(top, #d3d3d3 0%,#a5a5a5 100%);
	/* Chrome10 ,Safari5.1 */
	background: linear-gradient(top, #d3d3d3 0%,#a5a5a5 100%);
	/* W3C */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
	text-shadow: 0px 1px 0px #bbb;
	color: #333;
	font-weight: bold;
}
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
	border-color: #898989;
	background-color: #e6e6e6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #e6e6e6 0%, #9d9d9d 100%);
	/* FF3.6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#9d9d9d));
	/* Chrome,Safari4 */
	background: -webkit-linear-gradient(top, #e6e6e6 0%,#9d9d9d 100%);
	/* Chrome10 ,Safari5.1 */
	background: linear-gradient(top, #e6e6e6 0%,#9d9d9d 100%);
	/* W3C */
	color: #474747;
}
.dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
	border-color: #898989;
	background-color: #717171;
	/* Old browsers */
	background: -moz-linear-gradient(top, #717171 0%, #9b9d9f 100%);
	/* FF3.6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(100%,#9b9d9f));
	/* Chrome,Safari4 */
	background: -webkit-linear-gradient(top, #717171 0%,#9b9d9f 100%);
	/* Chrome10 ,Safari5.1 */
	background: linear-gradient(top,#717171 0%,#9b9d9f 100%);
	/* W3C */
	-webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	color: #333;
	font-weight: bold;
}
/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],.dnnFormItem input[type="reset"],.dnnSecondaryAction,a.dnnSecondaryAction,ul.dnnAdminTabNav li a,.dnnLogin .LoginTabGroup span {
	background-color: #f5f5f5;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
	/* FF3.6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf));
	/* Chrome,Safari4 */
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
	/* Chrome10 ,Safari5.1 */
	background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
	/* Opera 11.10 */
	background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
	/* IE10 */
	background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%);
	/* W3C */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px #ffffff;
	color: #333;
}
.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover,.dnnFormItem input[type="reset"]:hover,.dnnSecondaryAction:hover,a.dnnSecondaryAction:hover,ul.dnnAdminTabNav li a:hover,.dnnLogin .LoginTabGroup span:hover {
	background-color: #fefefe;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
	/* FF3.6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8));
	/* Chrome,Safari4 */
	background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%);
	/* Chrome10 ,Safari5.1 */
	background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%);
	/* Opera 11.10 */
	background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%);
	/* IE10 */
	background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%);
	/* W3C */
	color: #555;
}
.dnnFormItem button:active,.dnnFormItem input[type="button"]:active,.dnnFormItem input[type="reset"]:active,.dnnFormItem input[type="reset"]:active,.dnnSecondaryAction:active,a.dnnSecondaryAction:active,ul.dnnAdminTabNav li a:active {
	border-color: #999;
	background-color: #c6c6c6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
	/* FF3.6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3));
	/* Chrome,Safari4 */
	background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%);
	/* Chrome10 ,Safari5.1 */
	background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%);
	/* Opera 11.10 */
	background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%);
	/* IE10 */
	background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%);
	/* W3C */
	-webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
}
/* SeattleHOG Adjust the Mail Icon Size*/
.glyphicon.glyphicon-envelope {
	font-size: 14px;
}
/* SeattleHOG Home Page Parallax Effect */
.homecover{
	background: url("/Portals/0/ChapterImages/seattleskyline.jpg?ver=2019-01-24-142643-320") no-repeat top center fixed;
	background-size: auto;
	height: 300px;
	width: 100%;
}
.homecovercontent{
	width: 100%;
	height: 100%;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-width: 1024px) {
	.homecover{
		background-image: none;
		height: 0%;
	}
}
/*------HotCakes Bootstrap Overrides---*/
/*------Common Settings---*/
.btn-default {
    color: #333;
    background-color: #e8e8e8;
    border-color: #ccc;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    transition: all 0.5s ease;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
}
 .btn-primary {
    color: #F96302;
    background-color: #e8e8e8;
    border-color: #ccc;
}
.btn-primary:hover {
    color: #222;
    background-color: #e6e6e6;
    border-color: #adadad;
    transition: all 0.5s ease;
}
a.btn-primary {
    background-color: #e8e8e8;
    border-color: #ccc;
}
a.btn-primary:hover {
    color: #222;
    background-color: #e6e6e6;
    border-color: #adadad;
    transition: all 0.5s ease;
}
a.btn-primary:visited {
    color: #F96302;
    background-color: #e8e8e8;
    border-color: #ccc;
}
.btn-primary.focus, .btn-primary:focus {
    color: #F96302;
    background-color: #e6e6e6;
    border-color: #adadad;
}    
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #F96302;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #F96302;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #F96302;
    background-color: #ccc;
    border-color: #e8e8e8;
}
.pagination>li>a, .pagination>li>span {
    color: #222;
    background-color: #e8e8e8;
}
.hc-minicart .hc-iconbox {
    /*move cart to right*/
    left: 85%;
}
.hc-product .hc-stockdisplay {
    color: #222; 
}
.hc-categorymenu .hc-current > a {
    color: #F96302;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
	margin-left: auto;
	margin-right: auto;
}
/*------Light Mode Settings---*/
@media (prefers-color-scheme: light) {
    .alert-info {
        color: #444;
        background-color: #f9f9f9;
        border-color: black;
    }
    .panel-default {
        border-color: black;
    }
    .panel-primary {
        border-color: black;
    }
    .panel-footer {
        background-color: #f9f9f9;
        border-color: black
    }
    .panel-default>.panel-heading {
        color: #444;
        background-color: #f9f9f9;
        border-color: black;
    }
    .panel-primary {
        border-color: black;
    }
    .panel-primary>.panel-heading {
        color: #444;
        background-color: #f9f9f9;
        border-color: gray;
    }
    .hc-categorymenu li a {
        color: #444;
    }
}
/*------Dark Mode Settings---*/
@media (prefers-color-scheme: dark) {
    .alert-info {
        color: #bdbdbb;
        background-color: #222;
        border-color: gray;
    }
    .panel-default {
        border-color: gray;
    }
    .panel-default>.panel-heading {
        color: #bdbdbb;
        background-color: black;
        border-color: gray;
    }
    .panel-body {
	    background-color: black;
    }    
    .panel-footer {
        background-color: black;
        border-color: gray;
    }
    .panel-primary {
        border-color: gray;
    }
    .panel-primary>.panel-heading {
        color: #bdbdbb;
        background-color: black;
        border-color: gray;
    }
    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #222;
    }    
    .hc-categorymenu li a {
        color: #bdbdbd;
    }
    .hc-minicart .hc-iconbox {
        /*Adjust cart icon for Dark Mode*/
        background: url('images/minicart_dark.png') no-repeat 5px center;
    }
    .hc-minicart .hc-iconbox a {
        color: #bdbdbd;
      }
    .hc-minicart .hc-iconbox a:hover {
        color: #bdbdbd;
    }    
    .breadcrumb {
        background-color: #222;
    }   
}
