/*
Theme Name: SpectrumStarter
Theme URI: http://spectrumstarter.mertzanos.gr/about/
Author: Archimidis Mertzanos
Author URI: https://mertzanos.gr
Description: SpectrumStarter, is a great , simple and responsive Starter WordPress Theme. It is built on the UIkit Framework and uses a very clean design to help you starting fast with theme development. It is a great starting theme for any developer out there with very clean and well commented code. If you want to use it as a plain blog, then feel free to do so! It utilizes a clean design and it is customizer ready. Also this WordPress starter theme, passes the Theme Check tests, so you can use it as a base , create a theme and upload it directly to the WordPress.org.
Version: 0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, right-sidebar, custom-background, custom-header, custom-menu, featured-images, threaded-comments, translation-ready,custom-logo
Text Domain: spectrumstarter

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

/**
 * Table of Contents
 * 0.1 - Helper Classes
 * 1.0 - Default WordPress classes
 * 2.0 - Elements
 * 3.0 - Typography
 * 4.0 - Header
 * 5.0 - Navigation
 *   5.1 - Main menu
 *   5.2 - Mobile Menu
 * 6.0 - Content
 * 7.0 - Widgets
 * 8.0 - Comments
 * 9.0 - Footer area
 */


/**
* 0.1 - Helper Classes
**/
.pad-20{
  padding:20px;
}
.pad-30{
  padding:30px;
}

.pad-40{
  padding:40px;
}

.pad-60{
  padding:60px;
}

.padd-80{
  padding:80px;
}

.pad-tb-20{
  padding:20px 0;
}

.pad-tb-40{
  padding:40px 0;
}

.pad-tb-60{
  padding:60px 0;
}

.padd-tb-80{
  padding:80px 0;
}

.mar-10{
  margin:10px;
}

.mar-20{
  margin:20px;
}

.mar-30{
  margin:30px;
}

.mar-40{
  margin:40px;
}

.mar-50{
  margin:50px;
}

.mar-60{
  margin:60px;
}

.mar-tb-10{
  margin:10px 0;
}
.mar-tb-20{
  margin:20px 0;
}

.mar-tb-30{
  margin:30px 0;
}

.mar-tb-40{
  margin:40px 0;
}

.mar-tb-50{
  margin:50px 0;
}

.mar-tb-60{
  margin:60px 0;
}

