/**
 * Place your custom styles here.
 */
 @import url('https://fonts.googleapis.com/css?family=Raleway');
 html,body { font-family: 'Raleway', sans-serif; }
 img { max-width: 100%; height: auto; }
.container { width: 100%; }
p {font-size: 16px;}

.logoWrapper { text-align: center; }
.logoWrapper::before { content: ''; display: block; width: 100%; height: 3px; background-image: url(../img/top-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.logoWrapper::after {content: ''; display: table; clear: both;}
.logoWrapper .pull-left { float: none !important; padding: 10px 0; display: inline-block;}

.navbar-default { background: #fff; border-radius: 0px; border:0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 0;}
.navbar-default .navbar-collapse { padding: 0; }
.navbar-nav { float: none; display: inline-block; font-size: 14px;}
.navbar-nav li a { text-transform: uppercase; font-weight: bolder; }
.navbar-nav li:first-child { position: absolute; left: 0; top: 0; border-right: 1px solid #ddd;}
.navbar-nav li:first-child a { text-indent:0; font-size: 0; }
.navbar-nav li:first-child a::before {   padding: 0 15px; font-family: 'Glyphicons Halflings';   content: "\e021"; display: inline-block; font-size: 14px; }
.navbar-nav li:last-child {  position: absolute; right: 0; top: 0; border-left: 1px solid #ddd; }
.navbar-nav li:last-child a { text-indent: 0; font-size: 0; }
.navbar-nav li:last-child a::before {    padding: 0 15px;  font-family: 'Glyphicons Halflings';  content: "\e116"; display: inline-block; font-size: 14px; }
#block-rsf-main-menu { text-align: center; font-size: 0px; position: relative;}

.bannerWrapper  .col-sm-12 { padding: 0; }
.flexslider { border:0px; margin: 0; overflow: hidden;}
.main-container { padding: 0; background: #f2f2f2; }
.main-container .rowEmp > section,
.main-container .rowEmp > aside { padding: 0; }
.page-header { font-size: 20px; text-transform: uppercase; margin: 0; font-weight: bold; color: #000; padding: 0 15px 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}

.frontCat {  }
.frontCat::after { content: ''; display: table; clear: both; }
.frontCat .field--name-body a { width: 25%; display: block; float: left; }
.frontCat .field--name-body a img { width: 100%; height: auto; }

#block-frontpageintro, #block-frontpageintrobottom { padding: 45px 0; text-align: center;}
#block-frontpageintro .field--name-body p, #block-frontpageintrobottom .field--name-body p { width: 80%; display: inline-block; font-size: 16px;}

.breadcrumb { margin-bottom: 0; }

.page-node-type-page article.page,
.page-node-type-webform article.webform,
.path-cart .cart-form,
.layout-checkout-form { width: 90%; margin: 0 auto; }
.layout-region-checkout-secondary { background: #fff; border-radius: 5px; }
.layout-region-checkout-secondary h3 { padding: 10px 15px; margin: 0; background: #31aae1; color: #fff; font-weight: bold;}
.layout-region-checkout-footer a { display: inline-block; padding: 3px 10px; }
.main-container .panel-heading { background: #31aae1; color: #fff; font-weight: bold; }
#edit-login-returning-customer .panel-body a {display: inline-block; padding: 3px 10px; }
#shipping-information-wrapper .panel-body > button { display: none; }
/**#edit-shipping-information-shipments { display: none; }**/
#edit-shipping-information-shipments { padding-top: 5px; margin-top: 45px; border-top: 2px solid #31aae1; }
#edit-shipping-information-shipments::before { content: 'Details on Greetings Card'; padding: 5px 15px; display: block; background: #31aae1; color: #fff; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;}
#edit-completion-message { font-size: 18px; padding: 50px 20px; }


.path-product .page-header { display: none; }
.productInnerWrapper { background: #7b858e; }
.productInnerWrapper::after { content: ''; display: table; clear: both; }
.productSlider { padding: 0; }
.productInfo { color: #fff; padding: 30px; }
.productInfo h1 { border-bottom: 1px solid #fff; padding: 0 0 15px 0; }
.priceOnly .field--name-title,
.priceOnly .field--name-sku,
.priceOnly .field--name-body { display: none; }
.priceOnly .field--name-price .field--label { display: none; }
.priceOnly .field--name-price .field--item, .productInfo .field--name-weight { font-size: 24px;  }


.prodCat { max-width: 90%; margin: 0 auto;}
.prodCat::after { content: ''; display: table; clear: both; }
.prodCatItem { text-align: center; margin-bottom: 15px; }
.prodCatWrap {  }
.prodCatCover {}
.prodCatCover img { width: 100%; height: auto; }
.prodCatName { background: #fff; padding: 20px 15px; color: #000; text-transform: uppercase; }
.prodCatName a { color: #000; text-decoration: none; }

.page-node-type-webform .field--name-body,
.page-node-type-webform .field--name-webform { padding: 30px 15px; }

aside .block .block-title { background: #31aae1; color: #fff; margin: 0; text-transform: uppercase; padding: 15px 15px; font-size: 18px; }
.prodCatSideWrap { padding: 6px 15px; border-bottom: 2px solid #ddd; }
.prodCatSideWrap a { color: #000; text-decoration: none; }
.prodCatSideWrap a:hover { color: #31aae1; }

.prodList::after { content: ''; display: table;clear: both; }
.prodCover { overflow: hidden; }
.prodCover img { width: 100%; }
.prodWrap { background: #fff; text-align: center; margin-bottom: 15px; }
.prodPrice .field--name-title,
.prodPrice .field--name-sku,
.prodPrice .field--label { display: none; }
.prodTitle,
.prodPrice { padding: 9px 15px; }
.prodTitle a { color: #000; text-decoration: none; font-size: 18px; }
.prodMore { text-align: right; padding: 8px 15px; }
.prodMore a { display: inline-block; padding: 5px 20px; color: #fff; background: #444; border-radius: 4px; text-transform: uppercase; text-decoration: none;}

#block-footercontact { padding: 30px 15px; }
#block-footerpayment { padding: 30px 15px; }


.footer { background: #000; color: #fff; }
.footer p { margin-bottom: 0; }
.footerTop { background-image: url(../img/footer-top-bg.jpg); background-repeat: repeat-y; background-size: contain; background-position: center; }
#block-footercopyright { padding: 15px 0; }

.homeCat {float: left; width: 25%; position: relative;}
.homeCat  a img { width: 100%; height: auto; }
.homeCat div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.homeCat div a { display: block; vertical-align: middle; font-size: 1.2vw; text-transform: uppercase; width: 99%; padding: 26% 30px 0; color: #fff; font-weight: bold; text-shadow: 2px 2px 2px #000; text-decoration: none; text-align: center; height: 100%;}

@media ( min-width: 768px){
	.page-node-type-webform .webform .field--name-body,
	.page-node-type-webform .webform .field--name-webform { display: inline-block; vertical-align: top;width: 49%; }
}

@media( max-width: 768px){
	#block-footerpayment h2 { font-size: 20px; }
}

@media ( max-width: 767px){
	.footerTop { background: none; }
	#block-footercontact { background: #151515; padding: 15px; }
	#block-footerpayment { background: #222222; padding: 15px;}
	.navbar-nav li:first-child,
	.navbar-nav li:last-child { height: 100%; padding-top: 11%; }
	.navbar-nav li:first-child a,
	.navbar-nav li:last-child a { }
	.navbar-default .navbar-collapse { padding: 0 15px; }	

	aside .block .block-title::after { content: "\002b"; font-family: 'Glyphicons Halflings'; position: absolute; right: 15px;}
	aside .block .block-title ~ * { display: none; }

	.container>.navbar-header { margin: 0; }
	.frontCat .field--name-body a { width: 50%; }
	.homeCat { width: 50%; }
	.homeCat div a { font-size: 20px; }
}