/* Background color for navbar and dropdown menus */

.navbar-custom, .navbar-custom .dropdown-menu {
	background-color: #5B5B5B;
}

/* 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: #ecf0f1;

}

/* 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: #5B5B5B;
	color: #ecf0f1;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	padding-top: 8px;
	margin-top: 0px;
	padding-bottom: 0px;
	font-size: 1rem;
}

/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler {

    border-color: #ecf0f1;

    color: #fff;

}

/* 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");

}


.navbar-brand  {
    background-size: 120px auto;
    padding-left: 120px;
    padding-bottom: 46px;
    padding-top: 0px;
    background-position: 9% 50%;
    background-image: url(../svg/shahram_entekhabi.png);
    background-repeat: no-repeat;
}
#hero {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}
#hero h1 {
    position: absolute;
    color: #48D200;
    text-shadow: 2px 1px #7e7e7e;
    font-size: 1rem;
    bottom: 0%;
    left: 3%;
}
.container-fluid {
	padding-top: 0px;
	padding-bottom: 1px;
	top: 0px;
	background-color: #5B5B5B;
}

@media screen and (min-width : 573px ){
#hero h1 {
    font-size: 1rem;
    bottom: 3%;
    color: rgba(72,210,0,1.00);
}
}

@media screen and (min-width:960px){
#hero h1 {
    font-size: 1.2rem;
    bottom: 5%;
    font-family: inherit;
    color: rgba(72,210,0,1.00);
    opacity: 1;
    text-shadow: 0 0px;
}
}
.display-7 {
    font-weight: bold;
    font-size: 0.85rem;
}