﻿
ul.mainNav li.anniversary a			{background-image: linear-gradient(to right, #FFEDCC , #FFCC6E); color: #EF1D26; font-family: 'Lobster', cursive; transition: 0.2s ease-out}
ul.mainNav li.anniversary a:hover	{background-image: linear-gradient(to left, #FFEDCC , #FFCC6E); }

.anniversary-listing h1	{font-family: 'Lobster', cursive; color: #FF6A6A; font-size: 52px;}

.home-listing-outer h3.red	{background-color:transparent}
.home-listing-outer h3.blue		{background-color:transparent}

/* PAGE STYLES */
.hyp-header		{width:100%;}
.zigzag			{background-image:url(/_assets/colour-pattern.png); background-size: auto 30px; display: block; width: 100%; height:30px; position: relative;}
.centered		{text-align:center;}

/* PAGE HEADER */
.hyp-header	{width:100%;}

/* LISTING */
.hyp-listing .listing-item 	{float:none}
.col-row					{font-size:0;}
.col-container				{font-size:0; width: 1262px; margin: auto; max-width: 100%;}
.col-4						{width:25%; display: inline-block; vertical-align: top; padding: 15px;}

.anniversary-listing .hyp-listing-item				{padding:20px; background-color: #f0f6fa; position: relative; overflow: hidden;}
.anniversary-listing .hyp-listing-image img			{width:100%; transition: 0.2s ease-out}
.anniversary-listing .hyp-listing-text				{padding:15px;}
.anniversary-listing .hyp-listing-text h3			{font-size:14px;  font-weight: 600; color:#6f989f; line-height: 1.5em; margin-bottom:5px}
.anniversary-listing .hyp-listing-text p				{font-size:14px; font-weight: 400; color:#6f989f; margin-bottom: 5px;}
.anniversary-listing .hyp-listing-text p.price		{font-size:26px; color:#7B7B7B; font-family: 'Lobster', cursive; letter-spacing: 1px;}
.anniversary-listing .hyp-add-btn					{background-color:#e25b9a; font-size: 16px; color:#ffffff; border-radius: 60px; padding: 15px 25px; display: inline-block; margin: auto;  transition: 0.5s ease-out}
.anniversary-listing .hyp-add-btn:hover				{background-color:#6f989f;}

.anniversary-listing  .hyp-listing-item:after	{position:absolute; top:0; right:0; width:117px; height:111px; background-image: url(/_assets/dd-corner-overlay.png); background-size: cover; content: '';}


.anniversary-listing .col-4:nth-child(1n+0) .hyp-listing-item				{background-color:#D8FCFF}
.anniversary-listing .col-4:nth-child(1n+0) .hyp-listing-item .btn-green	{background-color:#44BDC7}

.anniversary-listing .col-4:nth-child(2n+0) .hyp-listing-item				{background-color:#FFE5E5}
.anniversary-listing .col-4:nth-child(2n+0) .hyp-listing-item .btn-green	{background-color:#FF6A6A}

.anniversary-listing .col-4:nth-child(3n+0) .hyp-listing-item				{background-color:#e6f7e5}
.anniversary-listing .col-4:nth-child(3n+0) .hyp-listing-item .btn-green	{background-color:#9be496}

.hyp-banner		{width:900px; max-width: 100%;}

.hyp-add-btn.btn-blue { background-color: #2a7bc4; }

/************************/

.btn-other-sites-container,
.hyp-header-mb	{display:none}



/* HYP DETAIL PAGE */
header				{background-color:#ffffff;}

/*.jPanelMenu-panel { background: url(/_assets/bg-confetti.jpg) !important; }*/

.book-details-container-hyp h1	{ font-weight: 400; color:#6f989f;}
.book-details-container-hyp h2	{font-weight: 600; color:#e25b9a;}

.narrow-col-listing-container		{background-color:#f0f6fa; border:none;}
.narrow-col-listing-container h5	{ font-weight: 400; color:#6f989f; font-size: 18px;}
.narrow-col-listing .listing-item:hover	{background-color:transparent;}
.narrow-col-listing .listing-item p 	{color:#6f989f;}
.narrow-col-listing .listing-item p a	{color:#6f989f; }
p.sub-title strong						{color:#e25b9a}

.book-details-header	{color:#6f989f; background-color:#f6ebf1; }
.book-details			{background-color:#fdf8fb;}
.book-details h3		{color:#e25b9a;}
.book-details a			{color:#49acf5;}

.btn-green,
ul.tab-list li.add-to-basket a,
table.tab-list td.add-to-basket a { background-color: #e25b9a; }

ul.tab-list li a:hover,
ul.tab-list li.add-to-basket a:hover,
table.tab-list td.add-to-basket a:hover	{background-color: #585858 !important}

.noStockBtn.large { padding: 15px 25px; border-radius: 25px;  font-size: 16px; }







@media (max-width: 768px) {

	/* PAGE HEADER */
	.hyp-header		{display:none}
	.hyp-header-mb	{display:block; width: 100%;}

	/* HYP LISTING */
	.col-container.centered	{text-align:left}
	.col-4	{width:33.333%;}
	.hyp-listing-item	{text-align:center;}
	.hyp-add-btn		{padding:15px; font-size: 14px;}

}

@media (max-width: 640px) {

	/* HYP LISTING */
	.col-4				{width:50%; padding: 7px;}
	.col-container		{padding:7px;}
	.hyp-listing-item	{padding:10px; padding-bottom: 15px;}
	.hyp-listing-text	{padding-left:0; padding-right: 0}

}
