/*  
Theme Name: Fond
Version: 1.0
Author: Umkka.Net
Author URI: http://umkka.net/
*/

@font-face {
    font-family: Gabriola; 
    src: url("fonts/Gabriola.ttf"); 
}

body {
    background-color: #f4f4f4;
    font-family: Arial, sans-serif;
}

#topName {
    background: url("images/bgTop3.png") repeat top left, url("images/bgTop2.png") no-repeat top center, url("images/bgTop1.png") repeat-x, #1d3d4b;
}

#topNameBlock {
    padding: 10px 0px;
    color: #9bacb4;
    font-size: 10pt;
    font-weight: bold;
    line-height: 10px;
}

#fondName {
    color: #8eccd8;
    font-size: 32pt;
    font-family: "Gabriola";
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

#imgLogo {
    float: left;
    margin-right: 10px;
    width: 53px;
}

#btnDonate {
    float: right;
    margin: 15px 0px;
    background-color: #1d8498;
    color: #bde7f0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12pt;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #49919f;
    border-left: 1px solid #49919f;
    border-right: 1px solid #0a1b23;
    border-bottom: 1px solid #0a1b23;
}

#btnDonate:hover {
    background-color: #0f9db9;
}

#btnDonate .glyphicon {
    padding-right: 10px;
    color: #d2d2d2;
}

#btnDonate:hover .glyphicon {
    color: #aee5f1;
}

#navigation {
    background: url("images/bgNav.png") #29434e;
}

#lang {
    margin: 12px 0px;
}

#lang img {
    margin-left: 10px;
}

.navbar-nav > li > a {
    margin-top: 0px!important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 11pt;
    text-transform: uppercase;
    color: #55a4b3!important;
}

.navbar-nav > li > a:hover {
    background-color: #103f53!important;
}

.dropdown-menu > li > a {
    color: #83adb8!important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700!important;
    font-size: 10pt;
    text-transform: uppercase;
}

.dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #132e39!important;
}

.navbar-nav .open .dropdown-menu {
    background-color: #103f53!important;
}

.navbar-nav .open .dropdown-menu > li > a {
        background-color: #103f53!important;
}

#header {
    height: 256px;
    background: url("images/bgHeader.png") repeat top left, url("images/header.jpg") center center / 100%  no-repeat;
    margin: 0px;
    border-bottom: none;
}

@media (min-width: 992px) {
    #blocks {
        margin-top: 256px;
    }
}

#blocks {
    background: url("images/bgBlocks.png") top left repeat-x;
    min-height: 400px;
    padding-right: 15px;
}

#blocksPage {
    background: url("images/bgBlocks.png") top left repeat-x;
    min-height: 400px;
    padding-right: 15px;
}

#divBlocks {
    padding: 0px!important;
}

#blocks ul {
    padding-left: 0px!important;
    margin-right: -15px;
}

.block {
    list-style-type: none;
    display: block;
    padding-right: 15px!important;
    padding-left: 0px!important;
    margin-top: -50px;
}

#blocks div .block div {
    margin-top: 0px;
    padding: 15px;
    background-color: #fff;
    text-align: center;
    font-size: 11pt;
    color: #464646;
    height: 100%;
}

#blocks div .block:hover div, #blocks div .block:hover div .blockIcon {
    background-color: #5fb4c4;
    color: #fff;
}

.blockIcon {
    margin: -50px auto 10px auto;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background-color: #fff;
}

.blockIcon .glyphicon {
    border: 2px solid #5fb4c4;
    border-radius: 29px;
    padding: 13px;
    margin: 6px;
    font-size: 18pt;
    color: #5fb4c4;
    width: 56px;
}

#blocks div .block:hover div .blockIcon .glyphicon {
    border: 2px solid #fff;
    color: #fff;
}

#blocks div .block div .blockIcon .glyphicon-usd {
    padding: 14px 15px 12px 11px;
}

#blocks div .block div h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 5px auto;
    color: #5fb4c4;
}

#blocks div .block:hover div h3 {
    color: #fff;
}

.btnBlock {
    border: none;
    background-color: #5fb4c4;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
}

#blocks div .block:hover .btnBlock {
    background-color: #fff;
    color: #5fb4c4;
}

#line {
    margin-top: 15px;
    padding: 0px!important;
    color: #71939a;
    font-size: 9pt;
    text-transform: uppercase;
    text-align: center;
}

#line div div {
    height: 70px;
    background-color: #1d3d4b;
    padding: 7px;
}

.money {
    color: #5fb4c4;
    font-size: 18pt;
    font-family: 'Open Sans Condensed', sans-serif;
}

#line #lineDonate {
    background-color: #5fb4c4;
    padding: 18px 5px;
    border-left: 11px solid #1d3d4b;
}

#line #lineDonate:hover {
    background-color: #1d8498;
}

