/*

Theme Name: Legacy Team Coop - LEGACY 3
Theme URI: http://legacyteamcoop.com/
Description: Official theme for LegacyTeamCoop.com
Version: 3.0
Author: Sean Owen

(c) 2022 USSURFS, LLC. All rights reserved.

*/


@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');
@font-face {
  font-family: 'MuseoSans';
  font-style: normal;
  font-weight: 400;
  src: local('MuseoSans'), local('MuseoSans'), url('assets/webfonts/MuseoSans-400.woff') format('woff');
}

html {
  scroll-behavior: smooth;
}

/* Main font settings */

body {
	font-family: 'MuseoSans', Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #212529;
	background-image: url('images/parch.png');
	background-color: #D6B795;
}

h1, h2, h3, h4 { 
	font-family: 'Cinzel', serif;
	font-weight: 700;
	}
	
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #9C2514;
}

::selection {
  color: white;
  background: #9C2514;
}
	
	
	
/* FROM LEGACY HITS - Table & Form Styles */

.td-title {
	box-shadow:inset 0px 34px 0px -15px #b54b3a;
	background-color:#a73f2d !important;
	border:1px solid #241d13;
	color:#ffffff;
	font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
	font-size: 16px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #7a2a1d;
	width: 100% !important;
}
.td-title:hover {
	background-color:#b34332;
}
.td-title:active {
	position:relative;
	top:1px;
}

    
.available a {
    color: white !important;
    }
    
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled), .btn {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Roboto Slab', serif;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
[type="button"]:hover, [type="reset"]:hover [type="submit"]:hover, button:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled):active {
	position:relative;
	top:1px;
}

table td, table th {
	padding: 5px;
	border: 1px solid #996b39;
	border-color: rgba(110,57,0,0.5);
}

table tr:nth-of-type(2n+1) td {
	background-color: rgba(255,226,188,0.2);
}
	
/* ./ FROM LEGACY HITS - Table & Form Styles */	
	
	

/* Hero */

.hero-logo {
    margin: 0 auto;
}
	
.legacyteamcoop-logo {
    background: url('assets/logos/legacyteamcoop.png');
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    max-width: 640px;
    height: 350px;
}

.get_seen { 
    background-image: url('images/salespage/get-seen.png'); 
    color: white;
    text-shadow: 0px 1px 6px black;
    text-align: center;
    }
    
.delivers { 
    background-image: url('images/salespage/delivers.png'); 
    background-position: top right;
    color: white;
    text-shadow: 0px 1px 6px black;
    text-align: center;
    }
    
.fr_02 {
    background-image: url('images/fr_02.png'); 
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    color: black !important;
    text-shadow: 0px 0px 0px black !important;
    max-width: 600px;
    margin: 20px auto;
    padding: 30px 30px;
    }
    
.decree {
    background-image: url('images/salespage/decree_paper.png'); 
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    color: black !important;
    text-shadow: 0px 0px 0px black !important;
    max-width: 900px;
    min-height: 400px;
    margin: 20px auto;
    padding: 30px 30px;
    }


	

/* Main page structure */

.lfm_outerdiv {
	display: flex;
	width: 100%;
	align-items: stretch;
}
.main {
	width: 100%;
}

.container {
    position: relative;
    z-index: 100;
}

.frame_4 {
    background: url('images/frame_4.jpg') #4a2f24;
    background-size: contain;
    display: block;
    width: 100%;
    height: 16px;
}

.section_dark {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.49761911600577735) 0%, rgba(0,0,0,0.5032213569021359) 100%);
}



/* Canvas */

