/*
Theme Name:     7webNico
Theme URI:      http: //www.mintwp.com/
Description:    Child theme for the Nico theme 
Author:         Benjamin Stuller
Author URI:     http: //www.7web.eu/
Template:       Nico
Version:        1.0
Tags:           twocolumns, Gray
License:        GNU General Public License
*/

@import url("../Nico/style.css");  
@import url(http://fonts.googleapis.com/css?family=Roboto:400&subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Courgette&subset=latin-ext);
/* 
COLORS
blue 
color: #4fd2e9;
dark
color: #4c4c4c;
*/
body, input, textarea, p, h4,h5,h6 {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
h1,h2,h3, #navigation li a, .widget h3, .widget_title {
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
text-transform: uppercase;
}
p {
margin-bottom: 1em;
}
 
.three-col li {
width: 213px;
height: 213px;
}

#maincol h2,
#maincol h3,
#maincol h4 {
	background: url("images/pat.png");
	padding: 5px 10px 7px;
  display: inline-block;
}

#maincol h2 {
	font-weight: 300;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-size: 37px;
  margin-bottom: 0.25em;  
}
#maincol h2.wp {
padding: 10px 20px 0px 20px;
}
.subtitle-wrap {
width: 100%;
}
#maincol h3 {
font-family: 'Courgette', cursive;
	font-size: 15px;
  text-transform: none;
	font-weight: normal;
  color: #4c4c4c;
}
#maincol h4 {
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
}
mark.blue {
background-color: transparent;
color: #4fd2e9;
}
#portfolio-list {
margin-top: 5px;
}
.portfolio-nav li a {
padding-right: 25px;
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
letter-spacing: 1px;
font-size: 11px;
} 
.portfolio-nav {
margin-bottom: 10px;
}  
.logo {
padding-top: 0px;
}
.logo h1 {
margin-bottom: 0px;
}
#header {
background: transparent;
margin-bottom: 10px;
position: relative;
}
.langs {
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
text-transform: uppercase;
}
ul.langs li {
padding-left: 23px;
}
li.eng {
background: url("images/eng.png") 0px 3px no-repeat;
}
li.svk {
background: url("images/svk.png") 0px 3px no-repeat;
}

ul, ol {
margin: 0 0 1em 2em;
}
#maincol ul li {
list-style: none;
}
#maincol ul li strong, #maincol ol li strong  {
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
letter-spacing: 1px;
font-size: 13px;
display: inline-block;
width: 125px;
}
span.s-price, span.s-info, span.s-list, .kontakt label, .textwidget strong  {
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
font-size: 13px;
display: inline-block;
}
.textwidget span {
display: inline-block;
width: 45px;
}
.textwidget strong  {
letter-spacing: 0px;
}
span.s-price  {
width: 90px;
}
span.s-info  {
	background: url("images/pat.png");
	padding: 5px 10px 7px;
  display: inline-block;
margin-top: 5px;
}
span.s-list  {
width: 170px;
text-transform: uppercase;
}

.widget a, .widget a:visited {
color: #4fd2e9 !important;
}
.widget a:hover {
color: #767575 !important;
}
.adresa {
width:45%;
margin:10px;
float:left;
}
.kontakt {
margin: 10px 0;
padding: 2% 5%;
	background: url("images/pat.png");
}
.kontakt input[type="text"], .kontakt input[type="email"], .kontakt textarea, .kontakt select {  
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
font-size: 13px;
border: 1px solid #767575;
color: #4c4c4c;  
}
.kontakt input[type="text"], .kontakt input[type="email"] {
padding: 5px;
width: 97%;
height: 18px;
margin: 0 !important;
}
.kontakt textarea {
padding: 5px;
width: 97%; 
resize:none;
}
.kontakt select {
padding: 5px;
width: 99.5%;
}
.kontakt select option {
color: #4c4c4c;
}
.kontakt label  {
width: 30%;
text-transform: uppercase;
float: left;
line-height: 30px;
margin: 10px 0;
}
span.wpcf7-form-control-wrap {
width: 70%;
float: right;
margin: 10px 0;
}
.kontakt .clear {
border-bottom: 1px dotted #e5e4e3;
}
.kontakt .ci-button {
margin: 10px 0;
background-color: #D6D6D6;
background-image: linear-gradient(bottom, rgb(214,214,214) 27%, rgb(214,214,214) 64%, rgb(237,237,237) 82%);
background-image: -o-linear-gradient(bottom, rgb(214,214,214) 27%, rgb(214,214,214) 64%, rgb(237,237,237) 82%);
background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 27%, rgb(214,214,214) 64%, rgb(237,237,237) 82%);
background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 27%, rgb(214,214,214) 64%, rgb(237,237,237) 82%);
background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 27%, rgb(214,214,214) 64%, rgb(237,237,237) 82%);
background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.27, rgb(214,214,214)),
 color-stop(0.64, rgb(214,214,214)),
 color-stop(0.82, rgb(237,237,237))
 );
border: 1px solid #ccc !important;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.4) inset;
-moz-box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.4) inset;
}
.kontakt .ci-button:hover {
cursor: pointer;
box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.4);
-moz-box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.4);
-webkit-box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.4);
}
input[type="submit"]::-moz-focus-inner {
    border: 0;
    padding: 0;
}

