/*
Theme Name:     Reponsive Child 
Theme URI:      http://wordpress.org/extend/themes/responsive
Theme Grid:     http://themeid.com/responsive-grid/
Hooks URL:      http://themes.svn.wordpress.org/responsive/1.7.2/includes/hooks.php
Description:    Child theme for the Responsive Theme 
Author:         Martin Franklin
Author URI:     http://franklinwebtech.com/
Template:       responsive
Version:        0.1.0
*/

@import url("../responsive/style.css");
@import url("../responsive/core/css/style.css");
@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700);

#pbar{
	position:relative;
	border:1px solid #F00;
	top:-65px;
	z-index:-1;
	}

#featured{
	padding-bottom:0;
	margin-bottom:0;
}

#menu-main-menu li{
	font-family:"Quattrocento";
	font-weight:700;
	}
.menu a{
	font-size:13.5px;
}

.contact-ph,
.phonenumber{
	font-family:"Josefin-Sans";
}

.contact-ph a{
	color:#656257;
	font-size:18px;
	margin-top:-1px;
}

.phonenumber a{
	color:#445807;
	}

#text-14 .contact-ph a{
	color:#3b392f;
	font-size:17.82px;
	}


.tracediv {
 border: 1px solid red;
}

.fright{
    float: right;
}

.blocklink{
	display:block;
	width:60px;
	height:60px;
	}

/* globals
-------------------------------------------------------------- */ 
body{
    background-color: #fff;
}

/* homepage
-------------------------------------------------------------- */
.home #wrapper {
    box-shadow: none;
}

.home-widgets .widget-wrapper {
   margin: 0 0 12px 0;
   padding: 0;
   height: 498px;
   overflow: hidden;
   border-radius: 4px 4px 8px 8px;
   -moz-box-shadow: -1px 5px 5px #E5E5E5;
   -webkit-box-shadow: -1px 5px 5px #E5E5E5;
   box-shadow: -1px 5px 5px #E5E5E5;
   
}

/* image hover */
span.roll {
    background:url(images/tileoverlay.png) center center no-repeat #000;
    height: 498px;
    position: absolute;
    width: 306px;
    z-index: 10;
    border-radius: 4px 4px 8px 8px;	
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px  #000;
	box-shadow: 0px 0px 4px  #000; 
} 



/* MENU */
.menu{
    background-color: #fff;
    background-image: none;
    filter: none;    
}

.menu a{
    color: #000;
    border: none;
    text-shadow: none;
    padding: 0 0.6em;
}

.menu a:hover {
    color: #808080;
    background-color: #fff;
    background-image: none;
    filter: none;   
}

.menu .current_page_item a, .menu .current-menu-item a{
    background-color: #fff;
}


/* Nivo slider*/
#featured{
   border: none;
}

#slider {
    z-index: 0;
}

#tinynav1 {
    z-index: 1;
}

/* Footer */
#cha-menu-footer{
    background-image:  url(images/footer-bg.jpg); 
    background-repeat: no-repeat;
    background-position: center 0;
}

#cha-bar-footer{
    background-image:  url(images/footer-bar.jpg); 
    background-repeat: no-repeat;
    background-position: center center;
    padding:50px 0 50px 0;
  
}

/*
#cha-search-footer input#s,
#cha-search-footer input#searchsubmit{
    border: none;
    box-shadow: none;
    
}

#cha-search-footer input#s{
    display: inline-block;
    background-image:  url(images/search-bar.png); 
    background-repeat: no-repeat;
    width: 285px;
    height: 43px;    
    background-position: 0 0;
   
}


#cha-search-footer input#searchsubmit{
    display: inline-block;
    background-image:  url(images/search-btn.png); 
    background-repeat: no-repeat;
    width: 41px;
    height: 43px;    
    background-position: 0 0;
    position: relative;
    top: -43px;
    left: 244px;
}

#cha-search-footer input#searchsubmit:hover{
    background-position: 0 -43px;
}

*/

#footer-wrapper .widget-wrapper{
    padding-top: 0;
    background-color: transparent;
    border: none;
}

#footer-wrapper .widget-wrapper p {
    font-size: 14px;
}

#footer-wrapper .widget-wrapper p span{
    font-weight: bold;
    font-size: 18px;
}

#footer-wrapper .widget-wrapper p span:hover{
    color: #808080;
}

#cha-search-footer .widget-wrapper{
    margin: 0;
}

p.signer{
    display: inline-block;
    background-image: url(images/jb-sig.png);
    background-repeat: no-repeat;
    width: 117px;
    height: 41px;
    margin-bottom: -15px;
    margin-left: 12px;
    padding: 0;
}

