h1, .seocopy {display:none;}

#recipient-holder .row {padding:0 !important;}
#recipient-holder .section-container {padding:30px 10px; overflow:hidden;}
#recipient-holder .section-title {font-size:24px; width:80%; margin:0 auto 30px auto;}

@media only screen and (min-width: 768px) {
    #recipient-holder section {margin:0 !important; width:100%;}    
    #recipient-holder .section-container {padding:30px 15px;}
}

@media only screen and (min-width: 992px) {
    #recipient-holder .section-container {padding:40px 30px;}
    #recipient-holder .section-title {font-size:28px;}
}

/*HEADER*/
#gifts-for-men-header {min-height:340px; display:block; background:url('//images-cdn.redletterdays.co.uk/content-rld/FullWidth/FullWidthHTML/RecOccFullWidthHTML/recipient/for-him/2022/gifts-for-him-header.jpg') no-repeat; background-size:cover; background-position:center center; padding:0; text-align:center;}
#gifts-for-men-header #gifts-for-men-header-inner {height:100%; min-height:340px; display:flex; flex-direction:column; justify-content:center; background:rgba(0, 0, 0, 0.4); overflow:hidden;}
#gifts-for-men-header #gifts-for-men-header-inner h2 {padding:0 20px; margin:40px 0 0 0; font-family:raleway,sans-serif; font-weight:700; font-size:42px; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,0.30); z-index:2; position:relative;}
#gifts-for-men-header #gifts-for-men-header-inner .seocopy {margin:20px 15px 0 15px; color:#ffffff; font-size:13px; line-height:17px; display:block;}
#gifts-for-men-header #gifts-for-men-header-inner .seocopy label {padding:10px 0 0 0; color:#ffffff;}
#gifts-for-men-header #gifts-for-men-header-inner .seocopy .seocopy-intro {width:70%; margin:0 auto; font-family:raleway;}
#gifts-for-men-header #gifts-for-men-header-inner .seocopy .read-more-content {padding:0;}
#gifts-for-men-header #gifts-for-men-header-inner .seocopy .read-more-content .read-more-content-inner {padding:20px; border-radius:10px; margin:20px; background:rgba(251, 251, 251, 0.8); color:#323232;}
#gifts-for-men-header #gifts-for-men-header-inner .seocopy .read-more-content .read-more-content-inner h2 {font-size:20px; line-height:25px; margin:20px 0 10px 0; padding:0; color:#e40521;}
#gifts-for-men-header #gifts-for-men-header-inner .seocopy .read-more-content p {margin-bottom:20px;}
#gifts-for-men-header #gifts-for-men-header-inner .seocopy .read-more-content p:last-child {margin-bottom:0;}
#gifts-for-men-header #gifts-for-men-header-inner .header-cta {display:block; z-index:2; position:relative; font-family:raleway,sans-serif; font-weight:700; margin:20px auto 40px auto; background:#e40521; padding:8px 15px; text-align:center; font-size:16px; color:#ffffff; text-decoration:none; display:block; width:200px;}
#gifts-for-men-header #gifts-for-men-header-inner .header-cta:hover {opacity:0.9; cursor:pointer;}

@media only screen and (min-width: 480px) {
    #gifts-for-men-header h2 {font-size:50px; line-height:57px;}    
}

@media only screen and (min-width: 768px) {
    #gifts-for-men-header .seocopy .read-more-content {width:85%; margin:0 auto;}
    #gifts-for-men-header #gifts-for-men-header-inner h2 {font-size:55px;}
}

@media only screen and (min-width: 992px) { 
    #gifts-for-men-header {min-height:400px;}
    #gifts-for-men-header #gifts-for-men-header-inner {min-height:400px;}  
    #gifts-for-men-header #gifts-for-men-header-inner h2 {font-size:70px; line-height:76px;}
    #gifts-for-men-header #gifts-for-men-header-inner .seocopy .seocopy-intro {width:50%; font-size:16px; line-height:20px;}
}
/*HEADER*/


