/*
 * Purpose: Main site Colors CSS
 *
 * Copyright 14ers.inc, 14ers.com
 */
:root {
	--bg-main-color: 			#FDFDFD;
	--bg-object-hover-color:	#ffe6a3;
	--bg-footer-color1: 		#f1f1f1;
	--bg-footer-color2:			#BDBDBD;

	--text-primary-color: 		#141414;
	--text-lightondark-color: 	#FFFFFF;
	--text-link-color: 			#0c89e8;
	--text-link-light-color: 	#48abed;
	--text-link-hover-color:	#f49820;
	--text-error-color: 		#FF0000;
	--text-success-color: 		#01a001;
	--text-highlight-color: 	#FFFF00;
	--text-hdr-color: 			#ababab;

	--header-bg-color: 			transparent;
	--header-text-color: 		#FFFFFF;

	--menu-bg-color: 			#FFFFFF;
	--menu-border-color: 		#CCCCCC;
	--menu-shadow-color: 		#6d6d6d;
	--menu-item-hover-bg-color: #F2F2F2;
	--menu-separator-color: 	#D8D8D8;
	--menu-mobile-header-color:	#6d6d6d;

	--footer-bg-color: 			#003049;
	--footer-text-color: 		#FFFFFF;

	--button-bg1-color: 		#f47a20;
	--button-hover1-color: 		#f49820;
	--button-text-color: 		#FFFFFF;
	--button-text-shadow-color: #F2F2F2;
	--button-border-color: 		#a85f00;
	--button-shadow-color: 		1px 2px 3px rgba(0,0,0,.3);

	--border-h3-color: 			#CCCCCC;

	--table-bg-color:			#f1f1f1;
	--table-border-color: 		#3e3e3e;
	--table-th-bg-color: 		#3e3e3e;
	--table-th-text-color: 		#FFFFFF;
	--table-row-bg-even-color: 	#FFFFFF;
	--table-row-bg-odd-color: 	#f1f1f1;
	--table-row-bg-x-color: 	#FFCCCC;

	--bullet1-color: 			#ff9900;
	--bullet2-color: 			#3e3e3e;

	--form-bg-color:			#f1f1f1;
	--form-border-color:		#d3d3d3;

	--form-field-border-color:	#cccccc;
	--form-field-info-color:	#009688;
	--form-field-error-color:	#ff0000;
	--form-field-success-color:	#00ff00;
	--form-function-bar-color:	#FFFFFF;

	--box-bg-color:				#f2ebda;
	--box-border-color:			#999999;

	--card-bg-color:			#FFFFFF;
	--card-border-color:		#bababa;
	--card-hdr-color:			#333333;

	--poptip-bg-color: 			#abc8da;
	--poptip-border-color: 		#71869b;
	--poptip-shadow-color: 		#000000;
	--poptip-title-color: 		#cc6600;

	--paging-bg-color: 			#EEEEEE;
	--paging-border-color: 		#bababa;
	--paging-text-color: 		#747474;
	--paging-current-bg-color: 	#bfbfbf;
	--paging-current-bdr-color: #bfbfbf;
	--paging-current-text-color:#ffffff;
	--paging-hover-bg-color: 	#d2d2d2;
	--paging-hover-bdr-color: 	#d2d2d2;
	--paging-hover-text-color:	#ffffff;

	--peak-14er-color:			#ff9900;
	--peak-13er-color:			#0000ff;

	--class1-color:				#66cc00;
	--class2-color:				#0000ff;
	--class3-color:				#ec01ec;
	--class4-color:				#ff9900;
	--class5-color:				#ff0000;

	--like-bg-color:			#09d611;
	--like-bg-hover-color:		#f1f1f1;
	--like-text-color:			#FFFFFF;

	--icon-skiing-color:		#FF0000;
	--icon-delete-color:		#FF0000;
	--icon-wrench-color:		#FF0000;
	--icon-star-color:			#FF9900;
	--icon-snowflake-color:		#0055ff;
	--icon-hiking-color:		brown;
	--icon-dice-color:			#cc00ff;
	--icon-panorama-color:		royalblue;
	--icon-user-color:			green;
	--icon-file-color:			#c9c71c;
	--icon-info-color:			#FF9900;
	--icon-map-color:			#FF9900;
	--icon-folder-color:		#ffc107;
	--icon-edit-color:			green;
	--icon-add-color:			#004CFF;
	--icon-exclaim-color:		#ff6d19;
	--icon-gear-color:			#607d8b;
	--icon-upload-color:		#EC46F0;
	--icon-download-color:		#3EB000;
	--icon-mobile-color:		#999999;
	--icon-globe-color:			royalblue;

	--age-1-color:				rgb(255, 0, 0, 0.8);
	--age-2-color:				rgba(255, 203, 0, 0.8);
	--age-3-color:				rgb(0, 90, 255, 0.2);

	--active-color:				limegreen;
	--inactive-color:			#ffc71d;

	--trip-full-stamp-color:	gold;
	--trip-mini-stamp-color:	mediumseagreen;
	--trip-external-stamp-color:lightslategray;
	--trip-private-stamp-color:	#FFFF00;

}