.bwrap p{
    padding: 0;
    margin: 2px;
    line-height: 14px;
    font-size: 14px;
}

.bwrap div{
    padding: 0;
    margin: 0;
}

p.eql span{
    display: inline-block;
    background-image: url(images/eho.png);
    background-repeat: no-repeat;
    height: 39px;
    width: 32px;  
    margin-right: 10px;
    position: relative;
    top: 12px;
    
}

#footer-logo{
    margin-top: 3em;
   display: inline-block;
   background-image: url(images/logo-foot.png);
    background-repeat: no-repeat;
    height: 103px;
    width: 940px;  
    background-position: center 0;
}

#footer-branding{
   display: inline-block;
   background-image: url(images/foot-text.png);
    background-repeat: no-repeat;
    height: 53px;
    width: 940px;  
    background-position: center 0;
}





/* contact us slide out */
#home-pullout {
    text-align: center;
}

.big-link{
    text-align: center;
    background-image: url(images/contact-us-btn.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 32px;
    width: 135px;
    display: inline-block;  
    color: transparent;
}

.big-link:hover{
    background-position: 0 -32px;
    color: transparent;
 }

#myModal .grid p {
    text-align: left;
    margin: .5em 0;
}

h2.greenbold{
    text-align: left;
    font-size: 18px;
    color: #445807;
    font-weight: bold;
}


p.greensign {
    color: #445807;
    font-weight: bold;        
}

p.greensign span{
    display: inline-block;
    background-image: url(images/jb-sig.png);
    background-repeat: no-repeat;
    margin-top: 2px;
    width: 117px;
    height: 41px;
}


a.fb{
    display: inline-block;
    background-image: url(images/social-media-bar.png);
    background-repeat: no-repeat;
    background-position:0 0;
    height: 36px;
    width: 32px;
}

a.tw{
    display: inline-block;
    background-image: url(images/social-media-bar.png);
    background-repeat: no-repeat;
    background-position:-40px 0;
    height: 36px;
    width: 32px;
}

a.in{
    display: inline-block;
    background-image: url(images/social-media-bar.png);
    background-repeat: no-repeat;
    background-position:-80px 0;
    height: 36px;
    width: 32px;
}

a.fla{
    display: inline-block;
    background-image: url(images/social-media-bar.png);
    background-repeat: no-repeat;
    background-position:-120px 0;
    height: 36px;
    width: 32px;
}
a.rss{
    display: inline-block;
    background-image: url(images/social-media-bar.png);
    background-repeat: no-repeat;
    background-position:-160px 0;
    height: 36px;
    width: 32px;
}

a.fb:hover{
    background-position:0 -36px;    
}

a.tw:hover{
    background-position:-40px -36px;    
}

a.in:hover{
    background-position:-80px -36px;    
}

a.fla:hover{
    background-position:-120px -36px;    
}

a.rss:hover{
    background-position:-160px -36px;    
}

a.ph { 
    position: relative;
    top: 7px;
    display: inline-block;  
    background-image: url(images/phone-btn.png);
    background-repeat: no-repeat;
    background-position:0 0;
    height: 30px;
    width: 30px;
    margin-right: 16px;
}

a.ph:hover { 
    background-position:0 -30px;
}

p.phonenumber{
    font-size: 22px;
    letter-spacing: .2em;
    color: #445807;
    font-weight: bold;
    position: relative;
    top: -7px;
}

a.contact-us{
    display: inline-block;
    float: left;
    background-image: url(images/contact-us-btn.png);
    background-repeat: no-repeat;
    background-position:0 0;
    height: 26px;
    width: 127px;
    margin-bottom: .8em;
}

a.contact-us:hover{
    background-position:0 -26px;
}

p.signonly span{
    display: inline-block;
    background-image: url(images/jb-sig.png);
    background-repeat: no-repeat;
    margin-top: 6px;
    margin-left: 62%;
    width: 117px;
    height: 41px;
}


/* header */
#logo {
    margin-bottom: 24px;
}

/* also used in footer */
p.contact-ph{
    padding: 0;
    margin: 0;
    font-size: 2em !important;
    font-weight: bold;
}

p.contact-ph span{
    float: left;
    background-image: url(images/phone.png);
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;  
    margin-top: -8px;
    margin-right: 10px;
}

p.contact-ph span:hover {
    background-position: 0 -35px;
}

p.contact-ph:hover{
    color: #808080;
}

#contact-info ul{
    margin: 0;
    padding: 0;
}

