/*
		Theme Name: EmaCSS
		Author: Emanuele Romagnoli
		Version: 0.1
		Description: EmaCSS is a Blog Theme for Wordpress. Clear, simple and RED!
		License: GNU General Public License v2 or later
		License URI: http://www.gnu.org/licenses/gpl-2.0.html
		Text Domain: emacssTags
		Tags: blog, news, right-sidebar, custom-logo, custom-menu, footer-widgets
		*/
	   
	   /* ----------------------------------------- Import */
       @import url(css/fonts.css);
       @import url(css/widgets.css);
       @import url(css/widget-menu.css);
       @import url(css/widget-form.css);
       @import url(css/colors.css);
       @import url(css/layout.css);
       @import url(css/sections-animation.css);
       @import url(css/structure.css);
       @import url(css/media-queries.css);
	   @import url(css/wp.css);

       /* --- Font --- */
       * {
       font-family: 'Open Sans', sans-serif;
       font-size: 19px;
       }

       h1 {
	   font-size: 32px;
	   }

	   .color {
	   color: var(--main-color);
	   font-size: 32px;
	   }

	   h2 {
	   font-size: 28px;
	   }

	   h3 {
	   font-size: 24px;
	   }

	   a, p {
	   font-size: 19px;
	   }

	   strong {
	   color: var(--second-color);
	   }

       /* --- Main Color --- */
       :root {
       --background-color: none;
       --main-color: rgb(204, 39, 34);
       --second-color: rgb(54, 60, 64);
       --link-color: rgb(204, 39, 34); /*#0033FF;*/
       }

       /* --- Logo-Url --- */

       .logo-container {
       display: block;
       max-width: 160px;
       transition: all 0.5s;
       }

       #logo {
       font-family: 'Exo 2', sans-serif;
       text-align: center;
       letter-spacing: 0.5px;
       color: black;
       transition: all 0.5s;
       border: 2px solid var(--main-color);
       padding: 10px;
       width: auto;
       border-radius: 200px 200px 200px 200px;
       -moz-border-radius: 200px 200px 200px 200px;
       -webkit-border-radius: 200px 200px 200px 200px;
       }

       #logo:hover {
       text-decoration: none;
       font-size: 24px;
       }

       #logo::after {
       content: "#";
       color: var(--main-color);
       }

       #logo::first-letter {
       color: var(--main-color);
       }

       /* --- General Padding --- */

       article, header, footer, ul.tag-list {
       padding: 0;
       }
	   
	   /* --- WP Customize --- */
	   
	   a {
		transition: opacity 0.5s;
	   }
	   
	   a:hover {
	   opacity: 0.75;
	   text-decoration: none;	
	   }
	   
	   a:active {opacity: 0;}
	   
	   .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;
		}

		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;
		}
	   
	   .sticky, .bypostauthor { color:var(--main-color); }
	   
	   .wp-caption {

		 border: 1px solid #ddd;

		 text-align: center;

		 background-color: #f3f3f3;

		 padding-top: 4px;

		 margin: 10px;

		 -moz-border-radius: 3px;

		 -khtml-border-radius: 3px;

		 -webkit-border-radius: 3px;

		 border-radius: 3px;

		}

		.wp-caption img {

		 margin: 0;

		 padding: 0;

		 border: 0 none;

		}

		.wp-caption p.wp-caption-text {

		 font-size: 11px;

		 line-height: 17px;

		 padding: 0 4px 5px;

		 margin: 0;

		}
		
		/* Text meant only for screen readers. */
		.screen-reader-text {
			border: 0;
			clip: rect(1px, 1px, 1px, 1px);
			clip-path: inset(50%);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			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: #eee;
			clip: auto !important;
			clip-path: none;
			color: #444;
			display: block;
			font-size: 1em;
			height: auto;
			left: 5px;
			line-height: normal;
			padding: 15px 23px 14px;
			text-decoration: none;
			top: 5px;
			width: auto;
			z-index: 100000;
			/* Above WP toolbar. */
		}
		
		.gallery-caption {display: flex;}