/*
Theme Name: ALDP Custom Theme
Theme URI: http://www.westernmtnweb.com
Description: Responsive Bootstrap theme by Western Mountain Web Design
Author: Western Mountain Web Design
Author URI: http://www.westernmtnweb.com
Version: 1.0
Tags: responsive, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/
*/
/*Merienda Font License: https://www.fontsquirrel.com/license/merienda*/
@font-face {
    font-family: 'meriendaregular';
    src: url('assets/webfonts/merienda-regular-webfont.woff2') format('woff2'),
         url('assets/webfonts/merienda-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'meriendabold';
    src: url('assets/webfonts/merienda-bold-webfont.woff2') format('woff2'),
         url('assets/webfonts/merienda-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'afta_sansregular';
    src: url('assets/webfonts/aftasansthin-regular-webfont.woff2') format('woff2'),
         url('assets/webfonts/aftasansthin-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
	--main-font-family: Georgia,Times,Times New Roman,serif; 
	--header-font-family: meriendabold,Ariel,sans-serif;
	--header-font-family-alt: afta_sansregular,Ariel,sans-serif;
	--body-font: 1.1rem;
	--body-color: #ffffff;
	--body-font-color: #111;
	--accent-color: #3d9831;
	--accent-bg: rgba(61,152,49,.1);
	--accent-color-hover: #337f29;
	--accent-text-color: #fff;
	--accent-link-color: #fff;
	--accent-link-color-hover: #efefef;
	--top-height: -120px;
	--menu-color-alpha: #3d9831;
	--box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
	--footer-bg-color: #777;
	--footer-link-color: #fff;
	--footer-link-color-hover: #000;
}

/*Bootstrap Override*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: transparent;
}
.nav-pills .nav-link {
	color: var(--accent-color);
}
.nav-link:focus, .nav-link:hover {
	background-color: var(--accent-color-hover);
}
.shadow {
	box-shadow: var(--box-shadow);
}
.img-thumbnail {
	box-shadow: var(--box-shadow);
	margin-bottom: 15px;
}
.btn-primary {
	background-color: var(--accent-color);
}
.btn-primary:hover {
	background-color: var(--accent-color-hover);
}
input {
	padding: 8px 10px;
	border-radius: 5px;
	outline: none;
	border: 1px solid #333;
}
[type="button"], [type="reset"], [type="submit"], button {
background: var(--accent-color);
    padding: 10px 20px;
    /*margin-top: 30px;*/
    color: var(--accent-link-color);
    outline: none;
    border: none;
    border-radius: 5px;
}
[type=email] {
	background-color: #fff;
}
[type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, button:hover {
	background: var(--accent-color-hover);
}

/*END Bootstrap Override*/

/*Flex Sections*/
.h-100 {
  height: 100% !important;
}
.dflex-100 {
	width: 100%;
	height: 100%;
	display: flex !important;
}
.flex-container {
	margin: auto !important;
}
body {
    font-family: var(--main-font-family);
    color: var(--body-font-color);
    overflow-x: hidden;
    position: relative;
    font-size: 15px;
    background-color: var(--body-color);
}




.navbar-default .navbar-nav > li > a {
    color: var(--accent-color);
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: var(--accent-color-hover);
	text-decoration: none;
}
.nav > li > a {
	padding: 10px 13px;
}

#mobile-navbar {
    display: none;
}
.navbar-default nav li.active a {
    color: var(--accent-color);
    background: none;
	text-decoration: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background: none;
    color: var(--accent-color);
	text-decoration: none;
}
.navbar-nav>li>.dropdown-menu{
    background: var(--menu-color-alpha);
    border: none;
    box-shadow: none;
    min-width: 225px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.navbar-nav>li.dropdown>a:after{
    content: "";
    float: right;
    width: 8px;
    height: 8px;
    margin: 10px 2px 2px 3px;
}
.navbar-nav>li>.dropdown-menu:before{
    position: absolute;
    left: 50%;
    margin: -17px 0 0 -10px;
    width: 0;
    height: 0;
    content:'';
    border-left: 33px solid transparent;
    border-right: 33px solid transparent;
}

p{
    line-height: 25px;
}
a {
    transition: all 0.5s ease-out;
    color: var(--accent-color);
    text-decoration: none;
}
a:hover, a:active{
    text-decoration: none;
    color: var(--accent-color-hover);
}
.sidebar-contact {
	font-size: 14px;
	padding: 10px;
	text-align: center;
}
.sidebar-contact h3 {
	font-size: 18px;
	font-weight: bold;
	color: var(--accent-color);
}
h1,h2 {
	font-family: var(--header-font-family);
}
h3,h4 {
	font-family: var(--header-font-family-alt);
}
h1, .h1 {
    color: var(--accent-color);
    font-size: 35px;
    font-weight: 300;
    text-align: center;
}
h2, .blog h1 {
   color: var(--accent-color);
   font-size: 25px;
   font-weight: bold;
   margin-bottom: 20px;
	/*text-transform: uppercase;*/
	border-bottom: var(--accent-color);
}
.blog h1 {
	text-align: left;
}
h2.blog-post-title {
	font-family: var(--header-font-family-alt);
}
.pagetop {
	margin:30px;
}

.contacts img{
    display: inline-block;
    margin-right: 8px;
}
.contacts span{
    margin-right: 20px
}
.contacts span a{
    color: var(--accent-color);
}
.contacts a {
    color: var(--accent-color);
}
.contacts strong {
	font-size: 20px;
}
.right-nav{
    float: right;
}
.right-nav a{
    margin-right: 15px;
    display: inline-block;
}
.search{
    float: right;
	margin-left: 50px;
}
.search a{
    margin: 0
}

.logo{
    float: left;
	margin-top: 8px;
}
/*.main-nav {
    float: right;
    margin: 11px 0 0;
}*/




ul.page-numbers {
	list-style-type: none;
}

.pagination-container {
	margin-top: 25px;
}
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
display: inline;
margin: 25px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color: var(--accent-link-color);
background: var(--accent-color);
}
ul.page-numbers {
	list-style-type: none;
}
.pagination a:hover{
color: var(--accent-link-color-hover);
background: var(--accent-color);
}

.pagination .current{
padding:6px 9px 5px 9px;
background: var(--accent-link-color);
color: var(--accent-color);
}
.form-control {
  display: block;
  width: 100%;
  /*height: 34px;*/
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: var(--accent-color);
  /*background-color: var(--accent-color);*/
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
  box-sizing: content-box;
    font-size: 12px;
    height: 10px;
}


.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}



.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.contact-info {
	font-size: 18px;
}
.contact-info h2 {
	font-size: 20px;
}
.contact-info i {
	color: var(--accent-link-color);
	margin-right: 10px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.blog-wrapper {
	border-bottom: 2px solid #84343f;
	margin-bottom: 20px;
}
.btn-blog {
	margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
    header{
       /* padding-bottom: 10px;*/
    }
    #mobile-navbar {
        display: block;
    }
    .navbar-nav{
        display: block;
        margin: -10px 0 0;
        float: left;
    }
    .dropdown-menu{
        background-color: #ffd400;
    }
    .navbar-toggle{
        background: none;
        border: none;
        float: left;
        outline: none;
        margin-top: 4px
    }

    .navbar-toggle img{
        width: 40px
    }
    #mobile-navbar .logo{
        max-width: 150px;
        margin: 0 auto;
		float: right;
    }
    #mobile-navbar .logo img{
        width: 100%
    }
	
}

