/*
Theme Name: Emili
Theme URI: http://www.emmili.tk/themes/emili;
Author: Nastasie Cosmin Alin
Author URI: http://www.lumea-mea.tk
Description: Emili theme is a free theme, created as a simple to use theme where everybody, with less experience in wordpress, can customize easily their site
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: grid-layout, right-sidebar, theme-options  
Version: 1.2
Text Domain: emili

Thank's for using our theme an we hope that it will be useful for you
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
1.0 Reset CSS
2.0 Basic
	2.1 Styles
	2.2 Header
	2.3 Main
	2.4 Footer
	2.5 Nav
	2.6 Search form
	2.7 Aside format
	2.8 Link format
	2.9 Gallery format
	2.10 Sidebar
		2.10.1 Sidebar
		2.10.2 Tags
		2.10.3 Footer Sidebar
	2.11 Front page
		2.11.1 Activities
		2.11.2 Emplyees
	2.12 Comments
3.0 Carousel
4.0 WordPress Core
5.0 Media query
6.0 Text readers
7.0 Media print
8.0 Error page
----------------------------------------------------------------

/*--------------------------------------------------------------
1.0 Reset CSS
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
 .container, .container-fluid,
 [class*="col-"] {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.row {
     margin-right: 0;
     margin-left: 0;
}

/*--------------------------------------------------------------
2.0 Basic
--------------------------------------------------------------*/

	/* 2.1 Styles*/
	html { font-size: 62.5%; } 
	body { font-size: 14px; font-size: 1.4rem; } /* =14px */
	p { font-size: 14px; font-size: 1.4rem; } /* =14px */ 
	h1   { font-size: 36px; font-size: 3.6rem; } /* =36px */
	h2   { font-size: 32px; font-size: 3.2rem; } /* =32px */
	h3   { font-size: 28px; font-size: 2.8rem; } /* =28px */
	h4   { font-size: 24px; font-size: 2.4rem; } /* =24px */
	h5   { font-size: 20px; font-size: 2.0rem; } /* =20px */
	h6   { font-size: 16px; font-size: 1.6rem; } /* =16px */

	body {
		color: #333;
    	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    	font-size: 1.150rem;
	    font-weight: 400;
	    line-height: 1.66;
	}
	a {
		color: #444;
	}
	a:hover {
		color: #e91e63;
		text-decoration: none;
	}
	img {
		height: auto;
		max-width: 100%;
	}
	.wrap {
		margin: auto;
		width: 85%;
	}
	.border-efect {
		border: 1px solid #bbb;
		margin: 30px auto;
		width: 30%;
	}

	/* 2.2 Header */
	
	.header {
		background: black;
	}

	.site-title a {
		color: #fff;
		font-size: 2.25rem;
		font-weight: 800;
	    letter-spacing: 0.08em;
	   	line-height: 1.25;
	    text-transform: uppercase;
	}
	.site-description {
		color: #fff;
		margin-bottom: 24px;
		opacity: 0.8;
	}
	#menu-hamburger {
		color: white;
		cursor: pointer;
		font-size: 20px;
		font-weight: 600;
	}
	#menu-hamburger .glyphicon-menu-hamburger {
		display: inline-block;
		margin-left: 15px;
	}

	/* 2.3 Main*/
	.main {
		background: #eee;
		padding: 20px 0 40px;
	}
	.main-column {
		padding: 20px 0 40px 0;
	}
	article {
		overflow: hidden;
	}
	article.post { 
		border-bottom: 1px dotted #bbb;
		margin: 20px 0;
		overflow: hidden;
		padding-bottom: 15px;
	}
	.post {
		position: relative;
		border-bottom: 1px dotted #bbb;
		padding-bottom: 15px;
	}
	article .post:last-of-type {
		border: none;
		padding-bottom: 0;
	}
	.post-title {
		color: #333;
		margin-bottom: 0;
	}
    .post-page-title {
	    color: #444;
	    margin: 0;
 	    padding: 0;
   		text-align: center;
	}
	.post-info {
		color: #bbb;
		font-size: 87%;
		margin-bottom: 15px;
	}
	.post-thumbnail {
		float: left;
	}
	.single-post-thumbnail{
		float: right;
	}
	.page-content {
		padding: 30px 0;
	}

	/* 2.4 Footer*/
	.footer {
		background: rgba( 0,0,0,0.9 );
		color: #fff;
		padding: 20px;
	}

	/* 2.5 Nav */
	#nav-menu {
		display: none;
		position: absolute;
    	width: 100%;
    	z-index: 100;
	}
	#menu-main-menu {
		text-align: right;	
	}
	#menu-main-menu li {
		background: rgba(0, 0, 0, .9);
		padding: 10px 7.5%;
	}
	#menu-main-menu li:hover {
		background: rgba(0,0,0,1);
		color: #eee;
	}
	#menu-main-menu li a {
	    color: #fff;
	    font-style: italic;
	    font-size: 1.3rem;
	    font-weight: 500;
	    letter-spacing: 1px;	    
   	}

	/* 2.6 Search Form */
	.hd-search {
		margin-top: 43px;
	}
	input {
		border-radius: 4px;
	}
	input[type=text] {
		padding-left: 5px;
	}
	input[type=submit] {
		background: #e91e63;
		border: none;
		color: white;
   		padding: 4px 20px;
	}
	.search-title {
		padding: 20px 0;
	}
	.widget-item input#searchsubmit {
		margin-top: 10px;
	}

	/* 2.7 Aside format */
	article.post-aside,
	 article.post-link {
		background: #e91e63;
		border-radius: 5px;
		box-shadow: 4px 4px 8px grey;
		color: #fff;
		font-size:125%;
		margin-bottom: 20px;
		padding: 20px;
	}

	/* 2.8 Link format */
	article.post-link {
		background: #eee;
	}
	article.post-link a {
		color: #222;
	}

	/* 2.9 Gallery format*/

	article.post-gallery {
		background: #222;
		color: #fff;
		margin-bottom: 20px;
		padding: 20px;
		text-align: center;
	}
	article.post-gallery h2 {
		padding-bottom: 20px;
	}

	/* 2.10 Sidebar */

	/* 2.10.1 Sidebar */

		.sidebar-column {
			padding: 35px 20px 40px 20px;
		}
		.widget-item {
			margin-bottom: 20px;
		}
		.widget-item ul {
			padding-left: 20px;
		}
		.widget-item ul li {
			padding: 5px;
		    border-bottom: 1px dashed #ddd;
		    font-size: 14px;
		}

	/* 2.10.2 Tags */

		.tags-section {
			margin: 40px 0;
			padding: 20px;
		     background: #e91e63;
			color: #fff
		}
		.tags-section span {
		    background: #fff;
		    border-radius: 5px;
		    display: inline-block;
		    font-size: 60%;
		    margin: 0 10px;
		    padding: 2px 15px;
		    text-transform: capitalize;

		}
		.tags-section span:hover {
			background: #ddd;
		}
		.tags-section span a {
			color: #444;
		}
		.tags-section span a:hover {
			color: #e91e63;
		}	

	/* 2.10.3 Footer sidebar */

		.footer-sidebar .widget-item ul li {
			border: 0px; 
		}

		.footer-sidebar {
		    background: #333;
		    color: #eee;
		    padding: 20px 0;
		}
		.footer-sidebar a {
		    color: #eee;
		}
		.footer-sidebar a:hover {
			color: #e91e63;
		}	

	/*2.11 Front page */
		
		.frontpage-description{
			font-size: 125%;
			letter-spacing: 1px;
			padding: 25px 30px;
		}

		/*2.11.1 Activities*/

		.activities,
		 .employees {
			text-align: center
		}
		.activities h3,
		.activities p {
			padding: 20px;
		}
		.activities img {
			border-radius: 50%;
			height: auto;
		}
		.activiti-item a,
		.employees-title,
		h1.activity {
			color: #444;
		}

		/* 2.11.2 Employees */

		.employees {
			background: #eee;
			padding: 20px 0;
		}
		.employees-item img {
			padding: 10px;
		}
		.employees-title {
			margin-bottom: 20px;
		}
		.employees-item {
    		margin: auto;
			position: relative;
		}		
		.employees-info {
		    background-color: rgba(0, 0, 0, .7);
		    bottom: 0px;
		    color: #eee;
		    display: none;
		    left: 0px;
		    margin: 5px;
		    padding: 10px 5px 5px 5px;
		    position: absolute;
		    right: 0px;
			top: 0px;
		}
		.employees-info h4 {

		}
		.employees-info p {
		    padding: 10px;
		    color: #ddd;
		    font-size: 120%;
		    line-height: 1.1;
		}
	
		.employees-item:hover .employees-info {
			display: block;
		}

	/* 2.12 Comments*/
	
	.comments {
		clear: both;
	}
	.comments li {
	    list-style: none;
	}
	.comment p {margin: 10px 0}
	.comment-body {
	    padding:10px 0;
	    border-bottom :1px solid #bbb;
	}
	.comment-form-comment label{
	    display: block;
		margin: 15px 0 5px 0;
	    color: #444
	}
	.comment-form-comment textarea {
	    border-radius: 5px;
	    box-shadow: 3px 3px 5px #666;
	    width: 100%;
	}
	.form-submit input {
		background: #e91e63;
	    border: none;
	    color: white;
	    padding: 4px 20px;
	    border-radius: 4px;
	}
	p[class^="comment-"] {
		margin: 15px 0;
	}