div.wpcf7-mail-sent-ok {
    border: 1px solid #4fd2e9 !important;
}
div.wpcf7-response-output {
    margin: 1em 0 1em !important;
    padding: 1em !important;
}
div.wpcf7-validation-errors {
    border: 1px solid rgb(247, 231, 0) !important;
}
div.wpcf7-mail-sent-ng {
    border: 1px solid rgb(255, 0, 0) !important;
}
.cap-wrap {
width: 70%;
float: right;
}
.wpcf7-captchac {
border: 1px solid #767575;
float: left;
}
.cap-wrap span.wpcf7-form-control-wrap {
width: 80px;
float: left;
margin: 0 0 10px 20px;
}

.portfolio-link {
height: 32px;
background: url("images/lining.png") top center no-repeat; 
text-align: center;
margin: 10px 0;
}
.portfolio-link .ci-button.grey {
height: 14px;
padding: 8px 25px 8px;
margin: 0;
}

.sld-container {
position: relative;
margin-bottom: 15px;
}
#sld-prev {
width: 20px;
height: 20px;
background: url("images/sprite_prev.png") top right no-repeat;
position: absolute;
top: 5px;
right: 30px;
z-index: 9;
-webkit-box-shadow:  0px 0px 1px 0px #555555;
box-shadow:  0px 0px 1px 0px #555555;
opacity: 0.7;
}
#sld-next {
width: 20px;
height: 20px;
background: url("images/sprite_next.png") top left no-repeat;
position: absolute;
top: 5px;
right: 5px;
z-index: 9;
-webkit-box-shadow:  0px 0px 1px 0px #555555;
box-shadow:  0px 0px 1px 0px #555555;
opacity: 0.7;
}
#sld-prev:hover, #sld-next:hover {
opacity: 0.9;
} 
.similar-work {
margin: 25px 0 0 0;
padding-top: 0px;
border-top: 0px solid #CCC;
}
#maincol h3.custom-half-l {
width: 49%;
text-align: center;
float: left;
padding: 7px 0 5px;
}
#maincol h3.custom-half-r {
width: 49%;
text-align: center;
float: right;
padding: 7px 0 5px;
}
#maincol h2.fulcol {
width: 100%;
text-align: center;
padding: 7px 0 5px;
}

.theme {
float: right;
padding-right: 10px;
}
.theme a {
color: #b1b1b1 !important;
}
.blog-art {
border-top: 1px solid #e5e4e3;
padding: 15px 0 10px;
}
.entry-thumb {
width: auto;
height: auto;
margin-right: 0px;
margin: 10px 0;
}
.entry-content {
float: none;
width: 675px;
margin-bottom: 10px;
}
.post-meta {
width: 675px;
background: transparent;
border: none;
padding: 5px 0;
margin-bottom: 0px;
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
}
.post-categories {
display: inline-block;
margin: 0;
}
.ci-more-link {
float: right;
font-family: 'Courgette', cursive;
	font-size: 15px;
  text-transform: none;
	font-weight: normal;
/*  color: #4c4c4c;  */
  font-style: normal;
	background: url("images/pat.png");
	padding: 5px 10px 7px;
  display: inline-block; 
margin-bottom: 5px; 
}
.excerpt {
float: left;
}
.excerpt p {
font-family: 'Courgette', cursive;
	font-size: 15px;
  text-transform: none;
	font-weight: normal;
  color: #4c4c4c;
background: url("images/pat.png");
display: inline-block;
margin-bottom: 5px;
padding: 5px 10px 7px;
}

#featured_category_widget-2 .wp-post-image {
max-width: 250px;
height: auto;
max-height: 100px;
width: auto;
display: none;
}
#featured_category_widget-2 h4 {
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
margin-bottom:  0;
}
#featured_category_widget-2 hr {
margin-bottom:  0.5em;
}
.widget {
margin-bottom: 30px;
}

#comments {
padding-top: 15px;
border-top: 5px solid #4fd2e9;
margin-top: 30px;
}
.logged-in-as, #comments label, .comment-meta {
font-family: 'Lato','Roboto', sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
}
.post-comments ul li, .post-comments ol li {
list-style-type: none;
margin: 0;
}
.comment-text {
margin: 0 0 15px 0;
padding-bottom: 15px;
border-bottom: 1px solid #e5e4e3;
}
.comment-meta {
text-shadow: none;
}
#comments .post-form input[type="submit"], .comment-reply-link {
font-family: 'Courgette', cursive !important;
	font-size: 15px;
  text-transform: none;
	font-weight: normal;
  font-style: normal;
	background: url("images/pat.png");
	padding: 5px 10px;
  display: inline-block; 
margin-bottom: 0px; 
}
.comment-reply-link {
margin-top: 5px;
float: right;
}
.post-comments .comment-copy {
background: url("images/pat.png");
border: 0px solid #e5e4e3;
}
.post-comments .comment-copy p {
}
.post-comments .avatar {
background: url("images/pat.png");
    padding: 10px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 0px 0px;
}
.reply-wrap {
float: left;
width: 675px;
}
.post-comments {
margin: 0;
}
#comments .alt {
background: transparent;
}