/*
Theme Name: sixpack
Theme URI: http://oldalgazda.hu
Author: oldalgazda (József Jároli)
Author URI: http://jaroli.hu
Description: ultra-minimalist theme
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sixpack
Tags: blog, grid-layout, featured-images, threaded-comments, translation-ready


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

sixpack is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.


*/



/*--------------------------------------------------------------
FONT DEFINITIONS
---------------------------------------------------------------*/

@font-face {
    font-family: 'alegreyasanslight';
    src: url('./fonts/AlegreyaSans-Bold.ttf');
    src: url('./fonts/AlegreyaSans-Bold.ttf') format('truetype');
    font-style: normal;
}



@font-face {
    font-family: 'alegreyasans';
    src: url('./fonts/AlegreyaSans-ExtraBold.ttf');
    src: url('./fonts/AlegreyaSans-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'alegreyasans';
    src: url('./fonts/AlegreyaSans-Black.ttf');
    src: url('./fonts/AlegreyaSans-Black.ttf') format('truetype');
    font-weight: bold;

}

@font-face {
    font-family: 'alegreyasans';
    src: url('./fonts/AlegreyaSans-BoldItalic.ttf');
    src: url('./fonts/AlegreyaSans-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'alegreyasans';
    src: url('./fonts/AlegreyaSans-ExtraBoldItalic.ttf');
    src: url('./fonts/AlegreyaSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'blogger';
    src: url('./fonts/BloggerSans-Medium.eot');
    src: url('./fonts/BloggerSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('./fonts/BloggerSans-Medium.woff') format('woff'),
         url('./fonts/BloggerSans-Medium.ttf') format('truetype');    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blogger';
    src: url('./fonts/BloggerSans-Bold.eot');
    src: url('./fonts/BloggerSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/BloggerSans-Bold.woff') format('woff'),
         url('./fonts/BloggerSans-Bold.ttf') format('truetype');    
    font-weight: bold;
    font-style: normal;
}

/*--------------------------------------------------------------
FONT COLOUR DEFINITIONS
---------------------------------------------------------------*/

.sp_xy * {
	color:#777
	} 

a {
	color: rgba(0,0,0,0.75);
	}
	
.sp_snippet,
.wp-caption-text, 
.sp_content *, 
.comment-content {
	color:#444
	}
	
.sp_emphasis *,
.sp_xy .sp_more .sp_right,
.sp_xy .sp_more .sp_left,
.sp_content h1, 
.sp_content h2, 
.sp_content h3, 
.sp_content h4, 
.sp_content h5, 
.sp_content h6,
.sp_lists h2,
.sp_content a, 
.sp_snippet a, 
.comment-content a,
strong,
b,
em,
dt,
.sp_xy b,
.comment-reply-link,
.search-submit {
	color:black;
}


.sp_title,
.sp_date,
.sp_date a,
.sp_header h2 a,
.sp_2x2y .sp_header h1,
.sp_more-link,
.sp_emphasis .sp_title, 
.sp_emphasis .sp_header h1, 
.sp_emphasis .sp_more-link,
.sp_x2y .sp_more .sp_right,
.sp_x2y .sp_more .sp_left,
.sp_title a,
.comment-reply-title {
	color:white;
	}



/*--------------------------------------------------------------
GENERAL DEFINTITIONS 
---------------------------------------------------------------*/

html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	-ms-text-size-adjust: 100%;
}

html * {
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing:     border-box;
    box-sizing:        border-box;
}

html, 
body {
   height: 100%;
}

	
body, 
h1, 
h2, 
h3,
textarea,
input,
figure {
	margin:0px;
	padding:0px;
}

body {
	font-family: "alegreyasans", arial, sans;
	background:white;
}
	
.screen-reader-text {
	display:none;
}

input, textarea, select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

/*--------------------------------------------------------------
PACK BOX DIMENSION DEFINTITIONS 
---------------------------------------------------------------*/

.sp_x,
.sp_xy,
.sp_x2y,
.sp_2x,
.sp_2x2y {
	float:left;
	padding:2% 0 0 2%;
}

.sp_x,
.sp_xy,
.sp_x2y {
	width:32.66%;
	min-width:260px;
	min-height:160px;
}

.sp_2x,
.sp_2x2y {
	width:65.33%;
	min-width:260px;
}


.sp_xy {
	height:24.25%;
}

.sp_x2y {	
	height:48.5%;
}

	
.sp_2x2y {
	height:48.5%;
	min-height:320px;
}
	
.sp_border {
	position:relative;
	z-index:1;
	height:100%;
	overflow:hidden;
	padding:4px;
	border:4px solid #eee;	
	box-shadow: 12px 12px 2px 2px rgba(0,0,0,0.025);
    border-image: url(./images/rainbow80.png) 4;
    background:white;
}

.sp_xy .sp_border {
    border-image: url(./images/rainbow80light.png) 4;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
} 

.sp_emphasis .sp_border {
    border-image: url(./images/rainbow80.png) 4;
	box-shadow: 6px 6px 2px 2px rgba(0,0,0,0.025);
    }

.sp_2x .sp_border {
	min-height:320px;
}

.sticky .sp_border {
	box-shadow: 12px 12px 2px 2px rgba(0,0,0,0.1);
}

.sp_2x .sp_border, 
.sp_xy .sp_border,
.sp_x2y .sp_border {
	padding:0px;
}


/*--------------------------------------------------------------
PACK ELEMENT DEFINTITIONS 
---------------------------------------------------------------*/
	
.sp_right {
	right:-4px;
}

.sp_left {
	left:-4px;
}	

.sp_title,
.sp_date {
	background:  url(./images/rainbow80.png) top left ;
	font-family: 'blogger',arial, sans;
	font-size:16px;
	text-transform:lowercase;
	letter-spacing:0px;
}

.sp_date {
	float:left;
    margin:0px 8px 8px -4px;
    padding:0px 4px 0px 4px;
}


	
.sp_title {
	z-index:3;
	max-height:3.6em;
	overflow-y:hidden;	  
   	padding: 4px 10px 4px 4px;
}

.sp_xy .sp_title {
	float:left;
	background:  url(./images/rainbow80light.png) top left; 
	font-weight: normal;		
}	

.sp_2x2y .sp_title, 
.sp_x2y .sp_title {
	position:absolute;
	top:0px;
	left:0px;	
}

.sp_header,
.sp_header img  {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
	
.sp_header {
	height:50%;
	overflow:hidden;
}

.sp_header img {
	height:auto;
	}

.sp_header h2, 
.sp_header h1 {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:5;
	padding: 4px 10px 4px 6px;
	font-size:22px;
	font-family: 'blogger', Arial, sans-serif;	
	background: url(./images/rainbow80.png);
}



.sp_xy .sp_header h2,
.sp_xy .sp_header h1 
{
	background: url(./images/rainbow80light.png);
}

.sp_2x2y .sp_header {
	height: 100%;
	}

.sp_2x2y .sp_header h1{
	padding: 4px 10px 0px 4px;
    background: url(./images/rainbow80.png) bottom left;
  	font-size:36px;
    }


.sp_snippet {
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	height:50%;	
	padding:8px;
	line-height:1.3em;
	font-size:16px;
	font-family: "alegreyasanslight", arial, sans;
	}

.sp_snippet * {
	display:inline;
	margin:0px; 
	padding:0px; 
	font-size:16px; 
	line-height:1.3em
	}

.sp_snippet img,
.sp_snippet figure {
	display:none;
}

/* Special styling for images displayed in snippet area */
.sp_snippet_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sp_snippet_image img {
	display: block !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}




.sp_tag, .sp_toc {
	margin: 4px 4px 0px 0px;
	line-height: 1.5em;	
}

.sp_tag {
	background: url(./images/rainbow80light.png) top right; 
	float:left;
}

.sp_toc {
	background: url(./images/rainbow80light.png) bottom right; 
}
	
.sp_tag a {
	padding: 0px 4px 0px 0px;
}


.sp_more {
	position:absolute;
	bottom:0px;
	right:0px;
	height:26px;
	width:100%;
	z-index:3;
	background: url(./images/more-bg4.png) bottom repeat;
}

.sp_more-link {
	position:absolute;
	bottom:0px;
	padding:6px 8px 2px 8px;
	background:  url(./images/rainbow80.png) bottom left;
	font-family: 'blogger',arial, sans;
	font-weight:bold;
	font-size:16px;
}

.sp_emphasis .sp_title, 
.sp_emphasis .sp_header h1, 
.sp_emphasis .sp_more-link {
	background: url(./images/rainbow80.png);
	}
	



.sp_xy p {
	clear:both;
	padding:4px; 
	font-size:16px;
	font-family: "alegreyasanslight", arial, sans;
	letter-spacing:0.005em;
	line-height:1.3em;
}

    
.sp_xy .sp_more .sp_right {
	background:  url(./images/rainbow80light.png) bottom right;
}

.sp_x2y .sp_more .sp_right {
	background:  url(./images/rainbow80.png) bottom right;
}

.sp_xy .sp_more .sp_left {
	background:  url(./images/rainbow80light.png) bottom left;
}

.sp_x2y .sp_more .sp_left {
	background:  url(./images/rainbow80.png) bottom left;

}

/*--------------------------------------------------------------
FOOTER DEFINTITIONS 
---------------------------------------------------------------*/

footer {
	width:100%;
	height:4%;
	clear:both;
	}
	
.sp_footer {
	position:relative;
	float:left;
	width:100%;
	height:160px;
	z-index:0;
	margin:-60px 0px 0px 0px;
	background: #ddd url(./images/rainbow80light.png) top left;
}

.sp_next a, .sp_prev a {
	display:block;
	font-family: 'blogger',arial, sans;
	text-transform:lowercase;
	width:24%;
	margin:0px;
	height:160px;
	min-width:180px;
	font-size:22px; 
	display: block; 
	padding-top:80px;
	background: #ddd url(./images/rainbow80light.png) bottom left;
}

.sp_prev {
 	float:left;
 }

.sp_next,  .sp_next * {
	float:right; 
	text-align:right;
 }



/*--------------------------------------------------------------
SMALL DISPLAY SIZE DEFINTITIONS 
---------------------------------------------------------------*/

@media screen and (max-width: 480px) {

.sp_x,
.sp_xy,
.sp_x2y,
.sp_2x,
.sp_2x2y  {
	width:100%;
	padding: 0px 0px 4% 0px ;
}

.sp_x2y {
	height:50%;
	min-height:164px;
}

.sp_x2y .sp_title {
	display:none;
}

.sp_2x2y, 
.sp_xy {
	height:25%;
	min-height:164px;
}



.sp_2x2y .sp_header h1 {
	font-size: 22px;
}
 
.sp_header h2 {
	font-size:20px;
}

.sp_border, 
.sticky .sp_border {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
}

}

@media screen and (min-width: 481px) and (max-width:667px) {

.sp_x {
	width:49%;
}

.sp_x2y{
	height:49%;
}

.sp_x2y .sp_title {
	display:none;
}

.sp_2x2y .sp_header h1 {
	font-size: 28px;
}

}

@media screen and (min-width: 481px) and (max-width:799px) {

.sp_xy {
	width:49%;
	height:24%;
}

.sp_x2y {
	width:49%;
}

.sp_2x {
	width:98%;
}

.sp_2x2y {
	width:98%;
	height:24%;
	min-height:164px;
}

.sp_border, 
.sticky .sp_border {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
}


}



/*--------------------------------------------------------------
CONTENT DEFINTITIONS 
---------------------------------------------------------------*/

.sp_content,
.sp_lists {
	width:auto;
	margin:8px;
	clear:both;
}

.sp_content, 
.sp_content *, 
.comment-content  {
	line-height:1.6em;
	letter-spacing:0.03em;	
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:'blogger', arial, sans;
	letter-spacing:0px;
	line-height:1em;
	clear:both;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.75em;
}

h3 {
	font-size:1.5em;
}

h4 {
	font-size:1.3em;
}

h5 {
	font-size:1.2em;
}

h6 {
	font-size:1.1em;
}
	
.sp_content h1, 
.sp_content h2, 
.sp_content h3, 
.sp_content h4, 
.sp_content h5, 
.sp_content h6,
.sp_lists h2 {
	margin-top:1.5em;
	margin-bottom:0em;
}


a {
	text-decoration:none; 	
}		


.sp_content a, 
.sp_snippet a, 
.comment-content a,
.logged-in-as a {
	background:  url(./images/rainbow80light.png) top right;
	border-bottom: 2px solid rgba(0,0,255, 0.2);
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.sp_content figure a {
	padding:0px;
	}

strong,
b,
em,
dt,
.sp_xy b
 {
	font-weight:bold;
	}

blockquote {
	margin-left: 8px;
    margin-right: 8px;
    padding-left: 8px;
	border-left:8px solid #eee;
    border-image: url(./images/rainbow80light.png) 5;
	font-style:italic;
	font-weight:bold;
}

th, td {
   border: 1px solid white;
   padding: 4px;
}

th {
	background: url(./images/rainbow80.png) top left;
}

tr:nth-child(even) {
	background: url(./images/rainbow80light.png) top left;
}

ul {
	padding-left:1em;
}

abbr,
acronym {
	border-bottom:2px solid #eee;
    border-image: url(./images/rainbow80.png) 5;
	}

code, kbd, pre, tt {
	font-size:0.9em;
	font-weight:bold;
	overflow-x:scroll;
	}
	
q {
	font-style: italic;
	}

.alignright {
	float:right;
	padding-left:8px;
	}

.alignleft {
	float:left;
	padding-right:8px;
	}
	
.aligncenter {
	margin-left:auto;
	margin-right:auto;
	text-align:center; 
	}


.sp_content img, 
.wp-caption {
	max-width:100%;
	height:auto;
	margin:0px;
}

.wp-caption-text {
	background:  url(./images/rainbow80light.png) top right; 
	font-size: 14px;
 }
 
.gallery {
	width: 100%;
}
	 
.gallery-caption {
	height: 3em;
	margin: 0px 16px 16px 16px;
	padding: 0px 4px;
	overflow: hidden;
 }
 
.gallery-item {
	width:33%;
	min-width:150px;
	height:210px;
	float:left;
	text-align:center;
}
  
 .gallery-item a {
 	background: none;
 	border-bottom: 0px;
}
 

/*--------------------------------------------------------------
COMMENT FORM
---------------------------------------------------------------*/

.comment-reply-title {
	position:absolute;
	top:0px;
	left:0px;
	background:  url(./images/rainbow80.png) top left;
	padding: 4px 10px 4px 6px;
	font-size:1.4em;
	font-family:'blogger', arial, sans;
}


.comments-title {
	margin: 2em 0px 0px 8px;
	font-size:1.4em;
	font-family: "alegreyasans", arial, sans;
	font-weight: normal;
}

.bypostauthor .comment-content {
	border: 4px solid #eee;
	border-image: url(./images/rainbow80light.png) 4;	
	padding:4px;
	}

.reply {
	margin-top:1em;
	margin-bottom:1em;
}

.comment-reply-link {
	margin:1em 0em;
	padding:4px 8px;
	border: 4px solid #eee;
	background: url(./images/rainbow80light.png);
    border-image: url(./images/rainbow80light.png) 4;	
    font-family:'blogger', arial, sans;
    font-weight:bold;
   
}

.comment-form {
	margin:3em 8px 8px 8px;
}

.comment-form label {
	display:block;
	width:33%;
	margin-right:8px;
	padding:2px 4px;
	background: url(./images/rainbow80light.png);
}

.subscribe-label {
	background-image:none;
}

.comment-form input, .comment-form textarea {
	border: 4px solid #eee;
    border-image: url(./images/rainbow80light.png) 4;
    font-size:16px;
}

.comment-form textarea {
	width:100%;
}

.comment-form input {
	width:50%;
}

input.submit {
	display:block;
	width:100%;
	background: url(./images/rainbow80light.png);
	font-weight:bold;
	font-family: "blogger", arial, sans;
	font-size:22px;	
}

input * {
	font-size:16px;
}

.comments-area {
	padding:8px;
}

.logged-in-as a {
	margin-left:1em;
	}
	
.required-field-message {
	display:block}

/*--------------------------------------------------------------
SEARCH FORM
---------------------------------------------------------------*/

.search-form {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:32px;
	z-index:3;
	overflow:hidden;
	}
	

.search-submit  {
	position:absolute;
	bottom:0px;
	right:0px;
	width:33%;
	height:32px;
	border:0px;
	padding:6px 8px 0px 8px;
	background:  url(./images/rainbow80.png) bottom right;
	font-weight:bold;
	font-size:22px;	
	font-family: 'blogger',arial, sans;
	text-align:center;
}

.search-field {
	width:67%;
	height:32px;
	border: 0px;
	box-shadow: inset 4px 4px 8px rgba(0,0,0,0.05);
	padding:6px 8px 2px 8px;
	background: url(./images/rainbow80light.png) top right;
	font-size:22px;
	font-family: 'blogger',arial, sans;
}
	


/*--------------------------------------------------------------
SITEMAP
---------------------------------------------------------------*/

h2.sp_firsttitle,
h2.widgettitle {
	margin-top: 0px;
	margin-bottom: 0.25em;
	font-size:24px;
}

.sp_lists * {
	line-height:1em;
	letter-spacing:0.03em;	
}
	
.sp_lists li,
.sp_lists ul {
	margin-top:0.5em;
}	

.sp_lists li a {
	background:  url(./images/rainbow80light.png) top right;
}