/*
Theme Name: Redesign

Theme URI: https://toth-illustration.com/redesign-wordpress-theme/

Description: Redesign is a transparent theme suitable for creative use of background images. Clean design with beautiful sans-serif fonts and a custom logo. Responsive, liquid layout makes it easy to read in handheld units. Classic blog, no featured images. For multipurpose use, including a blank page template, suitable for landing pages with block design.

- Transparent graphics.
- Choose from several transparent color post formats.
- 3 navigation menus.
- Custom logo.
- Custom background, and custom background colors.
- Widget areas in index header, cards, sidebars and footer.
- Responsive. Easy to read from desktops, tablets and smartphones.
Redesign WordPress theme, Copyright (C) 2020 Robert Toth
Redesign WordPress theme is licensed under the GPL.
Resource All graphic objects, example: img/logo.png.
Resource Images: brifhe.jpg - the front cover image from Good Free Photos, public domain photos (included in img folder). Link to their website: https://www.goodfreephotos.com/ The logo (aslo included) is designed by the author, free to use under GNU license.
Resource Fonts: Raleway, by The League of Movable Type, under SIL Open Font License v1.10. Link to licence: https://www.fontsquirrel.com/license/raleway.

Author: Robert Toth
Author URI: https://toth-illustration.com
Version: 1.4.3
Requires at least: 4.5
Tested up to: 5.4
Requires PHP: 5.6
Copyright: Robert Toth, http://toth-illustration.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: right-sidebar, custom-background, custom-logo, custom-menu, sticky-post, threaded-comments, footer-widgets, microformats
Text Domain: redesign
Domain Path: /languages
*/

/*-----REDESIGN, WORD PRESS STYLESHEET------*/

/*RESET*/

html, 
body, 
ol,
ul, 
li{
	margin:0;
    padding:0;
	border:0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style:none;
}

/*CLEAR*/

.clear-all{
	clear: both;
}


/*CUSTOM FONTS*/


@font-face{
	font-family: "Raleway";
	src: local('Raleway-Regular'),
		url("fonts/raleway/Raleway-Regular.ttf") format('truetype');
		font-style: normal;
}

@font-face{
	font-family: "Raleway";
	src: local('Raleway-Italic'),
		url("fonts/raleway/Raleway-Italic.ttf") format('truetype');
	 font-style: italic;
}


@font-face{
	font-family: "Raleway";
	src: local('Raleway-Light'),
		url("fonts/raleway/Raleway-Light.ttf") format('truetype');
	font-weight: 300;
}

@font-face{
	font-family: "Raleway";
	src: local('Raleway-Bold'),
		url("fonts/raleway/Raleway-Bold.ttf") format('truetype');
	font-weight: bold;
}



/*RESPONSIVE ELEMENTS*/


@media screen and (max-width: 760px){ 
	
	
	#content,
	#sidebar1,
	#sidebar2,
	#sidebar3,
	#banner .widget,
	#banner2 .widget,
	#footer .widget{
		width: 90%;
		padding:5%;
	}
	
	.alignright,
	.alignleft,
	.aligncenter {
		clear: both;
		display: block;
		margin: 0 auto;
	}

}


@media screen and (min-width: 761px){

	
	#banner .widget{
		width: 100%;
	}

	#content{
		width: 62%;
		margin: 2%;
	}

	#banner2 .widget{
		width: 29%;
		margin: 2%;
	}
	
	#sidebar1,
	#sidebar2,
	#sidebar3{
		width: 29%;
		margin: 2%;
	}

	#footer .widget{
		width: 21%;
		margin: 2%;
	}

	.alignleft {
		float: left;
		margin-right: 10px;	
}
	.alignright {
		float: right;
		margin-left: 10px;
}
	.aligncenter {
		clear: both;
		display: block;
		margin: 10px auto;
		}
	
}

/*SIDEBAR & BANNER ELEMENTS*/

.widget{
	overflow:hidden;
}

#banner2{
	width: 100%;
	background-image:url('img/btbg10.png');
	display: block;
	clear: both;
}

#banner2 .widget{
	float:left;
}

#banner{
	width: 100%;
    background-image:url('img/tbg30.png');
	display:block;
	clear:both;
	font-size:120%;
}

#banner .widget{
	margin: 0px auto 0px;
}

#banner .widget h2{
	text-align:center;
}