main section{
    padding-bottom: 30px;
}
.main-blocks .item {
	margin: 10px;
}
.main-products-home .item {
	margin: 10px;
}
.main-blocks img{
    width: 100%;
}
.main-blocks p{
    padding: 20px;
    min-height: 100px;
	text-align: center;
	line-height: 20px;
	margin: 0;
	background: #efefef;
}

section.latest-book {
	padding: 30px;
}
section.latest-book .book-desc {
	text-align: justify;
}
section.latest-book .book-callout {
	text-align: center;
}
section.accent {
	padding: 40px;
	background: var(--accent-bg);
}
section.white {
	padding:30px;
}
.blog h3 {
   color: var(--accent-color);
   font-size: 20px;
   font-weight: 700;
   margin: 0;
   padding: 15px;
   text-align: left;

}
main section.dark h3{
    color: #1b530f;
}


main section.blue .btn{
    background: #2f383d;
    padding: 15px 30px;
    margin-top: 40px;
    float: left;
}
section.main{
    padding: 20px 0 20px;
}
main section p.description{
    font-size: 16px;
    line-height: 1.8em;
    max-width: 600px;
    margin: 0 auto 18px;
	display: none;
}
main section.dark p{
    color: #ffffff
}
main section.blue p{
    color: #fff
}
main section p a{
    font-weight: 700;
}
.logos {
    max-width: 100%;
}
.logos img {
	margin-left: auto;
	margin-right: auto;
}
.logos p {
	font-weight: bold;
}
.slick-prev::before, .slick-next::before {
	color: #000;
}
img.hpw {
	border: 1px solid #000000;
}
.picture {
    width: 100%;
	height: 275px;
    background-repeat:no-repeat;
	background-size: contain;
	border: solid 1px #666;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
ul#menu-social-items {

}
ul#menu-social-items {
    float: left;
    margin-bottom: 0;
}
ul#menu-social-items li{
    list-style-type: none;
    display: inline-block;
}
ul#menu-social-items a{
    width: 30px;
    height: 30px;
    padding: 4px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    color: var(--accent-link-color);
}
ul#menu-social-items a:hover {
	color: var(--accent-link-color-hover);
}
ul#menu-social-items a i {
	font-size: 30px;
}
.tab-container{
    border: 1px solid #cbd6dc;
    border-top: 0;
    /*margin-top: 40px;*/
}
.nav-tabs {
    border-bottom: 1px solid transparent;
    background: #f1f1f1;
    border-top: 1px solid #cbd6dc

}
.nav-tabs>li>a{
    border-radius: 0;
    padding: 20px;
    color: #98a5ae;
    position: relative;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    color: var(--accent-color-hover);
    border-color: transparent;
}
.nav-tabs>li.active>a:before{
    content:"";
    background: #1b530f;
    height: 4px;
    position: absolute;
    width: 100%;
    top: -4px;
    left: 0;
}
.tab-content{
    margin: 30px 0 50px;
    min-height: 50px;
    padding: 0 20px
}
.main-heading {
    margin-bottom: 20px;
}
.main-heading h2{
    margin: 0
}