#canvas {
    height: 578px;
    position: absolute;
    top: 72px;
    left: 320px;
    z-index: 1;
}
@media screen and (max-width: 800px) {
  #canvas {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}



/* Login */

#logincanvas {
    height:100%; width:100%; overflow:none;
    position: absolute;
    z-index: 1;
}
@media screen and (max-width: 800px) {
  #logincanvas {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

.login-top {
    background-image: url('images/login/top.png');
    background-repeat: no-repeat;
    width: 436px;
    height: 172px;
    display: block;
    margin: 0 auto;
}

.login-mid {
    background-image: url('images/login/mid.png');
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    color: white;
    text-shadow: 0px 1px 6px black;
    width: 436px;
    height: 100%;
    margin: 0 auto;
}

.login-mid p {
	font-weight: 700;
	color: white;
	margin-bottom: 0px !important;
}

.login-mid a {
    font-family: 'Cinzel', serif;
	font-weight: 700;
	color: white;
	text-shadow: 0px 1px 6px black;
}

.login-mid input[type=text], .login-mid input[type=password] {
    background-color: #1c0d09;
    color: #efbf6f;
    border: 1px solid #efbf6f;
    }
    
.login-mid input::placeholder {
    color: #efbf6f;
    }
    
.login-mid table td, table th {
	padding: 5px;
	border: 0px solid #996b39 !important;
	border-color: rgba(110,57,0,0.5);
}

.login-mid table tr:nth-of-type(2n+1) td {
	background-color: rgba(255,226,188,0) !Important;
}

.login-bot {
    background-image: url('images/login/bot.png');
    background-repeat: no-repeat;
    width: 436px;
    height: 97px;
    display: block;
    margin: 0 auto;
}



/* Dropdown Menu Customizations */

.dropdown-menu {
    /* background-color: #371d10; border: 1px solid #704c34; */
    background: url('images/wood_side.jpg') #31170A;
	background-size: cover;
    font-family: 'Cinzel', serif !important;
	font-weight: 700;
	color: white;
    border: 3px solid #31170A;
    border-radius: 0px !important;
    box-shadow: 0px 5px 12px #000;
    transition: all 0.4s ease-in-out;
    margin-top: 0px !important;
}

.dropdown-item {
	color: #fcd144;
	/* background: #241B16; */
	border-top: 1px solid #392011;
    border-bottom: 1px solid #8F633A;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0.5rem 1.1rem 0.5rem 1.1rem;
	font-size: 16px;
	position: relative;
	font-weight: 400;
	cursor: pointer;
}

.dropdown-item img {
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: 0px !important;
    max-width: 100%;
}

/* This sets the colors of the slidebar menu links when you hover over them */
.dropdown-item.active,
.dropdown-item:hover {
	color: #fcd144;
	border-left: 3px solid #fcd144;
	background: rgb(252,209,68);
    background: linear-gradient(90deg, rgba(252,209,68,0.25) 0%, rgba(0,0,0,0) 80%);
}



/* Buttons */

.btn {
    background: url('images/btn.png'); background-size: 100% 100%;
    font-family: 'Cinzel', serif;
	font-weight: 700;
	color: white;
	text-shadow: 0px 1px 6px black;
    border: 0px ridge #c39269;
    box-shadow: 0px 5px 12px #000;
}

.btn:hover {
    text-shadow: 0px 0px 30px rgba(215, 160, 49, 1);
}

.btn-default { background: url('images/btn-default.png'); background-size: 100% 100%; }
.btn-primary { background: url('images/btn-primary.png'); background-size: 100% 100%; }
.btn-success { background: url('images/btn-success.png'); background-size: 100% 100%; }
.btn-info { background: url('images/btn-info.png'); background-size: 100% 100%; }
.btn-warning { background: url('images/btn-warning.png') !important; background-size: 100% 100% !important; }
.btn-danger { background: url('images/btn-danger.png'); background-size: 100% 100%; }


/* Site logo styles */

.lfm_menu_logo {
    max-width: 100%;
	max-height: 50px;
	/* margin: 0.5rem 1.2rem 0.3rem 1.2rem; */
}



/* Styles for the top bar */

.lfm_topbar {
	background: url('images/wood_top.jpg') #6D4731;
	background-size: 100% 100%;
	font-family: 'Cinzel', serif !important;
	font-weight: 700;
	color: #EEEEEE;
	padding: 0px 20px;
	margin-bottom: 0px;
	box-shadow: 0px 5px 12px #000;
}

.lfm_topbar .nav-link {
    color: #fcd144;
    border-bottom: 3px solid #392011;
}

.lfm_topbar .nav-link:hover {
    color: #fcd144;
	border-bottom: 3px solid #fcd144;
	background: rgb(252,209,68);
    background: linear-gradient(360deg, rgba(252,209,68,0.25) 0%, rgba(0,0,0,0) 80%);
}

.lfm_topbar .nav-sep {
    height: 50px;
    border-right: 1px solid #392011;
    border-left: 1px solid #8F633A;
}



/* Styles for the slidebar navigation */

.lfm_slidebar {
	min-width: 225px;
	max-width: 225px;
	min-height: 100vh;
	transition: all 0.4s ease-in-out;
	background: url('images/wood_side.jpg') #31170A;
	background-size: 100% 35%;
	font-family: 'Cinzel', serif !important;
	font-weight: 700;
	color: white;
	border: 3px solid #31170A;
	box-shadow: 0px 5px 12px #000;
	z-index: 3;
}

/* Desktop View Settings - Expand the slidebar by default */
@media (min-width: 890px) {
	.lfm_slidebar {
		margin-left: 0px;
	}
	.lfm_slidebar.toggled {
		margin-left: -225px;
	}
}

/* Mobile View Settings - Collapse the slidebar by default */
@media (max-width: 889px) {
	.lfm_slidebar {
		margin-left: -225px;
	}
	.lfm_slidebar.toggled {
		margin-left: 0px;
	}
}

.lfm_slidebar_toggleswitch {
	cursor: pointer;
	font-size: 24px;
	color: #EEEEEE;
	padding-right: 10px;
}
.lfm_slidebar_toggleswitch:hover {
	color: #fcd144;
}

.lfm_slidebar_mainmenu {
	list-style: none;
	padding-left: 0;
	overflow: auto;
}


/* This sets the style of the slidebar menu items */
.lfm_slidebar_mainmenu li > a {
	color: #fcd144;
	/* background: #241B16; */
	border-top: 1px solid #392011;
    border-bottom: 1px solid #8F633A;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0.5rem 1.1rem 0.5rem 1.1rem;
	font-size: 16px;
	position: relative;
	font-weight: 400;
	cursor: pointer;
}

.lfm_slidebar_mainmenu li > a > img {
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: 0px !important;
    max-width: 100%;
}

/* This sets the colors of the slidebar menu links when you hover over them */
.lfm_slidebar_mainmenu li > a.active,
.lfm_slidebar_mainmenu li > a:hover {
	color: #fcd144;
	border-left: 3px solid #fcd144;
	background: rgb(252,209,68);
    background: linear-gradient(90deg, rgba(252,209,68,0.25) 0%, rgba(0,0,0,0) 80%);
}



/* Styles for the footer */

.lfm_footer {
    background-image: url('images/wall_stone.jpg');
	background-color: #22231D;
	color: white;
}

.lfm_footer a { color: #fcd144; }
.lfm_footer a:hover { color: white; }

.lfm_footer .container {
    background-color: #22231D;
    border: 3px solid #858176;
    border-radius: 16px;
    padding: 20px 14px;
}



/* Icon settings */

.far, .fas {
	margin-right:3px;
}

.feedicon {
	color:#3097D1;
	font-size:20px;
	margin-right:5px;
}


/* Profile picture sizes */

.profilepic_small {
	width:40px;
	height:40px;
}

.profilepic_med {
	width:75px;
	height:75px;
}

.profilepic_large {
	width:200px;
	height:200px;
}


/* Various styles */

.buttonlink {
	/* This class defines <a> tag links that look like buttons */
	cursor: pointer;
	background-color:#1468e5;
	border-radius:2px;
	border:1px solid #002175;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:arial;
	font-size:18px;
	font-weight:500;
	padding:4px 7px;
	margin:2px 1px 2px 1px;
	text-decoration:none;
}
.buttonlink:hover {
	/* This controls the button links when you hover over them */
	color:#FFFFFF;
	background-color:#3385FF;
	text-decoration:none;
}


.infobar {
	/* This class defines sections that span the entire page width */
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#FFFFFF;
	background-color:#555555;
}
.infobar h2 {
	color:#FFFFFF;
}


.vcenter {
	/* This is a class that can be used in Bootstrap rows to vertically center the content */
	display: flex;
	align-items: center;
}


/* The next 3 sections control various text styles used throughout the LFM Members Area */
.lfm_title {
	font-family: "Arial"; color:#333333; font-size:32px;
}

.lfm_descr {
	font-family: "Arial"; color:#111111; font-size:16px;
}

.lfm_descr_bold {
	font-family: "Arial"; color:#000000; font-size:16px;
	font-weight:700;
}


/* Stats Bar */

.statsbar {
    background-image: url('images/statsbar.png');
    background-color: #351a0d;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    color: white;
    padding: 20px 0;
    z-index: 1;
}

.statsbar h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0px;
}

.statsbar span, .statsbar p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.statsbar span, .statsbar a { color: #fcd144; }
.statsbar a:hover { color: white; }

.statsbar-icon {
    border: 1px solid #bb722a;
    border-radius: 9px;
    max-width: 64px;
    vertical-align: middle;
}

.statsbar-stats {
    display: table-cell;
    vertical-align: middle;
}

/* Member's Area */

.grand-txt {
    
}


/* BACKGROUNDS */

.banner {
    background-repeat: no-repeat;
    background-position: top center;
    color: white;
    text-shadow: 0px 1px 6px black;
    text-align: center;
}
.background {
    background-size: cover;
}
.fullbg {
    background-size: cover;
    display: block;
    width: 100%;
    height: 100vw;
    position: absolute;
    z-index: 0;
}
.loginbg {
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    -webkit-box-shadow: inset -1px -19px 25px 5px #000000; 
box-shadow: inset -1px -19px 25px 5px #000000;
}

.woods_1 { background-image: url('images/bgs/woods_1.jpg'); }
.woods_2 { background-image: url('images/bgs/woods_2.jpg'); }
.woods_3 { background-image: url('images/bgs/woods_3.jpg'); }
.woods_4 { background-image: url('images/bgs/woods_4.jpg'); }
.woods_5 { background-image: url('images/bgs/woods_5.jpg'); }
.woods_6 { background-image: url('images/bgs/woods_6.jpg'); }
.woods_7 { background-image: url('images/bgs/woods_7.jpg'); }




/* ANIMATIONS */

.fade-in {
    -webkit-animation: fadein 10s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 10s; /* Firefox < 16 */
        -ms-animation: fadein 10s; /* Internet Explorer */
         -o-animation: fadein 10s; /* Opera < 12.1 */
            animation: fadein 10s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}