/* @override 
	http://tfc.techgringo.com.au/wp-content/themes/template_child/style.css?ver=3.5.1 */

/*
Theme Name:     TFC Child Theme
Theme URI:      http://techgringo.com.au/
Description:    Child theme for Definition by WooThemes 
Author:         Tim Moule
Author URI:     http://techgringo.com.au
Template:       definition
Version:        0.1.0
*/

@import url("../definition/style.css");
@import url(http://fonts.googleapis.com/css?family=Viga);
@import url(http://fonts.googleapis.com/css?family=Alegreya:400,900);

  
 
  /* 1. TYPOGRAPHY*/
  
  /*1.1 hyperlinks*/
  
  p {
  	color: #535659;
  }
  
  a {
    color: #74787D;
    text-decoration: none;
  }
  
  a:hover {
  	color: #74787D;
  }
  
  .entry ul li {
    color: #888383;
  }
  
  a img:hover {
    opacity: 1;
  }
  
  /*2. BUTTONS*/
  
  
  
  /*4. PAGE*/
  
  
  
  /*5. HEADER*/
  
  
  #header .col-full  {
    max-width: 82.998em;
    margin: 0 auto;
    width: 100%;
  }
  
  #header {
    margin: 0 -1.618em;
    padding: 1em 1.618em;
    height: 130px; 
    
/*    background: #f5f5f5 url('/../../images/bg-circle.png') repeat left top;*/
  	
     
    border-bottom: 0px;
	background: #3a6db2;
}

.page-template-default #header   {
  margin: 0 -1.618em;
  padding: 1em 1.618em;
  height: 140px;
  
 border-bottom: 3px solid #FFD247;
}

#header #searchform {
  border: none;
  display: none;
}
  
  /*5.1 logo*/
  
  #header #logo {
    float: left;
    margin: 0.5em 2.618em 0em 0;
	position: absolute;
	
}

#phone-number {
margin: 5px 0px;
	clear: both;
	float: right;
	display: inline;
	visibility: visible;
}

  
  /*5.2 nav*/
  
  #navigation {
    clear: both;
    display: none;
    margin: 0 0 0.857em;
  }
  
  #header #navigation {
    float: right;
    width: auto;
    clear: none;
  }
  
  
  #top {
    background: #1B355A;
    margin: 0 -1.618em;
    padding: 0 1.618em;
  /*  border-bottom: 1px solid #FFD247;*/
	  
	-moz-box-shadow: 2px 2px 10px #b07676;
  -webkit-box-shadow: 2px 2px 10px #b07676;
  box-shadow: 2px 2px 10px #b07676;
}
  
  #top #top-nav {
  width: 85%;
  margin-left: 5%;
    display: block;
    
      }
  
  
  /* TOP NAVIGATION */
  
  ul.nav li a {
    display: block;
    color: #fff!important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  
#top ul.nav > li > a:hover {
	/*color: #FFD247!important;*/
}

  
 #top ul.nav li.current_page_item > a,
 #top ul.nav li.current_page_parent > a,
 #top ul.nav li.current-menu-ancestor > a,
 #top ul.nav li.current-cat > a,
 #top ul.nav li.li.current-menu-item > a {
   text-decoration: none;
   background-color: #3A6DB2;
   color: #FFD247!important;
}
  
  #top #top-nav {
    display: block;
  }
  #top ul.nav {
  	font-size: .85em;
	  font-weight: bold;
  }
  #top ul.nav > li > a {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #top ul.nav > li > a:hover {
    background: #3A6DB2;
    text-decoration: none;
    }
  
  #top ul.nav > li:hover > a {
    background: #3A6DB2;
  }
  #top ul.nav li a {
    text-decoration: none;
    padding: .5em 1em;
  }
  

  
  
  /*5. SLIDER*/
   
   .slide-content p {
   	color: #eff4f9;
   	text-shadow: 0 -1px 2px #1b355a;
	   font-size: 13px;
	   margin-bottom: 1.3em;
   }
   
    .slide-content h1 {
		color: #eff4f9;
		text-shadow: 0 -1px 2px #1b355a;
		font-weight: bold;
		font-size: 35px;
		font-family: 'Viga', sans-serif;
		margin-bottom: 0.2em;
	}
   
   
   #featured {
     margin: 0 -1.618em;
     padding: 0.618em 1.618em 1.618em 1.618em;
   /* background: -moz-linear-gradient(0deg, #93b8ea 2.2%, #82ade8 18%, #75a0e8 94.3%, #7daae4 98.4%) repeat left top, #82ade8;
    background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.022, #93b8ea), color-stop(0.18, #82ade8), color-stop(0.943, #75a0e8), color-stop(0.984, #7daae4)) repeat left top, #82ade8;  */
    
    border-bottom: 3px solid #FFD247;
	background-color: #3a6db2;
}

 #featured.fade {
   padding: 0.631em 1.618em 1.874em;padding-top: 25px;
 }
 
 #featured .slide-media img {
   max-width: 100%;
   width: 100%;
   -moz-box-shadow: 0 1px 10px #1B355A;
   -webkit-box-shadow: 0 1px 10px #1B355A;
   box-shadow: 0 1px 10px #1B355A;
}

  
   
  /*6. FEATURED AREA*/
    
  
    
  /*7. FRONT PAGE CONTENT*/
  
  #content {
    padding: 2.2em 0;
    min-height: 500px;				
}		 			
   
    #frontpage-content h1 {
    max-width: 890px;
    margin: 0em auto;
    	color: #3a6db2;
		font: bold 32px 'Viga', serif;
		text-shadow: 0 1px 3px #c9c8c8;
		text-align: center;
	}
 
 
    #frontpage-content {
    max-width: 960px;
    margin: auto;	
    }
    
    .frontpage-row {
    	max-width: 850px;
    	margin: 3em auto 5em;
    }
    
    .frontpage-row img {
    	margin: 10px 40px;
    	border: 0px solid #EFF4F9;
		-moz-box-shadow: 1px 1px 10px #d4d7db;
		-webkit-box-shadow: 1px 1px 10px #d4d7db;
		box-shadow: 1px 1px 10px #d4d7db;
	}
    
    
    
    
   #google-maps {
   margin: 0em 0em ;
   /*	max-width: 880px;
   	margin: 0px auto;*/
   } 
   
   #google-maps small {
	display: none;
   } 

