/*
 ----------------------------- 
 PVII Layout Builder Magic
 by Project Seven Development
 www.projectseven.com
 Custom Styles
 -----------------------------
*/

/*
***************************************************
Font Families: You may edit the font-family values,
BUT DO NOT REMOVE OR RENAME THE 4 RULES BELOW
***************************************************
*/
.lbm-stack-sans {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;}
.lbm-stack-serif {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.lbm-stack-thin {font-family: Lato, "Gill Sans", Optima, sans-serif; font-weight: 300;}
.lbm-stack-fancy {font-family: Federo, "Gill Sans", Optima, sans-serif;}


h1, h2, h3, h4, h5 {
	font-weight: normal;
}
/*h1 decreased font size to 170% from 200% - BA*/
h1 {font-size: 170%;}
/* h2 was 170%*/
h2 {font-size: 115%;}

/*h3 was 155%*/
h3 {font-size: 80%;}
/*change h4 and h5 later, if need. am using h5 as is in BirdsA-Z*/
h4 {font-size: 135%;}
h5 {font-size: 125%;}

.scalable-rounded {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
}
.scalable-fancy {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.65);
}
/* smaller bigg, medium bigg - BA*/

.biggsm {
	font-size: 120%;
}
.biggmed {
	font-size: 150%;
}
.bigg {
	font-size: 180%;
}
.bigg strong {
	font-weight: 400;
}

/* For titles that don't fit space*/
.titlesm {
	font-size: 90%
}

/*MY FONT SIZES*/

/*Font size for photo credits - BA*/
.photo-credit {font-size: 75%;}

/*Font size for photo credits on lvl 2 pages - BA
.photo-creditsm {font-size: 65%;}
*/

/*Font size for photo credits on lvl 2 pages - take2 - BA
.photo-credit-sm {font-size: 65%;}
*/

/*Font size for photo credits on lvl 2 pages - take3 - BA*/
.photo-credsm {font-size: 65%;}

/*Font size for order, family - BA*/
.ord-fam {font-size: 95%}

/*BULLETS FOR LISTS*/

/*List with no bullets - BA*/
.nobull {list-style-type: none;}

/*Bullet outside list, text not wrapping under, no indent*/
ul.a {
	list-style-position: outside;
	padding-left: 0;
	}

/*Bullet outside list, text not wrapping under, no indent, margin so align with text*/
ul.b {
	list-style-position: outside;
	padding-left: 0;
	margin-left: 1em;
	}

/*PADDING*/

/*No padding at top - BA*/
.top-align {padding-top: 0px;}

/*Padding for ID tips section div - BA*/
.id-pad {padding: 0px 5px 0px 20px}

/*Padding for blurb top of lvl 1 pgs - BA*/
.blurb-pad {padding: 0px 20px 0px 20px}

/*No padding on left - for ads - BA*/
p.a {padding-left: 0;}

/*No padding on all sides for ads in divs or spans - take 2 - BA*/
.no-pad {padding: 0;}

/*Padding for home page - top divs*/
.home-pad {padding: 10px 15px 5px 15px}

/*Padding for line between products*/
.line-pad {padding: 10px 0px 10px 7px}

/*Padding for product descrip cols*/
.prod-pad {padding: 0px 0px 0px 3px}

/*Padding for product Related cols*/
.rel-pad {padding: 0px 0px 20px 3px}

/*Padding for product subheadings*/
.subhead-pad {padding: 0px 0px 0px 20px}

/*Padding for order-family on lvl 2 pages*/
.fam-pad {padding: 1px!important}


/*BORDERS AND COLORS*/

/*Border around image - BA */
.imgframe
    {border:1px solid #000;}

/*Gray color for matting around photos*/
.img-mat {background-color: #959595;}

/*Lighter gray-silver color for matting around photos lvl 2 pgs
.img-mat2 {background-color: #9E9E9E;}
*/

/*White color for Order/Family div*/
.of-color {color: #FFFFFF;}

/*Color for out of stock*/
.out-color {color: #CC3366;}

/*Color for affiliate declaration*/
.aff-color {color:dodgerblue}

/*Center align text*/
.align-center {text-align: center;}

/*Left align text*/
.align-left {text-align: left;}


/*LINK COLORS*/

/* Link before clicked - BA*/
a:link {
  color: #004B91;
  }

/* Visited link - BA*/
a:visited {
  color: #663333;
}

/*
Link Styles
Assign one of the following classes to
Text Links on your page
*/
.text-link-light {
	color: #EEE;
	border-bottom: 1px dotted;
}
.text-link-dark {
	color: #000;
	border-bottom: 1px dotted;
}
.text-link-dark:hover, .text-link-light:hover {
	border-bottom: 1px solid;
}
.text-link-dark, .text-link-light {
	text-decoration: none;
}

/*added by BA for links on home page*/

.text-link-white {
	color: #FFF !important;
	text-decoration: none !important;
	font-weight: 500 ;
}

/*Media Queries*/

@media only screen and (min-width: 767px) and (max-width: 1100px) {
body {font-size: 85%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

body {font-size: 80%;}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {

body {font-size: 80%;}
}