/*

Theme Name: Legacy Hits Social Profile

Theme URI: http://legacyhits.com/

Description: Modified theme for the LFM Social Profiles plugin on Legacy Hits.

Version: 1.0

Author: Sean Owen

*/

/* main font settings */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;400;600;800&display=swap');

html {
    scroll-behavior: smooth;
    }

body {
    background-image: url('../../images/bgs/tavern.jpg') !important;
    background-attachment: fixed;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #1d1611;
    font-family: 'Roboto Slab', serif;
	font-size: 16px;
	font-weight: 400;
	color: black;
    }
    
a {
    color: #810d05;
    }
    
h1, h2, h3, h4, h5 {
    font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
    }

strong {
  font-weight: bold;
}

.navbar {
    height: 88px;
    }

.navbar-brand img {
    max-width: 180px;
    padding: 8px;
    position: absolute;
    top: 0;
    left: 0;
    }

.navbar-nav {
    margin-left: 186px;
    }
    
.card-body, .list-group-item {
    /* Change widget area colors */
    background-color: #D4BA91 !important;
    }
    
.text-muted {
    color: rgba(110,57,0,0.5) !important;
    }
    
.btn-primary {
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color:#77d42a;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family: 'Cinzel', serif;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.btn-primary:hover {
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	background-color:#5cb811;
}
.btn-primary:active {
	position:relative;
	top:1px;
}


.btn-outline-primary {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family: 'Roboto Slab', serif;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn-outline-primary:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
	color: black;
}
.btn-outline-primary:active {
	position:relative;
	top:1px;
}


.btn-outline-danger {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Roboto Slab', serif;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.btn-outline-danger:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.btn-outline-danger:active {
	position:relative;
	top:1px;
}


    

/* 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;
}

/* comment boxes */

.commentbox {
  background-color:#EEEEEE;
  border:1px solid black;
  border-radius:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
  padding-bottom:20px;
  margin-top:15px;
  margin-bottom:10px;
}

.commentbox_author {
  background-color:#ffffe0;
  border:1px solid black;
  border-radius:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
  padding-bottom:20px;
  margin-top:15px;
  margin-bottom:10px;
}

/* header and navbar */

.bg-primary {
    background-image: url('../../themes/legacyhits/img/skill_stroke.jpg');
    background-repeat: repeat-x;
    background-position: top center;
    background-size: 100% 100%;
    background-color: transparent !important;
}

.navbar > .container-fluid {
  margin-left: -1rem;
  margin-right: -1rem;
}

.with-top-navbar {
  padding-top: 105px;
}

/* media lists */

.media-list {
  padding-left: 0;
  list-style: none;
}

.media-list-stream .media.list-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
}

.media-list-stream .media-body-inline-grid {
  width: 100%;
}

.media-list-stream .media-body-inline-img,
.media-list-stream .media-body-inline-grid {
  margin: 20px 0 25px;
}

.media-list-stream .media-body-inline-grid img,
.media-list-stream .media-body-inline-img {
  max-width: 100%;
}

.media-list-stream .media-object {
  width: 42px;
  margin-right: 5px;
}

.media-list-stream .media-body .media-list .media-object {
  width: 40px;
}

.media-list-stream .media-list .media-object {
  display: none;
}

.media-list-stream .media-object {
  border-radius: 100%;
}

.media-list-stream .media .text-muted a {
  color: #6c757d;
  font-weight: 700;
}

.media-list-stream .media-body-actions {
  margin-top: 5px;
}

.media-list-stream .media-heading > h5 {
  margin-bottom: 0;
  margin-top: 5px;
}

.ma_module {
  max-height: 400px;
  overflow: auto;
}