/*
Theme Name: PWS
Theme URI: http://tastypixels.com.au
Description: Bespoke responsive WordPress theme for Professional Wildlife Sounds.
Author: Ricki Coughlan - Tasty Pixels Web Design
Author URI: http://tastypixels.com.au
Version: 3.0
Tags: responsive, bootstrap, custom wordpress themes
*/

@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 

body
{
padding-top: 0px;
padding-bottom: 0px;
background: #FBF6F0;
font-family: 'Open Sans', sans-serif;
color: #65592C !important;
}

/***** TYPOGRAPHY *****/

h1
{
font-size: 28px;
font-weight: normal;
line-height: 1.3em;
color: #65592C;
}

h1.title-large
{
font-family: 'Cabin Sketch', cursive;
font-size: 38px !important;
color: #b1BE40 !important;
}

@media screen and (max-width: 768px) 
{
h1.title-large
{
font-size: 32px !important;
line-height: 1.2em !important;
}
}

h2
{
font-family: 'Cabin Sketch', cursive;
font-size: 26px !important;
font-weight: normal !important;
color: #8a9730 !important;
line-height: 1.3em !important;
}

h2.large-title
{
font-size: 38px !important;
line-height: 1.3em !important;
color: #8F5398 !important;
}

@media screen and (max-width: 768px) 
{
h2.large-title
{
font-size: 28px !important;
line-height: 1.3em !important;
}
}

@media screen and (max-width: 768px) 
{
h2.footer
{
line-height: 1.3em !important;
margin: 0px !important;
}
}

h2.medium-title
{
font-size: 32px !important;
text-align: center;
margin-bottom: 20px !important;
}

@media screen and (max-width: 768px) 
{
h2.medium-title
{
font-size: 26px !important;
line-height: 1.3em !important;
}
}

h3
{
font-family: 'Open Sans', sans-serif;
color: #8a9730 !important;
font-weight: normal !important;
margin: 5px 0px 10px 0px;
line-height: 1.3em;
font-size: 20px !important;
}

@media screen and (max-width: 768px) 
{
h3
{
line-height: 1.2em !important;
}
}

h3 em
{
color: #F6F7F8;
background: #8F5398;
border-radius: 4px;
padding: 3px;
font-style: normal;
}

h4
{
font-size: 18px;
font-weight: normal;
line-height: 1.5em;
color: #b1be40 !important;
}

@media screen and (max-width: 768px) 
{
h4
{
line-height: 1.4em !important;
}
}

h5
{
font-size: 14px;
font-weight: normal;
line-height: 1.5em;
color: #555;
background: #F4E7D6;
border-radius: 4px;
padding: 5px 5px 5px 5px;
}

.box-text
{
text-align: center !important;
}

p
{
font-size: 15px;
line-height: 1.5em !important;
}

p.product
{
margin-bottom: 20px !important;
}

p.feature-text
{
text-align: center;
color: #BA642C !important;
}

p strong
{
font-size: 16px !important;
font-weight: normal !important;
color: #8a9730;
line-height: 1.5em;
}

p.caption
{
margin: 0px 0px 20px 0px;
}

p.mail
{
padding: 0px 0px 0px 22px;
background: url(img/mail-bt-bg.png) left center no-repeat;
}

p.mobile
{
padding: 0px 0px 0px 18px;
background: url(img/mobile-bt-bg.png) left center no-repeat;
}

p.location-firstline
{
padding: 0px 0px 0px 18px;
margin-bottom: 3px;
background: url(img/location-bg.png) left center no-repeat;
}

p.location-nextline
{
padding: 0px 0px 0px 18px;
}

.box-title
{
text-align: center !important;
color: #8F5398 !important;
}

@media screen and (max-width: 768px) 
{
.box-title
{
line-height: 1.2em !important;
}
}

blockquote 
{
font-family: 'PT Sans', sans-serif;
clear: none;
float: right;
font-size: 15px;
font-weight: normal;
color: #65592C;
margin: 0px 0px 30px 15px;
padding: 0px 0px 30px 30px;
line-height: 1.7em;
background: url(img/blockquote-bg.png) top left no-repeat;
border: none;
border-bottom: 3px solid #E0D9C9;
}

blockquote p
{
line-height: 1.3em;
margin-bottom: 15px;
}

/***** NAVIGATION *****/

.navbar-inner
{
background: #b1be40 !important;
border-bottom: 1px solid #b1be40 !important;
box-shadow: none !important;
}

.navbar .nav > li > a 
{
color: #FFF !important;
text-shadow: none;
}

.navbar .nav > li > a:hover 
{
color: #FFF !important;
background: #8a9730 !important;
border-bottom: none !important;
text-shadow: none !important;
}