/*FATHERS DAY BANNER*/
#fathers-day-banner {background:#375D72;}
#fathers-day-banner #fathers-day-banner-image {height:150px; overflow:hidden; padding:0;}
#fathers-day-banner #fathers-day-banner-image img {height:auto; width:100%; position:relative; top:-100px;}
#fathers-day-banner #fathers-day-banner-copy {color:#ffffff; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px 40px; text-align:center;}
#fathers-day-banner #fathers-day-banner-copy h2 {font-family:raleway; font-weight:700; font-size:30px; margin:0 0 5px 0;}
#fathers-day-banner #fathers-day-banner-copy .fd-date {font-family:raleway; font-size:15px; margin-bottom:10px;}
#fathers-day-banner #fathers-day-banner-copy .fathers-day-banner-cta {border:2px solid #ffffff; padding:10px 0; width:200px; font-family:raleway; font-weight:700; font-size:17px; margin-top:10px;}
#fathers-day-banner #fathers-day-banner-copy .fathers-day-banner-cta:hover {opacity:0.8;}

@media only screen and (min-width: 768px) {
    #fathers-day-banner a {display:flex; flex-direction:row; justify-content:center; align-items:center;}
    #fathers-day-banner #fathers-day-banner-image {height:240px; overflow:visible; padding:0;}
    #fathers-day-banner #fathers-day-banner-image img {top:-20px; width:unset; max-width:112%; -webkit-clip-path: polygon(0 0, 100% 0, 80% 140%, 0 100%));
      clip-path: polygon(0 0, 100% 0, 80% 140%, 0 100%);}
    #fathers-day-banner #fathers-day-banner-copy p {width:90%;} 
}

@media only screen and (min-width: 992px) {
    #fathers-day-banner #fathers-day-banner-copy p {width:70%;}     
}
/*FATHERS DAY BANNER*/



/*PRICE & LOCATION LINKS*/
#section-price-location {background:#EEF0F0;}
#section-price-location #shopbyprice .price-pills-holder {width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; text-align:center;}
#section-price-location #shopbyprice .price-pills-holder a {flex:1 0 50%; color:#ffffff; text-align:center; font-family:raleway; text-decoration:none;}
#section-price-location #shopbyprice .price-pills-holder a h3 {border-radius:5px; background:#0195C0; margin:5px 10px; font-size:17px; padding:12px 0; font-weight:700; display:flex; flex-direction:row; justify-content:center; align-items:center;}
#section-price-location #shopbyprice .price-pills-holder a h3:hover {opacity:0.8;}
#section-price-location #shopbyprice .price-pills-holder a:first-child {flex:0 1 100%;}
#section-price-location #shopbyprice .price-pill-icon {display:none;} 

#section-price-location #shopbylocation {margin-top:30px;}
#section-price-location #shopbylocation .shopbylocation-inner {height:200px; background-color:#323232; background-image:url('//images-cdn.redletterdays.co.uk/content-rld/FullWidth/FullWidthHTML/RecOccFullWidthHTML/recipient/for-him/2021/location-compass.png'); background-position:center center; background-repeat:no-repeat; margin:10px; color:#ffffff; display:flex; flex-direction:column; padding:0 25px; justify-content:center; align-items:center;}
#section-price-location #shopbylocation .shopbylocation-inner h2 {color:#ffffff; margin-bottom:10px;}
#section-price-location #shopbylocation .shopbylocation-inner select {width:60%; color:#323232; margin-top:10px;}

@media only screen and (min-width: 768px) {
    #section-price-location .section-container {display:flex; flex-direction:row; align-items:center;}
    #section-price-location #shopbyprice .price-pills-holder a h3 {background:#0195C0; color:#ffffff; font-size:16px;}    
    #section-price-location #shopbyprice #shopbycategory .price-pills-holder h3 {background:#7D1C70; color:#ffffff;}
    #section-price-location #shopbyprice #shopbycategory {padding-left:40px;}
    #section-price-location #shopbylocation {margin-top:0;}
    #section-price-location #shopbylocation .shopbylocation-inner h2 {width:auto;}
}

@media only screen and (min-width: 992px) {
    #section-price-location .section-container {align-items:flex-end;}
    #section-price-location {display:flex; align-items:center;}
    #section-price-location #shopbyprice .price-pills-holder a h3 {font-size:18.5px;}
    #section-price-location #shopbylocation .shopbylocation-inner {height:260px; margin-bottom:5px;}
}

