/*--
	Theme Name: Theme1721 Child
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.1+ from Template-Help.com Collection
	Author: Template_Help.com 
	Template: theme1721
	Author URL: http://www.Template-Help.com/
--*/
@import url(css/320.css);
@import url(css/480.css);
@import url(css/768.css);
@import url(css/flexslider.css);
@import url(css/normalize.css);
@import url(http://www.affordableprivateinvestigators.com.au/wp-content/themes/theme1721_child/prettyPhoto.css);
@import url(css/skeleton.css);
@import url(css/touchTouch.css);

.logo {
    height: 109px;
    padding: 5px 0px 0px;
}
body .sf-menu li {
  font: 400 13px/18px 'Lato', sans-serif;
  width: 100%;
  max-width: 105px;
}
body .sf-menu li a{
	padding: 80px 0 16px;
    text-align: center;
}
body .logo{
	max-width: auto;
	width: 310px;
	background: #03658C;
}
body #logo-footer{
	background: #E0B4A9;
  	padding: 8px 10px;
  	margin: 0px 0 10px -12px;
}
body .logo img {
  max-width: 97%;
  height: auto;
}
body .header-slogan{
	color: #000;
}
body .header-text #sidebar{
	padding: 0;
	margin: 0;
}
body .header-text #sidebar h2 {
   /* color: #d2371c; */
color: #03658C;
    font: 400 16px/24px "Lato",sans-serif;
    letter-spacing: 1px;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
body .clear{
	clear: both;
}
body a {
    color: #D2371C;
}
body h3 a {
    color: #D2371C;
    text-decoration: none;
}
body  ul.checklist li {
  background: url("images/bg-checklist.png") 0 6px no-repeat;
    list-style-type: none;
    margin: 0;
    padding: 6px 0 6px 25px;
    vertical-align: top;
}
body #widget-footer #sidebar{
	padding: 0;
	list-style: none;
}
body li.widget{
	background: none;
	padding: 0;
	margin: 0;
}
body .phone{
	background: url("images/phone-icon.png") left center no-repeat;
	padding: 0 0 0 35px;
}
body .email{
	background: url("images/email-icon.png") left center no-repeat;
	padding: 0 0 0 35px;	
}
body #footer-text {
    color: #4e4e4e;
    margin-top: -150px;
}
body #footer h5{
	font: 700 17px/20px 'Lato', sans-serif;
  	color: #2e2220;
}
body #searchform .submit{
	margin-top: 10px;
}
body input[type="text"], input[type="email"], textarea {
    background: #eceae9;
    padding: 6px 0 6px 5px;
}
body #widget-footer input[type="email"]{
	background: #fff;
}
body .mc4wp-form input:placeholder {
    color: #aaa !important;
}
body .top-box h2 {
	font: 300 19px/18px "Lato",sans-serif;
}

/*Our services sidebar*/
body li.current_page_item a{
	color: #d2371c;
}

/*Slider*/
body .flex-caption{
	  background: rgba(255, 255, 255, 0.55);
}
body .flex-caption h1 {
  font: 300 25px/50px 'Lato', sans-serif;
  text-transform: uppercase;
}
body .flex-caption h1 strong {
  font-weight: 300;
  line-height: 34px;
}
body .flex-caption p{
	font-size: 13px;
}

.welcome-text {
    text-align: justify;
}

/* Sub Menu split in  2 column */
.sf-menu ul {
    width: 360px;
background: #03658C;
}
body .sf-menu li ul li {
    max-width: 155px;
    text-align: center;
    margin: 8px 12px;
}
body .sub-menu-columns ul li {
    display: inline-block;
    float: left;
    width: 100%;
    max-width: 160px;
}
body .sub-menu-columns ul li:nth-child(odd) {
    float: left;
}
body .sub-menu-columns ul li:nth-child(even) {
    float: right;
}

.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.current-menu-item li a{
    margin: 0px 0px;
color: #FFFFFF;
}

body .sf-menu li li a:hover, 
body .sf-menu li li.sfHover a, 
body .sf-menu li li.current-menu-item a {
    color: #000;
}


/** Responsive **/
@media (max-width: 640px){
	body .logo{
		width: 100%;
	}
	body .logo img{
		width: 95%;
	}
	body .flexslider-holder{
		height: auto;
	}
	body #footer-text{
		margin-top: 0;
	}
	body #logo-footer{
	margin: 6px 0 10px;
    width: 94%;
	}
	body img.alignright {
    	float: none;
	}
.logo {
    height: 160px;
}
}
@media (min-width: 641px) and (max-width: 767px){
	body .logo{
		width: 100%;
	}
	body .logo img{
		width: 95%;
	}
	body img.alignright {
    	float: none;
	}
.logo {
    height: 160px;
}
}

@media (min-width: 768px) and (max-width: 995px){
	body .sf-menu li {
	    font: 400 9px/18px "Lato",sans-serif;
	    max-width: 73px;
	    width: 100%;
	}
	body #logo-footer {
	    background: #e0b4a9 none repeat scroll 0 0;
	    margin: 6px 0 10px 0px;
	    padding: 8px 10px;
	    width: 90%;	
	}
	body .top-box h2 {
    	font: 300 18px/18px "Lato",sans-serif;
	}
body.home .top-box h2 {
    min-height: 40px;
}

}

@media (min-width: 996px) and (max-width: 1024px){
	body .sf-menu li {
	    font: 400 13px/18px "Lato",sans-serif;
	    max-width: 105px;
	    width: 100%;
	}
}