.border-radius-3{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.border-radius-5{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.border-radius-10{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/**
* 1.0 - Default WordPress Classes
**/
.screen-reader-text{
 border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

.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;
    table-layout: fixed;
}

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

.widget select {
    max-width: 100%;
}

.sticky {
    display: block;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


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

.bypostauthor {
    display: block;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

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

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

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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

.gallery {
    margin-bottom: 1.5em;
}

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


    #sidebar {

    margin-top: 1em;

}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/**
* 2.0 - Elements
**/

html {

  font: 400 18px/1.25 'EB Garamond', serif;
  -webkit-text-size-adjust: 100%;
  color: #555;
}

/*body {

  line-height: 1.45;
  min-height:1200px;
  background: url('/wp-content/uploads/2017/07/mirrored-squares.png'), linear-gradient(to bottom, #476188 60%,#89b4e1 100%) !important;
}*/

p {
  font: 400 18px/1.5 'EB Garamond', serif;
  margin-bottom: 1.3em;}

h1, h2, h3, h4,h5, h6 {
  font-family: 'Lato', sans-serif;
  margin:0;
  padding:0;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 1.6em;
    font-family: 'Lato', sans-serif;
}

h2 {font-size: 1.4em;  font-family: 'Lato', sans-serif;}

h3 {font-size: 1.3em;  font-family: 'Lato', sans-serif;}

h4 {font-size: 1.25em;  font-family: 'Lato', sans-serif;}

small, .font_small {font-size: 0.8em;}

ol, ul, li{
	font: 400 18px/1.25 'EB Garamond', serif;

}

/**
* 4.0 - Header
*/
.site-header{
/*  padding:33px 20px;
  margin: 0;
  padding-top: 0;*/
}

.site-header p{
  margin:0 ;
}
.site-title{
  display: block;
  font-size:22px;
  font-family: 'Lato', sans-serif;
  margin-bottom:8px;
}
.site-title:hover{
    text-decoration:none;
}
.site-subtitle{
  font-size:14px;
}
.uk-search {
    background-color: #fff;
    width: 90%;
    border: 1px solid #eee;
}
/**
* 5.0 - Main Navigation
**/
.main-navigation{

  margin:0;
  list-style-type: none;

}


.home .post-content [class*="uk-icon-"]{    display: inline-block;
    border-radius: 60px;
    background: #012C6A;
    color: white;
    padding: 10px 11px 10px 11px;
}

.desc {
    margin-bottom: 3px;
  font-family: 'EB Garamond', serif;
  padding-bottom: 5px;
}

.main-navigation {
 /*   padding: 12px 12px;
    border-top: 1px solid #012C6A;*/
}
/*
* Second Level
*/
.sub-menu{
  display:none;
}

.main-navigation li:hover > .sub-menu{
  padding:0;
  display:block;
  position:absolute;
  top:auto;
  left:0;
}
.sub-menu{
  padding:0;
}
.sub-menu li{
/*  width: 145px;
  max-width: 175px;
  margin: 5px 0px;*/
}
.sub-menu li a{
/*  font-size:12px;
  display: block;
  margin:5px 0 0 5px;*/
}

/*
* Third Level
*/
.sub-menu li:hover > .sub-menu{
  padding:0;
  display:block;
  position:absolute;
  top:0;
  left:145px;
}


/**
* 5.2 Mobile Menu
**/
#mobile-menu > .uk-offcanvas-bar{
  padding:20px 0 0 0 ;
}
.mobile-navigation{
  padding:0;
  list-style-type: none;
}
.mobile-navigation li{

}
.mobile-navigation li a{
  padding:10px 0 10px 5px;
  border-bottom:1px solid #e1e1e1;
  font-size:14px;
  display:block;
}
.mobile-navigation li a:hover{
  text-decoration: none;
}
/**
* 6.0 - Content
**/
.blog-single-entry{
  margin-bottom:20px;
}

.post-content{
  line-height: 1.8;
}
.post-content h1{
  font-family: 'Lato', serif;
  font-size: 1.5em;
}
.post-meta{

  font-size:12px;
  display:block;
  padding:10px 0 0;
}
.post-meta > .post-comments{
  margin-left:18px;
  margin-right:18px;
}
.post-title{
  font-family: 'Lato', sans-serif;
margin-bottom: 0;
}

.post-read-more{
  margin:10px 0 0;
  padding:10px 0 0 ;

}
.read-more-btn{
  font-size:14px;
}
nav.navigation > h2{
   font-size:12px;
}
.nav-links{
    padding:8px 0;
    border-top:1px solid rgba(232,126,4,0.2);
}
.page-numbers{
    margin:0 4px 0 0;
    font-size:12px;
}
a.next{
    float:right;
}
.no-posts-found{
    padding:30px 50px;
}



.post-title a {
    color: #012C6A;
}

#sidebar{
}
.post, .widget{

    position: relative;


}
 .post:before, .widget:before {
     content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 5px;
    right: 0;
    bottom: 0;
    /*border-left: 3px solid #012C6A;*/
    /*background: #fff;*/
}


/*
* Archive Staff
*/
.single-archive-title{
    font-size:14px;
    padding:30px 50px;
    margin-bottom:10px;
}
/**
* 7.0 - Widgets
**/
.widget{
  padding:30px 20px 1px;
  margin: 0 0 0 0;
}
.widget-title{
  font-size: 20px;
  padding: 5px;
}
.widget ul,
.widget ol{
  padding:0;
  padding-left: 10px;
  margin:0;
  list-style-type: none;
}
.widget .uk-nav-sub {
    padding: 10px 0 0 15px
}
/*blank out the default after*/
.uk-nav-parent-icon > .uk-parent > a::after {
    content: "";
    width: 0;
    margin-right: -0;

}
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
      content: "";
    width: 0;

}

/*Put it before*/
.widget .uk-nav-parent-icon > .uk-parent > a:before{
    content: "\f105";
    width: 20px;
    margin-left: -20px;
    float: left;
    font-family: FontAwesome;
    text-align: center;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a::before {
    content: "\f107";
}

.widget ul li,
.widget ol li{
  margin: 0 0 0 0;
  position: relative;
}


.uk-active .uk-icon-angle-right::before {
    content: "\f107";
}
#sidebar section:last-of-type{
  padding-bottom: 20px;
}

h3.uk-accordion-title{
  background-color:#e3ecd7;
}


/*
.widget{
 z-index: 10;

  color: white;
    border-left: 2px solid #012C6A;
    position: relative;
  padding: 20px;
}

.widget:before{
     content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 4px;
    right: 0;
    bottom: 0;
    border-left: 1px solid #fff;
    background: #012C6A;
}
h3.widget-title{
color: white;}
.widget a{color:#ccc}
*/
/**
* 8.0 Comments default styles from https://css-tricks.com/snippets/wordpress/base-threaded-comments-styling/
**/
.comments-area{
    padding:30px 50px;
}
ol.comment-list{
    list-style: none;
}
.comments-title,
#reply-title{
    font-size:22px;
    font-family: 'Lato', serif;
    margin-bottom:20px;
}
.comment-body{
    font-size:14px;
    margin-bottom:40px;
    padding-bottom:10px;

}
ul.children{
    padding-left: 20px;
}
.comment-notes{
    font-size:12px;
}
.comment-form label{
    display:block;
    font-size:14px;
}
.comment-form input[type="text"],
.comment-form textarea{
    width: 100%;
    padding: 10px;
    margin: 10px 0 0 0;
    border: 1px solid #ececec;
}
.comment-form input[type="submit"]{
    border:none;
    padding:7px 12px;
    cursor:pointer;
}


