/*
Theme Name: Interactive by MyThemeShop Child
Theme URI: http://wordpress.org/extend/themes/toolbox
Template: mts_interactive
Author: Automattic
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Tags: custom-menu,sticky-post,microformats,rtl-language-support,translation-ready,full-width-template,post-formats
Version: 1.3.1456774411
Updated: 2016-02-29 19:33:31
*/

/*HEADQUARTERS INFO*/
@charset "UTF-8";

#page, .container {
    background-color: white;
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px #888;
    -o-box-shadow: 0 0 8px #888;
    box-shadow: 0 0 8px #888;
}
#header{

    height: 80px;

}
#content{
  margin-right: 20px;
  margin-left: 20px;
}
.thecontent{
  margin-right: 20px;
  margin-left: 20px;
}
.single_post, .single_page {
    width:97%;
}
#comments{
  width: 93% !important;
    margin-left: 20px;
}
#commentsAdd{
  margin-left: 20px;
  margin-right: 20px;
  width: 94%;
}
#logo img {
    width: 100%;
}
.logo-wrap {
    margin-bottom: 5px;
    overflow: unset;
    margin-top: 2px;
}
header .widget_search {
    margin-top: 25px;
    float: right;
}
#header #searchform {
    min-width: 300px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.header-info h2 {
    margin-top: 25px;
    font-size: 22px !important;
}
.sidebar-with-content .article {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 802px;
    width: 100%;
}
.ratingblock {
  border-top: 1px solid rgba(240, 238, 240, 0.82);
  border-bottom: 1px solid rgba(240, 238, 240, 0.82);
  width: 160px;
  padding: 5px;
}

#catcher {
    height: auto;
}
header table#single_post_top{
  border:none;
  margin: 0 auto;
}
header table#single_post_top td{
  vertical-align: middle;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
header table#single_post_top td:first-child{
  width: 20%;
}
header table#single_post_top td:last-child{
  width: 80%;
}
header table#single_post_top td:last-child h1{
  font-size: 25px;
}
.mobile{
  display:none;
}
 @media screen and (max-width: 768px){
   .desktop{
     display:none;
   }
   .mobile{
     display: block;
   }
   header table#single_post_top_2{
     border:none;
     margin: 0 auto;
   }
   header table#single_post_top_2 td{
     text-align: center;
     margin: 0;
     padding-top: 0;
     padding-bottom: 0;
   }
 }


div#nav_menu-9 {
    MARGIN-BOTTOM: 20px;
}
#nav_menu-9 {
    margin-top: 5px;
    margin-bottom: 0;
    -moz-box-shadow: 0 2px 4px 0 #ccc;
    -webkit-box-shadow: 0 2px 4px 0 #ccc;
    -o-box-shadow: 0 2px 4px 0 #ccc;
    box-shadow: 0 2px 4px 0 #ccc;
}
#nav_menu-9.widget ul {
    border-top: 1px solid #ccc;
}
#nav_menu-9.widget li {
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-box-shadow: 0 2px 4px 0 #ccc;
    -webkit-box-shadow: 0 2px 4px 0 #ccc;
    -o-box-shadow: 0 2px 4px 0 #ccc;
    box-shadow: 0 2px 4px 0 #ccc;
    list-style-type: none;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    margin: 0;
}
#nav_menu-9.widget li a {
    display: block;
    width: 100%;
    border-left: 3px solid #1e73be;
    padding: 10px 10px 10px 30px;
}
#nav_menu-9.widget li a:hover {
    border-left: 6px solid #1e73be;
}
#site-footer {
    padding-top: 10px;
    margin-top: 0px;
}
#site-footer .container {
    background-color: #1e73be;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
#site-footer .copyrights {
    padding-top: 0px;
    padding-bottom: 0px;
    color: white;
}
/*FOOTER menu*/
.footer_menu a {
    color: white;
    font-weight: bold;
}
.footer_menu ul {
    width: 290px;
    margin: 0 auto;
}
.footer_menu ul li{
  display: inline-block;
}
.footer_menu li:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
}
.copyrights span {
  display: none;
}

.post-single-content h2 {
    font-size: 20px;
}

@media screen and (max-width: 1080px) {
  #search-6 {
      display: none;
  }
}
@media screen and (max-width: 1024px) {
  #header #searchform {
      min-width: 300px !important;
  }
}
@media screen and (max-width: 865px) {

}
@media screen and (max-width: 800px) {
.sidebar.sidebar-right {
    display: none;
}
.sidebar-with-content .article {
    width: 93% !important;
}

}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 520px) {

}
@media screen and (max-width: 490px) {

  .logo-wrap {
    margin-left: 40%;
  }
  .header-info{
    display: none;
  }
}

@media screen and (max-width: 380px){
  header .widget_search{
    display: block;
  }
}