/**
 * Fundamentum Plugin Skin Addon: Basic - Colors
 */

/**
 * 1.0 Reset and Normalize
 * -----------------------------------------------------------------------------
 */
body {
	color:#555;
}



/**
 * 1.1 Plugin Reset/Override
 * -----------------------------------------------------------------------------
 */
/* Events Manager */
.em-calendar tbody .eventful-pre,
.em-calendar tbody .eventless-pre,
.em-calendar tbody .eventful-post,
.em-calendar tbody .eventless-post {
	background-color:#fafafa;
}
.em-calendar tbody td.eventful-today,
.em-calendar tbody td.eventless-today {
	background-color:#fafafa;
}
.em-calendar tbody li {
	background-color:rgba(0, 0, 0, 0.025);
	background-color:transparent;
}



/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color:#999;
}
:-moz-placeholder {
	color:#999;
}
::-moz-placeholder {
	color:#999;
	opacity:1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
	color:#999;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color:#337ab7;
}

/* Input fields */
input,
select,
textarea {
	border-color:rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
	border-color:rgba(0, 0, 0, 0.3);
}

/* Assistive text */
.screen-reader-text:focus {
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);
	color:#21759b;
	background-color:#fff;
}

.main-content blockquote.alignleft,
.main-content blockquote.alignright {
	border-top-color:rgba(0, 0, 0, 0.1);
	border-bottom-color:rgba(0, 0, 0, 0.1);
}

