/*

Theme Name: SLR Tool

Description: Wordpress Theme Designed for SLR Tool.

Author: Mbloo

Version: 1.0

*/



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

/*-----------------[FONTS]------------------------*/

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

@import url(fonts/font-awesome/font-awesome.min.css);

 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=greek);

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

/*-----------------[RESET]------------------------*/

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

* {

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box

}

:before, :after {

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box

}

html, body {

	height: 100%;

}

html {

	font-family:sans-serif;

	-ms-text-size-adjust:100%;

	-webkit-text-size-adjust:100%

}

body {

	margin:0;

}

ol {

	margin:0 0 10px 1.5em

}

ul {

	margin:0 0 10px 1.5em

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}

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

/*-----------------[BASIC STYLES]-----------------*/

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

body {

	background: none repeat scroll 0 0 #FFFFFF;

}



body, input, textarea {

	color: #444444;

	font-family: "Open Sans", sans-serif;

	font-size: 13px;

	line-height: 1.45em;

	word-spacing: 1px;



}

a {

	color: #2F459B;

	outline: medium none;

	text-decoration: none;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s;

}

a:hover {

	color:  #000;

}

.clear {

	clear: both;

}

img {

	max-width:100%;

	height:auto

}

iframe {

	max-width: 100%;

	border:none;

}

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

	font-weight: 700;

	line-height: 1.2em;

	padding-bottom: .5em;

}

h1 {

	font-size: 2em;

}

h2 {

	font-size: 1.5em;

}

h3 {

	font-size: 1.17em;

}

h4 {

	font-size: 1.12em;

}

h5 {

	font-size: .83em;

}

h6 {

	font-size: .75em;

}

p {

	margin-bottom: 1.25em;

}

ul {

	margin-bottom: 1.25em;

}

strong {

	font-weight: bold;

}

cite, em, i {

	font-style: italic;

}

ins {

	text-decoration: none;

}

pre {

	background-color: #F5F5F5;

	border: 1px solid rgba(0, 0, 0, 0.15);

	border-radius: 4px;

	display: block;

	font-size: 13px;

	line-height: 20px;

	margin: 0 0 10px;

	padding: 9.5px;

	white-space: pre-wrap;

	word-break: break-all;

	word-wrap: break-word;

}

sup, sub {

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 0.8em;

}

sub {

	top: 0.3em;

}

dl {

	margin: 0 0 1.5em 0;

}

dl dt {

	font-weight: bold;

}

dd {

	margin-left: 1.5em;

}

hr {

	background: none repeat scroll 0 0 #D8D8D8;

	border: medium none;

	clear: both;

	height: 1px;

	margin: 12px 0;

}

blockquote {

	border-left: 5px solid #EEEEEE;

	margin: 0 0 20px;

	padding: 0 0 0 15px;

}

blockquote p {

	display:inline;

	line-height:inherit;

	font-weight:400;

}

blockquote p:before, blockquote p:after {

	display:inline-block;

	font-family:FontAwesome;

	opacity:0.5;

	font-size:13px;

}

blockquote p:before {

	content:'\f10d';

	margin-right:5px;

	vertical-align:11px;

}

blockquote p:after {

	content:'\f10e';

	margin-left:5px;

	vertical-align:7px;

}

blockquote cite {

	color: #005eb6;

	display: block;

}

input[type="text"], input[type="email"], input[type="tel"], input.text, input.title, textarea, select, input[type="password"] {

  background: #fff none repeat scroll 0 0;

  border: 1px solid #b1b1b1;

  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

  box-sizing: border-box;

  color: #111;

  font-size: 1em;

  line-height: 1.5em;

  padding: 7px 14px;

  transition: all 0.3s ease 0s;

}

