/*
 Theme Name:   metro-pirate
 Description: Metro pirate is a metro WordPress theme for blogging, with a minimalist, clean design. The theme is dominated by a white background with a colorful grid style. Metro pirate has a fully responsive layout, and comes with many useful customization options.
 Author:       Themeisle
 Author URI:   https://themeisle.com
 Template:     metro-creativex
 Version:      1.0.4
 License:      GNU General Public License version 2
 License URI:  license.txt
 Text Domain:  metro-pirate
 Tags:         Featured Images, One Column, Responsive Layout, Three Columns, Translation Ready, Two Columns, Left Sidebar, Theme Options, Fluid Layout, Post Formats
*/
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700,300,400italic,500italic,300italic);

.bg-code {
    background: #DBDBDB none repeat scroll 0% 0% !important;
}    

.bg-responsive {
    background: #a1c627 none repeat scroll 0% 0% !important;
}

.bg-wordpress {
    background: #2991d6 none repeat scroll 0% 0% !important;
}

.bg-web {
    background: #a1c627 none repeat scroll 0% 0% !important;
}

.bg-design {
    background: #EC6B25 none repeat scroll 0% 0% !important;
}


#content {max-width:1190px; margin:0 auto; padding:0 20px;}
#content article .post_content a {
    display: block;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.color-code:hover, .color_nor-code {
    color: #fff !important;
}

#content article:hover, .sticky {
  box-shadow: 0px 7px 0px 0px rgba(217,217,217,1) !important;
}

#content article .post_icon {
  width: 23%;
  height: 9rem;
  background-repeat: no-repeat;
  background-position: center 5px;
  float: left;
  overflow: hidden;
}
#content article .post_content {
  width: 69%;
  height: auto;
  float: left;
  font-family: 'Source Sans Pro', sans-serif;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 2rem;
 }

header nav a, .openmenuresp {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.7rem;
    display: block;
    border-top: 1px solid #DBDBDB;
    border-bottom: none;
    overflow: hidden;
}

header nav {
  border: none;
  font-family: "Roboto";

}

.openmenuresp {
  border: none;
}

.insidepost_date {
    width: 92%;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0px 0px 0px 4%;
    border-bottom: 1px solid #A1A1A1;
    display: block;
    min-height: 4.5rem;
    line-height: 3rem;
}

#respond input, #respond textarea {
    padding: 1rem;
    border: 1px solid #BFBFBF;
    background: transparent none repeat scroll 0% 0%;
    width: 400px;
    margin-bottom: 2rem;
}

header nav a .read span, #searchform .searchbutton:hover {
    opacity: 0.8;
}
#searc

.nav-previous a:hover, .nav-next a:hover {
    color: #fff;
}

.insidepost_date {
    width: 92%;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0px 0px 0px 4%;
    border-bottom: 1px solid #A1A1A1;
    display: block;
    min-height: 4.5rem;
    line-height: 3rem;
}

#respond {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.navigation{
  background: #feffff; /* Old browsers */
  background: -moz-linear-gradient(top, #feffff 0%, #dbdbdb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #feffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #feffff 0%,#dbdbdb 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #feffff 0%,#dbdbdb 100%); /* IE10+ */
  background: linear-gradient(to bottom, #feffff 0%,#dbdbdb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
  border: 1px solid #C3C3C3;
}

.tags a {
  margin-right: 4px;
  border: 1px solid rgba(5, 5, 5, 0.1);
  padding: 4px 10px;
  border-radius: 3px;
  background: #2991D6 none repeat scroll 0% 0%;
}

.post .post_img {
    max-width: 36rem;
    height: auto;
    float: left;
    margin: 0px 2rem 2rem 0px;
}

.left-sidebar .widget_search input[type="text"] {
	color: #fff !important;
}
.left-sidebar select {
	background: none !important;
}
.left-sidebar li {
	border-top: none !important;
}
.bg-code {
	background: #2991d6 none repeat scroll 0% 0% !important;
}

#menu-re_en {display:flex; margin:0; padding:0;}
#menu-re_en  li{padding:0; list-style: none; margin-right:10px;}
#menu-re_en img {display:block;}
.current-lang {border:1px solid #000;}

.bg_head {background: #0069B6;     height: 90px;     margin-bottom: 104px;}
#logo {max-width: 280px;}
#logo h1 {font-size: 14px; margin-bottom: 0;}
#searchform {max-width: 110px; }
header {margin-bottom: 20px;}
.email {width: 50%; border: 1px solid #999; padding: 0 0 0 5px; box-sizing: border-box; height: 30px; min-width: 200px;}
#submit-container, #recaptcha-container {    margin-top: 20px;}
.pages li li a {background: #0069B6;}
.has-error .error {color:red !important;}

.reg_btn span {    text-transform: uppercase; display:block; color:#fff; font-size:14px; line-height:6px; background:url(images/pen_reg_bg.png) no-repeat 30px 50% #33cc66; padding:30px;}

#topside {    margin: 60px auto 30px;}
#searchform .searchtext {width: 72%;}