/*
   Theme Name: Outsmartin
   Theme URI: https://www.themeisle.com/ 
   Description: Outsmartin customized copy of Zerif Lite
   Author: ThemeIsle
   URI: https://www.themeisle.com/ 
   Template: zerif-lite
   Version: 0.1 
   */

/* Used for footnotes at the end of the Projects pages */
.footnote {
        font-size: 75%; 
        font-style: italic;
}

/* PostIt note colors, to add a new color, add a new color here */
.yellow {
	background-color: #fdfd86;
	border-top: 10px solid #fdfd86;
}

.orange {
	background-color: #f96604;
	border-top: 10px solid #f96604;	
}

.blue, .darkblue {
	background-color: #149ccb;
	border-top: 10px solid #149ccb;		
}

.lightblue {
	background-color: #0ce6f9;
	border-top: 10px solid #0ce6f9;		
}

.green {
	background-color: #00a00a;
	border-top: 10px solid #00a00a;		
}

.purple {
	background-color: #9f82d6;
	border-top: 10px solid #9f82d6;
}

.postit {
	background-image: url("http://outsmartin.com/wp-content/uploads/2017/12/outsmartin-header.png");
	background-repeat: no-repeat;
	background-size: 150px 30px;
	background-position: center top; 
	padding: 40px 10px 10px 10px;
	float: right;
	line-height: 1;
	text-align:center;     
	width: 230px;    
	margin: 25px;
	min-height:150px;
	max-height:250px;
	position:relative;   
	font-family:'Reenie Beanie';    
	font-size:160%;
        color:#000000;
	border-bottom-right-radius: 60px 5px;
	-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
	-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
	box-shadow: 5px 5px 7px rgba(33,33,33,.7);
	-moz-transition:-moz-transform .15s linear;
	-o-transition:-o-transform .15s linear;
	-webkit-transition:-webkit-transform .15s linear;
	-o-transform:rotate(-6deg);
	-webkit-transform:rotate(-6deg);
	-moz-transform:rotate(-6deg);
}

.postit:hover, .postit:focus {
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
}

/* Make the font in the menu slightly larger */
.navbar-inverse .navbar-nav>li>a{ 
	font-size: 20px;
	padding-top: 5px;
}

/* Make the social (Facebook) icon significantly larger */
ul.social li a {
    font-size: 30px;
}

/* Set a color for the menu bar and make it semi-transparent */
#main-nav{
background:rgba(169,169,169,0.8) !important;
}

/* Set the same color for the sub-menus and make it semi-transparent */
.sub-menu{
background:rgba(169,169,169,0.95)
		!important;
}

/* Make the search field smaller and set the font in it */
.search-field{
	height: 10px !important;
	width: 150px !important;
	font-family: "Lato";
}

/* Change the size of the search submit button to match the new search box size */
.search-submit{
	height: 36px !important;
	width: 36px !important;
}