body {
	color: var(--text-primary-color);
	background-color: var(--bg-main-color);
}
h1 {
	color: var(--text-hdr-color);
}
h2 {
	color: var(--text-hdr-color);
}
h3 {
	color: var(--text-hdr-color);
	border-bottom: 1px solid var(--border-h3-color);
}
.pageoverlay {
	background-color: rgba(0, 0, 0, 0.7);
}
#sfooter {
	background: linear-gradient(to bottom, var(--bg-footer-color1), var(--bg-footer-color2));
}
#breadcrumbwrap a {
	color: var(--bg-main-color);
}
.breadcrumb li a:before,
ul.breadcrumb li a:before {
	border-left: 22px solid var(--bg-main-color);
}
.breadcrumb li a:after,
ul.breadcrumb li a:after { 				border-left: 20px solid hsla(34,85%,35%,1);}
.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,
div.linkButton,
span.linkButton,
div.linkColor,
span.linkColor,
i.linkColor {
	color : var(--text-link-color);
}
a:hover,
a:not([href]):hover,
button.linkButton:hover,
div.linkButton:hover,
span.linkButton:hover {
	color : var(--text-link-hover-color);
}

/* Individual Page - Bottom Function Bar
   used for SAVE buttons, etc.
---------------------------------------- */
#bottomFunctionBar {
	background-color: var(--form-function-bar-color);
}


/* V3 (2021) color scheme
---------------------------------------- */
.v3-darkback {
	color: var(--table-th-text-color);
	background-color: var(--table-th-bg-color);
}
.v3-table {
	background-color: var(--table-bg-color);
	border:1px solid var(--table-border-color);
}
.v3-table th {
	background-color: var(--table-th-bg-color);
	color: var(--table-th-text-color);
}
.v3-table th a:link,
.v3-table th a:not([href]),
.v3-table th a:visited {
	color : var(--text-link-light-color);
}
.v3-table th a:hover {
	color : var(--text-link-hover-color);
}
/* In ../sass/sortable-theme-light.sass */
table[data-sortable] th[data-sorted="true"] {
	background: var(--bg-object-hover-color);
}


/* MAIN 
---------------------------------------- */
a.textHighlight,
span.textHighlight {
	background-color: var(--text-highlight-color);
}
.pagination span strong {
	color: var(--paging-current-text-color);
	background-color: var(--paging-current-bg-color);
	border: 1px solid var(--paging-current-bdr-color);
}
.pagination span a,
.pagination span a:link,
.pagination span a:visited,
.pagination span a:active {
	color: var(--paging-text-color);
	background-color: var(--paging-bg-color);
	border: 1px solid var(--paging-border-color);
}
.pagination span a:hover {
	color: var(--paging-hover-text-color);
	background-color: var(--paging-hover-bg-color);
	border: 1px solid var(--paging-hover-bdr-color);
}
.errormsg,
.colorRed {
	color: var(--text-error-color) !important;
}
.successmsg {
	color: var(--text-success-color) !important;
}
.singlephotoright img {
 	border: 1px solid #999;
}
.color14er  {
	color: var(--peak-14er-color);
}
.color13er {
	color: var(--peak-13er-color);
}
.class1,
.class2,
.class3,
.class4,
.class5 {
	color:#FFF;
}
@media print {
	.class1,
	.class2,
	.class3,
	.class4,
	.class5 {
		color:#000;
	}
}
.class1 { background-color: var(--class1-color);}
.class2 { background-color: var(--class2-color);}
.class3 { background-color: var(--class3-color);}
.class4 { background-color: var(--class4-color);}
.class5 { background-color: var(--class5-color);}
.buttonf,
.buttonfs {
	color: var(--button-text-color) !important;
	text-shadow: var(--button-text-shadow-color);
	-webkit-box-shadow: var(--button-shadow-color);
	-moz-box-shadow: var(--button-shadow-color);
	box-shadow: var(--button-shadow-color);
}
a.buttonf:visited {
	color: var(--button-text-color) !important;
}
.orangef {
	color: var(--button-text-color);
	border: solid 1px var(--button-border-color);
	background-color: var(--button-bg1-color);
}
.orangef:hover,
.orangef:active {
	background-color: var(--button-hover1-color);
}
a.orangef:link,
a.orangef:hover,
a.orangef:active {
	color: var(--button-text-color) !important;
}
span.featuredPhoto {
	border:3px solid #4274ab;
	background-color:#4274ab;
}
.featuredPhoto img,
img.featuredPhoto {
	background-color:#FFF;
}
.featuredPhotoThumb img,
img.featuredPhotoThumb {
	border: 1px solid darkgray;
	background-color:#FFF;
}
div.formErrors {
	width:100%;
	margin:5px;
	color:var(--text-error-color);
}
.groupCard {
	background-color: var(--card-bg-color);
	border: 1px solid var(--card-border-color);
	box-shadow: rgba(0, 0, 0, 0.14) 0 4px 5px 0, rgba(0, 0, 0, 0.12) 0 1px 10px 0, rgba(0, 0, 0, 0.2) 0 2px 4px -1px;
}
.groupCard h2 {
	color: var(--card-hdr-color);
}
ul.bullet1 li:before {
	color: var(--bullet1-color);
}
ul.bullet2 li:before {
	color: var(--bullet2-color);
}
.fa-li.fa.fa-circle {
	color: var(--bullet1-color);
}


