/*
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. Dark mode by preffered choice on your device or browser.

- 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) 2021 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.5.4
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%;
	line-height: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;
}

/*DARK MODE*/

@media (prefers-color-scheme: light) {
	
	body{
		color:#555;
	}

	/*LINKS*/
 
	a:link, 
	a:visited{
		color:#555;
	}
 
	a:hover,
	a:active{
		color:#999;
	}

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

@media (prefers-color-scheme: dark) {
	
	body{
		color:#FFF;
	}

	/*LINKS*/
 
	a:link, 
	a:visited{
		color:#FFF;
	}
 
	a:hover,
	a:active{
		color:#FFF;
	}

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

/*RESPONSIVE ELEMENTS*/


@media screen and (max-width: 760px){ 
	
	body{
		overflow-wrap: break-word;
		hyphens: auto;
	}
	
	#wrapper{
		width: 90%;
		margin: 0 5%;

	}
	
	#content,
	#sidebar1,
	#sidebar2,
	#sidebar3,
	#banner .widget,
	#banner2 .widget,
	#footer .widget{
		width: 90%;
		padding:10px 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 {
		display:inline;
		float: left;	
		margin-right:20px !important;
	}
	.alignright {
		display:inline;
		float: right;
		margin-left:20px !important;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin: 10px auto;
	}
	
}

/*SIDEBAR & BANNER ELEMENTS*/

.widget{
	line-height:150%;
}

#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 */

#logo img,
#header img,
#blog img,
.post 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 {
	border: none;
	padding: 0;
	margin: 0;
}


/*IMAGES CAPTION*/

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

.wp-caption img {
    max-width: 99.03225806% !important;
    height: auto;
}

.wp-caption-text {
	min-width:150px;
	line-height:120%;
	font-size:15px;
	position:relative;
	padding:10px 0;
	margin:0;
}

/* BLOCK GALLERY */

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

.wp-block-gallery ul{
	padding:0 !important;
	margin:0 !important;
}

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

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

/*GALLERY*/

.gallery {
	display:table;
	width:100%;
	margin:20px auto;
	clear:both;
}

.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%;
}

.gallery-caption {
	font-size:14px;
	max-width:150px;
	margin:5px 0 0 0;
	padding:0;
}

/*BASIC*/

body{
	font-family: Raleway, Helvetica, sans-serif;
}

/*LINKS*/
 
a:link, 
a:visited{
	font-weight:bold;
	text-decoration: none; 
}
 
a:hover,
a:active{
	text-decoration: none; 

}

#wrapper{
	max-width: 1366px;
	display:block;
	position:relative;
	margin: 0 auto 0;
}

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

#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: 0 auto 0;
	text-align:center;
	max-width:300px;
	padding: 20px;
}

#header-text{
	text-transform: uppercase;
	display:table;
	margin:25px auto;
	padding:5px 10px;
	text-align:center;
}

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

.site-description{
	display:inline;
}


/*HEADINGS*/

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: Raleway, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height:120%;
	padding:10px 0;
	margin:0;
	font-weight:bold;
}

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

h1,
h2{
	font-size:26px;
}

h3,
h4{
	font-size:23px;
}

h5,
h6{
	font-size:20px;
}

.post h1{
	margin: 0;
}

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


/*NAVIGATION MENUS*/


.nav{
	width:100%;
	display:block;
	position:relative;
	text-transform: uppercase;
	float:left;
	font-size:15px;
	line-height:100% !important;
}

.nav img{
	max-height:15px;
	width:auto;
	padding:3px; /*If you have images in your menu, you might need to adjust this*/
	margin:0;
}

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

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

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

.nav a,
.nav a:visited{
	display:block;
	padding:15px 25px;
	margin:0;
	text-decoration:none;
    font-weight:bold;
}

.nav a:hover,
.nav a:active{
	background-image:url('img/btbg20.png');
	color:#FFF;
}

.nav ul{
	list-style:none;
}

.nav ul ul{
	display:none;
    position:absolute;
    top:100%;
    float:left;
	text-align:left;
    z-index:99999;
	background-image:url('img/tbg90.png');
}

.nav ul ul li{
}
 
.nav ul ul ul{
	top:0%;
	left:260px;
}
 
.nav ul ul a{
	height:auto;
	padding:15px 20px;
	width:240px;
	background:none !important;
}
 
.nav ul li:hover > ul{
    display:block;
}

/*ENTRY*/

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

.entry ul{
	margin:10px 0;
	display:table;
}

.entry ul li{
	list-style-type: square;
	margin-left:40px;
}

.entry ul ul li{
	list-style-type: disc;
	margin:0 0 0 20px;
}

.entry ol{
	margin:10px 0;
	display:table;
}

.entry ol li{
	list-style: decimal;
	margin-left:40px;
}

.entry ol ol li{
	margin:0 0 0 20px;
}

.entry a{
	color:#0077AA;
}

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

/*POSTMETADATA*/

.postmetadata,
.postmetadata2{
	font-size:90%;
	display:inline;
	font-weight:normal !important;
}

.postmetadata{
	text-transform: uppercase;
}

.postmetadata2{
	font-style:italic;
}

.postmetadata a,
.postmetadata2 a,
.postmetadata a:visited,
.postmetadata2 a:visited{
	margin-right:10px;
	font-weight:normal !important;
}

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

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


blockquote:before{ 
	display: inline-block; 
	float: left;
	position:relative;
	line-height:100%;
	margin:10px 20px 0 0;
	font-size:600%;
	/*content: "\201D";*/
	content: "\201C";
} 

#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: 90%;
	padding: 20px 5%;
	margin: 10px 0;
	overflow: auto;
	overflow-y: hidden;
	background-image:url('img/btbg30.png');
    letter-spacing:normal;
	color:#FFF;
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*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;
  	border-radius: 50%;
}

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

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


/*BUTTONS & FORMS*/

fieldset {
	margin:10px 10px 10px 30px;
	border:none;
}

legend {
	font-weight:bold;
}

input,
textarea,
select{
	display:block;
	font-family: inherit;
	color:inherit;
	font-size:16px;
	overflow: auto;
	outline: none;
	background-color: transparent;
	background-image:url('img/btbg10.png');
	border:1px solid #CCC;
	margin:5px 0;
}

textarea{
	padding:10px;
}

input,
select{
	padding:10px;
	line-height:100%;
	overflow: auto;
	outline: none;
}

select{
	border:1px solid #CCC;
	background-image:url('img/btbg10.png');
	color:inherit;
}

textarea{
	width:90%;
	max-width:760px;
}

#searchtextarea{
	max-width: 200px;
}

#searchsubmit {
    	display: none;
}

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

input[type=file]::file-selector-button{
	display:inline-block;
	font-size:14px !important;
	background:#222;
	color:#555 !important;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing:1px;
	margin:5px 5px 5px 0 !important;
	padding:5px 15px !important;
	border:none !important;
	color:#FFF !important;
}

button:hover,
input[type="submit"]:hover,
input[type=file]::file-selector-button:hover{
	background:#000;
	color:#CCC !important;
}

button:active,
input[type="submit"]:active {
	background:#000;
	color:#CCC !important;
}

input[type="file"]{
	display:block;
	padding:0 5px;
	margin:10px 0;
	font-size:15px;
	line-height:100%;
	width:90%;
	max-width:300px;
}

input[type="radio"],
input[type="checkbox"] {
	display:inline-block;
	margin-right:20px !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%;
	line-height:150%; 
	overflow-wrap: break-word;
	hyphens: auto;
}

.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;
	background-image:url('img/btbg10.png');
}

#footer .widget{
	float:left;
}

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