.uk-accordion-title{margin-bottom: 5px;}
#sidebar section:not(:first-child){padding-top:0;}

.uk-padding{padding:1em;}
.uk-padding.post-title {
    flex-grow: 1;
}

.translations {
    padding: 0 0 2em 2.5em;
}
.uk-width-1-10.iconbox {
    padding-top: 0;
}
/*NATHAN*/


/*COLOURS*/

/*blue: #012d6a
dark green: #616b52;
light green: #cfd8c3;
very light green: #edf0e8;
overlay green: #939c82 (opacity 8) or rgba(147,156,130,8);
grey : #999; */

/*FONTS*/

/*SERIF: font-family: 'EB Garamond', serif

SANS SERIF (buttons, slider and top menu: font-family: 'Lato', sans-serif*/

body {

  line-height: 1.5;
  min-height:1200px;
  background: url('/wp-content/uploads/2017/07/mirrored-squares.png');
}

/*body {
  background: linear-gradient(to bottom, #B721FF, #2AF598, #fec051, #FEE140, #FA709A );
  background-size: 100%;
  background-repeat: no-repeat;
}*/

body:before{
  content:'';
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  background: linear-gradient(to bottom, #476188 40%,#89b4e1 70%);
}

.site-header {
/*    color: #efefef;*/
    background: none;
    margin-bottom: 2em;
/*    padding-bottom: 5px;
    background-position: bottom;
    background-repeat: no-repeat;*/
}

a{
  color: #012d6a;
}
a:hover{
  color:#708fb9!important;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #444;
    text-transform: none;
}

a{
  color: #059;
}
a:hover{
  color:#bf033d;
}

.main-navigation li {
/*    position: relative;*/
    display: inline-block;
    margin: 0;
        background: #012d6a;
        padding: 1px 5px;
        border-radius: 3px;
        /*border:  1px solid white;*/
        -webkit-transition: background .3s ease-in-out;
        -moz-transition: background .3s ease-in-out;
        -ms-transition: background .3s ease-in-out;
        -o-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
        margin-left: 5px;
}

.main-navigation li:hover {
  background: #819abc;
}

.main-navigation li a {
    font-family: 'Lato', sans-serif;
/*    font-size: 1.05em;
    letter-spacing: 1px;*/
    font-weight: 400;
}

.main-navigation li a:hover {
  color: white!important;
}

/*.main-navigation li:last-child{
padding: 0.2em 1em;
}*/

/* HOME */

.hero {
  background-image: url(img/bookshelf-blur.jpg);
  padding:  2em;
  margin-bottom: 2em;
  background-position: center;
background-size: cover;
}

.overlay {
  background:rgba(97,107,82,0.65);
  padding: 1em 1em 3em;
}

.uk-heading-hero {
  padding: 0.2em;
  color:white;
  font-weight: 300;
line-height: 1.2;
}

.overlay .read-more-btn {
  border:  1px solid white;
}

/*POSTS*/
h1.post-title,
.page .post-title a {
padding-left: 16px;
}

.post-title a:hover{
  color:white;
  text-decoration:none;
}
 h2 {
  font-size: 1.4em!important;
 }

 .page ul li {
  font-family: 'EB Garamond', serif;
 }

.page .post-content {
/*  padding:  0;
margin: 0 -1.4em;*/
}


.post-content .uk-panel-header div {
    margin-bottom: 0;
    background: #cfd8c3;

    border-bottom: #eee;
    color: #012d6a;
    }

.post-meta {
/*    color: #989898;*/
    border-bottom: 1px solid #eee;
    padding: 10px 30px;
    }
  time.post-date {
      margin-left: 0;
      font-family: 'Lato', sans-serif;
  }

 .post-categories a[rel~="category"] {
  font-family: 'Lato', sans-serif;
  padding:  3px 6px;
  border-radius: 3px;
  background-color: #6E7581;
  color:white;
 }

  .post-categories a:hover {
    background: rgba(129,154,188,.2);
    color: #012d6a!important;
  }


.uk-search {
  border-radius: 5px;
}
.uk-search-field {
  font-family: 'EB Garamond', serif;
  color: black;
}



.read-more-btn {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    background: #616b52;
    padding: 10px 20px;
    color: white;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -ms-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;

    }
 .read-more-btn:hover {
  background: #cfd8c3;
  color: #616b52;
  text-decoration: none;
 }

.site-header {

}

.widget a {
  font-family: 'Lato', sans-serif;
}

/* SIDEBAR */




/* SEARCH */

form.uk-search {
    margin: 5em;
}


/*blank out the default after*/
.uk-nav-parent-icon > .uk-parent > a::after {
    content: "";
    width: 0;
    margin-right: -0;

}
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
      content: "";
    width: 0;

}