@media only screen and (min-width: 1200px) {
    #section-price-location #shopbyprice .price-pill-icon {height:35px; width:35px; border-radius:50px; background:rgba(255, 255, 255, .6); display:flex; justify-content:center; align-items:center; margin-right:5px;} 
}
/*PRICE & LOCATION LINKS*/


/*TEMPLATE GRID*/
.template-grid .grid-pod-inner {text-align:center; font-family:'Raleway'; margin-top:0; padding:0 5px 15px 5px;}
.template-grid .grid-pod-inner a {color:#323232; text-decoration:none; margin:5px; margin-top:0 !important; display:block;}
.template-grid .grid-pod-inner .grid-pod-image {overflow:hidden;}
.template-grid .grid-pod-inner .grid-pod-image img {width:100%; height:auto;}
.template-grid .grid-pod-title {font-size:16.5px; font-weight:700; padding-top:10px;}
.template-grid .grid-pod-inner:hover {opacity:0.8;}
/*TEMPLATE GRID*/


/*POPULAR CATEGORIES*/
#section-popular-categories {clear:both; background:#E40521 url('//images-cdn.redletterdays.co.uk/content-rld/MainContent/Homepage/images-newlayout/swirl-pattern.png') 0 0 repeat;}
#section-popular-categories .section-title {color:#ffffff;}
#section-popular-categories a {color:#ffffff}
#section-popular-categories img {border:2px solid #ffffff;}
#section-popular-categories #popular-grid {padding:0 15px;}

@media only screen and (min-width: 768px) {
    #popular-categories-container #popular-grid {padding:0 0;}
    #popular-categories-container #popular-grid .grid-pod-image img {border:2px solid #ffffff;}
}

@media only screen and (min-width: 992px) {
}
/*POPULAR CATEGORIES*/


/*IDEAS*/
#ideas-container {width:100%; background:#EEF0F0;}
#ideas-container .container {padding:30px;}
#ideas-container .masonry {width:100%; clear:both; display:flex; flex-direction:column; padding:0 20px;}
#ideas-container .item {background:#ffffff; margin-bottom:15px;}
#ideas-container .item.image-pod {height:250px; overflow:hidden;}
#ideas-container .item.text-pod {height:160px;}
#ideas-container .item img {height:auto; max-width:100%; transition: transform 1s;}
#ideas-container .item h3 {font-size:38px; line-height:43px;}
#ideas-container .item a {height:100%; display:block; color:#ffffff; font-family:'Raleway'; font-weight:700; text-transform:uppercase; overflow:hidden; position:relative;}
#ideas-container .item a:hover img {transform: scale(1.3); transform-origin: 50% 50%; opacity:0.6;}
#ideas-container .item .masonry-pod-image {height:100%; position:relative;}
#ideas-container .item .masonry-pod-image .pod-overlay {height:100%; width:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.6);}

#ideas-container .item.image-pod h3 {height:100%;}
#ideas-container .item.image-pod .advice-pod-title {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:0; bottom:0; left:0; right:0;}
#ideas-container .item.image-pod .advice-pod-title span {display:block;}

#ideas-container .item.idea-1 {order:1;}
#ideas-container .item.idea-2 {order:2;}
#ideas-container .item.idea-3 {order:4;}
#ideas-container .item.idea-4 {order:3;}
#ideas-container .item.idea-5 {order:5;}
#ideas-container .item.idea-6 {order:6;}

#ideas-container .item.text-pod h3 {height:100%; padding:0;}
#ideas-container .item.text-pod a {height:100%; display:flex; justify-content:center; align-items:center; background:url('//images-cdn.redletterdays.co.uk/content-rld/MainContent/Homepage/images-newlayout/swirl-pattern.png') 0 0 repeat; background-size:10%; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#ideas-container .item.text-pod a:hover {background-size:8%;}
#ideas-container .item.text-pod .item-inner span {display:block; text-align:center;}
#ideas-container .item.text-pod.text-pod-blue h3 {background:#0195C0;}
#ideas-container .item.text-pod.text-pod-red h3 {background:#BB051C;}
#ideas-container .item.text-pod.text-pod-grey h3 {background:#323232;}

#ideas-container #pod-top-notch {width:calc(100% - 40px); margin-left:20px;}
#ideas-container #pod-top-notch.item.image-pod img {height:100%; width:auto; max-width:unset;}


@media only screen and (min-width: 768px) {
    #ideas-container .masonry {display:block;}
    #ideas-container .masonry {column-count:3; column-gap:1em; clear:both;}
    #ideas-container .item {display:inline-block; margin:0 0 1em; width:100%;}
    #ideas-container .item h3 {font-size:28px; line-height:32px;}
    #ideas-container .item.idea-2, #ideas-container .item.idea-4, #ideas-container .item.idea-6 {margin-bottom:0;}
    #ideas-container .item#pod-adventurer h3 {letter-spacing:-0.8px;}

    #ideas-container .item.idea-1 {height:200px; margin-bottom:10px;}
    #ideas-container .item.idea-2 {height:150px; margin-bottom:0;}
    #ideas-container .item.idea-3 {height:165px; margin-bottom:15px;}
    #ideas-container .item.idea-4 {height:185px; margin-bottom:0;}
    #ideas-container .item.idea-5 {height:220px; margin-bottom:10px;}
    #ideas-container .item.idea-6 {height:130px; margin-bottom:0;}    

    #ideas-container .item.text-pod a {background-size:18%}
    #ideas-container .item.text-pod a:hover {background-size:16%}

    #ideas-container #pod-top-notch.item.image-pod {height:110px; margin-top:8px;}
    #ideas-container #pod-top-notch.item.image-pod .advice-pod-title {flex-direction:row;}
    #ideas-container #pod-top-notch.item.image-pod .advice-pod-title span {display:inline-block; padding-left:8px;}
    #ideas-container #pod-top-notch.item.image-pod img {position:relative; top:-140px; height:auto; width:100%;}
}

@media only screen and (min-width: 992px) { 
    #ideas-container .container {padding:60px 0;}
    #ideas-container {margin:0 !important;}
    /* #ideas-container .masonry {height:581px;}  */
    #ideas-container .item h3 {font-size:35px; line-height:39px;}
    #ideas-container .item img {height:100%;}

    #ideas-container .item.idea-1 {height:330px;}
    #ideas-container .item.idea-2 {height:230px;}
    #ideas-container .item.idea-3 {height:225px;}
    #ideas-container .item.idea-4 {height:335px;}
    #ideas-container .item.idea-5 {height:355px;}
    #ideas-container .item.idea-6 {height:203px;} 

    #ideas-container #pod-top-notch.item.image-pod img {top:-200px;}
}
/*IDEAS*/


/*REVIEWS*/
#section-reviews .review-item {padding:0 5px; position:relative; margin:0 auto;}
#section-reviews .review-item .review-item-holder {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:0; position:relative; width:95%;}
#section-reviews .review-item img {height:250px; width:250px; position:relative; left:30px;}
#section-reviews .review-item .review-box {width:60%; position:absolute; right:20px; color:#ffffff; text-align:center; margin-top:10px;}
#section-reviews .review-item .review-box .review-icon {height:50px; width:50px; background:#ffffff; color:#BB051C; border:3px solid #BB051C; border-radius:50px; font-family:'Raleway'; font-weight:700; text-align:center; font-size:25px; display:flex; justify-content:center; align-items:center; position:absolute; left:0; right:0; margin:0 auto; top:-14px;}
#section-reviews .review-item .review-box .review-box-inner {background:#BB051C; padding:20px 10px;}
#section-reviews .review-item .review-box .review-box-inner h5 {font-family:'Raleway'; font-weight:700; font-size:21px; margin:20px 0 10px;}
#section-reviews .review-item .review-box .review-box-inner h5 .review-star-rating i {font-size:9px; display:inline-block; width:5px; position:relative; top:-8px;}
#section-reviews .review-item .review-box .review-box-inner p {line-height:16px; font-size:12px;}
#section-reviews .review-item .review-box .review-box-inner .review-product {font-size:10px; line-height:12px; display:block;}
#section-reviews .slick-prev {left:0;}
#section-reviews .slick-next {right:0;}
#section-reviews .slick-prev::before, #section-reviews .slick-next::before {color:#000000;}
#section-reviews .slick-dots {bottom:-25px !important}
#section-reviews .review-item:nth-child(odd) .review-box-inner {background:#BB051C;}
#section-reviews .review-item:nth-child(odd) .review-icon {color:#BB051C; border:3px solid #BB051C;}
#section-reviews .review-item:nth-child(even) .review-box-inner {background:#323232;}
#section-reviews .review-item:nth-child(even) .review-icon {color:#323232; border:3px solid #323232;}


@media only screen and (min-width: 420px) {
    #section-reviews .review-item img {height:220px; width:220px;}
}
@media only screen and (min-width: 768px) {
    #section-reviews .review-item .review-box {width:75%; right:15px;}
}

@media only screen and (min-width: 992px) { 
    #section-reviews .review-slider {display:flex; flex-direction:row; justify-content:space-between; clear:both;}
    #section-reviews .review-item {padding:0 15px; width:50%;}
    #section-reviews .review-item .review-box {width:60%;}
    #section-reviews .review-item .review-box .review-box-inner {padding:20px 30px;} 
}

@media only screen and (min-width: 1200px) {
    #section-reviews .review-item img {height:250px; width:250px;}
    #section-reviews .review-item .review-box {width:50%; right:30px;}
    #section-reviews .review-item .review-box .review-box-inner {padding:20px 30px;}    
}
/*REVIEWS*/


/*GIFT BOXES*/
#section-giftboxes {background:#EEF0F0; padding-bottom:35px;}
#giftboxes-banner a {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
#giftboxes-banner #giftboxes-image {height:160px; margin:0 auto; text-align:center; overflow:hidden; padding-top:15px;}
#giftboxes-banner #giftboxes-image img {height:auto; max-width:75%; position:relative; top:-30px;}
#giftboxes-banner #giftboxes-copy {color:#ffffff;}
#giftboxes-banner #giftboxes-copy #giftboxes-copy-desc {background:#0195C0; text-align:center;}
#giftboxes-banner #giftboxes-copy #giftboxes-copy-desc h3 {font-family:raleway; font-weight:700; font-size:26px; margin-bottom:15px;}
#giftboxes-banner #giftboxes-copy #giftboxes-copy-desc p {margin:0; font-size:13.5px; line-height:17px;}
#giftboxes-banner #giftboxes-copy #giftboxes-copy-desc #giftboxes-copy-desc-inner {padding:30px 20px;}
#giftboxes-banner #giftboxes-copy #giftboxes-copy-features {background:#323232; text-align:center;}
#giftboxes-banner #giftboxes-copy #giftboxes-copy-features ul {list-style-position:inside; list-style:disc; padding:25px 25px 35px 25px; font-size:14px; margin-bottom:0;}
#giftboxes-banner #giftboxes-copy #giftboxes-copy-features ul li {list-style-position:inside; margin-bottom:5px; font-weight:normal;}
#giftboxes-banner #giftboxes-copy #giftboxes-copy-features .giftboxes-cta {background:#0195C0; width:200px; color:#ffffff; text-align:center; padding:8px 0; display:block; margin:0 auto; position:absolute; left:0; right:0; bottom:-20px; font-family:raleway; font-weight:700; font-size:16px;}
#giftboxes-banner .giftboxes-price {height:80px; width:80px; background:#BB051C; border-radius:50px; border:3px solid #ffffff; text-align:center; font-family:raleway; font-weight:700; color:#ffffff; display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:18px; line-height:19px; text-decoration:none; position:absolute; top:20px; left:20px;}

@media only screen and (min-width: 768px) {
    #section-giftboxes {padding:30px 0;}    
    #giftboxes-banner a {flex-direction:row;}
    #giftboxes-banner #giftboxes-image {height:auto; padding:0;}    
    #giftboxes-banner #giftboxes-image img {max-width:130%; position:relative; top:0;}
    #giftboxes-banner #giftboxes-copy {padding-left:0;}
    #giftboxes-banner .giftboxes-price {}
}

@media only screen and (min-width: 992px) {
    #giftboxes-banner {width:90%; margin:0 auto;}
    #giftboxes-banner .giftboxes-price {left:30%; top:40%;}
    #giftboxes-banner #giftboxes-copy #giftboxes-copy-desc p {margin:0 30px;}
}
/*GIFT BOXES*/