#logos{
    max-width: 1150px;
    margin: 0 auto;
}
#logos .wrapper{
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
    margin: 50px 0
}
#logos img{
    /*max-width: 200px;*/
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease-out;
}
#logos a:first-of-type img{
    width: 270px;
}
#logos a:nth-of-type(2) img{
    width: 220px;
}
#logos a:nth-of-type(3) img{
    width: 130px;
}
#logos a:nth-of-type(4) img{
    width: 190px;
}
#logos .wrapper:nth-of-type(2) a:nth-of-type(1) img{
    width: 185px;
}
#logos .wrapper:nth-of-type(2) a:nth-of-type(2) img{
    width: 405px;
}
#logos .wrapper:nth-of-type(2) a:nth-of-type(3) img{
    width: 218px;
}
#logos .wrapper:nth-of-type(3) a:nth-of-type(1) img{
    width: 260px;
}
#logos .wrapper:nth-of-type(3) a:nth-of-type(2) img{
    width: 300px;
}
#logos .wrapper:nth-of-type(3) a:nth-of-type(3) img{
    width: 230px;
}
#logos img.opacity{
    opacity: 0.5
}
#logos .wrapper:last-of-type img{
    max-width: 250px
}
#logos img:hover{
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.page-title{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    height: 250px;
    border-bottom: 40px solid #2f383d;
    background-position: center bottom;
    background-size: cover;
}
.page-title>div{
    text-align: center;
}
.page-title h1{
    color: #fff;
    font-size: 50px;
    margin-bottom: 4px;
    text-transform: uppercase;
          }