/* REACTIONS
---------------------------------------- */
.likeColor {
	color: var(--like-bg-color);
}
div.countBoxLike {
	color: var(--like-text-color);
	background-color: var(--like-bg-color);
}
span.likecount {
	color: var(--like-text-color);
}
span.likecount {
	background-color: var(--like-bg-color);
}
div#likedata :active {
	background-color: var(--text-highlight-color);
}
div.likearea:hover {
	background-color: var(--like-bg-hover-color);
}


/* TABLES 
---------------------------------------- */
.rowhover tr:hover,
tr.rowhover:hover,
div.cardhover:hover {
	background-color: var(--bg-object-hover-color) !important;
}
.rownohover tr:hover,
table.rowhover tr.rownohover:hover {
	background-color: transparent !important;
}
table.alternaterowcolors1 tr:nth-child(odd) {
	background-color: var(--table-row-bg-odd-color);
}
table.alternaterowcolors1 tr:nth-child(even) {
	background-color: var(--table-row-bg-even-color);
}
tr.rowcolorentrydeleted {
	background-color: var(--table-row-bg-x-color) !important;
}


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



/* USED IN POPTIP.JS
---------------------------------------- */
.poptip {
	background-color: var(--poptip-bg-color);
	border:1px solid var(--poptip-border-color);
}
.poptip h3#poptip-title {
	background-color: transparent;
	border:0;
	color: var(--poptip-title-color);
}


/* LOGIN.CSS 
---------------------------------------- */
#siteloginpod {
	background: var(--form-bg-color);
	border:1px solid var(--form-border-color);
}
#siteloginpod input.textinput {
	border:1px solid var(--form-field-border-color);
}


/* GOOGLE MAP Specific
---------------------------------------- */
div.gmap-infowindow-description {
	color: var(--text-primary-color);
}
.gmap-infowindow-subheader {
	color: var(--poptip-title-color);
}


/* Popup box attributes
-------------------------------------- */
.poptip {
	-webkit-box-shadow: 4px 4px 8px -4px var(--poptip-shadow-color);
	-moz-box-shadow: 4px 4px 8px -4px var(--poptip-shadow-color);
	box-shadow: 4px 4px 8px -4px var(--poptip-shadow-color);
}


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