input[type=text]:focus, input[type="email"]:focus, input[type="tel"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, input[type="password"]:focus {

	

}

input[type="submit"], button {

  background: #2F459B;

  border: medium none;

  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

  color: #ffffff;

  cursor: pointer;

  display: inline-block;

  font-weight: 600;

  line-height: 1.5em;

  max-width: 100%;

  padding: 5px 14px;

  text-align: center;

  text-transform: uppercase;

  transition: all 0.3s ease 0s;

  width: auto;

}

input[type="submit"]:hover, button:hover, input[type="submit"]:focus, button:focus {

	background:#222;

	color:#fff

}

textarea {

	padding: 5px 8px;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

* html .clearfix {

	zoom: 1;

} /* IE6 */

*:first-child+html .clearfix {

	zoom: 1;

} /* IE7 */

.screen-reader-text {

	text-indent:-9999px;

	display:none

}

table {

	background: none repeat scroll 0 0 #EEEEEE;

	border-collapse: separate;

}

table th {

	background: none repeat scroll 0 0 #F6F6F6;

	font-weight: 700;

	padding: 5px 10px;

	text-align: left;

}

table td {

	background: #fff;

	padding: 5px 10px;

}

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

/*----------------------[GRIDS]-------------------*/

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

.row {

	margin: 0 -15px;

	position: relative;

}

.row:after, .row:before {

	content: " ";

	display: table;

	clear: both;

}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {

	position: relative;

	min-height: 1px;

	padding-right: 15px;

	padding-left: 15px;

	float: left;

}

.grid12 {

	width: 100%

}

.grid11 {

	width: 91.66666667%

}

.grid10 {

	width: 83.33333333%

}

.grid9 {

	width: 75%

}

.grid8 {

	width: 66.66666667%

}

.grid7 {

	width: 58.33333333%

}

.grid6 {

	width: 50%

}

.grid5 {

	width: 41.66666667%

}

.grid4 {

	width: 33.33333333%

}

.grid3 {

	width: 25%

}

.grid2 {

	width: 16.66666667%

}

.grid1 {

	width: 8.33333333%

}

.row > .grid3:nth-child(4n+1) {

 clear: both

}

.row > .grid6:nth-child(2n+1) {

 clear: both

}

.row > .grid4:nth-child(3n+1) {

 clear: both

}

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

/*-------------------[TYPOGRAPHY]-----------------*/

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

.semibold {

	font-weight:600

}

.flex {

	display: -moz-box;

	display: -webkit-flexbox;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: -moz-flex;

	display: flex;

	-webkit-flex-direction: row;

	-moz-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

}

.flex.reverse {

	-webkit-flex-direction:  row-reverse;

	-moz-flex-direction:  row-reverse;

	-ms-flex-direction:  row-reverse;

	flex-direction: row-reverse;

}

.space10{clear:both; height:10px}

.space20{clear:both; height:20px}

.space30{clear:both; height:30px}

.space40{clear:both; height:40px}

.space50{clear:both; height:50px}

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

/*--------------------[IMAGES]--------------------*/

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

/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft, img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 6px;

}

.alignright, img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter, img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft, img.alignright, img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

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

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

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

/*-------------------[STRUCTURE]------------------*/

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

.wrapper {

	margin: 0 auto;

	max-width: 100%;

	position: relative;

	width: 1140px;

	padding-left:15px;

	padding-right:15px;

}

.wrapper:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

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

/*----------------------[HEADER]------------------*/

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

#header {

	padding-bottom: 21px;

	padding-top: 15px;

	position: relative;

}

#topMenu {

	font-size: 1em;

	line-height: 0.8em;

	padding-bottom: 20px;

	padding-right: 2px;

	position: relative;

	text-align: right;

}

#topMenu > ul {

	margin:0;

	padding:0;

	list-style:none

}

#topMenu > ul > li {

	border-left: 1px solid #444;

	display: inline-block;

	margin-left: 3px;

	padding-left: 6px;

}

#topMenu > ul > li:first-child {

	border:none;

	margin-left:0;

	padding-left:0

}

#topMenu > ul > li a {

	display:block;

	color:#444

}

#topMenu > ul > li a:hover {

	color: #2F459B;

}

#logo {

	float:left

}

#logo h1 {

	padding:0

}

#logo h1 a {

	background-image: url("images/logo.png");

	background-position: center center;

	background-repeat: no-repeat;

	display: block;

	height: 112px;

	text-indent: -9999px;

	width: 401px;

}

#headerRight {

	float:right

}

#headerRight img {

	display: inline-block;

	margin-left: 50px;

}

#headerRight img:first-child {

	margin-left:0

}

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

/*-------------------[NAVIGATION]-----------------*/

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

#navBar {

	background-color: #2f459b;

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

	position: relative; z-index:9

}

#navigation {

  position: relative;

  text-align: center;

}

#navigation > ul.desktopMenu {

	margin:0;

	padding:0;

	list-style:none

}

#navigation > ul.desktopMenu > li {

	display: inline-block; position:relative

}

#navigation > ul.desktopMenu > li > a {

  color: #fff;

  display: block;

  font-size: 1.15em;

  font-weight: 600;

  padding: 10px 12px;

  text-transform: uppercase;

  background-color:transparent

}

#navigation > ul.desktopMenu > li:hover > a {

	color:#fff; background-color:#97C93C

}



#navigation > ul.desktopMenu > li.current-menu-item > a, #navigation > ul.desktopMenu > li.current-menu-parent > a {

	color:#fff; background-color:#97C93C

}

#navigation > ul.desktopMenu > li > ul {

  display:none; text-align:left;

  left: 0px;

  list-style: outside none none;

  margin: 0;

  padding: 0;

  position: absolute;

  width: 210px;

  z-index: 99; background-color:#596AAF;

}

#navigation > ul.desktopMenu > li > ul > li{display:block;   border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

#navigation > ul.desktopMenu > li > ul > li > a {



  color: #fff;

  display: block;

  line-height: 1.38em;

  padding: 5px 12px;

}

#navigation > ul.desktopMenu > li > ul > li > a:hover{background:rgba(0, 0, 0, 0.2)}



#navigation > ul.desktopMenu > li > ul > li.current-menu-item > a{background:rgba(0, 0, 0, 0.2)}





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

/*----------------------[PAGE]--------------------*/

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

#main {

  padding: 32px 0 50px;

}

#pageIntro {

  color: #fff;

  font-size: 1.2em;

  font-weight: 600;

  line-height: 1.24em;

  padding: 35px 0;

  text-align: center;

  background-color:#233474; position:relative

}

.pageIntro {

  margin: 0 auto;

  max-width: 100%;

  width: 1040px;

}

.pageTitle {

  border-bottom: 1px solid #808080;

  color: #233474;

  font-size: 1.6em;

  letter-spacing: 1px;

  margin-bottom: 1.35em;

  padding-bottom: 0.7em;

}



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

/*----------------------[HOME]--------------------*/

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

body.home #main {

  padding: 50px 0;

}

.wrapper.narrow {

  width: 800px;

}

#loginBxArea {

  float: left;

  width: 40%;

}

#registerBxArea {

  float: right;

  padding-top: 16px;

  width: 52%;

}
#registerBxArea .pt-register #pt_registration_form input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
#loginForms {

  padding: 25px 0;

  position: relative;

}

.loginBxClass {

  background: #b1b1b1 none repeat scroll 0 0;

  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;

  padding: 42px 35px 27px;

  position: relative;

}

.loginBxClass input[type="text"], .loginBxClass input[type="email"], .loginBxClass input[type="password"]{border:none; display:block; width:100%}

.loginBxClass input[type="submit"], .loginBxClass button{display:block; width:100%}

.forgotPassLink {

  text-align: center;

}

.forgotPassLink a{color:#fff; text-decoration:underline}

.forgotPassLink a:hover{text-decoration:none}

.loginLock {

 background:#2F459B;

  border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;

  height: 50px;

  left: 50%;

  line-height: 50px;

  margin-left: -21px;

  position: absolute;

  text-align: center;

  top: -25px;

  width: 50px;

  z-index: 9;

}

.loginLock .fa {

	color:#fff;

  display: inline-block;

  font-size: 2.3em;

  vertical-align: middle;

  

}

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

/*-------------------[ACCORDION]------------------*/

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

#accordion {

  margin-left: -5px;

  position: relative;

  width: 100%;

}

.accordionBx {

  margin-bottom: 3px;

  position: relative;

  width: 100%;

}



.accordionTitle {

  background-color: #2f459b;

  color: #fff;

  cursor: pointer;

  font-weight: 400;

  min-height: 38px;

  padding: 9px 6px 6px 38px;

  position: relative;

  vertical-align: middle;

}

.accordionTitle .fa {

  background-color: #fff;

  border-radius: 100%;

  color: #2f459b;

  display: inline-block;

  height: 26px;

  line-height: 27px;

  margin-right: 3px;

  text-align: center;

  vertical-align: middle;

  width: 26px; overflow:hidden; position:absolute; left:6px; top:6px;

}

.accordionTitle.ui-state-active .fa:before{  content: "\f068";}

.accordionTxt {

  color: #3C3C3B;

  display: none;

  font-size: 1.1em;

  line-height: 1.45em;

  padding: 15px 38px;

  width: 100%; background-color:#ECECEC

}

.accordionTxt > p:last-child{margin-bottom:0}

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

/*---------------[INFORMATION BOOK]---------------*/

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

#informationBook.row{margin-left:-7px; margin-right:-7px}

#informationBook.row .grid3{padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:7px;}

.bookBx {

  display: table;

  height: 180px;

  text-align: center;

  width: 100%;

}