/*--------------------------------------------------------------
3.0 Carousel
--------------------------------------------------------------*/

.carousel-control {
	display: none;
}

/*--------------------------------------------------------------
4.0 Wordpress core
--------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

 .sticky,
  .bypostauthor, 
   .gallery-caption {
  	border: none;
  }

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
5.0 Media queryes
--------------------------------------------------------------*/

@media screen and ( max-width: 768px ) {
	
	header .col-sm-5,
	 header div[class^="col-sm-"], 
	  .navigation {
		padding-bottom: 20px;
		text-align: center;
	}
	.hd-search {
   		 margin-top: 0px;
   	}
	.post-thumbnail {
		float: none;
		text-align: center;
	}
	.single-post-thumbnail{
		float: none;
		margin: 0 auto 20px auto;
		width: 90%;
	}
	.activiti-item {
		border-bottom: 1px dashed #ddd;
		margin-bottom: 15px;
	}
	.activities img {
	    width: 40%;
	}
	.carousel-caption {
       display: none;
	}

}
@media screen and ( min-width: 769px ) and ( max-width: 960px ) {
	#menu-hamburger {
		line-height: 110px;
	}
	.navigation {
		text-align: right;
	}
	.post-thumbnail {
		margin-right: 20px;
	}
	.single-post-thumbnail{
		margin: 0 0 10px 20px;
	}
	.carousel-caption {
        color: #eee;
	    font-size: 1.4rem;
	    right: 5%;
	 	text-align: right;
	    top: 20%;
	}
	.carousel-caption-text {
		background: rgba(0, 0, 0, .7);
	    border-radius: 7px;
		display: inline-block;
		min-width: 50%;
	    padding: 20px 30px;
	    text-align: left;
	}
	.activities img {
	    width: 40%;
	}
	.carousel-control .glyphicon-chevron-left,
	 .carousel-control .glyphicon-chevron-right,
	  .carousel-control .icon-next,
	   .carousel-control .icon-prev {
   		 top: 80%;
    }
     /* center the article for single pages */
    .central {
    	margin: auto;
    	width: 80%;
    }

}