.page-title p{
    max-width: 350px;
    color: #fff;
    font-size: 25px;
    line-height: 35px
}

.content{
    font-size: 16px;
}
.content-title{
    font-size: 12px;
    text-transform: uppercase;
    color: #3b4350
}
section h1{
    color: #fff;
    font-size: 50px;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.card-img-overlay p {
	text-align: center;
	color: #fff;
	font-style: italic;
	font-size: 20px;
}
.content-title:before{
    content: "";
    background: #fff;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 5px;
    margin: 0 10px 0 0;
}
.content .btn-block{
    margin: 50px 0 0
}
.content .info{
    font-size: 22px;
    color: #999999;
}
.content .info p:first-of-type{
    margin-top: 5px
}
.content .info .description{
    width: 80%
}
.content .info i{
    color: #666666
}
.stats{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
    font-family: var(--main-font-family);
}
.stats .block{
    text-align: center;
    width: 33%;
}
.stats .block .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 10px auto;
    background: #1b530f;
}
.stats .block .number{
    font-size: 24px;
    color: #525252
}
.stats .block .detail{
    color: #999999;
    font-size: 18px;
}
.video-block{
    margin: 0;
    /*position: absolute;*/
    top: 0;
    right: 0;
    cursor: pointer;
}
.video-block img{
    width: 100%
}
.contact{
    position: relative;
}
.contact:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 43%;
    display: block;
    background: #000;
}
.contact .instructions{
    font-family: var(--main-font-family);
    font-size: 22px;
}
.contact-form .input{
    margin: 20px 0;
    display: block;
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    width: 350px;
}
.contact-form textarea.input{
    width: 560px;
    height: 160px
}
.input:focus{
    outline: 1px solid #1b530f;
}
.contact .estimate{
    font-family: var(--main-font-family);
    font-size: 22px;
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 0 20px 130px;
    margin-top: -20px;
}
.contact .estimate p:first-of-type{
    color: #1b530f;
    margin-top: 0;
}
.contact .estimate .btn{
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    margin-top: 10px;
    display: inline-block;
}
.btn-group{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    margin-top: 40px;
    flex-wrap: wrap;
}
.btn-group .btn{
    margin: 10px;
}
.no-padding{
    padding: 0
}
hr{
    background: #d7d7d7;
    height: 3px;
    width: 100%;
    margin: 60px 0;
    border: none;
}
hr.blog-div {
	margin: 20px 0;
}
.content-link{
    color: #2c99ce;
    text-decoration: underline;
}
.pp_social, .pp_close{
    display: none !important;
}
div.pp_pic_holder {
    max-width: 100%;
    overflow: auto;
}
blockquote .author{
    font-size: 0.7em;
    font-style: italic;
}
.info blockquote{
    margin-top: 10px;
}
.exclusions{
    padding-left: 50px
}
.exclusions li{
    margin-bottom: 10px;
}
.content-blocks{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.btn-social {
	background-color: #1b530f;
	font-size: larger;
	display: inline;
	/* 	social button */
	margin: 4px;
    display: block;
}


@media screen and (max-width: 1400px){
	
}
@media screen and (max-width: 991px){
    .video-block{
        position: static;
        margin: 20px 0
    }
    .contact:after{
        display: none;
    }
    .contact .estimate{
        margin: 20px 15px;
        padding: 20px 30px 20px;
        background: #000000;
    }
    #logos .wrapper{
        flex-wrap: wrap;
        margin: 0
    }
    #logos img {
        /*max-width: 180px !important;*/
        margin: 20px 0
    }
    .widget .post .col-md-10{
        padding-left: 0;
    }
    
    .main-blocks>div{
        margin: 10px 0 40px
    }
    .main-blocks p{
        min-height: 0
    }
    .product{
        margin-top: 20px
    }
	.picture {
		height: 170px;
	}
	
}
@media screen and (max-width: 767px){
    #logos img {
        /*max-width: 130px !important;*/
    }
    .stats .block{
        width: auto;
        margin: 20px;
    }
}
@media screen and (max-width: 600px){
    #mobile-navbar .logo {
        max-width: 140px;
    }
    .navbar-toggle img{
        width: 30px
    }
    .caption-overlay{
        height: 100px;
        display: table;
        width: 100%;
        margin-top: 50%;
    }
    .caption-overlay h5{
        font-size: 10px
    }
    .caption-overlay h3{
        font-size: 25px;
        display: table-cell;
        vertical-align: middle;
    }
    h2{
        font-size: 25px
    }
    #logos .wrapper {
        display: block;
        margin: 0;
    }
    #logos .wrapper img{
        padding: 20px 0;
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .mobile-footer{
        background: #d7d7d7;
        display: block;
    }
    .mobile-footer ul{
        padding: 0;
        margin: 0
    }
    .mobile-footer ul li{
        list-style-type: none;
        border-bottom: 2px solid #fff;
        padding: 15px 0;
        text-align: center;
        color: #000000;
        font-family: "Roboto", sans-serif;
        font-size: 20px;
    }
    .bottom-footer .social-icons{
        white-space: nowrap;
        margin: 20px 0;
    }
    .rate-block .wrapper{
        padding: 5px
    }
    .rate-block span, .sub-block span{
        margin: 0 10px
    }
    .info blockquote {
        margin: 10px 0 0;
    }
    .exclusions {
        padding-left: 20px;
    }
    .contact-form .input{
        width: 100%
    }
    .content-blocks{
        display: block;
    }
    .content ul {
        padding-left: 35px;
    }
}