#line #lineDonate a {
    font-size: 18pt;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}

#line #lineDonate a:hover {
    text-decoration: none;
}

#content {
    margin-top: 15px;
    padding: 0px;
}

.widget {
    background-color: #fff;
    padding: 15px;
    margin: 0px 0px 15px -15px;
    color: #878787;
    font-size: 10pt;
    text-align: justify;
}

.widgetTitle {
    font-size: 16pt;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #5fb4c4;
    border-bottom: 1px solid #99a9b0;
    margin-bottom: 10px;
}

article {
    background-color: #fff;
    padding: 15px;
    margin: 0px -15px 15px -15px;
    color: #878787;
    font-size: 10pt;
    text-align: justify;
}

.imgPost {
    background: url("images/post.jpg") center center / 100% no-repeat;
    height: 150px;
    margin: -15px;
}

article h1 {
    background-color: #1d3d4b;
    margin: -35px -15px 15px -15px;
    opacity: 0.9;
    border-bottom: 3px solid #5fb4c4;
    padding: 5px;
    line-height: 20px;
    text-align: justify;
}

article h1.pagetitle {
    background-color: #1d3d4b;
    margin: -15px -15px 15px -15px;
    border-bottom: 3px solid #5fb4c4;
    padding: 5px;
    line-height: 20px;
    text-align: justify;
    font-size: 17pt;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}

h1.arhive {
    background-color: #1d3d4b;
    margin: 0px -15px 15px -15px;
    border-bottom: 3px solid #5fb4c4;
    padding: 5px;
    line-height: 20px;
    text-align: justify;
    font-size: 17pt;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}

article h1 a, article h1 a:link, article h1 a:visited {
    font-size: 17pt;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}

article h1 a:hover, article h1 a:focus {
    text-decoration: none;
    color: #bde7f0;
}

.date {
    font-size: 9pt;
    margin: 3px 15px 3px 10px;
    background-color: #5fb4c4;
    padding: 2px 5px;
    line-height: 15px;
    float: left;
    color: #fff;
}

@media (max-width: 991px) {
    article {
        margin: 0px -15px 15px 0px;
    }

    .widget {
        margin: 0px -15px 15px 0px;
    }
}

a, a:link, a:visited {
    font-size: 10pt;
    color: #5fb4c4;
    font-weight: bold;
    outline: none;
}

a:hover, a:active, a:focus {
    color: #1d8498;
}

textarea:focus, input:focus, button:focus {
    outline: 0;
}

#news {
    background-color: #1d3d4b;
    font-size: 10pt;
    text-align: justify;
    line-height: 16pt;
    color: #abc3cd;
    padding: 0px 0px 15px 0px;
}

.newsLine {
	padding: 0px 0px!important;
}

#newsLine {
	margin: 0px -15px;
}

#news a {
    font-size: 10pt;
    color: #4ac0d6;
}

#news a:hover {
    color: #fff;
}

.thumbBottom {
    width: 100%;
    height: 100px!important;
    margin: 0px;
    padding: 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.dateBottom {
    background-color: #5fb4c4;
    color: #fff;
    font-size: 8pt;
    padding: 3px 7px;
}

#news h1 {
    font-size: 17pt;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    border-bottom: 1px solid #647484;
    padding: 0px 15px 5px 15px;
}

#Go_Top {
    position: fixed;    
    bottom: 20px; 
    right: 15px; 
    cursor: pointer; 
    background-color: #5fb4c4;
    border-radius: 25px;
    padding: 7px;
}

#credits {
    background-color: #1a3743;
    padding: 15px 30px;
    color: #aacbd8;
    font-size: 12pt;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
}

#developer, #developer a {
    font-size: 7pt;
    font-family: Arial;
}

#developer img {
    width: 100px;
}

#counters {
    text-align: right;
    line-height: 7pt;
}

#wp-calendar {
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

#wp-calendar caption {
	height: 25px;
}
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 10pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font:120%/100% Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform:uppercase;
	font-size: 10pt;
}

#wp-calendar th {
	font-style: normal;
	width: auto;
	text-transform: capitalize;
	text-align: center;
}

#wp-calendar td {
	font-style: normal;
	width: auto;
	text-transform: capitalize;
	text-align: center;
}

.wpcf7-form-control {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  margin: 3px 0px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-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;
}

.widget ul {
	padding: 0px;
	margin: -8px 0px 0px 0px!important;
}

.widget li {
	list-style-type: none;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px 15px;
	text-transform: uppercase;
	font-size: 8pt;
}

.widget li a {
	font-size: 8pt;
	font-weight: normal;
}

.widget li a:hover {
	text-decoration: none;
}

.lang-item {
    list-style: none;
    display: inline;
}

#imgCaptcha {
    width: 74px!important;
    text-align: right;
}