/*
 Theme Name:   AM2 Twenty Sixteen Child
 Theme URI:    http://codebase.am2studio.hr/
 Description:  AM2 Twenty Sixteen Child Theme
 Author:       AM2 Studio
 Author URI:   http://am2studio.hr
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


p {
    margin: 0 0 1em;
}

.tags-links a {
	display: inline-block;
    background: #39B54A;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
	margin-right: 6px;
	margin-bottom: 6px;
}

.tags-links a:hover {
    background: #BDBDBD;
    color: #5F5F5F !important;
	text-decoration: none;
}

.tags-links .screen-reader-text {
    display: block;
    width: auto;
    height: auto;
    position: static !important;
    text-transform: uppercase;
    margin: 16px 0 1px;
}


.widget {
    border-top: none;
}

.crayon-syntax.crayon-expanded {
    z-index: 100;
}
body .crayon-syntax .crayon-line,
body .crayon-syntax .crayon-num {
    padding: 4px 10px;
}
body .crayon-syntax .crayon-code,
body .crayon-syntax .crayon-nums {
    padding: 16px 0  !important;
}

.site-inner {
	max-width: 100%
}

.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
    text-transform: uppercase;
}

.main-navigation li,
.main-navigation a {
    color: #F6F6F6;	
}

@media screen and (min-width: 56.875em) {
	
	.site {
		margin: 0;
	}
	
	.site-header {
		padding: 0 36px;
		/* background: #DDD; */
		background: #1f232c;
	}
	
	.header-image {
		width: 247px;
		height: 49px;
	}
	
	body,
	button,
	input,
	select,
	textarea {
		font-size: 14px;
	}
	.entry-content h2,
	.entry-summary h2,
	.comment-content h2 {
		font-size: 24px;
	}
	.entry-content h3,
	.entry-summary h3,
	.comment-content h3 {
		font-size: 20px;
	}
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6 {
		font-size: 16px;
	}
	
	.site-main {
		margin-bottom: 0;
	}
	.site-content {
		padding: 0;
		overflow: hidden;
	}
	.content-area {
	}
	body:not(.search-results) article:not(.type-page) .entry-content {
		width: 78.428571%;
	}
	
	.sidebar {
		margin-left: 70%;
		margin-bottom: -10000px;
		padding-bottom: 10000px;
		width: 30%;
		background-color: #39B54A;
		background: #39B54A url(http://am2studio.hr/content/themes/stranica/ui/map-header.png) no-repeat center 35px;
		background-size: 120%;
		-webkit-box-shadow: inset 8px 0px 10px #43A250;
		-moz-box-shadow: inset 8px 0px 10px #43A250;
		box-shadow: inset 8px 0px 10px #43A250;
	}
	.sidebar a {
		color: #fff;
		font-size: 16px;
	}
	.widget {
		padding: 16px;
		margin-bottom: 0;
	}
	/*.widget:nth-child(2n) {
		background: #36B147;
	}*/
	.widget.widget_search {
		padding: 0;
		margin-bottom: 24px
	}
	.widget input[type="search"].search-field {
		width: -webkit-calc(100% - 35px);
		width: calc(100% - 62px);
		border: none;
		outline: none;
		padding: 20px 16px;
		font-size: 16px;
		background: #50BE5F;
		background: rgba(255, 255, 255, 0.12);
		-webkit-appearance: none;
	}
	.widget .search-form:hover input[type="search"].search-field,
	.widget input[type="search"].search-field:hover,
	.widget input[type="search"].search-field:focus {
		background: rgba(255, 255, 255, 0.25);
	}
	.widget button.search-submit {
		width: 62px;
		background: #43A250;
	}
	.widget button.search-submit:hover {
		background: #58585A;
	}
	
	.widget_search ::-webkit-input-placeholder {
	   color: #CAECCF;
	   font-size: 16px;
	}
	.widget_search :-moz-placeholder {
	   color: #CAECCF;
	   font-size: 16px;
	}
	.widget_search ::-moz-placeholder {
	   color: #CAECCF;
	   font-size: 16px;
	}
	.widget_search :-ms-input-placeholder {
	   color: #CAECCF;
	   font-size: 16px;
	}
	
	.widget .widget-title {
		margin-bottom: 2px;
	}
	.widget ul {
		margin: 0;
		list-style-type: none;
	}
	.widget li {
		list-style-type: none;
		font-family: Montserrat, "Helvetica Neue", sans-serif;
	}
	
	.site-main > article {
		padding: 36px;
		background: #F6F6F6;
		margin-bottom: 0;
	}
	.site-main > article:nth-child(2n) {
		background: #EFEFEF;
		background: #E2E2E2;
	}
	body.archive .site-main > article {
		background: #E2E2E2;
	}
	body.archive .site-main > article:nth-child(2n) {
		background: #F6F6F6;
	}
	
	
	.page-header {
		position: relative;
		padding: 32px;
		margin: 0;
		border: 0;
		background: #282828;
		background: #87898d;
		text-transform: uppercase;
	}
	/*header.page-header:after {
		position: absolute;
		content: " ";
		top: 0;
		bottom: 0;
		right: -6px;
		width: 6px;
		background: rgb(40, 40, 40);
		z-index: 10;
	}*/
	.page-header .page-title {
		font-size: 36px;
		color: #EFEFEF;
		text-align: center;
	}
	
	.comments-title,
	.comment-reply-title {
		border-top: none;
		padding-top: 0;
	}
	.comments-area {
		position: relative;
		padding: 36px;
		margin-bottom: 0;
		background: #E8E8E8;
	}
	/*.comments-area:after {
		position: absolute;
		content: " ";
		top: 0;
		bottom: 0;
		right: -10px;
		width: 10px;
		background: #43A250;
	}*/
	.comment-reply-title {
		border-top: none;
		padding-top: 0;
	}
	
	.post-navigation {
		border-top: none;
		border-bottom: none;
		background: #F6F6F6;
	}
	.post-navigation a {
		padding: 36px;
	}
	.post-navigation div + div {
		border-top: 4px solid #E8E8E8;
	}
	
	.site-footer {
		padding: 36px 4.5455%;
		background: #282828;
		background: #1F232C;
	}
	.site-info {
		margin: 0.538461538em auto 0.538461538em;
	}
	.site-info a {
		color: #fff;
	}
	
	.entry-content blockquote:not(.alignleft):not(.alignright),
	.entry-summary blockquote,
	.comment-content blockquote {
		margin-left: 16px;
	}
	blockquote {
		border: 0 solid #DDDDDD;
		border-left-width: 4px;
		font-size: 16px;
		font-size: 1rem;
	}
	
	.entry-title {
		font-size: 30px;
		padding-right: 64px;
	}
	.entry-summary,
	body .entry-summary {
		font-size: 20px;
	}
	
	body:not(.single) article:not(.type-page) .entry-content,
	body:not(.single) article:not(.type-page) .entry-content {
		width: 99.85714243%;
		font-family: Montserrat, "Helvetica Neue", sans-serif;
	}
	body:not(.single) .entry-summary {
		margin-bottom: 0px;
	}
	body:not(.single) .tags-links {
		display: inline-block;
		float: left;
		margin-right: 36px;
	}
	body:not(.single) .comments-link {
		display: inline !important;
		float: left;
		clear: left !important;
		padding-top: 15px;
		margin-right: 10px;
	}
	body:not(.single) .comments-link a,
	body:not(.single) .edit-link a {
		padding: 4px 8px;
		border-radius: 2px;
		background: rgba(0, 0, 0, 0.1);
		color: #000;
		box-shadow: none;
	}
	body:not(.single) .edit-link {
		display: none;
		/*display: inline !important;
		float: left;
		padding-top: 15px;
		margin-right: 10px;*/
	}
	body.archive .posted-on {
		display: none !important;
	}
	body:not(.single) .posted-on a {
		color: #7B7B7B;
	}
	
	body:not(.single) .site-main > article {
		position: relative;
		overflow: hidden;
	}
	body:not(.single) .site-main > article:before {
		position: absolute;
		top: -22px;
		right: -25px;
		font-size: 64px;
		color: #FFFFFF;
		/* border: 1px solid #FFFFFF; */
		background: rgba(0, 0, 0, 0.05);
		padding: 34px 34px 22px 16px;
		line-height: 42px;
		-webkit-border-radius: 50% 0% 50% 0%;
		-moz-border-radius: 50% 0% 50% 0%;
		border-radius: 50% 0% 50% 0%;
		width: 38px;
		height: 38px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	body:not(.single) .site-main > article:nth-of-type(n+10):before {
		right: 5px;
	}
	body:not(.single) .site-main > article:nth-of-type(1):before {
		content: "1";
	}
	body:not(.single) .site-main > article:nth-of-type(2):before {
		content: "2";
	}
	body:not(.single) .site-main > article:nth-of-type(3):before {
		content: "3";
	}
	body:not(.single) .site-main > article:nth-of-type(4):before {
		content: "4";
	}
	body:not(.single) .site-main > article:nth-of-type(5):before {
		content: "5";
	}
	body:not(.single) .site-main > article:nth-of-type(6):before {
		content: "6";
	}
	body:not(.single) .site-main > article:nth-of-type(7):before {
		content: "7";
	}
	body:not(.single) .site-main > article:nth-of-type(8):before {
		content: "8";
	}
	body:not(.single) .site-main > article:nth-of-type(9):before {
		content: "9";
	}
	body:not(.single) .site-main > article:nth-of-type(10):before {
		content: "10";
	}
	body:not(.single) .site-main > article:nth-of-type(11):before {
		content: "11";
	}
	body:not(.single) .site-main > article:nth-of-type(12):before {
		content: "12";
	}
	body:not(.single) .site-main > article:nth-of-type(13):before {
		content: "13";
	}
	body:not(.single) .site-main > article:nth-of-type(14):before {
		content: "14";
	}
	body:not(.single) .site-main > article:nth-of-type(15):before {
		content: "15";
	}
	body:not(.single) .site-main > article:nth-of-type(16):before {
		content: "16";
	}
	body:not(.single) .site-main > article:nth-of-type(17):before {
		content: "17";
	}
	body:not(.single) .site-main > article:nth-of-type(18):before {
		content: "18";
	}
	body:not(.single) .site-main > article:nth-of-type(19):before {
		content: "19";
	}
	body:not(.single) .site-main > article:nth-of-type(20):before {
		content: "20";
	}
	body:not(.single) .site-main > article:nth-of-type(n+21):before {
		content: "+";
		right: -25px;
		top: -17px;
		padding-bottom: 10px;
	}
	
	
}


@media screen and (max-width: 56.874em) {
	
	.site {
		margin: 0;
	}
	.site-header {
		background: #1f232c;
	}
	.menu-toggle {
		border: 1px solid #39B54A;
		color: #39B54A;
	}
	.page-header {
		position: relative;
		padding: 32px;
		margin: 0 0 32px;
		border: 0;
		background: #87898d;
		text-align: center;
		text-transform: uppercase;
	}
	.page-title {
		color: #EFEFEF;
	}
	body .entry-title {
		margin-top: 28px;
	}
	
}