#sidebar1,
#sidebar2,
#sidebar3{
	display:block;
	float:left;
}

#sidebar1 .widget,
#sidebar2 .widget,
#sidebar3 .widget{
	margin-bottom: 30px;
}


/* RESPONSIVE images & media */

#blog img,
#header img,
.entry img,
.widget img,
.comment img{
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}


img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
	height: auto;
}

/*IMAGES*/

img{
	display:block;
}

a img{
	border: 0;
}

img.alignleft, 
img.aligncenter, 
img.alignright {
	padding: 3px;
	border: none;
	margin-top: 10px;
}


/*IMAGES CAPTION*/

.wp-caption {
		/*background-image:url('img/btbg10.png');*/
    	max-width: 100%;
}

.wp-caption.alignnone,
.archive .wp-caption,
.blog .wp-caption{
    	max-width: 100%;
}

.wp-caption img {
    max-width: 100%;
    height: auto;
}

.wp-caption-text {
	text-align: left;
	min-width:150px;
	font-size:90%;
	position:relative;
	padding:0.5em 0;
	margin:0;
}

/* BLOCK GALLERY */

.wp-block-gallery{
	display:block;
	width:100%;
}

.blocks-gallery-item{
	display: inline-block;
	float:left;
}

.blocks-gallery-image figcaption{
	height: auto;
	align-items: stretch;
}

/*GALLERY*/

.gallery-caption {
	font-size:90%;
	margin:0px 0px 5px 0px;
	text-align: left;
}

.gallery {
	margin-bottom: 2em;
}

.gallery-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	margin:1% 1% 0 1%;
}

.gallery-columns-3 .gallery-item {
	max-width: 31%;
	margin:1% 1% 0 1%;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	margin:1% 1% 0 1%;
}

.gallery-columns-5 .gallery-item {
	max-width: 18%;
	margin:1% 1% 0 1%;
}

.gallery-columns-6 .gallery-item {
	max-width: 14%;
	margin:1% 1% 0 1%;
}

.gallery-columns-7 .gallery-item {
	max-width: 12%;
	margin:1% 1% 0 1%;
}

.gallery-columns-8 .gallery-item {
	max-width: 10%;
	margin:1% 1% 0 1%;
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	margin:1% 1% 0 1%;
}

/*BASIC*/

body{
	font-family: Raleway, Helvetica, sans-serif;
	color: #777;
	font-size: 16px;
    line-height:180%; 
}

#header{
	max-width: 1366px;
	display:block;
	margin: 0 auto 0;
	overflow: hidden !important;
}

#wrapper{
	max-width: 1366px;
	display:block;
	margin: 0 auto 0;
	background-image:url('img/tbg80.png');
}

#blank-wrapper{
	width:94%;
	padding:3%;
	display:block;
}

#content{
	float:left;
}

#content2{
	width:100%;
	float:left;
}

#content2 .post{
	padding:10px 20px;
}

.error404 #content{
	padding:20px;
	min-height:500px;
}

#logo img{
	margin: 20px auto 10px;
	text-align:center;
}

#header-text{
	text-transform: uppercase;
	display:block;
	padding:10px 0;
	text-align:center;
}

.site-title{
	display:inline;
	line-height:120%;
	padding-right:5px;
}

.site-description{
	display:inline;
	color:#999;
}
 

/*LINKS*/
 
a:link, 
a:visited{
	color:#333;
	text-decoration: none; 
}
 
a:hover{
	color:#999;
	text-decoration: none; 

}

/*HEADINGS*/

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: Raleway, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height:150%;
	padding:0 0 0.3em 0;
	margin:0;
	font-weight:bold;
	color:#444;
}

h2,
h4,
h6{
	font-weight: 300;
}

h1,
h2{
	font-size:160%;
}

h3,
h4{
	font-size:140%;
}

h5,
h6{
	font-size:120%;
}

.post h1{
	margin: 0%;
}

.widget h2{
	margin: 0px 0px 10px 0px;
	font-size:130%;
}


/*NAVIGATION MENUS*/


.nav{
	text-transform: uppercase;
	color: #777;
	font-size:80%;
}

#topmenu{
	width:100%;
	display:block;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
}

#topmenu li{
	float:right;
	position:relative;
}

#primmenu,
#footermenu{
	width:100%;
	display:block;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
}

