/*
 * Purpose: Main site Colors CSS
 *
 * Copyright 14ers.inc, 14ers.com
 */

body {
	color: #000;
	background-color: transparent;
}
h1 {
	color: #9799a7;
}
h2 {
	color: #000;
}
h3 {
	color: #9799a7;
	border-bottom: 1px solid #CCC;
}

#sfooter {
	border-top: #DDDDDD 1px solid;
	background: #BDBDBD url(/images/gradient.png) repeat-x scroll 0 -100px;
}
#sfooter h3 {
	color: #656565;
}
#breadcrumbwrap a {
	color: #FFF;
}
.breadcrumb li a:after, 
ul.breadcrumb li a:after {
	border-left: 20px solid hsla(34,85%,35%,1);
}
.breadcrumb li a:before, 
ul.breadcrumb li a:before {
	border-left: 22px solid #FFF;
}
.breadcrumb li a {
	background: #ffaf1a;              /* fallback color */
}
.breadcrumb li:nth-child(1) a {
	background: hsla(34,85%,35%,1);
}
.breadcrumb li:nth-child(2) a {
	background: hsla(34,85%,45%,1);
}
.breadcrumb li:nth-child(2) a:after {
	border-left-color: hsla(34,85%,45%,1);
}
.breadcrumb li:nth-child(3) a {
	background: hsla(34,85%,55%,1);
}
.breadcrumb li:nth-child(3) a:after {
	border-left-color: hsla(34,85%,55%,1);
}
.breadcrumb li:nth-child(4) a {
	background: hsla(34,85%,65%,1);
}
.breadcrumb li:nth-child(4) a:after {
	border-left-color: hsla(34,85%,65%,1);
}
.breadcrumb li:nth-child(5) a {
	background: hsla(34,85%,75%,1);
}
.breadcrumb li:nth-child(5) a:after {
	border-left-color: hsla(34,85%,75%,1);
}
.breadcrumb li a:hover {
	background: hsla(34,85%,25%,1);
}
.breadcrumb li a:hover:after {
	border-left-color: hsla(34,85%,25%,1) !important;
}
#dhtmlpoptip {
	background-color: transparent;
}

/* Site-wide links
---------------------------------------- */
a:link,
a:visited,
a:not([href]),
button.linkButton,
span.linkButton,
div.linkColor,
span.linkColor,
i.linkColor {
	color : #0c89e8;
}
a:hover,
a:not([href]):hover,
button.linkButton:hover,
span.linkButton:hover {
	color : #f49820;
}

/* Individual Page - Bottom Function Bar
   used for SAVE buttons, etc.
---------------------------------------- */
#bottomFunctionBar {
	background-color:#FFF;
}


/* V3 (2021) color scheme
---------------------------------------- */
.v3-darkback {
	color:#FFF;
	background-color:#3e3e3e;
}
.v3-table {
	background-color:#f1f1f1;
	border:1px solid #3e3e3e;
}
.v3-table th {
	background-color:#3e3e3e;
	color:#FFF;
}
.v3-table tr td {
	/* border:1px solid #eee; */
}
.v3-table th a:link,
.v3-table th a:not([href]),
.v3-table th a:visited {
	color : #4da9ef;
}
.v3-table th a:hover {
	color : #f49820;
}
/* In ../sass/sortable-theme-light.sass */
table[data-sortable] th[data-sorted="true"] {
	background: #ffe6a3;
}


/* MAIN 
---------------------------------------- */
#socialMediaButtons a,
#socialMediaButtons a:link,
#socialMediaButtons a:visited {
	color : #eb8f00;
}
#socialMediaButtons a:hover {
	color : #DD6900;
}
.paragraph_header {
	color:#bb5800;
	background-color:transparent;
	border-bottom: 1px solid rgba(53,86,129, 0.3);
}
a.textHighlight,
span.textHighlight {
	background-color:#FFFF00;
}
.pagination span strong {
	color: #FFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
}
.pagination span a,
.pagination span a:link,
.pagination span a:visited,
.pagination span a:active {
	color: #747474;
	background-color: #EEE;
	border: 1px solid #bababa;
}
.pagination span a:hover {
	color: #FFF;
	background-color: #d2d2d2;
	border-color: #d2d2d2;
}
.errormsg {
	color: #FF3333;
}
.colorRed {
	color: #FF3333 !important;
}
.successmsg {
	color: green;
}
.colorGreen {
	color: green;
}
.singlephotoright img { 
 	border: 1px solid #999;
	border-color: #999;
}
.color14er  {
	color:#ff9900;
}