@media screen and ( min-width: 961px ) {
	#menu-hamburger {
		line-height: 110px;
	}
	.navigation {
		height: 110px;
		text-align: right;
	}
	.post-thumbnail {
		margin-right: 20px;
	}
	.single-post-thumbnail{
		margin: 0 0 10px 20px;
	}
	.activities img {
	    width: 40%;
	}
	.carousel-caption {
        color: #eee;
	    font-size: 1.7rem;
	    right: 5%;
	 	text-align: right;
	    top: 10%;
	}
	.carousel-caption-text {
		background: rgba(0, 0, 0, .7);
	    border-radius: 7px;
		display: inline-block;
		min-width: 40%;
	    padding: 20px 30px;
	    text-align: left;
	}
	.carousel-control .glyphicon-chevron-left,
	 .carousel-control .glyphicon-chevron-right,
	  .carousel-control .icon-next,
	   .carousel-control .icon-prev {
   		 top: 80%;
    }
    /* center the article for single pages */
    .central {
    	margin: auto;
    	width: 80%;
    }

}

/*--------------------------------------------------------------
6.0 Text readers
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-header a{color: red;}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}

/*--------------------------------------------------------------
8.0 Error Page
--------------------------------------------------------------*/

.error-heading {
	padding: 100px;
	text-align: center;
}