#primmenu{
	background-image:url('img/btbg10.png');
}

#footermenu{
	background-image:url('img/btbg20.png');
}

#primmenu li,
#footermenu li{
	float:left;
	position:relative;
}

.nav a{
	display:block;
	padding:10px 20px;
	text-decoration:none;
    font-weight:bold;
}

.nav ul{
	list-style:none;
}

.nav ul ul{
	display:none;
    position:absolute;
    top:100%;
    float:left;
    z-index:99999;
	background-image:url('img/tbg90.png');
}
 
.nav ul ul ul{
	top:0%;
	left:260px;
}
 
.nav ul ul a{
	height:auto;
	padding:10px 20px;
	width:240px;
}
 
.nav li:hover > a,.nav ul ul:hover > a{
	background-image:url('img/tbg50.png');
}
 
.nav ul li:hover > ul{
    display:block;
}


/*POST*/

.post{
	overflow: hidden;
}

.blog .post,
.archive .post,
.search .post{
}

/*ENTRY*/

.entry{
	padding-top:10px;
	clear:both;
	font-size:18px;
}

.entry ul{
	margin:1em 0;
	display:table;
}

.entry ul li{
	list-style-type: square;
	margin-left:2em;
}

.entry ul ul li{
	list-style-type: disc;
	margin:0 0 0 2em;
}

.entry ol{
	margin:1em 0;
	display:table;
}

.entry ol li{
	list-style: decimal;
	margin-left:2em;
}

.entry ol ol li{
	margin:0 0 0 2em;
}

.entry a{
	color:#0077AA;
}

.entry a:hover,
.entry a:active{
	color:#2299CC;
}

/*POSTMETADATA*/

.postmetadata,
.postmetadata2{
	font-size:90%;
	display:inline;
	font-weight:normal;
	color: #444;
}

.postmetadata{
	text-transform: uppercase;
}

.postmetadata2{
	font-style:italic;
}

.postmetadata a,
.postmetadata2 a{
	margin-right:0.5em;
	color:#777;
}

.sticky h1{
	font-size:220%;
}

blockquote{
	display:table;
	color: #444;
	margin:10px 0px;
	padding:30px;
    font-style:italic;
	background-image:url('img/btbg10.png');
}


blockquote:before{ 
	display: block; 
	float: left;
	position:relative;
	margin:0.35em 0.2em 0.1em 0;
	font-size:600%;
	/*content: "\201D";*/
	content: "\201C";
} 

/*blockquote:after{ 
	display: block; 
	position:relative;
	margin:0.1em 0.1em 0.1em 0em;
	float: right; 
	content: "\201D";
	font-size:600%;
}*/

#cat-description{
	margin:0 0 10px 0;
}

address{
	display: table;
	font-style:normal;
	margin:10px 0px 20px 0px;
	padding:10px;
    	background-image:url('img/btbg10.png');
}

pre{
	width: 100%;
	padding: 20px;
	margin: 10px 0;
	overflow: auto;
	overflow-y: hidden;
	background-image:url('img/btbg30.png');
    letter-spacing:normal;
	color:#FFF;
	overflow: auto;
}

/*FORMATS*/

.sticky{
	background-image:url('img/tbg50.png');
}

.format-aside{
	background-image:url('img/yell-bg20.png');
	padding:10px 20px;
}

.format-chat{
	background-image:url('img/rose-bg20.png');
	padding:10px 20px;
}

.format-audio{
	background-image:url('img/copper-bg20.png');
	padding:10px 20px;
}

.format-video{
	background-image:url('img/btbg10.png');
	padding:10px 20px;
}

.format-link{
	background-image:url('img/blue-bg20.png');
	padding:10px 20px;
}

.format-image {
	background-image:url('img/btbg10.png');
	padding:10px 20px;
}

.format-quote{
	background-image:url('img/orange-bg20.png');
	padding:10px 20px;
}

.format-quote blockquote{
    font-style:italic;
	font-size:150%;
	background-image: none;
	padding:0;
	margin:0;
}

.format-gallery{
	background-image:url('img/btbg10.png');
	padding:10px 20px;
}

.format-status{
	background-image:url('img/red-bg20.png');
	padding:10px 20px;
}

.pagenumber{
	max-width:506px;
	clear:both;
	padding:5px 20px;
	margin-top: 10px;
}