.color13er {
	color:blue;
}
.class1,
.class2,
.class3,
.class4,
.class5 {
	color:#FFF;
}
@media print {
	.class1,
	.class2,
	.class3,
	.class4,
	.class5 {
		color:#000;
	}
}
.class1 {
	background-color:#66cc00;
}
.class2 {
	background-color:blue;
}
.class3 {
	background-color:#ec01ec;
}
.class4 {
	background-color:#ff9900;
}
.class5 {
	background-color:red;
}
.buttonf {
	color:#FFF !important;
}
a.buttonf:visited {
	color:#FFF !important;
}
.buttonfs {
	color:#FFF !important;
}
.orangef {
	color: #FFF;
	border: solid 1px #da7c0c;
	background-color: #f47a20;
}
.orangef:hover {
	background-color: #f49820;
}
.orangef:active {
	background-color: #f49820;
}
a.orangef:link,
a.orangef:hover,
a.orangef:active {
	color: #FFF !important;
}
.orangefwkey {
	background: #f47a20 url('/images/key_tiny.png') no-repeat right top;
}
.map_colheader {
	background-color:#3e3e3e;
	color: #FFF;
}
span.mainpic {
	border:3px solid #4274ab;
	background-color:#4274ab;
}
.mainpic img,
img.mainpic {
	border:1px solid #CCC;
	background-color:#FFF;
}
.mainpicthumb img,
img.mainpicthumb,
div.peakGroupedPhotosWrap span img {
	border: 1px solid darkgray;
	background-color:#FFF;
}
span.agecolor_red {
	background-color:#FF0000 !important;
}
span.agecolor_red_textonly {
	color:#FF0000;
}
span.agecolor_green {
	background-color:#009900 !important;
}
span.agecolor_green_textonly {
	color:#009900;
}
span.agecolor_blue {
	background-color:#0000FF !important;
}
span.agecolor_blue_textonly {
	color:#0000FF;
}
span.textContrast1,
span.textContrast2 {
	background-color:rgba(0, 0, 0, 0.6); 
	border:1px solid #ff9900;
}
div.formErrors {
	width:100%;
	margin:5px;
	color:#FF0000;
}
ul.notesList li:before {
	color:#999;
}
.groupCard {
	border: 1px solid #999;
	background-color: #fbfbfb;
	box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px;
}
ul.bullet1 li:before {
	color: #ff9900;
}

/* LIKE/DISLIKE
---------------------------------------- */
.likeColor {
	color:#09d611;
}
.dislikeColor {
	color:#fa2e38;
}
div.countBoxLike {
	color:#FFF;
	background-color:#09d611;
}
div.countBoxDislike {
	color:#FFF;
	background-color:#fa2e38;
}
span.likecount,
span.dislikecount {
	color:#FFF;
}
span.likecount {
	background-color:#09d611;
}
span.dislikecount {
	background-color:#fa2e38;
}
div.likearea {
	background-color:#FFF;
	border-radius:3px;
}
div.likearea:hover {
	background-color:#f1f1f1;
}


/* TABLES 
---------------------------------------- */
.rowhover tr:hover,
tr.rowhover:hover {
	background-color: #ffe6a3 !important;
}
.rownohover tr:hover,
table.rowhover tr.rownohover:hover {
	background-color: transparent !important;
}
table.alternaterowcolors1 tr:nth-child(odd) {
	background-color: #EFEFEF;
}
table.alternaterowcolors1 tr:nth-child(even) {
	background-color: #FFF;
}
table.alternaterowcolors2 tr:nth-child(odd) {
	background-color: #FFF;
}
table.alternaterowcolors2 tr:nth-child(even) {
	background-color: #EEE;
}
tr.rowcolorentrydeleted {
	background-color: #FFCCCC !important;
}


/* MENUS
---------------------------------------- */