.wp-caption {color:#767676;}

.social-text-color-facebook,
.social-text-color-facebook:hover {color:#3b5998;}
.social-background-color-facebook,
.social-background-color-facebook:hover {color:#fff; background-color:#3b5998;}
.social-text-color-linkedin,
.social-text-color-linkedin:hover {color:#0077b5;}
.social-background-color-linkedin,
.social-background-color-linkedin:hover {color:#fff; background-color:#0077b5;}
.social-text-color-pinterest,
.social-text-color-pinterest:hover {color:#db081c;}
.social-background-color-pinterest,
.social-background-color-pinterest:hover {color:#fff; background-color:#db081c;}
.social-text-color-twitter,
.social-text-color-twitter:hover {color:#1da1f2;}
.social-background-color-twitter,
.social-background-color-twitter:hover {color:#fff; background-color:#1da1f2;}
.social-text-color-x,
.social-text-color-x:hover {color:#000;}
.social-background-color-x,
.social-background-color-x:hover {color:#fff; background-color:#000;}

.social-share-link:focus,
.social-share-link-text {color:#fff;}



/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */
#site-header-row-meta {background-color:#555;}
#site-header-row-main {
    background-color:#f1f1f1;
    box-shadow:0 0.5rem 0.5rem -0.25rem rgba(0, 0, 0, 0.15), 0 0.25rem 0.5rem -0.25rem rgba(0, 0, 0, 0.5), 0 -0.25rem 1rem -0.25rem rgba(0, 0, 0, 0.3);
}
#site-header-row-sub {background-color:#ddd;}
#site-header-row-drawer {background-color:#fff;}

.site-header .search-field {
    color:#fff;
    background-color:transparent;
}

.site-header .search-box-mobile .search-field,
.site-header .site-header-row-drawer .search-field {
	color:inherit;
}

.site-header-row-main .search-field {
	color:#555;
	background-color: rgba(88, 88, 90, 0.3);
	transition:background-color 500ms;
}
.site-header .search-form:hover .search-field,
.site-header-row-main .search-field:focus {
	background-color:rgba(255, 255, 255, 1);
	box-shadow:0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15),
			   0 0.5rem 0.5rem -0.25rem rgba(0, 0, 0, 0.3),
			   0 0.25rem 0.5rem -0.5rem rgba(0, 0, 0, 0.5);
}
.site-header .search-form:focus-within .search-field {
	background-color:rgba(255, 255, 255, 1);
	box-shadow:0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15),
			   0 0.5rem 0.5rem -0.25rem rgba(0, 0, 0, 0.3),
			   0 0.25rem 0.5rem -0.5rem rgba(0, 0, 0, 0.5);
}
.site-header-row-main .search-submit {
	background-color:transparent;
}
.site-header-row-main .search-submit:hover {color:#555;}

.header-social-container .social-link {
	color:#fff;
	transition:color 300ms;
}
.site-header-row-main .social-link,
.site-header-row-sub .social-link {
	color:#555;
}
.social-icon-svg path {
	color:inherit;
	fill:currentColor;
}
.site-header-row-drawer .social-link {
	color:inherit;

}
.site-header-row-drawer .social-icon-svg path {
	fill:currentColor;
}



/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */
.site-header-row-main .menu > .menu-item:hover,
.site-header-row-main .menu > .menu-item.active,
.site-header-row-main .menu > .menu-item.focus {
     background-color:#ddd;
}
.site-header-row-main .menu > .menu-item > .sub-menu,
.site-header-row-sub .menu > .menu-item > .sub-menu {
    background-color:#ddd;
}

.site-header-row-sub .menu > .menu-item > .sub-menu {
	background-color:#337ab7;
	box-shadow:0 0 0.5rem 0 rgba(0, 0, 0, 0.5);
}

.site-header-row-main .sub-menu a:hover,
.site-header-row-main .sub-menu a:focus {background-color:rgba(255, 255, 255, 0.3);}

.site-header-row-sub .sub-menu a {color:#fff;}
.site-header-row-sub .sub-menu a:hover,
.site-header-row-sub .sub-menu a:focus {background-color:rgba(255, 255, 255, 0.1);}

.site-main .menu a:hover,
.site-main .menu a:focus,
.site-footer .menu a:hover,
.site-footer .menu a:focus {
    color:#888;
}
.menu-left a:hover,
.menu-left a:focus,
.menu-right a:hover,
.menu-right a:focus {
	background-color:#f1f1f1;
}

.breadcrumbs-menu .children {
    background-color:#999;
}
.breadcrumbs-menu .children .menu-item a:hover {
	background-color:rgba(255, 255, 255, 0.1);
}



/**
 * 6.0 Post Content
 * -----------------------------------------------------------------------------
 */
.blog .post {
	border-bottom-color:rgba(0, 0, 0, 0.1);
}



/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */
.entry-header-container {
	color:#fff;
	background-color:rgba(85, 85, 85, 0.7);
}
.entry-header-container a,
.entry-header-container a:visited {
	color:#fff;
}



/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */
.tag-links a {
	background-color:#f1f1f1;
}



/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
.nav-links-next-previous {
	border-color:rgba(0, 0, 0, 0.1);
}
.nav-links-previous-arrow.genericon,
.nav-links-next-arrow.genericon {
	color:rgba(255, 255, 255, 0.9);
	background-color: rgba(0, 0, 0, 0.5);
}



/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */
.comment-body {
	border-color:rgba(0, 0, 0, 0.1);
}
.comment-metadata .comment-edit-link {
	border-color:rgba(0, 0, 0, 0.1);
}



/**
 * 7.1 Sidebar Blocks
 * -----------------------------------------------------------------------------
 */
.sidebar .navigation,
.sidebar .sidebar-page,
.sidebar .widget,
.fl-module-widget .widget {
    background-color: rgba(85, 85, 85, 0.05);
}
.sidebar .navigation-title,
.sidebar .sidebar-page h1:first-child,
.sidebar .sidebar-page h2:first-child,
.sidebar .sidebar-page h3:first-child,
.sidebar .widget-title,
.fl-module-widget .widgettitle {
    background-color:rgba(0, 0, 0, 0.1);
}



/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	/**
	 * 1.1 Plugin Reset/Override
	 * -----------------------------------------------------------------------------
	 */
	.em-calendar tbody td {
		border-color:#f1f1f1;
	}
	.em-calendar tbody li {
		background-color:rgba(0, 0, 0, 0.025);
	}
}



/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
    /**
	 * 3.0 Basic Structure
	 * -----------------------------------------------------------------------------
	 */
	.site-header.fixed-right,
	.site-header.fixed-left {
		box-shadow:0 0 1rem 0 rgba(0, 0, 0, 0.3);
	}



	/**
     * 4.0 Header
     * -----------------------------------------------------------------------------
     */
	.site-header-row-main .search-field {
 		background-color:rgba(255, 255, 255, 0);
 	}
	.site-header-row-main .search-submit:hover {color:#555;}



	/**
	 * 5.0 Navigation
	 * -----------------------------------------------------------------------------
	 */
	.site-header-row-main .menu > .menu-item > .sub-menu,
	.site-header-row-sub .menu > .menu-item > .sub-menu {
		box-shadow:0.5rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.3), 0 0.5rem 0.5rem -0.25rem rgba(0, 0, 0, 0.3), -0.5rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.3);
	}
	.site-header-row-main.has-header-fixed-left .menu > .menu-item > .sub-menu,
	.site-header-row-sub.has-header-fixed-left .menu > .menu-item > .sub-menu {
		box-shadow:0 -0.5rem 0.5rem -0.25rem rgba(0, 0, 0, 0.3), 0.5rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.3), 0 0.5rem 0.5rem -0.25rem rgba(0, 0, 0, 0.3);
	}
	.site-header-row-main.has-header-fixed-right .menu > .menu-item > .sub-menu,
	.site-header-row-sub.has-header-fixed-right .menu > .menu-item > .sub-menu {
		box-shadow:0 -0.5rem 0.5rem -0.25rem rgba(0, 0, 0, 0.3), 0 0.5rem 0.5rem -0.25rem rgba(0, 0, 0, 0.3, -0.5rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.3));
	}
	.site-header-row-main .menu > .menu-item:before {
		background-color:rgba(0, 0, 0, 0.2);
	}



	/**
	 * 6.1 Post Thumbnail
	 * -----------------------------------------------------------------------------
	 */
	.featured-image {
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-bottom-color:#999;
	}



	/**
	 * 6.7 Post/Image/Paging Navigation
	 * -----------------------------------------------------------------------------
	 */
	.nav-links-next-previous,
	.nav-links-previous {
		border-color: rgba(0, 0, 0, 0.1);
	}
}