.pagenumber a{
	padding:10px 15px;
	margin: 0px 5px;
	background-image:url('img/btbg10.png');
	text-decoration:none;
	color:#555;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
  	border-radius: 50%;
}

.pagenumber a:hover{
	background-image:url('img/btbg30.png');
	text-decoration:none;
}

.navigation{
	display:table;
	margin:20px 0px;
	padding:5px 20px;
	background-image:url('img/btbg10.png');
}


/*BUTTONS & FORMS*/

fieldset {
	border:1px solid #DDD;
	padding:10px;
	margin:10px 0;
}

legend {
	font-weight:bold;
}

input,
textarea,
select{
	display:block;
	font-family: inherit;
	overflow: auto;
	outline: none;
	border: none;
	background:#FFF;
	border:1px solid #DDD;
	color:#555;
	font-size:14px;
}

textarea{
	padding:0.5em;
}

input{
	height:36px;
	padding:0 0.5em;
	margin:0.5em 0.5em 0.5em 0;
}

button,
.button,
textarea,
input[type="button"],
input[type="submit"],
input[type="password"],
input[type="name"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="search"],
input[type="email"],
input[type="reset"],
input[type="file"]{
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
	 border-radius: 0 !important;
	-webkit-border-radius: 0 !important; 
  	-moz-border-radius: 0 !important;
	box-shadow: none !important;
}

input[type="text"], 
textarea{
	width:90%;
	max-width:500px;
}

#searchtextarea{
	max-width: 200px;
	color: #999;
}

#searchsubmit {
    	display: none;
}

input[type="reset"],
input[type="submit"] {
	display:inline-block;
	background:#555;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing:1px;
	margin:0.5em 0.5px 0.5em 0px !important;
	padding:0 2em !important;
	border:none !important;
	color:#FFF !important;
}


input[type="file"]{
	display:block;
	color: #555;
	/*background:none;
	border:none;*/
	padding:0.6em 0.6em 0.2em 0.6em;
	margin:0.5em 0;
	font-size:100%;
	line-height:100%;
}

input[type="submit"]:hover {
    background:#777;
	color:#FFF !important;
}

input[type="submit"]:active {
	background:#999;
	color:#555 !important;
}

/*TABLE*/

table{
	text-align:left;
	border-collapse:collapse;
	border:none;
	background:transparent;
}

table th{
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #DDD;
	background-image:url('img/btbg10.png');
}

table tr{
	border:none;
	border:0;
	background-image:url('img/tbg50.png');
}

table td{
	font-weight:normal;
	padding:5px;
	border-bottom:1px solid #DDD;
}


/*LINE*/

hr{
	height:10px;
	background-image:url('img/btbg10.png');
	border:0;
}


/*CALENDAR WIDGET*/

#wp-calendar tbody .pad { 
	background-image:none; 
}

#wp-calendar tfoot td { 
	background-image:none; 
}

/* SCREEN READERS*/

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/*COMMENTS*/

#comments {
	clear:both;
	width:100%;
}

.commentlist .vcard cite.fn{
	font-size:140%;
	font-style: normal;
}

.commentlist .commentmetadata,
.commentlist .commentmetadata a{
	font-size:100%;
}

ol.commentlist li{
	margin:0px;
	overflow:hidden;
}

ol.commentlist li.comment{ 
	clear:both;
	padding:20px;
	background-image:url('img/tbg50.png');
}

ol.commentlist li.odd{ 
	background-image:url('img/btbg10.png');
}

ol.commentlist li.bypostauthor{
	background-image:url('img/orange-bg20.png');
}

ol.commentlist .pingback,
ol.commentlist .trackback {
	padding:20px;
	background-image:url('img/blue-bg20.png');
}

ol.commentlist li.comment ul li{ 
	list-style:square;
	margin-left:10px;
}

ol.commentlist li.comment ol li{ 
	list-style:decimal;
	margin-left:10px;
}

.commentlist li .avatar {
	float: right;
	border: none;
	margin: 2px;
}


/*FOOTER*/

#footer{
	width:100%;
    clear: both;
	display:block;
	overflow:hidden;
	background-image:url('img/btbg10.png');
}

#footer .widget{
	float:left;
}

#credits{
	clear: both;
	display:block;
	overflow:hidden;
	text-align:right;
	font-size:80%;
	padding:5px 10px;
	background-image:url('img/btbg20.png');
}