/*======================
BC Bootstrap Custom CSS 
========================*/

html, body {
    height: 100%;
}

/* Required for Bootstrap's fixed navbar */
body {
    background-image: url('/assets/img/pacprint-2017-header.png');
    background-color: transparent;
    background-size: 100% auto contain;
    background-repeat: no-repeat;
    border: 0;
}

@media (max-width: 1200px) {
    body {
        background-image: url('/assets/img/pacprint-2017-header.png');
    }
}

@media (max-width: 700px) {
    body {
        background-image: url('/assets/img/pacprint-2017-header-2.png');
    }
}



/*===============================
Header - logo/brand, navbar, etc.
===============================*/

/* "Mobile first" height for #main-nav */
#main-nav {
    height: 340px;
    margin-top: 60px;
}

#ribbon {
    padding: 8px 0;
}

.bs-masthead, .bs-header, bs-section {
    position: relative;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 30px 15px;
    color: #cdbfe3;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    background-color: #6f5499;
    background-image: -webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);
    background-image: linear-gradient(to bottom,#563d7c 0,#6f5499 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
}

.bs-header h1 {
    font-size: 48px;
    
    color: white;
}
.bs-header a {
    color: #cdbfe3;
}

.navbar-default {
    background-color: transparent;
    border: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
    border-radius: 0em;
    font-size: 13px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    border: solid 1px #fff;
    border-radius: 0em;

}

.navbar-brand {
    margin-bottom: 1em;
    
}

.search-container {
 	margin-left: 30px; 
    margin-top: 5px;
}

@media (max-width: 764px) {
	.search-container {
    	display: none;
	} 	   
    
    #main-nav {
        background: rgba(0,0,0,0.8);
        height: 340px;
    	position: absolute;
    	width: 100%;
    	top: 100px;
    	z-index: 1000;
    }	
}


/*===============================
Footer
===============================*/
footer .list-inline {
    display: table;
    margin: 0 auto;
}

footer {
 	background-image: url("/assets/img/pacprint-footer-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 12px;
    padding-top: 100px;
}

footer li, footer p, footer a, footer a:hover  {
 	color: #fff;   
}

footer li strong {
 	color: #ec9125;   
}

.copyright {
 	font-size: 10px;   
}


/*===============================
Home Page
===============================*/
.section {
    padding: 60px 0;
    background-color: #eee;
}

/* Home page image slider (carousel) styles */
#home-carousel {
    height: 50%;
}

.item, .carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* Pad the edges of the mobile views a bit */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}
.marketing h2 {
    font-weight: normal;
}
.marketing .col-lg-4 p {
    margin-right: 10px;
    margin-left: 10px;
}

.featurette-divider {
    margin: 60px 0;
    /* Space out the Bootstrap <hr> more */
}


/* Countdown to PacPrint */

#countdowntopacprint {
	background-color: #BED631;
	border: solid 1px transparent;
    border-radius: 5px;
}

#countdowntopacprint h1 {
 	color: #fff; 
    text-align: center;
}

#openinghours {
    background-color: #410039;
    border: 1px solid transparent;
    border-radius: 5px;
    padding-bottom: 100px;
    color:#fff;
}
#openinghours h1 {
    color: #fff;
    text-align: center;
}

.col-sm-offset-1 {
    margin-left: 8.33333%;
}

#sidebar-module-inset {
    background-color: #f5f5f5;
    border-radius: 0.25rem;
    padding: 1rem;
}

#contactinfo {
    background-color: #5a5a5a;
    border: 1px solid transparent;
    border-radius: 5px;
    color:#fff;
    width:320px;
    margin-left:-13px;
    padding:15px;
}
#openinghourssmall {
    background-color: #410039;
    border: 1px solid transparent;
    border-radius: 5px;
    padding-bottom: 100px;
    color:#fff;
    width:320px;
    margin-left:-13px;
}
#openinghourssmall h1 {
    color: #fff;
    text-align: center;
}

#openinghours-orange {
    background-color: #EC9125;
    border: 1px solid transparent;
    border-radius: 5px;
    padding-bottom: 100px;
    color:#fff;
    width:320px;
    margin-left:-13px;
}