.current_page_item
{
background: #8a9730 !important;
}

.nav .current_page_item
{
background: #8a9730 !important;
}

.nav .current_page_item a
{
text-shadow: none !important;
}

.brand
{
background: url(img/home-icon.png);
background-repeat: no-repeat;
background-position: 2px 8px;
margin-left: 0px !important;
padding: 20px 20px 20px 10px !important;
}

.brand:hover
{
background: #8a9730 url(img/home-icon.png);
background-position: 2px 8px;
background-repeat: no-repeat;
}

/***** BANNER *****/

#logo-banner
{
clear: both;
width: 100%;
margin: 41px 0px 0px 0px;
padding: 25px 0px 0px 0px;
background: #b1be40;
height: 120px;
}

/* removes unwanted space beneath the nav bar */
@media screen and (max-width: 1024px) 
{
#logo-banner
{
height: 120px;
}
}

/* removes unwanted space beneath the nav bar */
@media screen and (max-width: 768px) 
{
#logo-banner
{
margin-top: -20px; !important;
height: 110px;
}
}

#logo-wrapper
{
margin: 0px auto;
width: 364px;
}

@media screen and (max-width: 1024px) 
{
#logo-wrapper
{
width: 500px !important;
}
}

@media screen and (max-width: 768px) 
{
#logo-wrapper
{
width: 250px !important;
}
}

/**** SLIDER CONTENT ****/

#slider-wrapper 
{
width: 100%;
position: relative;
overflow: hidden;
margin: 0px auto 0px auto;
background: #b1be40;
}

#slider-wrapper-page 
{
width: 100%;
position: relative;
overflow: hidden;
margin: 0px auto 40px auto;
background: #b1be40;
}

/* BUTTONS ON SLIDERS */
.slider-button
{
font-size: 20px;
color: #1FA0D8 !important;
background: #FFF;
text-decoration: none !important;
padding: 5px;
border-radius: 6px;
}

.slider-button:hover
{
color: #FFF !important;
background: #1FA0D8 !important;
}

/***** BODY CONTENT *****/

#page-top
{
width: 100%;
margin-bottom: 10px;
}

#sidebar-top
{
width: 100%;
margin-bottom: 20px;
}

/* use ths to centre objects */
.center-block
{
margin-top: 15px;
}

/* home page images */
#infobox-image
{
border: 4px solid #C8AACC;
border-radius: 4px;
transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-webkit-transition: .1s ease-in-out;
}

#infobox-image:hover
{
border: 4px solid #9C66AA;
border-radius: 4px;
transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-webkit-transition: .1s ease-in-out;
}

/***** SIDEBAR *****/

/* wraps each div on the sidebar */
#sidebar-wrap
{
clear: both;
width: 75%;
margin: 0px 0px 20px 0px;
padding: 10px 10px 0px 10px;
border-radius: 4px;
background: #F4E7D6;
}

/* resets wrapper so that .img-responsive reduces logo to container width */
@media screen and (max-width: 985px) 
{
#sidebar-wrap
{
width: 95% !important;
}
}

/* resets wrapper so that .img-responsive reduces logo to container width */
@media screen and (max-width: 768px) 
{
#sidebar-wrap
{
width: 93% !important;
}
}

#sidebar-wrap h2
{
font-family: 'PT Sans', sans-serif;
font-size: 18px !important;
font-weight: bold;
line-height: 1em;
text-align: center;
margin: 0px 0px 5px 0px;
}

#sidebar-wrap p
{
text-align: center;
line-height: 1.5em;
}

#sidebar-image
{
width: 100%;
margin-bottom: 10px;
}

#sidebar-wrap .btn-default,
#sidebar-wrap .btn-default:hover
{
margin-bottom: 10px;
}

/***** FOOTER *****/

#footer-line
{
clear: both;
width: 100%;
margin-top: 30px;
border-bottom: 1px solid #DFB689;
}

#top-footer-wrap
{
clear: both;
width: 100%;
margin-top: 0px;
padding: 10px 0px 20px 0px;
background: #F4E7D6;
border-top: 1px solid #FFF;
}

footer
{
margin: 0px;
padding: 20px 0px 20px 0px;
background: #464F54;
}

@media screen and (max-width: 768px) 
{
footer
{
padding: 20px 10px; !important;
}
}

#top-footer-wrap>.container
{
padding: 0px 20px 0px 20px !important;
}

.bottom-footer-text
{
text-align: center;
color: #F6F7F8;
}

/***** LINKS *****/

a 
{
color: #b1be40;
text-decoration: none;
border-bottom: 1px dotted #b1be40;
}

a:hover
{
color: #b1be40 !important;
text-decoration: none !important;
border-bottom: 1px solid #b1be40 !important;
}

a:focus
{
color: #8a9730 !important;
text-decoration: none !important;
border-bottom: 1px solid #8a9730 !important;
}

h4 a 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted #FFF;
}

h4 a:hover
{
color: #FFF !important;
text-decoration: none !important;
border-bottom: 1px solid #FFF !important;
}

.navbar-inner a
{
border-bottom: none !important;
}

#top-footer-wrap a
{
color: #8a9730;
text-decoration: none;
border-bottom: 1px dotted #8a9730;
}

#top-footer-wrap a:hover
{
color: #F4E7D6 !important;
text-decoration: none;
background: #8a9730;
border-bottom: 1px solid #8a9730;
}

footer a 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted #FFF;
}

footer a:hover
{
color: #FFF !important;
text-decoration: none;
border-bottom: 1px solid #FFF !important;
}

#logo-banner a
{
color: #FFF;
}

.button
{
border-bottom: none !important;
}

.button:hover
{
text-decoration: none !important;
border-bottom: none !important;
}

.no-line
{
text-decoration: none !important;
border-bottom: none !important;
}

.no-line:hover
{
text-decoration: none !important;
border-bottom: none !important;
}

/****** BUTTONS ******/

.btn-default
{
color: #fff !important;
text-shadow: none !important;
border: none !important;
line-height: 1em;
padding: 8px 25px 12px 25px;
border-radius: 6px;
margin: 40px 0 !important;
background: #b1be40;
transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-webkit-transition: .1s ease-in-out;
}

.btn-default:hover
{
color: #fff !important;
background: #8a9730;
transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-webkit-transition: .1s ease-in-out;
border-bottom: none !important;
text-decoration: none !important;
}

p.bt 
{
margin: 20px 0 !important;
}

/****** FIXES FOR WIDGETS PLUG-IN *****/

/* removes bullets from widgets */
div.widgets_on_page li 
{
list-style:none !important;
background:none !important;
}

div.widgets_on_page ul 
{
margin-left: 0px !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
}

/****** WORDPRESS IMAGES CSS ******/

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


.alignleft 
{
float: left;
margin: 8px 15px 10px 0px;
}

.alignright 
{
float: right;
margin: 8px 0px 10px 15px;
}

.wp-caption 
{
margin-bottom: 10px;
padding-top: 4px;
text-align: center;
background-color: #E6E4DA;
}

.wp-caption img 
{
float: none;
margin: 0px;
padding: 0px;
border: none;
}

.wp-caption p.wp-caption-text 
{
font-size: 11px;
line-height: 1.5em;
text-align: center;
padding: 3px 5px;
margin: 0px;
}

img a
{
border: none !important;
text-decoration: none;
}

.lightbox 
{
float: left;
overflow: hidden;
border-bottom: none !important;
}

.lightbox:hover 
{
border-bottom: none !important;
}

/* holds embedded iframe code */
.vid {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

iframe
{
border: none;
}

/****** LISTS ******/

ol 
{
margin-left: 0px;
padding-right: 0px;
list-style: none;
}

ol li
{
counter-increment: step-counter;
}

ol li::before 
{
content: counter(step-counter);
margin-right: 5px;
font-size: 80%;
background-color: rgb(129,182,72);
color: white;
padding: 3px 8px;
border-radius: 20px 20px 20px 20px;
line-height: 2.5em;
}

.row ul 
{
list-style: none;
padding: 0px;
margin: 0px 0px 15px 0px;
}

.row ul li 
{ 
padding-left: 0em; 

}

.row ul li:before 
{
content: "";
position: relative;
left: 0px;
background-color: #8F5398;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: .5em;
}

/****** PRELOAD IMAGES ******/

#preloader1
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/home-icon-hover.png) no-repeat -9999px -9999px;
}

#preloader2
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/mail-bt-bg-hover.png) no-repeat -9999px -9999px;
}

#preloader3
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/feature-more-bt-bg-hover.png) no-repeat -9999px -9999px;
}

#preloader4
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/facebook-hover.png) no-repeat -9999px -9999px;
}

/****** WORDPRESS IMAGES CSS ******/

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


.alignleft 
{
float: left;
margin: 15px 15px 10px 0px !important;
}

.alignright 
{
float: right;
margin: 8px 0px 10px 15px;
}

.wp-caption 
{
margin-bottom: 10px;
padding-top: 4px;
text-align: center;
background-color: #E6E4DA;
}

.wp-caption img 
{
float: none;
margin: 0px;
padding: 0px;
border: none;
}

.wp-caption p.wp-caption-text 
{
font-size: 11px;
line-height: 1.5em;
text-align: center;
padding: 3px 5px;
margin: 0px;
}

img a
{
border: none !important;
text-decoration: none;
}