/*
Theme Name: Hammered
Author: 2pi Software
Description: Custom theme developed for Hammered Hot Rods

Version: 5.9
Tags: bootstrap, hammered, AA
*/
/* =WordPress Core
-------------------------------------------------------------- */

.call-me a {color:#FFF7C8 !important;}
.wp-post-image {width:100%;height:450px !important;display:block;top:0px;object-fit: cover;position:relative;margin:auto;}
img {border: 0;height: auto;width: auto\9;max-width: 100%;}

/*UL STYLES*/
.content li {padding: 0px 0px 0px 3px;vertical-align: middle;text-indent:0px; font-family: 'PT Mono', monospace;font-size:14px;color:#444;margin:15px 0;background-size:contain;}
.cog li {background:url(images/blu/check.png) no-repeat 0px 16px;padding: 12px 0px 0px 25px;vertical-align: middle;text-indent:0px; font-family: 'PT Mono', monospace;font-size:14px;line-height:21px;color:#444;}
.content li {list-style-image:url(images/nut.png);}
ul,ol {}
ul {list-style:none;}
ol {list-style: decimal;margin:1em;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}

/*PROJECT TILES*/
#tile-wrap {width:100%;margin: 20px 0;text-align:center;}

.tile-box {
    display: inline-block;
    width: 27%;
    position: relative;
    border: 2px solid #fafcec;
    background: #fafcec;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    margin: 10px;
    text-align: center;
}
.tile-box:hover {background:#ede8e0;}

.tile-box .title {text-align: center;}
.attachment-medium.size-medium.wp-post-image {height: 200px !important;}


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/*base html*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
  position: relative;
  min-height: 100%;
}
body {
	 margin: 0;
        margin-bottom: 200px;
         

         
         height:100%;
         background:#2A2A2A url(images/bkg@2x.jpg) center top no-repeat;
        
}

a,a:hover{
    text-decoration: none;
color:#B64632;
}

a:hover {border-bottom:1px solid;padding-bottom:2px;}

p{
    font-family: 'PT Mono', monospace;
}

.headerspacer{
height:260px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 195px;
    line-height: 60px;
    background-color: #2A2A2A;
    color:#FFF7C8;
    
    
}

.footer p{
    color:#FFF7C8;
}

footer a{
    color:#FFF7C8;
}

.footer .menu-item a{
    color:#FFF7C8!important;
}

.footer-area-1{
    height:90px;
    border:solid #FFF7C8;
    border-width:2px 2px 2px 2px;
    max-width:1155px;
}

.footer-area-2{
    height:50px;
    border:solid #FFF7C8;
    border-width:2px 2px 2px 2px;
    max-width:1155px;
}

.footer .copyright{
    font-size:2.5rem;
    line-height:85px;
}

@media (max-width:1000px){
        .footer .copyright{
            font-size: 2rem;

        }
       .footer .menu-footer-container .menu-item a{
            font-size: 1.5rem;
        }
}

@media (max-width:767px){
    .footer .copyright{
        font-size: 1.7rem;

    }
   .footer .menu-footer-container .menu-item a{
        font-size: 1.2rem;
    }
    .home-tile-projects, .home-tile-shop {
        height: auto!important;
    }
}

.footer li{
    list-style-type: none;
    display: inline;
    margin-right: 20px;
}

.menu-footer-container{
    position: absolute;
    right: 10px;
    top: 10px;
}

.menu-footer-container .menu-item a{
    font-size:1.7rem;
}



/*navbar*/
nav{
    
    
}

.navbar .dropdown-menu li {
  width: 100%;
  margin-left: 0 !important;

}

.navbar .dropdown-menu li a{
    text-align: left;
    font-size:15px;
    padding-left:10px;
    padding-right:10px;
}

.navbar{
    font-family: 'Cabin Sketch' !important;
    background-color:#FFF7C8;
    width: 100%;
    margin: 0 auto;
    max-width: 960px;
    padding:0;
}
.navbar-toggler{
    margin:0 auto;
    
    
}

.navbar::before {
    content: ' ';
    display:block;
    position: absolute;
    width: 100%;
    height: 35px;
    background: url(images/tear@2x.png) center center repeat-x;
    top: -33px;
    
}

.menu-item{
    margin:0 auto;
}

.navbar-nav{
    margin:0 auto!important;
}
/*nav menu background*/
.navbar,.dropdown-item{
    background-color:#FFF7C8!important;
   
}


        /*top level links*/
.nav > li > a{
    padding:10px 10px; 
    
}
.menu-item a{
    color:#2A2A2A!important;
/*    background:#70798C!important;*/
    font-family: 'PT Mono';
    text-align:center;
    font-size:1.1em;
    border:none;  

}


.menu-item a:hover{
    color:#B64632!important;
    
}

.menu-item:focus, .menu-item a:focus{
    border:0px;
    outline:none!important;
}

.current-menu-item a{
    color:#B64632!important;
    border-bottom: 4px solid #B64632;
    padding-bottom: 6px!important;
}

@media (max-width:767px){
    .menu-item{
        width:100%;
    }    
    
    .current-menu-item a {
        color: #B64632!important;
        border-bottom: 0px solid #B64632; 
        padding-bottom: 10px!important; 
    }

}

/*dropdownmenu*/

.dropdown-menu{
    border-radius:0;
    padding:0px;
    border:0px;
    margin-top:0px;
    
    
}



/*content areas*/
.wrapper{
    
    min-height: 250px
}
.wrapper,.sidebar{
    border-radius:5px;
    padding-bottom:10px;
}
.content{
    max-width: 1200px;
}

.page-content{
   background-color: #FFF7C8;
   margin: 0 auto;
   padding: 5px;
min-height: 700px;
}

.page-content img{
    max-width: 100%;
    height: auto;
}

.smallspacer{
margin-top:30px;    

    
}

.page-content h2{
    margin-top: 15px;
    font-size: 2rem;
    color: #B64632;
    font-family: 'oswald', monospace;
}

.text-block{
    margin: 50px 0;
    max-width:60%;
}

.mainpage{
    margin-bottom:70px;
}

p{
  color:#12100E  
}

.sidebar{
    background:lightgoldenrodyellow;
    min-height:200px;
    height:100%;
    padding:10px;
    max-width: 400px;
  
    
}

/*woocommerce*/

.woocommerce .col-1 , .woocommerce .col-2{
    max-width:48%;
}

/*dropdowncart*/
.cart-contents{
    color:black;
    font-weight: bold;
    display:inline-block;
    clear:none;
    background-color:inherit
   
}

.header-cart-count{
    display:inline-block;
    clear:none;
    padding:9px;
    font-size: 19px;
    color:black
}

.cart-contents:before {
    font-family: WooCommerce;
    content: "\e01d";
    font-size: 28px;
    margin-top: 0px;
    font-style: normal;
    font-weight: 400;
    padding-right: 5px;
    vertical-align: bottom;
    clear:none;
    display:inline-block;

    }
    
    .cart-contents-list{
        display:none;
    }
    
    body:not(.woocommerce-cart) .cart-contents:hover .cart-contents-list{
        display:block!important;
        position:absolute;
        list-style-type: none;
        margin-left:-150px;
        background:inherit;
        padding:5px;
        z-index: 44444;
        color:white;
        
    }
    .cart-contents-list a{
        color:white;
    }
    
    
    .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
}
    
    @media screen and (max-width:765px){
        .cart-contents{
            display:none;
        }
        
    }
    
    .header-cart-link{
    position: absolute;
    right: 30px;
}

.home-tiles{
    height: 400px;
    background-color:blueviolet;
    margin:7.5px;
    min-width:375px;

}

.home-hero-image{
    /* height: 485px; */
    background-color:#FFF7C8;
    border-bottom: 7.5px;
    padding: 5px!important;
margin-bottom: 5px;
}

.logo{
    max-width: 445px;
    margin: 0 auto;
    display: block;
    padding-top: 30px;
}

.home-tile-about{
    border:3px solid #FFF7C8;
    background: #B5DCC7;

}

.home-tile-shop{
    padding-left: 0px;
    padding-right: 0px;
    border:3px solid #FFF7C8;
    background-color:#D79558;
}

.home-tile-projects{
    border:3px solid #FFF7C8;
    background: #E9775F;
    padding-left:0px;
    padding-right:0px;
}

.home-tile-about img{
    max-width: 200px;
    height:200px !important;
    display: block;
    margin:0 auto;
    border-radius: 50%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.home-tiles h2, .home-tiles p{
    text-align: center;
    color: #2A2A2A;
    max-height: 100px;
    
    
}

.home-tiles h2{
    margin-bottom:0.2rem;
}

.home-tiles p{
    font-size: 14px;
    padding: 0 10px;
}

.home-tile-projects img, .home-tile-shop img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height:230px !important;

}

.home-tile-projects a.more-link, .home-tile-shop a.more-link{
    color:#2A2A2A;
    display:block;
    margin-top:-15px;
    border:none !important;
}

.footer-area-2 p{
    text-align: right;
    font-family: 'PT Mono', monospace;
    font-size: 0.7rem;
    line-height: 50px;
    margin-right: 20px;
}

.call-me{
    width: 202px;
    height: 136px;
    background: #B64632;
    position: absolute;
    top: 0;
    right: 200px;
box-shadow: 0px 10px 10px;
}

.call-me-border{
    width: 195px;
    margin-left: 2.5px;
    height: 132.5px;
    border-width: 0px 1px 1px 1px;
    border-style: dashed;
    border-color: #FFF7C8;
}

.call-me-border h5{
    text-align: center;
    margin-top: 50px;
    display: inline-block;
    color: #FFF7C8;
    font-size: 1.2rem;
    font-family: 'oswald', monospace;
    width: 100%;
}

.call-me-border h5 span{
    font-size: 2.2rem;
    font-family: 'oswald', monospace;
    display: inline-table;
}

@media screen and (max-width:1275px){
    .call-me{
        right:20px;
    }
}

@media screen and (max-width:910px){
    .call-me{
        display:none;
    }

   
}

h1, h2, h3{
    font-family: 'oswald';
    text-transform: uppercase;
    text-align:left;
}

@media (max-width: 666px){
    .footer .copyright{
        font-size: 1rem;
        
    }
}
@media (max-width: 543px){
    .footer .copyright{
        font-size: 1rem;
        line-height: 135px;
        text-align: center;
    }
    .menu-footer-container{
        left: 50px;

    }
}