/*
Theme Name: Bill's Package Store Theme
Theme URI: http://billspackagestore.com
Description: This is a custom WordPress website designed and developed by Thrive Creative Group, LLC for WordPress v. 4.0
Author: Thrive Creative Group, LLC.
Author URI: http://thinkthrive.com
Version: 1.0
*/
@font-face {
  font-family: 'Lato';
  font-display: auto;
  src: local('Lato'), url(https://billspackagestorec7d56e.zapwp.com/m:0/a:https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
}

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 'Lato', sans-serif; color: #000000; font-weight: 400 }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

.page-wrap { width: 960px; margin: 0 auto}

h1, h2, h3 { margin: 0 0 10px 0; font-family: "cooper-black-std",sans-serif;font-style: normal;font-weight: 400;}
h1 {font-size: 32px}
h2 {font-size: 28px}
h3 {font-size: 24px}

h2.page-title {width: 100%; padding: 40px 0 30px; border-bottom: 1px solid #000000; text-align: center; text-transform: uppercase}

p { margin: 0 0 10px 0; }
a { color: #9d1224; text-decoration: underline}
a:hover { text-decoration: none}
a img {border: none}

blockquote { }
blockquote p { }

.one_half {width: 45% !important}
.last_column {float: right !important}

ul, ol { margin: 0 0 10px 0; }

img {max-width: 100%; height: auto}
a img {border: none}
a img:hover {border: none}
img.alignright, .alignright {float:right; margin:0.5em 0 1em 1em}
img.alignleft, .alignleft {float:left; margin:0.5em 1em 1em 0;}
img.aligncenter, .aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption {background: #e7e7e7}
.wp-caption p.wp-caption-text {font-size: 10px; text-align: center; padding: 5px 5px 10px 5px; margin: 0}

header {background: #b12026; /* Old browsers */
background: -moz-linear-gradient(top,  #b12026 0%, #841014 40%, #841014 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b12026), color-stop(40%,#841014), color-stop(100%,#841014)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b12026 0%,#841014 40%,#841014 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b12026 0%,#841014 40%,#841014 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b12026 0%,#841014 40%,#841014 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b12026 0%,#841014 40%,#841014 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b12026', endColorstr='#841014',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b12026', endColorstr='#841014',GradientType=0 ); /* IE6-9 */
padding: 40px 0 15px;
border-bottom: 7px solid #000000;
}

header a#logo {margin: -20px 0 0 0; width: 300px; height: 103px; display: block; float: left; text-indent: -99999px; background: url('images/bills-package-store-logo-web.png') no-repeat}
header a#logo:hover {opacity: 0.80}
header h2#phone-number { text-shadow: 1px 1px 3px #000; padding: 0 8px 0 0; color: #ffffff; float: right; font-size: 32px; font-family: 'Lato', sans-serif; }
header h2#phone-number a {color: #ffffff; text-decoration: none}
header ul#header-sm {float: right; list-style-type: none; width: 140px; height: 38px; padding: 7px 0 0 0; margin: 0 0 0 15px;}
header ul#header-sm li {margin: 0 0 0 10px; display: block; float: left; display: block;}
header ul#header-sm li a {display: block; /*float: right;*/ text-indent: -99999px}
header ul#header-sm li a:hover {opacity: 0.80}
/* header ul#header-sm li a.gplus {width: 36px; height: 38px; background: url('images/header-gplus.png')}
header ul#header-sm li a.facebook {width: 36px; height: 38px; background: url('images/header-facebook.png')}
header ul#header-sm li a.twitter {width: 38px; height: 38px; background: url('images/header-twitter.png')}
header ul#header-sm li a.pinterest {width: 36px; height: 38px; background: url('images/header-pinterest.png')} */

header ul#header-sm li a.gplus {width: 30px; height: 30px; margin: 0 0.15em; background: url('images/svg/google-plus-white.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center;}
header ul#header-sm li a.facebook {width: 30px; height: 30px; margin: 0 0.15em; background: url('images/svg/facebook-white.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center;}
header ul#header-sm li a.pinterest {width: 30px; height: 30px; margin: 0 0.15em; background: url('images/svg/pinterest-white.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center;}
header ul#header-sm li a.twitter {width: 30px; height: 30px; margin: 0 0.15em; background: url('images/svg/twitter-white.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center;}
header ul#header-sm li a.instagram {width: 30px; height: 30px; margin: 0 0.15em; background: url('images/svg/instagram-white.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center;}

header nav { float: right; clear: right}
header nav ul {list-style-type: none; float: left}
header nav ul li {font-family: 'Lato', sans-serif; font-size: 18px; text-shadow: 1px 1px 3px #000; float: left; position: relative}
header nav ul li:hover ul {color: #000000}
header nav ul li:hover {color: #000000}
header nav ul li a {font-weight: 400; text-decoration: none; display: block; padding: 0 0 15px 30px; color: #ffffff; }
header nav ul li a:hover {color: #000000}
header nav ul li ul {z-index: 9999999; display: none; position: absolute; top: 30px; left: 30px; width: 150px; background: #ffffff; border: 1px solid #cccccc}
header nav ul li:hover ul {display: block}
header nav ul li ul li {text-shadow: none; font-family: "cooper-black-std",sans-serif; font-weight: 400; font-size: 14px}
header nav ul li ul li a {padding: 10px 15px; width: 120px; border-bottom: 1px solid #cccccc; color: #000000; background: #ffffff}
header nav ul li ul li a:hover {transition: background-color 0.5s ease; background-color: #981a22; color: #ffffff}
nav ul {margin: 0}

#homepage .homepage-slider-wrap {margin: 32px auto; padding: 10px; border: 1px solid #cccccc}
#homepage .responsive-slider.flexslider {max-width: 940px; margin: 0 auto; margin-bottom: 0 !important}
#homepage .responsive-slider.flexslider .slide-title a {display: none}
#homepage .responsive-slider.flexslider ul {margin: 0 !important}
#homepage .box-left {width: 450px; float: left; padding: 20px 0 100px}
#homepage .box-right {width: 450px; float: right;  padding: 20px 0 80px}
#homepage .box-left a, #homepage .box-right a {text-decoration: none}
#homepage .box-left a:hover, #homepage .box-right a:hover {color: #000000}

footer {background: #000000; padding: 25px 0; color: #ffffff; font-size: 18px}
footer a {color: #ffffff; text-decoration: none}
footer a:hover {color: #af1f25}
footer .sidebar-wrap {float: left; width: 650px; }
footer .widget_text {width: 275px; padding: 0 0 10px 0; float: left}
div#text-2 {float: left; }
div#text-4 {float: right; margin-right: 30px;}
div#text-3 {float: left; clear: left;  padding-top: 20px}
div#text-5 {float: right; margin-right: 30px;  padding-top: 20px}
ul.social-media {list-style-type: none; margin: 0 0 0 0}
ul.social-media li {float: left; margin-right: 10px}
ul.social-media li a {display: block; float: left; text-indent: -9999px}
ul.social-media li a:hover {opacity: 0.80}
/* ul.social-media li a.facebook {background: url('images/footer-sprite.jpg') no-repeat -8px 0; width: 40px; height: 48px;}
ul.social-media li a.gplus {background: url('images/footer-sprite.jpg') no-repeat -56px -2px; width: 48px; height: 46px;}
ul.social-media li a.twitter {background: url('images/footer-sprite.jpg') no-repeat -112px 0; width: 40px; height: 48px;}
ul.social-media li a.pinterest {background: url('images/footer-sprite.jpg') no-repeat -160px 0px; width: 48px; height: 48px;} */

ul.social-media li a.facebook {
	background: url('images/svg/facebook-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 45px;
	height: 45px;
}
ul.social-media li a.gplus {
	background: url('images/svg/google-plus-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 45px;
	height: 45px;
}
ul.social-media li a.pinterest {
	background: url('images/svg/pinterest-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 45px;
	height: 45px;
}
ul.social-media li a.twitter {
	background: url('images/svg/twitter-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 45px;
	height: 45px;
}
ul.social-media li a.instagram {
	background: url('images/svg/instagram-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 45px;
	height: 45px;
}

footer .map-wrap {width: 310px; float: right}
#after-footer {font-size: 12px; padding: 15px 0; color: #ffffff; background: #b12026; /* Old browsers */
background: -moz-linear-gradient(top,  #b12026 0%, #8f0222 55%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b12026), color-stop(55%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b12026 0%,#8f0222 55%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b12026 0%,#8f0222 55%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b12026 0%,#8f0222 55%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b12026 0%,#8f0222 55%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b12026', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
#after-footer .copy {float: left}
#after-footer .author {float: right}
#after-footer  a {color: #ffffff; text-decoration: none}
#after-footer  a:hover {text-decoration: underline; }
.post { }

.entry {padding: 40px 0}
.entry img {background: #fff; padding: 5px; border: 1px solid #cccccc}
.entry ul, .entry ol {
  /* list-style-position: inside; */
  margin-left: 1em;
}
.entry a { }
.entry a:hover { }

/*--Contact Page--*/
.wpcf7-form-control-wrap input {border:solid 2px #F0EFEF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding: 10px}
.wpcf7-form p {padding-bottom: 15px}
.wpcf7-form-control-wrap textarea{border:solid 2px #F0EFEF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;  padding: 10px}
input.wpcf7-submit {margin: 6px 3px 0 0; border: 0; cursor: pointer; background-color: #000000;  position: relative; text-decoration: none; color: #ffffff; text-align: center; font-weight: 700; padding: 10px 20px; border-radius: 5px; font-size: 15px}
input.wpcf7-submit:hover {transition: background-color 0.5s ease; background-color: #ac212a;  }


/*--Blog--*/
.blog-wrap {padding-top: 40px}
.blog-wrap .entry {padding: 5px 0 30px; border-bottom: 1px solid #cccccc}
.blog-wrap h3.post-title {padding: 0 0 0 0}
.blog-wrap h3.post-title a {text-decoration: none}
.blog-wrap h3.post-title a:hover {color: #000000}

.meta {font-style: italic}

/*Tiny Nav*/
.tinynav {display: none}
.tinynav_label {display: none}

/*--pagination--*/
section#pagination { padding-top: 15px; position: relative; z-index: 9999; padding-bottom: 10px; height: 70px;}
section#pagination .pagination {clear:both; padding:10px 0 10px 0; position:relative; font-size:11px; line-height:13px;}
section#pagination .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#414042; background: #ffffff; border: 1px solid #ccc;}
section#pagination .pagination a:hover{color:#fff;background: #9d1224;}
section#pagination .pagination .current{padding:6px 9px 5px 9px; background: #000000; color:#fff;}
section#content div.page-entry-blog {padding: 20px 40px 20px 40px; border-bottom: 1px solid #ccc;}

/*--Navigation--*/
.navigation {padding-bottom: 30px; width: 100%; text-transform: uppercase
	}
.navigation .previous {float: left}
.navigation .next {float: right}
.tinynav { display: none }
} /* END screen media */

/*
--------------------------------------------------------------
Media Queries Aplenty
--------------------------------------------------------------
*/

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

.page-wrap {width: 640px;}
#homepage .box-left {float: none;padding: 20px 0 50px;margin: 0 auto;}
#homepage .box-right {float: none; clear: both; margin: 0 auto}
footer .sidebar-wrap {width: 300px; position: relative}
div#text-5 {float: none; position: absolute; bottom: 0; right: -340px}
header nav {float: left; clear: left}
.entry {padding: 40px 20px 0}
.navigation {padding: 40px 20px}
}

@media only screen and (max-width : 650px ) {
footer .sidebar-wrap {width: 280px; float: none; margin: 0 auto}
.page-wrap {width: 320px;}
.entry {padding: 40px 20px 0}
.navigation {padding: 10px 0 20px 20px;}
.navigation .previous {float: left}
.navigation .next {float: left; clear: left; padding-top: 10px}
footer .widget_text {float: none;padding: 0 0 20px 0;width: 280px; clear: both; margin: 0 auto}
div#text-5 {float: none; position: relative; bottom: 0; right: 0;}
div#text-4 {float: right; margin-right: 0; }
footer .map-wrap {float: none;width: 310px;margin: 0 auto; padding-top: 20px}
#homepage .box-left {width: 280px; padding: 10px 0 20px;}
#homepage .box-left img {float: none; margin: 0 auto}
#homepage .box-right {width: 280px; padding: 0 0 20px;}
#homepage .box-right img {float: none; margin: 0 auto}
header a#logo {width: 300px; height: 103px; float: none; margin: 0 auto; background: url('images/bills-package-store-logo-web.png') no-repeat}
header ul#header-sm {margin: 20px auto 20px auto; float: none}
header h2#phone-number {float: none;  clear: both; text-align: center; font-size: 28px}
.tinynav { display: block }
#nav { display: none }
header nav {clear: both;float: none; margin: 0 auto; width: 300px}
.tinynav { display: block; margin: 15px auto 20px; width: 175px; border-radius: 2px; padding: 5px; background: #efefef; border: 0; box-shadow: inset 0 0 5px rgba(000,000,000, 0.5); }
.tinynav_label {display: block; margin: 0 auto; padding: 5px 10px 0 30px; text-align: right; float: left; font-weight: 600; text-transform: uppercase}
#after-footer {font-size: 10px}
#after-footer .page-wrap {width: 280px}
#after-footer .author {float: left; clear: left; padding-top: 8px; }
.one_half {width: 100% !important; float: none}

}/* END max-width : 719px */

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

}

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */