@charset "UTF-8"; /*! |----------------------------------------------------------------------------------------------------------- | | | | Skin CSS | | | |----------------------------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Normalization - Start | | |----------------------------------------------------------------------------------------- */ html { height: 100%; font-family: sans-serif; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body { height: 100%; margin: 0; color: var(--color-gray-8); font-size: 16px; font-family: "ivypresto-headline", sans-serif; font-weight: 400; line-height: 1.32; letter-spacing: 0; background-color: var(--color-white); } main { position: relative; z-index: 10; } @font-face { font-display: swap; } .defaultPage { overflow: hidden; } a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: 0; outline: 0; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; margin: 0; } pre, code, kbd, samp { font-family: monospace; } abbr { cursor: help; } h1, h2, h3, h4, h5, h6 {color: #000;} a { cursor: pointer; color: var(--color-black); text-decoration: none; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } a p { color: var(--color-gray-8); } a:hover {/* text-decoration: underline; */} small { font-size: 80%; } img, svg { vertical-align: middle; border-style: none; } button { cursor: pointer; overflow: visible; display: inline-block; padding: 0; margin: 0; text-align: center; text-transform: none; vertical-align: middle; outline: none; border: none; border-radius: 0; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: button; background-clip: padding-box; background-color: transparent; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } button:focus, button.focus { outline: 0; box-shadow: none; } button.disabled, button:disabled { cursor: not-allowed; opacity: 0.65; box-shadow: none; } button::-moz-focus-inner { padding: 0; border-style: none; } ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, td, th { text-align: left; font-weight: 400; } td { vertical-align: top; } input, button, select, optgroup, textarea { color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } input.disabled, input:disabled, button.disabled, button:disabled, select.disabled, select:disabled, optgroup.disabled, optgroup:disabled, textarea.disabled, textarea:disabled { cursor: not-allowed; } hr { height: 0; overflow: visible; box-sizing: content-box; margin: 30px 0; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); } :focus { outline: 0; } .blockContents *, .blockContents *::before, .blockContents *::after { box-sizing: border-box; } /*! |----------------------------------------------------------------------------------------- | | | Normalization - End | | |----------------------------------------------------------------------------------------- */ .mwInput.richEdit { height: 500px; } /*! |----------------------------------------------------------------------------------------- | | | Content Style - Heading - Start | | |----------------------------------------------------------------------------------------- */ .content-style h1, .content-style h2, .content-style h3, .content-style h4, .content-style h5, .content-style h6 {font-family: "ivypresto-d", sans-serif;margin-top: 0;margin-bottom: 30px;line-height: 1.2;font-weight: 500;font-family: "ivypresto-headline", sans-serif;text-transform: none;color: var(--color-dark);} .content-style h1 a, .content-style h2 a, .content-style h3 a, .content-style h4 a, .content-style h5 a, .content-style h6 a {color: #000;} .content-style h1 a:hover, .content-style h2 a:hover, .content-style h3 a:hover, .content-style h4 a:hover, .content-style h5 a:hover, .content-style h6 a:hover {color: #1C0301;} .content-style h1 { font-size: 42px; } @media (max-width: 991px) { .content-style h1 { font-size: 38px; } } .content-style h1 .headingCaption { display: block; margin-bottom: 15px; color: var(--color-primary); font-size: 18px; font-weight: 400; } @media (max-width: 991px) { .content-style h1 .headingCaption { font-size: 18px; } } .content-style h2 { font-size: 48px; margin-bottom: 20px; } .content-style h2 strong { font-weight: 600; color: var(--color-primary); } @media (max-width: 991px) { .content-style h2 { font-size: 32px; } } .content-style h3 {font-size: 36px;color: var(--color-dark);font-weight: 500;margin-bottom: 30px;} .content-style h3 strong { font-weight: 600; color: var(--color-primary); } @media (max-width: 991px) { .content-style h3 { font-size: 28px; } } .content-style h4 { font-size: 28px; font-weight: 600; } @media (max-width: 991px) { .content-style h4 { font-size: 24px; margin-bottom: 30px; } } .content-style h5 { font-size: 20px; font-weight: 400; line-height: 1.5; } @media (max-width: 991px) { .content-style h5 { font-size: 20px; } } .content-style h6 { font-size: 18px; font-family: ivypresto-headline, serif; font-weight: 400; line-height: 1.7; } @media (max-width: 991px) { .content-style h6 { font-size: 18px; } } /*! |----------------------------------------------------------------------------------------- | | | Content Style - Heading - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Paragraph - Start | | |----------------------------------------------------------------------------------------- */ .content-style p {line-height: 1.5;font-size: 18px;margin-top: 0;margin-bottom: 30px;color: var(--color-dark);} .content-style p a {text-decoration:underline;} .content-style p.leftOnMobile {font-family:'ivypresto-headline'; font-size:18px;margin-bottom:20px} @media (max-width:991px) { .content-style p.leftOnMobile {text-align:center!important;display: none;} } .content-style .mwPageBlock.Embed .Container p { margin-top: 0; margin-bottom: 30px; } /*! |----------------------------------------------------------------------------------------- | | | Content Style - Paragraph - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Blockquote - Start | | |----------------------------------------------------------------------------------------- */ .content-style blockquote { position: relative; /* padding: 100px 30px 30px 40px; */ /* border-left: 3px solid var(--color-primary); */ margin: 30px; font-style: italic; margin-bottom: 0; padding-left: 15px; font-size: 24px; /* background-color: rgba(0, 0, 0, 0.1); */ ; } .content-style blockquote:before { content: ""; position: absolute; top: -16px; left: -41px; width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; background-image: url(/images/iconmonstr-quote-5-32.png); } .content-style blockquote p { margin-bottom: 15px; font-size: 24px; padding-bottom: 30px; } .content-style blockquote p:last-child { margin-bottom: 0; } .content-style blockquote footer { margin-top: 30px; color: var(--color-primary); font-size: 12px; } .content-style blockquote footer:before { content: "\2014\A0"; } /*! |----------------------------------------------------------------------------------------- | | | Content Style - Blockquote - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Link - Start | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Link - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Image - Start | | |----------------------------------------------------------------------------------------- */ .content-style img.fullWidth { width: 100%; max-width: none; height: auto; } .content-style p img { max-width: 100%; height: auto; } .whiskyfestCtaNew ._bg-whiskyfest p img { height: 91px; width: 400px; } @media (max-width:500px) { .whiskyfestCtaNew ._bg-whiskyfest p img { height: 62px; width: 270px; } } /*! |----------------------------------------------------------------------------------------- | | | Content Style - Image - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - SVG - Start | | |----------------------------------------------------------------------------------------- */ .content-style svg { overflow: hidden; vertical-align: middle; } /*! |----------------------------------------------------------------------------------------- | | | Content Style - SVG - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - List - Start | | |----------------------------------------------------------------------------------------- */ .content-style ul, .content-style ol, .content-style dl { list-style: none !important; counter-reset: item; padding-left: 0; margin: 0 0 30px; } .content-style ul li, .content-style ul dt, .content-style ol li, .content-style ol dt, .content-style dl li, .content-style dl dt { position: relative; padding-left: 20px; margin-bottom: 10px; } .content-style ul li:before, .content-style ul dt:before, .content-style ol li:before, .content-style ol dt:before, .content-style dl li:before, .content-style dl dt:before { position: absolute; left: 0; margin-right: 10px; color: inherit; } .content-style ul li:last-child, .content-style ul dt:last-child, .content-style ol li:last-child, .content-style ol dt:last-child, .content-style dl li:last-child, .content-style dl dt:last-child { margin-bottom: 0; } .content-style ul li:before, .content-style ul dt:before, .content-style dl li:before, .content-style dl dt:before { content: "\25CF"; } .content-style ol li:before { content: counter(item) "."; counter-increment: item; } .content-style ul li ul, .content-style ul li ol, .content-style ul li dl, .content-style ul dt ul, .content-style ul dt ol, .content-style ul dt dl, .content-style ol li ul, .content-style ol li ol, .content-style ol li dl, .content-style ol dt ul, .content-style ol dt ol, .content-style ol dt dl, .content-style dl li ul, .content-style dl li ol, .content-style dl li dl, .content-style dl dt ul, .content-style dl dt ol, .content-style dl dt dl { margin-top: 15px; margin-bottom: 10px; } .content-style ul li ul li, .content-style ul li ul dt, .content-style ul li dl li, .content-style ul li dl dt, .content-style ul dt ul li, .content-style ul dt ul dt, .content-style ul dt dl li, .content-style ul dt dl dt, .content-style ol li ul li, .content-style ol li ul dt, .content-style ol li dl li, .content-style ol li dl dt, .content-style ol dt ul li, .content-style ol dt ul dt, .content-style ol dt dl li, .content-style ol dt dl dt, .content-style dl li ul li, .content-style dl li ul dt, .content-style dl li dl li, .content-style dl li dl dt, .content-style dl dt ul li, .content-style dl dt ul dt, .content-style dl dt dl li, .content-style dl dt dl dt { margin-bottom: 10px; } .content-style ul li ul li:before, .content-style ul li ul dt:before, .content-style ul li dl li:before, .content-style ul li dl dt:before, .content-style ul dt ul li:before, .content-style ul dt ul dt:before, .content-style ul dt dl li:before, .content-style ul dt dl dt:before, .content-style ol li ul li:before, .content-style ol li ul dt:before, .content-style ol li dl li:before, .content-style ol li dl dt:before, .content-style ol dt ul li:before, .content-style ol dt ul dt:before, .content-style ol dt dl li:before, .content-style ol dt dl dt:before, .content-style dl li ul li:before, .content-style dl li ul dt:before, .content-style dl li dl li:before, .content-style dl li dl dt:before, .content-style dl dt ul li:before, .content-style dl dt ul dt:before, .content-style dl dt dl li:before, .content-style dl dt dl dt:before { content: "\25CB"; } .content-style ul._list-unstyled li, .content-style ol._list-unstyled li, .content-style dl._list-unstyled li { padding-left: 0; } .content-style ul._list-unstyled li:before, .content-style ol._list-unstyled li:before, .content-style dl._list-unstyled li:before { display: none; } .content-style ul._list-unstyled li ul, .content-style ul._list-unstyled li ol, .content-style ul._list-unstyled li dl, .content-style ol._list-unstyled li ul, .content-style ol._list-unstyled li ol, .content-style ol._list-unstyled li dl, .content-style dl._list-unstyled li ul, .content-style dl._list-unstyled li ol, .content-style dl._list-unstyled li dl { margin-top: 15px; margin-bottom: 10px; } .content-style ul._list-unstyled li ul li, .content-style ul._list-unstyled li ol li, .content-style ul._list-unstyled li dl li, .content-style ol._list-unstyled li ul li, .content-style ol._list-unstyled li ol li, .content-style ol._list-unstyled li dl li, .content-style dl._list-unstyled li ul li, .content-style dl._list-unstyled li ol li, .content-style dl._list-unstyled li dl li { padding-left: 20px; } .content-style ul._list-inline, .content-style ol._list-inline, .content-style dl._list-inline { display: inline-block; margin: 0; } .content-style ul._list-inline li, .content-style ul._list-inline dt, .content-style ol._list-inline li, .content-style ol._list-inline dt, .content-style dl._list-inline li, .content-style dl._list-inline dt { display: inline-block; padding-left: 0; margin-bottom: 0; } .content-style ul._list-inline li:before, .content-style ul._list-inline dt:before, .content-style ol._list-inline li:before, .content-style ol._list-inline dt:before, .content-style dl._list-inline li:before, .content-style dl._list-inline dt:before { display: none; } .content-style ul._list-checkmark li, .content-style ul._list-checkmark dt, .content-style ol._list-checkmark li, .content-style ol._list-checkmark dt, .content-style dl._list-checkmark li, .content-style dl._list-checkmark dt { padding-left: 26px; } .content-style ul._list-checkmark li:before, .content-style ul._list-checkmark dt:before, .content-style ol._list-checkmark li:before, .content-style ol._list-checkmark dt:before, .content-style dl._list-checkmark li:before, .content-style dl._list-checkmark dt:before { content: "\F058"; font-family: "Font Awesome 5 Free"; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; } .content-style ul._list-checkmark-2 li, .content-style ul._list-checkmark-2 dt, .content-style ol._list-checkmark-2 li, .content-style ol._list-checkmark-2 dt, .content-style dl._list-checkmark-2 li, .content-style dl._list-checkmark-2 dt { padding-left: 26px; } .content-style ul._list-checkmark-2 li:before, .content-style ul._list-checkmark-2 dt:before, .content-style ol._list-checkmark-2 li:before, .content-style ol._list-checkmark-2 dt:before, .content-style dl._list-checkmark-2 li:before, .content-style dl._list-checkmark-2 dt:before { content: url("/images/static/svg/icon-checkmark-2.svg"); width: 18px; height: 18px; } .content-style ul._list-location li, .content-style ul._list-location dt, .content-style ol._list-location li, .content-style ol._list-location dt, .content-style dl._list-location li, .content-style dl._list-location dt { padding-left: 26px; } .content-style ul._list-location li:before, .content-style ul._list-location dt:before, .content-style ol._list-location li:before, .content-style ol._list-location dt:before, .content-style dl._list-location li:before, .content-style dl._list-location dt:before { content: "\F3C5"; font-family: "Font Awesome 5 Free"; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; } /*! |----------------------------------------------------------------------------------------- | | | Content Style - List - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Table - Start | | |----------------------------------------------------------------------------------------- */ .content-style table { width: 100%; border-collapse: collapse; margin-bottom: 30px; } @media (max-width: 767px) { .content-style table:not(.Dialog) { display: block; max-width: 100%; } } .content-style table:not(.Dialog) th, .content-style table:not(.Dialog) td { /* padding: 20px; */ /* text-align: inherit; */ /* vertical-align: top; */ /* border-top: 1px solid rgba(0, 0, 0, 0.2); */ ; } .content-style table:not(.Dialog) thead th { vertical-align: bottom; } .content-style table:not(.Dialog) tbody tr:nth-of-type(odd) { /* background-color: rgba(0, 0, 0, 0.1); */ ; } .content-style table.tableSmall { font-size: 14px; } .content-style table.tableSmall:not(.Dialog) th, .content-style table.tableSmall:not(.Dialog) td { padding: 10px; } /*! |----------------------------------------------------------------------------------------- | | | Content Style - Table - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Background - Start | | |----------------------------------------------------------------------------------------- */ .content-style._bg-primary, .content-style ._bg-primary { color: var(--color-white); background-color: var(--color-primary); } .content-style._bg-primary h1, .content-style._bg-primary h2, .content-style._bg-primary h3, .content-style._bg-primary h4, .content-style._bg-primary h5, .content-style._bg-primary h6, .content-style ._bg-primary h1, .content-style ._bg-primary h2, .content-style ._bg-primary h3, .content-style ._bg-primary h4, .content-style ._bg-primary h5, .content-style ._bg-primary h6 { color: var(--color-white); } .content-style._bg-primary a:not(.small):not(.medium):not(.large), .content-style ._bg-primary a:not(.small):not(.medium):not(.large) { color: var(--color-white); } .content-style._bg-primary a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-primary a:not(.small):not(.medium):not(.large):hover { color: var(--color-primary-darker); } .content-style._bg-primary blockquote, .content-style ._bg-primary blockquote { border-left: 5px solid var(--color-primary-dark); } .content-style._bg-primary .sidebarBorder .sidebarSide, .content-style ._bg-primary .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5); } .content-style._bg-primary hr, .content-style ._bg-primary hr { border-top-color: rgba(255, 255, 255, 0.5); } .content-style._bg-primary .Spacer .mwSpacer .mwDivider, .content-style ._bg-primary .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5); } .content-style._bg-primary .mwInput, .content-style ._bg-primary .mwInput { border-color: var(--color-white); } .content-style._bg-primary .mwInput.file .subcontrol.upload, .content-style._bg-primary .mwInput.select .subcontrol.dropdown, .content-style ._bg-primary .mwInput.file .subcontrol.upload, .content-style ._bg-primary .mwInput.select .subcontrol.dropdown { background-color: var(--color-secondary); } .content-style._bg-primary .mwInput.checkbox .icon:before, .content-style ._bg-primary .mwInput.checkbox .icon:before { border-color: var(--color-white); } .content-style._bg-primary .mwInput.button, .content-style ._bg-primary .mwInput.button { border-color: var(--color-secondary); background-color: var(--color-secondary); } .content-style._bg-primary .mwInput.button input, .content-style ._bg-primary .mwInput.button input { color: var(--color-white); } .content-style._bg-primary .mwInput.button:hover, .content-style ._bg-primary .mwInput.button:hover { border-color: var(--color-primary-darker); background-color: var(--color-primary-darker); } .content-style._bg-primary .mwInput .icon, .content-style ._bg-primary .mwInput .icon { color: var(--color-white); } .content-style._bg-primary .Menu ul li a, .content-style ._bg-primary .Menu ul li a { color: var(--color-white); } .content-style._bg-primary .Menu ul li a:hover, .content-style ._bg-primary .Menu ul li a:hover { color: var(--color-primary-darker); } .content-style._bg-primary .snsLink a, .content-style ._bg-primary .snsLink a { color: var(--color-white); } .content-style._bg-primary .snsLink a:hover, .content-style ._bg-primary .snsLink a:hover { color: var(--color-primary-dark); } .content-style._bg-primary .snsLinkCircle a, .content-style._bg-primary .snsLinkCircle button, .content-style._bg-primary .snsLinkSquare a, .content-style._bg-primary .snsLinkSquare button, .content-style ._bg-primary .snsLinkCircle a, .content-style ._bg-primary .snsLinkCircle button, .content-style ._bg-primary .snsLinkSquare a, .content-style ._bg-primary .snsLinkSquare button { color: var(--color-white); background-color: var(--color-secondary); } .content-style._bg-primary .snsLinkCircle a:hover, .content-style._bg-primary .snsLinkCircle button:hover, .content-style._bg-primary .snsLinkSquare a:hover, .content-style._bg-primary .snsLinkSquare button:hover, .content-style ._bg-primary .snsLinkCircle a:hover, .content-style ._bg-primary .snsLinkCircle button:hover, .content-style ._bg-primary .snsLinkSquare a:hover, .content-style ._bg-primary .snsLinkSquare button:hover { color: var(--color-white); background-color: var(--color-primary-dark); } .content-style._bg-secondary, .content-style ._bg-secondary { background-color: #fff; } .content-style._bg-secondary-dark, .content-style ._bg-secondary-dark { background-color: var(--color-secondary); } .content-style._bg-white, .content-style ._bg-white { background-color: var(--color-white); } .content-style._bg-black, .content-style ._bg-black { color: var(--color-white); background-color: var(--color-black); } .content-style._bg-black h1, .content-style._bg-black h2, .content-style._bg-black h3, .content-style._bg-black h4, .content-style._bg-black h5, .content-style._bg-black h6, .content-style ._bg-black h1, .content-style ._bg-black h2, .content-style ._bg-black h3, .content-style ._bg-black h4, .content-style ._bg-black h5, .content-style ._bg-black h6 { color: var(--color-white); } .content-style._bg-black a:not(.small):not(.medium):not(.large), .content-style ._bg-black a:not(.small):not(.medium):not(.large) { color: var(--color-white); } .content-style._bg-black a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-black a:not(.small):not(.medium):not(.large):hover { color: var(--color-primary); } .content-style._bg-black blockquote, .content-style ._bg-black blockquote { background-color: rgba(255, 255, 255, 0.3); } .content-style._bg-black table:not(.Dialog) th, .content-style._bg-black table:not(.Dialog) td, .content-style ._bg-black table:not(.Dialog) th, .content-style ._bg-black table:not(.Dialog) td { border-top: 1px solid rgba(255, 255, 255, 0.5); } .content-style._bg-black table:not(.Dialog) tbody tr:nth-of-type(odd), .content-style ._bg-black table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.3); } .content-style._bg-black .sidebarBorder .sidebarSide, .content-style ._bg-black .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5); } .content-style._bg-black hr, .content-style ._bg-black hr { border-top-color: rgba(255, 255, 255, 0.5); } .content-style._bg-black .Spacer .mwSpacer .mwDivider, .content-style ._bg-black .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5); } .content-style._bg-black .mwInput, .content-style ._bg-black .mwInput { border-color: var(--color-white); } .content-style._bg-black .mwInput.file .subcontrol.upload, .content-style._bg-black .mwInput.select .subcontrol.dropdown, .content-style ._bg-black .mwInput.file .subcontrol.upload, .content-style ._bg-black .mwInput.select .subcontrol.dropdown { background-color: var(--color-primary); } .content-style._bg-black .mwInput.checkbox .icon:before, .content-style ._bg-black .mwInput.checkbox .icon:before { border-color: var(--color-white); } .content-style._bg-black .mwInput.button, .content-style ._bg-black .mwInput.button { border-color: var(--color-primary); background-color: var(--color-primary); } .content-style._bg-black .mwInput.button input, .content-style ._bg-black .mwInput.button input { color: var(--color-white); } .content-style._bg-black .mwInput.button:hover, .content-style ._bg-black .mwInput.button:hover { border-color: var(--color-primary); background-color: var(--color-primary); } .content-style._bg-black .mwInput .icon, .content-style ._bg-black .mwInput .icon { color: var(--color-white); } .content-style._bg-black .Menu ul li a, .content-style ._bg-black .Menu ul li a { color: var(--color-white); } .content-style._bg-black .Menu ul li a:hover, .content-style ._bg-black .Menu ul li a:hover { color: var(--color-primary); } .content-style.headerAdArea {background: var(--color-black);padding: 20px 0;position: relative;z-index: 9;width: 100%;display: flex;align-items: center;justify-content: center;height: 250px;} .content-style.headerAdArea .contentAreaWrap {height: 250px;} @media (max-width:767px) { .content-style.headerAdArea, .content-style.headerAdArea .contentAreaWrap {height: 50px;} } .content-style.headerAdArea p { padding-bottom: 0; margin-bottom: 0 !important; } .content-style.headerAdArea .contentAreaWrap { padding: 0; } .content-style.postTopAdArea {background: #000;z-index: 9;width: 100%;display: flex;align-items: center;justify-content: center;/* position: fixed; */top: 0;padding: 20px 0;} .content-style.postTopAdArea p { padding-bottom: 0; margin-bottom: 0 !important; } .content-style.postTopAdArea .contentAreaWrap { padding: 0; } ._bg-whiskyfest { background: url(/images/ctaBg.jpg) center center no-repeat; background-size: cover; height: 700px; } .whiskyfestCtaNew ._bg-whiskyfest { background: url(/images/ctaBg.jpg) center center no-repeat; background-size: cover; height: 600px; } ._bg-whiskyfest img {} ._bg-whiskyfest h1, ._bg-whiskyfest h2, ._bg-whiskyfest h3, ._bg-whiskyfest h4, ._bg-whiskyfest h5, ._bg-whiskyfest h6, ._bg-whiskyfest p, ._bg-whiskyfest a { color: var(--color-secondary-light); } ._bg-whiskyfest h3 { font-size: 42px; } ._bg-discover { background: url(/images/ctaDiscover.jpg) center center no-repeat; background-size: cover; } .discoverNewWrap { background: var(--color-secondary-light); } ._bg-discover.discoverNew { background: url(/images/discoverBgNew.jpg) center center no-repeat; background-size: cover; padding-top: 50px; max-width: 94%; margin: 0 auto; } @media (max-width:991px) { ._bg-discover.discoverNew { padding-top: 0; max-width: 100%; margin: 0 auto; background: none; background-color: var(--color-dark); } .discoverNewWrap { padding-left: 15px; padding-right: 15px; } } ._bg-discover h1, ._bg-discover h2, ._bg-discover h3, ._bg-discover h4, ._bg-discover h5, ._bg-discover h6, ._bg-discover p, ._bg-discover a { color: var(--color-secondary-light); } ._bg-discover h2 { font-size: 48px; font-weight: 600; } ._bg-discover .ctaDiscoverBtns { display: flex; width: 100%; margin-top: 60px; } ._bg-discover.discoverNew .ctaDiscoverBtns { display: block; width: 100%; margin: 10px 0; padding: 0 15px; max-width: 60%; } ._bg-discover.discoverNew .ctaDiscoverBtns .col-lg-4 { padding-right: 5px; padding-left: 5px } ._bg-discover .ctaDiscoverBtns .Button:first-child { min-width: 233px; } ._bg-discover .ctaDiscoverBtns .Button a { /* min-width: 213px; */ } ._bg-discover.discoverNew .ctaDiscoverBtns .Button:first-child { width: 100%; } ._bg-discover.discoverNew .ctaDiscoverBtns .Button a { width: 100%; } ._bg-discover .modalWrap { min-width: 230px; } ._bg-discover.discoverNew .ctaDiscoverBtns .modalWrap {min-width: 100%;} ._bg-discover.discoverNew .ctaDiscoverBtns .modalWrap .btn a { width: 100%; } @media (max-width:1420px) { ._bg-discover.discoverNew .ctaDiscoverBtns { display: block; width: 100%; margin: 10px 0; padding: 0 15px; max-width: 80%; } } @media (max-width:991px) { ._bg-discover.discoverNew .ctaDiscoverBtns { display: block; width: 100%; margin: 10px 0; padding: 0 15px; max-width: 100%; } .content-style.postTopAdArea { height: auto; position: relative; top: 0; padding: 20px 0; } ._bg-whiskyfest { height: auto; } .whiskyfestCtaNew ._bg-whiskyfest { height: auto; } ._bg-discover { background: url(/images/ctaDiscover.jpg) right center no-repeat; background-size: cover; } ._bg-discover .contentAreaWrap { background: rgba(0, 0, 0, 0.7); } ._bg-discover.discoverNew .contentAreaWrap { background: rgba(0, 0, 0, 0); } ._bg-discover h1, ._bg-discover h2, ._bg-discover h3, ._bg-discover h4, ._bg-discover h5, ._bg-discover h6, ._bg-discover p, ._bg-discover a { max-width: 100%; text-align: center; } ._bg-whiskyfest h3 { font-size: 36px; } ._bg-discover .ctaDiscoverBtns { display: block; width: 100%; } ._bg-discover h2 { font-size: 36px; font-weight: 600; } ._bg-discover.discoverNew .col-xl-6:first-child p { display: none; } ._bg-discover.discoverNew .ctaDiscoverBtns .col-lg-6:first-child { padding-right: 15px; } ._bg-discover.discoverNew .ctaDiscoverBtns .col-lg-6:last-child { padding-left: 15px; } ._bg-discover.discoverNew .ctaDiscoverBtns .col-lg-6:last-child .btnSecondaryOutline a { background: transparent; } } @media (max-width:767px) { ._bg-discover { background: url(/images/ctaDiscover.jpg) -700px center no-repeat; background-size: cover; } } @media (max-width:500px) { ._bg-discover { background: url(/images/ctaDiscover.jpg) -900px center no-repeat; background-size: cover; } } .content-style._top20Homepage { background: var(--color-secondary-light) url(/images/top20Bg.jpg) center center no-repeat; background-size: cover; } .content-style._top20Homepage.top20White { background: var(--color-secondary-light) url(/images/top20BgWhite.jpg) center center no-repeat !important; background-size: cover; } .top20HomepageNew { background: var(--color-secondary-light); } .top20HomepageNew .content-style._top20Homepage { max-width: 94%; margin: 0 auto; } .content-style._top20Homepage h1, .content-style._top20Homepage h2, .content-style._top20Homepage h3, .content-style._top20Homepage h4, .content-style._top20Homepage h5, .content-style._top20Homepage h6, .content-style._top20Homepage p, .content-style._top20Homepage a { color: var(--color-white); } .content-style._top20Homepage.top20White h1, .content-style._top20Homepage.top20White h2, .content-style._top20Homepage.top20White h3, .content-style._top20Homepage.top20White h4, .content-style._top20Homepage.top20White h5, .content-style._top20Homepage.top20White h6, .content-style._top20Homepage.top20White p, .content-style._top20Homepage.top20White a { color: var(--color-dark); } .content-style._top20Homepage h2 { font-size: 68px; font-weight: 600; } .content-style._top20Homepage h2 strong { color: var(--color-primary); font-weight: 600; } @media (max-width:991px) { .content-style._top20Homepage .mwBtnCenter { text-align: left; } .content-style._top20Homepage h2 { font-size: 42px; font-weight: 600; text-align: center; margin-bottom: 0; } .content-style._top20Homepage .twoColRight { display: none; } .content-style._top20Homepage { background: var(--color-dark); background-size: cover; } } @media (max-width:991px) { .content-style._top20Homepage.top20White h3 a { color: var(--color-white); } .top20HomepageNew .content-style._top20Homepage { max-width: 100%; margin-left: 15px; margin-right: 15px; } } /*! |----------------------------------------------------------------------------------------- | | | Content Style - Background - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Form - Start | | |----------------------------------------------------------------------------------------- */ .content-style .Dialog { width: 100%; table-layout: fixed; } .content-style .Dialog ::-webkit-input-placeholder { opacity: 1; color: #000; font-size: 16px; } .content-style .Dialog ::-moz-placeholder { opacity: 1; color: #000; } .content-style .Dialog :-ms-input-placeholder { opacity: 1; color: #000; font-size: 16px; } .content-style .Dialog ::-ms-input-placeholder { opacity: 1; color: #000; font-size: 16px; } .content-style .Dialog ::placeholder { opacity: 1; color: #000; font-size: 16px; } .content-style .Dialog hr { margin: 35px 0; border-color: rgba(0, 0, 0, 0.2); } .content-style .Dialog label { display: block; padding-bottom: 8px; } .content-style .Dialog .asterisk { color: var(--color-red); } .content-style .Dialog th, .content-style .Dialog td { padding: 8px 0; } .content-style .Dialog .Caption h4 { margin-bottom: 0; } .content-style .Dialog th+td { padding-left: 15px; } .content-style .Dialog .formTitle { font-family: "ivypresto-headline", sans-serif; font-size: 16px; margin-bottom: 15px; } @media (max-width: 575px) { .content-style .Dialog.wide th+td { padding-left: 0; } } @media (max-width: 575px) { .content-style .Dialog.wide th, .content-style .Dialog.wide td { display: block; } } .content-style .mwInput { /*height: auto;*/ padding: 0; margin: 0; font-size: 16px; font-family: "ivypresto-headline", sans-serif; line-height: 1.5; color: #000; border: none; border-bottom: 1px solid #000; border-radius: 0; background-color: transparent; box-shadow: none; margin-bottom: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .content-style .mwInput input, .content-style .mwInput textarea, .content-style .mwInput button, .content-style .mwInput select, .content-style .mwInput option, .content-style .mwInput optgroup, .content-style .mwInput fieldset, .content-style .mwInput label, .content-style .mwInput output { color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; border: none; background-color: transparent; } .content-style .mwInput.text, .content-style .mwInput.button, .content-style .mwInput.file, .content-style .mwInput.select:not(.checkList) {height: 40px;} .content-style .mwInput input, .content-style .mwInput button, .content-style .mwInput select, .content-style .mwInput option, .content-style .mwInput optgroup, .content-style .mwInput fieldset, .content-style .mwInput output, .content-style .mwInput.button input { height: 100%; } .content-style .mwInput label, .content-style .mwInput textarea { height: auto; } .content-style .mwInput *, .content-style .mwInput div { line-height: 1.5; } .content-style .mwInput.select { border-bottom: 1px solid #000; } .content-style .mwInput.select.checkList.new { height: 130px; } .content-style .mwInput.list .body.multiline { border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; } .name-filtersdefaultcustom_rating_category .item:first-child, .name-filtersdefaultcustom_rating_brand .item:first-child { display: none; } .content-style .mwInput.text input { width: 100%; padding: 0; line-height: 1.5; } .content-style .mwInput.select select { width: 100%; } .content-style .mwInput.select .dropdown { width: 50px; height: 50px; line-height: 50px; border: 0; color: var(--color-white); background-color: var(--color-primary); } .content-style .mwInput.select .dropdown:before { display: none; } .content-style .mwInput.select .dropdown:after { content: "\F078"; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; } .content-style .mwInput.select .value { min-width: auto !important; height: 50px; line-height: 50px; /* padding: 0 15px; */ font-family: ivypresto-headline, serif; } .content-style .mwInput.multiple select { padding: 7.5px; } .content-style .mwInput.multiple select option { padding: 5px 7.5px 5px; } .content-style .mwInput.multiple select option:first-of-type { border-radius: 2px 2px 0 0; } .content-style .mwInput.multiple select option:last-of-type { border-radius: 0 0 2px 2px; } .content-style .mwInput.checkbox { /* display: block; */ width: auto; border: none; background: none; box-shadow: none; margin-bottom: 0; top: 6px; } .content-style .mwInput.checkbox:before { display: none; } .content-style .mwInput.checkbox .icon { display: flex; align-items: flex-start; padding: 0; height: auto; white-space: normal; font-family: 'ivypresto-headline'; font-size: 16px; } .content-style .mwInput.checkbox .icon:before { content: ""; position: relative; flex: 0 0 auto; width: 26px; height: 26px; margin: 0 15px 0 0 !important; border: 1px solid rgba(0, 0, 0, 0.8); background-position: center; background-repeat: no-repeat; background-size: 15px; background-image: none; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .content-style .mwInput.checkbox.checked .icon:before { border-color: var(--color-gray-6); background-color: var(--color-gray-6); background-image: url(/images/static/svg/icon-checkmark-1-white.svg); box-shadow: none; } .content-style .mwRadios::after { display: block; clear: both; content: ""; } .content-style .mwRadios .mwInput.checkbox .icon:before { border-radius: 50%; background-size: 10px; } .content-style .mwRadios .mwInput.checkbox.checked .icon:before { background-image: url(/images/static/svg/icon-circle-1-white.svg); } .content-style .mwRadios .mwInput.checkbox+.mwInput.checkbox { margin-top: 8px; } .content-style .mwInput.textarea textarea { display: block; min-height: 100px; padding: 0; resize: vertical; } .content-style .Dialog p { font-family: "ivypresto-headline", sans-serif; font-size: 16px; } .content-style .mwInput.file { padding: 0; } .content-style .mwInput.file .fill { height: 36px; line-height: 36px; background-color: #d6f9ff; } .content-style .mwInput.file .fileName { height: 36px; line-height: 36px; padding: 0; font-family: "ivypresto-headline", sans-serif; font-size: 16px; } .content-style .mwInput.file .num { height: 36px; line-height: 36px; right: 38px; padding: 0 15px; color: var(--color-gray-8); } .content-style .mwInput.file .upload { width: 50px; height: 50px; line-height: 50px; color: var(--color-white); border: 0; background-color: var(--color-primary); } .content-style .mwInput.file .upload>div { display: none; } .content-style .mwInput.file .upload:before { display: none; } .content-style .mwInput.file .upload:after { content: "\F093"; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; } .content-style .mwInput.button { display: table; border-width: 1px; border-style: solid; border-color: var(--color-primary); background-color: transparent; box-shadow: none; margin-bottom: 0; } .content-style .mwInput.button input { color: var(--color-primary) !important; padding: 0 35px; font-size: 16px; font-weight: 700; font-family: "ivypresto-headline", sans-serif; letter-spacing: 0; line-height: 50px; text-transform: none; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .content-style .mwInput.button:hover { border-color: var(--color-primary); background-color: var(--color-primary); } .content-style .mwInput.button:hover input { color: var(--color-white) !important; background: transparent; } .content-style .filterBottom .mwInput.button { border-color: var(--color-secondary-light); background-color: var(--color-secondary-light); } .content-style .filterBottom .mwInput.button input { color: var(--color-primary) !important; } .content-style .filterBottom .mwInput.button:hover { border-color: var(--color-secondary); background-color: var(--color-secondary); } .content-style .filterBottom .mwInput.button:hover input { color: var(--color-primary) !important; background: var(--color-secondary); } .filterBtnsx {} .content-style .mwCaptcha { display: block; padding: 20px 20px 15px; margin: 0; text-align: center; background-color: #f5f5f5; background-image: url("/images/static/pattern/pattern-2.png"); background-repeat: repeat; } @media (max-width: 575px) { .content-style .mwCaptcha { padding: 20px 0 15px; } } @media (max-width: 359px) { .content-style .mwCaptcha { overflow: hidden; width: 290px; padding: 0; text-align: left; background-color: transparent; background-image: none; } } .content-style .mwCaptcha script { display: inline; } @media (max-width:767px) { .content-style .mwInput.select.checkList.new { height: 50px; background: url(/images/down.svg) center right no-repeat; font-size: 14px; padding-left: 0; } .content-style .postListRatingsHome .mwInput.select.checkList.new { height: 80px; background: url(/images/down.svg) center right no-repeat; font-size: 14px; padding-left: 0; } } @media (max-width: 359px) { .content-style .mwCaptcha .g-recaptcha { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transform-origin: 0 0; transform-origin: 0 0; } } .content-style .captchaLeft .mwCaptcha { padding: 0; text-align: left; background: none; } .content-style .Dialog.twoCol { width: calc(50% - 15px); } @media (max-width: 991px) { .content-style .Dialog.twoCol { width: 100%; } } .content-style .Dialog.twoCol:nth-of-type(odd), .content-style .Dialog.twoCol:nth-of-type(even) { margin-right: 15px; } @media (max-width: 991px) { .content-style .Dialog.twoCol:nth-of-type(odd), .content-style .Dialog.twoCol:nth-of-type(even) { float: none; margin-left: 0; margin-right: 0; } } .content-style .Dialog.twoCol:nth-of-type(odd) { float: left; } .content-style .Dialog.twoCol:nth-of-type(even) { float: right; } .content-style .inputGroup { display: flex; align-items: stretch; } .content-style .inputGroup label { flex: 0 0 auto; padding: 0 15px; min-width: 100px; height: 40px; line-height: 38px; font-weight: 700; color: var(--color-white); text-align: center; border-top: 1px solid var(--color-primary); border-left: 1px solid var(--color-primary); border-bottom: 1px solid var(--color-primary); border-radius: 4px 0 0 4px; background-color: var(--color-primary); } .content-style .inputGroup label+.mwInput.text { border-left-width: 0; border-right-width: 1px; border-radius: 0 4px 4px 0; } .content-style .inputGroup .mwInput.text { z-index: 1; flex: 1 1 auto; border-right-width: 0; border-radius: 4px 0 0 4px; } .content-style .inputGroup .mwInput.button { flex: 0 0 auto; border-radius: 0 4px 4px 0; position: relative; bottom: 2px; } .content-style .inputGroup .mwInput.button input { padding: 0 15px; } .content-style .nestedForm:not(tbody) { padding: 30px 30px 35px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.1); } @media (max-width: 575px) { .content-style .nestedForm:not(tbody) { padding: 20px 15px 25px; } } .content-style .nestedForm:not(tbody) table { margin-bottom: 0; } .content-style tbody.nestedForm { border: 30px solid transparent; background-color: rgba(0, 0, 0, 0.1); } .content-style [data-toggle-form-hidden] { display: none; } .content-style [data-toggle-form-hidden-reverse] { display: block; } .content-style .mwFormStatus { margin-bottom: 50px; } .content-style .mwFormStatus:empty { margin-bottom: 0; } .content-style .mwFormStatus>.status { font-size: 12px; padding: 5px 20px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .content-style .mwFormStatus>.status:first-of-type { padding-top: 15px; font-size: 14px; text-transform: uppercase; border-radius: 6px 6px 0 0; } .content-style .mwFormStatus>.status:last-of-type { padding-bottom: 15px; border-radius: 0 0 6px 6px; } .content-style .mwFormStatus>.status:not(:first-of-type) { font-weight: 400; } .content-style .mwFormStatus>.status:not(:first-of-type):before { content: "\F06A"; margin-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; } .content-style .mwFormStatus>.status.error { color: var(--color-white); background-color: var(--color-red); } .content-style .mwFormStatus>.status.error .status { color: var(--color-white); } .content-style .Dialog .alert { margin: 8px 0; } .content-style .mwInput.Disabled, .content-style .mwInput.Disabled * { cursor: not-allowed; } .content-style .mwInput [disabled], .content-style .mwInput input[disabled], .content-style .mwInput textarea[readonly] { cursor: not-allowed; } .content-style .mwInput [readonly], .content-style .mwInput input[readonly], .content-style .mwInput textarea[readonly] { cursor: not-allowed; } .content-style .mwInput.hover:not(.button) {} .content-style .mwInput.hover.checkbox { background-color: transparent; } .content-style .mwInput.focus:not(.button) {} .content-style .mwInput.focus.checkbox { background-color: transparent; box-shadow: none; } .content-style .mwInput.focus.checkbox .icon:before { box-shadow: 0 0 0 3px rgba(67, 207, 214, 0.25); } .content-style .mwInput.error { border-color: var(--color-red); } .content-style .mwInput.error.checkbox .icon:before { border-color: var(--color-red); } .content-style .mwInput.error.focus { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(220, 53, 69, 0.25); } .content-style .mwInput.error.focus.checkbox { box-shadow: none; } .content-style .mwInput.error.focus.checkbox .icon:before { box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.25); } /*! |----------------------------------------------------------------------------------------- | | | Content Style - Form - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Dots Style - Start | | |----------------------------------------------------------------------------------------- */ .dots-style-1 ul.slick-dots li button { width: 18px; height: 18px; border-radius: 50%; border: 1px solid transparent; } .dots-style-1 ul.slick-dots li button:before { width: 6px; height: 6px; background-color: var(--color-gray-6); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .dots-style-1 ul.slick-dots li:hover button, .dots-style-1 ul.slick-dots li.slick-active button { border-color: var(--color-gray-6); } .dots-style-2 ul.slick-dots li button:before { opacity: 0; width: 14px; height: 14px; border: 1px solid var(--color-primary); background-color: transparent; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .dots-style-2 ul.slick-dots li button:after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--color-gray-5); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .dots-style-2 ul.slick-dots li:hover button:before, .dots-style-2 ul.slick-dots li.slick-active button:before { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .dots-style-2 ul.slick-dots li:hover button:after, .dots-style-2 ul.slick-dots li.slick-active button:after { border-color: var(--color-primary); background-color: var(--color-primary); -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); } .dots-style-3 ul.slick-dots li {/* padding: 0 0 10px; */} .dots-style-3 ul.slick-dots li:after {content: "";position: relative;left: 0;display: inline-block;bottom: 0;border-radius: 4px;width: 6px;height: 6px;background-color: var(--color-gray-6);transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .dots-style-3 ul.slick-dots li button { width: auto; min-width: 20px; height: auto; opacity: 0.5; line-height: 1; color: var(--color-gray-6); font-size: 16px; font-weight: 700; } .dots-style-3 ul.slick-dots li button:before { display: none; } .dots-style-3 ul.slick-dots li.slick-active:after {width: 30px;} .dots-style-3 ul.slick-dots li:hover button, .dots-style-3 ul.slick-dots li.slick-active button { opacity: 1; } /*! |----------------------------------------------------------------------------------------- | | | Dots Style - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Form Style One - Start | | |----------------------------------------------------------------------------------------- */ .formStyleOne input, .formStyleOne label, .formStyleOne select, .formStyleOne button, .formStyleOne textarea { width: 100%; margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: none; line-height: 1; } .formStyleOne input:focus { outline: 0; } .formStyleOne input[type=checkbox], .formStyleOne input[type=radio] { width: 13px; height: 13px; } .formStyleOne input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } .formStyleOne ::-webkit-search-decoration { display: none; } .formStyleOne button, .formStyleOne input[type=reset], .formStyleOne input[type=button], .formStyleOne input[type=submit] { overflow: visible; width: auto; } .formStyleOne ::-webkit-file-upload-button { padding: 0; border: 0; background: none; } .formStyleOne textarea { vertical-align: top; overflow: auto; } .formStyleOne select[multiple] { vertical-align: top; } /* |----------------------------------------------------------------------------------------- | | | Form Style One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Form Style Two - Start | | |----------------------------------------------------------------------------------------- */ .formStyleTwo input, .formStyleTwo label, .formStyleTwo select, .formStyleTwo button, .formStyleTwo textarea { width: 100%; margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: none; line-height: 1; } .formStyleTwo input:focus { outline: 0; } .formStyleTwo input[type=checkbox], .formStyleTwo input[type=radio] { width: 13px; height: 13px; } .formStyleTwo input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } .formStyleTwo ::-webkit-search-decoration { display: none; } .formStyleTwo button, .formStyleTwo input[type=reset], .formStyleTwo input[type=button], .formStyleTwo input[type=submit] { overflow: visible; width: auto; } .formStyleTwo ::-webkit-file-upload-button { padding: 0; border: 0; background: none; } .formStyleTwo textarea { vertical-align: top; overflow: auto; } .formStyleTwo select[multiple] { vertical-align: top; } .formStyleTwo .formStyleGroup { margin-bottom: 15px; } .formStyleTwo label { color: #343a40; font-weight: 700; } .formStyleTwo input, .formStyleTwo select { height: 38px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transition: linear 500ms; } .formStyleTwo input:hover, .formStyleTwo select:hover { border-bottom-color: var(--color-primary); } /* |----------------------------------------------------------------------------------------- | | | Form Style Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Button - Start | | |----------------------------------------------------------------------------------------- */ .mwBtnLeft { text-align: left; } .mwBtnRight { text-align: right; } .mwBtnCenter { text-align: center; } .btn { margin-bottom: 20px; } .btn>a:hover, .btn>button:hover, .btn>span:hover { text-decoration: none; } .btn>a.disabled, .btn>a:disabled, .btn>button.disabled, .btn>button:disabled, .btn>span.disabled, .btn>span:disabled { cursor: not-allowed; } .btn>a, .btn>button, .btn>span {cursor: pointer;text-align: center;display: inline-block;text-decoration: none;font-size: 18px;font-weight: 400;border-width: 1px;border-style: solid;border-radius: 10px;text-transform: uppercase;letter-spacing: 0;padding: 10px 35px;font-family: calibri, sans-serif;transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .btn>a.small, .btn>button.small, .btn>span.small { padding: 7px 20px; font-size: 16px; } .btn>a.medium, .btn>button.medium, .btn>span.medium { padding: 12px 25px; font-size: 16px; } .btn>a.large, .btn>button.large, .btn>span.large { padding: 15px 40px; font-size: 24px; } .btnWhite>a, .btnWhite>button, .btnWhite>span { color: var(--color-primary); border-color: var(--color-white); background: var(--color-white); } .btnWhite>a:hover, .btnWhite>button:hover, .btnWhite>span:hover { color: var(--color-primary-dark); border-color: var(--color-white); background: var(--color-white); } .btnBlack>a, .btnBlack>button, .btnBlack>span { color: var(--color-white); border-color: var(--color-white); background: var(--color-black); } .btnBlack>a:hover, .btnBlack>button:hover, .btnBlack>span:hover { color: var(--color-white); border-color: var(--color-white); background: var(--color-primary); } .btnBlack.btnOutline>a, .btnBlack.btnOutline>button, .btnBlack.btnOutline>span { color: var(--color-black); border-color: var(--color-black); background: transparent } .btnBlack.btnOutline>a:hover, .btnBlack.btnOutline>button:hover, .btnBlack.btnOutline>span:hover { color: var(--color-white); border-color: var(--color-black); background: transparent } .btnGray>a, .btnGray>button, .btnGray>span { color: var(--color-white); border-color: var(--color-gray-6); background: var(--color-gray-6); } .btnGray>a:hover, .btnGray>button:hover, .btnGray>span:hover { color: var(--color-white); border-color: var(--color-primary); background: var(--color-primary); } .btnLightGray>a, .btnLightGray>button, .btnLightGray>span { color: var(--color-gray-8); border-color: #dee2e6; background: #dee2e6; } .btnLightGray>a:hover, .btnLightGray>button:hover, .btnLightGray>span:hover { color: var(--color-white); border-color: var(--color-primary); background: var(--color-primary); } .btnDark>a, .btnDark>button, .btnDark>span { color: var(--color-white); border-color: #181818; background: #181818; } .btnDark>a:hover, .btnDark>button:hover, .btnDark>span:hover { color: var(--color-white); border-color: var(--color-primary); background: var(--color-primary); } .btnPrimary>a, .btnPrimary>button, .btnPrimary>span { color: var(--color-white); border-color: var(--color-primary); background: var(--color-primary); } .btnPrimary:not(.btnOutline)>a, .btnPrimary:not(.btnOutline)>button, .btnPrimary:not(.btnOutline)>span { color: var(--color-white) !important; } .btnPrimary>a:hover, .btnPrimary>button:hover, .btnPrimary>span:hover { color: var(--color-white); border-color: var(--color-primary-dark); background: var(--color-primary-dark); } .btnBlue>a, .btnBlue>button, .btnBlue>span { color: var(--color-white); border-color: #172A5C; background: #172A5C; } .btnBlue>a:hover, .btnBlue>button:hover, .btnBlue>span:hover { color: var(--color-white); border-color: var(--color-dark); background: var(--color-dark); } .btnBlue.whiteOutline>a, .btnBlue.whiteOutline>button, .btnBlue.whiteOutline>span { color: var(--color-white); border-color: #fff; background: #172A5C; } .btnBlue.whiteOutline>a:hover, .btnBlue.whiteOutline>button:hover, .btnBlue.whiteOutline>span:hover { color: #172A5C; border-color: #fff; background: #fff; } .btnSecondary>a, .btnSecondary>button, .btnSecondary>span { color: var(--color-white); border-color: var(-color-secondary-light); background: var(-color-secondary-light); } .btnSecondary>a:hover, .btnSecondary>button:hover, .btnSecondary>span:hover { color: var(--color-white); border-color: #7D4838; background: #7D4838; } .btnSecondaryOutline>a, .btnSecondaryOutline>button, .btnSecondaryOutline>span { color: var(--color-secondary-light); border-color: var(--color-secondary-light); background: var(--color-primary); } .btnSecondaryOutline>a:hover, .btnSecondaryOutline>button:hover, .btnSecondaryOutline>span:hover { color: var(--color-primary); border-color: var(--color-secondary-light); background: var(--color-secondary-light); } .btnGroup { display: flex; flex-wrap: wrap; align-items: center; margin-left: -5px; margin-right: -5px; } .btnGroup .btn { flex: 0 0 auto; padding-left: 5px; padding-right: 5px; } .btnRounded>a, .btnRounded>button, .btnRounded>span { border-radius: 100px; } .btnOutline.btnWhite>a, .btnOutline.btnWhite>button, .btnOutline.btnWhite>span { color: var(--color-white); border-color: var(--color-white); background: transparent; } .btnOutline.btnWhite>a:hover, .btnOutline.btnWhite>button:hover, .btnOutline.btnWhite>span:hover { color: var(--color-primary); border-color: var(--color-white); background: var(--color-white); } .btnOutline.btnGray>a, .btnOutline.btnGray>button, .btnOutline.btnGray>span { color: var(--color-gray-6); border-color: var(--color-gray-6); background: transparent; } .btnOutline.btnGray>a:hover, .btnOutline.btnGray>button:hover, .btnOutline.btnGray>span:hover { color: var(--color-white); border-color: var(--color-gray-6); background: var(--color-gray-6); } .btnOutline.btnLightGray>a, .btnOutline.btnLightGray>button, .btnOutline.btnLightGray>span { color: var(--color-gray-8); border-color: #dee2e6; background: transparent; } .btnOutline.btnLightGray>a:hover, .btnOutline.btnLightGray>button:hover, .btnOutline.btnLightGray>span:hover { color: var(--color-gray-8); border-color: #dee2e6; background: #dee2e6; } .btnOutline.btnDark>a, .btnOutline.btnDark>button, .btnOutline.btnDark>span { color: #181818; border-color: #181818; background: transparent; } .btnOutline.btnDark>a:hover, .btnOutline.btnDark>button:hover, .btnOutline.btnDark>span:hover { color: var(--color-white); border-color: #181818; background: #181818; } .btnOutline.btnPrimary>a, .btnOutline.btnPrimary>button, .btnOutline.btnPrimary>span { color: var(--color-primary); border-color: var(--color-primary); background: transparent; } .btnOutline.btnPrimary>a:hover, .btnOutline.btnPrimary>button:hover, .btnOutline.btnPrimary>span:hover { color: var(--color-white); border-color: var(--color-primary); background: var(--color-primary); } .btnOutline.btnBlue>a, .btnOutline.btnBlue>button, .btnOutline.btnBlue>span { color: #172A5C; border-color: #172A5C; background: transparent; } .btnOutline.btnBlue>a:hover, .btnOutline.btnBlue>button:hover, .btnOutline.btnBlue>span:hover { color: var(--color-white); border-color: #172A5C; background: #172A5C; } .btnOutline.btnSecondary>a, .btnOutline.btnSecondary>button, .btnOutline.btnSecondary>span { border-color: #fff; background: transparent; color: #fff; } .btnOutline.btnSecondary>a:hover, .btnOutline.btnSecondary>button:hover, .btnOutline.btnSecondary>span:hover { color: #172A5C; border-color: #fff; background: #fff; } .btnFullWidth a { width: 100%; } .resetBtn { color: var(--color-gray-8); text-decoration: underline; } .resetBtn:hover { color: var(--color-primary); text-decoration: underline; } /*! |----------------------------------------------------------------------------------------- | | | Button - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Area - Start | | |----------------------------------------------------------------------------------------- */ .contentAreaMedium .contentAreaWrap { padding-top: 60px; padding-left: 45px; padding-right: 45px; padding-bottom: 30px; } @media (max-width: 991px) { .contentAreaMedium .contentAreaWrap { padding-top: 40px; padding-left: 24px; padding-right: 24px; padding-bottom: 10px; } } @media (max-width: 767px) { .contentAreaMedium .contentAreaWrap { padding-top: 30px; padding-left: 0; padding-right: 0; padding-bottom: 1px; } } .contentAreaSmall .contentAreaWrap { padding-top: 45px; padding-left: 45px; padding-right: 45px; padding-bottom: 30px; } .clubsDirectoryWrap .contentAreaSmall .contentAreaWrap { padding-top: 0; padding-left: 45px; padding-right: 45px; padding-bottom: 10px; } .clubsDirectoryWrap .contentAreaSmall.contentAreaMap .contentAreaWrap { padding-top: 0; padding-left: 45px; padding-right: 45px; padding-bottom: 90px; } @media (max-width: 991px) { .clubsDirectoryWrap .contentAreaSmall .contentAreaWrap, .contentAreaSmall .contentAreaWrap { padding-top: 30px; padding-left: 24px; padding-right: 24px; padding-bottom: 15px; } } @media (max-width: 767px) { .clubsDirectoryWrap .contentAreaSmall .contentAreaWrap, .contentAreaSmall .contentAreaWrap { padding-top: 30px; padding-left: 0; padding-right: 0; padding-bottom: 15px; } } .contentAreaLarge .contentAreaWrap { padding-top: 60px; padding-left: 45px; padding-right: 45px; padding-bottom: 60px; } @media (max-width: 991px) { .contentAreaLarge .contentAreaWrap { padding-top: 60px; padding-left: 24px; padding-right: 24px; padding-bottom: 30px; } } @media (max-width: 767px) { .contentAreaLarge .contentAreaWrap { padding-top: 60px; padding-left: 0; padding-right: 0; padding-bottom: 30px; } } .liveEdBlock .contentAreaFullwidth { padding-top: 34px; } .contentAreaFullwidth .contentAreaWrap { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; } .contentAreaFullwidth._top20Homepage .contentAreaWrap { padding-top: 110px; padding-left: 30px; padding-right: 30px; padding-bottom: 0; } @media (max-width: 991px) { .contentAreaFullwidth .contentAreaWrap { padding-top: 0; padding-bottom: 0; } .contentAreaFullwidth._top20Homepage .contentAreaWrap { padding-top: 40px; padding-left: 30px; padding-right: 30px; padding-bottom: 1px; } } @media (max-width: 767px) { .contentAreaFullwidth .contentAreaWrap { padding-top: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 1px; } } .contentAreaFullwidth .container { max-width: none; padding: 0; width: 100%; } .contentAreaFullwidth .row { margin-right: 0; margin-left: 0; } .contentAreaFullwidth .row>.col, .contentAreaFullwidth .row>div[class^=col-], .contentAreaFullwidth .row>div[class*=" col-"] { padding-right: 0; padding-left: 0; } .contentAreaIntro .contentAreaWrap { z-index: 1; position: relative; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); padding-top: 90px; padding-left: 45px; padding-right: 45px; padding-bottom: 60px; } @media (max-width: 991px) { .contentAreaIntro .contentAreaWrap { padding-top: 60px; padding-left: 24px; padding-right: 24px; padding-bottom: 30px; } } @media (max-width: 767px) { .contentAreaIntro .contentAreaWrap { padding-top: 60px; padding-left: 0; padding-right: 0; padding-bottom: 30px; } } .sidebarSide .contentArea .contentAreaWrap { padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 1px; } /*! |----------------------------------------------------------------------------------------- | | | Content Area - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Width - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .contentWidth { padding-top: 34px; } /* |----------------------------------------------------------------------------------------- | | | Content WidTH - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Two Column Fullwidth - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .twoColFullwidth { padding-top: 34px; } .twoColFullwidth.row { margin-right: 0; margin-left: 0; } .twoColFullwidth>.col, .twoColFullwidth>div[class^=col-], .twoColFullwidth>div[class*=" col-"] { padding-right: 0; padding-left: 0; } @media (max-width: 991px) { .twoColFullwidth .twoColFirst { order: -1; } } .twoColFullwidth .twoColLeft, .twoColFullwidth .twoColRight { position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 0; } .twoColFullwidth .twoColContent { width: 100%; padding-top: 40px; padding-bottom: 10px; } @media (min-width: 576px) { .twoColFullwidth .twoColContent { max-width: 540px; } } @media (min-width: 768px) { .twoColFullwidth .twoColContent { max-width: 720px; } } @media (min-width: 992px) { .twoColFullwidth .twoColContent { max-width: 480px; } } @media (min-width: 1200px) { .twoColFullwidth .twoColContent { max-width: 570px; } } .container .twoColFullwidth .twoColContent { padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .container .twoColFullwidth .twoColContent { padding-left: 60px; padding-right: 60px; } } @media (min-width: 1200px) { .container .twoColFullwidth .twoColContent { padding-left: 80px; padding-right: 80px; } } .twoColFullwidth .twoColLeft .twoColContent { margin: 0 auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .twoColFullwidth .twoColLeft .twoColContent { margin-right: 0; padding-right: 60px; } } @media (min-width: 1200px) { .twoColFullwidth .twoColLeft .twoColContent { margin-right: 0; padding-right: 80px; } } .twoColFullwidth .twoColRight .twoColContent { margin: 0 auto; padding-left: 30px; padding-right: 30px; } @media (min-width: 992px) { .twoColFullwidth .twoColRight .twoColContent { margin-left: 0; padding-left: 60px; } } @media (min-width: 1200px) { .twoColFullwidth .twoColRight .twoColContent { margin-left: 0; padding-left: 80px; } } .twoColFullwidth .twoColImg { width: 100%; height: 100%; } .twoColFullwidth .twoColImg>.mwPageBlock, .twoColFullwidth .twoColImg>.mwPageBlock>.blockContents { width: 100%; height: 100%; } .twoColFullwidth .stretchImg { min-height: 550px; } @media (max-width: 991px) { .twoColFullwidth .stretchImg { min-height: auto; padding-bottom: 56%; } } @media (max-width: 575px) { .twoColFullwidth .stretchImg { padding-bottom: 75%; } } /*! |----------------------------------------------------------------------------------------- | | | Two Column Fullwidth - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Sidebar - Start | | |----------------------------------------------------------------------------------------- */ .sidebar .sidebarOpen { display: none; } .sidebar .sidebarClose { display: none; position: absolute; top: 15px; right: 30px; font-size: 26px; line-height: 1; } @media (max-width: 575px) { .sidebar .sidebarClose { right: 15px; } } .sidebarLeft.sidebarBorder .sidebarSide { border-right: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 991px) { .sidebarLeft.sidebarBorder .sidebarSide { border-right: 0; } } .sidebarRight.sidebarBorder .sidebarSide { border-left: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 991px) { .sidebarRight.sidebarBorder .sidebarSide { border-left: 0; } } @media (max-width: 991px) { .sidebarMobile.active { position: relative; z-index: 510; } .sidebarMobile .sidebarSide { order: -1; z-index: 1; margin-bottom: 30px; } .sidebarMobile .sidebarSide .sidebarInner { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 30px 20px; overflow-x: hidden; overflow-y: auto; background-color: var(--color-gray-2); } .sidebarMobile .sidebarOpen { display: block; width: 100%; padding: 15px 20px; text-align: right; font-weight: 700; border-radius: 3px; background-color: #ced4da; } .sidebarMobile .sidebarOpen i { margin-left: 10px; } .sidebarMobile .sidebarClose { display: block; } } @media (max-width: 575px) { .sidebarMobile .sidebarSide .sidebarInner { padding: 50px 15px 20px; } } /*! |----------------------------------------------------------------------------------------- | | | Sidebar - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Sidebar Filter - Start | | |----------------------------------------------------------------------------------------- */ .sidebarFilterOne h1, .sidebarFilterOne h2, .sidebarFilterOne h3, .sidebarFilterOne h4, .sidebarFilterOne h5, .sidebarFilterOne h6 { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .sidebarFilterOne .Dialog th { font-weight: 700; } .sidebarFilterOne .filterList { margin-bottom: 30px; } .sidebarFilterOne .filterList .listItem { margin-bottom: 10px; } .sidebarFilterOne .filterList .itemTitle { cursor: pointer; display: flex; justify-content: space-between; padding: 10px 20px; margin-bottom: 10px; color: var(--color-white); font-weight: 700; border-radius: 3px; background-color: var(--color-primary); } .sidebarFilterOne .filterList .itemBody { padding: 20px 20px 5px; border-radius: 3px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); } .sidebarFilterOne .filterList .itemBody h1, .sidebarFilterOne .filterList .itemBody h2, .sidebarFilterOne .filterList .itemBody h3, .sidebarFilterOne .filterList .itemBody h4, .sidebarFilterOne .filterList .itemBody h5, .sidebarFilterOne .filterList .itemBody h6, .sidebarFilterOne .filterList .itemBody p, .sidebarFilterOne .filterList .itemBody ul, .sidebarFilterOne .filterList .itemBody ol, .sidebarFilterOne .filterList .itemBody dl, .sidebarFilterOne .filterList .itemBody table { margin-bottom: 15px; } .sidebarFilterOne .filterList .itemBody .Dialog th, .sidebarFilterOne .filterList .itemBody .Dialog td { padding-top: 5px; padding-bottom: 5px; } .sidebarFilterOne .mwInput.checkbox .icon { line-height: 22px; } .sidebarFilterOne .mwInput.checkbox input { width: 22px; height: 22px; } .sidebarFilterOne .mwInput.checkbox .icon { padding: 0 0 0 37px; } .sidebarFilterOne .mwInput.checkbox .icon:before, .sidebarFilterOne .mwInput.checkbox .icon:after { width: 22px; height: 22px; } .sidebarFilterOne .mwInput.checkbox .icon:after { background-size: 13.596px; } .sidebarFilterOne .filterBtns { display: flex; flex-wrap: wrap; align-items: center; } .sidebarFilterOne .filterSearchBtn { margin-right: 20px; } .sidebarFilterOne .filterRestBtn { margin-bottom: 30px; } /* |----------------------------------------------------------------------------------------- | | | Sidebar Filter - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Alert One - Start | | |----------------------------------------------------------------------------------------- */ .alertOne { overflow: auto; margin-bottom: 30px; color: #343a40; font-size: 14px; text-align: left; border: none; border-radius: 6px; background-color: var(--color-gray-5); } .alertOne .alertWrap { position: relative; } .alertOne .alertContent { padding: 30px 30px 15px 0; margin-left: 76px; } .alertOne h1, .alertOne h2, .alertOne h3, .alertOne h4, .alertOne h5, .alertOne h6, .alertOne p, .alertOne a { color: #343a40; } .alertOne h1, .alertOne h2, .alertOne h3, .alertOne h4, .alertOne h5, .alertOne h6 { font-size: 20px; margin-bottom: 15px; } .alertOne p { margin-bottom: 15px; } .alertOne a { text-decoration: underline; } .alertOne a:hover { text-decoration: underline; } .alertOne .alertIcon { position: absolute; top: 24px; left: 20px; width: 36px; height: 36px; font-size: 18px; line-height: 36px; text-align: center; border-radius: 50%; background-color: #919ca6; } .alertOne .alertIcon:before { display: block; } .alertOne .alertClose { opacity: 0.5; cursor: pointer; position: absolute; top: 8px; right: 5px; width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; border-radius: 50%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .alertOne .alertClose:before { display: block; } .alertOne .alertClose:hover { opacity: 1; } .alertOne.alertSmall { max-width: 480px; } .alertOne.alertAnimated.alertDefault .alertIcon:before, .alertOne.alertAnimated.alertInfo .alertIcon:before { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .alertOne.alertAnimated.alertSuccess .alertIcon:before { -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .alertOne.alertAnimated.alertWarning .alertIcon:before { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .alertOne.alertAnimated.alertError .alertIcon:before, .alertOne.alertAnimated.alertDanger .alertIcon:before { -webkit-animation-name: jello; animation-name: jello; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .alertOne.alertDefault { color: #343a40; background-color: var(--color-gray-5); } .alertOne.alertDefault h1, .alertOne.alertDefault h2, .alertOne.alertDefault h3, .alertOne.alertDefault h4, .alertOne.alertDefault h5, .alertOne.alertDefault h6, .alertOne.alertDefault p, .alertOne.alertDefault a { color: #343a40; } .alertOne.alertDefault .alertIcon { background-color: #919ca6; } .alertOne.alertInfo { background-color: #43cfd6; } .alertOne.alertInfo .alertIcon { background-color: #29b6bd; } .alertOne.alertSuccess { color: var(--color-white); background-color: var(--color-primary); } .alertOne.alertSuccess h1, .alertOne.alertSuccess h2, .alertOne.alertSuccess h3, .alertOne.alertSuccess h4, .alertOne.alertSuccess h5, .alertOne.alertSuccess h6, .alertOne.alertSuccess p, .alertOne.alertSuccess a { color: var(--color-white); } .alertOne.alertSuccess .alertIcon { background-color: #248e7c; } .alertOne.alertWarning { color: #343a40; background-color: #ffd568; } .alertOne.alertWarning h1, .alertOne.alertWarning h2, .alertOne.alertWarning h3, .alertOne.alertWarning h4, .alertOne.alertWarning h5, .alertOne.alertWarning h6, .alertOne.alertWarning p, .alertOne.alertWarning a { color: #343a40; } .alertOne.alertWarning .alertIcon { background-color: #ffb902; } .alertOne.alertError, .alertOne.alertDanger { color: var(--color-white); background-color: var(--color-red); } .alertOne.alertError h1, .alertOne.alertError h2, .alertOne.alertError h3, .alertOne.alertError h4, .alertOne.alertError h5, .alertOne.alertError h6, .alertOne.alertError p, .alertOne.alertError a, .alertOne.alertDanger h1, .alertOne.alertDanger h2, .alertOne.alertDanger h3, .alertOne.alertDanger h4, .alertOne.alertDanger h5, .alertOne.alertDanger h6, .alertOne.alertDanger p, .alertOne.alertDanger a { color: var(--color-white); } .alertOne.alertError .alertIcon, .alertOne.alertDanger .alertIcon { background-color: #94313a; } /*! |----------------------------------------------------------------------------------------- | | | Alert One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Alert Two - Start | | |----------------------------------------------------------------------------------------- */ .alertTwo { overflow: auto; margin-bottom: 30px; color: #343a40; font-size: 14px; text-align: left; border: none; border-radius: 6px; background-color: var(--color-gray-5); } .alertTwo .alertWrap { position: relative; } .alertTwo .alertContent { padding: 30px 30px 15px; margin-left: 70px; } .alertTwo h1, .alertTwo h2, .alertTwo h3, .alertTwo h4, .alertTwo h5, .alertTwo h6, .alertTwo p, .alertTwo a { color: #343a40; } .alertTwo h1, .alertTwo h2, .alertTwo h3, .alertTwo h4, .alertTwo h5, .alertTwo h6 { font-size: 20px; margin-bottom: 15px; } .alertTwo p { margin-bottom: 15px; } .alertTwo .alertIcon { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 70PX; height: 100%; font-size: 28px; text-align: center; background-color: #919ca6; } .alertTwo .alertIcon:before { opacity: 0.5; flex: 1 0 auto; display: block; } .alertTwo .alertClose { opacity: 0.5; cursor: pointer; position: absolute; top: 8px; right: 5px; width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; border-radius: 50%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .alertTwo .alertClose:before { display: block; } .alertTwo .alertClose:hover { opacity: 1; } .alertTwo.alertSmall { max-width: 480px; } .alertTwo.alertAnimated.alertDefault .alertIcon:before, .alertTwo.alertAnimated.alertInfo .alertIcon:before { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .alertTwo.alertAnimated.alertSuccess .alertIcon:before { -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .alertTwo.alertAnimated.alertWarning .alertIcon:before { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .alertTwo.alertAnimated.alertError .alertIcon:before, .alertTwo.alertAnimated.alertDanger .alertIcon:before { -webkit-animation-name: jello; animation-name: jello; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .alertTwo.alertDefault { color: #343a40; background-color: var(--color-gray-5); } .alertTwo.alertDefault h1, .alertTwo.alertDefault h2, .alertTwo.alertDefault h3, .alertTwo.alertDefault h4, .alertTwo.alertDefault h5, .alertTwo.alertDefault h6, .alertTwo.alertDefault p, .alertTwo.alertDefault a { color: #343a40; } .alertTwo.alertDefault .alertIcon { background-color: #919ca6; } .alertTwo.alertInfo { background-color: #43cfd6; } .alertTwo.alertInfo .alertIcon { background-color: #29b6bd; } .alertTwo.alertSuccess { color: var(--color-white); background-color: var(--color-primary); } .alertTwo.alertSuccess h1, .alertTwo.alertSuccess h2, .alertTwo.alertSuccess h3, .alertTwo.alertSuccess h4, .alertTwo.alertSuccess h5, .alertTwo.alertSuccess h6, .alertTwo.alertSuccess p, .alertTwo.alertSuccess a { color: var(--color-white); } .alertTwo.alertSuccess .alertIcon { background-color: #248e7c; } .alertTwo.alertWarning { color: #343a40; background-color: #ffd568; } .alertTwo.alertWarning h1, .alertTwo.alertWarning h2, .alertTwo.alertWarning h3, .alertTwo.alertWarning h4, .alertTwo.alertWarning h5, .alertTwo.alertWarning h6, .alertTwo.alertWarning p, .alertTwo.alertWarning a { color: #343a40; } .alertTwo.alertWarning .alertIcon { background-color: #ffb902; } .alertTwo.alertError, .alertTwo.alertDanger { color: var(--color-white); background-color: var(--color-red); } .alertTwo.alertError h1, .alertTwo.alertError h2, .alertTwo.alertError h3, .alertTwo.alertError h4, .alertTwo.alertError h5, .alertTwo.alertError h6, .alertTwo.alertError p, .alertTwo.alertError a, .alertTwo.alertDanger h1, .alertTwo.alertDanger h2, .alertTwo.alertDanger h3, .alertTwo.alertDanger h4, .alertTwo.alertDanger h5, .alertTwo.alertDanger h6, .alertTwo.alertDanger p, .alertTwo.alertDanger a { color: var(--color-white); } .alertTwo.alertError .alertIcon, .alertTwo.alertDanger .alertIcon { background-color: #94313a; } /*! |----------------------------------------------------------------------------------------- | | | Alert Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Badge - Start | | |----------------------------------------------------------------------------------------- */ .badge { display: inline-block; padding: 2px 8px; color: var(--color-gray-6); font-size: 10px; font-weight: 700; background-color: var(--color-gray-2); } .badge.badgeSmall { padding: 1px 6px; font-size: 8px; } .badge.badgeMedium { padding: 2px 8px; font-size: 10px; } .badge.badgeLarge { padding: 4px 12px; font-size: 12px; } .badge.badgeDefault { color: var(--color-gray-6); background-color: var(--color-gray-2); } .badge.badgeDark { color: var(--color-white); background-color: #181818; } .badge.badgeGray { color: #181818; background-color: var(--color-gray-2); } .badge.badgePrimary { color: var(--color-white); background-color: var(--color-primary); } .badge.badgeInfo { color: var(--color-white); background-color: #43cfd6; } .badge.badgeSuccess { color: var(--color-white); background-color: var(--color-primary); } .badge.badgeWarning { color: #343a40; background-color: #ffd568; } .badge.badgeError, .badge.badgeDanger { color: var(--color-white); background-color: var(--color-red); } .badge.badgeRounded { border-radius: 50px; } /* |----------------------------------------------------------------------------------------- | | | Badge - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | SNS Link - Start | | |----------------------------------------------------------------------------------------- */ .snsLink.left { text-align: left; } .snsLink.center { text-align: center; } .snsLink.right { text-align: right; } .snsLink a, .snsLink button { display: inline-block; margin-top: 6px; margin-bottom: 6px; line-height: 1; color: var(--color-primary); } .snsLink a:hover, .snsLink button:hover { color: var(--color-primary-dark); } .snsLink a.small, .snsLink button.small { font-size: 16px; margin-right: 15px; } .snsLink a.small:last-of-type, .snsLink button.small:last-of-type { margin-right: 0; } .snsLink a.medium, .snsLink button.medium { font-size: 18px; margin-right: 18px; } .snsLink a.medium:last-of-type, .snsLink button.medium:last-of-type { margin-right: 0; } .snsLink a.large, .snsLink button.large { font-size: 25px; margin-right: 25px; } .snsLink a.large:last-of-type, .snsLink button.large:last-of-type { margin-right: 0; } .snsLink a.huge, .snsLink button.huge { font-size: 30px; margin-right: 30px; } .snsLink a.huge:last-of-type, .snsLink button.huge:last-of-type { margin-right: 0; } .snsLinkCircle a, .snsLinkCircle button, .snsLinkSquare a, .snsLinkSquare button { color: var(--color-secondary-light); text-align: center; background-color: #000; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .snsLinkCircle a:hover, .snsLinkCircle button:hover, .snsLinkSquare a:hover, .snsLinkSquare button:hover { color: var(--color-secondary-light); background-color: var(--color-primary-dark); } .snsLinkCircle a.small, .snsLinkCircle button.small, .snsLinkSquare a.small, .snsLinkSquare button.small { width: 32px; height: 32px; line-height: 32px; font-size: 14px; margin-right: 20px; } .snsLinkCircle a.medium, .snsLinkCircle button.medium, .snsLinkSquare a.medium, .snsLinkSquare button.medium { width: 36px; height: 36px; line-height: 36px; font-size: 18px; margin-right: 20px; } .snsLinkCircle a.large, .snsLinkCircle button.large, .snsLinkSquare a.large, .snsLinkSquare button.large { width: 50px; height: 50px; line-height: 50px; font-size: 25px; margin-right: 6px; } .snsLinkCircle a.huge, .snsLinkCircle button.huge, .snsLinkSquare a.huge, .snsLinkSquare button.huge { width: 60px; height: 60px; line-height: 60px; font-size: 30px; margin-right: 6px; } .snsLinkCircle a, .snsLinkCircle button { border-radius: 50%; } /*! |----------------------------------------------------------------------------------------- | | | SNS Link - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Share Button - Start | | |----------------------------------------------------------------------------------------- */ .shareBtn { display: inline-block; margin: 5px 9px; font-size: 18px; } .shareBtn a { color: var(--color-primary); } .shareBtn:hover a { color: var(--color-primary-dark); } .shareBtnCircle, .shareBtnSquare { width: 32px; height: 32px; line-height: 32px; color: var(--color-white); text-align: center; font-size: 14px; margin: 5px 5px; background-color: var(--color-primary-darker); } .shareBtnCircle:hover, .shareBtnSquare:hover { color: var(--color-white); background-color: var(--color-primary); } .shareBtnCircle { border-radius: 50%; } .videoSocials a:hover {text-decoration:none;} /*! |----------------------------------------------------------------------------------------- | | | Share Button - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Follow Button - Start | | |----------------------------------------------------------------------------------------- */ .followBtn { display: inline-block; margin: 5px 9px; font-size: 18px; } .followBtn a { color: var(--color-primary); } .followBtn:hover a { color: var(--color-primary-dark); } .followBtnCircle, .followBtnSquare { width: 36px; height: 36px; line-height: 36px; color: var(--color-white); text-align: center; font-size: 18px; margin: 5px 3px; background-color: var(--color-primary); } .followBtnCircle:hover, .followBtnSquare:hover { color: var(--color-white); background-color: var(--color-secondary); } .followBtnCircle { border-radius: 50%; } /*! |----------------------------------------------------------------------------------------- | | | Follow Button - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Burger - Start | | |----------------------------------------------------------------------------------------- */ .burger {display: table;position: relative;min-width: 30px;height: 20px;cursor: pointer;} .burger .burgerLines {display: block;position: absolute;top: 2px;left: 0;overflow: hidden;width: 30px;height: 16px;} .burger .burgerLine {display: block;position: absolute;top: 7px;height: 2px;border-radius: 0;background-color: var(--color-black);} .burger .burgerSlashes { display: inline-block; position: absolute; overflow: hidden; top: 0; left: 0; width: 20px; height: 20px; } .burger .burgerSlash { opacity: 0; display: block; position: absolute; top: 9px; left: -3px; width: 26px; height: 2px; border-radius: 0; background-color: var(--color-black); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms; } .burger .burgerText { display: block; position: relative; overflow: hidden; margin-left: 26px; color: var(--color-black); text-transform: uppercase; font-size: 12px; line-height: 20px; } .burger .burgerText .textOpen { display: block; position: absolute; top: 0; left: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; -webkit-transform: translateX(0%); transform: translateX(0%); } .burger .burgerText .textClose { display: block; opacity: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .burger.burgerHover:hover .burgerLine { background-color: var(--color-primary-dark); } .burger.burgerHover:hover .burgerSlash { background-color: var(--color-primary-dark); } .burger.burgerHover:hover .burgerText { color: var(--color-primary-dark); } .burger.open .burgerText .textOpen { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .burger.open .burgerText .textClose { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } .burgerWf { display: table; position: relative; min-width: 20px; height: 20px; cursor: pointer; margin-left: 30px; } .burgerWf .burgerLines { display: block; position: absolute; top: 2px; left: 0; overflow: hidden; width: 20px; height: 16px; } .burgerWf .burgerLine { display: block; position: absolute; top: 7px; height: 2px; border-radius: 0; background-color: var(--color-primary); } .burgerWf .burgerSlashes { display: inline-block; position: absolute; overflow: hidden; top: 0; left: 0; width: 20px; height: 20px; } .burgerWf .burgerSlash { opacity: 0; display: block; position: absolute; top: 9px; left: -3px; width: 26px; height: 2px; border-radius: 0; background-color: var(--color-primary); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms; } .burgerWf .burgerText { display: block; position: relative; overflow: hidden; margin-left: 26px; color: var(--color-primary); text-transform: uppercase; font-size: 12px; line-height: 20px; } .burgerWf .burgerText .textOpen { display: block; position: absolute; top: 0; left: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; -webkit-transform: translateX(0%); transform: translateX(0%); } .burgerWf .burgerText .textClose { display: block; opacity: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .burgerWf.burgerHover:hover .burgerLine { background-color: var(--color-primary-dark); } .burgerWf.burgerHover:hover .burgerSlash { background-color: var(--color-primary-dark); } .burgerWf.burgerHover:hover .burgerText { color: var(--color-primary-dark); } .burgerWf.open .burgerText .textOpen { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .burgerWf.open .burgerText .textClose { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } .burgerOne .burgerLine { width: 20px; } .burgerOne .burgerLine:nth-of-type(1) { -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms; } .burgerOne .burgerLine:nth-of-type(2) { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms; } .burgerOne .burgerLine:nth-of-type(3) { -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms; } .burgerOne .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(-20px, -7px); transform: translate(-20px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms; } .burgerOne .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(-20px, 0px); transform: translate(-20px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms; } .burgerOne .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(-20px, 7px); transform: translate(-20px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms; } .burgerOne .burgerSlash:nth-of-type(1) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0); } .burgerOne .burgerSlash:nth-of-type(2) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0); } .burgerOne .burgerSlash:nth-of-type(3) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0); } .burgerOne .burgerSlash:nth-of-type(4) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) { opacity: 1; -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) { opacity: 1; -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) { opacity: 1; -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px); } .burgerOne.open .burgerLine:nth-of-type(1) { -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px); } .burgerOne.open .burgerLine:nth-of-type(2) { -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } .burgerOne.open .burgerLine:nth-of-type(3) { -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px); } .burgerOne.open .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px); } .burgerOne.open .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } .burgerOne.open .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px); } .burgerOne.open .burgerSlash:nth-of-type(1) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1; } .burgerOne.open .burgerSlash:nth-of-type(2) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1; } .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(1) { -webkit-transform: translate(45px, 45px) rotate(45deg); transform: translate(45px, 45px) rotate(45deg); opacity: 0; } .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(2) { -webkit-transform: translate(-45px, 45px) rotate(-45deg); transform: translate(-45px, 45px) rotate(-45deg); opacity: 0; } .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(3) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1; } .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(4) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1; } /*! |----------------------------------------------------------------------------------------- | | | Burger - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Burger Main Menu - Start | | |----------------------------------------------------------------------------------------- */ .burgerMain { display: table; position: relative; min-width: 20px; height: 20px; cursor: pointer; } .burgerMain .burgerLines { display: block; position: absolute; top: 2px; left: 0; overflow: hidden; width: 20px; height: 16px; } .burgerMain .burgerLine { display: block; position: absolute; top: 7px; height: 2px; border-radius: 0; background-color: var(--color-primary-darker); } .burgerMain .burgerSlashes { display: inline-block; position: absolute; overflow: hidden; top: 0; left: 0; width: 20px; height: 20px; } .burgerMain .burgerSlash { opacity: 0; display: block; position: absolute; top: 9px; left: -3px; width: 26px; height: 2px; border-radius: 0; background-color: var(--color-primary); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms; } .burgerMain .burgerText { display: block; position: relative; overflow: hidden; margin-left: 26px; color: var(--color-primary); text-transform: uppercase; font-size: 12px; line-height: 20px; } .burgerMain .burgerText .textOpen { display: block; position: absolute; top: 0; left: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; -webkit-transform: translateX(0%); transform: translateX(0%); } .burgerMain .burgerText .textClose { display: block; opacity: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .burger.burgerHover:hover .burgerLine { background-color: var(--color-primary-dark); } .burger.burgerHover:hover .burgerSlash { background-color: var(--color-primary-dark); } .burger.burgerHover:hover .burgerText { color: var(--color-primary-dark); } .burger.open .burgerText .textOpen { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .burger.open .burgerText .textClose { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } .burgerOne .burgerLine {width: 30px;} .burgerOne .burgerLine:nth-of-type(1) { -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms; } .burgerOne .burgerLine:nth-of-type(2) { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms; } .burgerOne .burgerLine:nth-of-type(3) { -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms; } .burgerOne .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(-20px, -7px); transform: translate(-20px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms; } .burgerOne .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(-20px, 0px); transform: translate(-20px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms; } .burgerOne .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(-20px, 7px); transform: translate(-20px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms; } .burgerOne .burgerSlash:nth-of-type(1) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0); } .burgerOne .burgerSlash:nth-of-type(2) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0); } .burgerOne .burgerSlash:nth-of-type(3) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0); } .burgerOne .burgerSlash:nth-of-type(4) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) { opacity: 1; -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) { opacity: 1; -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) { opacity: 1; -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px); } .burgerOne.open .burgerLine:nth-of-type(1) { -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px); } .burgerOne.open .burgerLine:nth-of-type(2) { -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } .burgerOne.open .burgerLine:nth-of-type(3) { -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px); } .burgerOne.open .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px); } .burgerOne.open .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } .burgerOne.open .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px); } .burgerOne.open .burgerSlash:nth-of-type(1) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1; } .burgerOne.open .burgerSlash:nth-of-type(2) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1; } .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(1) { -webkit-transform: translate(45px, 45px) rotate(45deg); transform: translate(45px, 45px) rotate(45deg); opacity: 0; } .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(2) { -webkit-transform: translate(-45px, 45px) rotate(-45deg); transform: translate(-45px, 45px) rotate(-45deg); opacity: 0; } .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(3) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1; } .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(4) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1; } /*! |----------------------------------------------------------------------------------------- | | | Burger - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Magnification Image - Start | | |----------------------------------------------------------------------------------------- */ .magImg { display: block; position: relative; } .magImg:hover .imgOverlay, .magImg:hover .imgContent { opacity: 1; } .magImg .imgOverlay, .magImg .imgContent { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .magImg .imgOverlay { background-color: rgba(0, 0, 0, 0.7); } .magImg .imgContent { padding: 15px; } .magImg .imgIcon { position: absolute; top: 50%; left: 50%; color: var(--color-white); font-size: 40px; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*! |----------------------------------------------------------------------------------------- | | | Magnification Image - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Icon Image - Start | | |----------------------------------------------------------------------------------------- */ img.iconImg { display: block; width: 100%; } .iconImg:not(img) { position: relative; margin-bottom: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; } /* |----------------------------------------------------------------------------------------- | | | Icon Image - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Image - Start | | |----------------------------------------------------------------------------------------- */ img.contentImg { margin-bottom: 30px !important; } /* |----------------------------------------------------------------------------------------- | | | Content Image - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Icon Card One - Start | | |----------------------------------------------------------------------------------------- */ .iconCardOne:hover .iconCardBackdrop { -webkit-transform: translateY(0%); transform: translateY(0%); } .iconCardOne .iconCardWrap { overflow: hidden; display: block; position: relative; padding: 45px 30px 15px; } .iconCardOne .iconCardBackdrop { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #CAEDE7; transition: -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms, -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; -webkit-transform: translateY(100%); transform: translateY(100%); } .iconCardOne .iconCardImg { position: relative; margin: 0 auto 15px; width: 60px; height: 60px; } .iconCardOne .iconCardImg img { display: block; width: 100%; position: absolute; top: 50%; left: 50%; max-height: 100%; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .iconCardOne .iconCardTitle { position: relative; color: var(--color-primary); text-align: center; font-size: 16px; } /* |----------------------------------------------------------------------------------------- | | | Icon Card One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Gallery One - Start | | |----------------------------------------------------------------------------------------- */ .galleryOne { margin-top: 60px; } .galleryOne .galleryItem { margin-bottom: 30px; cursor: pointer; } .galleryOne .galleryItemWrap { display: block; position: relative; background: var(--color-secondary-light); } .galleryOne .slick-initialized .slick-slide { display: flex; } .galleryOne .slick-slide img { display: unset; } .galleryOne .galleryItemWrap:hover .galleryOverlay, .galleryOne .galleryItemWrap:hover .galleryContent { opacity: 1; } .galleryOne .galleryItemWrap .galleryImg { height: 350px; background-size: contain; background-repeat: no-repeat; background-position: center; mix-blend-mode: multiply; background-size: cover; } .galleryOne .galleryOverlay, .galleryOne .galleryContent { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; justify-content: center; text-align: center; } .galleryOne .galleryOverlay { background-color: rgba(0, 0, 0, 0.3); } .galleryOne .galleryContent p { text-align: center; color: #fff; margin-bottom: 0; } .galleryOne .galleryContent p img { margin-bottom: 20px; } .galleryOne .galleryContent { padding: 15px; } .galleryOne .galleryIcon { position: absolute; top: 50%; left: 50%; color: var(--color-white); font-size: 40px; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width:767px) { .galleryOne .galleryItemWrap .galleryImg { height: 150px; background-size: contain; background-repeat: no-repeat; background-position: center; mix-blend-mode: multiply; } } .postDetailsThree .galleryOne { margin-top: 60px; margin-bottom: 60px; } .postDetailsThree .galleryOne .galleryItem { margin-bottom: 30px; padding-right: 30px; cursor: pointer; width: 25%; max-width: 25%; float: right; height: 200px; } .postDetailsThree .galleryOne .galleryItem:nth-child(5n+1), .postDetailsThree .galleryOne .galleryItem:first-child { margin-bottom: 30px; cursor: pointer; width: 50%; max-width: 50%; float: left; height: 430px; } .postDetailsThree .galleryOne .galleryItemWrap { display: block; position: relative; background: var(--color-secondary-light); } .postDetailsThree .galleryOne .slick-initialized .slick-slide { display: block; } .postDetailsThree .galleryOne .slick-slide img { display: unset; } .postDetailsThree .galleryOne .galleryItemWrap:hover .galleryOverlay, .postDetailsThree .galleryOne .galleryItemWrap:hover .galleryContent { opacity: 1; } .postDetailsThree .galleryOne .galleryItemWrap .galleryImg { height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center; } .postDetailsThree .galleryOne .galleryItem:nth-child(5n+1) .galleryItemWrap .galleryImg, .postDetailsThree .galleryOne .galleryItem:first-child .galleryItemWrap .galleryImg { height: 430px; background-size: contain; background-repeat: no-repeat; background-position: center; } .postDetailsThree .galleryOne .galleryOverlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; justify-content: center; text-align: center; } .postDetailsThree .galleryOne .galleryContent { opacity: 1; position: absolute; bottom: 0; width: 100%; height: 100%; right: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .postDetailsThree .galleryOne .galleryContent img { position: absolute; bottom: 0; right: 20px; max-width: 20px; } .postDetailsThree .galleryOne .galleryOverlay { background-color: rgba(0, 0, 0, 0.3); } .postDetailsThree .galleryOne .galleryContent p { text-align: center; color: #fff; margin-bottom: 0; } .postDetailsThree .galleryOne .galleryContent p img { margin-bottom: 20px; } .postDetailsThree .galleryOne .galleryContent { padding: 15px; } .postDetailsThree .galleryOne .galleryIcon { position: absolute; top: 50%; left: 50%; color: var(--color-white); font-size: 40px; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width:991px) { .postDetailsThree .galleryOne .galleryItem:nth-child(5n+1) .galleryItemWrap .galleryImg, .postDetailsThree .galleryOne .galleryItem:first-child .galleryItemWrap .galleryImg { height: 200px; } .postDetailsThree .galleryOne .galleryItem { width: 50%; max-width: 50%; float: left; height: 200px; } .postDetailsThree .galleryOne .galleryItem:nth-child(5n+1), .postDetailsThree .galleryOne .galleryItem:first-child { float: left; height: 200px; } .postDetailsThree .galleryOne { margin-top: 30px; margin-bottom: 30px; } } @media (max-width:767px) { .postDetailsThree .galleryOne .galleryItem:nth-child(5n+1) .galleryItemWrap .galleryImg, .postDetailsThree .galleryOne .galleryItem:first-child .galleryItemWrap .galleryImg, .postDetailsThree .galleryOne .galleryItem .galleryItemWrap .galleryImg { height: 150px; } .postDetailsThree .galleryOne .galleryItem { width: 50%; max-width: 50%; float: left; height: 150px; padding-right: 15px; margin-bottom: 15px; } .postDetailsThree .galleryOne .galleryItem:nth-child(5n+1), .postDetailsThree .galleryOne .galleryItem:first-child { float: left; height: 150px; padding-right: 15px; margin-bottom: 15px; } } /*! |----------------------------------------------------------------------------------------- | | | Gallery One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card One - Start | | |----------------------------------------------------------------------------------------- */ .imgCardOne { margin-bottom: 30px; } .imgCardOne .imgCardWrap { display: block; overflow: hidden; position: relative; } .imgCardOne .imgCardWrap:hover .imgCardContent {} .imgCardOne .imgCardWrap:hover .imgCardImg {} .imgCardOne .imgCardImg { position: relative; /* top: 0; */ /* left: 0; */ /* width: 100%; */ height: 600px; } .imgCardOne .imgCardLink { position: absolute; z-index: 8; width: 100%; top: 0; } .imgCardOne .imgCardLinkInner { width: 100%; height: 600px; } .imgCardOne .imgCardOverlay { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); height: 300px; position: absolute; bottom: 0; width: 100%; transition: 0.3s ease; } .imgCardOne .imgCardWrap:hover .imgCardOverlay { height: 400px; } .imgCardOne .imgCardContent { position: absolute; display: flex; align-items: center; padding: 50px 30px; flex-direction: column; height: 200px !important; max-width: 100%; justify-content: center; margin: 0 auto; bottom: 30px; left: 0; right: 0; text-align: center; } .imgCardOne .imgCardDescription { width: 100%; margin: 0 auto; } .imgCardOne h1, .imgCardOne h2, .imgCardOne h3, .imgCardOne h4, .imgCardOne h5, .imgCardOne h6 { color: var(--color-white); margin-bottom: 10px; } .imgCardOne h3 { font-size: 48px; font-weight: 300; } .imgCardOne .imgCardDescription p { color: var(--color-white); margin-bottom: 0; font-size: 20px; margin-bottom: 30px; } .imgCardOne .imgCardDescription p a { border: 1px solid #fff; background: var(--color-primary); color: #fff; padding: 10px 25px; transition: 0.3s ease; font-family: ivypresto-headline, serif; font-size: 16px; position: relative; z-index: 9; } .imgCardOne .imgCardDescription p a:hover { background: #fff; color: var(--color-primary); text-decoration: none; } .imgCardOne .imgCardDescription p a:nth-child(2) { margin-left: 10px; } .imgCardOne .imgCardDescription p img { margin-bottom: 20px; } @media (max-width:1099px) { .imgCardOne .imgCardDescription p a { border: 1px solid #fff; background: var(--color-primary); color: #fff; padding: 10px 20px; transition: 0.3s ease; font-family: ivypresto-headline, serif; font-size: 13px; } } @media (max-width:991px) { .imgCardOne .imgCardDescription p a { padding: 10px 10px; font-size: 12px; } .imgCardOne h3 { font-size: 40px; } } /*! |----------------------------------------------------------------------------------------- | | | Image Card One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Two - Start | | |----------------------------------------------------------------------------------------- */ .imgCardTwo { margin-bottom: 30px; } .imgCardTwo .imgCardWrap { position: relative; overflow: hidden; color: var(--color-white); border-radius: 30px; background-color: var(--color-primary-darker); } @media (min-width: 992px) { .imgCardTwo .imgCardWrap { font-size: 18px; padding: 70px; } } .imgCardTwo h1, .imgCardTwo h2, .imgCardTwo h3, .imgCardTwo h4, .imgCardTwo h5, .imgCardTwo h6, .imgCardTwo p { color: var(--color-white); } .imgCardTwo h1, .imgCardTwo h2, .imgCardTwo h3, .imgCardTwo h4, .imgCardTwo h5, .imgCardTwo h6 { margin-bottom: 20px; } .imgCardTwo p, .imgCardTwo ul, .imgCardTwo ol, .imgCardTwo dl, .imgCardTwo table { margin-bottom: 15px; } .imgCardTwo a { display: inline-block; margin-top: 30px; color: #00e5bf; } .imgCardTwo a:hover { text-decoration: underline; } @media (min-width: 992px) { .imgCardTwo .imgCardImg { z-index: 1; position: absolute; top: 0; right: 0; width: 50%; height: 100%; transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } } @media (max-width: 991px) { .imgCardTwo .imgCardImg { padding-bottom: 75%; } } .imgCardTwo .imgCardContent { padding-top: 51px; } @media (max-width: 991px) { .imgCardTwo .imgCardContent { padding: 60px 60px 45px; } } @media (max-width: 575px) { .imgCardTwo .imgCardContent { padding: 30px 15px 15px; } } @media (min-width: 992px) { .imgCardTwo .imgCardTitle { padding-right: 70px; font-size: 46px; } } @media (min-width: 992px) { .imgCardTwo .imgCardCaption { max-width: 330px; padding-right: 30px; } } @media (min-width: 992px) { .imgCardTwo .imgCardCaption { margin-bottom: 60px; } } @media (min-width: 1200px) { .imgCardTwo .imgCardDescription { padding-right: 70px; } } .imgCardTwo .imgCardToggleBtn { display: table; cursor: pointer; color: #00e5bf; } @media (max-width: 991px) { .imgCardTwo .imgCardToggleBtn { display: none; } } .imgCardTwo .imgCardToggleBtn span { display: table-cell; vertical-align: middle; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon { background-color: #00e5bf; } .imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon:before, .imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon:after { background-color: var(--color-primary-dark); } .imgCardTwo .imgCardToggleText { padding-left: 10px; } .imgCardTwo .imgCardToggleIcon { position: relative; width: 36px; height: 36px; border: 2px solid #00e5bf; border-radius: 50%; } .imgCardTwo .imgCardToggleIcon:before, .imgCardTwo .imgCardToggleIcon:after { content: ""; position: absolute; background-color: #00e5bf; transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .imgCardTwo .imgCardToggleIcon:before { top: 15px; left: 7px; width: 18px; height: 2px; } .imgCardTwo .imgCardToggleIcon:after { top: 7px; left: 15px; width: 2px; height: 18px; } @media (min-width: 992px) { .imgCardTwo.active .imgCardImg { opacity: 0; pointer-events: none; } } .imgCardTwo.active .imgCardToggleIcon { background-color: #00e5bf; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .imgCardTwo.active .imgCardToggleIcon:before, .imgCardTwo.active .imgCardToggleIcon:after { background-color: var(--color-primary-darker); } .imgCardTwo.active .imgCardToggleText { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } /*! |----------------------------------------------------------------------------------------- | | | Image Card Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Three - Start | | |----------------------------------------------------------------------------------------- */ .imgCardThree { margin-bottom: 30px; } .imgCardThree:hover .imgCardImg {} .imgCardThree .badge { margin-bottom: 5px; } .imgCardThree .imgCardWrap { overflow: hidden; border-radius: 4px; background-color: var(--color-white); height: 290px; } .imgCardThree .imgCardImgHolder { overflow: hidden; height: 290px; } .imgCardThree .imgCardImg { display: block; height: 100%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; height: 290px; background-repeat: no-repeat; background-position: center; } .imgCardThree .imgCardBody { padding: 10px 30px; } @media (max-width: 575px) { .imgCardThree .imgCardBody { padding: 15px; } } .imgCardThree .imgCardBody p { margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .imgCardThree .imgCardTitle { margin-bottom: 20px; } .imgCardThree .imgCardMetas { margin-bottom: 15px; } .imgCardThree .imgCardMeta { margin-bottom: 5px; } .imgCardThree .imgCardMeta i { margin-right: 5px; } .imgCardThree .imgCardLink p { margin-bottom: 0; } .imgCardThree p.imgCardLink { margin-bottom: 0; } .imgCardThree .imgCardWrap { display: flex; flex-wrap: wrap; } .imgCardThree .imgCardHeader { width: 100%; max-width: 40%; flex: 0 0 40%; } @media (max-width: 991px) { .imgCardThree .imgCardHeader { flex: 0 0 auto; width: 100%; max-width: none; } .imgCardThree .imgCardWrap { height: auto; } } .imgCardThree .imgCardHeader+.imgCardBody { width: 100%; flex: 0 0 60%; max-width: 60%; } @media (max-width: 991px) { .imgCardThree .imgCardHeader+.imgCardBody { flex: 0 0 auto; width: 100%; max-width: none; } } /* |----------------------------------------------------------------------------------------- | | | Image Card Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Four - Start | | |----------------------------------------------------------------------------------------- */ .imgCardFour { margin-bottom: 30px; } .imgCardFour:hover .imgCardWrap { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-10px); transform: translateY(-10px); } .imgCardFour:hover .imgCardLink p a { color: var(--color-white); border-color: #fd7e14; background-color: #fd7e14; } .imgCardFour h1, .imgCardFour h2, .imgCardFour h3, .imgCardFour h4, .imgCardFour h5, .imgCardFour h6, .imgCardFour p, .imgCardFour ul, .imgCardFour ol, .imgCardFour dl { margin-bottom: 15px; } .imgCardFour .imgCardWrap { overflow: hidden; position: relative; display: flex; align-items: flex-end; min-height: 360px; padding-top: 80px; border-radius: 4px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .imgCardFour .imgCardImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .imgCardFour .imgCardGradient { pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); } .imgCardFour .imgCardBody { position: relative; padding: 30px 30px 15px; } .imgCardFour .imgCardTitle { color: var(--color-white); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .imgCardFour .imgCardDescription { margin-bottom: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .imgCardFour .imgCardDescription p { color: var(--color-white); line-height: 1.32; } .imgCardFour .imgCardLink p a:hover { color: var(--color-white); border-color: #fd7e14; background-color: #fd7e14; } .imgCardFour .imgCardLink p i { margin-right: 3px; } /* |----------------------------------------------------------------------------------------- | | | Image Card Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Five - Start | | |----------------------------------------------------------------------------------------- */ .imgCardFive .imgCardWrap { margin-bottom: 30px; } .imgCardFive .imgCardLeft { margin-bottom: 60px; } @media (max-width: 991px) { .imgCardFive .imgCardLeft { margin-bottom: 0; } } .imgCardFive .imgCardRight { margin-top: 60px; } @media (max-width: 991px) { .imgCardFive .imgCardRight { margin-top: 0; } } .imgCardFive .imgCardImg { min-height: 100%; padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; } .imgCardFive .imgCardContent { min-height: 100%; } .imgCardFive .imgCardTitle { display: inline-block; position: relative; padding-top: 30px; margin-top: 30px; max-width: 276px; } @media (max-width: 991px) { .imgCardFive .imgCardTitle { margin-top: 0; } } .imgCardFive .imgCardTitle:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; max-width: 80px; height: 5px; background-color: var(--color-primary); } /* |----------------------------------------------------------------------------------------- | | | Image Card Five - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Six - Start | | |----------------------------------------------------------------------------------------- */ .imgCardSix { margin-bottom: 30px; } .imgCardSix:hover .imgCardWrap { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-10px); transform: translateY(-10px); } .imgCardSix:hover .imgCardLink p a { color: var(--color-white); border-color: #fd7e14; background-color: #fd7e14; } .imgCardSix h1, .imgCardSix h2, .imgCardSix h3, .imgCardSix h4, .imgCardSix h5, .imgCardSix h6, .imgCardSix p, .imgCardSix ul, .imgCardSix ol, .imgCardSix dl { margin-bottom: 15px; } .imgCardSix .imgCardWrap { overflow: hidden; position: relative; display: flex; align-items: flex-end; min-height: 360px; padding-top: 80px; border-radius: 4px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .imgCardSix .imgCardImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .imgCardSix .imgCardGradient { pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); } .imgCardSix .imgCardBody { position: relative; padding: 30px 30px 15px; } .imgCardSix .imgCardTitle { color: var(--color-white); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .imgCardSix .imgCardDescription { margin-bottom: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .imgCardSix .imgCardDescription p { color: var(--color-white); line-height: 1.32; } .imgCardSix .imgCardLink p a:hover { color: var(--color-white); border-color: #fd7e14; background-color: #fd7e14; } .imgCardSix .imgCardLink p i { margin-right: 3px; } /* |----------------------------------------------------------------------------------------- | | | Image Card Six - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Seven - Start | | |----------------------------------------------------------------------------------------- */ .imgCardSeven { margin-bottom: 30px; } .imgCardSeven:hover .imgCardImg { -webkit-transform: scale(1.05); transform: scale(1.05); } .imgCardSeven .imgCardWrap { overflow: hidden; border-radius: 4px; background-color: var(--color-white); } .imgCardSeven .imgCardImgHolder { overflow: hidden; } .imgCardSeven .imgCardImg { display: block; } .imgCardSeven .imgCardBody { padding: 25px; } @media (max-width: 575px) { .imgCardSeven .imgCardBody { padding: 15px; } } .imgCardSeven .imgCardBody p { margin-bottom: 20px; } .imgCardSeven .imgCardTitle { margin-bottom: 20px; } .imgCardSeven .imgCardMetas { margin-bottom: 20px; } .imgCardSeven .imgCardMeta { margin-bottom: 5px; } .imgCardSeven .imgCardMeta i { margin-right: 5px; } .imgCardSeven .imgCardDescription { font-size: 14px; } .imgCardSeven .imgCardLink p { margin-bottom: 0; } .imgCardSeven p.imgCardLink { margin-bottom: 0; } /* |----------------------------------------------------------------------------------------- | | | Image Card Seven - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Player One - Start | | |----------------------------------------------------------------------------------------- */ .videoPlayerOne { margin-bottom: 30px; } .videoPlayerOne .videoPlayerWrap { overflow: hidden; position: relative; border-radius: 3px; } .videoPlayerOne .videoCover { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoPlayerOne .videoCover:hover .coverPlayBtn { color: white; text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.95); transform: scale(0.95); } .videoPlayerOne .coverInner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .videoPlayerOne .coverPlayBtn { color: rgba(255, 255, 255, 0.8); font-size: 60px; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .videoPlayerOne video { opacity: 0; display: block; width: 100%; } .videoPlayerOne .videoBar { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 15px; } .videoPlayerOne .videoBar .barOuter { padding: 4px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.6); } .videoPlayerOne .videoBar .barInner { height: 6px; border-radius: 50px; background-color: var(--color-primary); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } /* |----------------------------------------------------------------------------------------- | | | Video Player One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Page Banner One - Start | | |----------------------------------------------------------------------------------------- */ .pageBannerOne .pageBannerWrap { text-align: left; } .pageBannerOne .pageBannerTitle { font-size: 50px; flex: 0 0 30%; max-width: 30%; padding-right: 15px; font-weight: 600; } .pageBannerOne.channelPageBanner .pageBannerTitle { color: var(--color-secondary-light); } .pageBannerOne.whiskyfestBanner .pageBannerTitle { color: var(--color-secondary-light); font-size: 56px; max-width: 100%; flex: 0 0 100%; margin-bottom: 20px; } .pageBannerOne .pageBannerTitle a { color: var(--color-primary-darker); } .pageBannerOne .pageBannerTitle a:hover { text-decoration: underline; } .pageBannerOne .pageBannerContent { display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.15); } .pageBannerOne .pageBannerInner { display: flex; padding: 0 30px; } .pageBannerOne.whiskyfestBanner .pageBannerInner { display: block; } .pageBannerOne .pageBannerDescription { color: var(--color-primary-darker); flex: 0 0 70%; max-width: 70%; padding-left: 15px; } .pageBannerOne .pageBannerDescription p { font-family: ivypresto-headline, serif; font-size: 18px; line-height: 1.7; margin-bottom: 30px; } .pageBannerOne .pageBannerDescription .btn { margin-bottom: 0; } .pageBannerOne.channelPageBanner .pageBannerDescription p { font-family: ivypresto-headline, serif; font-size: 22px; line-height: 1.7; color: #fff; margin-bottom: 0; } .pageBannerOne.whiskyfestBanner .pageBannerDescription p { font-family: ivypresto-headline, serif; font-size: 28px; line-height: 1.7; color: var(--color-secondary-light); text-transform: uppercase; margin-bottom: 0; } .pageBannerOne .pageBannerWrap { position: relative; overflow: hidden; } .pageBannerOne.whiskyfestBannerNew { background: var(--color-secondary-light); } .pageBannerOne.whiskyfestBannerNew .pageBannerWrap { max-width: 1290px; margin: 0 auto; background: var(--color-secondary-light); } .pageBannerOne .pageBannerImg { height: 650px; background-size: cover !important; } .pageBannerOne .pageBannerContent { position: relative; height: auto; position: absolute; bottom: 0; left: 0; right: 0; max-width: 1320px; margin: 0 auto; background: rgba(253, 249, 240, 0.8); padding: 30px 0; } .pageBannerOne.channelPageBanner .pageBannerImg { height: 650px; background-size: cover !important; } .pageBannerOne.channelPageBanner.channelPageNew { background: var(--color-secondary-light); } .pageBannerOne.channelPageBanner.channelPageNew .pageBannerImg { height: 650px; background-size: cover !important; max-width: 1290px !important; margin: 0 auto; } @media (min-width: 1200px) { .pageBannerOne.channelPageBanner.channelPageNew .pageBannerImg { max-width: 1140px; margin: 0 auto; } } @media (max-width: 1199px) { .pageBannerOne.channelPageBanner.channelPageNew .pageBannerImg { margin: 0 15px; } } .pageBannerOne.channelPageBanner .pageBannerOverlay { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 63%); height: 650px; } .pageBannerOne.channelPageBanner .pageBannerContent { position: relative; height: auto; position: absolute; bottom: 0; left: 0; right: 0; max-width: 1430px; margin: 0 auto; background: none; padding: 50px 0; } .pageBannerOne.channelPageBanner .pageBannerContent { margin-bottom: 60px; } @media (max-width: 1199px) { .pageBannerOne .pageBannerTitle {} .pageBannerOne .pageBannerDescription { font-size: 20px; } } @media (max-width:991px) { .pageBannerOne .pageBannerContent { height: 100%; } .pageBannerOne .pageBannerInner { display: block; } .pageBannerOne.whiskyfestBanner .pageBannerInner { padding: 0; } .pageBannerOne.channelPageBanner .pageBannerContent { margin-bottom: 0; } .pageBannerOne .pageBannerTitle { flex: 0 0 100%; max-width: 100%; padding-right: 0; margin-bottom: 20px; } .pageBannerOne.whiskyfestBanner .pageBannerTitle { font-size: 35px; } .pageBannerOne .pageBannerDescription { flex: 0 0 100%; max-width: 100%; padding-left: 0; } .pageBannerOne .pageBannerImg { height: 500px; } .pageBannerOne.channelPageBanner .pageBannerImg { height: 450px; } .pageBannerOne.channelPageBanner.channelPageNew .pageBannerImg { height: 400px; } .pageBannerOne.channelPageBanner .pageBannerOverlay { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); height: 450px; } .pageBannerOne.channelPageBanner .pageBannerDescription p { font-family: ivypresto-headline, serif; font-size: 16px; line-height: 1.7; color: #fff; margin-bottom: 0; } } /*! |----------------------------------------------------------------------------------------- | | | Page Banner One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Page Banner Two - Start | | |----------------------------------------------------------------------------------------- */ .pageBannerTwo .pageBannerContent { display: flex; align-items: center; } .pageBannerTwo .pageBannerInner { max-width: 410px; position: relative; left: 0px; } .pageBannerTwo.banner90Club .pageBannerInner { text-align: center; } .pageBannerTwo.pageBannerRatings .pageBannerInner { max-width: 750px; position: relative; left: 0px; } .pageBannerTwo.whiskyFest .pageBannerInner { max-width: 470px; } .pageBannerTwo .pageBannerTitle { color: var(--color-primary); font-size: 56px; line-height: 1.3; margin-bottom: 40px; font-weight: 600; } .pageBannerTwo.whiskyFest .pageBannerTitle { color: var(--color-primary); font-size: 91px; line-height: 1; margin-bottom: 40px; font-weight: 600; } .pageBannerTwo.top20Banner .pageBannerTitle { color: var(--color-primary); font-size: 120px; line-height: 1; margin-bottom: 20px; text-transform: uppercase; font-weight: 600; } .pageBannerTwo.banner90Club .pageBannerTitle { font-size: 78px; text-transform: none; color: #171e3c; } .pageBannerTwo .pageBannerDescription p { color: var(--color-primary-darker); font-size: 22px; font-family: ivypresto-headline, serif; max-width: 80%; line-height: 1.5; } .pageBannerTwo.pageBannerRatings .pageBannerDescription p { color: var(--color-primary-darker); font-size: 20px; font-family: ivypresto-headline, serif; max-width: 80%; line-height: 1.6; } .pageBannerTwo.top20Banner .pageBannerDescription p { color: var(--color-primary-darker); font-size: 48px; font-family: ivypresto-headline, serif; font-weight: 600; } .pageBannerTwo.whiskyFest .pageBannerDescription h4 { color: #1C0301; font-size: 28px; margin-bottom: 30px; font-weight: 400; } .pageBannerTwo.whiskyFest .pageBannerDescription p { color: #1C0301; font-size: 20px; margin-bottom: 30px; line-height: 1.3; font-weight: 400; max-width: 95%; font-family: calibri, sans-serif; } .pageBannerTwo .pageBannerWrap { position: relative; overflow: hidden; height: 650px; background: var(--color-secondary-light); } .pageBannerTwo .pageBannerImg { position: absolute; top: 0; left: unset; right: 0; height: 100%; width: auto; /* -webkit-transform: translate(-50%, -50%); */ /* transform: translate(-50%, -50%); */ mix-blend-mode: multiply; } .pageBannerTwo.banner90Club .pageBannerImg { position: relative; right: unset; top: unset; height: 100%; width: 100%; max-width: 100%; object-fit: contain; display: none; } @media screen and (min-width: 992px) { .pageBannerTwo.banner90Club .pageBannerImg { display: block; object-fit: cover; } } @media screen and (min-width: 1580px) { .pageBannerTwo.banner90Club .pageBannerImg { object-fit: contain; } } .pageBannerTwo.banner90Club .pageBannerImgMobile { display: block; width: 100%; height: 100%; object-fit: contain; } @media screen and (min-width: 992px) { .pageBannerTwo.banner90Club .pageBannerImgMobile { display: none; } } .pageBannerTwo.banner90Club .pageBannerImgWrap { height: 100%; } .pageBannerTwo.banner90Club .logo90Club { max-width: 250px; margin-bottom: 30px; position: absolute; top: 0; left: 0; z-index: 10; } .pageBannerTwo .pageBannerContent { position: relative; height: 650px; } @media (max-width:1365px) { .pageBannerTwo.banner90Club .container { max-width: 100%; } } @media (max-width: 1199px) { .pageBannerTwo.banner90Club .logo90Club { max-width: 200px; margin-bottom: 30px; } .pageBannerTwo .pageBannerTitle { font-size: 50px; max-width: 290px; } .pageBannerTwo.pageBannerRatingsVerTwo .pageBannerTitle { font-size: 50px; max-width: 290px; margin-bottom: 0; margin-top: 30px; margin-left: 30px } .pageBannerTwo .pageBannerDescription { font-size: 20px; } .pageBannerTwo.pageBannerRatingsVerTwo .pageBannerDescription { display: none; } .pageBannerTwo .pageBannerWrap { height: 400px; } .pageBannerTwo.top20Banner .pageBannerWrap { height: 500px; } .pageBannerTwo.pageBannerRatings .pageBannerWrap { height: 500px; } .pageBannerTwo.pageBannerRatingsVerTwo .pageBannerWrap { height: auto; } .pageBannerTwo.whiskyFest .pageBannerWrap { height: 600px; } .pageBannerTwo .pageBannerInner { max-width: 100%; position: relative; left: 0px; } .pageBannerTwo.pageBannerRatings .pageBannerInner { max-width: 100%; position: relative; left: 0px; } .pageBannerTwo.pageBannerRatingsVerOne .pageBannerInner { margin-bottom: 60px } .pageBannerTwo.pageBannerRatings .pageBannerDescription p { color: var(--color-primary-darker); font-size: 18px; font-family: ivypresto-headline, serif; max-width: 100%; line-height: 1.6; } .pageBannerTwo.pageBannerRatingsVerOne .pageBannerDescription p, .pageBannerTwo.pageBannerRatingsVerOne h1 { color: var(--color-white); } .pageBannerTwo .pageBannerContent { height: 400px; background: rgba(253, 249, 240, 0.6); } .pageBannerTwo.pageBannerTwo .pageBannerContent { height: 500px; background: rgba(253, 249, 240, 0.6); } .pageBannerTwo.pageBannerRatingsVerTwo .pageBannerContent { height: auto; background: none; } .pageBannerTwo.pageBannerRatingsVerOne .pageBannerContent { height: 500px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 83%); align-items: flex-end; } .pageBannerTwo.whiskyFest .pageBannerContent { ; height: 600px; background: rgba(253, 249, 240, 0.6); } .pageBannerTwo.pageBannerRatingsVerTwo .pageBannerImg { display: none; } .pageBannerTwo.top20Banner .pageBannerTitle { font-size: 80px; } .pageBannerTwo.banner90Club .pageBannerTitle { font-size: 60px; } .pageBannerTwo.top20Banner .pageBannerDescription p { font-size: 35px; } .pageBannerTwo.whiskyFest .pageBannerTitle { font-size: 60px; } .pageBannerTwo.banner90Club .pageBannerInner { display: flex; flex-direction: column; justify-content: center; align-items: center; ; } } @media (max-width:991px) { .pageBannerTwo.pageBannerRatingsVerTwo .pageBannerTitle { font-size: 50px; max-width: 290px; margin-bottom: 0; margin-top: 30px; margin-left: 0 } } @media (max-width: 767px) { .pageBannerTwo .pageBannerTitle { font-size: 50px; max-width: 220px; margin-bottom: 30px; } .pageBannerTwo .pageBannerDescription { color: var(--color-white); font-size: 16px; } .pageBannerTwo.pageBannerTwo .pageBannerContent { height: 500px; /* background: rgba(253, 249, 240, 0.6); */ } .pageBannerTwo.pageBannerRatingsVerTwo .pageBannerContent { height: auto; /* background: rgba(253, 249, 240, 0.6); */ } .pageBannerTwo.pageBannerRatings .pageBannerWrap { height: 500px; } .pageBannerTwo.pageBannerRatingsVerTwo .pageBannerWrap { height: auto; } .pageBannerTwo.pageBannerRatings .pageBannerDescription p { /* color: var(--color-primary-darker); */ font-size: 16px; font-family: ivypresto-headline, serif; max-width: 100%; line-height: 1.6; } .pageBannerTwo.pageBannerRatingsVerOne .pageBannerInner { margin-bottom: 30px } } /*! |----------------------------------------------------------------------------------------- | | | Page Banner Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Slider Two - Start | | |----------------------------------------------------------------------------------------- */ .sliderTwo.sliderNew {background: #fff;overflow: hidden;height: 500px;} .sliderNewMobile { display: none; } .sliderTwo.sliderTesting {background: var(--color-secondary-light);overflow: hidden;height: 300px;} @media (min-width: 1200px) { .sliderTwo.sliderNew .sliderWrap { max-width: 1140px; margin: 0 auto; } } @media (min-width: 1366px) { .sliderTwo.sliderNew .sliderWrap { max-width: 1290px; margin: 0 auto; } } @media (max-width: 1199px) { .sliderTwo.sliderNew .sliderWrap { margin: 0 15px; } } @media (max-width:991px) { .sliderTwo.sliderTesting {background: var(--color-secondary-light);overflow: hidden;height: 500px;} .sliderTwo.sliderNew {/* background: var(--color-secondary-light); */overflow: hidden;height: auto;} .sliderNewMobile { display: none; } } .sliderTwo .sliderItem {/* display: flex; */align-items: center;position: relative;/* height: 500px; */} .sliderTwo.sliderTesting .sliderItem { /* display: flex; */ align-items: center; position: relative; height: 300px; } .sliderTwo.postsListFive .sliderItem { /* display: flex; */ align-items: center; position: relative; height: unset; } .sliderTwo .sliderImg, .sliderTwo .sliderOverlay {/* position: absolute; *//* top: 0; *//* left: 0; */width: 100%;height: 500px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.05) 100%);} .sliderTwo.sliderTesting .sliderImg, .sliderTwo.sliderTesting .sliderOverlay { /* position: absolute; */ /* top: 0; */ /* left: 0; */ width: 100%; height: 300px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%); } .sliderTwo .sliderImg {background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 10px 0 0 10px;} .sliderTwo .sliderInner { background: #000; height: 500px; position: relative; top: 0; display: flex; align-items: center; justify-content: center; border-radius: 0 10px 10px 0; } .sliderTwo .sliderInner p { margin-bottom: 15px; text-transform: uppercase; color: #fff; } .sliderTwo .slick-dots {position:absolute;bottom: 30px;width:100%;} .sliderTwo .slick-dots {display: flex!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;justify-content: center;} .sliderTwo.sliderTesting .sliderInner { position: relative; text-align: center; max-width: 100%; bottom: 0; display:flex; margin: 0; justify-content: center; align-items:center; height: 300px; } .sliderTwo .sliderInner.sliderRightWrap { position: absolute; right: 70px; left: unset; text-align: left; max-width: 500px; bottom: 0; top: 0; margin: auto; display: flex; flex-direction: column; justify-content: center; } .sliderTwo .sliderTitle {color: var(--color-white);/* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); */text-align: center;max-width: 75%;margin: 0 auto;} .sliderTwo .sliderTitleRight a { color: var(--color-primary) !important } .sliderTwo .sliderTitleRight img { margin-bottom: 60px; } .sliderTwo .sliderTitleRight { margin-bottom: 40px } .sliderTwo .sliderDescription p { color: var(--color-white); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .sliderTwo .slick-prev, .sliderTwo .slick-next { z-index: 1; width: 36px; height: 36px; } .sliderTwo .slick-prev svg, .sliderTwo .slick-next svg { width: 36px; height: 36px; } .sliderTwo .slick-prev svg path, .sliderTwo .slick-next svg path { fill: none; stroke: var(--color-white); } .sliderTwo.sliderNew .slick-prev svg path, .sliderTwo.sliderNew .slick-next svg path { fill: none; stroke: var(--color-black); } .sliderTwo .slick-prev.slick-disabled, .sliderTwo .slick-next.slick-disabled { cursor: not-allowed; } .sliderTwo .slick-prev.slick-disabled svg path, .sliderTwo .slick-next.slick-disabled svg path { fill: none; stroke: rgba(255, 255, 255, 0.5); } .sliderTwo .slick-prev:before, .sliderTwo .slick-next:before { display: none; } .sliderTwo .slick-prev { left: 36px; } .sliderTwo .slick-next { right: 36px; } .sliderTwo ul.slick-dots {/* top: 50%; */right: 0;/* bottom: auto; */width: 50%;/* -webkit-transform: translateY(-50%); *//* transform: translateY(-50%); */} @media (max-width:991px) { .sliderTwo ul.slick-dots {/* top: 50%; */right: 0;bottom: 20px;width: 100%;/* -webkit-transform: translateY(-50%); *//* transform: translateY(-50%); */} } .sliderTwo ul.slick-dots li { display: block; margin: 0; } .sliderTwo ul.slick-dots li:not(:last-of-type) {/* margin-bottom: 20px; */} .sliderTwo.dots-style-1 ul.slick-dots li button:before { background-color: var(--color-white); } .sliderTwo.dots-style-1 ul.slick-dots li:hover button, .sliderTwo.dots-style-1 ul.slick-dots li.slick-active button { border-color: var(--color-white); } .sliderTwo.dots-style-2 ul.slick-dots li button:before, .sliderTwo.dots-style-2 ul.slick-dots li button:after { border-color: var(--color-white); } .sliderTwo.dots-style-2 ul.slick-dots li:hover button:after, .sliderTwo.dots-style-2 ul.slick-dots li.slick-active button:after { border-color: var(--color-white); background-color: var(--color-white); } .sliderTwo.dots-style-3 ul.slick-dots li:after {background-color: #D8D8D8;} .sliderTwo.dots-style-3 ul.slick-dots li button {color: transparent;} .sliderTwo .sliderImg { /* -webkit-transform: translateY(-100%); */ /* transform: translateY(-100%); */ /* transition: ease-in-out 600ms; */ /* transition-delay: 600ms; */ ; } .sliderTwo .sliderTitle, .sliderTwo .sliderDescription, .sliderTwo .sliderBtn { /* opacity: 0; */ /* -webkit-transform: translateY(50px); */ /* transform: translateY(50px); */ /* transition: ease-in-out 360ms; */ ; } .sliderTwo .slick-current .sliderImg { /* -webkit-transform: translateY(0); */ /* transform: translateY(0); */ /* transition-delay: 100ms; */ ; } .sliderTwo .slick-current .sliderTitle, .sliderTwo .slick-current .sliderDescription, .sliderTwo .slick-current .sliderBtn { opacity: 1; /* -webkit-transform: translateY(0); */ /* transform: translateY(0); */ ; } .sliderTwo .slick-current .sliderTitle { transition-delay: 300ms; } .sliderTwo .slick-current .sliderDescription { transition-delay: 500ms; } .sliderTwo .slick-current .sliderBtn { transition-delay: 700ms; } .sliderTwo .sliderCategory { color: #fff; text-transform: uppercase; font-size: 18px; background: var(--color-primary); display: inline-block; padding: 3px 13px; margin-bottom: 20px; } .sliderTwo .sliderTitle a { color: var(--color-white); text-decoration: none; transition: 0.3s ease; } .sliderTwo .sliderTitle a:hover { text-decoration: underline; color: var(--color-white); } .sliderTwo .sliderTitle.blackText a {color:#000} .sliderTwo .sliderTitle.blackText a:hover { text-decoration: underline; color: #000; } .sliderTwo.sliderNew .slick-next, .sliderTwo.sliderNew .slick-prev { background: rgba(255, 255, 255, 0.6); } .sliderTwo.sliderNew .slick-prev { left: 0; right: unset; width: 54px; height: 50px; } .sliderTwo.sliderNew .slick-next { left: unset; right: 0; width: 54px; height: 50px; } @media (min-width: 992px) { .sliderTwo .sliderTitle {font-size: 44px;line-height: 1.3;font-weight: 500;} .sliderTwo .slick-prev { left: 0; right: unset; width: 50px; height: 40px; } .sliderTwo .slick-next { left: unset; right: 0; width: 50px; height: 40px; } .sliderTwo.sliderNews .slick-prev, .sliderTwo.sliderNews .slick-next { top: 40%; } .sliderTwo .slick-prev:hover, .sliderTwo .slick-next:hover {} .sliderTwo .slick-prev svg, .sliderTwo .slick-next svg { width: 20px; height: 20px; } .sliderTwo .slick-prev svg path, .sliderTwo .slick-next svg path { stroke-width: 2; } .sliderTwo .slick-prev {} .is-ie .sliderTwo .slick-prev { -webkit-transform: rotate(90deg) translateX(-50%) translateX(-20px); transform: rotate(90deg) translateX(-50%) translateX(-20px); } .sliderTwo .slick-next {} .is-ie .sliderTwo .slick-next { -webkit-transform: rotate(90deg) translateX(-50%) translateX(20px); transform: rotate(90deg) translateX(-50%) translateX(20px); } } @media (max-width: 1199px) { .sliderTwo .sliderInner {} .sliderTwo .sliderTitle { font-size: 48px; } } @media (max-width: 991px) { .sliderNewMobile { display: block; background: var(--color-secondary-light); } .sliderTwo.sliderNew, .sliderNewMobile .sliderImg,.sliderTwo.sliderTesting, { /* display: none; */ height: 500px; } .sliderNewMobile .sliderImg:first-child { display: block; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 15px; } .sliderNewMobile .sliderImg, .sliderNewMobile .sliderOverlay { height: 350px; } .sliderNewMobile .sliderImg:first-child .sliderOverlay { display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%); color: #fff; } .sliderNewMobile .sliderImg:first-child .sliderOverlay h2 a { color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.15); font-size: 36px; text-align: center; } .sliderNewMobile .sliderImg:first-child .sliderOverlay h2 { text-align: center; } .sliderTwo .sliderItem {/* height: 500px!important; *//* height: auto; */} .sliderTwo .sliderInner { border-radius: 0 0 10px 10px; height: 200px; padding: 30px 0 40px; } .sliderTwo.sliderTesting .sliderInner { padding-left: 10px; padding-right: 10px; top: 0; left: 0; height: 500px; } .sliderTwo .sliderTitle, .sliderTwo .sliderDescription p { margin-bottom: 15px; } .sliderTwo .sliderTitleRight { margin-bottom: 30px !important; display: flex; flex-direction: column; justify-content: center; align-items: center; } .sliderTwo .sliderBtn.btn a { font-size: 12px; padding: 5px 15px; } .sliderTwo .sliderTitleRight img { margin-bottom: 30px; } .sliderTwo .slick-prev, .sliderTwo .slick-next { top: 45%; width: 20px; height: 36px; /* background-color: rgba(0, 0, 0, 0.8); */ ; } .sliderTwo.sliderNew .slick-prev, .sliderTwo.sliderNew .slick-next { top: 95%; width: 54px; height: 50px; /* background-color: rgba(0, 0, 0, 0.8); */ ; } .sliderTwo .slick-prev svg, .sliderTwo .slick-next svg { width: 20px; height: 36px; } .sliderTwo .slick-prev svg path, .sliderTwo .slick-next svg path { stroke-width: 2px; } .sliderTwo .slick-prev { left: 0; } .sliderTwo .slick-next { right: 0; } .sliderTwo.sliderNews .slick-prev, .sliderTwo.sliderNews .slick-next { top: 35%; } .sliderTwo .slick-dots { /* position: relative; */ /* padding-top: 15px!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!; } .sliderTwo .sliderInner.sliderRightWrap { position: absolute; right: 0; left: 0; text-align: center; max-width: 90%; align-items: center; } .sliderTwo .sliderTitle {font-size: 30px;text-align: center;} .sliderTwo .sliderOverlay, .sliderTwo .sliderImg {height: 300px!important;border-radius: 10px 10px 0 0;} } /*! |----------------------------------------------------------------------------------------- | | | Slider Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel One - Start | | |----------------------------------------------------------------------------------------- */ .carouselOne .carouselWrap {} .carouselOne .carouselWrap.slick-dotted {} .carouselOne .carouselItem { /* margin: 15px; */ ; } .carouselOne .carouselImg { height: 700px; background-repeat: no-repeat; background-position: center; background-size: cover; } .whiskyfestCtaNew .carouselOne .carouselImg { height: 600px; } .carouselOne .slick-prev, .carouselOne .slick-next { z-index: 1; width: 36px; height: 36px; } .carouselOne .slick-prev svg, .carouselOne .slick-next svg { width: 100%; height: 100%; } .carouselOne .slick-prev svg path, .carouselOne .slick-next svg path { fill: none; stroke: #343a40; } .carouselOne .slick-prev.slick-disabled, .carouselOne .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed; } .carouselOne .slick-prev:before, .carouselOne .slick-next:before { display: none; } .carouselOne .slick-prev { left: -36px; } .contentAreaFullwidth .carouselOne .slick-prev { left: 30px; } .carouselOne .slick-next { right: -36px; } .contentAreaFullwidth .carouselOne .slick-next { right: 30px; } .carouselOne .slick-dots { position: absolute; bottom: 20px; } .carouselOne .slick-slider ul.slick-dots li button:before { content: ""; top: 0; left: 0; width: 80px; height: 2px; border-radius: 0%; -webkit-transform: none; transform: none; background-color: var(--color-secondary-light); opacity: 1; } .carouselOne .slick-slider ul.slick-dots li:hover button:before, .carouselOne .slick-slider ul.slick-dots li:hover button:after, .carouselOne .slick-slider ul.slick-dots li.slick-active button:before, .carouselOne .slick-slider ul.slick-dots li.slick-active button:after { background: var(--color-primary-lighter); } .carouselOne .slick-dots li button { width: 80px; height: 2px; } .slick-slider ul.slick-dots li {/* margin: 0 2px; */} @media (max-width: 991px) { .carouselOne .carouselItem { /* margin: 5px; */ ; } .carouselOne .slick-prev, .carouselOne .slick-next { width: 20px; height: 20px; } .carouselOne .slick-prev svg path, .carouselOne .slick-next svg path { stroke-width: 2; } .carouselOne .slick-prev { left: 20px; } .contentAreaFullwidth .carouselOne .slick-prev { left: 20px; } .carouselOne .slick-next { right: 20px; } .contentAreaFullwidth .carouselOne .slick-next { right: 20px; } .carouselOne .slick-dots li button { width: 50px; } .carouselOne .slick-slider ul.slick-dots li button:before { width: 50px; } .carouselOne .carouselImg { height: 400px; } .whiskyfestCtaNew .carouselOne .carouselImg { height: 300px; } } /*! |----------------------------------------------------------------------------------------- | | | Carousel One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel Two - Start | | |----------------------------------------------------------------------------------------- */ .carouselTwo .carouselWrap { margin-bottom: 30px; } .carouselTwo .carouselWrap.slick-dotted { margin-bottom: 60px; } .carouselTwo .carouselItem { opacity: 0.5; margin: 15px; transition: opacity ease-in-out 1s; } .carouselTwo .carouselItem.slick-current { opacity: 1; } .carouselTwo .carouselImg { padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; } .carouselTwo .slick-prev, .carouselTwo .slick-next { z-index: 1; width: 20px; height: 20px; } .carouselTwo .slick-prev svg, .carouselTwo .slick-next svg { width: 100%; height: 100%; } .carouselTwo .slick-prev svg path, .carouselTwo .slick-next svg path { fill: none; stroke: #343a40; stroke-width: 2; } .carouselTwo .slick-prev.slick-disabled, .carouselTwo .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed; } .carouselTwo .slick-prev:before, .carouselTwo .slick-next:before { display: none; } .carouselTwo .slick-prev { left: calc(25.6% - 10px); } .carouselTwo .slick-next { right: calc(25.6% - 10px); } @media (max-width: 991px) { .carouselTwo .carouselItem { margin-top: 5px; margin-bottom: 5px; } .carouselTwo .slick-prev { left: 89px; } .carouselTwo .slick-next { right: 89px; } } @media (max-width: 575px) { .carouselTwo .carouselItem { margin-left: 20px; margin-right: 20px; } .carouselTwo .slick-prev { left: 35px; } .carouselTwo .slick-next { right: 35px; } } /*! |----------------------------------------------------------------------------------------- | | | Carousel Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel Three - Start | | |----------------------------------------------------------------------------------------- */ .carouselThree .carouselWrap { margin-bottom: 30px; } .carouselThree .carouselWrap.slick-dotted { margin-bottom: 60px; } .carouselThree .carouselItem { margin: 15px; background-color: #f8f9fa; } .carouselThree .carouselImg { padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; } .carouselThree .carouselContent { display: flex; flex-direction: column; position: relative; padding: 30px 30px 1px; } .carouselThree .carouselDescription p { font-size: 14px; } .carouselThree .carouselBtn { margin-top: auto; } .carouselThree .slick-prev, .carouselThree .slick-next { z-index: 1; width: 36px; height: 36px; } .carouselThree .slick-prev svg, .carouselThree .slick-next svg { width: 100%; height: 100%; } .carouselThree .slick-prev svg path, .carouselThree .slick-next svg path { fill: none; stroke: #343a40; } .carouselThree .slick-prev.slick-disabled, .carouselThree .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed; } .carouselThree .slick-prev:before, .carouselThree .slick-next:before { display: none; } .carouselThree .slick-prev { left: -36px; } .contentAreaFullwidth .carouselThree .slick-prev { left: 30px; } .carouselThree .slick-next { right: -36px; } .contentAreaFullwidth .carouselThree .slick-next { right: 30px; } @media (max-width: 991px) { .carouselThree .carouselItem { margin: 5px; } .carouselThree .slick-prev, .carouselThree .slick-next { width: 20px; height: 20px; } .carouselThree .slick-prev svg path, .carouselThree .slick-next svg path { stroke-width: 2; } .contentAreaFullwidth .carouselThree .slick-prev { left: 20px; } .contentAreaFullwidth .carouselThree .slick-next { right: 20px; } } @media (max-width: 991px) and (min-width: 768px) { .carouselThree .carouselItem { display: flex; flex-wrap: wrap; } .carouselThree .carouselImg { width: 100%; flex: 0 0 40%; max-width: 40%; padding: 0; } .carouselThree .carouselContent { width: 100%; flex: 0 0 60%; max-width: 60%; } } /*! |----------------------------------------------------------------------------------------- | | | Carousel Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel Four - Start | | |----------------------------------------------------------------------------------------- */ .carouselFour .carouselWrap { margin-bottom: 30px; } .carouselFour .carouselWrap.slick-dotted { margin-bottom: 60px; } .carouselFour .carouselItem { margin: 0; opacity: 0.3; } .carouselFour .carouselItem.slick-current { opacity: 1; } .carouselFour .carouselItem.slick-current .carouselContent { -webkit-transform: translateY(0); transform: translateY(0); } .carouselFour .carouselItem.slick-current .carouselTitle { -webkit-transform: translateY(0); transform: translateY(0); } .carouselFour .carouselImg { padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; } .carouselFour .carouselItem, .carouselFour .carouselContent, .carouselFour .carouselTitle, .carouselFour .slick-prev, .carouselFour .slick-next { transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .carouselFour .carouselHeader { z-index: 1; position: relative; } .carouselFour .carouselOverlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 20%, black 100%); } .carouselFour .carouselTitle { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 40px; margin-bottom: 0; color: var(--color-white); -webkit-transform: translateY(-30px); transform: translateY(-30px); } .carouselFour .carouselContent { padding: 20px 40px 5px; margin-top: -1px; background-color: var(--color-black); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .carouselFour .carouselDescription p { color: var(--color-white); font-size: 13px; } .carouselFour .slick-prev, .carouselFour .slick-next { z-index: 1; top: 35%; width: 20px; height: 36px; background-color: #181818; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); -webkit-transform-origin: center center; transform-origin: center center; background-image: linear-gradient(to bottom, #939393 0%, var(--color-black) 100%); } .carouselFour .slick-prev svg, .carouselFour .slick-next svg { width: 100%; height: 100%; } .carouselFour .slick-prev svg path, .carouselFour .slick-next svg path { fill: none; stroke: var(--color-white); stroke-width: 2; } .carouselFour .slick-prev.slick-disabled, .carouselFour .slick-next.slick-disabled { opacity: 1; } .carouselFour .slick-prev:hover, .carouselFour .slick-next:hover { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3); } .carouselFour .slick-prev:before, .carouselFour .slick-next:before { display: none; } .carouselFour .slick-prev { left: calc(33.333333% - 10px); } .carouselFour .slick-next { right: calc(33.333333% - 10px); } .carouselFour .slick-dots { bottom: -35px; } @media (max-width: 991px) { .carouselFour .carouselItem.slick-current .carouselTitle { opacity: 1; } .carouselFour .carouselTitle { opacity: 0; } .carouselFour .slick-prev, .carouselFour .slick-next { top: 33%; } .carouselFour .slick-prev { left: calc(25% - 10px); } .carouselFour .slick-next { right: calc(25% - 10px); } } @media (max-width: 575px) { .carouselFour .carouselItem { opacity: 1; } .carouselFour .carouselContent { -webkit-transform: translateY(0); transform: translateY(0); } .carouselFour .carouselTitle { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .carouselFour .slick-prev, .carouselFour .slick-next { top: 50%; } .carouselFour .slick-prev { left: -10px; } .carouselFour .slick-next { right: -10px; } } /*! |----------------------------------------------------------------------------------------- | | | Carousel Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel Five - Start | | |----------------------------------------------------------------------------------------- */ .carouselFive .carouselWrap { margin-bottom: 30px; } .carouselFive .carouselWrap.slick-dotted { margin-bottom: 60px; } .carouselFive .carouselItem { padding: 30px 0; } @media (max-width: 991px) { .carouselFive .carouselItem { padding: 0; } } .carouselFive .carouselItemLeft { margin-bottom: 60px; } @media (max-width: 991px) { .carouselFive .carouselItemLeft { margin-bottom: 0; } } .carouselFive .carouselItemRight { margin-top: 60px; } @media (max-width: 991px) { .carouselFive .carouselItemRight { margin-top: 0; } } .carouselFive .carouselImg { min-height: 100%; padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; } .carouselFive .carouselContent { min-height: 100%; } .carouselFive .carouselTitle { display: inline-block; position: relative; padding-top: 30px; margin-top: 30px; } @media (max-width: 991px) { .carouselFive .carouselTitle { margin-top: 0; } } .carouselFive .carouselTitle:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; max-width: 80px; height: 5px; background-color: var(--color-primary); } .carouselFive .slick-prev, .carouselFive .slick-next { z-index: 1; width: 60px; height: 60px; padding: 15px; background-color: rgba(46, 183, 160, 0.5); } .carouselFive .slick-prev:hover, .carouselFive .slick-next:hover { background-color: var(--color-primary); } @media (max-width: 991px) { .carouselFive .slick-prev, .carouselFive .slick-next { top: 45%; width: 20px; height: 36px; padding: 5px; } } .carouselFive .slick-prev svg, .carouselFive .slick-next svg { width: 100%; height: 100%; } .carouselFive .slick-prev svg path, .carouselFive .slick-next svg path { fill: none; stroke: var(--color-white); } .carouselFive .slick-prev.slick-disabled, .carouselFive .slick-next.slick-disabled { cursor: not-allowed; } .carouselFive .slick-prev.slick-disabled svg path, .carouselFive .slick-next.slick-disabled svg path { fill: none; stroke: rgba(255, 255, 255, 0.5); } @media (max-width: 991px) { .carouselFive .slick-prev.slick-disabled svg path, .carouselFive .slick-next.slick-disabled svg path { stroke-width: 2px; } } .carouselFive .slick-prev:before, .carouselFive .slick-next:before { display: none; } .carouselFive .slick-prev { left: -80px; } @media (max-width: 991px) { .carouselFive .slick-prev { left: 0; } } .contentAreaFullwidth .carouselFive .slick-prev { left: 30px; } @media (max-width: 991px) { .contentAreaFullwidth .carouselFive .slick-prev { left: 20px; } } .carouselFive .slick-next { right: -80px; } @media (max-width: 991px) { .carouselFive .slick-next { right: 0; } } .contentAreaFullwidth .carouselFive .slick-next { right: 30px; } @media (max-width: 991px) { .contentAreaFullwidth .carouselFive .slick-next { right: 20px; } } .carouselFive .carouselImg { -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: ease-in-out 600ms; transition-delay: 600ms; } .carouselFive .carouselTitle, .carouselFive .carouselDescription, .carouselFive .carouselBtn { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); transition: ease-in-out 360ms; } .carouselFive .slick-current .carouselImg { -webkit-transform: translateY(0); transform: translateY(0); transition-delay: 100ms; } .carouselFive .slick-current .carouselTitle, .carouselFive .slick-current .carouselDescription, .carouselFive .slick-current .carouselBtn { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .carouselFive .slick-current .carouselTitle { transition-delay: 300ms; } .carouselFive .slick-current .carouselDescription { transition-delay: 500ms; } .carouselFive .slick-current .carouselBtn { transition-delay: 700ms; } /* |----------------------------------------------------------------------------------------- | | | Carousel Five - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Accordion One - Start | | |----------------------------------------------------------------------------------------- */ .accordionOne { margin-bottom: 10px; } .accordionOne .accordionBtn { position: relative; cursor: pointer; padding: 15px 70px 15px 40px; border-radius: 4px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: ease-in-out 500ms; } .accordionOne .accordionBtn:before { content: ""; position: absolute; top: 50%; left: 16px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.6); background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: ease-in-out 500ms; } .accordionOne .accordionBtn h1, .accordionOne .accordionBtn h2, .accordionOne .accordionBtn h3, .accordionOne .accordionBtn h4, .accordionOne .accordionBtn h5, .accordionOne .accordionBtn h6, .accordionOne .accordionBtn p { margin-bottom: 0; } .accordionOne .accordionIcon { position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .accordionOne .accordionIcon i { display: block; text-align: center; width: 20px; height: 20px; line-height: 20px; font-size: 18px; transition: ease-in-out 500ms; } .accordionOne .accordionContent { display: none; transition: none; padding: 30px 40px 5px; box-sizing: content-box; border-radius: 0 0 4px 4px; } @media (max-width: 767px) { .accordionOne .accordionContent { padding: 30px 20px 5px; } } .accordionOne.active .accordionBtn { border-radius: 4px 4px 0 0; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); } .accordionOne.active .accordionBtn:before { border: 2px solid rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.6); } .accordionOne.active .accordionIcon i { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .liveEdBlock .accordionOne .accordionContent, .leDisabled .accordionOne .accordionContent { display: block; } /*! |----------------------------------------------------------------------------------------- | | | Accordion One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Accordion Two - Start | | |----------------------------------------------------------------------------------------- */ .accordionTwo .accordionBtn { position: relative; cursor: pointer; padding: 15px 35px 15px 25px; margin-top: -1px; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; transition: ease-in-out 500ms; } .accordionTwo .accordionBtn:before { content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #96DBCF; background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: ease-in-out 500ms; } .accordionTwo .accordionBtn h1, .accordionTwo .accordionBtn h2, .accordionTwo .accordionBtn h3, .accordionTwo .accordionBtn h4, .accordionTwo .accordionBtn h5, .accordionTwo .accordionBtn h6, .accordionTwo .accordionBtn p { margin-bottom: 0; } .accordionTwo .accordionIcon { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .accordionTwo .accordionIcon i { display: block; text-align: center; width: 20px; height: 20px; line-height: 20px; color: var(--color-gray-5); font-size: 14px; transition: ease-in-out 500ms; } .accordionTwo .accordionContent { display: none; transition: none; padding: 30px 40px 5px; box-sizing: content-box; } @media (max-width: 767px) { .accordionTwo .accordionContent { padding: 30px 20px 5px; } } .accordionTwo.active .accordionBtn:before { border: 2px solid var(--color-primary); background-color: var(--color-primary); } .accordionTwo.active .accordionIcon i { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .liveEdBlock .accordionTwo .accordionContent, .leDisabled .accordionTwo .accordionContent { display: block; } /*! |----------------------------------------------------------------------------------------- | | | Accordion Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Accordion Three - Start | | |----------------------------------------------------------------------------------------- */ .accordionThree { margin-bottom: 10px; } .accordionThree .accordionWrap { border-radius: 26px; } .accordionThree .accordionBtn { position: relative; cursor: pointer; padding: 15px 54px 15px 40px; } .accordionThree .accordionBtn:before { content: ""; position: absolute; top: 50%; left: 17px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.6); background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: ease-in-out 500ms; } .accordionThree .accordionBtn:after { opacity: 0; visibility: hidden; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.2); transition: ease-in-out 500ms; } .accordionThree .accordionBtn h1, .accordionThree .accordionBtn h2, .accordionThree .accordionBtn h3, .accordionThree .accordionBtn h4, .accordionThree .accordionBtn h5, .accordionThree .accordionBtn h6, .accordionThree .accordionBtn p { margin-bottom: 0; } .accordionThree .accordionIcon { position: absolute; top: 50%; right: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .accordionThree .accordionIcon i { display: block; color: rgba(0, 0, 0, 0.6); transition: ease-in-out 500ms; } .accordionThree .accordionContent { display: none; transition: none; padding: 30px 40px 5px; box-sizing: content-box; } @media (max-width: 767px) { .accordionThree .accordionContent { padding: 30px 20px 5px; } } .accordionThree.active .accordionBtn:before { border: 2px solid rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.6); } .accordionThree.active .accordionBtn:after { opacity: 1; visibility: visible; } .accordionThree.active .accordionIcon i { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .liveEdBlock .accordionThree .accordionContent, .leDisabled .accordionThree .accordionContent { display: block; } /*! |----------------------------------------------------------------------------------------- | | | Accordion Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Card - Start | | |----------------------------------------------------------------------------------------- */ .contentCardOne { margin-bottom: 30px; } .contentCardOne .contentCardWrap { overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; background-color: var(--color-white); } .contentCardOne .contentCardHeader { padding: 15px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: var(--color-gray-2); word-break: break-word; } @media (max-width: 575px) { .contentCardOne .contentCardHeader { padding: 15px; } } .contentCardOne .contentCardHeader h1, .contentCardOne .contentCardHeader h2, .contentCardOne .contentCardHeader h3, .contentCardOne .contentCardHeader h4, .contentCardOne .contentCardHeader h5, .contentCardOne .contentCardHeader h6, .contentCardOne .contentCardHeader p, .contentCardOne .contentCardHeader ul, .contentCardOne .contentCardHeader ol, .contentCardOne .contentCardHeader dl, .contentCardOne .contentCardHeader table { margin-bottom: 0; } .contentCardOne .contentCardBody { padding: 30px 30px 1px; word-break: break-word; } @media (max-width: 575px) { .contentCardOne .contentCardBody { padding: 15px 15px 1px; } } .contentCardOne .contentCardFooter { padding: 15px 30px 5px; border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: var(--color-gray-2); } @media (max-width: 575px) { .contentCardOne .contentCardFooter { padding: 15px 15px 5px; } } .contentCardOne .contentCardFooter h1, .contentCardOne .contentCardFooter h2, .contentCardOne .contentCardFooter h3, .contentCardOne .contentCardFooter h4, .contentCardOne .contentCardFooter h5, .contentCardOne .contentCardFooter h6, .contentCardOne .contentCardFooter p, .contentCardOne .contentCardFooter ul, .contentCardOne .contentCardFooter ol, .contentCardOne .contentCardFooter dl, .contentCardOne .contentCardFooter table { margin-bottom: 10px; } /*! |----------------------------------------------------------------------------------------- | | | Content Card - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Card Two - Start | | |----------------------------------------------------------------------------------------- */ .contentCardTwo { margin-bottom: 30px; } .contentCardTwo .contentCardWrap { overflow: hidden; border-radius: 3px; padding: 40px 50px 10px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .contentCardTwo .contentCardWrap { padding: 25px 15px 10px; } } .contentCardTwo .contentCardHeader { margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .contentCardTwo .contentCardHeader h1, .contentCardTwo .contentCardHeader h2, .contentCardTwo .contentCardHeader h3, .contentCardTwo .contentCardHeader h4, .contentCardTwo .contentCardHeader h5, .contentCardTwo .contentCardHeader h6 { display: inline-block; margin-bottom: -1px; padding-bottom: 15px; border-bottom: 6px solid var(--color-primary); } .contentCardTwo.contentCardSmall .contentCardWrap { padding: 25px 30px 10px; } @media (max-width: 767px) { .contentCardTwo.contentCardSmall .contentCardWrap { padding: 25px 15px 10px; } } .contentCardTwo.contentCardSmall .contentCardBody h1, .contentCardTwo.contentCardSmall .contentCardBody h2, .contentCardTwo.contentCardSmall .contentCardBody h3, .contentCardTwo.contentCardSmall .contentCardBody h4, .contentCardTwo.contentCardSmall .contentCardBody h5, .contentCardTwo.contentCardSmall .contentCardBody h6, .contentCardTwo.contentCardSmall .contentCardBody p, .contentCardTwo.contentCardSmall .contentCardBody ul, .contentCardTwo.contentCardSmall .contentCardBody ol, .contentCardTwo.contentCardSmall .contentCardBody dl, .contentCardTwo.contentCardSmall .contentCardBody table { margin-bottom: 15px; } /* |----------------------------------------------------------------------------------------- | | | Content Card Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Modal Editor - Start | | |----------------------------------------------------------------------------------------- */ .modalEditor ul li { margin: 5px; } .modalEditor table:not(.Dialog) thead { background-color: var(--color-gray-2); } .modalEditor table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: transparent; } .modalEditor table:not(.Dialog) th, .modalEditor table:not(.Dialog) td { padding: 10px; line-height: 34px; } /*! |----------------------------------------------------------------------------------------- | | | Modal Editor - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Modal One - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .modalOne { padding-top: 34px; } .modalOne .container { max-width: none; } .modalOne .contentArea .contentAreaWrap { padding: 40px 25px 15px; } @media (max-width: 767px) { .modalOne .contentArea .contentAreaWrap { padding: 40px 15px 15px; } } @media (max-width: 575px) { .modalOne .contentArea .contentAreaWrap { padding: 30px 0 5px; } } .modalOne .modalPanel {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;width: 100%;margin: auto;height: 100%;z-index: 999999999999999999;padding: 60px 15px;overflow-x: hidden;overflow-y: auto;background-color: rgba(0, 0, 0, 0.8);} .modalOne .modalDialog {opacity: 0;overflow: hidden;position: relative;top: 100px;width: 100%;margin: 0 auto;min-height: 100px;border-radius: 6px;background-color: var(--color-white);box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5);-webkit-transform: translateY(30px);transform: translateY(30px);transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;z-index: 999999999;} .modalOne .modalDialog.active {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} .modalOne .modalClose { z-index: 1; position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; color: rgba(0, 0, 0, 0.7); font-size: 16px; line-height: 28px; text-align: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0); } .modalOne .modalClose:hover { color: black; background-color: white; box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.15); } .modalOne .modalDialogSmall { max-width: 570px; } .modalOne .modalDialogMedium { max-width: 770px; } .modalOne .modalDialogLarge { max-width: 970px; } /*! |----------------------------------------------------------------------------------------- | | | Modal One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Count Up One - Start | | |----------------------------------------------------------------------------------------- */ .countUpOne { text-align: center; } .countUpOne .countUpTop { display: block; color: var(--color-primary); font-size: 48px; margin-bottom: 15px; font-weight: 100; } .countUpOne .countUpBottom { display: block; color: var(--color-gray-8); font-size: 24px; font-weight: 700; } .countUpOne .countUpIcon { margin-bottom: 15px; } /* |----------------------------------------------------------------------------------------- | | | Count Up One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Donation Form - Start | | |----------------------------------------------------------------------------------------- */ .donationForm .mwFormSubmitRow .submit { display: block; } .donationForm .mwFormSubmitRow .submit.left { float: left; } .donationForm .mwFormSubmitRow .submit.middle { margin: 0 auto; } .donationForm .mwFormSubmitRow .submit.right { float: right; } .donationFormAdditionalOption { display: none; } /*! |----------------------------------------------------------------------------------------- | | | Donation Form - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Donation Form One - Start | | |----------------------------------------------------------------------------------------- */ .donationFormOne .amountButtonWrap::after { display: block; clear: both; content: ""; } .donationFormOne .amountButtonWrap .button { margin-bottom: 20px; text-align: center; text-transform: uppercase; font-weight: 600; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .donationFormOne .amountButtonWrap .button { font-size: 18px; color: var(--color-secondary); background-color: var(--color-gray-2); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .donationFormOne .amountButtonWrap .button:hover, .donationFormOne .amountButtonWrap .button.selected { color: var(--color-white); background-color: var(--color-primary); } .donationFormOne .amountButtonWrap .button.border { color: #181818; border: 1px solid #181818; background-color: transparent; } .donationFormOne .amountButtonWrap .button.border:hover, .donationFormOne .amountButtonWrap .button.border.selected { color: var(--color-white); border-color: var(--color-primary); background-color: var(--color-primary); } .donationFormOne .amountButtonWrap .button.round { overflow: hidden; border-radius: 200px; } .donationFormOne .amountButtonWrap .button.square { overflow: hidden; border-radius: 4px; } .donationFormOne .amountButtonWrap { text-align: center; } .donationFormOne .amountButtonWrap .button.round { margin-left: 15px; margin-right: 15px; } .donationFormOne .amountButtonWrap .button.round.small { width: 80px; height: 80px; line-height: 80px; } .donationFormOne .amountButtonWrap .button.round.medium { width: 100px; height: 100px; line-height: 100px; } .donationFormOne .amountButtonWrap .button.round.large { width: 120px; height: 120px; line-height: 120px; } .donationFormOne .amountButtonWrap .button.square { float: left; height: 80px; margin-right: 20px; } .donationFormOne .amountButtonWrap .button.square.small { width: calc(25% - 15px); } .donationFormOne .amountButtonWrap .button.square.small:nth-of-type(4n) { margin-right: 0; } .donationFormOne .amountButtonWrap .button.square.medium { width: calc(33.333333% - 14px); } .donationFormOne .amountButtonWrap .button.square.medium:nth-of-type(3n) { margin-right: 0; } .donationFormOne .amountButtonWrap .button.square.large { width: calc(50% - 10px); } .donationFormOne .amountButtonWrap .button.square.large:nth-of-type(2n) { margin-right: 0; } .donationFormOne .mwPayment-input.amount { margin-bottom: 0; } .donationFormOne .mwPayment-input.amount .mwInput { padding-left: 30px; } .donationFormOne .mwPayment-input.amount .mwInput input { height: 60px; font-size: 18px; } .donationFormOne .mwPayment-input.amount .mwInput:before { font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; content: "\F155"; position: absolute; top: 0; left: 30px; color: var(--color-primary); font-size: 20px; line-height: 60px; } .donationFormOne .donationFormRecurring table { margin-bottom: 0; } .donationFormOne .donationFormRecurring .monthsWrap label { height: 62px; line-height: 60px; } .donationFormOne .donationFormRecurring .monthsWrap .mwInput input { height: 60px; font-size: 18px; } .donationFormOne .mwPayment-hint { display: none; } .donationFormOne .mwFormSubmitRow .submit { padding: 10px 35px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 700; color: var(--color-white); text-transform: none; letter-spacing: 0; border-radius: 4px; border: 1px solid var(--color-primary); background-color: var(--color-primary); } .donationFormOne .mwFormSubmitRow .submit:hover { color: var(--color-white); border-color: var(--color-primary-dark); background-color: var(--color-primary-dark); } /*! |----------------------------------------------------------------------------------------- | | | Donation Form One - Start | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Donation Form Two - Start | | |----------------------------------------------------------------------------------------- */ .donationFormTwo .donationFormWrap { background-color: var(--color-white); padding: 70px 70px 40px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { .donationFormTwo .donationFormWrap { padding: 50px 50px 20px; } } @media (max-width: 575px) { .donationFormTwo .donationFormWrap { padding: 30px 15px 1px; } } @media (max-width: 359px) { .donationFormTwo .mwCaptcha { width: 260px; } } @media (max-width: 359px) { .donationFormTwo .mwCaptcha .g-recaptcha { -webkit-transform: scale(0.8556); transform: scale(0.8556); } } .donationFormTwo .amountButtonWrap::after { display: block; clear: both; content: ""; } .donationFormTwo .amountButtonWrap .button { margin-bottom: 20px; text-align: center; text-transform: uppercase; font-weight: 600; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .donationFormTwo .amountButtonWrap .button { font-size: 18px; color: var(--color-secondary); background-color: var(--color-gray-2); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } .donationFormTwo .amountButtonWrap .button:hover, .donationFormTwo .amountButtonWrap .button.selected { color: var(--color-white); background-color: var(--color-primary); } .donationFormTwo .amountButtonWrap .button.border { color: #181818; border: 1px solid #181818; background-color: transparent; } .donationFormTwo .amountButtonWrap .button.border:hover, .donationFormTwo .amountButtonWrap .button.border.selected { color: var(--color-white); border-color: var(--color-primary); background-color: var(--color-primary); } .donationFormTwo .amountButtonWrap .button.round { overflow: hidden; border-radius: 200px; } .donationFormTwo .amountButtonWrap .button.square { overflow: hidden; border-radius: 4px; } .donationFormTwo .amountButtonWrap { text-align: center; } .donationFormTwo .amountButtonWrap .button.round { margin-left: 15px; margin-right: 15px; } .donationFormTwo .amountButtonWrap .button.round.small { width: 80px; height: 80px; line-height: 80px; } .donationFormTwo .amountButtonWrap .button.round.medium { width: 100px; height: 100px; line-height: 100px; } .donationFormTwo .amountButtonWrap .button.round.large { width: 120px; height: 120px; line-height: 120px; } .donationFormTwo .amountButtonWrap .button.square { float: left; height: 80px; margin-right: 20px; } .donationFormTwo .amountButtonWrap .button.square.small { width: calc(25% - 15px); } .donationFormTwo .amountButtonWrap .button.square.small:nth-of-type(4n) { margin-right: 0; } .donationFormTwo .amountButtonWrap .button.square.medium { width: calc(33.333333% - 14px); } .donationFormTwo .amountButtonWrap .button.square.medium:nth-of-type(3n) { margin-right: 0; } .donationFormTwo .amountButtonWrap .button.square.large { width: calc(50% - 10px); } .donationFormTwo .amountButtonWrap .button.square.large:nth-of-type(2n) { margin-right: 0; } .donationFormTwo .mwPayment-input.amount { margin-bottom: 0; } .donationFormTwo .mwPayment-input.amount .mwInput { padding-left: 30px; } .donationFormTwo .mwPayment-input.amount .mwInput input { height: 60px; font-size: 18px; } .donationFormTwo .mwPayment-input.amount .mwInput:before { font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; content: "\F155"; position: absolute; top: 0; left: 30px; color: var(--color-primary); font-size: 20px; line-height: 60px; } .donationFormTwo .donationFormRecurring table { margin-bottom: 0; } .donationFormTwo .donationFormRecurring .monthsWrap label { height: 62px; line-height: 60px; } .donationFormTwo .donationFormRecurring .monthsWrap .mwInput input { height: 60px; font-size: 18px; } .donationFormTwo .mwPayment-hint { display: none; } .donationFormTwo .mwFormSubmitRow .submit { padding: 10px 35px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 700; color: var(--color-white); text-transform: none; letter-spacing: 0; border-radius: 4px; border: 1px solid var(--color-primary); background-color: var(--color-primary); } .donationFormTwo .mwFormSubmitRow .submit:hover { color: var(--color-white); border-color: var(--color-primary-dark); background-color: var(--color-primary-dark); } /*! |----------------------------------------------------------------------------------------- | | | Donation Form Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Categories List One - Start | | |----------------------------------------------------------------------------------------- */ .categoriesListOne ul { display: flex; flex-wrap: wrap; } .categoriesListOne ul li { padding-left: 0; padding-right: 20px; padding-bottom: 20px; margin-bottom: 25px; font-family: ivypresto-headline, serif; font-size: 18px; } .categoriesListOne ul li:first-child { display: none; } .categoriesListOne ul li:before { display: none; } .categoriesListOne ul li a { color: var(--color-primary-darker); border: 1px solid var(--color-primary-darker); padding: 10px 15px; } .categoriesListOne ul li a:hover { background: var(--color-primary-darker); color: var(--color-secondary-light); } /*! |----------------------------------------------------------------------------------------- | | | Categories List One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Categories List Two - Start | | |----------------------------------------------------------------------------------------- */ .categoriesListTwo ul li { padding: 0; margin: 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); } .categoriesListTwo ul li a { position: relative; display: block; padding: 15px 0 15px 22px; color: var(--color-gray-8); font-size: 14px; font-weight: 700; } .categoriesListTwo ul li a i { position: absolute; left: 0; font-size: 12px; color: var(--color-gray-6); margin-right: 10px; } .categoriesListTwo ul li a:hover { color: var(--color-primary); } .categoriesListTwo ul li a:hover i { color: var(--color-primary); } .categoriesListTwo ul li:before { display: none; } .categoriesListTwo ul li:first-of-type { border-top: 1px dashed rgba(0, 0, 0, 0.2); } .categoriesListTwo ul li.selected a i { color: var(--color-primary); } /*! |----------------------------------------------------------------------------------------- | | | Categories List Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List - Start | | |----------------------------------------------------------------------------------------- */ .postsList .row>div[style]:not([class]) { width: 100%; } .postsList .postsListLoader { width: 50px; margin: 30px auto; } .postsList .posts-no-result { max-width: 300px; padding: 30px 50px; margin: 0 auto; font-size: 22px; text-align: center; border-radius: 10px; background-color: rgba(0, 0, 0, 0.1); } .postsList .blogs-show-more { cursor: pointer; display: table; padding: 10px 35px; margin: 0 auto 30px; color: var(--color-white); font-size: 16px; font-weight: 700; font-family: "ivypresto-headline", sans-serif; letter-spacing: 0; text-transform: none; border: 1px solid var(--color-primary); background-color: var(--color-primary); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .postsList .blogs-show-more:hover { color: var(--color-white); border-color: var(--color-primary-dark); background-color: var(--color-primary-dark); } .postsList .blogs-post-crop-icon { display: none !important; } /* |----------------------------------------------------------------------------------------- | | | Post List - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List One - Start | | |----------------------------------------------------------------------------------------- */ .postsListOne .postsItem { margin-bottom: 30px; height: 390px; } .postsListOne .postsItem .postsItemWrap { border: 1px solid transparent; } .postsListOne .postsItem:hover .postsItemWrap { border: 1px solid var(--color-primary); } .postsListOne .postsItem:hover .postsItemImg { /* -webkit-transform: scale(1.05); */ /* transform: scale(1.05); */ ; } .postsListOne .postsItemWrap { overflow: hidden; } .postsListOne .postsItemImgHolder { overflow: hidden; height: 380px; position: relative; padding-top: 20px; } .postsListOne .postsItemImgHolder .postsItemPlaceholder { height: 340px; width: 100%; mix-blend-mode: multiply; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; } .postsListOne .postsItem:hover .postsItemImgHolder .postsItemPlaceholder { opacity: 0.2; } .postsListOne .postsItem:hover .postsItemImgHolder {} .postsListOne .postsItemImg { display: block; background-size: contain; height: 340px; mix-blend-mode: multiply; } .postsListOne .postsItemHover { background: rgba(253, 249, 240, 0.95); height: 390px; top: 0; position: absolute; width: 100%; opacity: 0; transition: 0.3s ease; } .postsListOne .postsItem:hover .postsItemHover { opacity: 1; } .postsListOne .postsItemContent { padding: 110px 30px 0; } .postsListOne .postsItemContent h6 { margin-bottom: 10px; } .postsListOne .postsItemContent p { font-weight: 600; } .postsListOne .postsItemContent .postsItemLinks a { color: var(--color-primary); } .postsListOne .postsItemContent span { font-size: 14px; padding: 0 5px; } .postsListOne .postsItemLinks { position: absolute; bottom: 0; font-family: ivypresto-headline, serif; font-size: 16px; } .postsListOne .postsItemContent .postsItemLinks a:first-child { margin-right: 30px; /* display: none; */ } .postsListOne .postsItemContent .postsItemLinks span { padding: 0; } .postsListOne .postsItemRanking { border-bottom: 1px solid var(--color-primary); display: inline-block; position: relative; top: 200px; left: 0; z-index: 9; padding: 0 10px; transition: 0.3s ease; } .postsListOne .postsItem:hover .postsItemRanking { top: -10px; } .postsListOne .postsItemRanking h4 { color: var(--color-primary); font-size: 45px; margin-bottom: 10px; } .postsListOne .postsItemContentMobile { display: none; } @media (max-width:991px) { .postsListOne .postsItemContent { text-align: center; padding-top: 0; } .postsListOne .postsItemContent p { margin-bottom: 10px; } .postsListOne .postsItemLinks { text-align: center; width: 100%; position: relative; } .postsListOne .postsItemContentMobile { display: block; position: relative; top: 0; } .postsListOne .postsItem { margin-bottom: 30px; height: 570px; } .postsListOne .postsItem .postsItemRanking { top: 0px; } .postsListOne .postsItem:hover .postsItemHover { opacity: 0; } } /*! |----------------------------------------------------------------------------------------- | | | Post List One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Two - Start | | |----------------------------------------------------------------------------------------- */ .postsListTwo .postsListWrap::after { display: block; clear: both; content: ""; } .postsListTwo .postsListWrap { margin-left: -15px; margin-right: -15px; } .postsListTwo .postsItem { float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .postsListTwo .postsItem:hover .postsItemImg { -webkit-transform: scale(1.05); transform: scale(1.05); } .postsListTwo .postsItem:hover .postsItemTitle { color: var(--color-primary); } .postsListTwo .postsItemWrap { display: block; overflow: hidden; border-radius: 2px; background-color: var(--color-white); } .postsListTwo .postsItemImgHolder { overflow: hidden; height: 100%; } .postsListTwo .postsItemImg { transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .postsListTwo .postsItemBody { position: relative; padding: 20px; } .postsListTwo .postsItemTitle { margin-bottom: 10px; font-weight: 600; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .postsListTwo .postsItemDate { margin-bottom: 0; font-size: 12px; color: var(--color-gray-6); } .postsListTwo .postsItemDate i { margin-right: 8px; } @media (min-width: 1200px) { .postsListTwo .postsItem { width: 25%; } .postsListTwo .postsItem:nth-child(10n+1), .postsListTwo .postsItem:nth-child(10n+6) { width: 50%; } .postsListTwo .postsItem:nth-child(10n+1) .postsItemWrap, .postsListTwo .postsItem:nth-child(10n+6) .postsItemWrap { height: 560px; } .postsListTwo .postsItem:nth-child(10n+1) .postsItemHeader, .postsListTwo .postsItem:nth-child(10n+6) .postsItemHeader { height: 414px; } .postsListTwo .postsItem:nth-child(10n+1) .postsItemBody, .postsListTwo .postsItem:nth-child(10n+6) .postsItemBody { padding: 30px 40px; } .postsListTwo .postsItem:nth-child(10n+1) .postsItemTitle, .postsListTwo .postsItem:nth-child(10n+6) .postsItemTitle { height: 57.6px; font-size: 24px; } .postsListTwo .postsItem:nth-child(10n+6), .postsListTwo .postsItem:nth-child(10n+7), .postsListTwo .postsItem:nth-child(10n+8), .postsListTwo .postsItem:nth-child(10n+9), .postsListTwo .postsItem:nth-child(10n+10) { float: right; } .postsListTwo .postsItemWrap { height: 265px; } .postsListTwo .postsItemHeader { height: 159px; } .postsListTwo .postsItemImg { height: 100%; } .postsListTwo .postsItemBody { flex: 0 0 auto; } .postsListTwo .postsItemTitle { overflow: hidden; height: 38.4px; font-size: 16px; } } @media (max-width: 1199px) { .postsListTwo .postsListWrap { display: flex; flex-wrap: wrap; } .postsListTwo .postsItem { width: 100%; max-width: 50%; flex: 0 0 50%; } .postsListTwo .postsItemWrap { height: 100%; } .postsListTwo .postsItemImg { padding-bottom: 75%; } } @media (max-width: 575px) { .postsListTwo .postsItem { flex: 0 0 100%; width: 100%; max-width: none; } } /*! |----------------------------------------------------------------------------------------- | | | Post List Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Three - Start | | |----------------------------------------------------------------------------------------- */ .postsListThree .postsItem:hover .postsItemImg { -webkit-transform: scale(1.05); transform: scale(1.05); } .postsListThree .postsItem:first-of-type .postsItemBody { border-top: 1px solid rgba(0, 0, 0, 0.2); } .postsListThree .postsItemWrap { display: flex; align-content: flex-start; } .postsListThree .postsItemHeader { flex: 0 0 auto; width: 350px; padding-bottom: 20px; margin-right: 60px; } .postsListThree .postsItemBody { flex: 1 1 auto; padding: 30px 0 1px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .postsListThree .postsItemImgHolder { overflow: hidden; height: 100%; } .postsListThree .postsItemImg { display: block; height: 100%; } .postsListThree .postsItemTitle { max-width: 570px; margin-bottom: 15px; } .postsListThree .postsItemDate { max-width: 570px; margin-bottom: 15px; color: var(--color-gray-6); font-size: 14px; } .postsListThree .postsItemDate i { margin-right: 8px; } .postsListThree .postsItemPreview { max-width: 570px; } @media (max-width: 991px) { .postsListThree .postsItem:first-of-type .postsItemBody { border-top: 0; } .postsListThree .postsItemWrap { flex-wrap: wrap; align-content: initial; } .postsListThree .postsItemHeader { flex: 0 0 100%; width: 100%; padding-bottom: 0; margin-right: 0; } .postsListThree .postsItemBody { flex: 0 0 100%; width: 100%; padding-bottom: 10px; border-bottom: 0; } .postsListThree .postsItemImg { height: auto; padding-bottom: 75%; } } /*! |----------------------------------------------------------------------------------------- | | | Post List Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Four - Start | | |----------------------------------------------------------------------------------------- */ .postsListFour .postsItem { margin-bottom: 30px; } .postsListFour .postsItem:hover .postsItemImg { -webkit-transform: scale(1.05); transform: scale(1.05); } .postsListFour .postsItem:hover .postsItemTitle { color: var(--color-primary); } .postsListFour .postsItem:hover .postsItemTitle:after { width: 60px; background-color: #96DBCF; } .postsListFour .postsItemWrap { display: flex; flex-wrap: wrap; overflow: hidden; border-radius: 4px; background-color: var(--color-white); } .postsListFour .postsItemHeader { width: 100%; max-width: 35%; flex: 0 0 35%; } .postsListFour .postsItemBody { width: 100%; flex: 0 0 65%; max-width: 65%; padding: 30px 30px 5px; } .postsListFour .postsItemImgHolder { overflow: hidden; height: 100%; } .postsListFour .postsItemImg { height: 100%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .postsListFour .postsItemTitle { max-width: 570px; margin-bottom: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .postsListFour .postsItemDate { max-width: 570px; margin-bottom: 15px; color: var(--color-gray-6); font-size: 14px; } .postsListFour .postsItemDate i { margin-right: 8px; } .postsListFour .postsItemPreview { max-width: 570px; } @media (min-width: 768px) { .postsListFour .postsItemTitle { position: relative; padding-bottom: 25px; margin-bottom: 20px; } .postsListFour .postsItemTitle:after { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background-color: #ced4da; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } } @media (max-width: 767px) { .postsListFour .postsItemHeader { flex: 0 0 auto; width: 100%; max-width: none; } .postsListFour .postsItemBody { flex: 0 0 auto; width: 100%; max-width: none; padding-bottom: 1px; } .postsListFour .postsItemImg { height: auto; padding-bottom: 75%; } } /*! |----------------------------------------------------------------------------------------- | | | Post List Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Five - Start | | |----------------------------------------------------------------------------------------- */ .postsListFive .postsItemHeader { margin-bottom: 15px; } .postsListFive .postsItemImgHolder { overflow: hidden; height: 480px; position: relative; } .postsListFive .postsItemImg {display: block;height: 480px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 10px;transition:0.3s ease} .postsListFive .postsItem:hover .postsItemImg {/* opacity:0.8; */} .postsListFive.postListTwoColumn .postsItemImgHolder, .postsListFive.postListThreeColumn .postsItemImgHolder { overflow: hidden; height: 220px; } .postsListFive.fourColumn .postsItemImgHolder { overflow: hidden; height: 160px; } .postsListFive.tallImg .postsItemImgHolder {height:320px} .postsListFive.postListTwoColumn .postsItemImg, .postsListFive.postListThreeColumn .postsItemImg { display: block; height: 220px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; text-align: center; object-fit: cover; width: 100%; } .postsListFive .imgOverlay {position:absolute;height:220px;width:100%;background:#fff;top: 0;opacity: 0;transition:0.3s ease;} .postsListFive .postsItem:hover .imgOverlay {opacity: 0.5;} .postsListFive.tallImg .postsItemImg, .postsListFive.tallImg .imgOverlay {height:320px} .fourColumn.postsListFive .postsItemImg, .fourColumn.postsListFive .imgOverlay {height: 160px;} .postsListFive.postListTwoColumn .postsItemImg img, .postsListFive.postListThreeColumn .postsItemImg img { height: 220px; max-width: 410px; } .postsListFive.tallImg .postsItemImg, .postsListFive.tallImg .imgOverlay, .postsListFive.tallImg .postsItemImg img {height:320px} .postsListFive.postListTwoColumn .postsItemImg .playButton img, .postsListFive.postListThreeColumn .postsItemImg .playButton img { height: 60px; max-width: 60px } .postsListFive.postListMagazine .postsItemImgHolder { overflow: hidden; height: 480px; } .postsListFive.postListMagazine .postsItemImg { display: block; height: 480px; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; } .postsListFive .playButton { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0.8; } .postsListFive .postsItem:hover .postsItemImg { /* -webkit-transform: scale(1.05); */ /* transform: scale(1.05); */ ; } .postsListFive.postListNoImage .postsItem { margin-bottom: 30px;} .postsListFive.postListNoImage .postsItemWrap { background: var(--color-secondary); padding: 30px 30px 1px; height: 100%; } .postsListFive .postsItemCategory { background: var(--color-primary); display: inline-block; padding: 3px 13px; color: #fff; text-transform: uppercase; font-size: 18px; position: absolute; top: 0; left: 0; } .postsListFive .postsItemDate { color: var(--color-primary); text-transform: uppercase; font-size: 14px; margin-bottom: 10px; } .postsListFive .postsItemTitle {margin-bottom: 30px;font-size: 19px;font-weight: 500;color: #000;} .postsListFive.tallImg .postsItemTitle {font-size: 24px;} .postsListFive.postListNoImage .postsItemTitle {font-size:30px; line-height:1.4} .postsListFive .postsItem:hover .postsItemTitle a {color: #696969;} .postsListFive .postsItem .postsItemTitle a:hover { color: var(--color-dark); } .postsListFive .postsItemPreview { font-size: 20px; max-width: 80%; line-height: 1.3; } @media (max-width:1365px) { .postsListFive.postListTwoColumn .postsItemImgHolder, .postsListFive.postListThreeColumn .postsItemImgHolder { height: 200px; } .postsListFive.postListTwoColumn .postsItemImg, .postsListFive.postListThreeColumn .postsItemImg, .postsListSimple .postsItemImg { display: block; height: 200px; } .postsListFive.postListMagazine .postsItemImgHolder { height: 480px; } .postsListFive.postListMagazine .postsItemImg { display: block; height: 480px; } .postsListFive .postsItemImgHolder { height: 400px; } .postsListFive .postsItemImg { height: 400px; } } @media (max-width:1099px) { .postsListFive .postsItemImgHolder { height: 300px; } .postsListFive .postsItemImg { height: 300px; } } @media (max-width:991px) { .postsListFive.postListTwoColumn .postsItemImgHolder, .postsListFive.postListThreeColumn .postsItemImgHolder, .postsListFive .postsItemImgHolder { height: 300px; } .postsListFive.postListTwoColumn .postsItemImg, .postsListFive.postListThreeColumn .postsItemImg, .postsListSimple .postsItemImg, .postsListFive .postsItemImg { display: block; height: 300px; } .postsListFive .postsItemImgHolder { height: 300px; } .postsListFive .postsItemImg { background-size: contain; } .postsListFive .postsItemTitle { margin-bottom: 30px; text-align: center; } .postsListFive .postsItem { padding: 0px 30px; } } @media (max-width:650px) { .postsListFive.postListTwoColumn .postsItemImgHolder, .postsListFive.postListThreeColumn .postsItemImgHolder { height: 220px; } .postsListFive .postsItemImg, .postsListFive .postsItemImgHolder { height: 240px; } .postsListFive.postListTwoColumn .postsItemImg, .postsListFive.postListThreeColumn .postsItemImg, .postsListSimple .postsItemImg { display: block; height: 220px; } } @media (max-width:500px) { .postsListFive.postListTwoColumn .postsItemImgHolder, .postsListFive.postListThreeColumn .postsItemImgHolder { height: 190px; } .postsListFive.postListTwoColumn .postsItemImg, .postsListFive.postListThreeColumn .postsItemImg, .postsListSimple .postsItemImg { display: block; height: 190px; } .postsListFive .postsItemImg, .postsListFive .postsItemImgHolder { height: 220px; } .postsListFive.postListTwoColumn .postsItemImg img, .postsListFive.postListThreeColumn .postsItemImg img { height: 190px } } @media (max-width:450px) { .postsListFive .postsItemImg, .postsListFive .postsItemImgHolder, .postsListFive.postListTwoColumn .postsItemImg, .postsListFive.postListThreeColumn .postsItemImg, .postsListSimple .postsItemImg, .postsListFive.postListTwoColumn .postsItemImgHolder, .postsListFive.postListThreeColumn .postsItemImgHolder { height: 180px; } .postsListFive.postListTwoColumn .postsItemImg img, .postsListFive.postListThreeColumn .postsItemImg img { height: 180px } } /*! |----------------------------------------------------------------------------------------- | | | Post List Five - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Simple - Start | | |----------------------------------------------------------------------------------------- */ .postsListSimple .postsListWrap { /* height:462px; */ ; } .postsListSimple .col-lg-4 { padding-left: 0; padding-right: 0; } .postsListSimple .col-lg-8 { padding-right: 10px; padding-left: 0; display: flex; flex-direction: column; justify-content: center; } .postsListSimple .postsItem { min-height: 120px; border-bottom: 1px solid #8E8E8E; padding: 20px 0; margin: 0; margin-right: 5px; } .postsListSimple .postsItem:first-child { padding: 0 0 20px 0; } .postsListSimple .postsItem:last-child { border-bottom: none; } .postsListSimple .postsItemImgHolder { height: 120px; /* width: 100px; */ position: relative; } .postsListSimple .postsItemImg { width: 100%; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; display: block; mix-blend-mode: multiply; z-index: 9; top: 0; left: 0; } .postsListSimple .postsItemTitle { margin-bottom: 10px; } .postsListSimple h5 { margin-bottom: 0; } .postsListSimple .postsItem:hover .postsItemTitle { text-decoration: underline; } .postsListSimple .postsItem .postsItemTitle a:hover { color: var(--color-dark); } @media (max-width:991px) { .postsListSimple .postsItemImgHolder { height: 300px; margin-bottom: 20px; } .postsListSimple .postsItemImg { height: 300px; background-size: contain; } .postsListSimple .col-lg-8 { padding-left: 0; } .postsListSimple .col-lg-4 { padding-right: 0; } } @media (max-width:650px) { .postsListSimple .postsItemImgHolder { height: 240px; } .postsListSimple .postsItemImg { display: block; height: 240px; } } @media (max-width:500px) { .postsListSimple .postsItemImgHolder, .postsListSimple .postsItemImg { height: 250px; background-size: contain; } } @media (max-width:450px) { .postsListSimple .postsItemImgHolder, .postsListSimple .postsItemImg { height: 180px; } } /*! |----------------------------------------------------------------------------------------- | | | Post List Simple - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Posts List Carousel One - Start | | |----------------------------------------------------------------------------------------- */ .postsListCarouselOne .slick-list { margin: 0 auto; max-width: 95%; } .postsListCarouselOne { /* margin-bottom: 30px; */ ; } .postsListTop20Mobile { display: none; } .postsListCarouselOne .slick-dotted.slick-slider { margin-bottom: 0; } .postsListCarouselOne .slick-vertical .slick-slide { border: 0; } .postsListCarouselOne .postsItem { margin: 15px; opacity: 1 !important; position: relative; /*/transition: 0.3s ease; /**/ } .postsListCarouselOne .postsItem.slick-current {} .postsListCarouselOne .postsItem:hover .postsItemImg {} .postsListCarouselOne .postsItem a:hover { text-decoration: none; } .postsListCarouselOne .postsItemImgHolder { /* overflow: hidden; */ } .postsListCarouselOne .postsItemImg { height: 400px; width: 154px; object-fit: contain; } .postsListCarouselOne.postListFeaturedWhiskies .postsItemImg, .postsListCarouselOne.postListFeaturedWhiskies .postsItemPlaceholder { height: 200px; max-width: 154px; width: unset; mix-blend-mode: multiply; } .postsListCarouselOne.postListFeaturedWhiskies .col-lg-4 { display: flex; align-items: flex-end; justify-content: center; width: 154px; } .postsListCarouselOne.postListFeaturedWhiskies .postsItemImgHolder { background: var(--color-secondary-light); width: 154px; height: 200px; } .postsListCarouselOne .postsItemContent { display: flex; flex-direction: column; position: relative; padding: 30px 30px 1px; position: relative; left: 60px; } .postsListCarouselOne.postListFeaturedWhiskies .postsItemContent { left: 0 } .postsListCarouselOne .slick-active .postsItemContent { left: 60px; } .postsListCarouselOne.postListFeaturedWhiskies .slick-active .postsItemContent { left: 0px; } .postsListCarouselOne .postsItemTitle { max-width: 90%; /* display:none; */ font-size: 28px; margin-bottom: 20px; } .postsListCarouselOne .postsItem.slick-current .postsItemTitle { display: block; } .postsListCarouselOne .postsItem .postsItemLinks a { font-family: "ivypresto-headline", sans-serif; text-decoration: underline; } .postsListCarouselOne.postListCarouselBtnTest .postsItem .postsItemLinksWrap { position: absolute; right: 0; bottom: 040px; text-align: left; min-width: 165px; width: 100%; } .postsListCarouselOne.postListCarouselBtnTest .postsItem .postsItemLinks { position: relative; left: 90px; } .postsListCarouselOne .postsItem .postsItemLinks a:first-child { margin-right: 10px } .postsListCarouselOne .postsItem .postsItemLinks a:hover { color: var(--color-primary) } .postsListCarouselOne .postsItemDescription p { font-size: 14px; } .postsListCarouselOne .postsItemScoreBottom { font-family: "ivypresto-headline", sans-serif; display: none; } .postsListCarouselOne .postsItem.slick-current .postsItemScoreBottom { display: block; } .postsListCarouselOne .postsItemBtn { /* margin-top: auto; */ /* display:none; */ ; } .postsListCarouselOne .postsItem.slick-current .postsItemBtn { display: block; } .postsListCarouselOne .postsItemTop { display: flex; margin-bottom: 30px; position: relative; /* top: 200px; */ transition: 0.3s ease; } .postsListCarouselOne .postsItemTop:hover { text-decoration: none } .postsListCarouselOne .postsItem.slick-current .postsItemTop { top: 0; } .postsListCarouselOne .postsItemTop .postsItemRanking { color: var(--color-primary); font-family: ivypresto-display, serif; font-size: 70px; font-weight: 700; border-bottom: 1px solid var(--color-primary); padding: 0 20px 0px 0; } .postsListCarouselOne .postsItemTop .postsItemScore { color: var(--color-white); font-family: ivypresto-headline, serif; font-size: 22px; font-weight: 400; border-bottom: 1px solid var(--color-primary); width: 65%; border-left: 1px solid var(--color-primary); padding-top: 40px; padding-left: 20px; } .top20White .postsListCarouselOne .postsItemTop .postsItemScore { color: var(--color-text) } .postsListCarouselOne.postListFeaturedWhiskies .postsItemTop .postsItemScore { color: var(--color-text); border-left: none; width: 100%; padding-left: 0; padding-bottom: 10px; } .postsListCarouselOne .postsItem.slick-current .postsItemTop .postsItemScore { display: block; } .postsListCarouselOne .slick-prev, .postsListCarouselOne .slick-next { z-index: 1; width: 50px; height: 40px; top: 40%; } .postsListCarouselOne .slick-prev svg, .postsListCarouselOne .slick-next svg { width: 20px; height: 20px; } .postsListCarouselOne .slick-prev svg path, .postsListCarouselOne .slick-next svg path { fill: none; stroke: #fff; stroke-width: 5px; } .postsListCarouselOne.postListFeaturedWhiskies .slick-prev svg path, .postsListCarouselOne .slick-next svg path { fill: none; stroke: var(--color-white); stroke-width: 5px; } .postsListCarouselOne .slick-prev.slick-disabled, .postsListCarouselOne .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed; } .postsListCarouselOne .slick-prev:before, .postsListCarouselOne .slick-next:before { display: none; } .postsListCarouselOne .slick-prev { left: -36px; } .contentAreaFullwidth .postsListCarouselOne .slick-prev { left: -20px; } .postsListCarouselOne .slick-next { right: -36px; } .contentAreaFullwidth .postsListCarouselOne .slick-next { right: -20px; } .postsListTop20Mobile .postsItem { /* display: none; */ /* justify-content: center; */ } .postsListTop20Mobile .postsItem { display: flex; justify-content: space-between; margin: 0 auto 30px; } .postsListTop20Mobile.postListCarouselBtnTestMobile .postsItem a { display: flex; justify-content: space-between; margin: 0 auto 30px; } .postsListTop20Mobile.postListCarouselBtnTestMobile .postsItem a:hover { text-decoration: none; } .postsListTop20Mobile .postsItemImgHolder, .postsListTop20Mobile .postsItemImg { height: 200px; } .postsListTop20Mobile .postsItemImgHolder { flex: 1 1 30%; justify-content: center; display: flex; } .postsListTop20Mobile .postsItemContent { display: flex; border-bottom: 1px solid var(--color-primary); align-items: flex-end; flex: 1 1 70%; position: relative; bottom: 15px; } .postsListTop20Mobile .postsItemContent .postsItemRanking { font-size: 80px; font-family: "ivypresto-headline", sans-serif; color: var(--color-primary); font-weight: 700; margin-right: 10px; } .postsListTop20Mobile .postsItemContent h3 { font-size: 20px; font-weight: 500; margin-bottom: 15px; } .postsListTop20Mobile .postsItemContent .postsItemScore { font-size: 20px; font-weight: 600; font-family: "ivypresto-headline", sans-serif; color: #fff; margin-bottom: 15px; } .postsListTop20Mobile .postsItemContent .postsItemLinks { margin-bottom: 15px; font-family: "ivypresto-headline", sans-serif; } .postsListTop20Mobile .btn a { width: 100%; margin-top: 15px; } .postsListTop20Mobile .postsItemLinks a { text-decoration: underline; font-family: "ivypresto-headline", sans-serif; } @media (max-width:1500px) { .postsListCarouselOne .slick-active .postsItemContent { left: 80px; } } @media (max-width:1299px) { .postsListCarouselOne .slick-active .postsItemContent { left: 60px; } } @media (max-width: 991px) { .postsListCarouselOne .postsItem { margin: 5px; } .postsListCarouselOne .slick-prev, .postsListCarouselOne .slick-next { width: 20px; height: 20px; } .postsListCarouselOne .slick-prev svg path, .postsListCarouselOne .slick-next svg path { stroke-width: 2; } .contentAreaFullwidth .postsListCarouselOne .slick-prev { left: 0; } .contentAreaFullwidth .postsListCarouselOne .slick-next { right: 0; } .postsListTop20Mobile { display: block; } .postsListCarouselOne.postsListCarouselNew { display: none; } .postsListCarouselOne.postsListCarouselNew.postListFeaturedClubs { display: inline; } .postsListCarouselOne .postsItem { /* display: flex; */ /* flex-wrap: wrap; */ } .postsListCarouselOne .postsItemImgHolder { width: 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0 auto; } .postsListCarouselOne .postsItemImg { padding: 0; margin: 0 auto; } .postsListCarouselOne .postsItemContent { width: 100%; flex: 0 0 100%; max-width: 100%; left: 0; padding: 0; } .postsListCarouselOne .postsItemBtn a { background: var(--color-primary); color: #fff; } .postsListCarouselOne .slick-active .postsItemContent { left: 0px; padding: 0; } .postsListCarouselOne .postsItemTitle { max-width: 100%; } } @media (max-width:500px) { .postsListTop20Mobile .postsItemImgHolder, .postsListTop20Mobile .postsItemImg { height: 130px; width: 54px; object-fit: contain; } } /*! |----------------------------------------------------------------------------------------- | | | Posts List Carousel One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post Details One - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsOne .blogs-post-crop-icon { top: 35px; left: calc(100% - 35px); z-index: 400; } .mwPageBlock:not(.liveEdBlock) .postDetailsOne .blogs-post-crop-icon { display: none; } .postDetailsOne .ui-resizable-handle, .postDetailsOne .button.rst.reset { display: none !important; } .postDetailsOne .postDetailsBanner { position: relative; overflow: hidden; margin-bottom: -300px; } .postDetailsOne .postDetailsBannerWrap { padding: 60px 0 300px; } .postDetailsOne .postDetailsBannerBg { position: absolute; top: 50%; left: 50%; width: 110%; height: 110%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-filter: blur(15px); filter: blur(15px); background-repeat: no-repeat; background-position: center; background-size: cover; } .postDetailsOne .postDetailsBannerOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, white 100%); } .postDetailsOne .postDetailsBannerImg { position: relative; width: 100%; border-radius: 3px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06); } .postDetailsOne .postDetailsHeader { display: flex; /* align-items:center; */ justify-content: space-between; } .postDetailsOne .postDetailsTitle {color: #181818;font-size: 54px;line-height: 1.2;margin-bottom: 15px;text-transform: none;font-weight: 700;font-family: "ivypresto-headline", sans-serif;} .postDetailsOne .postDetailsTitle:before, .postDetailsOne .postDetailsTitle:after { display: none; } .postDetailsOne .postDetailsSubheading { font-size: 24px; line-height: 1.8; font-weight: 100; } .postDetailsOne .postDetailsSubheader { align-items: center; margin-top: 60px; } .postDetailsOne .postDetailsInfo { display: flex; align-items: center; } .postDetailsOne .postDetailsInfoMain { margin-bottom: 2px; } .postDetailsOne .postDetailsAvatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 10px; font-size: 22px; color: var(--color-gray-5); font-weight: 100; border-radius: 50%; background-color: var(--color-gray-2); } .postDetailsOne .postDetailsAvatar span { margin-bottom: 1px; } .postDetailsOne .postDetailsAuthor { color: #181818; } .postDetailsOne .postDetailsMetas { font-size: 14px; color: #757575; } .postDetailsOne .postDetailsShare { text-align: right; } .postDetailsOne .postDetailsShare a { display: inline-block; color: var(--color-gray-8); } .postDetailsOne .postDetailsShare a:hover { color: var(--color-primary); } .postDetailsOne .postDetailsShare a:first-of-type .shareBtn { margin-left: 0; } .postDetailsOne .postDetailsShare a:last-of-type .shareBtn { margin-right: 0; } .postDetailsOne .postDetailsShare .shareBtn { margin-top: 0; margin-bottom: 0; } .postDetailsOne {/* position: fixed; *//* top: 130px; */overflow: hidden;left: 0;width: 100%;height: 100%;overflow-x: hidden;overflow-y: hidden;padding-top: 60px;} .postDetailsOne .backButton p a { color: var(--primary-darker); text-decoration: underline; font-size: 16px; font-family: ivypresto-headline, serif; font-weight: 600; } .postDetailsOne .backButton p a:hover { color: var(--color-primary); } .postDetailsOne .container { max-width: 95% !important; width: 100%; } .postDetailsOne .col-lg-4 {max-height: 640px;background-size: contain!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;} .postDetailsOne .postPlaceholder { height: 640px; } .postDetailsOne .postPlaceholder._img-placeholder { background-image: url(/images/ratings_placeholder.jpg)!important; background-position: center; background-repeat:no-repeat!important; background-size: 70%!important; } .postDetailsOne .postImg { height: 550px; } .postDetailsOne .col-lg-8 { padding-left: 80px; max-height: 72vh; overflow: auto; } .postDetailsOne .col-lg-8::-webkit-scrollbar { /*display: none;*/ ; } .postDetailsOne .contentAreaWrap { padding-top: 30px; } .postDetailsOne .col-lg-8 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ ; } .postDetailsOne .postDetailsTop {display: flex;border-bottom: 1px solid #000;} .postDetailsOne .postDetailsRanking {min-width: 110px;text-align: center;/* border-right: 1px solid var(--color-primary); */padding-right: 15px;} .postDetailsOne .postDetailsRanking h3 {font-size: 50px;color: #000;margin-bottom: 0;} .postDetailsOne .postDetailsRanking p {font-size: 18px;font-family: 'calibri', sans-serif;margin-bottom: 10px;} .postDetailsOne .postDetailsTitle {/* padding-left: 30px; */position: relative;/* top: 20px; */max-width: 85%;} .postDetailsOne .postDetailsTitle h3 {font-size:54px} .postDetailsOne .postDetailsTitle h1 {font-size: 54px;} .postDetailsOne.topShelfPost .postDetailsTitle { padding-left: 0 } .postDetailsOne .postDetailsStats {/* border-bottom: 1px solid var(--color-primary); */padding: 0;font-size: 18px;display: flex;justify-content: space-between;align-items: center;} .postDetailsOne .postDetailsStats p {margin-bottom: 30px;} .postDetailsOne .postDetailsStats .btn { margin-bottom: 0 } .postDetailsOne .postDetailsStats span { font-size: 13px; padding: 0 15px; } .postDetailsOne .postDetailsStats .ratingsPrice { font-size: 18px; padding: 0; } .postDetailsOne .postDetailsContent { line-height: 1.5; font-size: 22px; margin-top: 30px; margin-bottom: 30px; color: var(--color-dark); } .postDetailsOne .postDetailsContent h1, .postDetailsOne .postDetailsContent h2, .postDetailsOne .postDetailsContent h3, .postDetailsOne .postDetailsContent h4, .postDetailsOne .postDetailsContent h5, .postDetailsOne .postDetailsContent h6 { color: #181818; margin-top: 45px; margin-bottom: 20px; line-height: 1.2; text-transform: none; font-weight: 700; font-family: "ivypresto-headline", sans-serif; } .postDetailsOne .postDetailsContent h1:before, .postDetailsOne .postDetailsContent h1:after, .postDetailsOne .postDetailsContent h2:before, .postDetailsOne .postDetailsContent h2:after, .postDetailsOne .postDetailsContent h3:before, .postDetailsOne .postDetailsContent h3:after, .postDetailsOne .postDetailsContent h4:before, .postDetailsOne .postDetailsContent h4:after, .postDetailsOne .postDetailsContent h5:before, .postDetailsOne .postDetailsContent h5:after, .postDetailsOne .postDetailsContent h6:before, .postDetailsOne .postDetailsContent h6:after { display: none; } .postDetailsOne .postDetailsContent h1 { font-size: 42px; } .postDetailsOne .postDetailsContent h2 { font-size: 38px; } .postDetailsOne .postDetailsContent h3 { font-size: 32px; } .postDetailsOne .postDetailsContent h4 { font-size: 28px; } .postDetailsOne .postDetailsContent h5 { font-size: 22px; } .postDetailsOne .postDetailsContent h6 { font-size: 18px; } .postDetailsOne .postDetailsContent p, .postDetailsOne .postDetailsContent ul, .postDetailsOne .postDetailsContent ol, .postDetailsOne .postDetailsContent dl {color: var(--color-dark);font-size: 18px;line-height: 1.5;max-width: 97%;font-weight: 300;} .postDetailsOne .postDetailsContent a { text-decoration: underline; } .postDetailsOne .postDetailsFooter { position: relative; padding: 60px 0; } @media (max-width:1440px) { .postDetailsOne .postDetailsStats { padding: 10px; display: block; } .postDetailsOne .postDetailsStats .btn { margin-top: 15px } } @media (max-width: 991px) { .postDetailsOne .postDetailsBanner { margin-bottom: -150px; } .postDetailsOne .postDetailsBannerWrap { padding: 30px 0 150px; } .postDetailsOne .postDetailsHeader { padding: 0 30px; } .postDetailsOne .postDetailsTitle { font-size: 26px; } .postDetailsOne .postDetailsTitle h3 {} .postDetailsOne .postDetailsSubheading { font-size: 20px; } .postDetailsOne .postDetailsSubheader { margin-top: 30px; } .postDetailsOne .postDetailsContent h1 { font-size: 30px; } .postDetailsOne .postDetailsContent h2 { font-size: 28px; } .postDetailsOne .postDetailsContent h3 { font-size: 24px; } .postDetailsOne .postDetailsContent h4 { font-size: 22px; } .postDetailsOne .postDetailsContent h5 { font-size: 20px; } .postDetailsOne .postDetailsContent h6 { font-size: 18px; } .postDetailsOne { position: relative; top: unset; overflow: visible; overflow-x: visible; overflow-y: visible; } .postDetailsOne .col-lg-4 { height: 250px; margin-bottom: 30px; padding: 0; } .postDetailsOne .postPlaceholder { height: 250px; background-size: contain !important; } .postDetailsOne .col-lg-8 { padding-left: 0px; max-height: 100%; overflow: auto; } .postDetailsOne .postDetailsStats span { padding: 0 5px; } .postDetailsOne .postImg { height: 250px; display: block; margin: 0 auto; } .postDetailsOne .postDetailsStats { padding: 10px 0; font-size: 14px; } .postDetailsOne .postDetailsContent { margin-top: 10px; margin-bottom: 15px; } .postDetailsOne .postDetailsContent p { font-size: 18px } } @media (max-width: 767px) { .postDetailsOne .postDetailsShare { /* order: -1; */ text-align: left; margin-bottom: 30px; } .postDetailsOne .col-lg-8 { padding: 0px 40px; } .postDetailsOne .container { max-width: 100% !important; width: 100%; padding: 0; } } @media (max-width: 575px) { .postDetailsOne .postDetailsBanner { margin-bottom: 0; } .postDetailsOne .postDetailsBannerBg, .postDetailsOne .postDetailsBannerOverlay { display: none; } .postDetailsOne .postDetailsBannerWrap { padding: 0; } .postDetailsOne .postDetailsBannerWrap .container { padding-left: 0; padding-right: 0; } .postDetailsOne .postDetailsBannerImg { width: 100%; box-shadow: none; } } /*! |----------------------------------------------------------------------------------------- | | | Post Details One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post Details Two - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsTwo .blogs-post-crop-icon { top: 35px; left: calc(100% - 35px); z-index: 400; position: absolute; } .mwPageBlock:not(.liveEdBlock) .postDetailsTwo .blogs-post-crop-icon { display: none; } .postDetailsTwo .ui-resizable-handle, .postDetailsTwo .button.rst.reset { display: none !important; } .postDetailsTwo .postDetailsBanner { margin-bottom: 0; } .postDetailsTwo .postDetailsBannerWrap { text-align: left; } .postDetailsTwo.postDetailsNew .postDetailsBannerWrap {max-width: 1290px;margin: 0 auto;position: relative;margin-top: 30px;margin-bottom: 30px;} .postDetailsTwo.postDetailsNew .postDetailsBannerWrap img {height:500px;width:100%;object-fit:cover;border-radius:10px 0 0 10px} .postDetailsTwo.postDetailsNew .postDetailsBannerWrap .postDetailsBannerText {background:#000;color:#fff;height:500px;display:flex;align-items:center;padding:30px 85px;border-radius: 0 10px 10px 0;} .postDetailsTwo.postDetailsNew .postDetailsBannerWrap .postDetailsBannerText h1 {color:#fff;font-weight:500;font-size:54px;margin: 0;} .postDetailsTwo .postDetailsBannerWrap p { margin: 15px 0px; } .postDetailsTwo .postDetailsBannerImg, .postDetailsTwo .postDetailsBannerImgNoHeader { height: 650px; mix-blend-mode: darken; width: 100%; object-fit: cover; text-align: center; object-position: center; /*display: none;*/ } @media screen and (min-width: 992px) { .postDetailsTwo .postDetailsBannerImg, .postDetailsTwo .postDetailsBannerImgNoHeader { display: block; } } .postDetailsTwo .postDetailsBannerImgMobile { mix-blend-mode: darken; width: 100%; object-fit: cover; text-align: center; object-position: center; } @media screen and (min-width: 992px) { .postDetailsTwo .postDetailsBannerImgMobile { display: none; } } @media (max-width:991px) { .postDetailsTwo.postDetailsNew .postDetailsBannerWrap .postDetailsBannerText {height:auto;dpadding:30px;border-radius:0 0 10px 10px} .postDetailsTwo.postDetailsNew .postDetailsBannerWrap .postDetailsBannerText h1 {font-size:38px} .postDetailsTwo.postDetailsNew .postDetailsBannerWrap img {height:300px;width:100%;object-fit:cover;border-radius:10px 10px 0 0} } .postDetailsTwo .postDetailsSideShare { position: fixed; right: 30px; bottom: 100px; width: 32px; } .postDetailsTwo .postDetailsSideShare .shareBtn { /* filter: invert(1); */ /* opacity: 0.5; */ mix-blend-mode: darken; /* background: var(--color-primary-darker); */ mix-blend-mode: invert; } .postDetailsTwo .postDetailsMagazineImg { max-width: 100%; } .postDetailsTwo .postDetailsHeader { position: relative; padding: 20px 0 30px; text-align: center; } .postDetailsTwo .postDetailsCategory { background: var(--color-primary); display: inline-block; padding: 3px 13px; color: #fff; margin-bottom: 20px; } .postDetailsTwo .postDetailsTitle { color: var(--color-primary-darker); font-size: 36px; line-height: 1.3; margin-bottom: 15px; text-transform: none; font-weight: 600; font-family: "ivypresto-headline", sans-serif; margin-bottom: 20px; margin-top: 50px; } .postDetailsTwo .postsDetailsDate, .postDetailsTwo .postsDetailsDate a {color: #000;margin-top: 30px;text-decoration: none;} .postDetailsTwo .postDetailsTitle:before, .postDetailsTwo .postDetailsTitle:after { display: none; } .postDetailsTwo .postDetailsSubheading { font-size: 24px; font-weight: 100; } .postDetailsTwo .postDetailsSubheader { align-items: center; margin-top: 30px; } .postDetailsTwo .postDetailsInfo { display: flex; align-items: center; } .postDetailsTwo .postDetailsInfoMain { margin-bottom: 2px; } .postDetailsTwo .postDetailsAvatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 10px; font-size: 22px; color: var(--color-gray-5); font-weight: 100; border-radius: 50%; background-color: var(--color-gray-2); } .postDetailsTwo .postDetailsAvatar span { margin-bottom: 1px; } .postDetailsTwo .postDetailsAuthor { color: #181818; } .postDetailsTwo .postDetailsMetas { font-size: 14px; color: #757575; } .postDetailsTwo .postDetailsShare { text-align: right; } .postDetailsTwo .postDetailsShare a { display: inline-block; color: var(--color-gray-8); } .postDetailsTwo .postDetailsShare a:hover { color: var(--color-primary); } .postDetailsTwo .postDetailsShare a:first-of-type .shareBtn { margin-left: 0; } .postDetailsTwo .postDetailsShare a:last-of-type .shareBtn { margin-right: 0; } .postDetailsTwo .postDetailsShare .shareBtn { margin-top: 0; margin-bottom: 0; } .postDetailsTwo .postDetailsBody { position: relative; /* margin-bottom: 100px; */ ; } .postDetailsTwo .postDetailsAd { padding-bottom: 50px; /* border-bottom: 1px solid var(--color-primary); */ max-width: 1170px; margin: 0 auto; } .postDetailsTwo .postDetailsContent { line-height: 1.5; font-size: 18px; margin-top: 0; margin-bottom: 60px; color: var(--color-dark); } .postDetailsTwo .postDetailsContent h1, .postDetailsTwo .postDetailsContent h2, .postDetailsTwo .postDetailsContent h3, .postDetailsTwo .postDetailsContent h4, .postDetailsTwo .postDetailsContent h5, .postDetailsTwo .postDetailsContent h6 { /* color: #181818; */ /* margin-top: 45px; */ /* margin-bottom: 20px; */ /* line-height: 1.2; */ /* text-transform: none; */ /* font-weight: 700; */ /* font-family: "ivypresto-headline", sans-serif; */ } .postDetailsTwo .postDetailsContent h1:before, .postDetailsTwo .postDetailsContent h1:after, .postDetailsTwo .postDetailsContent h2:before, .postDetailsTwo .postDetailsContent h2:after, .postDetailsTwo .postDetailsContent h3:before, .postDetailsTwo .postDetailsContent h3:after, .postDetailsTwo .postDetailsContent h4:before, .postDetailsTwo .postDetailsContent h4:after, .postDetailsTwo .postDetailsContent h5:before, .postDetailsTwo .postDetailsContent h5:after, .postDetailsTwo .postDetailsContent h6:before, .postDetailsTwo .postDetailsContent h6:after { display: none; } .postDetailsTwo .postDetailsContent h1 { font-size: 42px; margin-top: 30px; } .postDetailsTwo .postDetailsContent h2 { font-size: 36px; margin-top: 30px; /* margin-bottom: 0; */ text-transform: capitalize; } .postDetailsTwo .postDetailsContent h3 { font-size: 32px; } .postDetailsTwo .postDetailsContent figure { margin: 0 0 30px 0; } .postDetailsTwo .postDetailsContent figcaption { font-size: 16px; font-style: italic; margin: 10px 0 0 0; } .postDetailsTwo .postDetailsVideo { margin: 30px auto; display: block; } .postDetailsTwo .add-bottles-name { font-size: 28px !important; font-family: 'ivypresto-serif', serif; } .postDetailsTwo .add-bottles-know-head, .postDetailsTwo .add-bottles-says-head { font-weight: 700; font-size: 20px !important; } .postDetailsTwo .postDetailsContent h5 { font-size: 22px; } .postDetailsTwo .postDetailsContent h6 { font-size: 18px; } .postDetailsTwo .postDetailsContent p, .postDetailsTwo .postDetailsContent ul, .postDetailsTwo .postDetailsContent ol, .postDetailsTwo .postDetailsContent dl { color: var(--color-primary-darker); font-size: 18px; line-height: 1.5; } .postDetailsContentImg { font-weight: 400; font-size: 16px; line-height: 1.5; color: #000; font-family: calibri, sans-serif; font-style: italic; } .postDetailsTwo .postDetailsContent a { text-decoration: underline; color: #000; font-weight: 600; } .postDetailsTwo .postDetailsContent h1 a, .postDetailsTwo .postDetailsContent h2 a, .postDetailsTwo .postDetailsContent h3 a, .postDetailsTwo .postDetailsContent h4 a, .postDetailsTwo .postDetailsContent h5 a, .postDetailsTwo .postDetailsContent h6 a { text-decoration: none; } .postDetailsTwo .postDetailsFooter { position: relative; /* padding: 0 0 60px 0; */ } .postDetailsTwo .postDetailsFooterInner {border-top: 1px solid #000;padding: 30px 0;} .postDetailsTwo .postDetailsCategories { margin-bottom: 30px; } .postDetailsTwo .postDetailsCategories span { background: var(--color-black); color: var(--color-white); padding: 1px 10px 2px; margin: 0 0 5px 0; text-transform: uppercase; font-size: 16px; white-space: nowrap; display: inline-block; } @media (max-width:1120px) { .postDetailsTwo .postDetailsBannerImg { height: 650px; mix-blend-mode: darken; width: 100%; object-fit: cover; text-align: center; } .postDetailsTwo.postDetailsNew .postDetailsBannerWrap { margin: 0 15px; padding: 30px 0 0 0; } } @media (max-width: 991px) { .postDetailsTwo .postDetailsBanner { margin-bottom: 30px; } .postDetailsTwo .postDetailsHeader { padding: 30px 0; } .postDetailsTwo .postDetailsTitle { font-size: 26px; } .postDetailsTwo .postDetailsSubheading { font-size: 20px; } .postDetailsTwo .postDetailsContent h1 { font-size: 30px; } .postDetailsTwo .postDetailsContent h2 { font-size: 28px; } .postDetailsTwo .postDetailsContent h3 { font-size: 24px; } .postDetailsTwo .postDetailsContent h4 { font-size: 22px; } .postDetailsTwo .postDetailsContent h5 { font-size: 20px; } .postDetailsTwo .postDetailsContent h6 { font-size: 18px; } .postDetailsTwo .postDetailsBannerImg, .postDetailsTwo .postDetailsBannerImgNoHeader {height: 300px;display: none!important;} .postDetailsTwo .postDetailsBannerWrap { text-align: center; } .postDetailsTwo .postDetailsBannerWrap p { margin: 15px 0; text-align: left; } } @media (max-width: 767px) { .postDetailsTwo .postDetailsShare { order: -1; text-align: left; margin-bottom: 30px; } } /*! |----------------------------------------------------------------------------------------- | | | Post Details Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post Details Three - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsThree * { box-sizing: border-box; } .postDetailsThree .blogs-post-crop-icon { top: 35px; left: calc(100% - 35px); z-index: 400; } .mwPageBlock:not(.liveEdBlock) .postDetailsThree .blogs-post-crop-icon { display: none; } .postDetailsThree .postDetailsContent { line-height: 1.5; font-size: 18px; margin-top: 0; margin-bottom: 60px; color: var(--color-dark); } .postDetailsThree .ui-resizable-handle, .postDetailsThree .button.rst.reset { display: none !important; } .postDetailsThree .postDetailsHeader { padding: 60px 0; } .postDetailsTwo .postDetailsBanner { margin-bottom: 0; } .postDetailsThree .postDetailsBannerImg { height: 650px; width: 100%; object-fit: cover; } .postDetailsThree .postDetailsBannerOverlay { height: 650px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%); position: relative; } .postDetailsThree .postDetailsBannerOverlay h1 { color: #fff; position: absolute; bottom: 50px; font-size: 48px; } .postDetailsThree .postDetailsHeader { position: relative; padding: 90px 0 30px; text-align: center; } .postDetailsThree .postDetailsCategory { background: var(--color-primary); display: inline-block; padding: 3px 13px; color: #fff; margin-bottom: 20px; } .postDetailsThree .postDetailsTitle { color: var(--color-primary-darker); font-size: 36px; line-height: 1.3; margin-bottom: 15px; text-transform: none; font-weight: 600; font-family: "ivypresto-headline", sans-serif; margin-bottom: 20px; } .postDetailsThree .postsDetailsDate { color: var(--color-primary); } .postDetailsThree .postDetailsSubheading { font-size: 24px; font-weight: 100; } .postDetailsThree .postDetailsAuthor { display: flex; align-items: center; } .postDetailsThree .postDetailsAvatar { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 8px; font-size: 15px; color: var(--color-gray-5); border-radius: 50%; background-color: var(--color-gray-2); } .postDetailsThree .postDetailsAvatar span { margin-bottom: 1px; } .postDetailsThree .postDetailsAuthorName { font-size: 14px; font-family: monospace; } .postDetailsThree .postDetailsContent h1, .postDetailsThree .postDetailsContent h2, .postDetailsThree .postDetailsContent h3, .postDetailsThree .postDetailsContent h4, .postDetailsThree .postDetailsContent h5, .postDetailsThree .postDetailsContent h6 { color: var(--color-primary-darker); /* margin-top: 45px; */ margin-bottom: 20px; /* line-height: 1.2; */ /* text-transform: none; */ font-weight: 600; font-family: "ivypresto-headline", sans-serif; } .postDetailsThree .postDetailsContent h1:before, .postDetailsThree .postDetailsContent h1:after, .postDetailsThree .postDetailsContent h2:before, .postDetailsThree .postDetailsContent h2:after, .postDetailsThree .postDetailsContent h3:before, .postDetailsThree .postDetailsContent h3:after, .postDetailsThree .postDetailsContent h4:before, .postDetailsThree .postDetailsContent h4:after, .postDetailsThree .postDetailsContent h5:before, .postDetailsThree .postDetailsContent h5:after, .postDetailsThree .postDetailsContent h6:before, .postDetailsThree .postDetailsContent h6:after { display: none; } .postDetailsThree .postDetailsContent h1 { font-size: 42px; } .postDetailsThree .postDetailsContent h2 { font-size: 38px; } .postDetailsThree .postDetailsContent h3 { font-size: 32px; } .postDetailsThree .postDetailsContent h4 { font-size: 28px; } .postDetailsThree .postDetailsContent h5 { font-size: 22px; } .postDetailsThree .postDetailsContent h6 { font-size: 18px; } .postDetailsThree .postDetailsContent p, .postDetailsThree .postDetailsContent ul, .postDetailsThree .postDetailsContent ol, .postDetailsThree .postDetailsContent dl { color: var(--color-dark); font-size: 22px; line-height: 1.5; margin-bottom: 30px; } .postDetailsThree .postDetailsContent a { text-decoration: underline; } .postDetailsThree .postDetailsFooter { position: relative; padding: 60px 0; } .postDetailsThree .postDetailsWrap { padding-bottom: 60px; } .postDetailsThree .postDetailsSideShare { position: fixed; right: 30px; bottom: 100px; width: 32px; z-index: 9; } .postDetailsThree .postDetailsSideShare .shareBtn { /* filter: invert(1); */ /* opacity: 0.5; */ mix-blend-mode: darken; background: var(--color-primary-darker); mix-blend-mode: invert; } .postDetailsThree .postDetailsBody .col-lg-4 p { margin-bottom: 20px; } .postDetailsThree .postDetailsBody .connectLinks { display: flex; justify-content: space-between; align-items: flex-start; } .postDetailsThree .postDetailsBody .connectIcons { display: flex; align-items: center; } .postDetailsThree .postDetailsBody .connectIcons a { padding: 5px; } .postDetailsThree .postDetailsBody .connectIcons span { position: relative; top: 2px; } .postDetailsThree .postDetailsFooter { position: relative; padding: 30px 0; } .postDetailsThree .postDetailsFooterInner { border-top: 1px solid var(--color-primary); padding: 30px 0; } .postDetailsThree .postDetailsCategories { margin-bottom: 30px; line-height: 1.7; } .postDetailsThree .postDetailsCategories span { background: var(--color-primary); color: var(--color-white); padding: 1px 10px 2px; text-transform: uppercase; font-size: 18px; } @media (max-width:991px) { .postDetailsThree .postDetailsBannerImg { height: 300px; } .postDetailsThree .postDetailsBannerOverlay { height: 300px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%); position: relative; } .postDetailsThree .postDetailsBannerOverlay h1 { color: #fff; position: absolute; bottom: 0px; font-size: 35px; } } /*! |----------------------------------------------------------------------------------------- | | | Post Details Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post Details Four - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsFour .blogs-post-crop-icon { top: 35px; left: calc(100% - 35px); z-index: 400; } .mwPageBlock:not(.liveEdBlock) .postDetailsFour .blogs-post-crop-icon { display: none; } .postDetailsFour .ui-resizable-handle, .postDetailsFour .button.rst.reset { display: none !important; } .postDetailsFour .postDetailsHeader { position: relative; padding: 100px 0 0; } .postDetailsFour .postDetailsHeader:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 80%; height: calc(100% - 80px); background-color: #CAEDE7; z-index: -1; } .postDetailsFour.no-banner .postDetailsHeader { padding: 200px 0 60px; background-color: #CAEDE7; } .postDetailsFour.no-banner .postDetailsHeader:before { display: none; } .postDetailsFour .postDetailsTitle { color: #181818; font-size: 46px; line-height: 1.2; margin-bottom: 30px; text-transform: none; font-weight: 700; font-family: "ivypresto-headline", sans-serif; } .postDetailsFour .postDetailsTitle:before, .postDetailsFour .postDetailsTitle:after { display: none; } .postDetailsFour .postDetailsSubheading { font-size: 24px; font-weight: 100; } .postDetailsFour .postDetailsBanner { margin-top: 60px; } .postDetailsFour .postDetailsBannerImg { width: 100%; border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08); } .postDetailsFour .postDetailsSubheader { padding: 50px 0 40px; } .postDetailsFour .postDetailsSubheader .row { align-items: center; } .postDetailsFour .postDetailsInfo { display: flex; align-items: center; } .postDetailsFour .postDetailsInfoMain { margin-bottom: 2px; } .postDetailsFour .postDetailsAvatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 10px; font-size: 22px; color: var(--color-gray-5); font-weight: 100; border-radius: 50%; background-color: var(--color-gray-2); } .postDetailsFour .postDetailsAvatar span { margin-bottom: 1px; } .postDetailsFour .postDetailsAuthor { color: #181818; } .postDetailsFour .postDetailsMetas { font-size: 14px; color: #757575; } .postDetailsFour .postDetailsShare { text-align: right; } .postDetailsFour .postDetailsShare a { display: inline-block; color: var(--color-gray-8); } .postDetailsFour .postDetailsShare a:hover { color: var(--color-primary); } .postDetailsFour .postDetailsShare a:first-of-type .shareBtn { margin-left: 0; } .postDetailsFour .postDetailsShare a:last-of-type .shareBtn { margin-right: 0; } .postDetailsFour .postDetailsShare .shareBtn { margin-top: 0; margin-bottom: 0; } .postDetailsFour .postDetailsBody { position: relative; } .postDetailsFour .postDetailsContent h1, .postDetailsFour .postDetailsContent h2, .postDetailsFour .postDetailsContent h3, .postDetailsFour .postDetailsContent h4, .postDetailsFour .postDetailsContent h5, .postDetailsFour .postDetailsContent h6 { color: #181818; margin-top: 45px; margin-bottom: 20px; line-height: 1.2; text-transform: none; font-weight: 700; font-family: "ivypresto-headline", sans-serif; } .postDetailsFour .postDetailsContent h1:before, .postDetailsFour .postDetailsContent h1:after, .postDetailsFour .postDetailsContent h2:before, .postDetailsFour .postDetailsContent h2:after, .postDetailsFour .postDetailsContent h3:before, .postDetailsFour .postDetailsContent h3:after, .postDetailsFour .postDetailsContent h4:before, .postDetailsFour .postDetailsContent h4:after, .postDetailsFour .postDetailsContent h5:before, .postDetailsFour .postDetailsContent h5:after, .postDetailsFour .postDetailsContent h6:before, .postDetailsFour .postDetailsContent h6:after { display: none; } .postDetailsFour .postDetailsContent h1 { font-size: 42px; } .postDetailsFour .postDetailsContent h2 { font-size: 38px; } .postDetailsFour .postDetailsContent h3 { font-size: 32px; } .postDetailsFour .postDetailsContent h4 { font-size: 28px; } .postDetailsFour .postDetailsContent h5 { font-size: 22px; } .postDetailsFour .postDetailsContent h6 { font-size: 18px; } .postDetailsFour .postDetailsContent p, .postDetailsFour .postDetailsContent ul, .postDetailsFour .postDetailsContent ol, .postDetailsFour .postDetailsContent dl { color: #181818; font-size: 18px; line-height: 1.8; } .postDetailsFour .postDetailsContent a { text-decoration: underline; } .postDetailsFour .postDetailsFooter { position: relative; padding: 60px 0; } @media (max-width: 991px) { .postDetailsFour .postDetailsHeader { padding: 160px 0 0; } .postDetailsFour.no-banner .postDetailsHeader { padding: 160px 0 60px; } .postDetailsFour .postDetailsTitle { font-size: 40px; } .postDetailsFour .postDetailsSubheading { font-size: 20px; } .postDetailsFour .postDetailsContent h1 { font-size: 30px; } .postDetailsFour .postDetailsContent h2 { font-size: 28px; } .postDetailsFour .postDetailsContent h3 { font-size: 24px; } .postDetailsFour .postDetailsContent h4 { font-size: 22px; } .postDetailsFour .postDetailsContent h5 { font-size: 20px; } .postDetailsFour .postDetailsContent h6 { font-size: 18px; } } @media (max-width: 767px) { .postDetailsFour .postDetailsHeader { padding: 100px 0 0; } .postDetailsFour.no-banner .postDetailsHeader { padding: 100px 0 1px; } .postDetailsFour .postDetailsShare { order: -1; text-align: left; margin-bottom: 30px; } } /*! |----------------------------------------------------------------------------------------- | | | Post Details Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | eShop Events One - Start | | |----------------------------------------------------------------------------------------- */ .eShopEventsOne .eventsItem { margin-bottom: 30px; } .eShopEventsOne .eventsItem:hover .eventsItemImg { -webkit-transform: scale(1.05); transform: scale(1.05); } .eShopEventsOne .eventsItemWrap { overflow: hidden; border-radius: 4px; background-color: var(--color-white); } @media (max-width: 991px) and (min-width: 768px) { .eShopEventsOne .eventsItemWrap { display: flex; flex-wrap: wrap; } } .eShopEventsOne .eventsItemHeader { position: relative; } @media (max-width: 991px) and (min-width: 768px) { .eShopEventsOne .eventsItemHeader { width: 100%; flex: 0 0 40%; max-width: 40%; padding: 0; } } .eShopEventsOne .eventsItemBody { display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 25px 25px 5px; } @media (max-width: 991px) and (min-width: 768px) { .eShopEventsOne .eventsItemBody { width: 100%; flex: 0 0 60%; max-width: 60%; } } .eShopEventsOne .eventsItemBody p { margin-bottom: 20px; } .eShopEventsOne .eventsItemImgHolder { overflow: hidden; height: 100%; } .eShopEventsOne .eventsItemImg { display: block; background-size: cover; } @media (max-width: 991px) and (min-width: 768px) { .eShopEventsOne .eventsItemImg { height: 100%; padding: 0; } } .eShopEventsOne .eventsItemRelease { position: absolute; top: 0; left: 0; padding: 10px 15px; color: var(--color-white); font-size: 14px; text-align: center; background-color: var(--color-primary); } .eShopEventsOne .eventsItemRelease span { display: block; } .eShopEventsOne .eventsItemRelease span:nth-child(1) { line-height: 1; font-size: 30px; font-weight: 700; } .eShopEventsOne .eventsItemTitle { margin-bottom: 15px; } .eShopEventsOne .eventsItemDescription { font-size: 14px; } .eShopEventsOne .eventsItemMore { margin-top: auto; } .eShopEventsOne .eventsItem .featured-1.eventsItemWrap { background-color: #d3f2fd; } /*! |----------------------------------------------------------------------------------------- | | | eShop Events One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | eShop Events Details One - Start | | |----------------------------------------------------------------------------------------- */ .eShopEventsDetailsOne { margin-bottom: 30px; } .eShopEventsDetailsOne .eShopEventsDetailsWrap { overflow: hidden; position: relative; border-radius: 4px; background-color: var(--color-white); } .eShopEventsDetailsOne .eventsDetailsImgHolder, .eShopEventsDetailsOne .eventsDetailsImg { width: 100%; height: 100%; } .eShopEventsDetailsOne .eventsDetailsImg { padding-bottom: 56%; } @media (max-width: 575px) { .eShopEventsDetailsOne .eventsDetailsImg { padding-bottom: 75%; } } .eShopEventsDetailsOne .eventsDetailsRelease, .eShopEventsDetailsOne .eventsDetailsReleaseMobile { display: table; padding: 20px; margin-bottom: 30px; color: var(--color-white); text-align: center; background-color: var(--color-primary); } .eShopEventsDetailsOne .eventsDetailsRelease span, .eShopEventsDetailsOne .eventsDetailsReleaseMobile span { display: block; } .eShopEventsDetailsOne .eventsDetailsRelease span:nth-child(1), .eShopEventsDetailsOne .eventsDetailsReleaseMobile span:nth-child(1) { line-height: 1; font-size: 40px; font-weight: 700; } @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsRelease { display: none; } } .eShopEventsDetailsOne .eventsDetailsReleaseMobile { position: absolute; top: 0; right: 0; } @media (min-width: 992px) { .eShopEventsDetailsOne .eventsDetailsReleaseMobile { display: none; } } .eShopEventsDetailsOne .eventsDetailsTitle { margin-bottom: 15px; } .eShopEventsDetailsOne .eventsDetailsHost { margin-bottom: 0; color: var(--color-gray-6); } .eShopEventsDetailsOne .eventsDetailsQty .mwInput { max-width: 100px; display: inline-block; vertical-align: middle; } .eShopEventsDetailsOne .eventsDetailsQty .mwInput input { text-align: center; } .eShopEventsDetailsOne .eventsDetailsQtyInc, .eShopEventsDetailsOne .eventsDetailsQtyDec { width: 27px; height: 27px; line-height: 27px; color: var(--color-white); font-size: 13px; text-align: center; border-radius: 50%; background-color: var(--color-primary); } .eShopEventsDetailsOne .eventsDetailsQtyInc:hover, .eShopEventsDetailsOne .eventsDetailsQtyDec:hover { background-color: var(--color-primary-dark); } .eShopEventsDetailsOne .eventsDetailsLocation { white-space: pre-line; } .eShopEventsDetailsOne .eventsDetailsHeaderRight { height: 100%; padding: 0 30px 1px; border-left: 1px solid rgba(0, 0, 0, 0.2); background-color: var(--color-gray-2); } @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsHeaderRight { padding: 30px 30px 1px; border-left: 0; } } @media (max-width: 575px) { .eShopEventsDetailsOne .eventsDetailsHeaderRight { padding: 30px 15px 1px; } } .eShopEventsDetailsOne .eventsDetailsHeaderTop { margin-bottom: 60px; } @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsHeaderTop { margin-bottom: 30px; } } .eShopEventsDetailsOne .eventsDetailsHeaderBottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .eShopEventsDetailsOne .eventsDetailsQty { margin-bottom: 30px; } .eShopEventsDetailsOne .eventsDetailsBody { border-top: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsBodyMain { order: 1; } } .eShopEventsDetailsOne .eventsDetailsBodySide { border-left: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsBodySide { order: 0; border-left: 0; } } .eShopEventsDetailsOne .eventsDetailsBodyMainInner { padding: 60px 30px 30px 60px; } @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsBodyMainInner { padding: 0 30px 1px; } } @media (max-width: 575px) { .eShopEventsDetailsOne .eventsDetailsBodyMainInner { padding: 0 15px 1px; } } .eShopEventsDetailsOne .eventsDetailsBodySideInner { padding: 60px 60px 30px 30px; } @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsBodySideInner { padding: 30px 30px 1px; } } @media (max-width: 575px) { .eShopEventsDetailsOne .eventsDetailsBodySideInner { padding: 30px 15px 1px; } } /*! |----------------------------------------------------------------------------------------- | | | eShop Events Details One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Decoration - Start | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Decoration - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Header One - Start | | |----------------------------------------------------------------------------------------- */ .headerOne {position: relative;z-index: 500;top: 0;height: 230px;left: 0;} @media (max-width:1370px) { .headerOne {height: 204px;} } @media (max-width:991px) { .headerOne {height: 187px;} } @media (max-width:767px) { .headerOne {height: 97px;} } .headerOne h1, .headerOne h2, .headerOne h3, .headerOne h4, .headerOne h5, .headerOne h6, .headerOne p, .headerOne .btn { margin-bottom: 0; } .headerOne.is-sticky { height: 80px; } @media (max-width: 991px) { .headerOne.is-sticky { height: 60px; } } .headerOne.is-sticky .headerWrap .headerBottom{ position: fixed; top: 0; left: 0; width: 100%; background:#fff } @media (max-width:767px) { .headerOne.is-sticky .headerWrap .headerBottom{ position: relative; } .headerOne.is-sticky .headerWrap{ position: fixed; top: 0; left: 0; width: 100%; background:#fff } } .headerOne .headerWrap {/* box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); */background: #fff;width: 100%;} @media (max-width: 1199px) { .headerOne .headerWrap {/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); *//* height: 90px; */} } .headerOne .headerMain {position: relative;/* display: flex; *//* align-items: center; *//* justify-content: center; */padding: 0;} .headerOne.headerNew .headerMain {position: relative;/* display: flex; *//* align-items: center; *//* justify-content: space-between; *//* max-width: 95%; */margin: 0 auto;padding-bottom: 1px;} .headerOne.headerNew .headerMain .headerTop {display:flex;max-width: 1290px;justify-content:space-between;margin:0 auto;align-items:center;padding:50px 0 30px;} .headerOne.headerNew .headerMain .headerTop .btn a {font-weight:600;position:relative;padding: 10px 20px;} .headerOne.headerNew .headerMain .headerTop .btn a:before {content:" ";width:0%;height:100%;background:#000;display:block;position:absolute;left:0;top:0;transition:0.3s ease;z-index:7;border-radius: 10px;} .headerOne.headerNew .headerMain .headerTop .btn a:hover:before {content:" "; width:100%; height:100%; background:#000;display:block; position:absolute; left:0; top:0;} .headerOne.headerNew .headerMain .headerTop .btn a:hover {color:#fff; border-color:#000} .headerOne.headerNew .headerMain .headerTop .btn a span {position:relative;z-index:8;display: flex;align-items: center;gap: 10px;} .headerOne.headerNew .headerMain .headerTop .btn a:hover svg path {fill:#fff} .headerOne.headerNew .headerMain .headerBottom {border-top:1px solid #000;border-bottom:1px solid #000;background: #fff;z-index: 8;} .headerOne.headerNew .headerMain .headerBottomInner {display:flex;max-width: 1290px;justify-content: center;margin: 0 auto;} @media (max-width: 1450px) { .headerOne .headerMain {/* padding: 0 15px !important; *//* max-width: 95% !important; */} } @media (max-width: 1370px) { .headerOne.headerNew .headerMain .headerTop {display:flex;max-width: 90%;} .headerOne.headerNew .headerMain .headerBottomInner {display:flex;max-width: 90%;} .headerOne .headerMain {justify-content: space-between;/* padding: 15px; *//* height: 90px; *//* padding: 0 35px !important; */} .headerOne.headerNew .headerMain .headerBottom {padding:15px 0} } @media (max-width: 767px) { .headerOne.headerNew .headerMain {justify-content: space-between;/* padding: 15px; *//* height: 90px; *//* padding: 0 30px 0 0 !important; */} .headerOne.headerNew .headerMain .headerTop {padding:30px 0 15px;} .headerOne.headerNew .headerMain .headerTop .headerBtnLeft, .headerOne.headerNew .headerMain .headerTop .headerBtnRight {display:none;} .headerOne.headerNew .headerMain {display:flex;justify-content:space-between;align-items:center} .headerOne.headerNew .headerMain .headerTop, .headerOne.headerNew .headerMain .headerBottom {flex:0 0 50%;max-width: 100%;border:none;margin-bottom: 0;} .headerOne.headerNew .headerMain .headerTop .headerLogo {padding-left:15px;} } .headerOne .headerMainLeft, .headerOne .headerMainRight { flex: 0 0 auto; display: flex; align-items: center; height: 80px; } @media (max-width: 991px) { .headerOne .headerMainLeft, .headerOne .headerMainRight { height: 60px; } } .headerOne .headerLogo { margin-right: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; display: flex; align-items: center; } @media (max-width: 991px) { .headerOne .headerLogo { margin-right: 0; } } .headerOne .headerLogo .logo img { /* height: 40px; */ width: 220px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } @media (max-width: 991px) { .headerOne .headerLogo .logo img { height: 50px; width: auto; } } @media (max-width: 1370px) { .headerOne .headerMenu { display: none; } .wfHeaderWrap .wfHeader .headerMenu { /* display: none; */ margin-right: 0 !important; margin-top: 20px; margin-bottom: 10px; } } .headerOne .headerSearch { margin-right: 20px; margin-left: 15px; } .headerOne .storeLogo { padding-left: 40px; min-width: 160px; border-left: 1px solid #D8D8D8; margin-left: 25px; } .headerMobileBtns .storeLogo { display: flex; justify-content: center; margin-bottom: 15px; } .headerOne .storeLogo p, .headerMobileBtns .storeLogo p { font-family: ivypresto-display, serif; font-size: 30px !important; margin-bottom: 0; } .headerMobileBtns .storeLogo p a { font-size: 30px !important; font-weight: 400 } .headerOne .storeLogo p a:hover, .headerMobileBtns .storeLogo p a:hover { text-decoration: none; color: var(--color-primary) } .headerOne .storeLogo p:before, .headerMobileBtns .storeLogo p:before { content: url(/images/newImg.svg); width: 33px; height: 21px; display: block; position: relative; left: -30px; } @media (max-width:1480px) { .headerOne .storeLogo p { font-family: ivypresto-display, serif; font-size: 23px !important; } .headerOne .storeLogo { min-width: 120px; margin-left: 15px; } } @media (max-width:1199px) { .headerOne .storeLogo { margin-right: 30px; margin-left: 30px } } @media (max-width: 767px) { .headerOne .storeLogo { display: none } .headerOne .headerSearch { margin-right: 20px; } } .headerOne .searchBtn {color: #000;font-size: 19px;font-family: 'ivypresto-display';display: flex;gap: 10px;align-items: center;} .headerOne .searchBtn:hover { color: var(--color-primary); } .headerOne .headerSns { margin-right: 20px; } @media (max-width: 767px) { .headerOne .headerSns { display: none; } } .headerOne .headerSns a { color: var(--color-gray-8); } .headerOne .headerSns a:hover { color: var(--color-primary); } .headerOne .headerMobileMenu { display: none; align-items: center; justify-content: center; /* width: 80px; */ /* height: 80px; */ ; } .wfHeaderWrap .headerMobileMenu { display: none; align-items: center; justify-content: center; /* width: 80px; */ /* height: 80px; */ ; } @media (max-width: 1370px) { .headerOne .headerMobileMenu { display: flex; } .wfHeaderWrap .headerMobileMenu { display: flex; } } @media (max-width: 991px) { .headerOne .headerMobileMenu {/* width: 60px; *//* height: 60px; */} } .headerOne .headerMobileMenu .burgerText { display: none; } .headerOne .headerBtns { display: flex; align-items: center; margin-right: 15px; } .headerOne.headerNew .headerBtns { padding-left: 30px; } @media (max-width:1530px) { .headerOne.headerNew .headerBtns { padding-left: 20px; } } .headerOne .headerBtns p a, .headerMobileBtns p a { font-family: ivypresto-display, serif; font-size: 19px; font-weight: 600; } @media (max-width:1400px) { .headerOne .headerBtns p a { font-size: 17px; } } @media (max-width:1300px) { .headerOne .headerBtns p a { font-size: 14px; } } @media (max-width: 767px) { .headerOne .headerBtns { display: none; } } .headerOne .headerBtns .btn>a.small, .headerOne .headerBtns .btn>a.medium, .headerOne .headerBtns .btn>a.large, .headerOne .headerBtns .btn>button.small, .headerOne .headerBtns .btn>button.medium, .headerOne .headerBtns .btn>button.large, .headerOne .headerBtns .btn>span.small, .headerOne .headerBtns .btn>span.medium, .headerOne .headerBtns .btn>span.large { /* padding: 0 45px; */ /* font-size: 16px; */ /* line-height: 78px; */ } @media (max-width: 991px) { .headerOne .headerBtns .btn>a.small, .headerOne .headerBtns .btn>a.medium, .headerOne .headerBtns .btn>a.large, .headerOne .headerBtns .btn>button.small, .headerOne .headerBtns .btn>button.medium, .headerOne .headerBtns .btn>button.large, .headerOne .headerBtns .btn>span.small, .headerOne .headerBtns .btn>span.medium, .headerOne .headerBtns .btn>span.large { /* line-height: 58px; */ } } .liveEdBlock .headerOne { height: 80px; } .liveEdBlock .headerOne .headerMobileMenu { display: flex; } .headerOne .headerMenu>.Menu>ul { display: flex; align-items: center; } .headerOne .headerMenu>.Menu>ul>li { position: relative; } .headerOne .headerMenu>.Menu>ul>li>a { display: block; padding: 0 15px; height: 80px; line-height: 80px; color: var(--color-gray-8); position: relative; } .headerOne .headerMenu>.Menu>ul>li>a:hover { color: var(--color-primary); } .headerOne .headerMenu>.Menu>.blockContents>ul>li>a:after { } .headerOne .headerMenu>.Menu>.blockContents>ul>li:last-child>a:after { display: none; } .headerOne.headerNew .headerMenu>.Menu>.blockContents>ul>li:last-child>a:after { /* display: block; */ } .headerOne .headerMenu>.Menu>.blockContents>ul { display: flex; align-items: center; } .headerOne.headerNew .headerMenu>.Menu>.blockContents>ul { justify-content: space-between; } .headerOne .headerMenu>.Menu>.blockContents>ul>li { position: relative; } .headerOne .headerMenu>.Menu>.blockContents>ul>li>a {display: block;padding: 0 15px 0 20px;height: 80px;line-height: 80px;color: var(--color-primary-darker);font-family: ivypresto-display, serif;font-weight: 500;position: relative;font-size: 19px;} .headerOne.headerNew .headerMenu>.Menu>.blockContents>ul>li>a {padding: 0 20px;} .headerOne.headerNew .headerMenu>.Menu>.blockContents>ul>li:first-child>a {padding-left:0} @media (max-width: 1600px) { .headerOne.headerNew .headerMenu>.Menu>.blockContents>ul>li>a { padding: 0 17px 0 22px; font-size: 17px; } .headerOne .headerBtns .btn>a.medium { font-size: 14px; } } @media (max-width: 1420px) { .headerOne.headerNew .headerMenu>.Menu>.blockContents>ul>li>a { padding: 0 12px 0 17px; font-size: 16px; } .headerOne .headerBtns .btn>a.medium { font-size: 13px; padding: 10px 20px; } } .headerOne .headerMenu>.Menu>.blockContents>ul>li>a:hover { color: var(--color-primary); text-decoration: none; } .headerOne .headerMenuLeft>.Menu>.blockContents>ul>li:last-child a { color: var(--color-primary); } .headerOne .headerMenuLeft>.Menu>.blockContents>ul>li:last-child:hover a { color: var(--color-primary-dark); } .headerOne .headerMenu ul li ul {opacity: 0;visibility: hidden;pointer-events: none;position: absolute;top: 100%;left: 0;padding: 10px 0;background-color: var(--color-white);border: 1px solid #000;/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .headerOne .headerMenu ul li ul li {position: relative;min-width: 250px;transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerOne .headerMenu ul li ul li:hover {} .headerOne .headerMenu ul li ul li a {display: flex;align-items: center;justify-content: space-between;padding: 10px 25px;color: var(--color-black);white-space: inherit;font-size: 18px;} .headerOne .headerMenu ul li ul li:hover a {text-decoration: underline;} .headerOne .headerMenu ul li:hover>ul { display: block; opacity: 1; visibility: visible; pointer-events: auto; } .headerOne .headerMenu ul li ul li ul { display: none; top: 0; left: 100%; opacity: 1; visibility: visible; pointer-events: auto; } .headerOne .headerMenuRight { margin-right: 15px; } @media (max-width:1400px) { .headerOne .headerMenu>.Menu>.blockContents>ul>li>a { font-size: 16px; } } @media (max-width:1300px) { .headerOne .headerMenu>.Menu>.blockContents>ul>li>a { font-size: 13px; } } .headerOne .searchBar { opacity: 0; pointer-events: none; position: absolute; top: 100%; left: 0; right: 0; width: 80%; margin: auto; padding: 15px; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } @media (max-width: 575px) { .headerOne .searchBar { padding: 0; } } .headerOne .searchBar.active { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); } .headerOne .searchBarWrap { position: relative; width: 80%; max-width: 600px; padding: 15px 20px; margin: 0 auto; border-radius: 6px; background-color: rgba(255, 255, 255, 0.97); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } @media (max-width: 575px) { .headerOne .searchBarWrap { border-radius: 0; } } .headerOne .searchBarForm { width: 100%; padding-bottom: 8px; border-bottom: 1px solid var(--color-gray-5); transition: border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .headerOne .searchBarForm:hover { border-bottom: 1px solid var(--color-gray-8); } .headerOne .searchBarForm ::-webkit-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700; } .headerOne .searchBarForm ::-moz-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700; } .headerOne .searchBarForm :-ms-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700; } .headerOne .searchBarForm ::-ms-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700; } .headerOne .searchBarForm ::placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700; } .headerOne .searchBarForm form { position: relative; padding-right: 36px; } .headerOne .searchBarForm input { width: 100%; height: 38px; padding: 0; margin: 0; border: 0; background-color: transparent; } .headerOne .searchBarForm button { position: absolute; top: 0; right: 0; height: 38px; color: var(--color-gray-8); } .headerOne .searchBarForm button:hover { color: var(--color-primary); } .headerOne .headerRight { display: flex; align-items: center; } .headerOne .headerHamburgerWrap { position: relative; top: 0px; } .headerOne .headerHamburgerWrap .headerHamburgerDropdown {position: absolute;top: 30px;background: var(--color-primary);color: var(--color-white);width: 230px;right: 0;padding: 15px 0;display: none;} .headerOne .headerHamburgerWrap .headerHamburgerDropdown ul li { padding: 10px 30px; } .headerOne .headerHamburgerWrap .headerHamburgerDropdown ul li:hover { background: var(--color-primary-light); } .headerOne .headerHamburgerWrap .headerHamburgerDropdown ul li a { color: #fff; font-size: 18px; } .headerOne .headerHamburgerWrap .headerHamburgerDropdown ul li a:hover { text-decoration: none; } @media (max-width:1370px) { .headerOne .headerHamburgerWrap { display: none; } } @media (max-width:767px) { .headerOne .headerRight {padding-top:20px} } /*! |----------------------------------------------------------------------------------------- | | | Header One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Mobile Menu One - Start | | |----------------------------------------------------------------------------------------- */ .mobileMenuOne .mobileMenuBackdrop { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .mobileMenuOne .mobileMenuWrap { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: 350px; padding: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 1010; } .mobileMenuOne .mobileMenuInner { position: relative; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; height: 85%; padding: 80px 0 50px; border-radius: 4px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); background: var(--color-secondary-light); } @media (max-width: 575px) { .mobileMenuOne .mobileMenuInner { padding: 80px 0 30px; } } .mobileMenuOne .mobileMenuClose { position: absolute; top: 30px; right: 30px; } .mobileMenuOne .mobileMenuHeader { padding: 0 50px; } @media (max-width: 575px) { .mobileMenuOne .mobileMenuHeader { padding: 0 30px; } } .mobileMenuOne .mobileMenuBody { overflow-x: hidden; overflow-y: auto; padding: 0 50px; } .mobileMenuOne .mobileBtns {display:flex;gap:5px} .mobileMenuOne .mobileBtns .btn a {font-size:14px;padding:10px 15px; height:20px} .mobileMenuOne .mobileBtns .btn svg {width:15px; position:relative; top:-2px} @media (max-width: 575px) { .mobileMenuOne .mobileMenuBody { padding: 0 30px; } } .mobileMenuOne .mobileMenuFooter { padding: 0 50px; } @media (max-width: 575px) { .mobileMenuOne .mobileMenuFooter { padding: 0 30px; } } .mobileMenuOne.active .mobileMenuWrap { -webkit-transform: translateX(0); transform: translateX(0); } .mobileMenuOne .mobileMenuNav ul { padding: 0; margin-bottom: 15px; } .mobileMenuOne .mobileMenuNav ul li { padding: 0; margin: 0 0 15px 0; } .mobileMenuOne .mobileMenuNav ul li:last-of-type { margin-bottom: 0; } .mobileMenuOne .mobileMenuNav ul li:before { display: none; } .mobileMenuOne .mobileMenuNav ul li a { width: 100%; color: var(--color-primary-darker); font-size: 19px; font-weight: 700; } .mobileMenuOne .mobileMenuNav ul li a:hover { color: var(--color-primary-dark); text-decoration: none; } .mobileMenuOne .mobileMenuNav ul li a:hover span { color: var(--color-primary-dark); text-decoration: underline; } .mobileMenuOne .mobileMenuNav ul li a>i { font-size: 20px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .mobileMenuOne .mobileMenuNav ul li.has-children>a { display: flex; align-items: center; justify-content: space-between; } .mobileMenuOne .mobileMenuNav ul li ul { display: none; margin: 15px 0 0; padding: 0 0 0 20px; border-left: 1px solid var(--color-primary-dark); } .mobileMenuOne .mobileMenuNav ul li ul li a { color: var(--color-primary-dark); font-size: 18px; font-weight: 400; } .mobileMenuOne .mobileMenuNav ul li ul li a:hover { color: var(--color-primary-darker); } .mobileMenuOne .mobileMenuNav ul li ul li a>i { font-size: 16px; } .mobileMenuOne .mobileMenuNav ul li.active>a { color: var(--color-primary-dark); text-decoration: none; } .mobileMenuOne .mobileMenuNav ul li.active>a span { text-decoration: underline; } .mobileMenuOne .mobileMenuNav ul li.active>a i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mobileMenuWf .mobileMenuBackdrop { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .mobileMenuWf .mobileMenuWrap { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: 350px; padding: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 1010; } .mobileMenuWf .mobileMenuInner { position: relative; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; height: 100%; padding: 80px 0 50px; border-radius: 4px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); background: var(--color-secondary-light); } @media (max-width: 575px) { .mobileMenuWf .mobileMenuInner { padding: 80px 0 30px; } } .mobileMenuWf .mobileMenuCloseWf { position: absolute; top: 30px; right: 30px; } .mobileMenuWf .mobileMenuHeader { padding: 0 50px; } @media (max-width: 575px) { .mobileMenuWf .mobileMenuHeader { padding: 0 30px; } } .mobileMenuWf .mobileMenuBody { overflow-x: hidden; overflow-y: auto; padding: 0 50px; } @media (max-width: 575px) { .mobileMenuWf .mobileMenuBody { padding: 0 30px; } } .mobileMenuWf .mobileMenuFooter { padding: 0 50px; } @media (max-width: 575px) { .mobileMenuWf .mobileMenuFooter { padding: 0 30px; } } .mobileMenuWf.active .mobileMenuWrap { -webkit-transform: translateX(0); transform: translateX(0); } .mobileMenuWf .mobileMenuNav ul { padding: 0; } .mobileMenuWf .mobileMenuNav ul li { padding: 0; margin: 0 0 15px 0; } .mobileMenuWf .mobileMenuNav ul li:last-of-type { margin-bottom: 0; } .mobileMenuWf .mobileMenuNav ul li:before { display: none; } .mobileMenuWf .mobileMenuNav ul li a { width: 100%; color: var(--color-primary-darker); font-size: 19px; font-weight: 700; } .mobileMenuWf .mobileMenuNav ul li a:hover { color: var(--color-primary-dark); text-decoration: none; } .mobileMenuWf .mobileMenuNav ul li a:hover span { color: var(--color-primary-dark); text-decoration: underline; } .mobileMenuWf .mobileMenuNav ul li a>i { font-size: 20px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .mobileMenuWf .mobileMenuNav ul li.has-children>a { display: flex; align-items: center; justify-content: space-between; } .mobileMenuWf .mobileMenuNav ul li ul { display: none; margin: 15px 0 0; padding: 0 0 0 20px; border-left: 1px solid var(--color-primary-dark); } .mobileMenuWf .mobileMenuNav ul li ul li a { color: var(--color-primary-dark); font-size: 18px; font-weight: 400; } .mobileMenuWf .mobileMenuNav ul li ul li a:hover { color: var(--color-primary-darker); } .mobileMenuWf .mobileMenuNav ul li ul li a>i { font-size: 16px; } .mobileMenuWf .mobileMenuNav ul li.active>a { color: var(--color-primary-dark); text-decoration: none; } .mobileMenuWf .mobileMenuNav ul li.active>a span { text-decoration: underline; } .mobileMenuWf .mobileMenuNav ul li.active>a i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* |----------------------------------------------------------------------------------------- | | | Mobile Menu One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Footer One - Start | | |----------------------------------------------------------------------------------------- */ .footerOne { font-size: 14px; } .footerOne *, .footerOne *::before, .footerOne *::after { box-sizing: border-box; } .footerOne a, .footerOne button { } .footerOne a:hover, .footerOne button:hover { color: var(--color-primary); } .footerOne ul li { padding: 0; margin: 0 0 5px; } .footerOne ul li:before { display: none; } .footerOne .footerMain { padding: 0 0 10px; } .footerOne .footerMain .container { } @media (max-width: 575px) { .footerOne .footerMain { padding: 60px 0 35px; } } .footerOne .footerMain h1, .footerOne .footerMain h2, .footerOne .footerMain h3, .footerOne .footerMain h4, .footerOne .footerMain h5, .footerOne .footerMain h6, .footerOne .footerMain p, .footerOne .footerMain p a, .footerOne .footerMain ul, .footerOne .footerMain ol, .footerOne .footerMain dl { margin-bottom: 20px; color: #000; text-decoration: none; font-size: 18px; } .footerOne .footerMain h6 { font-weight: 600; } .footerOne .footerMain p, .footerOne .footerMain p a { margin-bottom: 10px; } .footerOne .footerTop { margin-bottom: 30px; border-bottom: 1px solid #000; text-align: center; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #000; padding-top: 30px; } .footerOne .footerMiddle {margin-top: 40px;border-bottom: 1px solid #000;padding-bottom: 10px;} .footerOne .footerLogos {display:flex; flex-wrap:wrap;gap:30px;align-items:center; } .footerOne .footerLogos img {min-width:130px} .footerOne .footerLogos p {margin-bottom: 0;} .footerOne .footerMiddle .footerLinks { display: flex; justify-content: space-between; max-width: 1170px; margin: 0 auto; } .footerOne .footerMiddle .footerLinks .footerCol { width: 170px; } .footerOne .footerBottom { margin-top: 30px; } .footerOne .footerBottom p { margin-bottom: 30px; } .footerOne .footerBottom .footerLogos { display: flex; justify-content: space-between; max-width: 900px; margin: 0 auto; align-items: center; } .footerOne .footerLogo { flex: 0 0 auto; margin-bottom: 30px; } @media (max-width:991px) { .footerOne .footerMiddle .footerLinks .footerCol { width: 50%; margin-bottom: 0; } .footerOne .footerMiddle .footerLinks .footerCol1 { float: left; } .footerOne .footerMiddle .footerLinks .footerCol2 { float: left; } .footerOne .footerMiddle .footerLinks .footerCol3 { float: right } .footerOne .footerMiddle .footerLinks .footerCol4 { float: right } .footerOne .footerMiddle .footerLinks { display: inline-block; text-align: center; flex-wrap: wrap; align-items: flex-start; width: 100%; } .footerOne .footerBottom .footerLogos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .footerOne .footerBottom .footerLogos .mwPageBlock { width: 50%; flex: 0 0 50% } .footerOne .footerBottom .footerLogos img { max-width: 130px } .footerOne .footerTop {flex-wrap:wrap;} .footerOne .footerMiddle {text-align:center} .footerOne .footerLogos {justify-content:center;} } @media (max-width: 575px) { .footerOne .footerLogo { width: 100%; } } .footerOne .footerSns { flex: 0 0 auto; margin-bottom: 30px; } @media (max-width: 575px) { .footerOne .footerSns { width: 100%; } } .footerOne .footerCol { margin-bottom: 10px; } @media (max-width: 575px) { .footerOne .footerCol { text-align: center; } } @media (max-width: 575px) { .footerOne .logo, .footerOne .snsLink { text-align: center; } } .footerOne .logo img { width: 210px; height: 72px; } .footerOne .footerCopyright {padding: 15px 0;display: flex;color: #000;justify-content: left;font-style: italic;} .footerOne .footerCopyright a {color:#000} .footerOne .footerCopyright .container>* { display: inline-block; } .footerOne .footerCopyright a {color: #000;display: inline;} .footerOne .footerCopyright .mwPageBlock.Embed .Container>*:not(script):not(style):not(link) { display: inline; } @media (max-width:575px) { .footerOne .footerCopyright { flex-direction: column; text-align: center; } } /*! |----------------------------------------------------------------------------------------- | | | Footer One - End | | |----------------------------------------------------------------------------------------- */ / /*! |----------------------------------------------------------------------------------------- | | | Search Form - Start | | |----------------------------------------------------------------------------------------- */ .searchForm { margin-bottom: 30px; } .searchForm .mwInput.button input[type=submit] { /* font-family: "Font Awesome 5 Free"; */ font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; position: relative; } /*! |----------------------------------------------------------------------------------------- | | | Search Form - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Search Results - Start | | |----------------------------------------------------------------------------------------- */ .searchResultsDefault .searchResultsTitle span { display: block; font-size: 18px; color: var(--color-gray-5); } .searchResultsDefault .searchResultsItem { transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .searchResultsDefault .searchResultsFilters ul { overflow: hidden; padding: 5px 0; border-radius: 4px; } .searchResultsDefault .searchResultsFilters ul li { padding: 0 25px; margin: 0; } .searchResultsDefault .searchResultsFilters ul li a { position: relative; display: block; padding: 15px 0 15px 22px; color: var(--color-gray-8); font-size: 14px; font-weight: 700; } .searchResultsDefault .searchResultsFilters ul li a i { position: absolute; left: 0; font-size: 12px; color: var(--color-gray-6); margin-right: 10px; } .searchResultsDefault .searchResultsFilters ul li a:hover { color: var(--color-secondary); } .searchResultsDefault .searchResultsFilters ul li+li a { border-top: 1px solid rgba(0, 0, 0, 0.2); } .searchResultsDefault .searchResultsFilters ul li:after { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 30px; border-radius: 0 4px 4px 0; background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } .searchResultsDefault .searchResultsFilters ul li:hover:after { background-color: var(--color-primary); } .searchResultsDefault .searchResultsFilters ul li.selected { background-color: var(--color-gray-2); } .searchResultsDefault .searchResultsFilters ul li.selected+li a, .searchResultsDefault .searchResultsFilters ul li.selected a { border-top-color: transparent; } .searchResultsDefault .searchResultsFilters ul li.selected:after { background-color: var(--color-primary); } .searchResultsItem strong { color: var(--color-primary); } /*! |----------------------------------------------------------------------------------------- | | | Search Results - End | | |----------------------------------------------------------------------------------------- */ /* Channel Page Slider */ .sliderChannel.sliderChannelNew { background: var(--color-secondary-light); } .sliderChannel.sliderChannelNew .sliderWrap { max-width: 94%; margin: 0 auto; } .sliderChannel .sliderItem {} .sliderChannel .sliderContent { background: var(--color-primary-darker); color: var(--color-white); height: 500px; } .sliderChannel .sliderContent h2, .sliderChannel .sliderContent h6 { color: var(--color-secondary-light); } .sliderChannel .sliderContent h2 :hover { color: var(--color-secondary-light); text-decoration: underline; } .sliderChannel .sliderInner { padding: 100px 130px; } .sliderChannel .slick-prev, .sliderChannel .slick-next { position: absolute; top: 50%; z-index: 9; width: 50px; height: 40px; } .sliderChannel .slick-prev:hover, .sliderChannel .slick-next:hover { background: var(--color-primary-darker); } .sliderChannel .slick-prev:before, .sliderChannel .slick-next:before { display: none; } .sliderChannel .slick-prev { left: 0px; } .sliderChannel .slick-next { right: 0px; } .sliderChannel .slick-prev svg, .sliderChannel .slick-next svg { width: 20px; height: 20px; } .sliderChannel .slick-prev svg { position: relative; left: 10px; } .sliderChannel .slick-next svg { position: relative; right: 10px; } .sliderChannel .slick-prev svg path, .sliderChannel .slick-next svg path { stroke: #fff; stroke-width: 2px; } .sliderChannel .slick-prev:hover svg path, .sliderChannel .slick-next:hover svg path { stroke: var(--color-primary); stroke-width: 2px; } @media (max-width:1360px) { .sliderChannel .sliderInner { padding: 70px 70px; } } @media (max-width:991px) { .sliderChannel .sliderInner { padding: 50px 60px; } .sliderChannel .sliderContent { height: 400px; order: 2; } .sliderChannel .sliderImg { height: 300px; order: 1; } .sliderChannel.plus90 .sliderImg { order: 1; background: none !important; height: unset; } .sliderChannel.plus90 .sliderImg img { width: 100%; height: auto; display: block; } .sliderChannel .slick-prev, .sliderChannel .slick-next { top: 70%; width: 40px; height: 30px; } .sliderChannel.sliderChannelNew .sliderWrap { max-width: 100%; margin: 0 15px; } } /* Channel Page Slider Plus90 */ .sliderChannelPlus90 { background: var(--color-secondary-light); } .sliderChannelPlus90 .sliderWrap { margin: 0 auto; } .sliderChannelPlus90 .sliderItem {display: grid;grid-template-columns: minmax(0,1fr) minmax(0,600px);} .sliderChannelPlus90.slider90New .sliderItem {box-shadow:0 0 10px rgba(0,0,0,0.1)} .sliderChannelPlus90 .sliderContent {background: #fff;color: var(--color-white);border: 1px solid #ddd;);} .sliderChannelPlus90 .sliderContent h2, .sliderChannelPlus90 .sliderContent h6 {color: var(--color-dark);font-size: 40px;} .sliderChannelPlus90 .sliderContent h2 :hover { color: var(--color-primary); text-decoration: underline; } .sliderChannelPlus90 .sliderInner { padding: 60px 90px; } .sliderChannelPlus90 .blogs-post-crop-icon { display: none; } .sliderChannelPlus90 .sliderImg { width: 100%; /* height: 475px; */ /* object-fit: cover; */ object-position: top left; aspect-ratio: 16/9; } .sliderChannelPlus90 .slick-prev, .sliderChannelPlus90 .slick-next { position: absolute; top: 50%; z-index: 9; width: 50px; height: 40px; } .sliderChannelPlus90 .slick-prev:hover, .sliderChannelPlus90 .slick-next:hover { background: var(--color-primary-darker); } .sliderChannelPlus90 .slick-prev:before, .sliderChannelPlus90 .slick-next:before { display: none; } .sliderChannelPlus90 .slick-prev { left: 0px; } .sliderChannelPlus90 .slick-next { right: 0px; } .sliderChannelPlus90 .slick-prev svg, .sliderChannelPlus90 .slick-next svg { width: 20px; height: 20px; } .sliderChannelPlus90 .slick-prev svg { position: relative; left: 10px; } .sliderChannelPlus90 .slick-next svg { position: relative; right: 10px; } .sliderChannelPlus90 .slick-prev svg path, .sliderChannelPlus90 .slick-next svg path {stroke: #000;stroke-width: 2px;} .sliderChannelPlus90 .slick-prev:hover svg path, .sliderChannelPlus90 .slick-next:hover svg path { stroke: var(--color-primary); stroke-width: 2px; } @media (max-width:1360px) { .sliderChannelPlus90 .sliderInner { padding: 70px 70px; } } @media (max-width:1199px) { .sliderChannelPlus90 { max-width: 750px; margin: 0 auto; } .sliderChannelPlus90 .sliderItem { grid-template-columns: 1fr; } .sliderChannelPlus90 .sliderInner { padding: 50px 60px; } .sliderChannelPlus90 .sliderContent { order: 2; } .sliderChannelPlus90 .sliderImg { order: 1; } .sliderChannelPlus90 .sliderImg { order: 1; background: none !important; height: unset; } .sliderChannelPlus90 .sliderImg img { width: 100%; height: auto; display: block; } .sliderChannelPlus90 .slick-prev, .sliderChannelPlus90 .slick-next { top: 70%; width: 40px; height: 30px; } .sliderChannelPlus90 .sliderWrap { max-width: 100%; margin: 0 15px; } } @media screen and (max-width: 566px) { .sliderChannelPlus90 .sliderInner { padding: 30px 40px; } } /*Post Details Popup */ .owl-carousel { display: block !important; } .postDetailsPopup { top: 0; position: fixed; width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; background: #fff; z-index: -600; opacity: 0; transition: 0.3s ease; } .postDetailsPopup.open { opacity: 1; z-index: 600; } .postDetailsGalleryPopup { position: relative; top: 130px; } .postDetailsPopup .closeButton { position: absolute; right: 30px; top: 30px; z-index: 9; } .postDetailsPopup .postDetailsGalleryWrap { max-width: 93%; margin: 0 auto; } .postDetailsPopup .owl-controls { border-top: 1px solid #E8BA3C; padding: 1px 0; position: relative; bottom: 50px; } .postDetailsPopup .carouselItem .col-lg-6 { padding-left: 80px; max-height: 69vh; overflow-y: auto; /* margin-bottom: 20px; */ ; } .postDetailsPopup .carouselItem .col-lg-6::-webkit-scrollbar { display: none; } .postDetailsPopup .carouselItem .col-lg-6 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ ; } .postDetailsPopup .carouselItem .col-lg-6.carouselItemText { max-width: 580px; } .postDetailsPopup .carouselWrap .carouselImg { background-size: contain; mix-blend-mode: multiply; height: 414px; padding-bottom: 0; margin-top: 40px; } .postDetailsPopup .carouselWrap .carouselImgTitle { max-width: 470px; margin: 40px auto 0; text-transform: uppercase; } .postDetailsPopup .carouselWrap .owl-prev { background: url(/images/postRight.svg); width: 20px; height: 23px; position: absolute; background-repeat: no-repeat; bottom: -65px; left: 50px; color: transparent !important; } .postDetailsPopup .carouselWrap .owl-next { background: url(/images/postLeft.svg); width: 20px; height: 23px; position: absolute; background-repeat: no-repeat; bottom: -65px; right: 40px; color: transparent !important; } .postDetailsPopup .forPagination { opacity: 0; width: 0; height: 0; } .postDetailsPopup .carouselWrap .owl-pagination { position: absolute; bottom: -83px; max-width: 80%; margin: 0 auto; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; } .postDetailsPopup .carouselWrap .owl-pagination span { display: none; } .postDetailsPopup .carouselWrap .owl-pagination .owl-page { width: 61px; height: 61px; } .postDetailsPopup .carouselWrap .owl-pagination .item-link { width: 60px; height: 60px; display: block; border: 1px solid #707070; } .postDetailsPopup .carouselTwo .slick-prev { left: 30px; } .postDetailsPopup .carouselTwo .slick-next { right: 30px; } @media (max-width:991px) { .postDetailsGalleryPopup { position: relative; top: 0px; } .postDetailsPopup .closeButton { position: absolute; right: 30px; top: 110px; z-index: 9; } .postDetailsPopup .carouselTwo { position: relative; top: 100px; } .postDetailsPopup .carouselTwo .slick-prev { left: 30px; } .postDetailsPopup .carouselTwo .slick-next { right: 30px; } .postDetailsPopup .carouselTwo .slick-prev, .postDetailsPopup .carouselTwo .slick-next { top: 10%; } .postDetailsPopup { top: 0; position: fixed; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; } .postDetailsPopup .carouselItem .col-lg-6 { padding-left: 15px; max-height: 100%; overflow-y: auto; } .postDetailsPopup .carouselWrap .carouselImg { height: 300px; margin-top: 0px; } .postDetailsPopup .carouselWrap .carouselImgTitle { max-width: 100%; margin: 40px auto; text-transform: uppercase; text-align: center; } .postDetailsPopup .carouselWrap .owl-pagination { display: none; } .postDetailsPopup .owl-controls { border-top: none; position: absolute; top: 50px; bottom: unset; width: 100%; } .postDetailsPopup .carouselWrap .owl-prev { background: url(/images/postRight.svg); width: 20px; height: 23px; position: absolute; background-repeat: no-repeat; bottom: -100px; left: 10px; color: transparent !important; } .postDetailsPopup .carouselWrap .owl-next { background: url(/images/postLeft.svg); width: 20px; height: 23px; position: absolute; background-repeat: no-repeat; bottom: -100px; right: 10px; color: transparent !important; } } /*Post Details Popup - No Text*/ .postDetailsThree .postDetailsPopup { top: 0; position: fixed; width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; background: #fff; z-index: -600; opacity: 0; transition: 0.3s ease; } .postDetailsThree .postDetailsPopup.open { opacity: 1; overflow: hidden; z-index: 600; } .postDetailsThree .postDetailsGalleryPopup { position: relative; top: 130px; } .postDetailsThree .postDetailsPopup .closeButton { position: absolute; right: 30px; top: 30px; z-index: 9; } .postDetailsThree .postDetailsPopup .postDetailsGalleryWrap { max-width: 93%; margin: 0 auto; } .postDetailsThree .postDetailsPopup .carouselWrap .carouselItem { height: 600px; text-align: center; margin-bottom: 0; } .postDetailsThree .postDetailsPopup .carouselWrap .carouselImg { mix-blend-mode: unset; margin: 0 auto; height: 600px; object-fit: contain; } .postDetailsThree .postDetailsPopup .owl-controls { border-top: none; padding: 1px 0; position: relative; bottom: 0px; } .postDetailsThree .postDetailsPopup .carouselWrap .owl-pagination { position: absolute; bottom: -83px; max-width: 80%; margin: 0 auto; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .postDetailsThree .postDetailsPopup .carouselWrap .owl-pagination span { display: none; } .postDetailsThree .postDetailsPopup .carouselWrap .owl-pagination .owl-page { width: 92px; height: 68px; margin: 0 2px; opacity: 0.5; } .postDetailsThree .postDetailsPopup .carouselWrap .owl-pagination .owl-page.active { opacity: 1; } .postDetailsThree .postDetailsPopup .carouselWrap .owl-pagination .item-link { width: 92px; height: 68px; display: block; border: none; } .postDetailsThree .postDetailsPopup .carouselTwo .slick-prev { left: 30px; } .postDetailsThree .postDetailsPopup .carouselTwo .slick-next { right: 30px; } @media (max-width:991px) { .postDetailsThree .postDetailsGalleryPopup { position: relative; top: 0px; } .postDetailsThree .postDetailsPopup .closeButton { position: absolute; right: 30px; top: 110px; z-index: 9; } .postDetailsThree .postDetailsPopup .carouselTwo { position: relative; top: 100px; } .postDetailsThree .postDetailsPopup .carouselWrap .carouselImg { height: 300px; max-width: 100%; } .postDetailsThree .postDetailsPopup .carouselWrap .carouselItem { height: 300px; } .postDetailsThree .postDetailsPopup .carouselTwo .slick-prev { left: 10px; } .postDetailsThree .postDetailsPopup .carouselTwo .slick-next { right: 10px; } .postDetailsThree .postDetailsPopup .carouselTwo .slick-prev, .postDetailsThree .postDetailsPopup .carouselTwo .slick-next { top: 50%; } .postDetailsThree .postDetailsPopup .carouselWrap .owl-pagination { display: none; } .postDetailsThree .postDetailsPopup .owl-controls { border-top: none; position: absolute; top: 50px; bottom: unset; width: 100%; } .postDetailsThree .postDetailsPopup .carouselWrap .owl-prev { background: url(/images/postRight.svg); width: 20px; height: 23px; position: absolute; background-repeat: no-repeat; bottom: -100px; left: 10px; color: transparent !important; } .postDetailsThree .postDetailsPopup .carouselWrap .owl-next { background: url(/images/postLeft.svg); width: 20px; height: 23px; position: absolute; background-repeat: no-repeat; bottom: -100px; right: 10px; color: transparent !important; } } /* Range Slider */ .min-max-slider { position: relative; width: 100%; text-align: center; margin-bottom: 20px; } .min-max-slider>label { display: none; } span.value { height: 1.7em; font-weight: bold; display: inline-block; } span.value.lower { display: inline-block; float: left; } span.value.upper { display: inline-block; float: right; } .min-max-slider>.legend { display: flex; justify-content: space-between; position: relative; top: 15px; margin-right: 0; width: 100%; margin-top: 0 !important; padding: 0 10px; } .min-max-slider>.legend>* { font-size: 11px; opacity: 1; } .min-max-slider>input { cursor: pointer; position: absolute; } /* webkit specific styling */ .min-max-slider>input { -webkit-appearance: none; outline: none !important; height: 4px; margin: 0; background: var(--color-primary-darker); } .min-max-slider>input::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; width: 15px; /* Set a specific slider handle width */ height: 15px; /* Slider handle height */ background: var(--color-primary); /* Green background */ cursor: pointer; /* Cursor on hover */ border: none; border-radius: 100%; } .mwSlider { width: 95%; height: 30px; } .mwSlider .label-min { width: 30px; height: 100%; display: block; float: left; text-align: left; } .mwSlider .label-max { width: 30px; height: 100%; display: block; float: right; text-align: right; } .mwSlider .body { display: block; overflow: hidden; clear: none; float: none; width: auto; height: 100%; } .mwSlider .ui-slider-horizontal { position: relative; display: block; float: none; height: 4px; margin: 10px 10px; background: gray; } .mwSlider .ui-slider-range { position: absolute; display: block; height: 100%; background: var(--color-primary-darker); } .mwSlider .ui-slider-handle { box-sizing: border-box; position: absolute; display: block; top: -6px; width: 15px; /* Set a specific slider handle width */ height: 15px; /* Slider handle height */ margin-left: -7px; background: var(--color-primary); /* Green background */ border: none; border-radius: 100%; cursor: pointer; /* Cursor on hover */ ; } .min-max-slider>input::-webkit-slider-runnable-track { cursor: pointer; } /* Post List Filter */ .postListFilter input[type=text] {-webkit-appearance: none;-moz-appearance: none;border: 1px solid var(--color-primary-darker);width: 100%;height: 40px;background: transparent;text-indent: 20px;font-size: 18px;font-family: ivypresto-headline, serif;color: var(--color-primary-darker);} .postListFilter .subInput input[type=text] { border: none; font-size: 16px; font-family: calibri, sans-serif; } .mwInput.list .filter { border-bottom: 1px solid #000; font-size: 16px; } .mwInput.list .item.selected, .mwInput.list .item.Focus, .mwInput.list .item:hover { color: var(--color-primary); } .mwInput.list .item.icon.selected.hi:before { display: none; } .postListFilter .row:first-child { margin-bottom: 10px; } .postListFilter select { -webkit-appearance: none; -moz-appearance: none; border: 1px solid var(--color-primary-darker); width: 100%; height: 108px; background: transparent; text-indent: 20px; font-size: 18px; font-family: ivypresto-headline, serif; color: var(--color-primary-darker); cursor: pointer; } .postListFilter input::placeholder { color: var(--color-primary-darker); } .postListFilter input::-webkit-input-placeholder { color: var(--color-primary-darker); } .postListFilter input ::-moz-placeholder { color: var(--color-primary-darker); } .postListFilter input :-ms-input-placeholder { color: var(--color-primary-darker); } .postListFilter input ::-ms-input-placeholder { color: var(--color-primary-darker); } .postListFilter .sliderTitle { display: flex; justify-content: space-between; } .postListFilter .sliderTitle h6 { margin-bottom: 10px; position: relative; line-height: 1.4; font-size: 17px; } .postListFilter .scorePopupWrap .scorePopupOpen { cursor: pointer; } .postListFilter .scorePopupWrap .scorePopupOpen .hoverIcon { display: none; position: relative; top: 2px; } .postListFilter .scorePopupWrap .scorePopupOpen:hover .normalIcon { display: none; } .postListFilter .scorePopupWrap .scorePopupOpen:hover .hoverIcon { display: block; } .postListFilter .scorePopup { position: absolute; width: 770px; background: #fff; padding: 30px; right: 0; z-index: -100; top: 50px; opacity: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .postListFilter .scorePopup.open { opacity: 1; z-index: 9; } .postListFilter .scorePopup .row { border-bottom: 1px solid var(--color-primary-darker); padding: 10px 0; } .postListFilter .scorePopup .col-lg-2, .postListFilter .scorePopup .col-lg-4 { font-family: ivypresto-headline, serif; font-size: 18px; } .postListFilter .scorePopup .col-lg-6 { font-size: 20px; } .postListFilter .col-lg-4:nth-child(2) { position: unset; } .postListFilter .filterBottom { display: flex; justify-content: flex-start; margin-top: 30px; align-items: center; margin-bottom: 30px; } .postListFilter .filterBottom .filterBtnsx button { background: none; margin-bottom: 0; } .postListFilter .filterBottom .filterBtnsx button { cursor: pointer; } .postListFilter .filterBtnsx { display: flex; justify-content: space-between; align-items: center; } .postListFilter .filterBtnsx .reset { text-decoration: underline; font-family: ivypresto-headline, serif; font-size: 16px; color: var(--color-primary-darker); margin-right: 15px; } .postListFilter .filterBtnsx button { font-weight: 400; letter-spacing: 1px; } .postListFilter .submit { margin-right: 15px; color: #fff; background: var(--color-primary); padding: 10px 25px; font-family: ivypresto-headline, serif; } @media (max-width:991px) { .postListFilter .scorePopup { max-width: 90%; width: 100%; } .postListFilter .col-lg-4 {} .postListFilter .filterBottom { display: flex; flex-wrap: wrap; justify-content: flex-start !important; } .postListFilter .filterBtnsx { /* flex: 0 0 100%; */ /* margin-bottom: 50px; */ /* justify-content: right; */ ; } .mwSlider .ui-slider-handle { box-sizing: border-box; position: absolute; display: block; top: -6px; width: 15px; /* Set a specific slider handle width */ height: 15px; /* Slider handle height */ margin-left: -7px; background: var(--color-primary); /* Green background */ border: none; border-radius: 100%; cursor: pointer; /* Cursor on hover */ ; } } @media (max-width:767px) { .postListFilter .sliderTitle h6 { margin-bottom: 0px; } .mwInput.list .item { padding-left: 0; } .postListFilter .sliderTitle.sliderMobile h6 { margin: 15px 0; } } .postListRatings .postListFilterWrap { position: relative; z-index: 8; } .postListRatings .mwFormLoader { background: #fff url(/images/loader.gif) center top no-repeat; background-size: 10%; /* display: block; */ margin-top: 200px; z-index: 8; } .postListRatings .resultsNumber {/* font-size: 16px; *//* position: absolute; *//* top: 291px; *//* left: 0; *//* padding-left: 8px; */margin-bottom: 50px;} @media (max-width:991px) { .postListRatings .resultsNumber {/* font-size: 16px; *//* position: absolute; *//* top: 547px; *//* left: 188px; *//* border-left: 1px solid #000; *//* padding-left: 8px; */} .postListRatings .mwFormLoader { background-size: 30%; } } /* Post List Ratings */ .postListRatings .postsItem.col-lg-4 { padding-left: 30px; padding-right: 30px; } .postListRatings .postsItem {/* background: var(--color-secondary-light); *//* transition: 0.3s ease; *//* padding: 15px; */} .postListRatings .postsItem:hover {/* background: #fff; */} .postListRatings .postsItem a:hover { text-decoration: none; } .postListRatings .postsItemImgHolder {background: var(--color-secondary-light);position: relative;transition: 0.3s ease;text-align: center;} .postListRatings .postsItemImgHolder img {max-width: 100%;mix-blend-mode: multiply;height: 336px;} .postListRatings .postsItem:hover .postsItemImgHolder {/* background: var(--color-white); */} .postListRatings .postsItemPlaceholder, .postListOne .postsItemPlaceholder { height: 265px; mix-blend-mode: multiply; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; width: 100%; } .postsListOne .postsItemPlaceholder.placeholderHide { background: none !important; } .postListRatings .postsItemImg { height: 265px; background-size: contain; mix-blend-mode: multiply; } .postListRatings .postsItemRanking {display: flex;/* border-top: 1px solid var(--color-primary); *//* border-bottom: 1px solid var(--color-primary); *//* margin-top: 30px; */margin-bottom: 30px;} .postListRatings .postsItemRanking h2 { border-right: 1px solid var(--color-primary); margin-bottom: 0; padding: 10px 15px; display: flex; align-items: center; font-size: 44px; } .postListRatings .postItemRankingRight { padding: 20px; display: flex; align-items: center; } .postListRatings .postItemRankingRight h6 { margin-bottom: 0; } .postListRatings h5 { margin-top: 20px; max-width: 90%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 60px; overflow: hidden; /* margin-left: 20px; */ ; } .postListRatings .postsItemBottom { display: flex; align-items: center; margin-bottom: 30px; } .postListRatings .postsItemBottom p { margin-left: 15px; margin-bottom: 0; font-family: ivypresto-headline, serif; font-size: 16px; } .postListRatings .directoryPostsWrap {/* padding-top: 200px; *//* margin-top: -150px; *//* position: relative; */gap: 30px;margin-left: 0;margin-right: 0;} .postListRatings .postsItemBottom .btn { margin-bottom: 0; } .postListRatings .gridView .mwDirectory-item {flex: 0 0 31%;max-width: 31%;} @media (max-width:1365px) { .postListRatings .gridView .mwDirectory-item {flex: 0 0 30%;max-width: 30%;} } @media (max-width:1199px) { .postListRatings .gridView .mwDirectory-item {flex: 0 0 47%;max-width: 47%;} } @media (max-width:991px) { .postListRatings .gridView .mwDirectory-item {/* margin-bottom: 30px; */flex:100%;max-width:100%} .postListRatings .mwDirectory-item {flex: 0 0 100%;max-width: 100%;padding: 0;/* margin-bottom: 15px; */} .postListRatings .postsItemImgHolder .placeholderImg { transform: scale(1.2); } .postListRatings h5 { margin-top: 15px; max-width: 100%; display: -webkit-box; -webkit-line-clamp: unset; -webkit-box-orient: unset; height: auto; overflow: auto; margin-bottom: 15px; } .postListRatings .postsItemRanking { margin-top: 15px; margin-bottom: 15px; } .postListRatings .postsItem {padding: 0;} .postListRatings .postsItemBottom { margin-bottom: 15px; } } @media (max-width:991px) { .centerOnMobile { text-align: center !important; } } /* Clubs Directory */ .clubsDirectoryWrap .clubsFilter { margin-bottom: 50px; } .clubsDirectoryWrap .clubsFilter p { margin-bottom: 15px; } .clubsDirectoryWrap .clubsFilter .radiusSearch { /* display: flex; */ ; } .clubsDirectoryWrap .clubsFilter .radiusSearch.error>div { border-color: var(--color-red); } .clubsDirectoryWrap .clubsFilter .radiusSearch.error input { border-color: var(--color-red); } .clubsDirectoryWrap .clubsFilter .mwInput.select { border: 1px solid #000; padding-left: 15px; } .clubsDirectoryWrap .clubsFilter .radiusIcon { display: flex; align-items: center; justify-content: center; width: 70px; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; } .clubsDirectoryWrap .clubsFilter .filterBtns { display: flex; align-items: center; height: 100%; justify-content: center; position: relative; top: -7px; } .clubsDirectoryWrap .clubsFilter .filterBtns p { margin-bottom: 0; width: 42px; margin-left: 30px; } .clubsDirectoryWrap .viewToggleWrap { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; margin-top: 50px; } .clubsDirectoryWrap .viewToggleWrap p { margin-bottom: 0; } .clubsDirectoryWrap .viewToggleWrap .viewToggle { width: 70px; height: 20px; background: #d1c6ae; border-radius: 10px; margin: 0 10px; cursor: pointer; } .clubsDirectoryWrap .viewToggleWrap .viewToggleInner { width: 30px; height: 16px; background: var(--color-primary); border-radius: 10px; margin: 0 10px; position: relative; top: 2px; left: -7px; transition: 0.3s ease; } .clubsDirectoryWrap.list .viewToggleWrap .viewToggle .viewToggleInner { left: 27px; } .clubsDirectoryWrap .viewToggleWrap .mapView { color: var(--color-primary); } .clubsDirectoryWrap.list .viewToggleWrap .mapView { color: var(--color-black); cursor: pointer; } .clubsDirectoryWrap .viewToggleWrap .listView { color: var(--color-black); cursor: pointer; } .clubsDirectoryWrap.list .viewToggleWrap .listView { color: var(--color-primary); } .clubsDirectoryWrap .listViewWrap {} .clubsDirectoryWrap .mapViewWrap { display: block; height: 600px; border-top: 1px solid #e4e3e2; } .clubsDirectoryWrap .mapViewWrap .row { margin-left: 0; margin-right: 0; } .clubsDirectoryWrap .mapViewWrap .col-lg-3 { overflow-y: scroll; padding-right: 0; padding-left: 0; max-height: 600px; background: var(--color-secondary-light); } .clubsDirectoryWrap .mapViewWrap .col-lg-9 { padding-right: 0; padding-left: 0; } .clubsDirectoryWrap.list .listViewWrap { display: block; } .clubsDirectoryWrap.list .mapViewWrap { display: none; } .clubsDirectoryWrap .mapViewWrap .postsList {} .clubsDirectoryWrap .postsList .mwDirectory-item { border-bottom: 1px solid #ddd; padding: 15px 30px 0; background: var(--color-secondary-light); } .clubsDirectoryWrap .clubPost { margin-bottom: 15px; } .clubsDirectoryWrap .clubPost p { font-family: "ivypresto-headline", sans-serif; font-size: 15px; margin-bottom: 0; } .clubsDirectoryWrap .clubPost.error { margin: 30px; } .clubsDirectoryWrap .clubPost .clubPostImageWrap, .clubsDirectoryWrap .clubPost .clubPostImage { height: 300px; overflow: hidden; transition: 0.3s ease; } .clubsDirectoryWrap .clubPost:hover .clubPostImage { transform: scale(1.1); } .clubsDirectoryWrap .clubPost .clubPostImageWrap { margin-bottom: 30px; } .clubsDirectoryWrap .clubPost .clubPostImageWrap .postsItemPlaceholder { height: 300px; background-size: cover; background-repeat: no-repeat; } .clubsDirectoryWrap .clubPost .clubLocation { color: var(--color-primary); font-size: 18px; margin-bottom: 0; text-transform: capitalize; } .clubsDirectoryWrap .clubPost h4 a:hover { color: var(--color-text); } .clubsDirectoryWrap .clubPost h4 { margin-bottom: 0; font-size: 22px; text-transform: capitalize !important; line-height: 1.3; } .clubsDirectoryWrap .clubPost p a { color: var(--color-primary-darkest); text-decoration: underline; } @media (max-width:991px) { .clubsDirectoryWrap .clubsFilter .col-lg-4, .clubsDirectoryWrap .clubsFilter .col-lg-3 { margin-bottom: 0; } .clubsDirectoryWrap .mapViewWrap .mapWrap { display: none; } .clubsDirectoryWrap .mapViewWrap .col-lg-3 { overflow-y: visible; max-height: unset; } .clubsDirectoryWrap .mapViewWrap { height: unset; } } .postDetailsContent img { display: block; } .postDetailsCategories a { color: #fff !important; text-decoration: none; } .mwInput.select.name-filtersdefaultdistance { -webkit-appearance: none; -moz-appearance: none; border: 1px solid var(--color-primary-darker); width: 100%; height: 52px; background: transparent; font-size: 18px; font-family: ivypresto-headline, serif; color: var(--color-primary-darker); cursor: pointer; } .name-filtersdefaultdistance { line-height: 70px !important; line-height: 100px !important; padding-top: 7px !important; font-family: ivypresto-headline, serif !important; } .name-filtersdefaultdistance .dropdown { width: 36px; height: 50px !important; line-height: 52px !important; border: 0; color: var(--color-white); background-color: var(--color-primary); } .filterBtns .submit { color: var(--color-primary) !important; padding: 0 35px; font-size: 16px; font-weight: 700; font-family: "ivypresto-headline", sans-serif; letter-spacing: 0; line-height: 50px; text-transform: none; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; border: 1px solid var(--color-primary); } .filterBtns .submit:hover { background: var(--color-primary); color: var(--color-white) !important; } .clubsFilter .filterBtns .submit { color: var(--color-white) !important; } .clubsFilter .filterBtns .submit:hover { background: var(--color-primary-darker); border: 1px solid var(--color-primary-darker); } .gm-style-iw { width: 300px; padding: 0 30px !important; } .gm-style-iw button { top: 5px !important; right: 5px !important; } .mapHintWrap p a { color: var(--color-black); text-decoration: underline; } /* Newsletter Form Embed*/ .newsletterFormEmbed input[type=text], .newsletterFormEmbed select { -webkit-appearance: none; -moz-appearance: none; border: none; border-bottom: 1px solid #000; background: transparent; height: 53px; font-family: "ivypresto-headline", sans-serif; color: #000; width: 100%; font-size: 16px; } .modalbgLarge .newsletterFormEmbed input[type=text], .newsletterFormEmbed select { margin-bottom: 15px; } .newsletterFormEmbed select { cursor: pointer; background: transparent url(/images/newsletterDown.png) center right no-repeat; } .newsletterFormEmbed.newsletterPopup h4, .newsletterFormEmbed.newsletterPopup p { color: #000; } .modalbgLarge .newsletterFormEmbed table { margin-bottom: 0; } .newsletterFormEmbed table input[type=button] { cursor: pointer; transition: 0.3s ease; float: none !important; vertical-align: middle; -moz-appearance: none; -webkit-appearance: none; background: transparent; border: 1px solid var(--color-primary); color: var(--color-primary); padding: 15px 30px; font-family: "ivypresto-headline", sans-serif; font-size: 16px; font-weight: 700; } .modalbgLarge .newsletterFormEmbed table input[type=button] { margin-top: 15px; } .newsletterFormEmbed table input[type=button]:hover { background: var(--color-primary); color: #fff; } .newsletterFormEmbed table p { font-family: "ivypresto-headline", sans-serif; margin-bottom: 0; } .newsletterFormEmbed table input[type=checkbox] { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 1px solid #000; position: relative; top: 5px; min-width: 20px; margin-right: 10px; } .newsletterFormEmbed table input[type=checkbox]:checked { background: url(/images/newsletterCheck.png) center center no-repeat; } .newsletterFormEmbed table ::-webkit-input-placeholder { opacity: 1; color: #000; font-size: 16px; } .newsletterFormEmbed table .row div { margin-bottom: 15px; } .newsletterFormEmbed .whiskyNotesCheck, .newsletterFormEmbed .cocktailClubCheck { display: flex; } .modalbgLarge .newsletterFormEmbed .whiskyNotesCheck, .newsletterFormEmbed .cocktailClubCheck { margin-bottom: 15px; } .newsletterFormEmbed.newsletterPopup .whiskyNotesCheck, .newsletterFormEmbed.newsletterPopup .cocktailClubCheck { margin-bottom: 15px; margin-top: 15px; } .newsletterFormEmbed .whiskyNotesCheck p, .newsletterFormEmbed .cocktailClubCheck p { position: relative; top: 2px; } .newsletterFormEmbed table ::-moz-placeholder { opacity: 1; color: #000; } .newsletterFormEmbed table :-ms-input-placeholder { opacity: 1; color: #000; font-size: 16px; } .newsletterFormEmbed table ::-ms-input-placeholder { opacity: 1; color: #000; font-size: 16px; } .newsletterFormEmbed table ::placeholder { opacity: 1; color: #000; font-size: 16px; } @media (max-width:991px) { .newsletterFormEmbed .submitBtn { order: 3; } .newsletterFormEmbed .cocktailClubCheck { order: 1; } .newsletterFormEmbed .whiskyNotesCheck { order: 2; } } .mapHintWrap h5 { margin-top: 20px; text-transform: capitalize; font-size: 18px; margin-bottom: 0; color: var(--color-primary); } .mapHintWrap h5 .clubLocation { font-size: 16px; color: var(--color-black); } .mapHintWrap h5 a { color: var(--color-primary); } .mapHintWrap p { margin-bottom: 15px; font-size: 16px; } body.modalOpened { overflow: hidden; } .modalbgLarge { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99999; -moz-transition: all 2s ease-out; -webkit-transition: all 2s ease-out; -o-transition: all 2s ease-out; transition: all 2s ease-out; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -transition-delay: 0.2s; display: block; padding: 0 15px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .modalbgLarge .dialogLarge { max-width: 630px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 0; background: var(--color-secondary-light); max-height: 600px; overflow-y: auto; width: 100%; height: 100%; position: relative; } .modalbgLarge .dialogLarge .container { box-sizing: border-box; } .modalbgLarge:target { display: block; pointer-events: auto; background: rgba(0, 0, 0, 0.8); -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .modalbgLarge:target .dialogLarge { top: 0; -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -transition-delay: 0.4s; } .closeModal, .closePopup { background: #000; color: #ffffff; line-height: 30px; position: absolute; right: 8px; text-align: center; top: 8px; width: 30px; text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 50px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -transition-delay: 0.2s; z-index: 9; font-size: 16px; } .closeButton { position: absolute; right: 40px; top: 10px; } .closeModal span, .closePopup span { color: #ffffff; } .closeModal:hover, .closePopup:hover { background: #888; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .postDetailsContent .alignleft img, .postDetailsContent .alignright img { font-size: 16px; font-style: italic; margin: 15px 0; } .postDetailsContent .alignleft { margin-right: 15px; } .postDetailsContent .alignright { margin-left: 15px; } .postDetailsTwo .postDetailsContent p:after { content: ""; display: block; clear: both; } .postDetailsContent .alignleft img, .postDetailsContent .alignright img { margin-bottom: 10px; } .postDetailsContent img { max-width: 100%; /* height: auto; */ } /* WhiskyFest Header */ .wfHeaderWrap { padding: 30px; background: var(--color-secondary-light); } .wfHeaderWrap.is-sticky { position: fixed; top: 0; z-index: 9; width: 100%; padding-bottom: 0; } .wfHeaderWrap .wfHeader { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--color-primary); padding-bottom: 15px; max-width: 1170px; margin: 0 auto; } .wfHeaderWrap.wfHeaderNew .wfHeader { max-width: 1290px; border-bottom: 1px solid #172A5C; } .wfHeaderWrap .wfHeader .wfLogo { width: 175px; } .wfHeaderWrap .wfHeader .wfLogo img { max-width: 175px; } .wfHeaderWrap .wfHeader .wfHeaderRight { display: flex; align-items: center; } .wfHeaderWrap .wfHeader .headerMenu { margin-right: 30px; } .wfHeaderWrap .wfHeader .headerMenu ul { margin-bottom: 0; } .wfHeaderWrap .wfHeader .headerMenu ul li { display: inline; font-family: 'ivypresto-headline', serif; font-size: 18px; } .wfHeaderWrap .wfHeader .headerMenu ul li:before { display: none; } .wfHeaderWrap .wfHeader .headerMenu ul li a { color: #000; position: relative; padding: 0px 20px; } .wfHeaderWrap.wfHeaderNew .wfHeader .headerMenu ul li a { color: #172A5C; font-weight: 600; font-size: 24px; } .wfHeaderWrap.wfHeaderNew .wfHeader .headerMenu ul li:first-child a { padding-left: 0; } .wfHeaderWrap .wfHeader .headerMenu ul li a:hover { color: var(--color-primary); text-decoration: none; } .wfHeaderWrap.wfHeaderNew .wfHeader .headerMenu ul li a:hover { color: var(--color-dark); text-decoration: none; } .wfHeaderWrap .wfHeader .headerMenu ul li a:after { content: " "; background: var(--color-primary); width: 6px; height: 6px; position: absolute; transform: rotate(45deg); top: 11px; right: -5px; } .wfHeaderWrap.wfHeaderNew .wfHeader .headerMenu ul li a:after { background: #172A5C; top: 15px; } .wfHeaderWrap .wfHeader .headerMenu ul li:last-child a:after { display: none; } .wfHeaderWrap .wfHeader .wfButton { display: flex; height: 47px; } .wfHeaderWrap .wfHeader .wfButton .Button:first-child, .wfHeaderWrap.wfHeaderHollywood .wfHeader .wfButton .Button:nth-child(2) { margin-right: 5px !important; } .wfHeaderWrap .wfHeader .btn { margin-bottom: 0; } @media (max-width:1370px) { .wfHeaderWrap.wfHeaderHollywood .wfHeader .headerMenu ul li a { padding: 0px 10px; font-size: 20px; } } @media (max-width:1199px) { .wfHeaderWrap .wfHeader { display: block; } .wfHeaderWrap .wfHeader .headerMenu ul li:first-child a { padding-left: 0; } .wfHeaderWrap.wfHeaderNew { padding-top: 1px; } } @media (max-width:1199px) { .wfHeaderWrap .wfHeader .headerMenu ul { display: flex; justify-content: center; flex-wrap: wrap; } .wfHeaderWrap.wfHeaderHollywood .wfHeader .headerMenu ul { display: block; text-align: center; } .wfHeaderWrap .wfHeader .wfHeaderRight { justify-content: center; } } @media (max-width:575px) { .wfHeaderWrap .wfHeader .wfHeaderRight .wfButton .btn a { width: 100%; margin-top: 10px; } .wfHeaderWrap .wfHeader .headerMenu ul li:last-child a { padding-right: 0; } .wfHeaderWrap.wfHeaderNew .wfHeader .headerMenu ul li a { font-size: 18px; padding: 0 10px 0 15px; } .wfHeaderWrap.wfHeaderNew.wfHeaderHollywood .wfHeader .headerMenu ul li a { font-size: 16px; padding: 0 10px; } .wfHeaderWrap.wfHeaderNew .wfHeader .headerMenu ul li:last-child a { padding-right: 0; } .wfHeaderWrap.wfHeaderNew .wfHeader .headerMenu ul li a:after { top: 10px; } } .googleAd { display: none; } @media screen and (min-width: 350px) { .googleAd { display: block; } } .postDetailsGlossary { padding: 50px 0; } .postDetailsGlossary .postDetailsBody { padding-bottom: 50px; } .mwFilter-Hints>div { display: flex; flex-wrap: wrap; } .mwFilter-Hints .mwFilterHint { border: 1px solid #000; padding: 5px 15px; margin: 5px; color: #000; } .mwFilter-Hints .mwFilterHint-cancel { padding-left: 3px; } @media (max-width:767px) { .twoColRight .mwBtnRight { text-align: left; } } .catTag { position: absolute; background: #000; color: #fff; bottom: 0; left: 0; padding: 5px 20px; text-transform: uppercase; font-size: 10px; font-family: calibri, sans-serif; letter-spacing: .5px; } .marker-cluster-small { background-color: rgba(197, 115, 6, 0.6); } .marker-cluster-small div { background-color: rgba(227, 130, 0, 0.6); } .marker-cluster-medium { background-color: rgba(195, 157, 53, 0.6); } .marker-cluster-medium div { background-color: rgba(232, 186, 60, 0.6); } .marker-cluster-large { background-color: rgba(199, 59, 25, 0.6); } .marker-cluster-large div { background-color: rgba(224, 70, 33, 0.6); } .postsListGlossary .postsItemWrap { line-height: 1.5; font-size: 18px; margin-top: 0; color: var(--color-dark); } .postsListGlossary h4 { padding-top: 30px; margin-bottom: 15px; } /* Popup */ .popupWrap, .cookie-alert { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 999; display: block; } .popupWrap .popupText, .cookie-alert .popupText { max-width: 500px; position: relative; top: 65px; margin: 4% auto; /* padding: 11px; */ -moz-border-radius: 10px; background: #ffffff; box-shadow: 2px 3px 15px #888; /* height: 440px; */ /* overflow: hidden; */ z-index: 999; } .popupWrap .closeModal, .cookie-alert .closeModal { position: absolute; right: -15px; background-color: var(--color-primary-dark); border-radius: 50%; /* padding: 8px 15px; */ color: #fff; top: -20px; } .popupWrap .popupImage .stretchImg, .cookie-alert .popupImage .stretchImg { height: 250px; } .popupWrap .popupContent, .cookie-alert .popupContent { padding: 20px 30px 10px 30px; background: var(--color-secondary-light); } .popupWrap .popupContent p, .cookie-alert .popupContent p { font-size: 20px; } @media (max-width: 768px) { .closeModal { /* right: 20px!important; */ z-index: 9; /* top:1px!important; */ ; } .popupText .mainContentArea { max-width: 100% !important; } .popupWrap .popupText, .cookie-alert .popupText { max-width: 75%; position: relative; top: 65px; margin: 0% auto; /* padding: 11px; */ -moz-border-radius: 10px; background: #ffffff; box-shadow: 2px 3px 15px #888; /* height: 440px; */ /* overflow: hidden; */ z-index: 999; } } .searchResultsDropdown { text-align: right; } .searchResultsDropdown p { margin-bottom: 5px; } .searchResultsDropdown .searchResultsForm { display: flex; justify-content: space-between; width: 100%; } .searchResultsDropdown input[type=text] { height: 40px; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #000; position: relative; top: 0px; width: 70%; /* margin-right: 15px; */ text-indent: 15px; margin-top: 32px; } .searchResultsDropdown select { -webkit-appearance: none; -moz-appearance: none; border: 1px solid #000; height: 40px; width: 175px; padding: 0 15px; background: url(/images/iconmonstr-arrow-65-12.png) 150px center no-repeat; cursor: pointer; } .searchResultsDropdown input[type=submit] { height: 40px; -moz-appearance: none; -webkit-appearance: none; border: none; position: relative; top: 0px; background: var(--color-primary); margin-top: 32px; width: 140px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; color: #fff; font-family: "ivypresto-headline", sans-serif; cursor: pointer; } .searchResultsDropdown input[type=submit]:hover { background: var(--color-primary-dark); } @media (max-width:991px) { .searchResultsDropdown .searchResultsForm { display: block; } .searchResultsDropdown select { width: 180px; } .searchResultsDropdown input[type=text] { width: 100%; margin-bottom: 15px; } .searchResultsDropdown input[type=submit] { margin-top: 15px; } } /*! |----------------------------------------------------------------------------------------- | | | Calculator - Start | | |----------------------------------------------------------------------------------------- */ .calculator>*:not(:last-child) { margin: 0 0 30px 0; } .calculator .calculatorMain>*:not(:last-child) { margin: 0 0 15px 0; } .calculator .calculatorInputGroup>label { display: block; } .calculator .calculatorInputGroup>input { -webkit-appearance: none; -moz-appearance: none; border: none; border-bottom: 1px solid #000; background: transparent; height: 53px; font-family: "ivypresto-headline", sans-serif; color: #000; width: 100%; font-size: 16px; } .calculator .calculatorInputGroup>input::placeholder { color: #000; } .calculator .calculatorButton { margin: 30px 0 0 0; } .calculator .calculatorButton>button { cursor: pointer; transition: 0.3s ease; float: none !important; vertical-align: middle; -moz-appearance: none; -webkit-appearance: none; background: transparent; border: 1px solid var(--color-primary); background-color: var(--color-primary); padding: 15px 30px; font-family: "ivypresto-headline", sans-serif; font-size: 12px; font-weight: 700; } .calculator .calculatorButton>button:hover { background: var(--color-primary-dark); color: #fff; } .calculator .calculatorResult>input { font-size: 20px; } /* |----------------------------------------------------------------------------------------- | | | Calculator - End | | |----------------------------------------------------------------------------------------- */ .whiskyfestBannerWrap { background: var(--color-secondary-light); margin-bottom: -30px; } .whiskyfestBannerWrap .whiskyfestBannerImage { height: 650px; margin: 0 50px; box-shadow: 0 0 20px rgb(0 0 0 / 15%); } .whiskyfestBannerWrap .whiskyfestBannerOverlay { background: rgba(0, 0, 0, 0.2); width: 100%; height: 650px; display: flex; align-items: center; justify-content: center; } .whiskyfestBannerWrap .whiskyfestBannerImage img { max-width: 100%; } .whiskyfestBannerWrap .whiskyfestBannerLocations { max-width: 80%; margin: 0 auto; position: relative; bottom: 100px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem { display: flex; align-items: center; justify-content: center; text-align: center; height: 254px; position: relative; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(odd) { background: var(--color-secondary); transition: 0.3s ease; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(even) { background: var(--color-white); transition: 0.3s ease; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem img { margin-bottom: 20px; height: 62px; transition: 0.3s ease; mix-blend-mode: multiply; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem h5 { color: #172A5C; font-size: 26px; font-weight: 600; margin-bottom: 10px; transition: 0.3s ease; position: relative; bottom: 0; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem p { font-size: 22px; color: var(--color-dark); transition: 0.3s ease; position: relative; bottom: 0; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem .btn { opacity: 0; height: 0; transition: 0.3s ease; position: absolute; bottom: 50px; left: 0; right: 0; margin: 0 auto 20px; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(odd):hover, .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(even):hover { background: #172A5C; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:hover h5, .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:hover p { color: #fff; bottom: 40px; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:hover img { opacity: 0; height: 0; margin-bottom: 0; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:hover .btn { opacity: 1; height: 0; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem a:hover { text-decoration: none; } @media (max-width:1199px) { .whiskyfestBannerWrap .whiskyfestBannerImage { margin: 0; } .whiskyfestBannerWrap .whiskyfestBannerLocations { max-width: 90%; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem h5 { font-size: 18px; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem p { font-size: 16px; } } @media (max-width:991px) { .whiskyfestBannerWrap { margin-bottom: -90px; } .whiskyfestBannerWrap .whiskyfestBannerImage, .whiskyfestBannerWrap .whiskyfestBannerOverlay { height: 400px; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem { height: 180px; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(even), .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(odd), .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(even):hover, .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(odd):hover { background: var(--color-secondary); border-bottom: 1px solid var(--color-secondary-light); flex: 0 0 50%; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(1), .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:nth-child(3) { border-right: 1px solid var(--color-secondary-light); } .whiskyfestBannerLocations .fourColItem:last-child { width: 100% !important; max-width: 100% !important; flex: 0 0 100%; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:hover h5 { color: #172A5C; bottom: 0; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:hover p { color: var(--color-dark); bottom: 0; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:hover .btn { opacity: 0; } .whiskyfestBannerWrap .whiskyfestBannerLocations .fourColItem:hover img { opacity: 1; height: 62px; margin-bottom: 20px; } } @media (max-width:767px) { .whiskyfestBannerWrap .whiskyfestBannerImage img { max-width: 300px; } .whiskyfestBannerWrap .whiskyfestBannerImage, .whiskyfestBannerWrap .whiskyfestBannerOverlay { height: 300px; } .whiskyfestBannerWrap .whiskyfestBannerImage img { position: relative; top: -40px; } } .whiskyfestTicketWrap { background: #fff; border: 1px solid #172A5C; padding: 30px; height: 350px; position: relative; text-align: center; padding-top: 30px; margin-bottom: 30px; } .whiskyfestTicketWrap .whiskyfestTicketInner { position: relative; height: 233px; } .whiskyfestTicketWrap .whiskyfestTicketHover { opacity: 0; transition: 0.3s ease; position: absolute; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; height: 233px; } .whiskyfestTicketWrap:hover .whiskyfestTicketInfo { transition: 0.3s ease; } .whiskyfestTicketWrap .whiskyfestTicketHover p { font-family: ivypresto-display, serif; font-size: 18px !important; max-width: 80%; margin: auto; } .whiskyfestTicketWrap.threeTickets .whiskyfestTicketHover p { font-family: ivypresto-display, serif; font-size: 16px !important; max-width: 95%; margin: auto; } .whiskyfestTicketWrap .btn { position: absolute; width: 100%; bottom: 10px; left: 0; padding: 0 30px; } .whiskyfestTicketWrap .btn a { width: 100%; } .whiskyfestTicketWrap h2 { color: #172A5C; font-size: 80px; } .whiskyfestTicketWrap.threeTickets h2 { color: #172A5C; font-size: 60px; } .whiskyfestTicketWrap h2 span { vertical-align: super; font-size: 40px; } .whiskyfestTicketWrap h3 { margin-bottom: 10px; } .whiskyfestTicketWrap.threeTickets h3 { margin-bottom: 10px; font-size: 28px; } .whiskyfestTicketWrap .whiskyfestTicketInner p { font-size: 22px; } .whiskyfestTicketWrap.threeTickets .whiskyfestTicketInner p { font-size: 20px; } .whiskyfestTicketWrap:hover .whiskyfestTicketInfo { opacity: 0; height: 0; } .whiskyfestTicketWrap:hover .whiskyfestTicketHover { opacity: 1; position: relative; } @media (max-width:1370px) { .whiskyfestTicketWrap { height: 400px; } } @media (max-width:1199px) { .whiskyfestTicketWrap .whiskyfestTicketHover p { font-size: 16px !important; } } @media (max-width:991px) { .whiskyfestTicketWrap { height: auto; } .whiskyfestTicketWrap .whiskyfestTicketInner { height: auto; } .whiskyfestTicketWrap:hover .whiskyfestTicketInfo, .whiskyfestTicketWrap .whiskyfestTicketInfo { opacity: 1; height: auto; } .whiskyfestTicketWrap:hover .whiskyfestTicketHover, .whiskyfestTicketWrap .whiskyfestTicketHover { opacity: 1; position: relative; } .whiskyfestTicketWrap .whiskyfestTicketHover, .whiskyfestTicketWrap:hover .whiskyfestTicketHover { position: relative; height: auto; display: block; top: unset; bottom: unset; } .whiskyfestTicketWrap .btn { position: relative; bottom: 0; margin-top: 30px; padding: 0; margin-bottom: 0; } .whiskyfestTicketWrap h2 { color: #172A5C; font-size: 60px; margin-bottom: 10px; } .whiskyfestTicketWrap h3 { font-size: 24px; } .whiskyfestTicketWrap .whiskyfestTicketInner p { font-size: 18px; margin-bottom: 20px; } .whiskyfestTicketWrap .whiskyfestTicketHover p { font-size: 16px !important; max-width: 100%; } } @media (max-width:767px) { .whiskyfestTicketWrap { margin-bottom: 30px; } } .whiskyfestHotelWrap { height: 350px; } .whiskyfestHotelWrap .whiskyfestHotelOverlay { background: rgba(0, 0, 0, 0.5); height: 350px; display: flex; align-items: center; flex-direction: column; text-align: center; } .whiskyfestHotelWrap .whiskyfestHotelInner { padding: 30px; } .whiskyfestHotelWrap img { max-width: 300px; } .whiskyfestHotelWrap h2, .whiskyfestHotelWrap p { color: #fff; } .whiskyfestHotelWrap h2 { font-size: 36px; } .whiskyfestHotelWrap h2 span { font-size: 18px; vertical-align: super; } .whiskyfestHotelWrap p { max-width: 70%; margin: 0 auto; } .whiskyfestHotelWrap .btn { position: absolute; width: 100%; bottom: 10px; left: 0; padding: 0 30px; } .whiskyfestHotelWrap .btn a { width: 100%; } @media (max-width:1199px) { .whiskyfestHotelWrap img { max-width: 250px; } } @media (max-width:991px) { .whiskyfestHotelWrap { margin-bottom: 30px; } } .whiskyfestImgBlockWrap, .whiskyfestImgBlockWrap .whiskyfestImgBlockOverlay { height: 500px; margin-bottom: 30px; } .whiskyfestImgBlockWrap .whiskyfestImgBlockOverlay { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 76%); position: relative; } .whiskyfestImgBlockWrap .whiskyfestImgBlockInner { position: absolute; bottom: 0; padding: 30px; } .whiskyfestImgBlockWrap .whiskyfestImgBlockInner h3 { color: #fff; font-size: 28px; font-weight: 500; } .whiskyfestImgBlockWrap .whiskyfestImgBlockInner p a { padding: 12px 25px; font-size: 16px; color: var(--color-white); border: 1px solid #fff; background: #172A5C; font-family: ivypresto-display, serif; } .whiskyfestImgBlockWrap .whiskyfestImgBlockInner p a:hover { color: #172A5C; border-color: #fff; background: #fff; text-decoration: none; } @media (max-width:767px) { .whiskyfestImgBlockWrap, .whiskyfestImgBlockWrap .whiskyfestImgBlockOverlay { height: 300px; } } .postListRatingsHome { background: var(--color-primary); padding: 50px 30px; color: var(--color-secondary-light); } .postListRatingsHome h3, .postListRatingsHome h6 { color: var(--color-secondary-light); margin-bottom: 20px; } .content-style .postListRatingsHome .mwInput.list .body.multiline { border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; background: var(--color-secondary-light); } .postListRatingsHome .mwSlider .ui-slider-handle { background: var(--color-secondary-light); } .postListRatingsHome .mwSlider .ui-slider-horizontal { background: #000; } .postListRatingsHome .mwSlider .ui-slider-range { background: var(--color-secondary); } .postListRatingsHome .mwSlider { width: 95%; } .postListRatingsHome .postListFilter .scorePopup { right: 60px; color: #000; } .postListRatingsHome .postListFilter .scorePopup h6 { color: #000; } .postListRatingsHome .postListFilter .filterBtnsx .reset { color: var(--color-secondary-light); } .postListFilter .submit { margin-right: 15px; color: #fff; background: var(--color-primary); padding: 12px 30px; } .postListFilter.clubsFilter .submit { padding: 0px 30px } .postListFilter .filterBottom { justify-content: flex-end; } @media (max-width:991px) { .postListRatingsHome .postListFilter .scorePopup h3 { margin-bottom: 5px; } .postListRatingsHome .postListFilter .scorePopup h6 { font-size: 14px; margin-bottom: 5px; } .postListFilter .scorePopup .col-lg-2, .postListFilter .scorePopup .col-lg-4, .postListFilter .scorePopup .col-lg-6 { font-size: 14px; } .postListFilter .scorePopup .col-lg-6 { font-size: 16px; } .alignCenterMobile { text-align: center !important; } } .whiskyfestCtaNew p { margin-bottom: 0; } .whiskyfestCtaNew h6 { font-family: calibri, sans-serif; font-size: 23px; margin-bottom: 0 } .whiskyfestCtaNew p strong { color: #E8BA3C; font-weight: 500; } .whiskyfestCtaNew .btn a { margin-top: 30px; } .whiskyfestCtaNew .mobileContent { display: none; } .whiskyfestCtaNew .mobileContent p { color: #E8BA3C; } @media (max-width:991px) { .whiskyfestCtaNew, .whiskyfestCtaNew .mwBtnLeft { text-align: center; } .whiskyfestCtaNew { padding-left: 15px; padding-right: 15px; max-width: 100% !important; background: var(--color-secondary-light); } .whiskyfestCtaNew .mobileContent { display: block; } .whiskyfestCtaNew .desktopContent { display: none; } } @media (max-width:991px) { .homepageNewWrap .postsListFive .postsItem { /* display: none; */ } .homepageNewWrap .postsListFive .postsItem:first-child, .homepageNewWrap .postsListFive .postsItem:nth-child(2) { /* display: block; */ } } .discoverNew .discoverImages { position: relative; top: 0; display: flex; justify-content: flex-end; } .discoverNew .discoverImages .imageOne { margin-right: 10px; } .discoverNew .discoverImages img { max-width: 200px } @media (max-width:991px) { .discoverNew .discoverImages { text-align: center; top: 0px; margin-bottom: 20px; display: block; } .discoverNew .discoverImages .imageOne { margin-right: 0px; margin-bottom: 15px; } .discoverNew .discoverImages .imageTwo { display: none; } .discoverNew .discoverImages img { max-width: 300px } } .whiskyfestCtaNewWrap { background: var(--color-secondary-light); } .whiskyfestCtaNewWrap .whiskyfestCtaNew { max-width: 94%; margin: 0 auto; } .whiskyfestCtaNewWrap .wfImgMobile { display: none; } @media (max-width:991px) { .whiskyfestCtaNewWrap .carouselWhiskyfestCta { display: none; } .whiskyfestCtaNewWrap .wfImgMobile { display: none; height: 350px; width: 100%; position: relative; } } /*! |----------------------------------------------------------------------------------------- | | | Whisky Fest Contract - Start | | |----------------------------------------------------------------------------------------- */ .whiskyFestContract { max-width: 670px; margin: 0 auto; } .whiskyFestContract .subtotalPrice label, .whiskyFestContract .totalPrice label, .whiskyFestContract .totalDiscount label, .whiskyFestContract .grandTotal label { text-transform: uppercase; } /*! |----------------------------------------------------------------------------------------- | | | Whisky Fest Contract - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Form - Start | | |----------------------------------------------------------------------------------------- */ .Dialog ._grid2Column { display: grid; grid-template-columns: 1fr; column-gap: 15px; } @media screen and (min-width: 992px) { .Dialog ._grid2Column { grid-template-columns: repeat(2, 1fr); } } .Dialog ._colSpan2 { grid-column: span 1; } @media screen and (min-width: 992px) { .Dialog ._colSpan2 { grid-column: span 2; } } .Dialog .caption * { color: var(--color-dark); } .Dialog .caption *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 16px; } .Dialog .caption ul li:not(:last-child) { margin: 0 0 30px 0; } .Dialog .caption ul li:last-child { margin: 0; } .Dialog .captionPFontNormal p { font-family: unset; } .Dialog .captionHeader { margin: 0 0 30px 0; } .Dialog .captionHeader>*:not(:last-child) { margin: 0 0 15px 0; } .Dialog .captionHeader>*:last-child { margin: 0; } .Dialog .formSectionGroup { margin: 0 0 30px 0; } .Dialog .formGroup { margin: 0 0 30px 0; } .Dialog .formGroup label { font-weight: bold; padding: 0; } .Dialog .formGroup.formGroupStyle2 label { margin: 0 0 5px 0; } .Dialog .formGroup .mwInput { margin: 0; } .formGroupStyle2 .mwInput { border: 1px solid #000; background-color: var(--color-gray-1); } .Dialog .formGroup.formGroupStyle2 .value, .Dialog .formGroup.formGroupStyle2 input, .Dialog .formGroup.formGroupStyle2 textarea { padding: 0 15px; } .Dialog .formGroup small { display: block; margin: 5px 0 0 0; } .Dialog .signatureFileUpload { display: none; } .Dialog .eSignature { background-color: var(--color-white); border: 1px solid var(--color-black); margin: 10px 0 0 0; display: block; } .Dialog .clearBtn { color: var(--color-primary); } .Dialog .clearBtn:hover { color: var(--color-primary-dark); } /* |----------------------------------------------------------------------------------------- | | | Form - End | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Util - Start | | |----------------------------------------------------------------------------------------- */ ._mb-30 { margin-bottom: 30px !important; } ._mb-60 { margin-bottom: 30px !important; } /* |----------------------------------------------------------------------------------------- | | | Util - End | | |----------------------------------------------------------------------------------------- */ @media (max-width:991px) { .hideSectionMobile { display: none; } } /* |----------------------------------------------------------------------------------------- | | | Page Banner Whiskyfest Two - Start | | |----------------------------------------------------------------------------------------- */ .pageBannerWhiskyFestTwo { position: relative; overflow: hidden; min-height: 250px; display: flex; align-items: center; justify-content: center; padding: 0 15px; background-color: var(--color-blue); } @media screen and (min-width: 768px) { .pageBannerWhiskyFestTwo { min-height: 350px; } } @media screen and (min-width: 992px) { .pageBannerWhiskyFestTwo { min-height: 400px; } } .pageBannerWhiskyFestTwo .pageBannerImg { max-width: 300px; width: 100%; image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } @media screen and (min-width: 768px) { .pageBannerWhiskyFestTwo .pageBannerImg { max-width: 630px; } } /* |----------------------------------------------------------------------------------------- | | | Page Banner Whiskyfest Two - End | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Page Banner Splash Screen - Start | | |----------------------------------------------------------------------------------------- */ .splashScreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: white; z-index: 30000; } .splashScreen.active { transition: all 0.3s linear; } .splashScreen .splashScreenWrap { margin: 0 15px; } .splashScreen .splashScreenLogo { position: relative; top: 30px; opacity: 0; width: 230px; color: var(--color-blue); } @media screen and (min-width: 568px) { .splashScreen .splashScreenLogo { width: 280px; } } @media screen and (min-width: 768px) { .splashScreen .splashScreenLogo { width: 350px; } } @media screen and (min-width: 992px) { .splashScreen .splashScreenLogo { width: 400px; } } @media screen and (min-width: 1200px) { .splashScreen .splashScreenLogo { width: 450px; } } /* |----------------------------------------------------------------------------------------- | | | Page Banner Splash Screen - End | | |----------------------------------------------------------------------------------------- */ .topAdWrap { max-width: 970px; height: 250px; margin: auto; display: flex; align-items: center; } @media (max-width:970px) { .topAdWrap { max-width: 720px; height: 90px; } } @media (max-width:720px) { .topAdWrap { max-width: 320px; height: 50px; } } .ratingsSidebarWrap {height: 723px;background-size: cover !important;background-color: #D1C6AE !important;border-radius:10px} .ratingsSidebarWrap .ratingsSidebarText {height: auto;padding: 40px 30px;} .ratingsSidebarWrap .btn {position:absolute;bottom:0;padding:0 30px;width: 100%;} .ratingsSidebarWrap .btn a {width:100%;text-transform: uppercase;} .ratingsSidebarWrap .ratingsSidebarText h3 {font-size:48px; color:#fff; font-weight:500; margin-bottom:15px;} .ratingsSidebarWrap .ratingsSidebarText p {color:#fff; font-size:18px;max-width:90%;} @media (max-width:991px) { .ratingsSidebarWrap { height: 400px; background-size: cover !important } .ratingsSidebarWrap .ratingsSidebarText { /* background: rgba(0, 0, 0, 0.4); */ height: 400px; border-radius: 10px; } .ratingsSidebarWrap .ratingsSidebarText h3 { color: #fff } } /* |----------------------------------------------------------------------------------------- | | | Post Details Top Shelf - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsTopShelf .postDetailsTitle { padding-left: 0; } /* |----------------------------------------------------------------------------------------- | | | Post Details Top Shelf - End | | |----------------------------------------------------------------------------------------- */ .fa-twitter:before, .fa-Twitter:before { content: "\e61b" } /* New 90+ Banner */ .banner90New {padding: 60px 0;max-width: 94%;margin: 0 auto;} .banner90New h1 {text-align:center;font-size:55px; margin-bottom:30px} .banner90New .pageBannerImgWrap { height: 600px; } .banner90New .pageBannerImgWrap img {width:190px; height:190px;} .banner90New .pageBannerText { background: #fff; max-width: 90%; margin: 0 auto; padding: 30px 50px; border-top: 10px solid var(--color-primary); position: relative; top: -60px; margin-bottom: -60px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .banner90New .pageBannerText h2 { margin-bottom: 15px; font-size: 42px; } .banner90New .pageBannerText p { font-size: 18px; margin-bottom: 15px; } .banner90New .pageBannerText p a { cursor: pointer; text-align: center; display: inline-block; text-decoration: none; font-size: 16px; font-weight: 400; border-width: 1px; border-style: solid; border-radius: 0; text-transform: none; letter-spacing: 0; padding: 10px 55px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; font-family: ivypresto-display, serif; background: var(--color-primary); border-color: var(--color-primary); color: #fff; } .banner90New .pageBannerText p a:hover {background:var(--color-primary-dark); border-color:var(--color-primary-dark);} .postsList90New .postsItemImg, .postsList90New .postsItemPlaceholder {height:300px} .postsList90New .postsItemImg {border:1px solid #ddd;background-size: contain;} .postsList90New .postsItemStats {display:flex;justify-content:space-between;padding:10px 0} .postsList90New .postsItemStats p {font-size: 18px;margin-bottom: 0;} .postsList90New .postsItemRanking strong {color:var(--color-primary)} .postsList90New h6 {margin-bottom: 15px;min-height: 65px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 20px;font-weight: 600;} .postsList90New .postsItemLinks {display:flex; gap:15px} .postsList90New .postsItemLinks a {border:1px solid var(--color-primary);padding:10px 20px;font-size: 14px;text-transform:uppercase;font-weight:600;} .postsList90New .postsItemLinks a:hover {text-decoration:none; background:var(--color-primary); color:#fff} @media (max-width:991px) { .postsList90New h6 {min-height:unset; display: -webkit-box;unset: unset;-webkit-box-orient: unset;} .banner90New .pageBannerText {max-width:95%; padding:30px;} .banner90New .pageBannerText h2 { font-size: 30px; } } .slider90New .sliderItem .sliderContent {border:1px solid #ddd;} .carouselTop20-2024 {padding-bottom: 100px;} .carouselTop20-2024 .slick-list {max-width:1320px; margin:0 auto;} .carouselTop20-2024 .postsItemInner {border:1px solid #D8D8D8;margin:0 15px;height: 530px;border-radius:10px;padding: 30px;} .carouselTop20-2024 .carouselTop20Top {/* height:300px; */display: block;} .carouselTop20-2024 .carouselTop20Top .postsItemRanking { font-family: 'ivypresto-headline'; font-size: 52px; color: var(--color-primary); } .carouselTop20-2024 .carouselTop20Top .postsItemImgHolder {position:relative;text-align: center;display: flex;align-items: center;justify-content: center;bottom: 70px;margin-bottom: -40px;} .carouselTop20-2024 .carouselTop20Top .postsItemImgHolder img {height: 250px} .carouselTop20-2024 .carouselTop20Top h3 {font-size:22px;margin-bottom: 15px;border-bottom: 1px solid #d8d8d8;padding-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 75px;} .carouselTop20-2024 .carouselTop20Bottom p {color:#000;} .carouselTop20-2024 .carouselTop20Bottom .postsItemLinksWrap .postsItemLinks {display:flex;margin-top:15px} .carouselTop20-2024 .carouselTop20Bottom .postsItemLinksWrap .postsItemLinks a {flex:0 0 50%;background:#d8d8d8; padding:10px 0; text-align:center;text-transform:uppercase;border-radius:5px 0 0 5px;} .carouselTop20-2024 .carouselTop20Bottom .postsItemLinksWrap .postsItemLinks a:nth-child(2) {background:#000; color:#fff;border-radius:0 5px 5px 0} .carouselTop20-2024 .carouselTop20Bottom .postsItemLinksWrap .postsItemLinks a:hover {background:#696969; color:#fff} .carouselTop20-2024 .slick-next img {transition:0.3s ease;position:relative; left:0} .carouselTop20-2024 .slick-prev img {transition:0.3s ease;position:relative; right:0;} .carouselTop20-2024 .slick-prev {left:0; border-radius:0 5px 5px 0;} .carouselTop20-2024 .slick-prev:hover img {position:relative; right:5px} .carouselTop20-2024 .slick-next {right:0; border-radius:5px 0 0 5px;} .carouselTop20-2024 .slick-next:hover img {position:relative; left:5px} .carouselTop20-2024 .slick-prev, .carouselTop20-2024 .slick-next {background:#000;width:60px;height:60px;z-index: 8;} .carouselTop20-2024 .slick-prev:before, .carouselTop20-2024 .slick-next:before {display:none} .carouselTop20-2024 .slick-dots {bottom: -60px;} .carouselTop20-2024 .slick-dots li{margin:0; } @media (max-width:991px) { .carouselTop20-2024 .postsItemInner {height: auto;} .carouselTop20-2024 .slick-prev, .carouselTop20-2024 .slick-next {background:#000;width:30px;height:30px;z-index: 8;} .carouselTop20-2024 .slick-dots {bottom: -30px;} .carouselTop20-2024 {padding-bottom: 60px;} } .carouselWhiskyfestHome .carouselImg {height:750px;background-size: cover;background-position: center;background-repeat: no-repeat;} .carouselWhiskyfestHome .carouselWhiskyfestText {background: rgba(23, 42, 92, 0.9); max-width:1320px; margin:0 auto;color:#fff;position:absolute; bottom:0; left:0; right:0; padding:60px} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestTop {display:flex; gap:30px;align-items:center;border-bottom:1px solid #fff;padding-bottom:30px; margin-bottom:50px} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestTop img {border-right:1px solid #fff;padding-right:30px} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestTop h2 {color:#fff; font-size:24px;margin-bottom:0; font-weight:500} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestBottom p {color:#fff; font-size:18px;margin-bottom:0} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestBottom .btn a {text-align:right} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestBottom .btn {margin-bottom:0;text-align: right;} .carouselWhiskyfestHome .slick-next img {transition:0.3s ease;position:relative; left:0} .carouselWhiskyfestHome .slick-prev img {transition:0.3s ease;position:relative; right:0;} .carouselWhiskyfestHome .slick-prev {left:0; border-radius:0 5px 5px 0;} .carouselWhiskyfestHome .slick-prev:hover img {position:relative; right:5px} .carouselWhiskyfestHome .slick-next {right:0; border-radius:5px 0 0 5px;} .carouselWhiskyfestHome .slick-next:hover img {position:relative; left:5px} .carouselWhiskyfestHome .slick-prev, .carouselWhiskyfestHome .slick-next {background:#fff;width:60px;height:60px;z-index: 8;} .carouselWhiskyfestHome .slick-prev:before, .carouselWhiskyfestHome .slick-next:before {display:none} @media (max-width:991px) { .carouselWhiskyfestHome .carouselImg {height:300px;} .carouselWhiskyfestHome .carouselWhiskyfestText {background: rgba(23, 42, 92, 1);position:relative;padding:30px} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestTop {flex-wrap:wrap;text-align:center;justify-content: center;margin-bottom: 30px;} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestTop img {border-right:none;padding-right: 0;} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestBottom {text-align:center;} .carouselWhiskyfestHome .carouselWhiskyfestText .carouselWhiskyfestBottom .btn {text-align:center;margin-top:15px} } .discover2024 {min-height:500px;display:flex; width:100%; align-items:center; justify-content:center;} .discover2024 .discover2024Inner {display:flex; gap:30px;} .discover2024 .discover2024Inner .imageOne {min-width:270px;} .discover2024 .discover2024Inner .discover2024Text h1, .discover2024 .discover2024Inner .discover2024Text h2, .discover2024 .discover2024Inner .discover2024Text h3, .discover2024 .discover2024Inner .discover2024Text h4, .discover2024 .discover2024Inner .discover2024Text h5, .discover2024 .discover2024Inner .discover2024Text h6, .discover2024 .discover2024Inner .discover2024Text p {color:#fff; max-width:65%} .discover2024 .discover2024Inner .discover2024Text h2 {font-size:58px; } .discover2024 .discover2024Inner .ctaDiscoverBtns {display:flex; gap:15px} @media (max-width:1199px) { .discover2024 .discover2024Inner {flex-wrap:wrap;} .discover2024 .discover2024Inner .discover2024Text h1, .discover2024 .discover2024Inner .discover2024Text h2, .discover2024 .discover2024Inner .discover2024Text h3, .discover2024 .discover2024Inner .discover2024Text h4, .discover2024 .discover2024Inner .discover2024Text h5, .discover2024 .discover2024Inner .discover2024Text h6, .discover2024 .discover2024Inner .discover2024Text p {color:#fff; max-width:100%} .discover2024 .discover2024Inner .ctaDiscoverBtns {flex-wrap:wrap;margin-bottom:15px} .discover2024 .discover2024Inner .ctaDiscoverBtns .btn {margin-bottom:5px} .discover2024 .discover2024Inner .discover2024Text h2 {font-size:48px; } } .pageBanner2024 .pageBannerImg {height:500px;max-width:100%;width:100%; object-fit:cover;border-radius:10px 0 0 10px;} .pageBanner2024 .pageBannerText {background:#000;height:500px;border-radius:0 10px 10px 0;padding: 30px 85px;display: flex;flex-direction: column;justify-content: center;} .pageBanner2024 .pageBannerText h1, .pageBanner2024 .pageBannerText h2, .pageBanner2024 .pageBannerText h3, .pageBanner2024 .pageBannerText h4, .pageBanner2024 .pageBannerText h5, .pageBanner2024 .pageBannerText h6, .pageBanner2024 .pageBannerText p {color:#fff} .pageBanner2024 .pageBannerText p {font-size:18px;line-height:1.7} .pageBanner2024 .pageBannerText .pageBannerTitle {font-size:54px} @media (max-width:991px) { .pageBanner2024 .pageBannerImg {height:300px; border-radius:10px 10px 0 0} .pageBanner2024 .pageBannerText {height:auto; border-radius: 0 0 10px 10px; padding:30px} .pageBanner2024 .pageBannerText .pageBannerTitle {font-size:44px} } .ratings-directory-2024 .postListFilterWrap .filterTop {background:#f0f0f0;border-radius:10px;padding: 25px 25px 10px;} .ratings-directory-2024 .postListFilterWrap .filterTop .keywordSearch .mwInput, .ratings-directory-2024 .postListFilterWrap .filterTop .keywordSearch .mwInput input {border:none;background:#fff;font-size:16px;font-family:'calibri', sans-serif; sans-serif;border-radius:4px} .ratings-directory-2024 .postListFilterWrap .filterTop .keywordSearch .mwInput ::placeholder {font-style:italic;} .ratings-directory-2024 .postListFilterWrap .filterTop .keywordSearch .mwInput input {text-indent:10px} .ratings-directory-2024 .postListFilterWrap .filterTop .scoreSearch p, .ratings-directory-2024 .postListFilterWrap .filterTop .priceSearch p {font-size:20px;margin-bottom:5px;font-family: 'ivypresto-headline', sans-serif;} .ratings-directory-2024 .postListFilterWrap .filterTop .scoreSearch .mwInput, .ratings-directory-2024 .postListFilterWrap .filterTop .scoreSearch .mwInput input, .ratings-directory-2024 .postListFilterWrap .filterTop .priceSearch .mwInput, .ratings-directory-2024 .postListFilterWrap .filterTop .priceSearch .mwInput input {border-radius:4px;background:#fff;font-family:'calibri', sans-serif;} .ratings-directory-2024 .postListFilterWrap .filterTop .scoreSearch .mwInput input {text-indent:10px} .ratings-directory-2024 .postListFilterWrap .filterTop .priceSearch .mwInput, .ratings-directory-2024 .postListFilterWrap .filterTop .scoreSearch .mwInput {height:50px; border:1px solid #000} .ratings-directory-2024 .postListFilterWrap .filterTop .priceSearch .col-lg-6:first-child .mwInput:before, .ratings-directory-2024 .postListFilterWrap .filterTop .scoreSearch .col-lg-6:first-child .mwInput:before {content:"Min."; font-size:10px;position:absolute; left:10px; top:3px} .ratings-directory-2024 .postListFilterWrap .filterTop .priceSearch .col-lg-6:last-child .mwInput:before, .ratings-directory-2024 .postListFilterWrap .filterTop .scoreSearch .col-lg-6:last-child .mwInput:before {content:"Max."; font-size:10px;position:absolute; left:10px; top:3px} .ratings-directory-2024 .postListFilterWrap .filterTop .priceSearch .mwInput input, .ratings-directory-2024 .postListFilterWrap .filterTop .scoreSearch .mwInput input {/* line-height:50px; */border:none;position: relative;top: 7px;background: none;text-indent: 10px;} .ratings-directory-2024 .accordionTwo .accordionBtn { padding: 15px; border-top: none; border-bottom:1px solid #000 } .ratings-directory-2024 .accordionTwo .accordionBtn:before {display:none;} .ratings-directory-2024 .accordionTwo .accordionIcon i{color:#000} .ratings-directory-2024 .accordionTwo .accordionIcon {right:15px} .ratings-directory-2024 .accordionTwo .accordionContent {padding:15px} .ratings-directory-2024 .mwInput .subcontrol:has(+.subcontrol+.subcontrol) {right:0} .ratings-directory-2024 .mwInput.list .item.icon.selected.hi:before {color: var(--color-primary);display:block; content:url(/images/orange-check.png); background:none;left:5px} .ratings-directory-2024 .postListFilter .filterBottom {justify-content:center;} .ratings-directory-2024 .postListFilter .mwFilter-Hints.my-filterHints {padding-bottom:30px} .ratings-directory-2024 .postListFilter .submit {background:#000;color:#fff; border-radius:5px; text-transform:uppercase;font-family:'calibri', sans-serif;padding:12px 20px; border:1px solid #000} .ratings-directory-2024 .postListFilter .submit:hover {background:#fff;color:#000} .ratings-directory-2024 .postListFilter .filterBtnsx button {font-family:'calibri', sans-serif;letter-spacing:0} .ratings-directory-2024 h2 {font-size:32px;margin-bottom: 15px;} .ratings-directory-2024 .searchOptions {display:flex; justify-content:space-between; align-items:center} .ratings-directory-2024 .ratingsSort {display:flex;justify-content:right;align-items:center;gap:5px;margin-bottom: 50px;} .ratings-directory-2024 .ratingsSort .grid-view, .ratings-directory-2024 .ratingsSort .list-view {transition:0.3s ease;background: #F0F0F0;border-radius:3px;width:34px;height:34px;display:flex;justify-content:center;align-items:center;color:#000;cursor: pointer;} .ratings-directory-2024 .ratingsSort .grid-view svg path {fill:#000;transition:0.3s ease;} .ratings-directory-2024 .ratingsSort .grid-view.active, .ratings-directory-2024 .ratingsSort .list-view.active, .ratings-directory-2024 .ratingsSort .grid-view:hover, .ratings-directory-2024 .ratingsSort .list-view:hover {color:#fff; background:#8B8B8B} .ratings-directory-2024 .ratingsSort .grid-view.active svg path, .ratings-directory-2024 .ratingsSort .grid-view:hover svg path {fill:#fff;} .ratings-directory-2024 .gridView, .ratings-directory-2024 .listView {display:none;} .ratings-directory-2024 .gridView.active, .ratings-directory-2024 .listView.active {display:block;} .ratings-directory-2024 .ratingsSort .sortDropdown {min-width: 100%;display:flex;background:#f0f0f0;height: 40px;border-radius:3px;gap: 5px;padding: 0 0 0 15px;margin-top: 15px;border-radius: 5px;align-items: center;} .ratings-directory-2024 .ratingsSort .sortDropdown p {margin-bottom:0;font-size: 16px;line-height: 33px;} .ratings-directory-2024 .ratingsSort .sortDropdown .mwInput {min-width: 80%;margin-bottom: 0;border-bottom: 0;height:34px;font-family:'calibri', sans-serif;top: 0;} .ratings-directory-2024 .ratingsSort .sortDropdown .mwInput .subcontrol {background:none;color:#000;height: 34px;line-height: 34px;} .ratings-directory-2024 .ratingsSort .sortDropdown .mwInput .value {font-family:'calibri', sans-serif;height:34px;line-height: 34px;} .ratings-directory-2024 .ratingsSort .sortDropdown .mwInput select {height:34px;top: 0;} .ratings-directory-2024 .postsItemInner {border:1px solid #D8D8D8;/* margin:0 15px; */height: 536px;border-radius:10px;padding: 30px 15px;transition:0.3s ease;} .ratings-directory-2024 .postsItemInner:hover {background:#efefef} .ratings-directory-2024 .ratingsTop {/* height:300px; */display: block;} .ratings-directory-2024 .ratingsTop .postsItemRanking { font-family: 'ivypresto-headline'; font-size: 32px; color: var(--color-primary); } .ratings-directory-2024 .ratingsTop .postsItemImgHolder {position:relative;text-align: center;display: flex;align-items: center;justify-content: center;bottom: 70px;margin-bottom: -40px;background: none;} .ratings-directory-2024 .ratingsTop .postsItemImgHolder img {height: 236px;} .ratings-directory-2024 .ratingsTop h3 {font-size: 20px;margin-bottom: 15px;border-bottom: 1px solid #d8d8d8;padding-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 78px;transition:0.3s ease;} .ratings-directory-2024 .ratingsBottom p {color:#000;font-size: 15px;margin-bottom: 0;} .ratings-directory-2024 .ratingsBottom .postsItemLinksWrap .postsItemLinks {display:flex;margin-top:15px} .ratings-directory-2024 .ratingsBottom .postsItemLinksWrap .postsItemLinks a {flex: 0 0 100%;background:#d8d8d8;padding:10px 0;text-align:center;text-transform:uppercase;border-radius: 5px;text-decoration: none;margin-bottom: 15px;} .ratings-directory-2024 .ratingsBottom .postsItemLinksWrap .postsItemLinks a:nth-child(2) {background:#000; color:#fff;border-radius:0 5px 5px 0} .ratings-directory-2024 .ratingsBottom .postsItemLinksWrap .postsItemLinks a:hover {background:#696969; color:#fff} @media (max-width:991px) { .ratings-directory-2024 .postsItemInner {height: auto;} .ratings-directory-2024 .ratingsSort {justify-content:left;margin-bottom: 30px;} } .ratings-directory-2024 .listView .listItemWrap {display:flex;gap: 30px;border-bottom:1px solid #000;margin-bottom:30px;width: 100%;min-width: 100%;/* padding-bottom:30px; */} .ratings-directory-2024 .listView .listItemWrap .listItemLeft {display:flex;gap: 30px;} .ratings-directory-2024 .listView .listItemWrap .listItemLeft .postsItemImgHolder {background:none;height:154px; width:144px; object-fit:contain;} .ratings-directory-2024 .listView .listItemWrap .listItemLeft .postsItemImgHolder img {height:154px; width:144px; object-fit:contain;} .ratings-directory-2024 .listView .listItemWrap .listItemLeft .postsItemRanking {font-size:32px;font-family: 'ivypresto-headline', sans-serif;color: #000;margin-bottom:0} .ratings-directory-2024 .listView .listItemWrap h3 {font-size:20px;padding-top:10px;margin-bottom:15px;padding-right: 15px;} .ratings-directory-2024 .listView .listItemWrap h3 a:hover {color:var(--color-primary)} .ratings-directory-2024 .listView .listItemWrap .postsItemDetails {display:flex;gap:30px} .ratings-directory-2024 .listView .listItemWrap .postsItemDetails p {margin-bottom:5px;} .ratings-directory-2024 .listView .listItemWrap .listItemRight {display:flex;justify-content: space-between;/* margin-top:25px; */width: 100%;/* align-items: flex-end; */} .ratings-directory-2024 .listView .listItemWrap .listItemBtn a {background:#000;color:#fff;text-decoration:none;text-transform:uppercase;padding:12px 20px;width: 140px;display: inline-block;margin-top: 60px;border-radius: 5px;border:1px solid #000} .ratings-directory-2024 .listView .listItemWrap .listItemBtn a:hover {background:#fff;color:#000;} .ratings-directory-2024 .listView .listItemWrap .listItemBtn p {margin-bottom:0;} @media (max-width:1199px) { .ratings-directory-2024 .listView .listItemWrap {display:block;} .ratings-directory-2024 .listView .listItemWrap .listItemLeft {display: flex;gap: 0;text-align:center;margin: 0 auto;align-items: center;flex-direction: column;} .ratings-directory-2024 .listView .listItemWrap .postsItemDetails {display:flex;gap:0; flex-direction:column;} .ratings-directory-2024 .listView .listItemWrap .listItemRight {display:flex;justify-content: unset;flex-direction:column;align-items:center;text-align:center} .ratings-directory-2024 .listView .listItemWrap .listItemBtn a {padding:12px 20px;width: unset;display: inline-block;margin-top: 10px;margin-bottom:15px} } .postListTop20-2024 .postsItem {margin-bottom:30px} .postListTop20-2024 .postsItemInner {border:1px solid #D8D8D8;/* margin:0 15px; */height: 530px;border-radius:10px;padding: 30px;} .postListTop20-2024 .carouselTop20Top {/* height:300px; */display: block;} .postListTop20-2024 .carouselTop20Top .postsItemRanking { font-family: 'ivypresto-headline'; font-size: 52px; color: var(--color-primary); } .postListTop20-2024 .carouselTop20Top .postsItemImgHolder {position:relative;text-align: center;display: flex;align-items: center;justify-content: center;bottom: 70px;margin-bottom: -40px;} .postListTop20-2024 .carouselTop20Top .postsItemImgHolder img {height: 250px} .postListTop20-2024 .carouselTop20Top h3 {font-size:22px;margin-bottom: 15px;border-bottom: 1px solid #d8d8d8;padding-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 75px;} .postListTop20-2024 .carouselTop20Bottom p {color:#000;margin-bottom: 0;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} .postListTop20-2024 .carouselTop20Bottom .postsItemLinksWrap .postsItemLinks {display:flex;margin-top:15px} .postListTop20-2024 .carouselTop20Bottom .postsItemLinksWrap .postsItemLinks a {flex:0 0 50%;background:#d8d8d8;padding:10px 0;text-align:center;text-transform:uppercase;border-radius:5px 0 0 5px;text-decoration: none;} .postListTop20-2024 .carouselTop20Bottom .postsItemLinksWrap .postsItemLinks a:nth-child(2) {background:#000;color:#fff;border-radius:0 5px 5px 0;text-decoration: none;} .postListTop20-2024 .carouselTop20Bottom .postsItemLinksWrap .postsItemLinks a:hover {background:#696969; color:#fff} @media (max-width:991px) { .postListTop20-2024 .postsItemInner {height: auto;} } .slider90New .sliderItem .sliderContent {border:1px solid #ddd;} .carouselSimple .carouselItem {text-align:center;display: flex;align-items: center;justify-content: center;object-fit: contain;height: auto;} .carouselSimple .carouselItem img { object-fit: contain; height: auto; width: 80%; } @media (max-width:767px) { .carouselSimple img {max-width:80%} .carouselSimple .slick-prev {left:5px; width:10px} .carouselSimple .slick-next {right:5px; width:10px} } .video-gallery-container { max-width: 800px; margin: 0 auto; } .video-gallery-container .featured-video { width: 100%; /* Adjust aspect ratio to make it taller */ aspect-ratio: 16/10; /* Using 16:10 instead of 16:9 for a taller appearance */ margin-bottom: 20px; } /* For even taller appearance on larger screens */ @media (min-width: 768px) { .video-gallery-container .featured-video { height: 450px; /* Fixed height for larger screens */ } } .video-gallery-container .thumbnail-container { display: flex; gap: 20px; } .video-gallery-container .thumbnail-wrapper { flex: 1; position: relative; cursor: pointer; transition: transform 0.2s; } .video-gallery-container .thumbnail-wrapper:hover { transform: scale(1.03); } .video-gallery-container .thumbnail { width: 100%; aspect-ratio: 16/9; border: 1px solid rgba(0,0,0,0.1); } .video-gallery-container .play-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.2); transition: background-color 0.3s; } .video-gallery-container .thumbnail-wrapper:hover .play-overlay { background-color: rgba(0,0,0,0.1); } .video-gallery-container .play-button { width: 50px; height: 50px; background-color: rgba(255,255,255,0.9); border-radius: 50%; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .video-gallery-container .play-button:after { content: ''; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 18px solid #000; } /* |----------------------------------------------------------------------------------------- | | | Post Details Top Shelf - End | | |----------------------------------------------------------------------------------------- */ .headerOne .headerMenu>.Menu>.blockContents>ul>li:last-child a {/* color: vaR(--color-primary); */} .headerOne .headerMenu>.Menu>.blockContents>ul>li:last-child a:hover { color: vaR(--color-black) } .fa-twitter:before, .fa-Twitter:before { content: "\e61b" } /* New 90+ Banner */ .banner90New {padding: 60px 0;max-width: 94%;margin: 0 auto;} .banner90New h1 {text-align:center;font-size:55px; margin-bottom:30px} .banner90New .pageBannerImgWrap { height: 600px; } .banner90New .pageBannerImgWrap img {width:190px; height:190px;} .banner90New .pageBannerText { background: #fff; max-width: 90%; margin: 0 auto; padding: 30px 50px; border-top: 10px solid var(--color-primary); position: relative; top: -60px; margin-bottom: -60px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .banner90New .pageBannerText h2 { margin-bottom: 15px; font-size: 42px; } .banner90New .pageBannerText p { font-size: 18px; margin-bottom: 15px; } .banner90New .pageBannerText p a { cursor: pointer; text-align: center; display: inline-block; text-decoration: none; font-size: 16px; font-weight: 400; border-width: 1px; border-style: solid; border-radius: 0; text-transform: none; letter-spacing: 0; padding: 10px 55px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; font-family: ivypresto-display, serif; background: var(--color-primary); border-color: var(--color-primary); color: #fff; } .banner90New .pageBannerText p a:hover {background:var(--color-primary-dark); border-color:var(--color-primary-dark);} .postsList90New .postsItemImg, .postsList90New .postsItemPlaceholder {height:300px} .postsList90New .postsItemImg {border:1px solid #ddd;background-size: contain;} .postsList90New .postsItemStats {display:flex;justify-content:space-between;padding:10px 0} .postsList90New .postsItemStats p {font-size: 18px;margin-bottom: 0;} .postsList90New .postsItemRanking strong {color:var(--color-primary)} .postsList90New h6 {margin-bottom: 15px;min-height: 65px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 20px;font-weight: 600;} .postsList90New .postsItemLinks {display:flex; gap:15px} .postsList90New .postsItemLinks a {border:1px solid var(--color-primary);padding:10px 20px;font-size: 14px;text-transform:uppercase;font-weight:600;} .postsList90New .postsItemLinks a:hover {text-decoration:none; background:var(--color-primary); color:#fff} @media (max-width:991px) { .postsList90New h6 {min-height:unset; display: -webkit-box;unset: unset;-webkit-box-orient: unset;} .banner90New .pageBannerText {max-width:95%; padding:30px;} .banner90New .pageBannerText h2 { font-size: 30px; } .banner90New .pageBannerImgWrap { background:url(/images/Pernod-June-Mobile.jpg) center top no-repeat!important; background-size:cover!important; } .banner90New .pageBannerImgWrap img {display:none;} } .slider90New .sliderItem .sliderContent {border:1px solid #ddd;} .carouselSimple .carouselItem {text-align:center;display: flex;align-items: center;justify-content: center;object-fit: contain;height: auto;} .carouselSimple .carouselItem img { object-fit: contain; height: auto; width: 80%; } @media (max-width:767px) { .carouselSimple img {max-width:80%} .carouselSimple .slick-prev {left:5px; width:10px} .carouselSimple .slick-next {right:5px; width:10px} } .exhibitionInfo {font-family:calibri, sans-serif!important; margin-top:15px !important;} .alertBarTop {position:fixed;width:100%;background: var(--color-primary);z-index: 999;text-align: center;font-size: 18px;padding: 10px 0;} .alertBarTop p a {text-decoration:underline!important;font-weight:600;color: #fff;} .alertBarTop p {color: #fff;} @media (max-width:767px) { .alertBarTop {font-size:14px;/* min-height:45px; */} }