/* USED IN POPTIP.JS 
---------------------------------------- */
.poptip {
	background-color:#abc8da;
	border:2px solid #71869b;
}
.poptip #poptip-title {
	background-color: transparent;
}
.poptip h3#poptip-title {
	background-color: transparent;
	color: #cc6600;
}


/* LOGIN.CSS 
---------------------------------------- */
#siteloginpod {
	background:#f1f1f1;
	border:1px solid #d3d3d3;
	-moz-box-shadow: 0 0 8px 2px rgba(178,202,217,0.5);
	-webkit-box-shadow: 0 0 8px 2px rgba(178,202,217,0.5);
	box-shadow: 0 0 8px 2px rgba(178,202,217,0.5);
}
#siteloginpod input.textinput {
	border:1px solid #d3d3d3;
}
#siteloginpod input:focus {
	border-color:#77b2ee;
}


/* GOOGLE MAP Specific
---------------------------------------- */
div.gmap-infowindow-description {
	color:#000000;
}
.gmap-infowindow-subheader {
	color:#FF9900;
}


/* Popup box attributes
-------------------------------------- */
.poptip {
	-webkit-box-shadow: 4px 4px 8px -4px #000;
	-moz-box-shadow: 4px 4px 8px -4px #000;
	box-shadow: 4px 4px 8px -4px #000;
}


/* SELECT2
---------------------------------------- */
.select2-container--default .select2-results__group {
	background-color: #f2ebda;
}


/* Form Panels/Boxes
---------------------------------------- */
.formPanelContainer {
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
}
div.formPanelField input[type=text],
div.formPanelField select,
div.formPanelField textarea {
	border: 1px solid #ccc;
}
.formInfoText {
	color:#009688 !important;
}
.statsbox,
#discussion_form {
	background-color:#f2ebda;
	border:1px solid #CCC;
}
.tedit button,
.tedit div.bbcode-color select,
.tedit div.bbcode-font select {
	background-color:#cadceb;
	border:1px solid gray;
}
.tedit button:hover,
.tedit div.bbcode-color select:hover,
.tedit div.bbcode-font select:hover {
	background-color:#ddeffe;
}

/* FONT AWESOME Overrides
---------------------------------------- */
.fa-check {
	color:#009900 !important;
}
.fa-skiing {
	color:#FF0000;
}
.fa-person-skiing {
	color:#FF0000 !important;
}
.fa-xmark {
	color:#FF0000;
}
.fa-wrench {
	color:#FF0000;
}
.fa-star {
	color:orange;
}
.fa-snowflake {
	color:#0055ff !important;
}
.fa-hiking {
	color:#009900;
}
.fa-dice-three {
	color:#cc00ff;
}
.fa-panorama {
	color:royalblue;
}
.fa-user-group {
	color:green;
}
.fa-file-alt {
	color:#c9c71c;
}
.fa-bookmark {
	color:#007bff;
}
.fa-bookmark:hover {
	color:#f49820;
}
.fa-info-circle {
	color:#FF9900;
}
.fa-folder-open {
	color:#ffc107;
}
.fa-plus {
	color:#004CFF;
}
.fa-circle-exclamation {
	color:#ff6d19;
}
.fa-gear {
	color:#607d8b;
}
.fa-upload {
	color:#EC46F0;
}
.fa-download {
	color:#3EB000;
}

