/*
Theme Name: Karelia Foundation
Theme URI:
Description:
Author: Giorgos Tsoukalas
Author URI:
Version: 1.0
Tags: responsive, bootstrap
License:
License URI:
Style: noPhoto-blue

*/

@import url('bootstrap/css/bootstrap.min.css');
@import url('forms.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,700,800&subset=latin,greek-ext);

body {
    font-family: 'Open Sans', sans-serif;
	font-size:13px;
	background-color:#004489;
    /*background: url('images/kleftis.jpg') no-repeat 50% 0%;*/
    background-size: 100%;
    background-attachment: fixed;
    background-size:cover;
    /*padding-top: 60px;*/
    /*padding-bottom: 40px;*/
	background-size:cover;
    color: #004489;
}


.widthSmaller {
	width:28%;
	height:28%;
}

@media (max-width: 480px) {
	.main .widthSmaller {
		display:none;
	}
}

h1, h2, h3, h4, h5, h6{
    color: #004488;
}

h3{
    font-size: 1.5em;
    font-weight: bold;
}

a:link {
	color: #004488;
	text-decoration: none;
	border:none;
	outline:none;
}

a:hover{
    text-decoration: none;
}

p, ul, li{
	color: #004488;
}

.textLinks:link, .textLinks:visited  {
	color:#e89101;
	text-decoration: none;
}

.textLinks:hover, .textLinks:active  {
	color: #004488;
	text-decoration: none;
	
/*===========================================================transition*/
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
/*===========================================================transition*/
}


.generaLinks:link, .generaLinks:visited  {
	color:#e89101;
	text-decoration: none;
	font-weight:600;
}

.generaLinks:hover, .generaLinks:active  {
	color: #004488;
	text-decoration: none;
	
/*===========================================================transition*/
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
/*===========================================================transition*/
}

.financiaLinks:link, .financiaLinks:visited {
	color:#e89101;
	text-decoration: none;
	font-weight:600;
}

.financiaLinks:hover, .financiaLinks:active {
	color: #004488;
	text-decoration: none;
	
/*===========================================================transition*/
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
/*===========================================================transition*/
}


@media (max-width: 992px) {
    .navbar-header {
        float: none;
        text-align: center;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: inline-block;
        background: none;
        border: none;
        float: none;
        margin: 2px 0 0 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        background-color: white;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #ff9f00;
        font-weight: bold;
        color: #004488;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #004488;
    }

    .collapse.in{
        display:block !important;
    }

    .navbar-default .navbar-toggle .icon-bar{
        width: 50px;
        background-color: #ff9f00;
        height: 5px;
        margin-top: 3px;
    }

    .navbar-default .sub-menu{
        list-style-type: none;
    }

    .navbar-default a{
        color: #004488;
        font-weight: 600;
    }

    .navbar-default a:hover, .navbar-default a:focus{
        color: #ff9f00;
    }

    .navbar-default .sub-menu li{
        margin: 5px 0;

    }
}


.logo, .logo-words{
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
}

.logo img{
    width: 85px;
    display: inline-block;
}

.logo-words img{
    width: 350px;
    display: inline-block;
}

.moto{
    /*border-top: 1px solid #ff9f00;*/
    background: url('images/foto-idriton.png') no-repeat 0 0;
    background-size: 133px 120px;
    min-height: 130px;
    padding: 0px 0px 0px 133px;
    color:#004489;
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

.moto > div{
    background-color: rgba(255, 255, 255, 1);
    padding: 25px;
    height: 120px;
	font-size:105%;
	font-weight:800;
	font-style:italic;
    overflow: hidden;

}

.moto .item {
    display: none;
}

.moto2{
    text-align: center;
}

.moto2 img{
    display: inline-block;
}

.sidebar .navbar-default{
    background: none;
    border: none;
}

.sidebar .navbar > ul, .sidebar .area ul{
    padding: 0;
}

.sidebar .navbar > ul > li > a, .sidebar .area h4{
    background-color: white;
    width: 100%;
    float: left;
    padding: 15px;
    font-weight: 800;
    font-size: 1em;
    margin: 0;
}

/*first level*/
.sidebar .navbar > ul > li{
    margin: 0 0 20px 0;
    border: none;
    padding: 0;
}

/*all levels*/
.sidebar .navbar li, .sidebar .area li{
    list-style-type: none;
    float: left;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #004488;
}

.sidebar .navbar li:last-child, .sidebar .area li:last-child{
    border-bottom: none;
}

/*.sidebar .sub-menu li:before{*/
    /*content:"-";*/
    /*position:relative;*/
    /*left:-5px;*/
/*}*/

.sidebar .navbar a, .sidebar .area a{
    color: #004488;
    cursor: pointer;
}

.sidebar .area .more{
    float: left;
    margin-top: 12px;
	font-weight:600;
	font-style:italic;
}

.sidebar .sub-menu a:link, .sidebar .sub-menu a:visited{
    color: #004488;
    cursor: pointer;
	font-weight: 600;
	text-decoration:none;
}

.sidebar .sub-menu .current-menu-item a, .sidebar .sub-menu a:hover, .sidebar .sub-menu a:active, .sidebar .area a:hover, .sidebar .area a:active{
    color:#ff9f00;
    cursor: pointer;
	text-decoration:none;
	
/*===========================================================transition*/
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
/*===========================================================transition*/
}
	

.sidebar .sub-menu, .sidebar .area > div{
    background-color: rgba(255,255,255,0.9);
    padding: 10px 20px 15px 20px;
    float: left;
    width: 100%;
    /*border-top: 1px solid #004488;*/
}

.content .menus > div{
    margin-bottom: 10px;
}

.content .menus > div > div{
    background-color: #fff;
    border: 4px solid #ff9f00;
    padding: 10px 20px;
    vertical-align: top;
    min-height: 107px;
}

.content .menus h4{
    text-align: center;
    font-size: 95%;
    color: #004489;
    font-weight: 800;
}

.content .menus div ul{
    margin: 0;
    padding: 0;
}

.content .menus div li{
    list-style-type: none;
    text-align: center;
    font-size: 85%;
    font-weight: bold;
    border-top: 1px solid #ff9f00;
    padding: 3px 0;
    margin-top: 3px;
}


.content .menus .sub-menu li{
}

.content .menus a:link, .content .menus a:visited {
    color: #004489;
	cursor: pointer;
	text-decoration:none;
}

.content .menus a:hover, .content .menus a:active {
    color:#ff9f00;
	text-decoration:none;

/*===========================================================transition*/
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
/*===========================================================transition*/
}

.content .row .main{
    background-color: rgba(255, 255, 255, 1);
    border-top: 10px solid #ff9f00;
    margin: 10px 0;
    padding: 20px 20px 40px 20px;
}

.content .main .title{
	font-size:90%;
    border-bottom: 3px solid #ff9f00;
    padding-left: 0px;
}


.content .main .body{
    border-left: 13px solid #ff9f00;
    padding: 20px 0 0 20px;
}

@media (max-width: 1200px) {

    .content .main .title{
        border-bottom: 3px solid #ff9f00;
        padding-left: 0px;
    }

    .content .main .body {
        border: none;
        padding-left: 0;
    }

}

footer{
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 0 0 0;
    margin-top: 80px;
    color: #004489;
    font-size: 0.8em;
}

footer .row > div {
    margin-bottom: 20px;
}

footer a {
	color: #004489;
}

footer a:hover{
	color: #004489;
	text-decoration:none;
}


footer .sub-menu a:link, footer .sub-menu a:visited{
    color: #004489;
}

footer .sub-menu a:hover, footer .sub-menu a:active{
    color:#ff9f00;
	text-decoration:none;
	outline:none;

/*===========================================================transition*/
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
/*===========================================================transition*/
}

footer .textwidget{
    /*float: right;*/
}

footer .menu > ul{
    margin: 0px;
    padding: 0px;
}

footer .sub-menu {
	margin:3px 0px 0px 0px;
}

footer .menu > ul > li{
    font-weight: bold;
    float: left;
    margin: 0 16px 10px 0;
    padding: 0 16px 10px 0;
    border-right: 1px solid #ff9f00;
}

footer .row .footer2 {
    margin-bottom: 10px;
}

footer .row .footer2 > div {
	font-weight:600;
	font-style:italic;
    margin-bottom: 10px;
	border-bottom: 1px solid #ff9f00;
}

@media (max-width: 992px) {
    footer .menu > ul > li {
        float:none;
        border-right: none;
        margin-right: 0;
        border-bottom: 1px solid #ff9f00;
    }
}

footer .menu li {
    font-weight: normal;
}

footer .menu ul{
    list-style-type: none;
    padding-left: 0px;
}

.main .carousel-control.left, .main .carousel-control.right{
    z-index: 1;
    background-image: none;
}

.main .carousel-control.left:hover, .main .carousel-control.right:hover{
    background-image: none;
}

.main .carousel .item a{
    z-index: 1;
}

.main .tab{
    padding: 10px 50px 10px 10px;
    /*background: url('images/tab.png') no-repeat top right #004489;*/
    /*float: left;*/
    /*clear: both;*/
    /*width: auto;*/
	background-color: #fff;
    color: #004489;
    display: inline-block;
    font-weight: 800;
	font-size:110%;
	/*letter-spacing:1px;*/
	border-left: solid 9px #ff9f00;
	border-bottom: solid 9px #ff9f00;
	
	/*** CSS3 ***/
    border-radius:0px 10px 7px 7px;
	-moz-border-radius:0px 10px 7px 7px;      /*Firefox 3.6 and earlier */
	-webkit-border-radius: 0px 10px 7px 7px;  /*Chrome - Safari */
	-o-border-radius: 0px 10px 7px 7px;       /*Opera */	
}

.wpcf7 input, .wpcf7 textarea{
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.wpcf7 input:focus, .wpcf7 textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.wpcf7 .wpcf7-response-output{
    color: #F73047;
    padding: 15px;
    margin: 0;
    border: 1px solid #F73047;
    border-radius: 4px;
}

.content .main .news{
    margin-bottom: 20px;
}

.content .main .news div.excerpt {
	padding-bottom: 8px;
	border-bottom: 1px solid #ff9f00;
}

.content .main .news a:link, .content .main .news a:visited{
    color: #004489;
	text-decoration: none;
}


.content .main .news a:hover, .content .main .news a:active  {
	color:#ff9f00;
	text-decoration: none;
	
/*===========================================================transition*/
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
/*===========================================================transition*/
}

.content .main .news .title{
    border: none;
    font-weight: 600;
    font-size: 100%;
    margin-bottom: 3px;
}


.btn-primary:link, .btn-primary:visited {
	background-color:#004489;
	color:#fff;
	border-color:#004489;
	outline:none;
}


.btn-primary:hover, .btn-primary:active{
	background-color:#ff9f00;
	color:#fff;
	border-color:#004489;
	
/*===========================================================transition*/
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-ms-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
/*===========================================================transition*/
}