/*
Theme Name: Tulip Child
Theme URI: http://www.flatlayers.com/themes/tulip
Author: FlatLayers
Author URI: http://www.flatlayers.com
Description: Responsive WordPress Blog Theme
Template: tulip
Version: 1.1
License: GNU/GPL Version 2 or later. 
License URI: http://www.gnu.org/licenses/gpl.html
Tags:  black, custom-background, custom-colors, custom-header, custom-menu, dark, featured-images, gray, light, pink, post-formats, responsive-layout, theme-options, white
*/

@import url("../tulip/style.css");




/* Adjust Slider to go to right instead of Down ------------------------------*/
.animated { 
    -webkit-animation-duration: 13s; 
    animation-duration: 13s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
/* Sticky loop font colors ---------------------------------------------------*/
	.meta {
		color: #00BDFF;
	}

	.meta a {    
    		font-size: 12px;
    		color: #00BDFF;
	}

	.stickyposts .read-more a, .stickyposts .title a, .stickyposts .category, .stickyposts .sticky-content .sticky-cell .category a, .stickyposts a {
	    color: #555555;
	}

/* Header Navigation adjustments ----------------------------------------- */

	.navigation .menu li .sub-menu {
		left: 0px;
	}
	.navigation .menu li .sub-menu li a {
		font-style: normal; 
		min-width: 180px;
		font-size: 12px;
	}

	.navigation .menu li a {
		font-size: 14px;
	}

	.navigation ul ul li:hover ul {
	    right: 229px !important;
	    left: auto !important;
	}
	.navigation .menu li {
	    margin-left: -2px;
	}

/* font color for links as well as backgroudn color */
	.navigation .menu li a {
		color: #ffffff;
		background-color: #99e5ff; /* Default tab color */
	}

/* color on hover */
	.navigation .menu li a:hover {
		background-color: #00bdff; 
		color: #99e5ff;
	}

/*links both vistied and not this gives the shape */
	.navigation a:link,a:visited { 
		border-radius: 8px 8px 0 0; 
		padding:0 15px;
	}
	.navigation .menu li .sub-menu a:link, a:visted {
		borer-radius: 0 0 0 0;
		padding: 0 15px;
	}

/* submenu coloring options -----------------------------*/
.navigation .menu li .sub-menu a{
	color: #ffffff;
	margin: 0 5px 0 0; /* Margin between each menu item */
	background-color: #00bdff; /* Default tab color */
	}

.navigation .menu li .sub-menu a:hover{
	background-color: #99e5ff;
	color: #ffffff;
}

/* mobile color adjustments for navigation  -----------------*/
@media only screen and (max-width: 960px)
.navigation .menu li a {
    color: #ffffff;
}
/* Recent Posts Header ---------------------------------------*/
.recentposts {
    text-decoration: none;
    height: 40px;
    padding: 0 22px;    
    font-size: 18px;
    line-height: 40px;
    display: inline-block;
    text-align: left;
    letter-spacing: 2px;
    color: #ffffff;
    background: #99E5FF;
    margin-top: 5px;

}

/*fix 2 column display to show authors and categories -----------------------------*/

	.two-columns article .post-header .meta { 
		display: block; 
	}

/* fix social share icons positioning and size ------------------------------------*/

	.post-bottom {
 	   float: left;
	}
	
	.post-bottom .meta {
    		line-height: 32px;
	}

	.post-bottom a {
    		line-height: 32px;
	}

/* fix bottom border color of boxes ----------------------------------------------*/

	.two-columns article {
		border-bottom-color: #99e5ff;
	}

/* general content based color fixes ---------------------------------------------*/
	
	.thecontent .read-more a {
    		background: #00bdff;
	}

	.thecontent .read-more a:hover { 
		color: #555555; 
	}

/* underline of post --------------------------------------------------------------*/ 
	
	.post-content.clearfix::after {
		color: #99e5ff;	
	}

/* widget font sizes ------------------------------------------*/

	.widget-title {
		font-size: 14px;
	}

	#sidebar {
		max-width: 280px;
	}	

	.fl-latest-posts span {
		display: block;
		font-size: 12px;
	}

/* Footer area adjustments -------------------------------------------*/

	.widget_text div {
  	  	color: #555555;
	}

	#footer-bottom {
  	  	padding: 5px 0;
	}

	footer { 
		margin-top: 5px; 
	}
	
	#dynamic-sidebar { 
		background-color: #555555; 
	}