/* SITE HEADER
---------------------------------------- */
#siteheader {
	color: #FFF;
	background-color:transparent;
	background-image:url(/images/headerbar_back2.jpg); background-repeat:repeat; background-position: top left;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
}
#siteheader-logo a {
	background-color: transparent;
}
#siteheader-menuwrap ul a {
	color:#FFF;
}
#siteheader-menuwrap ul ul a {
	background-color:#FFF;
	color:#663333;
}
#siteheader-menuwrap ul span {
	background-color:#FFF;
}
#siteheader-menuwrap ul li:hover>a.menu_topitem {
	color:#fdd101;
}
#siteheader-menuwrap ul ul.menu_bottomitems {
	background:#FFF;
	border:1px solid #CCC;
}
@media (min-width : 1000px) {
	#siteheader-menuwrap ul li:hover:after {
		border-right: 9px solid transparent;
		border-bottom: 9px solid #FFFFFF;
		border-left: 9px solid transparent;
	}
}
#siteheader-menuwrap ul ul li:hover>a {
	color:#fdd101;
}
#siteheader-menuwrap ul li:hover>a.menu_bottomitems {
	background:#354fc5;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4c6dfb), color-stop(0.4, #4c6dfb), to(#032de2));
	background:-webkit-linear-gradient(top, #4c6dfb, #4c6dfb 40%, #032de2);
	background:-ms-linear-gradient(top, #4c6dfb, #4c6dfb 40%, #032de2);
	background:-o-linear-gradient(top, #4c6dfb, #4c6dfb 40%, #032de2);
	background:-moz-linear-gradient(top, #4c6dfb, #4c6dfb 40%, #032de2);
	background:linear-gradient(top, #4c6dfb 0%, #4c6dfb 40%, #032de2);
}
#siteheader-menuwrap ul ul.mm_submenu {
	background:#FFF;
	border:1px solid #CCC;
	-webkit-box-shadow: 0px 5px 14px 0px #6d6d6d !important;
	-moz-box-shadow:0px 5px 14px 0px #6d6d6d !important;
	box-shadow: 0px 5px 14px 0px #6d6d6d !important;
}
div.mm_submenu_columnlist_div ul li.mm_column_header {
	color:#425563;
}
div.mm_submenu_columnlist_div ul li:not(.mm_column_header):hover {
	background-color:#F2F2F2 !important;
}
div.mm_submenu_columnlist_div ul li.mm_column_header span {
	border-bottom:2px solid lightgray;
}
div.mm_submenu_columnlist_div ul a:link,
div.mm_submenu_columnlist_div ul a:not([href]),
div.mm_submenu_columnlist_div ul a:visited {
	color : #0c89e8 !important;
}
div.mm_submenu_columnlist_div ul a:hover {
	color : #f49820 !important;
}
#siteheader-menuwrap.menu-mobile > ul > li > a {
	color:#ffffff;
	text-shadow:0 1px 1px #000;
	background:#6a6b72;
	background:-moz-linear-gradient(#6a6b72 0%, #4c4e53 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a6b72), color-stop(100%, #4c4e53));
	background:-webkit-linear-gradient(#6a6b72 0%, #4c4e53 100%);
	background:linear-gradient(#6a6b72 0%, #4c4e53 100%);
}
#siteheader-menuwrap.menu-mobile > ul > li.active > a {
	background:#d57e17;
	background:-moz-linear-gradient(#d57e17 0%, #b66737 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d57e17), color-stop(100%, #b66737));
	background:-webkit-linear-gradient(#d57e17 0%, #b66737 100%);
	background:linear-gradient(#d57e17 0%, #b66737 100%);
	color:#ffffff;
	text-shadow:0 1px 1px #d57e17;
}
#siteheader-menuwrap.menu-mobile ul ul a {
	background:#FFF;
	color:#663333;
}
#siteheader-menuwrap.menu-mobile ul ul li:hover>a {
	color:#fdd101;
}
#siteheader-menuwrap.menu-mobile ul ul li a:hover, #siteheader-menuwrap.menu-mobile ul ul li a:active {
	background:#e1ebf2;
}
#siteheader-menuwrap.menu-mobile ul li:hover>a.menu_topitem {
	color:#fdd101;
}

/* USER PROFILE MENU 
---------------------------------------- */
.withText {
	color:#FFF;
}
#siteheader-login a.newLoginLink {
	color:#FFF;
	margin-right:20px;
}
#siteheader-login a.newLoginLink:hover {
	color: #fdd101;
}
ul#userProfileMenu {
	border:1px solid #D8D8D8;
	background-color:#FFF;
	-webkit-box-shadow: 0px 5px 14px 0px #6d6d6d !important;
	-moz-box-shadow:0px 5px 14px 0px #6d6d6d !important;
	box-shadow: 0px 5px 14px 0px #6d6d6d !important;
	border-color:#D8D8D8;
}
ul#userProfileMenu li{
	color:#0c89e8;
}
ul#userProfileMenu li.userProfileOption:hover{
	background-color:#F2F2F2;
}
ul#userProfileMenu li.userProfileNameHeader {
	color:#050505;
}
ul#userProfileMenu li.userProfileMenuSep {
	border-bottom:1px solid #D8D8D8;
}
ul#userProfileMenu li:hover>a {
	color:#f49820;
}