/*
Theme Name: SthenosTheme
Author: CreateMySite.gr
Author URI: CreateMySite.gr
Author: Neokazis Charalampos
Description: A minimalist - elegant Wordpress Bootstrap Theme
Version: 1.0
*/
/*
 *  ==========================================================  *
 *  Bre - Bre... kalws ton!                                     *
 *  Brikes tpt endiaferon kai mphkes na psakseis?               *
 *                                                              *
 *  E.. kalo psaksimo.                                          *
 *  ...kai ama mporw na boh8hsw kapws steile kana mail ; - )    *
 *                        CreateMySite.gr                       *
 *  ==========================================================  *
 */

*{
	padding: 0;
	margin: 0;
}

body {
	font-family: 'Baskerville', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #005765;
	/*color: #000;*/
}
html{
	font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1{font-size: 3.6rem;}
h2{font-size: 2.7rem;}
h3{font-size: 2.1rem;}
h4{font-size: 1.8rem;}
h5{font-size: 1.49rem;}
h6{font-size: 1.2rem;}
figcaption ,small{font-size: 1.49rem;}
p, blockquote, li{font-size: 1.9rem; line-height: 1.5;}

a:link,  a:visited{
	text-decoration: none;
	color: #757575; /* #aaa */
	border-bottom: 2px solid #ccc; /* #e2e2e2 */
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
a:hover {
	color: #333;
	border-bottom-color: #333;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.has-drop-cap:not(:focus):first-letter{
	font-size: 3.4em;
}


/*==================================================
 * navbar
 * CHANGE BOOTSTRAP NAV STYLE
 *=================================================*/
/* navbar */
.navbar{
	margin: 0;
	padding: 0;
}
.navbar-mystyle .container{
	border: solid;
	border-width: 1px 0;
	border-color: #ccc; /* #eee */
	padding: 1rem 0;
	margin-bottom: 5rem;
}
/* link */
.navbar-mystyle .navbar-nav{
	margin: 0 auto;
}
.navbar-mystyle .navbar-nav li{
	padding: 0 2rem;
}
.navbar-mystyle .navbar-nav > li > a {
  color: #333;
	border: none;
}
.navbar-mystyle .navbar-nav > li > a:hover,
.navbar-mystyle .navbar-nav > li > a:focus,
.navbar-mystyle .navbar-nav > .active > a,
.navbar-mystyle .navbar-nav > .active > a:hover,
.navbar-mystyle .navbar-nav > .active > a:focus {
    color: #757575; /* #777 */
}
/* mobile version */
.navbar-header{
	margin: 0 auto;
}
.navbar-mystyle .navbar-toggler{
  font-size: 1.9rem;
	color: #757575; /* #777 */
	padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  border: 1px solid #757575; /* #aaa */
  border-radius: 4px;
}
.navbar-mystyle .navbar-toggler:hover,
.navbar-mystyle .navbar-toggler:focus,
.navbar-mystyle .navbar-toggler:active{
	outline: none;
}
@media (max-width: 767px) {
	.navbar-mystyle .container{
		border: none;
		padding: 0;
		margin-bottom: 4rem;
	}
	.navbar-mystyle .navbar-nav{
		text-align: center;
	}
}


/*==================================================
 * Header.php
 *=================================================*/
header{
	margin: 4rem 0;
}
header h1 a:link, header h1 a:visited{
	font-family: 'GFS Neohellenic', 'Didact Gothic', sans-serif;
	font-size: 7rem;
	color: #333;
	font-weight: bold;
	border: none;
}
header h1 a:hover{
	color: #000;
	text-decoration: none;
}
header h2{
	font-size: 1.7rem;
	font-weight: normal;
	color: #757575; /* #777 */
	margin-top: 2rem;
}


/*========================
 * post elements
 *========================*/
.post_details{
	margin-top: 1rem;
}
.post_details p:nth-child(1){
	margin-bottom: 0;
}
.post_details p:nth-child(2){
	margin-bottom: 2.5rem;
}
.post_details p{
	font-size: 1.7rem;
	color: #757575; /* #aaa */
}
.post_print a:link, .post_print a:visited{
	text-decoration: none;
	color: #333;
	border-bottom: 2px solid #ccc; /* #e2e2e2 */
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.post_print a:hover {
	border-bottom-color: #333;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

/*==================================================
 * Front-page.php
 *=================================================*/


/*==================================================
 * Single.php
 *=================================================*/
.navigation_links{
	margin-top: 4rem;
}
.navigation_links .pre_link p:nth-child(1),
.navigation_links .nex_link p:nth-child(1){
	margin-bottom: 0;
	color: #757575; /* #aaa */
}
.navigation_links a:link, .navigation_links a:visited{
	text-decoration: none;
	color: #333;
	border-bottom: 2px solid #ccc; /* #e2e2e2 */
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.navigation_links a:hover {
	border-bottom-color: #333;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.nex_link{
	text-align: right;
}

/*==================================================
 * Page.php
 *=================================================*/
.page_title{
	margin-bottom: 2rem;
}


 /*==================================================
  * Page.php
  *=================================================*/
.archive_title{
	margin-bottom: 3rem;
}
.archive_list{
	list-style: none;
}
.archive_list li{
	border-bottom: 1px dotted #ddd;
	padding-bottom: .5rem;
	margin-bottom: 1.5rem;
}
.archive_list li:before, .archive_list li:after {
  content: " ";
  display: table;
}
.archive_list li:after {
  clear: both;
}
.archive_list .span_title{
	float: left;
}
.archive_list .span_date{
	float: right;
}
.archive_list a:link, .archive_list a:visited{
	border: none;
	text-decoration: none;
	color: #333;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.archive_list a:hover{
	color: #757575; /* #aaa */
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.archive_list .span_date{
	font-size: 1.7rem;
	color: #757575; /* #777 */
}


 /*==================================================
  * Footer.php
  *=================================================*/
footer{
	text-align: center;
}
.sthenos-footer{
	margin-top: 6rem;
}
.sthenos-footer h1{
	padding-bottom: 1rem;
}
.sthenos-footer h2{
	padding-bottom: 1.5rem;
	font-style: italic;
}
.developer-footer{
	border: solid;
	border-width: 1px 0 0 0;
	border-color: #ccc; /* #eee */
	color: #757575; /* #aaa */
	padding: 1.5rem 0 1rem 0;
	margin-top: 5rem;
}
.sthenos-footer a:link, .sthenos-footer a:visited{
	text-decoration: none;
	color: #333;
	border: none;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.sthenos-footer a:hover{
	color: #757575; /* #aaa */
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.sthenos-footer .foo_decorated a:link, .sthenos-footer .foo_decorated a:visited{
	text-decoration: none;
	color: #757575; /* #777 */
	border-bottom: 2px solid #ccc; /* #e2e2e2 */
}
.sthenos-footer .foo_decorated a:hover{
	border-bottom-color: #757575; /* #777 */
}
.developer-footer p{
	font-size: 1.7rem;
}
.sthenos-footer p.cta{
	margin-top: 2rem;
}
.sthenos-footer p.cta{
	font-style: italic;
	color: #757575; /* #777 */
	font-size: 1.8rem;
}
.developer-footer a:link, .developer-footer a:visited{
	text-decoration: none;
	color: #757575; /* #aaa */
	border: none;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.developer-footer a.cms_link:hover{
	color: #757575; /* #aaa */
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.developer-footer a.cms_link:hover span.cms_color{
	color: #2c6a9f;
}
.developer-footer a.cms_link:hover span.cms_grey{
	color: #333;
}


/*==================================================
 * Other
 *=================================================*/
.see_all_posts{
	font-size: 3.6rem;
	font-weight: normal;
	margin-top: 5rem;
}

ol, ul{
	list-style-position: inside;
}

.page_content h1, .page_content h2, .page_content h3, .page_content h4, .page_content h5, .page_content h6,
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{
	padding: 1rem 0;
}
blockquote { position: relative; margin: 2em 0; padding: 1em 3em; }
blockquote p {font-style: italic;letter-spacing: 1px;}
blockquote:before {display: block;content: "\201C";line-height:1;font-size: 6em;position: absolute;left: 0;top: -0.1em;color: #ddd;}
blockquote cite { color: #999; font-size: 1.7rem; display: block; margin-top: .8em; }
blockquote cite:before { content: "\2014 \2009"; }

 /*=============
  * Same
  *=============*/
header,
.archive_link,
.page_title,
.archive_title,
.post_title,
.post_details{
	text-align: center;
}

/*=============
 * color pallete
 *=============*/
.has-my-strong-black-background-color { background-color: #000; }
.has-my-strong-black-color { color: #000; }
.has-my-gray-background-color { background-color: #333; }
.has-my-gray-color { color: #333; }
.has-my-light-gray-background-color { background-color: #757575; /* #777 */ }
.has-my-light-gray-color { color: #777; }
.has-my-very-light-gray-background-color { background-color: #757575; /* #aaa */ }
.has-my-very-light-gray-color { color: #757575; /* #aaa */ }


 /*==================================================
  * Responsive - Media Queries
  *=================================================*/
	@media (max-width: 991px) {
		.archive_list .span_title,
		.archive_list .span_date{
			display: block;
			float: none;
		}
	}

	@media (max-width: 576px) {
		.pre_link {
	    text-align: center;
	    margin-bottom: 1rem;
		}
		.nex_link {
    	text-align: center;
		}
	}

	@media (max-width: 430px) {
		.developer-footer p{
			font-size: 1.5rem;
		}
	}