#contact-info ul li {
    float: left;
    margin-top: 16px;
    list-style: none;
    width: 74px;
    height: 60px;
    background-image: url(images/contact-bar.png);
    background-repeat: no-repeat;
}

#contact-info ul li.ph {
    background-position: 0 0;        
}

#contact-info ul li.eml {
    background-position: -74px 0; 
}

#contact-info ul li.ch {
    background-position: -148px 0;   
}

#contact-info ul li.ph:hover {
    background-position: 0 -60px;   
}

#contact-info ul li.eml:hover {
    background-position: -74px -60px; 
}

#contact-info ul li.ch:hover {
    background-position: -148px -60px;  
}


/* sub pages */
#wrapper {
    box-shadow: -1px 5px 5px #e5e5e5;
}

/*contact form*/
.contactform p{
    font-weight: bold;    
}

.contactform input[type="submit"] {
   background-image: url(images/contact-us-form-btn.png);
   background-repeat: no-repeat;
   height: 50px;
   width: 250px;  
   background-position: 0 0;
}

.contactform input[type="submit"]:hover {
   background-position: 0 -50px;
}

.contactform select,
.contactform input[type="text"],
.contactform input[type="password"],
.contactform area,
.contactform textarea {
    border-color: #d6d4b3;
    box-shadow: none;
 }

.contactform input[type="text"] {
    width: 420px;
}

.contactform .em {
   display: inline-block;
   background-image: url(images/contact-us-form-labels.png);
   background-repeat: no-repeat;
   height: 41px;
   width: 442px;  
   background-position: 0 0;
   position: relative;
   top: -22px;
   left: 8em;
}

.contactform .fm {
   display: inline-block;
   background-image: url(images/contact-us-form-labels.png);
   background-repeat: no-repeat;
   height: 41px;
   width: 442px;  
   background-position: 0 -41px;
     position: relative;
   top: -22px;
   left: 8em;
}

.contactform .ph {
   display: inline-block;
   background-image: url(images/contact-us-form-labels.png);
   background-repeat: no-repeat;
   height: 41px;
   width: 442px;  
   background-position: 0 -82px;
     position: relative;
   top: -22px;
   left: 8em;
}

.contactform .tw {
   display: inline-block;
   background-image: url(images/contact-us-form-labels.png);
   background-repeat: no-repeat;
   height: 41px;
   width: 442px;  
   background-position: 0 -123px;
     position: relative;
   top: -22px;
   left: 8em;
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px),
                  (max-width: 650px),
                  (max-width: 480px),
                  (max-width: 320px),
                  (max-width: 240px){
    
.home-widgets .widget-wrapper img {
            display: block;
            margin-top: 12px;
            margin-left: auto;
            margin-right: auto;
}

#home-pullout{
    display: none;
}

span.roll {
    background-image: none;
} 

#cha-menu-footer{
    background-image: none;  
}

#cha-bar-footer {
    display: none;                    
}

#footer-wrapper .widget-wrapper{
    padding-top: 0;
    background-color: transparent;
    border: none;
}

#footer-wrapper .widget-wrapper{
    background-color: #F9F9F9;
    border: 1px solid #E5E5E5;
    box-shadow: -1px 5px 5px #e5e5e5;
} 

#cha-search-footer .widget-wrapper{
    margin-bottom: 24px;
}

#footer-branding, #footer-logo{
	background-position:left;
}

.bwrap p{
	line-height:28px;
	}


/* image hover */
span.roll {
    background-image:none;
} 



} /* end media queries */


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


/* special header media queries */
@media screen and (max-width: 800px), (max-width: 650px), (max-width: 480px), (max-width: 320px), (max-width: 240px) {
    #contact-info {
        min-width: 300px;
        margin-top: 24px;
    } 
  
}


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



}

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

} 


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

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

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




/* sub-page styles */
.page-template-full-width-page-php #wrapper{
	border:none;
	border-radius: none;	
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	
}

.page-template-full-width-page-php .wpcf7 input[type=text]{
	width:50%;
}


.page-template-full-width-page-php .wpcf7 textarea{
	width:60%;
}


.wpcf7-email, .wpcf7-tel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border-color: #AAAAAA #AAAAAA #CCCCCC;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    margin: 0;
    outline: medium none;
    padding: 6px 8px;
    vertical-align: middle;
    width: 50%;
}

#home-charm{
	display:inline-block;
	float:right;
	background-image:url(images/home-symbol.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:48px;
	height:60px;
	margin-top:-18px;
}

#home-charm a{
	display:block;
	width:48px;
	height:60px;
	
	}