.bookBx > a {

  background-color: #2f459b;

  color: #fff;

  display: table-cell;

  font-size: 1.25em;

  line-height: 1.2em;

  vertical-align: middle;

  text-transform: uppercase;

  padding: 10px;

}

.bookBx > a:hover{background-color:#233474}



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

/*-------------------[LINKS ROW]------------------*/

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

#linksRow .grid4 {

  padding-bottom: 15px;

  padding-top: 30px;

}

.title {

  border-bottom: 1px solid #808080;

  color: #2f459b;

  font-size: 1.5em;

  font-weight: 400;

  margin-bottom: 0.7em;

  padding-bottom: 0.4em;

}

ul.links {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}

ul.links > li {

  padding-bottom: 9px;

}

ul.links > li > a{	color: #444444;}

ul.links > li > a:hover{color: #2f459b;}



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

/*-----------------------[LOOP]-------------------*/

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

.blogpostItem {

  padding-bottom: 13px;

  padding-top: 24px;

}

.postTitle {

  font-size: 1.5em;

  font-weight: 400;

  line-height: 1.2em;

  padding-bottom: 1px;

}

.postMeta {

  color: #2f459b;

  padding-bottom: 7px;

  display:none;

}



.postNavigation {

	padding-bottom: 0px;

	padding-top: 24px;

}

.prevPostNav {

	float:left

}

.nextPostNav {

	float:right

}

.postNavigation a {

	background-color:#fff;

	color: #787878;

	display: block;

	font-size: 0.9em;

	font-weight: 400;

	padding: 7px 10px;

	text-transform: uppercase;

}

.postNavigation a:hover {

	background-color:#2f459b;

	color:#fff

}

.postNavigation .wp-pagenavi {

	text-align:center

}

.postNavigation .wp-pagenavi a, .postNavigation .wp-pagenavi span {

  background-color: #eee;

  color: #2f459b;

  display: inline-block;

  font-size: 1.2em;

  font-weight: 400;

  height: 34px;

  line-height: 34px;

  margin: 0 4px;

  padding: 0;

  text-align: center;

  text-transform: uppercase;

  width: 34px;

}

.postNavigation .wp-pagenavi a:hover, .postNavigation .wp-pagenavi span.current {

	background-color:#2f459b;

	color:#fff

}

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

/*---------------------[DECISONS]-----------------*/

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

#informationBook.decisionsRow .grid3{padding-bottom:25px}

.decisionLink{

font-weight: 700;

margin-top: 7px;

text-align: center;

}

.decisionIntroArea {

  max-width: 100%;

  padding-bottom: 54px;

  padding-right: 25px;

  padding-top: 20px;

  width: 730px;

}

.introTitle {

  color: #233474;

  font-size: 1.5em;

  font-weight: 400; padding-bottom:.4em

}

.decisionIntroArea .postMeta{vertical-align:top; line-height:1em}

.decisionIntroArea .postMeta {

  border-bottom: 1px solid #808080;

  line-height: 1em;

  margin-bottom: 18px;

  padding-bottom: 23px;

  vertical-align: top;

}

.introBx {

  color: #233474;

  font-family: "Georgia";

  font-size: 1.45em;

  font-style: italic;

  line-height: 1.2em;

}

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

/*---------------------[FOOTER]-------------------*/

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

#footer {

  background-color: #cdcdcd;

  padding: 45px 0 16px;

  text-align: center;

}

#copyright {

  color: #fff;

  font-size: 0.8em;

  line-height: 1.2em;

  padding: 13px 0;

  text-align: center;

  background-color:#2f459b

}

#footerLogo {

  padding-bottom: 27px;

}

.forgotbxarea{

	background: #b1b1b1 none repeat scroll 0 0;

    border-radius: 10px;

    padding: 15px 35px;

    position: relative;

	margin:0 auto;

	width:330px;

}

.custom-forgot-password input[type="text"],

.custom-forgot-password input[type="submit"]{

	width:100%;

}

.page-id-80 #content{

	padding:50px 0;

}

.page-id-80 .alert-success,	

.page-id-80 .alert-danger{

margin:0 auto;

width:330px;

margin-bottom:10px;

max-width:100%

}
.mt-15{margin-top: 15px;}
.mt-5{margin-top: 5px;}
.btn-danger{
	background-color: #ca0000;
}
#pt_update_form .update_buttons{width: 230px;margin: 0px auto;}
#pt_update_form p{font-size: 10px;margin-top: 10px;margin-bottom: 0px;}
#updateBxArea{
	width:50%;
	margin:0px auto;
}