/* 
 Theme Name:   CWF
 Theme URI:    
 Description:  
 Author:       web@thedesignbank.co.uk
 Author URI:   http://cwf.thedb.uk
 Template:     wp-bootstrap-4
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&family=Questrial&display=swap');
 html,
 body {
     overflow-x: hidden !important;
 }

 html {
     scroll-behavior: smooth;
 }

 ul.mega-sub-menu {
     background: #EDF5FD !important;
 }

 ::-moz-selection {
     color: white;
     background: #1F3664;
 }

 .site-header {
     border-bottom: none !important;
 }

 div#content {
     margin-top: 100px;
 }

 li#mega-menu-43-1 {
     margin-top: -40px !important;
 }

 li#mega-menu-item-custom_html-16 {
     width: 260px !important;
 }

 .cp-align-sub ul.mega-sub-menu {
     margin-left: 65px !important;
     background: #f1f1f1 !important;
     width: 270px !important;
 }

 .cp-left {
     text-align: left;
 }

 p.cp-menu-line {
     border-bottom: 1px solid black;
     width: 110px;
     padding-bottom: 10px;
 }

 a.mega-menu-link {
     text-align: left !important;
 }

 nav#site-navigation {
     position: fixed;
     width: 100%;
     z-index: 1000;
     background: white;
 }

 ul.mega-sub-menu {
     padding-bottom: 10px !important;
     padding-left: 10px !important;
 }

 ::selection {
     color: white;
     background: #1F3664;
 }
.carousel-item .carousel-control-prev {
    z-index: 2;
}
.carousel-item .container {
    z-index: 1;
    position: relative;
}
 .container {
     max-width: 1500px !important;
 }

 .cp-dark-blue-txt {
     color: #1F3664;
 }

 .padding-y-tb {
     padding-top: 75px !important;
     padding-bottom: 75px !important;
 }

 h1 {
     font-family: 'Inter', sans-serif;
     font-weight: 700 !important;
     font-size: 72px;
     color: #1F3664;
 }

 .cp-80-font {
     font-family: 'Inter', sans-serif;
     font-weight: 400 !important;
     font-weight: 600;
     font-size: 80px;
 }

 h2 {
     font-family: 'Inter', sans-serif;
     font-weight: 700 !important;
     font-size: 40px;
     color: #1F3664;
     padding-bottom: 20px;
 }

 h3 {
     font-family: 'Inter', sans-serif;
     font-weight: 700 !important;
     font-size: 30px;
     color: #1F3664;
     padding-bottom: 20px;
 }

 h4 {
     font-family: 'Inter', sans-serif;
     font-weight: 700 !important;
     font-size: 24px;
     color: #1F3664;
 }

 p {
     font-family: 'Inter';
     font-size: 15px;
     color: #1F3664;
     margin-bottom: 20px;
 }

 .script {
     font-family: 'Libre Baskerville', serif;
     font-size: 30px;
     font-style: italic;
     color: #1F3664;
 }

 ul {
     color: #1f3664 !important;
 }

 li::marker {
     font-size: 22px;
 }

 .head-text {
     display: grid;
     place-items: center;
     height: 100%;
 }

 .cp-menu-txt {
     font-family: 'Inter', sans-serif;
     font-size: 16px;
     color: #1F3664;
     font-weight: 600 !important;
 }

 .port-link {
     text-transform: none;
     font-family: 'Inter';
     color: #1F3664;
     text-align: center;
     font-weight: 600;
     font-size: 16px;
     transition: 2s;
 }

 a.port-link:hover {
     text-decoration: none;
     color: #41AFFF;
 }

 .mulled-link {
     text-transform: none;
     font-family: 'Inter';
     color: white;
     font-size: 14px;
 }

 a.mulled-link:hover {
     text-decoration: none;
     color: white;
 }

 a.footer-link {
     color: #1F3664;
     transition: 2s;
 }

 a.footer-link:hover {
     color: #41AFFF;
     text-decoration: none;
 }

 a.db-link {
     color: #1F3664;
     transition: 2s;
 }

 a.db-link:hover {
     color: #FF5100;
     text-decoration: none;
 }

 .img-center {
     display: block;
     margin-left: 25%;
     margin-right: 50%;
     width: 50%;
 }

 .img-center-about {
     display: block;
     margin-left: 15%;
     margin-right: 50%;
     width: 67%;
 }

 .cp-padding-top-btm {
     padding-top: 75px !important;
     padding-bottom: 75px !important;
 }

 .cp-bold {
     font-weight: 900;
 }

 .cp-title-size {
     font-size: 40px;
 }

 .cp-padding-top {
     padding-top: 75px !important;
 }

 .white {
     color: white !important;
 }

 .straw-hat-bg {
     background: url('/wp-content/uploads/2022/03/straw-hat-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .silver-bay-bg {
     background-color: #2F6F80;
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .paradise-bay-bg {
     background: url('/wp-content/uploads/2022/03/paradise-bay-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .jolly-roger-bg {
     background: url('/wp-content/uploads/2022/03/jolly-roger-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .perfetto-bg {
     background: url('/wp-content/uploads/2022/03/perfetto-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .mulledwine-bg {
     background: url('/wp-content/uploads/2022/03/mulled-wine-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .straw-hat-gin-bg {
     background: url('/wp-content/uploads/2022/03/straw-hat-gin-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .moonlight-red-bg {
     background: url('/wp-content/uploads/2022/03/moonlight-red-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .nectars-bg {
     background: url('/wp-content/uploads/2022/03/nectars-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

 .sandycove-bg {
     background: url('/wp-content/uploads/2022/03/sandy-cove-bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 850px;
     background-position: center;
 }

.lacey-bg{
    background: url(/wp-content/uploads/2025/04/lacey-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 850px;
    background-position: center;
}

.lacey-bg .cp-desk-img{
    padding-top: 7%;
    max-height: 800px;
}

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

    .lacey-bg .cp-desktop-content{
        display: block;
        float: left;
    }
    .lacey-bg .slider-text{
        text-align: left;
        width: 100%;
        float: left;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .lacey-bg h5{
        text-align: left;
        font-size: 24px;
    }
    .lacey-bg .Allergens, .lacey-bg .line-width{
        float: left;        
    }
    .lacey-bg .cp-desktop-content img{
        margin: 0 10px 10px 0;
    }
    .lacey-bg .carousel-indicators{
        width: 100%;
    }
    .lacey-bg .Socials{
        display: none;
    }
    .lacey-bg .cp-desk-img{
        padding-top: 0;
    }
    .lacey-bg .cp-mob-img{
        padding-top: 80px;
    }
}

.BlueTint{
    position: relative;
}

.BlueTint:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(17 175 205);
    mix-blend-mode: color;
}

 .pos-btm-y {
     display: flex;
     flex-direction: column;
     justify-content: end;
 }

 .cp-home-btn {
     color: #1F3664 !important;
     border: 1px solid #1F3664 !important;
 }

 .cp-mob-img {
     padding-top: 90px;
 }

 .slider-logo {
     width: 300px;
 }

 .line-width {
     padding-top: 10px;
     padding-bottom: 10px;
 }

 .slider-text {
     max-width: 75%;
 }

 .cp-no-padding-left-right {
     padding-left: 0px !important;
     padding-right: 0px !important;
 }

 .slide-1-prev {
     background: url("/wp-content/uploads/2022/04/sandy-prev.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-1-next {
     background: url("/wp-content/uploads/2025/04/FORWARD.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-2-prev {
     background: url("/wp-content/uploads/2025/04/BACK.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-2-next {
     background: url("/wp-content/uploads/2022/04/mojito-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-3-prev {
     background: url("/wp-content/uploads/2022/04/silver-bay-prev.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-3-next {
     background: url("/wp-content/uploads/2022/04/jolly-roger-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-4-prev {
     background: url("/wp-content/uploads/2022/04/mojito-prev.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-4-next {
     background: url("/wp-content/uploads/2022/04/mulled-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-5-prev {
     background: url("/wp-content/uploads/2022/04/silver-bay-prev.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-5-next {
     background: url("/wp-content/uploads/2022/04/mojito-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-6-prev {
     background: url("/wp-content/uploads/2022/04/jolly-roger-prev.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-6-next {
     background: url("/wp-content/uploads/2022/04/peaches-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-7-prev {
     background: url("/wp-content/uploads/2022/04/mulled-prev.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-7-next {
     background: url("/wp-content/uploads/2022/04/sandy-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-8-prev {
     background: url("/wp-content/uploads/2022/04/mulled-prev.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-8-next {
     background: url("/wp-content/uploads/2022/04/sandy-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-9-prev {
     background: url("/wp-content/uploads/2022/03/peaches-left-arrow.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-9-next {
     background: url("/wp-content/uploads/2022/11/straw-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

  .slide-10-prev {
     background: url("/wp-content/uploads/2025/04/Strawhat-back.svg") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .slide-10-next {
     background: url("/wp-content/uploads/2022/04/silver-bay-next.png") no-repeat scroll center !important;
     background-size: contain !important;
 }

 .padding-y-top {
     padding-top: 45px !important;
 }

 .padding-y-btm {
     padding-bottom: 45px !important;
 }

 .padding-top-small {
     padding-top: 20px;
 }

 .padding-btm-small {
     padding-bottom: 20px;
 }

 .padding-top-large {
     padding-top: 90px;
 }

 .padding-h-top {
     padding-top: 60px;
 }

 .padding-btm-large {
     padding-bottom: 90px;
 }

 .p-t-10 {
     padding-top: 10px;
 }

 .p-r-0 {
     padding-right: 0;
 }

 .p-l-0 {
     padding-left: 0;
 }

 .portfolio-padding {
     padding-top: 5px !important;
     padding-right: 2.5px;
 }

 .portfolio-padding-right {
     padding-top: 5px !important;
     padding-left: 2.5px;
 }

 .img-captions {
     padding: 0% 24%;
 }

 .p-lr-5 {
     padding-left: 5%;
     padding-right: 5%;
 }

 .offset-cwf {
     margin-left: 8.333333%;
 }

 .center-y {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .center-x {
     display: flex;
     justify-content: center;
 }

 .bottom-y {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
 }

 .max-width-wwd {
     max-width: 65%;
 }

 .header-logo {
     position: absolute;
     z-index: 1001;
     margin-top: 24px;
     height: 160px;
 }

 h4.mega-block-title {
     text-transform: none !important;
     font-family: 'Inter' !important;
     color: #1F3664 !important;
     text-align: center !important;
 }

 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
     text-align: center !important;
 }

 .age-gate-form {
     margin: 0 auto;
     max-width: 800px;
     width: 100%;
     background: transparent;
     padding: 50px 20px;
     position: relative;
     color: white;
 }

 h2.age-gate-subheading {
     color: white;
     font-size: 14px;
     padding-top: 20px;
     letter-spacing: 2px;
 }

 p.age-gate-message {
     font-size: 48px;
     color: white;
     font-family: 'Inter';
     font-weight: 600;
 }

 p.age-gate-challenge {
     color: #1F3664;
 }

 button.age-gate-submit-yes {
     border: 1px solid white !important;
     background: #1F3664;
     color: white;
     text-transform: uppercase;
     padding: 10px 50px;
     font-size: 14px;
     cursor: pointer;
 }

 button.age-gate-submit-no {
     border: 1px solid white !important;
     background: #1F3664;
     color: white;
     text-transform: uppercase;
     padding: 10px 54px;
     font-size: 14px;
     margin-left: 0%;
     cursor: pointer;
 }

 button.age-gate-submit-yes:hover {
     color: white !important;
     border: 1px solid white !important;
     background: #6f9cf5;
 }

 button.age-gate-submit-no:hover {
     color: white !important;
     border: 1px solid white !important;
     background: #6f9cf5;
 }

 .age-gate-additional-information p {
     color: #1F3664;
     font-size: 12px;
 }

 ul.cwf-list {
     padding-left: 15px;
 }

 ul.cwf-list li {
     color: #1F3664;
     font-family: 'Inter';
     font-size: 15px;
 }

 btn.btn-main {
     color: #1F3664;
     border: 2px solid #1F3664;
     padding: 10px 30px;
     text-transform: uppercase;
 }

 btn.btn-white {
     color: white;
     border: 2px solid white;
     padding: 10px 30px;
     text-transform: uppercase;
 }

 .white {
     color: white !important;
 }

 .img-captions {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
     max-width: 100%;
     width: 100%;
 }

 .h-650 {
     height: 650px;
 }

 .h-600 {
     height: 600px;
 }

 .h-700 {
     height: 700px;
 }

 footer#colophon {
     line-height: 4px;
     color: #1F3664;
 }

 footer#colophon p {
     margin-bottom: 15px;
 }

 .button-bottom {
     position: absolute;
     margin: 0 auto;
     left: 49%;
     top: 80%;
     transform: translate(-50%, -50%);
 }

 .btn-container {
     position: relative;
 }

 .btn {
     color: #1F3664;
     border: 1px solid #1F3664;
     margin-top: 20px;
     font-size: 14px;
     padding: 15px 30px;
     text-transform: uppercase;
     position: relative;
     overflow: hidden;
     cursor: pointer;
     border-radius: 0px;
 }

 .btn span {
     font-family: 'Roboto', sans-serif;
     position: relative;
     z-index: 100;
 }

 .btn:before,
 .btn:after {
     content: '';
     position: absolute;
     display: block;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
 }

 .btn:before {
     transform: translate3d(-100%, 0, 0);
     background-color: #b5caf4;
     border: 1px solid #b5caf4;
     transition: transform 300ms;
 }

 .btn:after {
     background-color: #6f9cf5;
     border: 1px solid #6f9cf5;
     transform: translate3d(100%, 0, 0);
     transition: transform 200ms 200ms cubic-bezier(0.16, 0.73, 0.58, 0.62);
 }

 .btn:hover:before {
     transform: translate3d(0, 0, 0);
 }

 .btn:hover:after {
     transform: translate3d(0, 0, 0);
 }

 .cp-home-btn {
     color: white !important;
     border: 1px solid white !important;
 }

 img.line-break-cwf {
     width: 80px !important;
     padding-bottom: 20px;
     padding-top: 15px;
 }

 .age-gate-additional-information {
     width: 100%;
 }

 .cp-object-fit {
     object-fit: cover;
 }

 .cp-slider-img {
     max-height: 1100px;
     min-height: 700px;
     object-fit: cover;
     object-position: left;
 }

 .cp-slider-img-mob {
     max-height: 600px;
 }

 .sticky-top {
     position: fixed;
     top: 5;
     z-index: 1000;
     width: 100%;
     background: #F4F4F4 !important;
     padding: 0% 10%;
 }

 button.but {
     background: none;
     border: none;
     color: white;
     padding: 0px;
     margin-bottom: 5%;
     position: relative;
     z-index: 100;
 }

 .content {
     display: none;
 }

 .age-gate-wrapper {
     overflow-y: hidden !important;
     overflow-x: hidden !important;
 }

 form.age-gate-form {
     overflow-y: hidden !important;
     overflow-x: hidden !important;
 }

 .cp-padding-x {
     padding-left: 5%;
     padding-right: 5%;
 }

 .cp-padding-y {
     padding: 5% 5%;
 }

 .lol img {
     width: 75%;
 }

 }

 @media screen and (min-width: 1601px) {
     .paralax-hide-lg {
         display: none;
     }
 }

 @media screen and (max-width: 1600px) {
     .paralax-hide {
         display: none;
     }
     .cp-align-sub ul.mega-sub-menu {
         margin-left: 30px !important;
     }
 }

 @media screen and (max-width: 1500px) {
     .container {
         padding: 0px 50px;
     }
 }

 @media screen and (min-width: 1441px) {
     .cp-home-width {
         width: 800px;
     }
 }

 @media screen and (max-width: 1440px) {
     h1 {
         font-size: 50px;
     }
     .cp-font-60 {
         font-size: 50px;
     }
     .cp-50-font {
         font-size: 38px !important;
     }
     h2 {
         font-size: 30px !important;
     }
     .script {
         font-size: 24px !important;
     }
     p {
         font-size: 14px !important;
     }
     .cp-scroll-icon {
         width: 70%;
     }
 }

 @media screen and (max-width: 1300px) {
     .cp-align-sub ul.mega-sub-menu {
         margin-left: 0px !important;
     }
 }

 @media screen and (max-width: 1200px) {
     .offset-cwf {
         margin-left: 15px;
     }
     .max-width-wwd {
         max-width: 100%;
     }
     .cp-amend ul {
         margin-top: 0px !important;
         padding: 0px !important;
     }
     .container {
         padding: 0px 40px;
     }
     .timeline-content {
         width: 88% !important;
     }
     li#mega-menu-43-1 {
         margin-top: -20px !important;
     }
 }

 @media screen and (max-width: 1199px) {
     .pad-x {
         padding-left: 5%;
         padding-right: 5%;
     }
     .pad-xy {
         padding-left: 5%;
         padding-right: 5%;
         padding-bottom: 45px;
         padding-top: 45px;
     }
 }

 @media screen and (min-width: 1200px) {
     .center-img-lg {
         display: flex;
         justify-content: center;
     }
 }

 @media screen and (min-width: 1025px) {
     .padding-sides {
         padding: 0px 18%;
     }
     .cp-show-ipad-below {
         display: none;
     }
 }

 @media screen and (max-width: 1100px) {
     .cp-hide-ipad {
         display: none;
     }
     .timeline-content {
         width: 90% !important;
     }
     .cp-padding-top {
         padding-top: 35px !important;
     }
     .cp-padding-top-btm {
         padding-top: 35px !important;
         padding-bottom: 35px !important;
     }
     .cp-no-padding-left-right {
         padding-left: 15px !important;
         padding-right: 15px !important;
     }
 }

 @media screen and (max-width: 1024px) {
     .hide-ipad {
         display: none !important;
     }
     .ipad-left {
         text-align: left !important;
     }
     .ipad-center {
         text-align: center;
     }
     .container {
         padding: 0px 40px;
     }
 }

 @media screen and (min-width: 993px) {
     .cp-tablet-content {
         display: none;
     }
     .cp-mob-img {
         display: none;
     }
     .hide-desk {
         display: none;
     }
     .p-bot-desk {
         padding-bottom: 50px;
     }
     .center-y-desk {
         display: flex;
         flex-direction: column;
         justify-content: center;
     }
 }

 @media screen and (max-width: 992px) {
     .portfolio-padding {
         padding-left: 15px;
         padding-right: 15px;
         padding-top: 15px !important;
     }
     .portfolio-padding-right {
         padding-left: 15px;
         padding-right: 15px;
         padding-top: 15px !important;
     }
     div#content {
         margin-top: 0px;
     }
     h2 {
         font-size: 40px;
     }
     ol.carousel-indicators {
         justify-content: start !important;
     }
     ul#mega-menu-menu-1 {
         z-index: 1000 !important;
     }
     .header-logo {
         margin-left: 30px !important;
         height: 115px !important;
     }
     .p-t-ipad {
         padding-top: 15px;
     }
     .p-t-ipad-m {
         padding-top: 30px;
     }
     #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
         background: #F4F4F4 !important;
         color: #1F3664 !important;
     }
     li#mega-menu-item-204 {
         border-top: solid 1px #D0D5DF !important;
         border-bottom: solid 1px #D0D5DF !important;
         width: 85% !important;
         margin: 0 auto !important;
     }
     li#mega-menu-item-15,
     li#mega-menu-item-16,
     li#mega-menu-item-17,
     li#mega-menu-item-18,
     li#mega-menu-item-19,
     li#mega-menu-item-226,
     li#mega-menu-item-227 {
         border-bottom: solid 1px #D0D5DF !important;
         width: 85% !important;
         margin: 0 auto !important;
     }
     a.mega-menu-link.mega-menu-logo {
         text-align: center !important;
         margin-left: 0 !important;
         margin: 8% 0% !important;
     }
     .slider-logo {
         padding-top: 25px;
     }
     .cp-90px {
         min-height: 91px;
         display: none;
     }
     .slider-text {
         max-width: 90%;
     }
     .cp-tablet-content {
         display: block;
     }
     .cp-desk-img {
         display: none !important;
     }
     .slide-1-next,
     .slide-2-next,
     .slide-3-next,
     .slide-4-next,
     .slide-5-next,
     .slide-6-next,
     .slide-7-next,
     .slide-8-next {
         background: url(/wp-content/uploads/2022/03/right-ipad.svg) no-repeat scroll center !important;
     }
     .slide-1-prev,
     .slide-2-prev,
     .slide-3-prev,
     .slide-4-prev,
     .slide-5-prev,
     .slide-6-prev,
     .slide-7-prev,
     .slide-8-prev {
         background: url(/wp-content/uploads/2022/03/left-ipad.svg) no-repeat scroll center !important;
     }
     img.mega-menu-logo.mega-svg {
         min-height: 120px;
     }
     li#mega-menu-item-202 {
         min-height: 150px !important;
     }
     .straw-hat-bg,
     .silver-bay-bg,
     .paradise-bay-bg,
     .jolly-roger-bg,
     .perfetto-bg,
     .mulledwine-bg,
     .straw-hat-gin-bg,
     .moonlight-red-bg,
     .sandycove-bg,
     .nectars-bg,
     .lacey-bg {
         min-height: 680px !important;
     }
     .carousel-control-prev {
         left: 0%;
     }
     .timeline-content {
         width: 88% !important;
     }
 }

 @media (max-width: 991px) {
     .ipad-hide {
         display: none !important;
     }
     .cp-padding-top-btm {
         padding-top: 35px !important;
         padding-bottom: 35px !important;
     }
     .cp-padding-top {
         padding-top: 25px !important;
     }
     .mob-p-t {
         padding-top: 35px !important;
     }
 }

 @media screen and (min-width: 961px) {
     .m-t-1 {
         margin-top: -220px;
     }
     .desk-img-margin {
         margin-left: 0px;
     }
 }

 @media screen and (min-width: 769px) {
     .hide-large {
         display: none;
     }
     .hide-port-btn-lg {
         display: none;
     }
     .h-962 {
         height: 830px;
     }
 }

 @media (min-width:2000px) {
     .ipad-mulled-ml {
         margin-left: -15%;
     }
     .ipad-br {
         display: none;
     }
 }

 @media (min-width: 577px) and (max-width: 1000px) {
     .ipad-left {
         display: flex;
         flex-direction: row;
         justify-content: center;
         text-align: center !important;
     }
     .ipad-right {
         display: flex;
         flex-direction: row;
         justify-content: center;
         text-align: center !important;
     }
 }

 @media (min-width: 577px) and (max-width: 810px) {
     .ipad-lr-p {
         padding-left: 25px;
         padding-right: 25px;
     }
     .ipad-m {
         margin-left: -80px;
     }
     .ipad-mm {
         margin-left: 30px;
     }
 }

 @media (max-width: 810px) {
     .h-962 {
         height: 580px;
     }
     .ipad-center {
         display: flex;
         flex-direction: row;
         justify-content: center;
     }
     .container {
         padding: 0px 25px;
     }
     .cp-mob-img {
         height: 500px;
         object-fit: contain;
     }
     nav#site-navigation {
         position: relative;
     }
 }

 @media (max-width: 500px) {
     .h-962 {
         height: auto;
     }
 }

 @media screen and (max-width: 768px) {
     .hide-mob {
         display: none;
     }
     .cp-padding-top-btm {
         padding-top: 20px !important;
         padding-bottom: 20px !important;
     }
     .cp-padding-top {
         padding-top: 15px !important;
     }
     .mob-p-t {
         padding-top: 30px;
     }
     .padding-y-top {
         padding-top: 30px
     }
     .padding-y-btm {
         padding-bottom: 15px;
     }
     .padding-y-tb {
         padding-bottom: 30px !important;
         padding-top: 30px !important;
     }
     .header-logo {
         height: 90px !important;
         margin: 24px 0px 0px 15px !important;
     }
     .padding-top-large {
         padding-top: 30px;
     }
     .padding-btm-large {
         padding-bottom: 15px;
     }
     footer#colophon {
         line-height: 20px;
     }
     .center-mob {
         text-align: center !important;
     }
     h1 {
         font-size: 33px;
     }
     .img-captions {
         padding: 0% 10% !important;
     }
     .header-logo {
         height: 94px;
     }
     .carousel-control-prev {
         left: 65%;
     }
     ol.carousel-indicators {
         padding-top: 20px !important;
         margin-bottom: 32px !important;
     }
     .cp-mob-padding {
         padding: 0px 5px;
     }
     .cp-desktop-content {
         display: none;
     }
     .cp-txt-overlay {
         padding-right: 0% !important;
     }
     .cp-img-background {
         min-height: 650px !important;
     }
     .cp-sourcing {
         height: 350px !important;
     }
     .cp-experts {
         height: 350px;
     }
     .cp-brand {
         height: 350px;
     }
     .no-padding-mob {
         padding-left: 15px !important;
         padding-right: 15px !important;
     }
 }

 @media screen and (max-width: 767px) {
     .hide-mob-sm {
         display: none;
     }
 }

 @media screen and (min-width: 757px) {
     .cp-mulled-mob {
         display: none;
     }
 }

 @media screen and (max-width: 574px) {
     .center-items-mob {
         text-align: center;
     }
     .brand-img-container {
         justify-content: center;
     }
     .cp-mulled-mob {
         display: block;
     }
 }