/*
 Theme Name:   Whisper Walls basic-child
 Theme URI:    http://www.dev.mediaworksweb.com/whisperwalls-wp/wp-content/themes/basic-child/
 Description:  Basic Child Theme
 Author:       MediaWorks - Mark Wolcott
 Author URI:   http://mediaworksweb.com
 Template:     basic
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, sidebars, responsive-layout, accessibility-ready
 Text Domain:  basic-child
*/

body{
    color: #666;
    font-family: 'Asap', sans-serif;
}
.wrapper{
    max-width: 1800px;
}
.maxwidth{
    width: auto;
    max-width: 100%;
}
.widget, #widgetlist > li{
  margin: 0;
}
.widget iframe{
  max-width: 100%;
}

#topbar{
  background: #000;
  padding: 0 5% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    width: 100%;
}
.topnav{
  max-width: 1800px;
    margin: 0 auto !important;
}
.topbar-widget{
  float: left;
}
#header{
    padding: 10px 5% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 0;
}
.header-top-wrap{
    width: 100% !important;
}
.header-widget .searchform{
  margin: 5px !important;
}
.phone{
  font-size: 1.2em;
  margin: 15px 0 0 0;
  padding: 0 0 0 30px;
  display: inline-block;
  background: transparent url(images/phone.png) no-repeat 0 50%;
}


.sitetitle{
    float: left;
    margin: .5vw 0;
}
.logo{
  width: 350px !important;
  height: 57px !important;
    overflow: hidden;
    display: block;
    padding: 0;
}
.logo a{
    color:transparent !important;
    font-size:0em !important;
}

.logo:hover{
    opacity: 0.7;
}
.top-menu{
    border-radius: 0;
    float: right;
  margin: 0 !important;
}
.top-menu ul{
    background: #fff !important;
    border: 1px solid #036 !important;
}

.top-menu>li{
    font-size: 1.1em !important;
}
.top-menu ul a{
    color: #000 !important;
    font-size: 0.9em;    
    border-top: 1px solid #ddd !important;
}

.top-menu .current-menu-item > span:hover { 
    background: #bbb !important; 
}

#main{
    margin: 0;
    padding: 0;
    border-top: 10px solid #ccc;
}
.content{
    margin: 0;
    padding: 0 5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent url(images/white.png) repeat 0 0;
}
.layout-leftbar #sidebar{
  padding: 1em !important;
  display: block !important;
}
.entry-box{
  margin: 0;
}
.metaslider ul{
  margin: 0 auto !important;
  max-width: 1800px !important;;
}

.metaslider .caption{
  font-size: 2em;
  font-style: italic;
  text-align: center;
  padding: 1em 0 !important;
}

.button{    
    font-family: 'Asap', sans-serif;
    font-size: 0.9em;
    background: none !important;
    padding: 0;
}
.button a, a .button{
    color: #fff;
    border-radius: 10px !important;
    background: #333 !important;
    padding: 5px 10px 7px;
}
.button a:hover, a .button:hover{
    color: #fff;
    opacity: 1 !important;
    background: #20698a !important;
}

.home h1{
  display: none;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Asap', sans-serif;
}
h1{
  color: #666;
  font-size: 2em;
  font-weight: normal !important;
  padding: .5em 0 !important;
}
h2{
   color: #333;
   margin: 0 0 1em;
   clear: both;
}

h3{
  color: #000;
  font-size: 1.8em !important;
  font-weight: normal;
  line-height: 140%;
  padding: 0 0 0.2em;
}
h5{
  color: #333;
  font-size: 1.3em;
  line-height: 150%;
}
hr{
  height: 1px;
  border: 0; 
  border-top: 1px solid #ccc;
  display: block; 
  margin-bottom: 20px;
}
ul{
    margin: 0 0 1em 1em !important;
}

.product ul { 
  list-style: outside url("images/li.svg") !important;
   display: table;
}

.product li { 
  margin: 0 0 0.5em;
}

.content li img{
  background: none !important;
  padding-bottom: 0 !important;
}


p{
  font-size: 1.1em;
  line-height: 160%;
  padding: 0 0 1em 0 !important;
}
a{
    color: #069;
}
a:hover{
    opacity: 0.7;
    text-decoration: none !important;
}
.red, a .red, .red a{
  color: #900;
}
.white, a .white, .white a{
  color: #fff;
}
.blue, a .blue, .blue a{
  color: #369;
}
.larger{
  font-size: 1.1em;
}
.pdf a, .doc a, .dmg a{
  min-height: 50px;
  display: inline-block;
  padding-left: 50px;
  background: transparent url(images/icon-pdf.png) no-repeat 0 0%;
}
.doc a{
   background-image: url(images/icon-doc.png);
}
.dmg a{
   background-image: url(images/icon-dmg.png);
}


.entry-box img{
    padding-bottom: 16px;
    background: transparent url(images/shdw.png) no-repeat 50% 100%;
    background-size: 90% 15px;
}
.no-shdw img, .wp-caption img{
    background: none !important;
    padding-bottom: 0;
}


.owl-item .wp-caption-text{
  font-size: 1.5em;
}

.search-results #content{
  width: 90%;
  margin: 0 auto;
  padding: 0 5%;
  float: none;
}

.search-results #sidebar{
  display: none !important;
}

#footer {
    padding: 15px 0 0;
    background: none !important;
}
#footer .widget{
    margin: 0;
}

/* WOOCOMMERCE */

.woocommerce th, .woocommerce table td{
  border: 1px solid #ccc !important;
  padding: 0.5em  !important;
}

.woocommerce table.shop_attributes p{
  padding: 0 !important;
}



@media screen and (min-width: 1500px) {
body{
    font-size: 1.1vw !important;
}

.logo{
  width: 450px !important;
  height: 73px !important;
}
.topnav li{
  font-size: 0.9em !important;
}
}

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

.sitetitle {
  float: none;
}
.header-widget *{
   text-align: center !important;
   margin: 0 !important;
}
.metaslider .caption-wrap{
  position: relative !important;
}
.caption-wrap .caption{
  font-size: 1.1em;
}
h3{
  font-size: 1.3em !important;
}
h5{
  font-size: 1.1em !important;
}
.home h5{
font-size: 0.9em !important;

.top-menu>li a{
    margin-right: 50px;
}

img{
}
}



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

.logo{
  max-width: 95% !important;
}
}