/*   



Theme Name: Absolutely Blog

Author: Absolutely Genius Designs

Author URI: http://www.absolutelygeniusdesigns.com/

Description: This is the first theme developed by Absolutely Genius Designs. It is intended for those in need of a minimal blog with emphasis on images. This theme also includes a masonry-style layout to showcase blog posts on the home page.

Version: 0.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: absolutelyblog

Tags: one-column, flexible-header,custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats


*/





/************General Style*************/



body {

	margin: 0;

	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%) !important;

	overflow-x: hidden;

}

body p {

	line-height: 30px;

	padding-top: 20px;

}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Raleway', sans-serif;

	font-size: 200%;

	font-weight: 900;

}

p, a {

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 14px;

}

a {

	text-decoration: none;

	color: black;

	font-size: 14px;

}

ul li {

	text-decoration: none;

	list-style-type: none;

	font-size: 14px;

}

textarea, form, form p, input {

	width: 90%;

	min-width: 300px;

}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {

	max-width: 100%;

	height: auto;

}



/************Header Style*************/



#header {

	position: fixed;

	z-index: 1000;

}

header ul {

	width: auto;

	margin-top: -36px;

	padding-bottom: 100px;

	position: fixed;

	right: 15px;

}

header ul li {

	display: inline-block;

	text-decoration: none;

	list-style-type: none;

	float: right;

}

header ul li a {
	text-decoration: none;
	text-align: right;
	padding-right: 50px;
	color: black;
}

header img {
	padding-top: 25px;
	padding-left: 45px;
}




/************Standardizing the Transitions*************/





button, button:hover, button:focus, button:active,

input[type="text"], input[type="text"]:hover, input[type="text"]:focus,  input[type="text"]:active, 

body, a, a:hover, a:focus, a:active, 

input, input:hover, input:focus, input:active,

.submit, .submit:hover, .submit:focus, .submit:active {

    -webkit-transition: all 0.7s ease-in-out;

	-moz-transition: all 0.7s ease-in-out;

	-ms-transition: all 0.7s ease-in-out;

	-o-transition: all 0.7s ease-in-out;

	transition: all 0.7s ease-in-out;

}



/************Full Width Content Style*************/



.full-width-content {

	padding: 0 20%;

	display: table;

}

#full-width {

	margin-top: 400px;

	border-left: solid 3px;

	padding-left: 50px;

}

#full-width h2, #full-width .textwidget {

	padding-left: 50px;

	margin-left: -50px;

}

.m-container {

	/* Masonry container */

	column-count: 3;

	column-gap: 1em;

	padding-top: 1em;

	z-index: 300;

}

.item {

	/* Masonry bricks or child elements */

	display: inline-block;

	margin: 0 0 1em;

	width: 100%;

	height: auto;

	position: relative;

}

.item img {

	width: 100%;

	height: inherit;

}

.masonry-title {

	position: absolute;

	margin-top: -45px;

}



/************Single Page Content Style*************/



.single-page {

	width: 60%;

	padding-top: 100px;

	margin: 0 auto;

	margin-bottom: -250px;

}

.single-page h1, .single-page h1 a {

	font-size: 45px;

}

.single-page h2, .single-page h2 a {

	font-size: 40px;

}

.single-page h3, .single-page h3 a {

	font-size: 35px;

}

.single-page h4, .single-page h4 a {

	font-size: 30px;

}

.single-page h5, .single-page h5 a {

	font-size: 25px;

}

.single-page h6, .single-page h6 a {

	font-size: 20px;

}

.single-page p {

	font-size: 14px;

}



/************Splash Style*************/



#splash {

	height: 100vh !important;

	height: 100%;

	width: 100% !important;

	display: table;

}

#splash .title-s {

	position: absolute;

	bottom: -35px;

	font-size: 450%;

	padding-left: 20px;

}

#splash h1, #splash h2, #splash h3, #splash h4, #splash h5, #splash h6, #splash p {

	font-size: 200%;

}

.prevnext, .prevnext p {

	padding-top: 50px;

	padding-bottom: 50px;

	display: inline-block;

}

.prevnext .aligncenter {

	display: inline-block !important;

	width: auto;

	margin: 5px auto;

}

.prevnext a {

	font-weight: 900 !important;

	text-align: center;

}









/************Footer Style*************/



footer {

	display: inline-block;

	width: 70%;

	padding: 0px 10% 30px 20%;

	margin-top: 350px;

}

footer ul {

	width: 100%;

	margin-left: -59px;

}

footer ul li {

	width: auto;

	display: inline-block;

	padding: 0 20px;

}



/* Comment & Input styling, cause we need that.

-------------------------------------------------------------- */



.single-comment {

	border-left: solid 3px black;

	padding-left: 50px;

	margin-bottom: 55px;

}

.single-comment p {

	margin-bottom: -10px;

	padding-top: 0 !important;

}

#respond {

	padding-top: 50px;

}

label {

	display: block;

}

input[type="text"], input {

  padding: 10px;

  border: none;

  border-bottom: solid 2px #c9c9c9;

  transition: border 0.3s;

}

input[type="text"]:focus, 

input[type="text"].focus,

input:focus {

  border-bottom: solid 2px #969696;

}

textarea {

  padding: 10px;

  border: none;

  border-bottom: solid 2px #c9c9c9;

  transition: border 0.3s;

}

textarea:focus {

  border-bottom: solid 2px #969696;

}



.submit, input[type="submit"] {

    width: auto;

    padding: 14px;

    background: none;

    border-left: 3px solid;

    border-bottom: 3px solid;

    border-right: none;

    border-top: none;

    border-bottom-left-radius: 25px;

}

.submit:hover, input[type="submit"]:hover {

	border-radius: 25px;

	background-color: black;

	color: white;

}



/* WordPress Core Styles needed for validation

-------------------------------------------------------------- */



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

}

.wp-caption {

	background: #fff;

	border: 1px solid #f0f0f0;

	max-width: 96%;

	/* Image does not overflow the content area */

	padding: 5px 3px 10px;

	text-align: center;

}

.wp-caption.alignnone {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

	margin: 5px 0 20px 20px;

}

.wp-caption img {

	border: 0 none;

	height: auto;

	margin: 0;

	max-width: 98.5%;

	padding: 0;

	width: auto;

}

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

	font-size: 11px;

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}



/* Text meant only for screen readers. */



.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	white-space: nowrap;

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

}



.sticky {

	position: fixed;

}



.gallery-caption {



}



.bypostauthor {



}