


.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.54);
}


/*** GENERAL ***/
    
body {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.0rem;
	line-height: 1.6;
	background-color; white;
	color: #030532;
}    
    
    
.container-fluid {
    max-width: 1350px;
}

@media (min-width: 992px) {
		.layout-content {
		margin-top: 100px;
	}
}

a {
	color:#4CC9F3;
	/*font-weight: 500;*/	
}
a:hover {
	color:#45BDF0;
	text-decoration:none;
}


.text-small {
	font-size:90%;
}
.text-smaller {
	font-size:80%;
}

.error {
	color: #45BDF0;
}

/*** NAVBAR ***/


	

	.navbar .dropdown-menu {
		background-color:transparent;
		border:0;
	}	
		
		
/*
	.navbar-toggler {
		position: relative;
		top: 23px;
	}
*/	
				
	.nav-item {
		color: $black;
	}
	
	.navbar-nav {
		margin-top:20px;
		/*margin-left:80px;*/
	}	
	
	.navbar-nav .nav-item .nav-link {
		color: #333;
	}
	.navbar-nav .nav-item.active .nav-link {
		color: #45BDF0;
	}
	
    .nav-logo-small {
        position:absolute;
    }       
    .nav-logo-small-inner {
        overflow:hidden;
        position:relative;
        top:-8px;
    }    
    .nav-logo-small-inner img {
        position:relative;
 		left: 50%;
   		-webkit-transform: translateX(-50%);
    }
    
    .nav-logo-large {
        /*width:195px;*/
        position:relative;
        top:51px;
    }
    .nav-logo-large img {
        width:195px;
		/*width:100%;*/
    }    	
    
    .nav-logo-mobile {
    	min-width:50px;
    }
    
    .nav-item span {
        font-weight:bold;
    }
    .nav-item span.nav-closed {
        display: inline-block;
        width: 6px;
        font-weight:bold;
        font-size:1rem;
    }
    .nav-item span.nav-open {
        display: none;
    }
    .nav-item.show span.nav-closed {
        display: none;
    }
    .nav-item.show span.nav-open {
        display: inline-block;
        width: 6px;
        font-weight:bold;
        font-size:1rem;
    }    
    
	.navbar-nav .nav-item .nav-link  {
		font-size: 1.2em;
		text-transform:uppercase;
		font-weight:700;
  	}
  	/*  
  	.dropdown-item  {
		font-size: 1.4rem;
  	} 
  	*/
  	.navbar-nav .nav-item .dropdown-menu .dropdown-item  {
		font-size: 1.4rem;
  	} 	  	
  	

	@media (min-width: 576px) {
		.navbar-nav {
			max-width: 60%;
		}			
	}
	@media (min-width: 768px) {
		.navbar-nav {
			margin-top:40px;
			/*margin-left:100px;*/
			max-width: 40%;
		}			
	}

	@media (min-width: 992px) {
		.navbar {
			height: 110px;
			border-bottom: 1px solid black;
		}
		.navbar-nav {
			margin-left:0px;
			max-width: 100%;
		}			
		.navbar-collapse {
			margin-top:0px;
		}
		.navbar .dropdown-menu {
			opacity: 0.9;
			top: 61px;
		    background-color:white;			
		}	
		.navbar .dropdown-menu-search {
			left:-180px;
			top: 82px;
		}		
		.navbar .dropdown-menu-search .form-control {
			border-color: #ff0402;
		}		
		.navbar-nav .nav-item .nav-link  {
			font-size: 1.0em;
	  	}
	  	.navbar-nav .nav-item .dropdown-menu .dropdown-item  {
			font-size: 1.0rem;
	  	} 	  	
	}
	
	@media (min-width: 1200px) {
		.navbar-nav .nav-item .nav-link  {
			font-size: 1.0em;
	  	}
	}
		
	/*** SUBNAV ***/
	.subnav-container{
		margin-top:200px;
	}
	
	ul.subnav,
	ul.subnav ul {
		list-style-type: none;
	}
	ul.subnav a.nav-link {
		font-size:.9rem;
		padding: 2px;
		line-height: .95rem;
	}
	ul.subnav a.nav-link[aria-expanded="true"] span {
		color:#45BDF0;
		font-size:bigger;
		font-wight:bold;
	}
	ul.subnav a.nav-link[aria-expanded="true"] span.nav-closed {
		display:none;
	}
	ul.subnav a.nav-link[aria-expanded="false"] span.nav-closed {
		color:#45BDF0;
		display:inline-block;
		width:10px;
	}
	ul.subnav a.nav-link[aria-expanded="true"] span.nav-open {
		color:#45BDF0;
		display:inline-block;
		width:10px;
	}
	ul.subnav a.nav-link[aria-expanded="false"] span.nav-open {
		display:none;
	}
	ul.subnav li a {
		font-weight: 400;
	}
	ul.subnav li ul {
		padding-left:30px;
	}
	ul.subnav li ul li a.nav-link {
		color:$wf_text_menu_gray;
	}
	ul.subnav li a.nav-link.active,
	ul.subnav li ul li a.nav-link.active,
	ul.subnav li ul li a.nav-link:hover {
		font-weight: normal;
		color:#45BDF0;
	}

	.subnav-bg {
		filter: invert(100%);
		position:absolute;
		opacity: 0.05;
		top:  120px;/*-80px;*/
		left:-280px;
		z-index:-1;
	}	
	
	img.subnav-bg {
      -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    }	
    
	.subnav-bg-smith {
		position:absolute;
		top:  120px;
		left:0px;
		z-index:-1;
	}	    
	
	
	.subnav-select {
		color:  #ff0402;
	}
	.subnav-select {
		line-height:20px;
	}

/*** FOOTER ***/
	
	
	footer h6,
	footer li strong {
		color:black;
		font-weight: 800;
		/*font-size:0.85rem;*/
	}	
	footer li a {
		color: $wf_text_Gray;
	}

	.subfooter span {
		color:black;
	}
	
	.footer-nav a {
		margin: 0px 5px;		
	}	
	
	footer hr.footer-rule {
		color:black;
		height:10px;
	}

	footer .footer-content {
		border-top: 1px solid black;
	}
	
	footer .footer-content p {
		font-size: 0.8rem;
	}
		
	@media (min-width: 992px) {
		footer .footer-content p {
			font-size: 0.9rem;
		}
	}

/* Twitter */
	
	.twitter-bg {
		background-color:#45BDF0;
		margin-top:0;
	}	
	@media (min-width: 992px) {
		.twitter-bg {
			margin-top:100px;
		}
	}	
	.twitter-banner {
		padding-top:5px;
		padding-bottom:5px;
		color:white;
		text-align:left;
		font-size:12px;
		line-height:15px;
		height:65px;
		font-family: 'Roboto Condensed', Arial, sans-serif;
	}	
	@media (min-width: 992px) {
		.twitter-banner {
			font-size:13px;
			height:40px;
		}
	}
	.twitter-banner img {
		float:left;
		width:32px;
		height:25px;
		margin-right: 10px;
		margin-top:2px;
	}
	.twitter-banner a {
		color: white;
	}
	.twitter-banner a:hover {
		color: #000033;
	}
	.tweets {
	  font-size: 12px;
	  padding: 6px 0;
	}
	.tweet {
	  display: none;
	}
	.tweets a.twitter {
	  background: url('/images/socialicons.png') no-repeat;
	  display: inline-block;
	  margin: 0 8px -4px;
	  height: 19px;
	  width: 19px;
	}
	.tweets a.twitter span {
	  display: none;
	}
	



