@charset "UTF-8";
/*headline: font-family: 'Merriweather', serif;
paragraph: font-family: 'Raleway', sans-serif;
*/

/*Site Color Scheme (lightest to darkest brown):
1 #F2E7DC
2 #BFACA4
3 #8C7370
4 #402325
5 #260101
*/

/* Background colors for navbar and dropdown menus */

.navbar-custom, .navbar-custom .dropdown-menu {background-color: #F2E7DC; 

}

/* Text colors for navbar and dropdown menus */

.navbar-custom .navbar-brand, .navbar-custom .navbar-text, 
.navbar-custom .navbar-nav .nav-link, .navbar-custom .dropdown-item { color:#260101}

/* 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:#260101;color:#fff;
} 
/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler {border-color:#402325; color:#fff;  

}


/* Hamburger icon - use same gb 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 8h244 16h24M424h24'/%3E%3C/svg%3E");
}

/* nav-brand logo */

.navbar-brand {
    background-image: url(../images/Rabbit%20Hole.png);
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-position: 6% center;
    padding-left: 70px;
}

#rabbitholeportofolio{
	justify-content: center; 
	max-width: 100%; 
	text-align: center;
	overflow: hidden;
	font-family: 'Slagless', serif;
	color: #1A1919;
	}

#rabbitholeportfolio_marquee{
	justify-content: center; 
	white-space: nowrap;
	overflow:hidden;
	display: inline-block;
	animation: marquee 40s linear infinite;
	}

@keyframes marquee{
	0%{transform: translate3d(0px,0px,0px);
	
	}
	100%{
		transform: translate3d(-50%, 0px, 0px)
	}
	
}

#rabbitholeportofolio h1{
    display: inline-block;
    text-transform: uppercase;
    font-size: 130px;
    color: #260101;
    padding-left: 95px;
    padding-right: 150px;
}

/* header banner image */
#header_banner h1 {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	
}

#header_banner h1 {
    font-size: 4rem;
    color: #FFFFFF;
    text-shadow: 2px 1px rgba(71,71,71,0.68);
    position: absolute;
    left: auto;
    bottom: auto;
    width: auto;
}

/* MEDIA BREAK POINTS */ 
/*SMALL DEVICES 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 : 992px ){
  #home_bg h1 {font-size: 2rem;
               bottom: 5%;
               left: 3%;
              }
  }


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



/* 3 col main section */
.main h2 {text-align: center;
	      font-weight: 800
			  

		
}
	
.main3 h3 {text-align: center;
		   font-weight: 200;
		   
}

/* FOOTER */

footer {text-align: center;
		line-height: 60px;
		background-color: #F2E7DC;
		color:#000000;
}