#newsletter {
    background-color: #A8AAAD;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 10px;
    color:#fff;
    width:100%;
}


/* Promotional Features */

.presented li {
	margin-right: 2em; 
    float: left;
}

.presented img {
 	height: auto;
    
}

.org-co li {
    float: left;
 	margin-right: 2em;       
}

.org-co img {
    width: 100px;
 	height: auto;
}

.sponsored img {
 	height: auto;
}

.sponsored td {
 	text-align: center;  
    font-weight: bold;
}

.org-co li, .presented li, .sponsored li {
    list-style-type: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
 	border: 0;   
}


/*===============================
News
===============================*/

.announcement-list h2 a {
 	color: #000;
    font-weight: bold;
}

@media (max-width: 1000px) {
    .home-top svg {
     	margin-top: 1em;   
    }
}



/*===============================
Blog
===============================*/
.blog-post h2.post-title {
    font-size: 1em;
    border-bottom: 0;
}

.blog-post h2.post-title a {
    font-weight: bold;
    color: #000;
}

.blog-post .post-body {
    font-size: 0.8em;
    
}

.blog-rows {
    border: solid #a7a9ab 1px;
    padding-top: 1em;
    margin-bottom: 1em;
}

/*===============================
Pages - Grid
===============================*/
.show-grid {
    margin-bottom: 15px;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
}

.bs-example-bg-classes p {
    padding: 15px;
}

/*===============================
About Page
===============================*/

.green-text {
 	color: #bfd730;   
}

/*===============================
Exhibitors Page
===============================*/

.contact-btn {
 	background-image: url("/assets/img/pacprint-contact-button.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border: solid 1px transparent;
    border-radius: 1em;
    padding: 5px;
    text-align: center;
}
.booking-btn {
 	background-image: url("/assets/img/pacprint-booking-button.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border: solid 1px transparent;
    border-radius: 1em;
    padding: 5px;
    text-align: center;
}
.floor-btn {
 	background-image: url("/assets/img/pacprint-floorplan-button.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border: solid 1px transparent;
    border-radius: 1em;
    padding: 5px;
    text-align: center;
}
.prospectus-btn {
 	background-image: url("/assets/img/pacprint-prospectus-button.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border: solid 1px transparent;
    border-radius: 1em;
    padding: 5px;
    text-align: center;
}

.dl-btn a, .dl-btn a:hover {
    color: #fff;
    text-shadow: 2px 2px #000;
}

.col-md-3.booking-btn > a{
    color:#fff;
}

.col-md-3.contact-btn > a{
    color:#fff;
}

.col-md-3.prospectus-btn > a{
    color:#fff;
}

.col-md-3.floor-btn > a{
    color:#fff;
}

.stand-count-bg {
 	background-image: url("/assets/img/pacprint-standcount-bg.png");  
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px;
    text-align: center;
}

.stands-count-ph {
    background-image: url("/assets/img/counter-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    font-size: 4.25em;
    width: 100% !important;
    height: 90px !important;
    border: solid 1px tranparent;
    border-radius: 5px;
    zpadding: 5px;
    line-height:;
    font-weight:700;
}

.stand-count-bg p {
    color: #fff;
}

.stand-count-bg h2 {
 	color: #f5c542;
    font-size: 2.5em;
}

.stands-count-cont {
 	margin-top: 2.5em;   
}

.stands-count-desc {
    margin-top: 0.5em;
 	color: #f5c542 !important;   
}

/*===============================
Pricing Page
===============================*/

.panel-title.price {
    font-size: 4em;
}

.price-cents {
    vertical-align: super;
    font-size: 50%;
}


/*===============================
Online Shop
===============================*/
.productList {
    list-style: none;
    padding-left: 0;
}

/*===============================
Checkout Form
===============================*/

h2.page-header {
    margin-top: 0;
    
}


/*===============================
Contact Page
===============================*/

.map {
    width:100%;
    
    height:350px;
    border-top:solid 1px #eee;
    border-bottom:solid 1px #eee;
}

.countdown p {
  display: inline-block;
  padding: 5px;
  background: #FFA500;
  margin: 0 0 20px;
}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas