@charset "utf-8";

.days-one-regular {
  font-family: "Days One", sans-serif;
  font-weight: 400;
  font-style: normal;}

.laila-regular {
  font-family: "Laila", serif;
  font-weight: 400;
  font-style: normal;}

body {font-family: 'Laila', serif;}
h1, h2, h3, h3, h4, h5, h6 {font-family: 'Laila', serif;}

header {font-family: 'Days One', sans-serif;}
h6 {font-family: 'Days One', sans-serif;}

.navbar-custom {font-family: 'Days One', sans-serif;}

#home_banner
{padding-left: 0px;
padding-right: 0px;
position: relative;}

#home_banner h1
{font-size: 4rem;
color: aliceblue;
text-shadow: 2px 3px rgba 71,71,71,0.68;
position: absolute;
left: 28%;
bottom: 35%;}

#home_banner_traditional h1
{font-size: 4rem;
color: black;
text-shadow: 2px 3px rgba 71,71,71,0.68;
position: absolute;
left: 28%;
bottom: 75%;}

#home_banner_clay h1
{font-size: 4rem;
color: aliceblue;
text-shadow: 2px 3px rgba 71,71,71,0.68;
position: absolute;
left: 28%;
bottom: 50%;}

#home_banner_p
{font-size: 4rem;
color: aliceblue;
text-shadow: 2px 3px rgba 71,71,71,0.68;
position: absolute;
left: 28%;
bottom: 70%;}

#contact_m
{background-color: #B9F1F3;
}

#resume
{background-color: #a2a2a2;
}

/*
headline: font-family: 'Days One', sans-serif;
paragraph: font-family: 'Laila', serif;
*/

/*color from dark to light
grey a2a2a2, cccccc, e6e6e6 
blues 648ebe, 84c1c8,63e1e6 
greens 5d5d5d, 698466, 9bb8a3
check colors for mistakes
*/

body {background-color: #e6e6e6}

/*main*/


.navbar-brand
{background-image: url("Mlogo.png");
background-repeat: no-repeat;
padding-left: 60px;
background-position: 4% center;
background-size: 45px auto;
color:#84c1cb !important;}

.navbar{
	background-color: #5D5D5D !important; }
    /* FIX FONTS TO USE
	font-family: "days-one";
	color: #000000 !important; }
	*/

.main h2 {text-align: center;}

.second h2 {text-align: center;}

.featurette-divider
{text-align: center;
display: flex;} 

.featurette-divider
{margin: 8px 1rem ;}

.carousel-caption1
{color: #000000;
text-align:center;
padding: 10px;
background: #84c1c8}

.carousel-caption2
{color: #000000;
text-align: center;
padding: 10px;
background: #698466}

.carousel-caption3
{color: #000000;
text-align: center;
padding: 10px;
background: #648ebe}

.carousel
{background-color: #000000;}

#about-subhead
{background-color: #476E86;
	color: #ffffff;
padding: 5px;}




#footer {
    background-color: #9bb8a3;
    text-align: center;
    color: #000000;
    font-family: "Days One", "sans-serif";
	font-size: 14px;
    padding: 1px;
	
}

/*X-SMALL ONLY*/
@media screen and (min-width:375px){
#home_bg h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }    
}


/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_bg h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }    


/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #home_bg h1 {font-size: 2rem;
               bottom: 5%;
               left: 3%;
              }
  }


/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
    #home_bg h1 {
        font-size: 3rem;
        bottom: 5%;
        left: 3%;
        }
}
	
/*non functional test zone begins*/

/* Background color for navbar and dropdown menus 
.navbar-custom, .navbar-custom .dropdown-menu {
background-color: #a2a2a2;
}

/* Text color for navbar and dropdown menus 
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
color: #e6e6e6;
}
/* Background and text colors for current page link and links on hover and focus 
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
background-color: #388839;
color: #000;
}

/* Border and text colors for menu icon on small screens 
.custom-toggler.navbar-toggler {
border-color: rgba(102,212,200,1.00);
color: #4C5C9A;
}

/*.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item:focus .nav-link,
.navbar-light .nav-item:hover .nav-link {
        color: #84c1e8;}*/

/*attempted color
.navbar-custom, .navbar-custom .dropdown-menu {
	background-color: #E3776C;}
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
	color: #6565DA;}

.navbar-light {color:#4DBFA7;}
.navbar-light {background: #6565DA;}
#navbarbackground {background-color: aqua;}
no effect observed*/


/* Hamburger icon - use same rgb values as previous rule for stroke */
.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(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round'
stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}