/*
Theme Name: WiA Parker
Author: Parker
*/
html {
    font-size: 0.9rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    html {
        font-size: 0.95rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    html {
        font-size: 1rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    html {
        font-size: 0.83rem;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 0.95rem;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 1.1rem;
    }
}

@media (min-width: 1800px) {
    html {
        font-size: 1.2rem;
    }
}


body
{
	background:#6c757d;
	font-family: 'Calibri';
  height: 100vh;

   
}


section
{
  min-height: 78vh;
}

.navbar
{

	min-height: 57px;

}


nav li
{
	display: inline-block;
	padding: 5px;
	font-size: 20px;
}



footer
{

	background:#343a40;
  position: sticky;
  left: 0;
  bottom: 0;
  width: 100%;
	
}

p, a
{
  color: #e8e8e8;
}

a
{
  transition: 0.3s;
}



h1, a:hover
{
  text-decoration: none;
  color : #ffc107;
}

a:focus {
    outline: none;
    color: #ffc107;
}

.footer-txt
{
  color: #b8b9ba;
  font-size: 0.83rem;
}

.carousel-caption
{
	bottom: 40% !important;
	right: 50% !important;
	left: 5% !important;
}


.navbar-default .navbar-nav > li > a {
    color: #fff;
	font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffc107;
	font-weight: bold;
	
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffc107;
	font-weight: bold;
    
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(196,196,196, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(126,126,126);
} 

.shadow-header
{
	text-shadow: 2px 2px 5px #000000;
}

.full-width
{
	width:100%;
}


.blgheight
{
  min-height: 320px;
}

.blgbttm
{
  position: absolute;
  bottom: 0;

}


.social-media-icon
{
  font-size: 1.5rem;

}

.theme-icon
{
  font-size: 1.2rem;
  color : #ffc107;
}

.bg-halfdark
{
	background-color: #576067;
}