/*

Theme Name: Ogee
Author: Zipal
Author URI: http://fancyfrindle.com/
Theme URI: http://phoenixwebsolutions.net/project/ogee/
Version: 1.0.7
Description: Ogee is a fully responsive WordPress theme for personal blog and magazines. It’s been designed to beautifully display pictures and text content, and engineered to be easy to use and fast. Theme supports all modern browsers delivers consistent experience across the device. Ogee is designed with a mobile-first approach and an emphasis on responsive design. Its stylish and modern design is the best way to stand out from the crowd. Fast, lightweight, SEO friendly, clean and minimalistic layout will help you attract and retain more visitors.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: One-column, Two-columns, Right-sidebar, custom-header, custom-menu, featured-images, full-width-template, blog, editor-style, microformats, sticky-post, flexible-header, custom-background, threaded-comments, theme-options, post-formats
Text Domain: ogee
	
*/



/*---------- TOC ----------

1.0 - The Basic stuff
2.0 - Typos
3.0 - Form Elements
4.0 - Main common Elements
5.0 - Link Colors & Hover Effects
6.0 - Header & Navigation Menu
		- Main Navigation Menu
		- Toggle Mobile Menu
		- Comment and Post Navigation Menu
7.0 - Accessibility
8.0 - Content
		- Post and Page
		- Archive Header General Title
		- Related Posts
		- Authour infobox
		- Default Widget styles and common layouts
		- Comments
		- Flexslider
9.0 - Clear fix
10.0 - Footer
		- Scroll to Top
11.0 - Alignments, Gallery, caption and other
12.0 - 404 & Full width page
		- 404
		- Full Width

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

/*---------- 1.0 The Basic Stuff ----------*/
html {
	font-family: 'Noto Sans', sans-serif;	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

figure {
	margin: 1em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

a {
	background-color: transparent;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: 700;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

img {
	border: 0;
}

code, kbd, pre, samp {
	font-size: 1em;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	background: #f0f7f0;
}

td, th {
	padding: 5px;
	border: 1px solid #aac1aa;
}

@media all and (min-width: 400px) {
	td, th {
		padding: 10px;
	}
}

thead {
	background: #d0e7dd;
}

/*---------- 2.0 - Typos ----------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1em;
	line-height: 1.7em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

p {
	margin-bottom: 1.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 2px 20px;
	font-family: 'Cousine', monospace;
	background: #bdddcf;
	border-left: 8px solid #4e9f80;
	padding: 8px 8px 2px 20px;
	line-height: 1.8em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #f4f9ff;
	font-family: 'Cousine', monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*---------- 3.0 Form Elements ----------*/

button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: none;
	font-weight: 700;
	background: #6f6de3;
	color: white;
	font-size: 14px;
	line-height: 1;
	padding: 0.7em 2em 0.7em;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background:#bdddcf;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	background:#bdddcf;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	border: 1px solid #ccc;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	color: #111;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*---------- 4.0 - Main common Elements ----------*/
html {
	box-sizing: border-box;
}

*, *:before,
*:after {
	box-sizing: inherit;
}

body {
	background: #f0f7f08c;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-left: -20px;
	margin-bottom: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


/*---------- 5.0 - Links colors & Hover Effects----------*/
a {
	color: #6f6de3;
	font-weight: 700;
	text-decoration: none;
}

a:visited {
	color: #6f6de3;
}

a:hover,
a:focus,
a:active {
	color: #6f6de3;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.more-link {
	background: #4e9f80;
	color: #fff!important;
	padding: 10px;
}

.more-link:hover, .more-link:focus {
	background: #fff;
	color: #4e9f80!important;
	text-decoration: none;
}

/*---------- 6.0 - Header & Navigation Menu ----------*/

.site-header {
	background: #6ab8c5;
	padding: 15px 0;
}

.compress-header {
	padding: 10px 40px;
	background: black;
}

.site-branding {
	margin: 20px;
	color: #fff;
}

.site-title a {
	font-family: 'Noto Sans', sans-serif;
	color: #fff;
	font-size: 1.5em;
	line-height: 1em;
	text-decoration: none;
}

.site-title a:hover, .site-title a:focus {
	color: #fff;
}

.site-header h1 {
    float: left;
}

.site-description {
	font-family: 'Cousine', monospace;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2em;
}


@media all and (min-width: 768px) {
	
	.site-header {
		padding: 30px 40px;
	}

	.compress-header {
		padding: 10px 40px;
		background: black;
	}
	
}

.header-background-image {
	background: no-repeat center;
	background-size: cover!important;
	-moz-background-size: cover!important;
	-webkit-background-size: cover!important;
}

/*-- Main Navigation Menu --*/

.main-navigation {
	clear: both;
	display: block;
	float: left;
    padding-left: 20px;
    width:100%;
	background-color: #6362c4;
	border-bottom: none;
}

.black-nav {
	background-color: black;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 30px 0;
	padding-left: 0;
}

.main-navigation li {
	position: relative;
	padding: 10px;
}

.main-navigation a {
	text-decoration: none;
	color: #ffffff;
}

.main-navigation a:hover, .main-navigation a:focus {
	color: #6ab8c5;/*only if it black idea or change with something else*/
	border-bottom: 2px solid #ffffff;
}

.black-nav a {
	color: #a9e9ec;
}
.black-nav a:hover, .black-nav a:focus {
	color: #ffffff;
}

.main-navigation ul ul {
	margin-top: 8px;
	margin-bottom: 0;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
	padding-left: 20px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.current-menu-item {
	border-bottom: none;
}

/*-- Toggle Mobile Menu --*/
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.menu-toggle {
	float: right;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0;
    text-shadow: none;
    font-size: 20px;
}

.menu-toggle {
	border-color: transparent;
    box-shadow: none;
}

.menu-toggle:active, .menu-toggle:focus {
	background: transparent;
	border-color: transparent;
    box-shadow: none;
}

.fa-bars {
	color: white!important;
	font-size: 20px;
}
@media screen and (min-width: 45em) {
	.main-navigation {
		border-bottom: 6px solid #a9e9ec;
	}

	.menu-toggle {
		display: none;
	}
	
	.main-navigation a {
		border-bottom: none;
	}
		
	.main-navigation ul {
		display: block;
		margin: 0;
	}
	
	.main-navigation li {
		float: left;
	}
	
	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 1.5em;
		left: -999em;
		z-index: 99999;
		background: #607D8B;
		width: 200px;
	}
	
	.main-navigation .current-menu-item {
		border-bottom: 4px solid #a9e9ec;
	}

	.main-navigation .current-menu-item a{
		color:white;
	}
	
}

.site-main .comment-navigation, .site-main .posts-navigation,{
	margin: 0 0 1.5em;
	overflow: hidden;
	padding: 0 20px;
}

/*-- Comment and Post Navigation Menu --*/
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
}

.post-navigation, .posts-navigation {
	display: block;
    background: #cae2dca1;
	border-top: 1px solid #aac1aa;
	border-bottom: 1px solid #aac1aa;
	padding: 20px;
	margin: 0 0 1.5em;
}

.post-navigation a:hover, .post-navigation a:focus, .posts-navigation a:hover, .posts-navigation a:focus {
	color: black;
}

.nav-links {
	display: block;
	overflow: hidden;
}

@media (min-width: 768px) {
	.post-navigation, .posts-navigation {
		margin: 50px;
		border: 1px solid #aac1aa;
	}
}

@media (min-width: 1024px) {
	.post-navigation, .posts-navigation {
		margin: 50px 30px;
	}
}

.nav-previous a:before {
    display: inline-block;
    padding: 0 5px;
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #444;
    -webkit-font-smoothing: antialiased;
    content: '\f178';
}

.nav-previous a::before { content: '\f177'; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
}

.nav-next a:after {
    display: inline-block;
    padding: 0 5px;
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #444;
    -webkit-font-smoothing: antialiased;
    content: '\f061';
}

.nav-next a::after {
	content: '\f178';
}

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

/*---------- 8.0 Main Content ----------*/
.site-content {
	clear: both
}

@media all and (min-width: 1024px) {
    
	.content-area {
		float: left;
		margin: 0 -33% 0 0;
		width: 100%;
	}
	
	.site-main {
		margin: 0 33% 0 0;
	}
	
	.site-content .widget-area {
		float: right;
		overflow: hidden;
		width: 33%;
	}
	
	.site-footer {
		clear: both;
		width: 100%;
	}
    
}

/*-- Post and Page --*/

.sticky {
    display: block;
    background: #bdddcf!important;
    border-top: none!important;
    border-bottom: none!important;
}

.sticky a {
    color: #4e9f80;
}

.sticky a:hover, .sticky a:focus {
    color: #000;
}

.sticky .entry-header {
    padding-top: 10px;
}

.sticky .entry-footer {
    background: #d0e7dd!important;
    border-bottom: 8px solid #4e9f80;
}

.sticky blockquote {
    background: #d0e7dd;
}

.hentry {
    margin: 0 0 1.5em;
    background: #cae2dca1;
    border-top: 1px solid #aac1aa;
    border-bottom: 1px solid #aac1aa;
}

.slider-wrap {
	margin: 0 0 1.5em;
}

.entry-header {
    margin-bottom: 10px;
}

.hentry h1 a {
    color: #6f6de3;
}

.hentry h1 a:hover, .hentry h1 a:focus {
    color: #000;
}

.entry-title {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 2px;
    line-height: 1.3em;
}

.posted-on, .entry-footer, .byline {
    font-size: .8em;
}

.posted-on a, .byline a {
    color: #6f6de3;
}

.posted-on a:hover, .posted-on a:focus, .byline a:hover, .byline a:focus {
	color: #000;
}

.page-content, .entry-content, .posted-on, .entry-summary {
    padding: 0 20px;
}

.posted-on {
	padding: 0 0 0 20px;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.entry-footer {
    color: #404040;
    background: #f4f9ff;
    padding: 12px 20px;
}

.entry-footer a:hover{
	color:black;
}

.cat-links, .tags-links, .comments-link {
    display: block;	
}

.fa {
	color:#6f6de3;
}
.post-thumbnail-wrap img{
	width: 100%;
}

@media all and (min-width: 768px) {
    
    .sticky {
        border: none!important;
    }
        
    .hentry {
        margin: 50px;
        border: 1px solid #aac1aa;
	}
	
	.slider-wrap {
		margin: 50px;
	}
    
    .entry-title {
        margin-top: 40px;
        margin-left: 40px;
    }
    
    .page-content, .entry-content, .posted-on, .entry-summary {
        padding: 0 40px;
	}
	
	.posted-on {
		padding: 0 0 0 40px;
	}
    
    .entry-footer {
        padding: 20px 40px;
    }
    
}

@media all and (min-width: 1024px) {
    
    .hentry, .slider-wrap {
        margin: 50px 30px;
	}
    
}

@media all and (min-width: 1366px) {
    
    .hentry, .slider-wrap, .post-navigation, .posts-navigation {
        margin: 50px;
    }
    
}

.format-quote .entry-content {
	font-size: 1.1em;
	line-height: 1.57em;
	font-style: italic;
	padding-top: 10px;
}

.format-aside {
    border-left: 8px solid #4e9f80;
}

/*-- Archive Header General Title --*/
.page-header {
	margin: 0 0 1.5em;
	background: #6362c4;
	color: white;
    border-top: 1px solid #aac1aa;
    border-bottom: 1px solid #aac1aa;
}

.page-title-wrap {
	padding: 20px;
}

@media all and (min-width: 768px) {
	
	.page-header {
		margin: 50px;
		border: 1px solid #aac1aa;
	}

}

@media all and (min-width: 1024px) {
    
    .page-header {
        margin: 50px 30px;
    }
    
}

@media all and (min-width: 1366px) {
    
    .page-header {
        margin: 50px;
    }
    
}

/*-- Related Posts --*/
.related-post {
	border-top: 1px solid #ccc;
	margin-top: 15px;
}

.related-post h2 {
	margin-bottom: 0;
}

.related-post ul {
	padding-left: 20px;
}

.related-post ul li{
	font-size: 14px;
	font-size: 1.1em;
}

/*-- Authour infobox --*/
.author_bio_section{
	border-top: 1px solid #ccc;
}

.author_info {
	display: inline-block;
}

.author_details{
	float: left;
	display: inline-block;
}

.author_de{
	float: none;
}

.author_details img {
	border: 1px solid #D8D8D8;
	border-radius: 50%;
	float: left;
	margin: 0 10px 10px 0;
}

.author_links a {
	padding-right: 5px;
}

.author-side-wrap{
	float: none;
	padding-left: 100px;
}

/*-- Default Widget styles and common layouts --*/
.widget-area {
	margin-top: 20px;
	background: #6362c4;
	color: #ffffff;
}

.widget-area a {
	color: #cafff0;
}

.widget-area a:hover, .widget-area a:focus {
	color: #000000;
}

.widget-title {
	padding-bottom: 10px;
}

.widget ul {
	padding-left: 20px;
}

.widget {
	width: 100%;
	padding: 20px;
	border-bottom: 2px solid #fff;
}

.widget select {
	max-width: 75%;
	margin-bottom: 20px;
}

/* Search widget. */
.widget_search .search-form {
	margin-bottom: 20px;
}

.widget_search .search-submit {
	display: none;
}

/* Calendar widget */
.widget_calendar td {
	text-align: center;
	font-size: .8em;
}

/* Tables in widgets */
.widget-area table {
	background: #8cc3ab;
}

.widget-area td,
.widget-area th {
	border: 1px solid #326653;
}

.widget-area thead {
	background: #4e9f80;
}

.date_with_link {
	background: #fff;
	padding: 0;
}

.date_with_link:hover {
	background: #000;
}

.date_with_link:hover > a {
	color: #6f6de3;
}

.widget_calendar td > a {
	padding: 5px;
	color: #01292f;
}

.widget_calendar td > a:hover {
	color: #000;
	text-decoration: none;
}

/*Social Media widget*/
.social-icons a {
	padding-right: 12px;
}

.social-icons .fa {
	color: #cafff0;
	font-size: 30px;
}

.social-icons .fa:hover, .social-icons .fa:focus {
	color: #28ffb1;
}

.widget_calendar td > a:focus {
	color: #000;
}

@media all and (min-width: 768px) {

	.widget-area {
		padding: 20px 0 20px 50px;
	}
	
	.widget {
		margin: 5px 20px 5px 0;
		max-width: 40%;
		border-bottom: none;
	}
	
}

@media all and (min-width: 1024px) {
	
	.widget-area {
		background: transparent;
		padding: 0;
		margin: 35px 0;
	}
	
	.widget {
		background: #6362c4;
		margin: 10px 15px;
        max-width: 86%;
		padding: 15px 25px;
		border-bottom: 8px solid #1d3d50;
	}
	
}

@media all and (min-width: 1366px) {
	
	.widget {
		max-width: 83%;
	}
	
}

/*-- THE Comments --*/
.comments-area {
	clear: both;
	margin: 0 0 1.5em;
	background: #cae2dca1;
	border-top: 1px solid #aac1aa;
	border-bottom: 1px solid #aac1aa;
}

.comments-area a:hover, .comments-area a:focus {
	color: black;
}

.comments-title, #respond {
	margin: 20px;
}

.comment-list * {
	list-style-type: none;
}

.comment-list {
	padding: 0;
}

.comment-body {
	margin: 20px;
	padding: 10px;
	background: #f4f9ff;
}

.comment-metadata {
	font-size: .85em;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.no-comments {
	margin: 0 30px 40px;
	font-weight: 700;
}

@media all and (min-width: 768px) {
	
	.comments-area {
		margin: 50px ;
		border: 1px solid #c9cdc9;
	}
	
	.comment-list, .comments-title, #respond {
		margin: 40px;
	}
	
	.comment-body {
		padding: 20px;
		margin: 20px 0;
	}
	
	.comments-area .nav-previous, .comments-area .nav-next {
		margin-left: 20px;
	}
	
}

@media all and (min-width: 1024px) {
    
    .comments-area {
        margin: 50px 30px;
    }
    
}

@media all and (min-width: 1366px) {
    
	.comments-area {
        margin: 50px;
    }
    
}


/*-- THE Flexslider --*/

.flexslider {
	background: none;
    border: none;
}

.flexslider .slides img {
	max-height: 400px;
	min-height: 400px;
}

.flex-caption {
	position: relative;
    padding: 2%;
    left: 0;
	bottom: 0;
	height: 60px;
    font-size: 18px;
    background: #f4f9ff;
    color: #404040;
	line-height: 18px;
	border-left: 1px solid #aac1aa;
	border-right: 1px solid #aac1aa;
    border-bottom: 1px solid #aac1aa;
}

.flex-caption a {
	position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
}

.flex-caption a h3 {
	line-height: 1.3em;
}

.flex-caption a:hover, .flex-caption a:focus {
	color: #000;
}

/*---------- 9.0 - Clear fix ----------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.no-content {
	padding-bottom: 50px!important;
}

/*---------- 10.0 - Footer ----------*/
.site-footer {
	background: #6f6de3;
	color: #404040;
	padding: 20px;
}

.site-info {
	font-weight: bold;
	display: inline-block;
}

.site-footer a {
	color: #f4f9ff;
}


.footer-nav {
	float: right;
	display: inline-block;
}

.footer-nav ul {
	display: inline-block;
	padding: 0;
}

.footer-nav .sub-menu {
	float: right;
}

.footer-nav .sub-menu li {
	margin-left: 10px;
	padding-left: 20px;
}

.footer-nav ul li {
	list-style-type: none;
	float: right;
	clear: left;
	margin-left: 10px;
}

@media all and (min-width: 768px) {
	
	.site-footer {
		padding: 30px 30px 0 30px;
	}
	
}

/*-- Scroll to Top --*/
.scroll-to-top {
	background: #2bffcaa1;
	color: #FFF;
	bottom: 7%;
	cursor: pointer;
	display: none;
	position: fixed;
	right: 30px;
	z-index: 999;
	font-size: 16px;
	text-align: center;
	line-height: 45px;
	width: 45px;
	border-radius: 50%;
	-webkit-transition: background-color 0.3s linear;
	   -moz-transition: background-color 0.3s linear;
		 -o-transition: background-color 0.3s linear;
			transition: background-color 0.3s linear;
}
.scroll-to-top:hover {
	opacity: .8;
}

.scroll-to-top i {
	color: white;
    font-weight: 900;
}

/*---------- 11.0 - Alignments, Gallery, caption and other ----------*/

.alignleft, .alignright {
	display: inline;
	margin: 3px;
}

@media all and (min-width: 400px) {
	
	.alignleft {
		float: left;
		margin-right: 1.5em;
	}
	
	.alignright {
		float: right;
		margin-left: 1.5em;
	}
	
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone {
	display: inline;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	font-size: 1em;
	font-weight: 600;
	font-style: italic;
}

.gallery-caption {
	display: block;
}

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline;
	text-align: center;
	vertical-align: top;
	padding: 50px;
	width: 100%;
}

/*---------- 12.0 - 404 & Full width page ----------*/
/*-- 404 --*/
.not-found {
	background-color: initial;
	border: none;
	color:#404040;
}
.error-404 h2 {
	display: block;
	text-align: center;
	font-size: 17em;
}
.error-message {
	display: block;
	text-align: center;
	font-size: 22px;
}

.error-link {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-link a{
	color:white;
	background: #6362c4;
	padding:7px 120px;
	font-size:13px;
	font-weight:bold;
	-webkit-border-radius:3em;
	-moz-border-radius:.1em;
	-border-radius:.1em;
  
}

.error-link a:hover, .error-link a:focus {
	color:black;
}

/*-- Full width --*/
.full-width {
	width: 100%;
}
#post-56 img {
	display: block;
	max-width: 100%;
	border-radius: 14px;
	float: right;
	margin-left: 15px;
}