/* Form Panels/Boxes
---------------------------------------- */
.formPanelContainer {
	background-color: var(--form-bg-color);
	border: 1px solid var(--form-border-color);
}
div.formPanelField input[type=text],
div.formPanelField select,
div.formPanelField textarea {
	border: 1px solid var(--form-field-border-color);
}
.formInfoText {
	color: var(--form-field-info-color) !important;
}
.statsBox,
.filterBox,
.riskBox,
.discussionForm {
	background-color: var(--box-bg-color);
	border: 1px solid var(--box-border-color);
}
.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: var(--icon-skiing-color);
}
.fa-person-skiing {
	color: var(--icon-skiing-color) !important;
}
.fa-xmark {
	color: var(--icon-delete-color);
}
.fa-wrench {
	color: var(--icon-wrench-color);
}
.fa-star {
	color: var(--icon-star-color);
}
.fa-snowflake {
	color: var(--icon-snowflake-color); !important;
}
.fa-hiking {
	color: var(--icon-hiking-color);
}
.fa-dice-three {
	color: var(--icon-dice-color);
}
.fa-panorama {
	color: var(--icon-panorama-color);
}
.fa-user-group {
	color: var(--icon-user-color);
}
.fa-file-alt {
	color: var(--icon-file-color);
}
.fa-bookmark {
	color: var(--text-link-color);
}
.fa-bookmark:hover {
	color: var(--text-link-hover-color);
}
.fa-info-circle {
	color: var(--icon-info-color);
}
.fa-map {
	color: var(--icon-map-color);
}
.fa-folder-open {
	color: var(--icon-folder-color);
}
.fa-pen-to-square {
	color: var(--icon-edit-color);
}
.fa-plus {
	color: var(--icon-add-color);
}
.fa-circle-exclamation {
	color: var(--icon-exclaim-color);
}
.fa-gear {
	color: var(--icon-gear-color);
}
.fa-upload {
	color: var(--icon-upload-color);
}
.fa-download {
	color: var(--icon-download-color);
}
.fa-mobile-screen {
	color: var(--icon-mobile-color);
}
.fa-globe {
	color: var(--icon-globe-color);
}
.fa-thumbs-up.reaction {
	color: var(--like-bg-color);
}
.ageRed {
	color: var(--age-1-color);
}
.ageYellow {
	color: var(--age-2-color);
}
.ageBlue {
	color: var(--age-3-color);
}
.ageBlank {
	color:transparent;
}
.ageOpacity {
	opacity: 0.3;
}
.colorActive {
	color: var(--active-color)
}
.colorInactive {
	color: var(--inactive-color)
}

/* SITE HEADER
---------------------------------------- */
#siteheader {
	background-color: var(--header-bg-color);
	color: var(--header-text-color);
	box-shadow:0 2px 2px rgba(0,0,0,.5);
}
#siteheader-logo a {
	background-color: transparent;
}
#siteheader-menuwrap ul a {
	color: var(--text-lightondark-color);
}
#siteheader-menuwrap ul span {
	background-color: var(--menu-bg-color);
}
@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.mm_submenu {
	background: var(--menu-bg-color);
	border:1px solid var(--menu-border-color);
	-webkit-box-shadow: 0 5px 14px 0 var(--menu-shadow-color) !important;
	-moz-box-shadow:0 5px 14px 0 var(--menu-shadow-color) !important;
	box-shadow: 0 5px 14px 0 var(--menu-shadow-color) !important;
}
div.mm_submenu_columnlist_div ul li.mm_column_header {
	color: var(--text-primary-color);
}
div.mm_submenu_columnlist_div ul li:not(.mm_column_header):hover {
	background-color: var(--menu-item-hover-bg-color) !important;
}
div.mm_submenu_columnlist_div ul li.mm_column_header span {
	border-bottom:1px solid var(--menu-separator-color);
}
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 : var(--text-link-hover-color)  !important;
}
#siteheader-menuwrap.menu-mobile > ul > li > a {
	color: var(--text-lightondark-color);
	background-color: var(--menu-mobile-header-color);
}
#siteheader-menuwrap.menu-mobile > ul > li.hover > a {
	color: var(--text-link-hover-color);
}
#siteheader-menuwrap.menu-mobile ul ul a {
	background:#FFF;
}
#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: var(--text-lightondark-color);
}
#siteheader-login a.newLoginLink:hover {
	color: var(--text-link-light-color);
}
ul#userProfileMenu {
	border:1px solid var(--menu-border-color);
	background-color: var(--menu-bg-color);
	-webkit-box-shadow: 0 5px 14px 0 var(--menu-shadow-color) !important;
	-moz-box-shadow:0 5px 14px 0 var(--menu-shadow-color) !important;
	box-shadow: 0 5px 14px 0 var(--menu-shadow-color) !important;
}
ul#userProfileMenu li.userProfileOption:hover{
	background-color: var(--menu-item-hover-bg-color);
}
ul#userProfileMenu li.userProfileMenuSep {
	border-bottom:1px solid var(--menu-separator-color);
}

.stampFull {
	background-color: var(--trip-full-stamp-color);
	color: var(--text-primary-color);
}
.stampMini {
	background-color: var(--trip-mini-stamp-color);
	color: var(--text-lightondark-color);
}
.stampExternal {
	background-color: var(--trip-external-stamp-color);
	color: var(--text-lightondark-color);
}
.stampPrivate {
	background-color: var(--trip-private-stamp-color);
	color: var(--text-primary-color);
}

/* Misc */
.fas[data-count]:after {
	color: white;
	background: rgba(255,0,0,.75);
}