@media screen and (max-width: 580px){
    .logo {
		width: 175px;
		float: right;
	}
	h2.home-blog {
	padding-top: 20px;	
	}
	.top-bar h3{
        font-size: 0.8em;
    }
    .card-img-overlay {
		padding: 0;    
    }
    section h1{
        font-size: 18px;
    padding: 0;
    margin: 0;
    }
.card-img-overlay p {
  text-align: center;
  color: #fff;
  font-style: italic;
  font-size: 13px;
  padding: 0;
  margin: 0;
}
	.widget {
		text-align: center !important;
		margin-bottom: 20px;
	}
	.bottom-footer, .bottom-footer .text-right {
		text-align: center !important;	
	}
	.banner {
		background-position: right !important;
	}
.navbar-nav>li>.dropdown-menu{
	background-color: #000;
}
}
@media only screen and (max-width:993px) and (min-width:580px) {
.navbar-nav>li>.dropdown-menu{
	background-color: #000;
}
}
@media screen and (min-width: 320px) and (max-width: 520px) {
	
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 1400px) {

}
.backButton a:before {
  content: "\f053";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
  color: #1b530f;
}

.social-container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#wrapper {
  overflow-x: hidden;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  transition: margin 0.25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
  margin-left: 0;
}
body #sidebarToggle::before {
	content: "\f100";
	font-family: "Font Awesome 6 Free";
  display: inline-block;
}
body.sb-sidenav-toggled #sidebarToggle::before {
	content: "\f101";
	font-family: "Font Awesome 6 Free";
  display: inline-block;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }
  body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: -15rem;
  }
}