#google-maps-iframe {
	max-wid	th: 600px;
	float: left;
	clear: both;
}

   #google-maps iframe {
   margin: 0px 0px;
   	-moz-box-shadow: 1px 1px 10px #d4d7db;
   	-webkit-box-shadow: 1px 1px 10px #d4d7db;
   	box-shadow: 1px 1px 10px #d4d7db;
	   clear: left;
   }   
   
   #google-maps-words {
   background: #eff4f9;
    width: 320px;
   	margin: 10px 0px;
   	float: right;
   	clear: right;
   }
   
   #google-maps-words h3 {
   margin: 0.4em 0 0em 0.6em;
   	font: 24px 'Viga', sans-serif;
	   color: #3a6db2;
   }
   
   #google-maps-words p {
   	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
   	margin-left: 1.5em;
	   text-align: left;
   }
   
   #google-maps-words a {
   	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
   	   text-align: left;
   }
  
  #street-view {
  background: #eff4f9;
   max-width: 960px;
  	margin: 10px 0px;
  	float: left;
  	clear: both;
  	-moz-box-shadow: 1px 1px 10px #d4d7db;
  	-webkit-box-shadow: 1px 1px 10px #d4d7db;
  	box-shadow: 1px 1px 10px #d4d7db;
  	
  }
 
    .mobile-contact-button,.mobile-contact a {
    display: none;
    	max-width: 250px;
    	padding: 0.8em 0.5em;
    	margin: 0.5em auto;
    	text-align: center;
    	background-color: #8cc01d;
    	font: 22px Viga, serif;
    	-webkit-border-radius: 6px;
    	 border-radius: 6px;
    	box-shadow: 2px 2px 1px #bebebe;
  }
  

  .mobile-contact { background: #3a6db2;margin: 0 -1.618em;}
  .mobile-contact a { margin: 0 auto; text-decoration: none; color: #fff;}
	
	 .mobile-contact-button a {
	 	color: #ffffff;
	 	text-shadow: 0 -1px 1px #818181;
	 }
	 
	  .mobile-contact-button a:hover {
	  	text-decoration: none;
	  }
 	
  
  /*8. PAGES*/
  
  /*8.1 general*/
  
  /*8.2 blog */
  
  
  
  
  /*9. FOOTER*/
  
  
  #footer {
    margin: 0 -1.618em;
    padding: 4.618em 1.618em 0.8em;
    border-top: 0px dotted #e6e6e6;
    color: #afafaf;
    background: #ffffff;
}
  
    
    /* WordPress Stats Smiley Face BE GONE! */
    img#wpstats {
         display: none;
    }
   
    /* Added by Forerunner */
    
    @media screen and (max-width: 900px){    #phone-number {    	display: none;    }  }
    .clearfix {overflow: auto;}
    .clearfix::after {content: ""; clear: both; display: table;}
   
    /* Added by Forerunner - END */
    
    @media screen and (max-width: 775px){
    
    #top #top-nav {
    	display: none;
    }
    
    .nav-toggle {
    	display: none;
    }
        
    #frontpage-content h1 {
    max-width: 650px;
    margin: 0em auto 1em;
    	color: #3a6db2;
    	font: bold 34px 'Alegreya', serif;
    	text-shadow: 0 1px 3px #c9c8c8;
	}
    
    .frontpage-row {
    	max-width: 300px;
    	margin: 3em auto 5em;
    }
    
    
    .frontpage-row img {
    max-width: 220px;
    margin-top: 10px;
    margin-right: 5%;	
    }
    
    #google-maps {
    	width: 350px;
    	margin: 0px auto;
    	}
    
    #google-maps iframe {
    width: 350px;
    margin: 0px;
    	-moz-box-shadow: 1px 1px 10px #d4d7db;
    	-webkit-box-shadow: 1px 1px 10px #d4d7db;
    	box-shadow: 1px 1px 10px #d4d7db; 
    }
 
 #google-maps-words {
 background: #eff4f9;
  width: 350px;
 	margin: 10px 0px;
 	
 }
    
    }
    
    
    
    
     
    
    /* iPads (portrait and landscape) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) {
   

   
    .frontpage-row img {
    width: 225px;
    margin: 0px 30%;	
    }
    }
    
  @media screen
  and (max-width: 720px)
  {
  
        .mobile-contact-button,.mobile-contact a {
        	display: block;
        }

        .page-template-default .mobile-contact {

          padding-bottom: 10px;
              border-bottom: 3px solid #FFD247;}

              .page-template-default #header {border:0;}
 }