/* Font Declarations */ @font-face { font-family: "Swift W01 Light"; src: url("Fonts/693230/Swift-Light.eot?#iefix"); src: url("Fonts/693230/Swift-Light.eot?#iefix") format("eot"), url("Fonts/693230/Swift-Light.woff") format("woff"), url("Fonts/693230/Swift-Light.ttf") format("truetype"), url("Fonts/693230/Swift-Light.svg") format("svg"); } @font-face { font-family: "Swift W01 Italic"; font-weight: 100; src: url("Fonts/693202/4274b12e-9dd8-4a1d-87f7-c230ae0394a4.eot?#iefix"); src: url("Fonts/693202/4274b12e-9dd8-4a1d-87f7-c230ae0394a4.eot?#iefix") format("eot"), url("Fonts/693202/0ce45e8f-5495-4766-a8dc-fe92bc56687d.woff") format("woff"), url("Fonts/693202/ccaf9cc2-04d5-4bca-8505-8cdba949a986.ttf") format("truetype"), url("Fonts/693202/31bdc803-d5ef-436c-875a-523d315d76dc.svg#31bdc803-d5ef-436c-875a-523d315d76dc") format("svg"); } @font-face { font-family: "Swift W01 Medium"; src: url("Fonts/693211/e00a2987-6e00-4f4e-a529-c1ded7a925fd.eot?#iefix"); src: url("Fonts/693211/e00a2987-6e00-4f4e-a529-c1ded7a925fd.eot?#iefix") format("eot"), url("Fonts/693211/4e7aba23-a918-49f2-ae0f-7a56a4c7a387.woff") format("woff"), url("Fonts/693211/ea4b90ce-e939-4b39-8dfb-74f896a9f3a9.ttf") format("truetype"), url("Fonts/693211/8e2877cb-e8a1-4a6f-961c-73d4bb6c4718.svg#8e2877cb-e8a1-4a6f-961c-73d4bb6c4718") format("svg"); } @font-face { font-family: "Swift W01 Bold"; font-weight: 500; src: url("Fonts/693190/32715bef-02fa-4730-a4f9-734912638b21.eot?#iefix"); src: url("Fonts/693190/32715bef-02fa-4730-a4f9-734912638b21.eot?#iefix") format("eot"), url("Fonts/693190/e69b17ae-21d7-48c1-9fa7-d9a369f396c7.woff") format("woff"), url("Fonts/693190/887717c3-8b32-4d2e-a054-5adca6e7acad.ttf") format("truetype"), url("Fonts/693190/50b8d712-4e7f-4203-91ae-dad68a7cb514.svg#50b8d712-4e7f-4203-91ae-dad68a7cb514") format("svg"); } @font-face { font-family: "avbasics"; src: url("Fonts/693233/avbasics.eot?7m7fyp"); src: url("Fonts/693233/avbasics.eot?7m7fyp#iefix") format("embedded-opentype"), url("Fonts/693233/avbasics.ttf?7m7fyp") format("truetype"), url("Fonts/693233/avbasics.woff?7m7fyp") format("woff"), url("Fonts/693233/avbasics.svg?7m7fyp#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: "products"; src: url("Fonts/693233/products.eot?wfnfrz"); src: url("Fonts/693233/products.eot?wfnfrz#iefix") format("embedded-opentype"), url("Fonts/693233/products.ttf?wfnfrz") format("truetype"), url("Fonts/693233/products.woff?wfnfrz") format("woff"), url("Fonts/693233/products.svg?wfnfrz#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: "Attributes"; src: url("Fonts/693233/attributes.eot?98408671"); src: url("Fonts/693233/attributes.eot?98408671#iefix") format("embedded-opentype"), url("Fonts/693233/attributes.woff2?98408671") format("woff2"), url("Fonts/693233/attributes.woff?98408671") format("woff"), url("Fonts/693233/attributes.ttf?98408671") format("truetype"), url("Fonts/693233/attributes.svg?98408671#fontello") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: "avbasics" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="products-"], [class*=" products-"] { font-family: "products" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="attributes-"]:before, [class*=" attributes-"]:before { font-family: "Attributes"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-down-arrow:before { content: "\e902"; } .icon-up-arrow:before { content: "\e903"; } .icon-left-arrow-small:before { content: "\e900"; } .icon-right-arrow-small:before { content: "\e901"; } .icon-cod:before { content: "\e904"; } .icon-truck:before { content: "\e905"; } .icon-globe:before { content: "\e906"; } .icon-left-arrow:before { content: "\e907"; } .icon-right-arrow:before { content: "\e908"; color: #808284; } .icon-search:before { content: "\e909"; } .icon-user:before { content: "\e90a"; } .icon-bag:before { content: "\e90b"; } .icon-facebook:before { content: "\ea90"; } .icon-instagram:before { content: "\ea92"; } .icon-twitter:before { content: "\ea96"; } .products-clock:before { content: "\ea97"; } .products-tea-cup:before { content: "\ea98"; } .products-temperature:before { content: "\ea99"; } .products-tea-pot:before { content: "\eb90"; } .products-tea-bag:before { content: "\eb91"; } .products-loose-leaf:before { content: "\eb92"; } .products-tin:before { content: "\eb93"; } .attributes-teacup:before { content: "\e80c"; } .attributes-thermometer:before { content: "\e80d"; } .attributes-steepingtime:before { content: "\e80e"; } .mobilemenu .icon-user:before { color: #fff; } .loginicon { font-size: 2em; } /* reset styles*/ * { box-sizing: border-box; } @keyframes marquee { 0% { left: 0; } 100% { left: -100%; } } /*Functional Variables*/ .transition100 { transition: all ease-out 200ms; -webkit-transition: all ease-out 200ms; -moz-transition: all ease-out 200ms; -o-transition: all ease-out 200ms; -ms-transition: all ease-out 200ms; } .transition300 { transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -ms-transition: all ease-out 300ms; } .transition500 { transition: all ease-out 500ms; -webkit-transition: all ease-out 500ms; -moz-transition: all ease-out 500ms; -o-transition: all ease-out 500ms; -ms-transition: all ease-out 500ms; } .roundsmall { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .roundright img { -webkit-border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; } .roundleft img { -webkit-border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px; } .roundmedium { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .roundlarge { -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .shadowsmall { box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09); } .shadowhover { box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); } .shadowmedium { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13); } .shadowlarge { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13); } .shadowinset { box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.04); -moz-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.04); -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.04); } .swiftmedium { font-family: "Swift W01 Light" !important; font-weight: normal; } .swiftmedium { font-family: "Swift W01 Medium" !important; font-weight: normal; } .swiftitalic { font-family: "Swift W01 Italic" !important; } .swiftbold { font-family: "Swift W01 Bold" !important; } .gothamlight { font-family: "Gotham SSm A", "Gotham SSm B" !important; font-weight: 300 !important; font-style: normal; } .gothammedium { font-family: "Gotham SSm A", "Gotham SSm B" !important; font-weight: 500 !important; font-style: normal; } .gothambold { font-family: "Gotham SSm A", "Gotham SSm B" !important; font-weight: 700 !important; font-style: normal; } .theButton { .transition100; background-color: transparent; border: 2px solid #323338; color: #323338; display: inline-block; font-size: 0.8em; padding: 10px 18px; text-decoration: none; text-transform: uppercase; .gothamlight; cursor: pointer; border-radius: 0; } .theButton:hover { background-color: #323338; color: #fff; } /*Custom animations*/ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes slideout { from { transform: translateY(0px); opacity: 1; } to { transform: translateY(10); opacity: 0; } } @-moz-keyframes slideout { from { transform: translateY(0px); opacity: 1; } to { transform: translateY(10); opacity: 0; } } @-webkit-keyframes slideout { from { transform: translateY(0px); opacity: 1; } to { transform: translateY(10); opacity: 0; } } @-ms-keyframes slideout { from { transform: translateY(0px); opacity: 1; } to { transform: translateY(10); opacity: 0; } } @-o-keyframes slideout { from { transform: translateY(0px); opacity: 1; } to { transform: translateY(10); opacity: 0; } } @keyframes slideup { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @-moz-keyframes slideup { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slideup { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @-ms-keyframes slideup { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @-o-keyframes slideup { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slidein { from { transform: translateX(10px); } to { transform: translateX(0); } } @-moz-keyframes slidein { from { transform: translateX(10px); } to { transform: translateX(0); } } @-webkit-keyframes slidein { from { transform: translateX(10px); } to { transform: translateX(0); } } @-ms-keyframes slidein { from { transform: translateX(10px); } to { transform: translateX(0); } } @-o-keyframes slidein { from { transform: translateX(10px); } to { transform: translateX(0); } } @keyframes slidedown { from { transform: translateY(10px); } to { transform: translateX(0); } } @keyframes scroll { 0% { -moz-transform: translateX(40%); /* Firefox bug fix */ -webkit-transform: translateX(40%); /* Firefox bug fix */ transform: translateX(40%); } 100% { -moz-transform: translateX(-106%); /* Firefox bug fix */ -webkit-transform: translateX(-106%); /* Firefox bug fix */ transform: translateX(-106%); } } .hidden-animated { visibility: hidden; } .animated.delay-100ms { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .animated.delay-200ms { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .animated.delay-500ms { -webkit-animation-delay: 500ms; animation-delay: 500ms; } /*General*/ html, body { width: 100%; font-size: 17px; .gothamlight; color: #151516; margin: 0px; line-height: 1.6em; position: relative; } .wrapper { width: 96%; margin: 0 auto; } .fullwidth { width: 100%; margin: auto; overflow: hidden; } .largewidth { width: 90%; margin: auto !important; } .mediumwidth { width: 80%; margin: auto !important; } .smallwidth { width: 76%; margin: auto !important; } .miniwidth { width: 40%; margin: auto !important; } .flex { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: nowrap; } img { max-width: 100%; height: auto; display: block; } /*.alignleft {margin-right:10px;margin-bottom:10px;} .alignright {margin-left:10px;margin-bottom:10px;}*/ .clear { clear: both; } .dis5 { height: 5px; } .dis10 { height: 10px; } .dis20 { height: 20px; } .dis30 { height: 30px; } .dis40 { height: 40px; } .dis50 { height: 50px; } .dis60 { height: 60px; } .dis70 { height: 70px; } .dis80 { height: 80px; } .dis100 { height: 100px; } figure { display: block; margin-left: 0px; margin-right: 0px; .roundsmall; } .tablet, .mobile, .mobile-inline { display: none !important; } .desktop { display: block !important; } .hidden { display: none; } .overlay { display: none !important; background-color: rgba(50, 51, 56, 0.8); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 99999; } .loginboxpopup, .registerpopup, .resetpopup, .paypal-note-popup, .morecountriespopup { display: none !important; padding: 30px; background-color: #fff; .roundsmall; .shadowmedium; position: fixed; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-font-smoothing: antialiased; width: 60%; max-width: 800px; max-height: 90%; z-index: 199999; margin: auto; overflow: auto; } .paypal-note-popup { text-align: center; .gothammedium; } .paypal-note-popup img { margin: auto; width: 150px; } .loginicon { display: inline-block; vertical-align: middle; margin: 0px 10px; margin-left: 0px; } .userboxtitle h4 { .gothammedium; margin-bottom: 0px; display: inline-block; vertical-align: middle; } .userboxtitle { padding: 10px; text-align: left; border-bottom: 1px solid #c6c6c6; margin-bottom: 20px; } .closepopup { position: absolute; right: 4px; top: 4px; font-size: 15px; .gothammedium; background-color: #e7e6e6; cursor: pointer; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 3px; .transition100; } .closepopup:hover { background-color: #ccc; color: #323338; } table { font-size: 1em; line-height: 1.4em; } .infolink, .closeduties { background-color: #838383; color: #fff; width: 15px; height: 15px; display: inline-block; text-align: center; line-height: 15px; border-radius: 63px; cursor: pointer; .transition100; } .infolink:hover, .closeduties:hover { background-color: #323338; } .closeduties { position: absolute; right: 10px; top: 10px; } .duties { position: absolute; background-color: #fff; border: 1px solid #323338; padding: 20px 20px 10px 20px; z-index: 999; margin-top: 10px; box-shadow: -6px 6px 0px 0px rgba(0, 0, 0, 0.1); display: none; } .top-button { background-color: #fff; box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2); width: 50px; height: 50px; display: none; line-height: 50px; text-align: center; border-radius: 50px; position: fixed; bottom: 12px; right: 12px; } /*Gallery styling*/ .columns-4 figure { margin-bottom: 0px; } .columns-4 .blocks-gallery-grid { margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center; flex-wrap: wrap; } .columns-4 .blocks-gallery-item { flex-basis: 25%; padding: 6px 12px; } .galleryfigure { margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 0 !important; } .galleryfigure .wp-block-image { flex-basis: 25%; padding: 6px 12px; } /*Region Popup*/ .regionbox { display: none !important; padding: 30px; background-color: #fff; .roundsmall; .shadowmedium; position: fixed; top: 0; bottom: 0; left: 0; right: 0; -webkit-font-smoothing: antialiased; width: 40%; max-width: 800px; max-height: 80%; z-index: 199999; margin: auto; overflow: auto; } .regionselector { display: inline-block; padding-left: 10px; cursor: pointer; white-space: nowrap; } .regionselector .icon:before { font-size: 0.9em; } .regionbox ul { list-style: none; padding: 0px; } .regionbox ul li { padding: 8px 0px; border-bottom: 1px dotted #ccc; } .regionbox .icon:before { font-size: 0.6em; } /*Typography and Fonts*/ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; } strong { font-weight: 700; } h1, h2 { .swiftbold; color: #323338; } h3 { .swiftbold; color: #323338; } h4, h5, h6 { .gothammedium; } h1 { font-size: 2.4em; line-height: 1.3em; margin-bottom: 20px; } h1.pagetitles { font-size: 3.5em; margin-bottom: 10px; } .categorydesc h1 { margin-bottom: 0px; } .categorydesc .termdescription { margin-top: 20px; } h2 { font-size: 30px; line-height: 1.3em; margin-bottom: 20px; } h2.large, h1.large { .gothamlight; font-size: 2.5em; } h2.special { line-height: 1.6em; } h3 { font-size: 1.05em; line-height: 1.4em; margin-bottom: 10px; } h3.thanks { .swiftitalic; font-size: 1.4em; } .woocart .carttotals h3, .crosssells h3 { } h4 { font-size: 1.2em; line-height: 1.6em; margin-bottom: 10px; } h5 { font-size: 1em; line-height: 1.4em; margin-bottom: 10px; } .specialdescription { .gothamlight; font-size: 1.9em; line-height: 1.3em; width: 100%; } .team .wp-block-image { margin-bottom: 20px; } .team h5 { margin-bottom: 4px; color: #323338; } .team p { margin-top: 0px; margin-bottom: 0px; } .has-small-font-size { font-size: 0.9em; line-height: 1.6em; } /*Links and buttons*/ a { color: #808284; text-decoration: none; .transition100; } a:hover { color: #323338; } .landingpage a:not( .landingpage .sub-menu a, a.readmore, a.wp-block-button__link, .featuredpost a, .partnerfilters a ), .blogcontent a, .entry-summary a { border-bottom: 1px solid #808284; position: relative; text-shadow: 0px 0px 0px #808284; font-weight: 400; } .landingpage a:not( .landingpage .sub-menu a, a.readmore, a.wp-block-button__link, .featuredpost a, .partnerfilters a ):hover, .blogcontent a:hover, .entry-summary a:hover { text-shadow: 0px 0px 0px #151516; border-color: #151516; } .landingpage .sub-menu a:after, .blogcontent a:after, .entry-summary a:after { display: none; } .lwa-status-invalid a, .dark a, .user-registration-error a, .generalmessages a, .cookie-notice-container a { color: #a9e0b8; } .lwa-status-invalid a:hover, .dark a:hover, .user-registration-error a:hover, .generalmessages a:hover, .cookie-notice-container a:hover { color: #fff; } a.button, a.wp-block-button__link, span.button { .theButton; display: inline-block; padding: 13px 22px; } a.button:hover, a.wp-block-button__link:hover, a:hover span.button { background-color: #323338; border-color: #323338; color: #fff; } .avantchabutton a.wp-block-button__link, .avantchabutton button.wp-block-button__link { .theButton; } .avantchabutton a.wp-block-button__link:hover, .avantchabutton button.wp-block-button__link:hover { background-color: #323338; color: #fff; } .wp-block-uagb-section .equalbuttons a.wp-block-button__link { max-width: 290px; width: 290px; } .is-content-justification-center { text-align: center; } .loginboxbutton { margin-top: 10px; } a.blockbutton, .blockbutton .wp-block-button__link, button.blockbutton { background-color: #323338; color: #fff; border: 0px; } a.blockbutton:hover, .blockbutton .wp-block-button__link:hover, button.blockbutton:hover { background-color: #808284; } ul.woocommerce-error a.button { display: inline-block; margin-right: 20px; border: 2px solid #fff; color: #fff; } ul.woocommerce-error a.button:hover { background-color: #323338; border-color: #323338; } a.readmore { text-transform: uppercase; } a.readmore:after { content: "\e908"; font-family: "avbasics"; margin-left: 8px; .transition100; display: inline-block; font-size: 0.6em; font-weight: bold; } a.readmore:hover:after { transform: translateX(10px); } /*Menu*/ .submenubox li.specialmenuitem { background-color: #0b0b45; .transition100; } .branding .mainnav ul li .submenu ul.menu li.block ul.sub-menu li.specialmenuitem a { color: #fff; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; margin-left: 7px; } .branding .mainnav ul li .submenu ul.menu li.block ul.sub-menu li.specialmenuitem:hover { background-color: #8b0000; } .branding .mainnav ul li .submenu ul.menu li.block ul.sub-menu li.specialmenuitem a:hover { color: #fff; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; margin-left: 7px; } .mobilemenu ul li ul.sub-menu li.specialmenuitem a { background-color: #8b0000; .transition100; color: #fff; } /*Header*/ .announcementheader { background-color: #323338; padding: 10px; color: #fff; text-align: center; font-size: 0.9em; position: relative; text-transform: uppercase; } .announcementheader p { margin: 0px; } .announcementheader .close { cursor: pointer; position: absolute; background-color: #838383; top: 50%; right: 10px; width: 24px; height: 24px; line-height: 24px; transform: translateY(-50%); .transition100; } .announcementheader .close:hover { background-color: #fff; color: #323338; } .scroll { display: inline-block; height: 100%; width: auto; animation: scroll 70s linear 0s infinite; transform: translateX(100%); } .mainheader { position: relative; } .toppanel { background-color: #323338; color: #ccc; font-size: 0.7em; } .toppanel ul { padding: 0px; margin: 0px; list-style: none; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } .toppanel ul li { padding: 0px 30px 0px 0px; margin: 0px; vertical-align: middle; position: relative; flex-wrap: nowrap; } .toppanel ul li i { margin-right: 6px; } .highlightmobile { display: none; /*width:74%;*/ color: #ccced0; text-align: right; padding: 6px 10px 6px 0px; line-height: 1.4em; } .highlighttags { padding: 6px 0; text-transform: uppercase; line-height: 1.4em; } .geotags { text-align: right; } .languages { margin-left: auto; } .languages ul li { padding: 0px; } .languages ul li a { text-transform: uppercase; padding: 0px 14px; } .branding { padding: 24px 0px; } .branding .wrapper { position: relative; } .branding .mainnav { display: flex; width: 33%; } .branding .mainnav ul { margin: 0px; padding: 0px; list-style: none; } .branding .mainnav ul li { display: inline-block; margin-right: 13px; } .branding .mainnav ul li.block { margin-right: 0px; } .branding .mainnav ul li a, .branding .mainnav ul li span { cursor: pointer; text-transform: uppercase; .transition100; font-size: 12px; position: relative; padding: 20px 6px 17px 0px; color: #808284; .gothammedium; } .branding .mainnav ul li a:hover, .branding .mainnav ul li span:hover { color: #323338; } .branding .mainnav ul li a.button { padding: 12px 20px; } .branding .mainnav ul li a.button:hover { color: #fff; } .branding .mainnav ul li a.parentlink:after, .branding .mainnav ul li span.parentlink:after { position: absolute; content: ""; bottom: 10px; left: 0; width: 100%; opacity: 0; transform: scale(0, 1); transform-origin: left center; border-bottom: 3px solid #323338; transition: transform 0.3s, opacity 0.3s; } .branding .mainnav ul li a.parentlink:hover:after, .branding .mainnav ul li span.parentlink:hover:after { transform: scale(1, 1); opacity: 1; } .branding .mainnav ul li .submenubox { padding-top: 10px; display: none; position: absolute; width: 100%; left: 0; z-index: 99999; width: 102vw; margin-left: -4%; } .branding .mainnav ul li .submenu { .shadowmedium; display: flex; flex-direction: row; justify-content: flex-start; width: auto; background-color: #fff; } .branding .mainnav ul li:hover .submenubox { display: block; } .branding .mainnav ul li:hover .submenu { display: flex; animation: fadein 0.3s, slidein 0.2s; } .branding .mainnav ul li:hover a.parentlink:after, .branding .mainnav ul li:hover span.parentlink:after { transform: scale(1, 1); opacity: 1; } .branding .mainnav ul li .submenu li { vertical-align: top; } .branding .mainnav ul li .submenu ul.menu li ul.sub-menu li { display: block; margin-right: 0px; } .branding .mainnav ul li .submenu ul.menu li a { padding: 2px 3px; display: block; width: auto; } .branding .mainnav ul li .submenu ul.menu li a:hover { color: #323338; } .branding .mainnav ul li .submenu ul.menu li ul.sub-menu li a { .gothamlight; .roundsmall; text-transform: uppercase; padding-top: 1px; padding-bottom: 1px; display: inline-block; width: auto; } .branding .mainnav ul li .submenu ul.menu li ul.sub-menu li a:hover { color: #323338; font-weight: 500 !important; } .branding .mainnav ul li .submenu ul.menu li.block ul.sub-menu li a { .gothammedium; text-transform: uppercase; padding: 3px; } .branding .mainnav ul li .submenu ul.menu li.block ul.sub-menu li a:hover { background-color: transparent; color: #323338; } .branding .mainnav ul li .submenu .menu-shop-menu-container, .branding .mainnav ul li .submenu .menu-explore-container, .branding .mainnav ul li .submenu .menu-business-container { width: 100%; padding: 24px; display: inline-block; vertical-align: top; } .branding .mainnav ul li .submenu .menu-shop-menu-swiss-container, .branding .mainnav ul li .submenu .menu-explore-swiss-container, .branding .mainnav ul li .submenu .menu-business-swiss-container { width: 84%; padding: 24px; display: inline-block; vertical-align: top; } .branding .mainnav .menusidebar { width: 33%; display: inline-block; vertical-align: top; text-align: right; padding: 10px 24px; } .branding .de .menusidebar { width: 16%; display: inline-block; vertical-align: top; } .branding .menuslider { min-width: 100%; } .branding .logo { display: flex; width: 33%; justify-content: center; } .branding .logo img { width: 280px; } .branding .secondarynav { display: flex; width: 33%; justify-content: flex-end; font-size: 1.4em; margin-right: -9px; } .branding .secondarynav div { display: flex; margin: 0px 0px 0px 4px; position: relative; } .branding .secondarynav div i { margin-right: 0px; } .branding .secondarynav div div { margin-left: 0px; } .branding .secondarynav a.parentlink { color: #bfb9bf; padding: 8px 10px; } .branding .secondarynav a.parentlink:hover { .shadowsmall; } .branding .secondarynav .parentobject:hover a.parentlink { .shadowsmall; } .branding .secondarynav .icon-search:before, .branding .secondarynav .icon-user:before, .branding .secondarynav .icon-bag:before { color: #838383; } .branding .secondarynav .childobject, .branding .secondarynav .interactobject, .toppanel .userbox { z-index: 9999; display: none; padding: 20px; background-color: #fff; .shadowsmall; position: absolute; right: 0px; font-size: 0.6em; line-height: 1.4em; top: 38px; } .toppanel .userbox { padding: 14px 20px 20px 20px; } .toppanel .userbox { font-size: 1em; } .toppanel .userbox ul { display: block; } .toppanel .userbox ul li { padding: 6px 0px 0px 0px; } .branding .secondarynav .childobject div { margin-left: 0px; display: block; } .branding .secondarynav .childobject ul { margin: 0px; padding: 0px; list-style: none; } .branding .secondarynav .childobject i { margin-right: 10px; } .branding .secondarynav .parentobject:hover .childobject { display: block; animation: fadein 0.4s, slidein 0.2s; } .topheaderuserbox:hover .childobject { display: block; animation: fadein 0.4s, slidein 0.2s; } .branding .secondarynav .childobject h5 { border-bottom: 2px dotted #dedede; padding-bottom: 6px; margin-bottom: 10px; } .branding .secondarynav .userbox, .toppanel .userbox { white-space: nowrap; } .toppanel .userbox { top: 21px; } .topheaderuserboxmobile .userbox { left: 12px; right: unset; } .topheaderuserboxmobile .userbox a { padding: 0px; border: 0px; } .branding .secondarynav .shoppingbag { position: relative; } .branding .secondarynav .shoppingbag .cart-contents { position: absolute; background-color: #ff9898; font-size: 0.5em; padding: 4px 5px; color: #fff; line-height: 1em; top: 0; right: -5px; } .branding .secondarynav .cartsummary { width: 380px; padding: 20px; background-color: #fff; .shadowsmall; } .branding .secondarynav .cartsummary .productname { padding-right: 20px; } .branding .secondarynav .searchbox { width: 100%; top: 89px; margin-right: 0px; padding: 30px; } .branding .secondarynav .cartsummary .cart_item { border-bottom: 1px dotted #ccc; padding: 12px 0px; position: relative; } .branding .secondarynav .cartsummary div.productthumbnail { width: 25%; display: inline-block; vertical-align: top; } .branding .secondarynav .cartsummary div.productinfo { display: inline-block; width: 75%; padding-left: 20px; margin-left: -5px; } .branding .secondarynav .cartsummary div.productinfo .quantity, .branding .secondarynav .cartsummary div.productinfo .productsubtotal { display: inline-block; } .branding .secondarynav .cartsummary div.productinfo .productsubtotal { .gothammedium; margin-left: 20px; } .branding .secondarynav .cartsummary a.remove { border: 1px solid #838383; z-index: 9999; width: 16px; height: 16px; line-height: 13px; border-radius: 2px; position: absolute; right: 0px; } .branding .secondarynav .cartsummary a.remove:hover { color: #fff; } .branding .secondarynav .cartsummary .actions { margin-top: 20px; text-align: right; } .branding .secondarynav .cartsummary .actions a { .theButton; padding: 8px 16px; .gothammedium; font-size: 1em; margin-left: 6px; } .branding .secondarynav .cartsummary .actions a:hover { background-color: #808284; border-color: #808284; color: #fff; } .branding .secondarynav .userbox ul li a { padding: 6px 10px 6px 10px; display: block; .transition100; .roundsmall; } .branding .secondarynav .userbox ul li a:hover { background-color: #f3f3f3; } .locationpopup { border-left: 1px solid #6c6b6b; position: relative; } .locationpopup .selectedcountry { margin-left: 6px; margin-right: 6px; } .locationpopup .icon { font-size: 0.5em; } .locationdropdown { background-color: #fff; padding: 6px; position: absolute; top: 39px; right: -2px; border: 1px solid #ccc; z-index: 999; display: none; white-space: nowrap; } .locationdropdown img.country_flag { width: 20px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05); } .country_and_flag { display: flex; gap: 10px; } .locationpopupbutton { padding: 6px 16px; cursor: pointer; white-space: nowrap; } .locationdropdown .country_button { border: 0; gap: 10px; line-height: normal; color: #151516; text-align: left; display: flex; padding: 14px 4px; flex-wrap: nowrap; justify-content: space-between; width: 100%; border-bottom: 1px solid #dcdcdc; } .locationdropdown div { flex-basis: 50%; } .locationdropdown a.country_button .country_name, .locationdropdown a.country_button .currency { font-size: 0.8em; } .locationdropdown .country_button .currency { color: #5d5f69; } .locationdropdown .country_button:hover { background-color: #323338; color: #fff; } .locationdropdown .country_button:hover .currency { color: #16a085; } /*.locationdropdown form {margin-bottom:10px;}*/ #open-locationpopup { white-space: nowrap; padding: 6px 14px; } .morecountriespopup { color: #323338; text-align: left; } .no_shipping_note { background-color: #f0f0f0; padding: 10px 20px 20px 20px; text-align: center; margin-bottom: 30px; box-shadow: inset 10px 10px 14px -8px rgba(0, 0, 0, 0.08); } .locationdropdown .open-locationpopup { padding: 10px 30px; width: 100%; text-align: center; } .number-of-countries-1 i.icon { display: none; } .show { display: block !important; animation: fadein 0.4s, slidein 0.2s; } .showfade { display: block !important; animation: fadein 0.4s; } .showflex { display: flex !important; transform: none !important; } .disable_element:after { content: ""; background-color: #fff; position: absolute; top: 0; bottom: 0; width: 100%; opacity: 0.6; } /*Search form*/ .branding .secondarynav div.search { position: static; } .searchform { .gothamlight; width: 100%; position: relative; border: 2px solid #d5d5d5; .roundsmall; .transition100; .shadowinset; } .searchform input[type="search"], .searchform input[type="text"] { outline: none; border: 0px; .gothamlight; width: 98%; padding: 16px; } .searchbox label { width: 100%; } .is-screen-reader-text { display: none; } .is-link-container { display: none; position: relative; } .is-loader-image { width: 25px; height: 25px; display: inline-block; } .is-search-sections { display: flex; align-items: center; } .is-search-sections .left-section .thumbnail { width: 100px; } .is-search-sections .right-section { padding: 8px; } .is-search-sections .meta { margin: 5px 0; } .is-search-sections .meta > div { margin-bottom: 5px; } .is-ajax-search-items .is-prices .amount { .gothammedium; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url("mCSB_buttons.png"); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; bottom: 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; width: 4px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; text-align: center; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.75); } .is-form-style input.is-search-input { font-size: 1.5em !important; .gothamlight; border: 2px solid #d5d5d5 !important; width: 100% !important; padding: 16px !important; border-radius: 0px !important; .transition100; .shadowinset; } .is-form-style input.is-search-input:focus { box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.1); border-color: #323338 !important; } .searchform input[type="search"]:focus, .searchform input[type="text"]:focus { /*box-shadow:inset 4px 4px 14px rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 4px 4px 14px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 4px 4px 14px rgba(0, 0, 0, 0.1);border-color:#323338;*/ } .searchform button { border: 0px; background-color: transparent; color: #838383; box-shadow: none; font-size: 1.6em; padding: 0px; position: absolute; right: 10px; top: 11px; } .is-form-style button.is-search-submit { background: none; padding: 0; margin: 0; border: 0px !important; background-color: transparent !important; color: #838383 !important; .gothamlight; box-shadow: none !important; font-size: 1.5em !important; padding: 0px !important; position: absolute !important; right: 40px !important; top: 40px !important; } .searchform button:hover, is-form-style input.is-search-submit, .is-search-icon { background-color: transparent; color: #323338; box-shadow: none; } .is-search-icon svg { width: 28px; } .is-ajax-search-result { display: none; height: auto; width: 500px; max-width: 95%; position: absolute; z-index: 999999; background: #e2e2e2; color: #323338; box-sizing: content-box; padding: 0; outline: 0 !important; margin: 0; border: 0; border-radius: 0; text-transform: none; text-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; font-size: 13px; line-height: 18px; vertical-align: baseline; border-radius: 0px !important; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09) !important; -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09) !important; -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09) !important; } .is-ajax-search-items { max-height: 400px; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } div.is-ajax-search-items div.mCSB_container { margin-right: 18px; } .is-search-sections .is-ajax-search-post { .transition100; border-radius: 0px !important; } .is-ajax-search-post:hover { background-color: #f3f3f3 !important; } .is-ajax-search-post-details, .is-ajax-search-post { clear: both; padding: 15px; border-bottom: 1px solid #eceff1; background: #fff; } .is-ajax-search-details a, .is-ajax-search-post a { .transition100; font-size: 1em; .gothammedium; color: #808284 !important; } .is-ajax-search-details a:hover, .is-ajax-search-result a:hover { text-decoration: none !important; color: #323338 !important; } .is-ajax-term-label { font-size: 0.9em !important; letter-spacing: normal !important; font-style: normal !important; text-transform: none !important; } .is-search-sections .meta i { font-style: normal !important; } /*Search Results*/ .searchresults { display: flex; flex-wrap: wrap; } .searchresults article { flex-basis: 33.3%; padding: 30px; text-align: center; } .searchresults .searchthumbnail { margin-bottom: 20px; } .searchresults .searchdetails { } .searchresults .posttype { color: #323338; border-radius: 2px; background-color: #e6e6e6; padding: 10px; display: inline-block; margin-bottom: 20px; } .searchresults article { .roundsmall; .transition100; margin-bottom: 20px; } .searchresults article:hover { box-shadow: -20px 0px 30px rgba(0, 0, 0, 0.08); } .pagination h2 { display: none; } .nav-links .current { .gothammedium; } .nav-links .page-numbers { padding: 8px 12px; border-right: 1px solid #ccc; } /*Mobile menu*/ .branding .mobilenav { display: none; width: 33%; } .mobilemenu { background-color: #323338; z-index: 9999; position: absolute; overflow: scroll; width: 100%; height: 200vh; left: -100%; opacity: 0; .transition100; } .mobilemenu ul { list-style: none; padding: 0px; margin: 0px; } .mobilemenu ul li { border-bottom: 1px solid #424242; } .mobilemenu ul li a { color: #fff; display: block; padding: 20px; text-transform: uppercase; } .mobileuserbox { margin-top: 20px; margin-left: 20px; margin-bottom: 20px; } .mobileuserbox a { padding: 14px 20px; display: inline-block; background-color: #838383; color: #fff; } .mobilemenu ul li ul.sub-menu a { text-transform: none; padding: 13px 30px; } .mobilemenu ul li ul.sub-menu li ul.sub-menu li a { color: #bfb9bf; padding: 13px 50px; } .mobilemenu ul li ul.sub-menu li ul.sub-menu li a:hover { color: #fff; } .mobilemenu li > a:after { font-family: "avbasics"; content: "\e901"; float: right; } .mobilemenu li.expanded > a:after { font-family: "avbasics"; content: "\e900"; float: right; } .mobilemenu li.expanded > a:only-child:after { content: ""; } .mobilemenu li > a:only-child:after { content: ""; } .mobilemenu ul li a:hover { color: #7c7c7c; } .mobilemenu ul li ul.sub-menu { background-color: #453e45; } .mobilemenu ul li ul.sub-menu li ul.sub-menu { background-color: #544c54; } .mobilemenu ul li ul.sub-menu, .mobilemenu ul li ul.sub-menu li ul.sub-menu { display: none; } .mobilemenu ul li ul.sub-menu li { border-bottom: 1px dotted #323131; } .mobilemenuactive { display: block; opacity: 1; left: 0%; } .mobilemenutoggle { display: none; width: 25%; font-size: 1.8em; cursor: pointer; text-align: right; position: relative; padding-right: 10px; } .mobilemenutoggle span.border { height: 1px; width: 24px; border-top: 3px solid #323338; display: block; padding: 2px 0px; .transition100; } .mobilemenutoggle i.icon::before { margin-right: 0em; } .menuactive span.one { opacity: 0; } .menuactive span.two { transform: rotate(45deg); top: 0px; position: absolute; left: 1px; width: 24px; } .menuactive span.three { transform: rotate(-45deg); top: 0px; position: absolute; left: 3px; width: 24px; } /*Forms*/ .inputbox, #telr .form-control, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select, .select2-container .select2-selection--single { .gothamlight; .roundsmall; padding: 14px; .transition100; .shadowinset; border: 1px solid #bebdbd; width: 100%; outline: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { display: none; -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } textarea { font-size: 1em; } input[type="submit"], button { .transition100; .theButton; padding: 12px 20px; cursor: pointer; } input[type="submit"]:hover, button:hover { background-color: #323338; color: #fff; } input[type="submit"][disabled="disabled"], button[disabled="disabled"] { opacity: 0.4; } .inputbox:focus, #telr .form-control, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.1); border-color: #323338; } label { color: #808284; display: block; font-size: 0.9em; } select option { .gothamlight; color: #323338; } .inputbox { display: inline-block; width: auto; padding: 0px; } input.qty { width: 56px; border: 0px; box-shadow: none; padding: 17px 12px; border-radius: 0px; text-align: center; } input.qty:focus { background-color: #f5f5f5; box-shadow: none; } input.qty::-webkit-outer-spin-button, input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"].qty { -moz-appearance: textfield; } .quantity .plus, .quantity .minus { text-align: center; padding: 12px 0px; border-right: 1px solid #dedede; cursor: pointer; width: 50px; display: inline-block; transition: all ease-out 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quantity .plus { border: 0px; border-left: 1px solid #dedede; } .gform_fields { list-style: none; padding: 0px; margin: 0px; } .gform_fields .gfield_label { display: none; } .gform_fields .gfield { margin-bottom: 20px; } .gform_fields .gfield .ginput_container_select { position: relative; } .gform_fields .gfield .ginput_container_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .gform_fields .gfield .ginput_container_select::after { content: "\e902"; font-family: "avbasics"; pointer-events: none; position: absolute; right: 13px; top: 15px; font-size: 0.7em; font-weight: bold; color: #979aa5; } .gform_fields .validation_message { background-color: #d74747; font-size: 0.9em; padding: 5px 8px; .roundsmall; color: #fff; margin-top: 4px; } .validation_error { margin-bottom: 20px; color: #323338; } .dark .validation_error { color: #fff; } .dark .inputbox, .dark input[type="text"], .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="number"], .dark textarea, .dark select, .dark input[type="button"] { border-color: #979aa5; background-color: transparent; color: #fff; font-size: 17px; } .dark input:focus, .dark textarea:focus { background-color: #5d5f68; } .dark input[type="submit"] { border-color: #979aa5; background-color: transparent; color: #fff; font-size: 17px; } .dark input[type="submit"]:hover { border-color: #808284; background-color: #808284; } .dark .gform_confirmation_message { color: #fff; } [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { .transition100; position: relative; cursor: pointer; font-size: 0.9em; text-transform: none; line-height: 14px; display: inline-block; color: #323338; background-color: #e4e4e4; padding: 12px 12px 12px 32px; border-radius: 3px; .transition100; } [type="radio"]:checked + label:hover, [type="radio"]:not(:checked) + label:hover { background-color: #d9d9d9; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 7px; top: 12px; width: 18px; height: 18px; border: 1px solid #bcbcbc; border-radius: 2px; background: #fff; } [type="radio"]:checked + label:before { background-color: #323338; background: -moz-linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); background: -webkit-linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); background: linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#323338",endColorstr="#62646d",GradientType=1); box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.23); } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ""; width: 9px; height: 9px; background: #fff; position: absolute; top: 11px; left: 12px; border-radius: 100%; .transition100; } [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .woocommerce-checkout-payment [type="radio"]:not(:checked) + label, .woocommerce-checkout-payment [type="radio"] + label, ul.payment_methods [type="radio"]:not(:checked) + label { width: 100%; background-color: #fff; color: #323338; padding: 20px; .roundsmall; .transition100; border: 1px solid #d5d5d5; } .woocommerce-checkout-payment [type="radio"]:checked + label, ul.payment_methods [type="radio"]:checked + label { position: relative; cursor: pointer; font-size: 0.9em; text-transform: none; line-height: 14px; display: inline-block; background-color: #fff; border-color: #323338; } .woocommerce-checkout-payment [type="radio"] + label::before, .woocommerce-checkout-payment [type="radio"]:not(:checked) + label::before, ul.payment_methods [type="radio"]:not(:checked) + label::before { top: 18px; left: 20px; } .woocommerce-checkout-payment [type="radio"]:checked + label::before, ul.payment_methods [type="radio"]:checked + label::before { background: rgb(50, 51, 56); background: -moz-linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); background: -webkit-linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); background: linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#323338",endColorstr="#62646d",GradientType=1); box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.23); } .woocommerce-checkout-payment [type="radio"]:checked + label::after, .woocommerce-checkout-payment [type="radio"]:not(:checked) + label::after { top: 23px; left: 25px; } .woocommerce-checkout-payment .gateway-title, ul.payment_methods .gateway-title { .gothammedium; text-transform: uppercase; padding-left: 26px; } .woocommerce-checkout-payment .payment_box, ul.payment_methods .payment_box { margin-top: 20px; } .woocommerce-checkout-payment .payment_box p { line-height: 1.5em; margin-bottom: 0px; font-size: 0.9em; } .woocommerce-checkout-payment button { width: 100%; padding: 30px; margin-top: 20px; } .woocommerce-checkout-payment button:hover { background-color: #838383; border-color: #838383; } ul.payment_methods li[class*="payment_method"] > input[name="payment_method"] + label { padding: 20px !important; } /*.wc-stripe-card-icons-container, .wc-stripe-paymentRequest-icons-container {float:none !important;display:block !important;margin-top:8px;}*/ .wc-stripe-card-icons-container, .wc-stripe-paymentRequest-icons-container { margin-top: 6px; margin-left: 27px; float: none !important; display: block !important; } li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon, li.payment_method_stripe_payment_request .wc-stripe-paymentRequest-icons-container img { width: 34px !important; height: auto !important; } .ElementsApp, .ElementsApp .InputElement { .gothamlight; font-size: 12px !important; } .payment_box .payment_method_stripe .wc-credit-card-form { border: 0px; padding: 0px; margin-top: 20px; } input[type="checkbox"] { position: absolute; opacity: 0; & + label { position: relative; cursor: pointer; padding: 0; } & + label:after { content: ""; background-color: #fff; opacity: 0; .transition100; width: 9px; height: 9px; position: absolute; left: 5px; top: 10px; border-radius: 20px; box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.3); } & + label:before { content: ""; .transition100; margin-right: 10px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: white; border: 1px solid #323338; border-radius: 2px; } &:hover + label:before { border-color: #323338; } &:checked + label:before { border: 1px solid #323338; background-color: #323338; background: -moz-linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); background: -webkit-linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); background: linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#323338",endColorstr="#62646d",GradientType=1); box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.23); } &:disabled + label { color: #b8b8b8; cursor: auto; } &:disabled + label:before { box-shadow: none; background: #ddd; } &:checked + label:after { opacity: 1; } } label.checkbox { cursor: pointer; position: relative; } .kl_newsletter_checkbox_field label:before { content: ""; .transition100; margin-right: 10px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: white; border: 1px solid #323338; border-radius: 2px; } .kl_newsletter_checkbox_field label:after { content: ""; background-color: #fff; opacity: 0; .transition100; width: 9px; height: 9px; position: absolute; left: 5px; top: 11px; border-radius: 20px; box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.3); } label.checked:before { border: 1px solid #323338; background-color: #323338; background: -moz-linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); background: -webkit-linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); background: linear-gradient( 38deg, rgba(50, 51, 56, 1) 0%, rgba(98, 100, 109, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#323338",endColorstr="#62646d",GradientType=1); box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.23); } label.checked:after { opacity: 1; } .wc-stripe-bootstrap-form { margin-top: 30px !important; } .wc-stripe-bootstrap-form .row { margin-top: 10px !important; margin-right: -10px !important; margin-left: -10px !important; } .wc-stripe-bootstrap-form .col-md-3, .wc-stripe-bootstrap-form .col-md-4, .wc-stripe-bootstrap-form .col-md-6, .wc-stripe-bootstrap-form .col-md-9, .wc-stripe-bootstrap-form .col-md-12 { padding-right: 10px !important; padding-left: 10px !important; } .wc-stripe-bootstrap-form .col-md-4 { flex-basis: 50% !important; } .wc-stripe_cc-new-method-container { margin-bottom: 6px !important; } .payment_method_stripe_cc [type="radio"]:not(:checked) + label, .payment_method_stripe_cc [type="radio"] + label, .payment_method_stripe_cc [type="radio"]:not(:checked) + label { padding: 20px 20px 20px 40px !important; } .payment_method_stripe_cc .payment_box [type="radio"] + label::before, .payment_method_stripe_cc .payment_box [type="radio"]:not(:checked) + label::before, .payment_method_stripe_cc .payment_box [type="radio"]:not(:checked) + label::before { top: 18px; left: 10px; } .payment_method_stripe_cc .payment_box [type="radio"]:checked + label::after { width: 6px; height: 6px; background: #fff; position: absolute; top: 17px; left: 12px; border-radius: 100%; } .payment_method_stripe_cc .payment_box [type="radio"]:checked + label, .payment_method_stripe_cc .payment_box [type="radio"]:checked + label, .payment_method_stripe_cc .payment_box [type="radio"]:checked + label { padding: 20px 20px 20px 40px !important; } .payment_method_stripe_cc .payment_box [type="radio"] + label::before, .payment_method_stripe_cc .payment_box [type="radio"]:not(:checked) + label::before, .payment_method_stripe_cc .payment_box [type="radio"]:not(:checked) + label::before { left: 10px; } .wc-stripe-bootstrap-form .md-form.md-outline + label, .wc-stripe-bootstrap-form .md-form.md-outline.StripeElement + label { font-size: 1em !important; color: #323338 !important; } .wc-stripe-bootstrap-form .stripe-input { border: 1px solid #bebdbd !important; border-radius: 0px !important; .shadowinset; .roundsmall; .transition100; } .wc-stripe-bootstrap-form .md-form.md-outline.focused + label, .wc-stripe-bootstrap-form .md-form.md-outline.invalid + label, .wc-stripe-bootstrap-form .md-form.md-outline.StripeElement--complete + label { background: transparent !important; padding-right: 5px; padding-left: 0px; left: 10px !important; } .wc-stripe-bootstrap-form .stripe-input.focused, .wc-stripe-bootstrap-form .stripe-input.invalid { border-color: #323338 !important; -webkit-box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.1) !important; box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.1) !important; } .wc-stripe-bootstrap-form .stripe-input.invalid { border-color: #d9534f !important; box-shadow: none !important; } .wc-stripe-bootstrap-form .stripe-input.StripeElement--complete { border-color: #dadce0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .wc-credit-card-form { display: flex; flex-wrap: wrap; justify-content: space-between; } .wc-credit-card-form .form-row-wide { width: 100%; flex-basis: 100%; margin-bottom: 10px; } .wc-credit-card-form .form-row-first, .wc-credit-card-form .form-row-last { width: 45%; flex-basis: 45%; } .wc-stripe-elements-field, .wc-stripe-iban-element-field { border: 1px solid #bebdbd; padding: 15px !important; .roundsmall; .transition100; .shadowinset; } .wc-credit-card-form .focused { border-color: #323338; } /*.wc-stripe-card-icons-container {position: absolute;top: 10px;right: 10px;}*/ li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon, li.payment_method_stripe_payment_request .wc-stripe-paymentRequest-icons-container img { position: static; width: 20px !important; } li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon:nth-child(2n + 2) { margin: 0px !important; } .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: auto; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; line-height: normal; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; font-size: 0.9em; padding-left: 0px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; padding: 0; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin: 0; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select2-dropdown { background-color: #fff; border: 2px solid #d5d5d5; border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { font-size: 0.9em; padding: 10px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected], .select2-results__option[data-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 10px; } .select2-search--dropdown .select2-search__field { padding: 10px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; right: 20px; top: 50%; transform: translatey(-50%); } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 6px 6px 0 6px; height: 0; position: absolute; top: 50%; transform: translatey(-50%); width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; margin: 5px 5px 0 0; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li:before { content: ""; display: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #000 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 2px solid #d5d5d5; } .select2-container--default .select2-search--inline .select2-search__field { background: 0 0; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #838383; color: #fff; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(50%, #fff), to(#eee) ); background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single:focus { border: 1px solid #0073aa; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(50%, #eee), to(#ccc) ); background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #0073aa; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: 0 0; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(50%, #eee) ); background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%); background-image: linear-gradient(to bottom, #fff 0, #eee 50%); background-repeat: repeat-x; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(50%, #eee), to(white) ); background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #0073aa; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #0073aa; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected], .select2-container--classic .select2-results__option--highlighted[data-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #0073aa; } /*General and Woocommerce info Messages*/ .error_message, .errormsg { color: #fff; width: 100%; text-align: center; background-color: #d74747; font-size: 0.9em; display: inline-block; padding: 5px 8px; .roundsmall; } .errormsg { margin-bottom: 20px; } .accounterror { color: #fff; background-color: #d74747; font-size: 0.9em; padding: 5px 8px; .roundsmall; margin: 6px 0px; } .accountsuccess { padding: 10px; color: #323338; background-color: #f3eae3; .roundsmall; margin: 6px 0px; } .success_message { padding: 10px; color: #323338; background-color: #f3eae3; .roundsmall; } .woocommerce-message { margin-top: 30px; margin-bottom: 30px; border: 1px solid #ccc; padding: 20px; border-radius: 5px; width: 94%; margin-left: auto; margin-right: auto; } .largewidth .woocommerce-message, .mediumwidth .woocommerce-message, .smallwidth .woocommerce-message { width: 100%; } ul.woocommerce-error, .woocommerce-notice, li.woocommerce-notice, ul.payment_methods li.woocommerce-notice, .woocommerce-error { background-color: #d9534f; .roundsmall; padding: 20px; margin: 10px auto; color: #fff; list-style: none; width: 100%; font-size: 0.8em; } li.woocommerce-notice, li.woocommerce-notice, ul.payment_methods li.woocommerce-notice { width: 100%; padding: 20px; } /*Telr*/ #telr .panel-body { .gothamlight; } #telr .panel-default > .panel-heading { .gothammedium; } #telr label { .gothammedium; } /*Woocommerce Category Pages*/ .imagesection { display: flex; background-size: cover !important; position: relative; align-content: center; align-items: center; background-repeat: no-repeat; background-position-x: center; background-position-y: center; min-height: 450px; } .imagesection:before { position: absolute; content: ""; background-color: #000; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.41; } .imagesection .textwrapper { z-index: 99; text-align: center; width: 60%; max-width: 90%; margin: 0 auto; color: #fff; } .imagesection .textwrapper h1 { margin-bottom: 0px; color: #fff; } .termdescription { font-size: 1em; line-height: 1.5em; } .productcategories .woocommerce-breadcrumb { display: none; } .productfilters { border: 1px solid #ccc; background-color: #f7f7f7; border-left: 0px; border-right: 0px; } .productfilters ul, ul.productfilters ul, .featuredproducts ul { padding: 0px; margin: 0px; list-style: none; position: relative; } .productfilters .menu { display: flex; flow-direction: row; justify-content: center; border-left: 1px dotted #ccc; } .productfilters .menu li { cursor: pointer; } .productfilters .menu li a { .gothamlight; padding: 10px 20px; display: block; border-right: 1px dotted #ccc; } .productfilters .menu li a:after { font-family: "avbasics"; content: "\e902"; margin-left: 5px; font-weight: bold; float: right; margin-left: 10px; font-size: 0.5em; } .productfilters .menu li ul.sub-menu { display: none; position: absolute; z-index: 9999; background-color: #fff; border: 1px solid #ccc; box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.06); } .productfilters .menu li ul.sub-menu a:hover { background-color: #f7f7f7; } .productfilters .menu li ul.sub-menu a:after { content: ""; } .productfilters .menu li:hover ul.sub-menu { display: block; animation: fadein 0.4s, slidein 0.2s; } ul.products, ul.wc-block-grid__products { margin: 0px; padding: 0px; list-style: none; text-align: center; } ul.products li.product, .featuredproducts ul li, .wc-block-grid__product { .transition300; .roundsmall; position: relative; display: inline-block; width: 24%; margin-left: 5px; margin-right: 5px; vertical-align: top; margin-bottom: 20px; padding: 28px; box-sizing: border-box; text-align: center; } ul.wc-block-grid__products li.wc-block-grid__product { .transition300; .roundmedium; position: relative; display: inline-block; width: 33.2%; margin-left: 0%; margin-right: 0%; margin-bottom: 10px; vertical-align: top; margin-bottom: 20px; padding: 30px; box-sizing: border-box; text-align: center; } ul.products span.hoverimage { opacity: 0; position: absolute; top: 0; display: block; .transition500; } ul.products li.product:hover, .featuredproducts ul li:hover, .wc-block-grid__product:hover { box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.08); } ul.products li.product:hover span.hoverimage { opacity: 1; } ul.products span.hoverimage.showhover { opacity: 1; .transition500; } .productimages { position: relative; } ul.products li.product a.productlink, .featuredproducts ul li a.productlink { display: block; position: relative; } ul.products li.product a.productlink h3, .featuredproducts ul li a.productlink h3, ul.products li.product a.productlink .price, .featuredproducts ul li a.productlink .price { color: #323338; } ul.products .woocommerce-price-suffix, .featuredproducts .woocommerce-price-suffix { display: none; } ul.products li.product .price, .featuredproducts ul li .price, .wc-block-grid__product-price price { .gothammedium; font-size: 1em; color: #838383; } ul.products li h3, .featuredproducts ul li h3, .wc-block-grid__product-title { .gothammedium; font-size: 1em; margin-top: 10px; text-transform: uppercase; } ul.products li.product p, .featuredproducts li p { line-height: 1.5em; color: #323338; font-size: 0.9em; } .product-image-container { position: relative; } .mobile-selector { pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0; display: none; vertical-align: middle; } .product-image-hover-button { pointer-events: auto; opacity: 0.7; display: inline-block; position: absolute; top: 33%; transform: translateY(-50%); font-size: 1.8em; z-index: 999; } .left-hover-button { left: 0; } .right-hover-button { right: 0px; } .mainactions { position: relative; } .productactions, .jvm_add_to_wishlist { border: 1px dotted #ccc !important; display: inline-block !important; width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 1.2em !important; color: #323338; .transition100; margin: 0px 6px !important; padding: 0px !important; } .productactions .icon { color: #323338; } .productactions:hover, .jvm_add_to_wishlist:hover { .shadowhover; background-color: #323338; color: #fff; } .productactions:hover .icon { color: #fff; } .add_to_cart_js_button { cursor: pointer; } .variationsbox { .shadowsmall; width: 100%; padding: 10px; display: none; position: absolute; bottom: 0px; z-index: 999; background-color: #fff; } .variation-selection-active { padding: 4px; .transition100; cursor: pointer; } .variation-selection-inactive { padding: 4px; } .variation-selection-active:hover { background-color: #f7f7f7; } .addcartloader, .ajaxloader { z-index: 9999; background-image: url("spinner.gif"); position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); left: 0px; top: 0px; background-repeat: no-repeat; background-position: center; display: none; } .ajaxloader { position: fixed; z-index: 1000000; } .ajaxresponse { display: none; font-size: 0.8em; padding: 4px; text-align: center; } .ajaxerror { background-color: #d9534f; color: #fff; } .ajaxsuccess { background-color: #eaf0e4; } .variationsbox .added_to_cart { font-size: 0.8em; padding: 4px; text-align: center; background-color: #eaf0e4; } .variationsbox .adding { opacity: 0.7; } .closevariation { cursor: pointer; font-size: 0.8em; position: absolute; right: 10px; border: 1px dotted #ccc; width: 18px; height: 18px; line-height: 18px; display: inline-block; } .soldout { opacity: 0.7; } .soldoutbadge { position: absolute; top: 18px; width: 100px; margin: auto; z-index: 999; left: 0; right: 0; font-size: 0.8em; border: 1px solid #ccc; } .variationsbox .soldoutbadge { top: unset; background: #fff; opacity: 0.9; } .occasionsbadge { position: absolute; top: 9px; z-index: 999; right: 15px; width: 48px; background-color: #fff; height: 48px; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.07); display: flex; align-items: center; padding: 13px; border-radius: 50%; } .platinumbadge { position: absolute; top: 9px; z-index: 999; right: 15px; width: 52px; background-color: #fff; height: 52px; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.07); display: flex; align-items: center; padding: 13px; border-radius: 50%; } .wpfSelectCopies { display: none !important; } .special_archive_variation { display: flex; flex-wrap: nowrap; } .special-variation-container { display: flex; flex-wrap: nowrap; margin-left: -2px; margin-right: -2px; } .special-variation { flex-basis: 25%; margin-left: 5px; margin-right: 5px; cursor: pointer; padding: 8px; font-size: 0.9em; border: 2px solid #dedede; text-align: center; .transition300; margin-bottom: 10px; } .special-variation:hover, .special-variation.active { border: 2px solid #323338; } .special-variation .left { margin-bottom: 6px; } .variationsbox .special_archive_variation { flex-wrap: wrap; } .variationsbox .special-variation { flex-basis: 46%; } .variationsbox .left img { width: 70px; margin: auto; } .variationsbox .right { font-size: 0.8em; } del { text-decoration: line-through; color: #bcbcbc; } ins { background-color: #fdfdbe; padding: 6px 16px; color: #000; text-decoration: none; } span.onsale { position: absolute; text-align: center; top: -20px; left: -20px; border-radius: 38px; z-index: 999; background-color: #16a085; color: #fff; font-size: 0.8em; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); width: 38px; height: 38px; line-height: 38px; } .organicbadge, .organicbadgejas { position: absolute; z-index: 999; border: 1px solid #323338; padding: 7px; width: 54px; top: 11px; left: 10px; } .organicbadgejas { border: 0px; padding: 2px; width: 50px; } .naturalfarming { position: absolute; z-index: 999; width: 44px; top: 11px; left: 10px; } .organicforsale { left: 60px; } .festivebadge { position: absolute; top: 19px; z-index: 99; } .organicfestivebadge { left: 80px; } .limited-edition { margin-left: 43px; } .extras { margin-top: 30px; } .extras h2 { text-align: center; } span.title-description { display: none; } ul.products li.product br { display: none; } .new-tag { background-color: #323338; color: #fff; font-size: 0.6em; padding: 0px 6px; position: absolute; right: 0; left: 0px; margin: auto; width: 36px; z-index: 999; top: -20px; line-height: 2.2em; } .new-tag:after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; bottom: -6px; right: 0; border-width: 7px 10px 0 0; border-color: #323338 transparent transparent transparent; left: 0; } .woocommerce-pagination { display: none !important; } .wpfLoaderLayout { display: none !important; } #wpfOverlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(48, 48, 48, 0.8); z-index: 10000; cursor: pointer; } .wpfMainWrapper { display: flex; flex-wrap: nowrap; justify-content: center; margin-left: auto; font-size: 0.8em; border-right: 1px dotted #ccc; } .wpfFilterWrapper[data-filter-type] { padding: 0px !important; margin: 0px; visibility: visible !important; } .wpfFilterWrapper select { padding: 15px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border: 0px; border-left: 1px dotted #ccc; box-shadow: none; background-color: transparent; } .wpfFilterWrapper select select option { background-color: #f7f7f7; padding: 5px; } .wpfFilterContent { position: relative; } .wpfFilterWrapper .wpfFilterContent:after { font-family: "avbasics"; color: #323338; content: "\e902"; pointer-events: none; position: absolute; right: 13px; top: 12px; font-size: 0.6em; font-weight: bold; } #wpfOverlayText { position: absolute; top: 50%; left: 50%; color: white; transform: translate(-50%, -50%); font-size: 14px; } .wc-block-featured-product { .transition100; position: relative; background-color: #323338; background-size: cover; background-position: 50%; width: 100%; margin: 0 0 1.5em; } .wc-block-featured-product:hover { background-color: #000; } .wc-block-featured-product, .wc-block-featured-product .wc-block-featured-product__wrapper { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; } .wc-block-featured-product.has-background-dim::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: inherit; opacity: 0.5; z-index: 1; } .wc-block-featured-product .wc-block-featured-product__description, .wc-block-featured-product .wc-block-featured-product__price, .wc-block-featured-product .wc-block-featured-product__title { color: #fff; line-height: 1.25; margin-bottom: 0; text-align: center; width: 100%; padding: 0 48px 16px; z-index: 1; } .wc-block-featured-product__price { font-weight: 500; } .wc-block-featured-product__link { z-index: 100; } .wc-block-featured-product__link a { border: 2px solid #fff; color: #fff; } .wc-block-featured-product__link a:hover { background-color: #323338; border-color: #323338; color: #fff; } .tinv-wraper.tinv-wishlist { display: inline-block; vertical-align: top; } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { vertical-align: top; .transition100; } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { position: static; } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button::before, a.wishlist_products_counter.top_wishlist-heart::before, span.wishlist_products_counter.top_wishlist-heart::before, a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart::before { font-size: 23px; line-height: 36px; text-align: center; } ul.products li.product .tinvwl_add_to_wishlist_button { margin-top: 0px; } .single-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before { font-size: 30px; } .tinv-wishlist .product-remove button { font-size: 1.4em; display: inline-block; text-align: center; background-color: #fff; border: 2px solid #838383; width: 28px; height: 28px; line-height: 23px; color: #838383; .transition100; .roundsmall; padding-left: 0px; } .tinv-wishlist .product-remove button:hover { background-color: #838383; color: #fff; } .tinvwl-table-manage-list { font-size: 0.8em; } .wishlist_item .product-name { text-align: center; } .wishlist_item .product-name img { width: 200px; margin: auto; } .cat-custom-footer { flex-basis: 50%; background: #f9fafc; padding: 25px; } @media screen and (min-width: 1280px) { .cat-custom-footer { min-height: 400px; } } /*Woocommerce Product pages*/ .single .type-product { padding-top: 40px; width: 94%; margin: auto; } .single .entry-summary { width: 50%; display: inline-block; vertical-align: top; padding: 20px 40px 0px 0px; padding: 40px 5%; box-sizing: border-box; } .single .product-image { width: 49%; display: inline-block; vertical-align: top; position: relative; } .organicWrap { margin-bottom: 20px; background-color: #fff; } span.organicBadge { width: 80px; height: 60px; background: url(organicBadge.png); background-position: center center; background-size: 76%; display: inline-block; border: 1px solid #323338; background-repeat: no-repeat; } span.organic { display: block; text-transform: uppercase; font-size: 0.6em; margin-top: 0px; line-height: 1.7em; } span.organicJasBadge { width: 60px; height: 30px; background: url(jas-organic-logo.jpg); background-position: center center; background-size: 100%; display: inline-block; background-repeat: no-repeat; } span.naturalfarmingBadge { width: 60px; height: 60px; background: url(Logo_natural-farming.png); background-position: center center; background-size: 100%; display: inline-block; background-repeat: no-repeat; } .entry-summary p.ingredients { .swiftitalic; font-size: 1em; line-height: 1.2em; margin: 20px 0px 30px 0px; } .woocommerce-variation-price { margin-top: 20px; } .price { .gothammedium; font-size: 1em; margin: 5px 0; display: inline-block; } .single_variation .price .amount { font-size: 1.6em; } .entry-summary p.stock { .gothamlight; font-size: 0.8em; margin: 20px 0 8px; line-height: 1.5em; } .entry-summary .options { display: block; } .entry-summary .size { display: inline-block; margin: 8px 0 4px; } .quantity { margin: 8px 20px 8px 0px; display: inline-block; } .selector { display: inline-block; position: relative; } .entry-summary select, .selector select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 320px; } .selector::after { font-family: "avbasics"; color: #323338; content: "\e902"; pointer-events: none; position: absolute; right: 13px; top: 14px; font-size: 0.6em; font-weight: bold; } .entry-summary select:focus, .selector select:focus { outline: none; } table.variations .reset_variations, ul.variations .reset_variations { display: none !important; } table.variations, ul.variations { margin: 0px; padding: 0px; list-style: none; } ul.variations li { margin-bottom: 0px; margin-top: 0px; } .variations_button { margin-top: 20px; margin-bottom: 20px; } .single_variation { margin-top: 10px; } .woocommerce-variation-description { display: none !important; } .woocommerce-price-suffix { font-size: 0.8em; border-left: 1px solid#CCC; margin-left: 10px; padding-left: 10px; color: #999; } .product_meta { margin-bottom: 6px; } .woocommerce-breadcrumb { font-size: 0.8em; margin: 0px 0 10px; } /*Wholesale Price styling*/ .wholesale_price_container { padding: 10px 6px 10px 6px; box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.05); display: inline-block; font-weight: 500; } .wholesale_price_title { text-transform: capitalize; display: block; margin-bottom: 4px; } /*Special Occasion*/ .specialoccasion { border: 2px solid #323338; padding: 10px 20px; font-size: 0.8em; box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.08); justify-items: center; align-items: center; border-left: 0px; border-right: 0px; background-color: #323338; color: #fff; line-height: 1.4em; justify-content: center; background-image: url("https://avantcha.com/wp-content/themes/avantcha-ms/images/snapshot_v5.jpg"); background-size: cover; background-position: top; } .specialoccasion-plain { border: 2px solid #323338; padding: 10px 20px; font-size: 0.8em; box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.08); justify-items: center; align-items: center; line-height: 1.4em; justify-content: center; background-image: transparent; color: #323338; } .specialoccasion a { color: #a0a3a6; } .specialoccasion a:hover { color: #fff; } .image-link { margin-right: 10px; width: 100px; display: inline-block; } /*Woocommerce product attributes*/ .product-attributes { margin: 20px 0px; } .product-attributes .attribute { .transition100; background-color: #fff; display: inline-block; margin-right: 40px; font-size: 0.7em; color: #bbbbbb; text-align: center; } .product-attributes .second { margin-right: 32px; } .product-attributes .attribute a { background-color: #fff; display: block; } .product-attributes .attribute i { font-size: 4em; display: block; margin-bottom: 4px; } .product-attributes .attribute a i { color: #808284; .transition100; } .product-attributes .attribute span { color: #a1a4a8; } .product-attributes .attribute span i { color: #a1a4a8; } .product-attributes .active span { color: #323338; } .product-attributes .active span i { color: #323338; } .product-attributes .attribute a:hover { color: #323338; } .product-attributes .attribute a:hover i { color: #323338; } .product-attributes .attribute:hover a, .product-attributes .attribute:hover a i { color: #323338; } /*Gift card styling*/ .gift-cards_form label { /*display:none;*/ } .gift-card-content-editor .ywgc-single-recipient div { margin-bottom: 16px; flex-basis: 50%; } .gift-card-content-editor .ywgc-sender-name { margin-bottom: 16px; } .selected_button { background-color: #323338; color: #fff; } .ywgc-form-preview-title-container { margin-bottom: 30px; } .ywgc-main-form-preview-container { text-align: center; margin-top: 20px; position: absolute; padding: 5% 6% 2% 6%; top: 50%; color: #fff; right: 0; left: 0; transform: translatey(-50%); } .ywgc-form-preview-to-content { .gothammedium; } .ywgc-single-recipient { display: flex; gap: 16px; } .yt-custom-amount { position: relative; } .ywgc-manual-amount-container { margin-top: 20px; } .ywgc-manual-amount { text-align: left !important; position: relative; } .ywgc-normal-border { border-color: #bebdbd !important; } .ywgc-red-border { border-color: red !important; } .ywgc-normal-border:focus { border-color: #323338 !important; } input[type="text"].selected_button { background-color: #fff; color: #323338; padding-left: 14px !important; } .ywgc-manual-currency-symbol { position: absolute; right: 9px; top: 50%; color: #808284; font-size: 0.9em; background-color: #f0f0f0; padding: 6px; transform: translatey(-50%); text-align: center; line-height: 1em; } .ywgc-form-preview-message-container { font-size: 1em; word-wrap: break-word; } .form-check-gift-card-balance { text-align: center; } .gift-card-balance-container { text-align: center; } .ywgc-error-msg { padding: 8px 12px; background-color: #d74747; color: #fff; display: inline-block; margin: auto; margin-top: 30px; } /*Woocommerce product details tabs*/ .woocommerce-tabs { margin-top: 40px; } .woocommerce-tabs ul.tabs { margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #bbbbbb; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .woocommerce-tabs ul.tabs li { cursor: pointer; text-transform: uppercase; text-align: center; .transition100; border-bottom: 1px solid #bbbbbb; } .woocommerce-tabs ul.tabs li a { padding: 8px 40px 8px 0px; display: block; font-size: 0.9em; } .woocommerce-tabs ul.tabs li.active a { color: #323338; .gothammedium; } .woocommerce-tabs ul.tabs li:hover, .woocommerce-tabs ul.tabs li.active { border-color: #323338; } .woocommerce-tabs .panel { padding-top: 20px; outline: none; } .woocommerce-tabs .panel p { margin-top: 0px; } .attributes .attributecol i { font-size: 3em; display: inline-block; vertical-align: top; } .attributes .attributecol { text-align: left; } .attributes .attributecol .attribute { display: inline-block; margin-left: 15px; } .attributes .attributecol h5 { font-size: 0.9em; .gothamlight; margin-bottom: 0px; color: #838383; } .attributes .attributecol span { color: #323338; font-size: 0.9em; } .attributes .attributecol img { width: 50px; height: auto; display: inline-block; vertical-align: middle; } /*Woocommerce Reviews*/ .productreviews { text-align: center; } .productreviews li { display: inline-block; vertical-align: top; width: 43%; .shadowinset; margin: 10px; padding: 30px; .roundsmall; } .productreviews li .avatar { display: none !important; } .productreviews li .comment-text { text-align: left; } .productreviews li p.meta { width: 20%; display: inline-block; text-align: left; vertical-align: top; } .productreviews li .description { display: inline-block; width: 70%; text-align: left; border-left: 1px dotted #ccc; padding-left: 30px; margin-left: 20px; } /*Woocommerce Photo Styling*/ /*.woocommerce-product-gallery__image img {display: block;width:100%;}*/ .woocommerce-product-gallery { position: relative; margin-bottom: 3em; } .woocommerce-product-gallery figure { margin: 0; } .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; float: left; cursor: pointer; width: 20%; } .woocommerce-product-gallery .flex-control-thumbs { position: relative; bottom: 0px; } .woocommerce-product-gallery .flex-control-thumbs img { opacity: 0.5; .roundsmall; padding: 4px 10px; border: 2px solid #fff; } .woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1; border: 2px solid #323338; } .flex-control-thumbs { display: flex; justify-content: flex-start; } .woocommerce-product-gallery--columns-4 .flex-control-thumbs li { display: inline-block; padding: 0px 6px; } .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; z-index: 99; } a.woocommerce-product-gallery__trigger { text-decoration: none; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 0.875em; right: 0.875em; display: none !important; height: 2em; width: 2em; border-radius: 3px; z-index: 99; text-align: center; text-indent: -999px; overflow: hidden; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { background-color: #169fda; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { background-color: #1781ae; border-color: #1781ae; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none !important; content: "\f00e"; line-height: 2; text-indent: 0; } .single .flex-viewport { display: inline-block; vertical-align: top; } /*Woocommerce Bookings Styling*/ .ui-datepicker table { border-collapse: separate; width: auto; } .wc-bookings-date-picker .ui-datepicker .ui-datepicker-title { padding: 10px 0px 20px 0px; } .wc-bookings-date-picker .ui-datepicker table { border-top: 1px dotted #dadada; padding-top: 10px; } .wc-bookings-booking-form { border: 0px; padding: 0px; margin-top: 30px; font-size: 0.8em; display: inline-block; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.9; } .wc-bookings-date-picker .ui-widget-content { border: 0px; box-shadow: none; } .wc-bookings-date-picker .ui-datepicker th { color: #838383; } .wc-bookings-date-picker .ui-datepicker-header { .gothammedium; border: 0px; color: #838383; text-transform: capitalize; background-image: none; background-color: transparent; } .wc-bookings-date-picker .ui-datepicker td .ui-state-default { color: #838383; padding: 0px; width: 52px; height: 52px; line-height: 50px; } .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next { width: auto; height: auto; background: transparent; top: 10px; } .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev.ui-state-hover, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next.ui-state-hover { background: transparent; } .wc-bookings-date-picker .ui-datepicker th { border: 0px; .gothammedium; } .wc-bookings-date-picker .ui-datepicker td { border: 0px; } .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-other-month { background: transparent; } .ui-widget-header .ui-icon { background-image: none; } .ui-widget-header .ui-datepicker-prev:before { font-family: "FA"; content: "\f053"; font-size: 1.4em; color: #868186; } .ui-widget-header .ui-datepicker-next:before { font-family: "FA"; content: "\f054"; font-size: 1.4em; color: #868186; } .wc-bookings-booking-form fieldset { border: 1px solid #838383; padding: 20px; .roundsmall; } .wc-bookings-date-picker .ui-datepicker td.bookable a { color: #838383 !important; background-color: transparent !important; border: 1px solid #838383 !important; border-radius: 50%; } .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default { background-color: #838383 !important; border-radius: 50%; } .wc-bookings-booking-form .block-picker li { width: auto; min-width: auto; margin-right: 10px; } .wc-bookings-booking-form .block-picker li a { width: auto !important; height: auto !important; padding: 10px 20px; } .wc-bookings-booking-form .block-picker li:nth-child(2n + 1) a { border: 1px solid #838383; .roundsmall; } .wc-bookings-booking-form .block-picker li:nth-child(2n) a { border: 1px solid #838383; .roundsmall; background-color: #fff; } .wc-bookings-booking-form .block-picker li:nth-child(2n + 1) a:hover, .wc-bookings-booking-form .block-picker li:nth-child(2n + 1) a:focus, .wc-bookings-booking-form .block-picker li a.selected, .wc-bookings-booking-form .block-picker li:nth-child(2n) a:hover, .wc-bookings-booking-form .block-picker li:nth-child(2n) a:focus { background-color: #838383 !important; } .wc-bookings-booking-form .wc-bookings-booking-cost { margin: 20px 0px 0px 0px; .roundsmall; } .selecteddate { background-color: #f5f5f5; display: inline-block; padding: 6px 20px; .roundsmall; margin-bottom: 20px; } .selecteddate .date { font-size: 1.8em; color: #838383; display: block; .gothammedium; } /*Woocommerce Cart and Checkout*/ .woocommerce-cart h1.pagetitle, .woocommerce-checkout h1.pagetitle { text-align: center; } .woocart .quickactions { margin-bottom: 30px; text-align: center; } .woocommerce-cart-form { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .woocart .woocommerce-cart-form__contents { .roundsmall; flex-basis: 62%; } .woocart .cart_item { border-bottom: 1px dotted #ccc; padding: 20px 0px; } .woocart .productthumbnail { width: 28%; display: inline-block; vertical-align: top; } .woocart .productthumbnail img { margin: auto; } .woocart .productinfo { display: inline-block; width: 70%; margin-left: -5px; padding-left: 40px; position: relative; vertical-align: middle; } a.remove { font-size: 1.4em; display: inline-block; text-align: center; background-color: #fff; border: 1px solid #838383; width: 24px; height: 24px; line-height: 20px; color: #838383; .transition100; .roundsmall; } a.remove:hover { background-color: #838383; color: #fff; } .woocart .productname { .gothammedium; font-size: 1em; text-transform: uppercase; color: #323338; padding-right: 34px; } .woocart .productmeta { text-transform: none; color: #828386; } .woocart .productprice { margin-top: 10px; } .woocart .productquantity { margin-top: 20px; } .woocart .productsubtotal { margin-top: 20px; text-align: right; .gothammedium; } .woocart .product-remove { position: absolute; right: 0px; top: 0px; } .woocart .productinfo .quantity label { display: none; } .woocart .actions { flex-basis: 34%; box-shadow: 0px 0px 40px -20px rgba(0, 0, 0, 0.1); background-color: #f0f0f0; padding-bottom: 30px; } .woocart .cartsummary { margin: auto; font-size: 0.8em; padding: 30px; } .woocart .cartsummary main { color: #999; display: block; } .woocart .cartsummary details { .gothamlight; color: #323338; } .woocart .coupon { display: none; text-align: right; padding: 20px 0; } .woocart .carttotals .cartsubtotal, .woocart .carttotals .woocommerce-shipping-totals, .woocart .carttotals .order-total { border-bottom: 1px solid #ccc; padding: 10px 0px; } .woocart .carttotals .order-total { border-bottom: 0px; } .woocart .cart_totals small { text-align: left; font-size: 70%; padding: 10px; } .woocart .cart-collaterals { padding: 10px; border-top: 1px solid #ccc; padding-top: 20px; } .woocart .cart-collaterals table tr th { text-align: left; padding: 12px; } .woocart .cart-collaterals table tr td { .gothamlight; text-align: right; padding: 12px; border-right: 0px; } .woocart .cart-collaterals .carttable { background-color: #f4f4f4; border-radius: 5px; width: 50%; margin: auto; } .woocart .cart-checkout-buttons { width: 100%; padding: 0px 30px; overflow: hidden; } .woocart .cart-checkout-buttons input[type="submit"] { padding: 30px 60px; } .woocart .cart-checkout-buttons input.checkout-button { background-color: #323338; color: #fff; width: 100%; } .woocart .cart-checkout-buttons input.checkout-button:hover { background-color: #838383; border-color: #838383; } .cart-discount { margin-bottom: 20px; } ul.acfw-add-products-summary { padding: 2px 0px; margin: 0 !important; list-style: none; } /*Cross Sells*/ .crosssells { width: 100%; flex-basis: 100%; margin-bottom: 40px; border: 2px solid #ccc; box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.04); font-size: 0.9em; } .crosssells h3.crosssell-title { background-color: #323338; .gothammedium; text-align: center; color: #fff; font-size: 1.2em; padding: 4px 0px; margin: 0; } .crosssells ul.products { text-align: left; display: flex; flex-direction: row; justify-content: flex-start; padding: 20px; flex-wrap: wrap; } .crosssells ul.products li.product { width: 33.3%; flex-basis: 33.3%; padding: 6px; text-align: left; margin: 0 0 10px 0px; } .crosssells ul.products li.product .product-container { display: flex; } .crosssells ul.products li.product a.productlink { position: relative; width: 30%; flex-basis: 30%; vertical-align: top; margin-right: 10px; } .crosssells ul.products li.product .product-content { width: 70%; flex-basis: 70%; } .crosssells ul.products li.product h3 { margin: 0px; } .crosssells ul.products li.product .price { margin-top: 0px; margin-bottom: 0px; } .crosssells ul.products li.product p { margin-top: 3px; margin-bottom: 5px; } .crosssells ul.prodducts li.product .product-purchase { margin-top: 8px; } .crosssells .productactions, .crosssells .jvm_add_to_wishlist { width: 24px; height: 24px; line-height: 24px; margin: 0px 6px 0px 0px !important; } .crosssells .productactions .icon { font-size: 0.8em; } .crosssells .jvm_add_to_wishlist.button .jvm_add_to_wishlist_heart { font-size: 0.8em; } .crosssells .closevariation { text-align: center; } .crosssells .title-description { display: none; } .crosssells .mobile-selector { position: static; text-align: center; margin-top: 6px; } .crosssells .product-image-hover-button { position: static; transform: none; font-size: 1.4em; } .additionalcartdetails { width: 100%; flex-basis: 100%; margin-top: 40px; } ul.woocommerce-shipping-methods { list-style: none; padding: 0px; margin: 0px; } ul.woocommerce-shipping-methods li { margin: 6px 0px; } .woocommerce-shipping-methods label { background-color: #838383; .roundsmall; display: inline-block; padding: 6px 14px; color: #fff; .gothammedium; } .cart-empty .icon { font-size: 2em; display: block; text-align: center; margin-bottom: 20px; } .woocommerce-checkout form.checkout { margin-top: 30px; } .woocommerce-checkout .col-1 { width: 48%; display: inline-block; vertical-align: top; } .woocommerce-checkout .col-2 { width: 50%; display: inline-block; margin-left: -5px; padding-left: 5%; } .woocommerce-checkout .col-2 .checkoutsection { .roundsmall; box-shadow: -20px 0px 40px -20px rgba(0, 0, 0, 0.1); padding: 30px; } .woocommerce-checkout form.checkout .col2-set .col-2 ul.payment_methods, ul.payment_methods { list-style: none; padding: 0px; margin: 0px; } .woofields { display: flex; flex-wrap: wrap; justify-content: space-between; } .woofields p { margin-bottom: 0px; padding-bottom: 0px; } .woofields .form-row-first, .woofields .form-row-last { flex-basis: 49%; } .woofields .form-row-wide { flex-basis: 100%; } .woofields #ship-to-different-address { flex-basis: 100%; background-color: #e4e4e4; padding: 20px; color: #323338; display: none; position: fixed; left: -100%; } .woofields #ship-to-different-address label { color: #323338; } .woofields .dis20 { flex-basis: 100%; } .woofields .notes { flex-basis: 100%; } .giftmessagebox { width: 100%; margin-top: 20px; } .form-row .woocommerce-input-wrapper .description { display: block !important; background-color: #f0f0f0; padding: 8px; font-size: 0.8em; line-height: 1.4em; margin-top: -6px; } span.characteroutputactive { margin-top: 6px; background-color: #323338; padding: 3px 6px; display: inline-block; color: #fff; } .acfw-bogo-summary { padding: 0px; list-style: none; margin: 0px !important; background-color: #ffe8cb; padding: 10px; } .acfw-bogo-summary .discount { font-weight: bold; margin-top: 2px; display: inline-block; } .woocommerce-customer-details--phone, .woocommerce-customer-details--email { display: block; } /*Mini Cart*/ .cart-view { padding: 3px 6px; background-color: #323338; color: #fff; } .cart-view:hover { color: #fff; } .minicartcontainer { position: fixed; flex-direction: column; justify-content: space-between; padding: 20px; right: 0; top: 0; z-index: 100000; background-color: #fff; .shadowmedium; width: 40%; height: 100%; transform: translate3d(100%, 0, 0); transition: transform cubic-bezier(0.11, 0.19, 0.27, 0.98) 0.6s; overflow-y: auto; } .minicartcontainer #minicartcontainer { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .minicartcontainer #minicartcontainer form { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .woocommerce-mini-cart { max-height: 600px; min-height: 100px; overflow-y: auto; margin: 0; padding: 0 2px; list-style: none; margin-bottom: 20px; margin-top: 10px; font-size: 0.9em; line-height: 1.4em; } .woocommerce-mini-cart li { display: flex; align-items: center; /*box-shadow:1px 1px 2px 1px rgba(0,0,0,0.05);border:1px solid #F0F0F0;*/ border-bottom: 1px dotted #d5d5d5; padding: 10px; margin-bottom: 10px; } .woocommerce-mini-cart li .minicartimage { max-width: 160px; flex-basis: 220px; margin: auto; } .woocommerce-mini-cart li .minicartimage img { width: 180px; } .woocommerce-mini-cart li .minicartname { display: block; flex-basis: 100%; } .woocommerce-mini-cart li .quantity { display: inline-block; margin: 4px 0px 8px 0px; } .woocommerce-mini-cart a.remove { height: 18px; flex-basis: 24px; line-height: 15px; } .carttitle { border-bottom: 2px solid #1c1c1c; } #close-cart { text-align: center; font-size: 1.5em; } .woocommerce-mini-cart__empty-message { text-align: center; } .woocommerce-mini-cart__empty-message i { font-size: 1.8em; display: block; margin-bottom: 10px; } .woocommerce-mini-cart input.qty { padding: 8px 8px; width: 46px; } .woocommerce-mini-cart .quantity .plus, .woocommerce-mini-cart .quantity .minus { width: 40px; padding: 8px 0px; } .minicartcontainer .crosssells ul.products { display: block; padding: 0; } .minicartcontainer .crosssells ul.products li.product { margin: 0; padding: 8px 0; width: 100%; border: 0; } .minicartcontainer .crosssells h3.crosssell-title { margin-bottom: 10px; color: #323338; background-color: transparent; text-align: left; } .crosssells.mini-cart-crosssells { margin-bottom: 10px; border: 0; box-shadow: unset; } .crosssells.mini-cart-crosssells .product-purchase { margin-top: 6px; } .crosssells.mini-cart-crosssells .mobile-selector, .crosssells.mini-cart-crosssells .hoverimage { display: none !important; } .minicartbuttons { width: 100%; display: block; border-top: 2px solid #323338; font-size: 0.9em; } .minicartcontainer .submit-button #update-mini-cart { padding: 10px 14px; } .woocommerce-mini-cart__buttons { margin-top: 20px; margin-bottom: 30px; } .woocommerce-mini-cart__buttons a { width: 50%; text-align: center; padding: 8px 20px; width: 40%; } .woocommerce-mini-cart__buttons a.checkout { background-color: #323338; color: #fff; width: 60%; } .woocommerce-mini-cart__total { margin-top: 20px; } .minicartcontainer .submit-button { margin-top: 10px; } .minicartcontainer .crosssells .productactions, .minicartcontainer .crosssells .jvm_add_to_wishlist { width: 30px; height: 30px; line-height: 30px; margin-right: 8px; } .minicartcontainer .crosssells .productactions .icon { font-size: 1em; } ul.payment_methods li { padding: 10px 0px 10px 0px; border-bottom: 1px dotted #ccc; .transition100; } .woocommerce-checkout-review-order-table { width: 100%; font-size: 0.8em; text-align: left; padding: 10px; .roundsmall; } .woocommerce-checkout-review-order-table thead th { border-bottom: 1px solid #dbdbdb; padding-bottom: 8px; } .woocommerce-checkout-review-order-table tr th, .woocommerce-checkout-review-order-table tr td { vertical-align: top; } .woocommerce-checkout-review-order-table tr.cart_item td { padding: 13px 0px; vertical-align: top; } .woocommerce-checkout-review-order-table tr.cart_item td.product-name { padding-right: 10px; .gothammedium; font-size: 1em; color: #323338; text-transform: uppercase; } .woocommerce-checkout-review-order-table tr.cart_item td .productmeta { text-transform: none; color: #828386; } .woocommerce-checkout-review-order-table tfoot th, .woocommerce-checkout-review-order-table tfoot td { border-top: 1px solid #dbdbdb; padding: 12px 0px; } .woocommerce-checkout-review-order-table tr.cart_item td.product-name strong.product-quantity { color: #838383; } .woocommerce-checkout-review-order-table tr.cart_item td.product-total { width: 35%; } small.includes_tax { display: block; .gothamlight; } .woocommerce-checkout-payment { margin-top: 20px; } .woocommerce-checkout-payment .woocommerce-terms-and-conditions { margin-top: 20px; } .optional { display: none; } .intl-tel-input { width: 100%; font-size: 0.9em; } .intl-tel-input .country-list .flag-box { display: none; } .intl-tel-input.separate-dial-code .selected-dial-code { font-size: 0.8em; } .intl-tel-input.separate-dial-code .selected-dial-code { padding-left: 25px; padding-right: 18px; } .int-phone.valid-msg, .int-phone.error-msg { padding: 5px !important; word-wrap: unset; right: 5px; top: 7px; .roundsmall; font-size: 0.8em; color: #fff !important; } .int-phone.error-msg { background-color: #d74747; } .int-phone.valid-msg { background-color: #5da95d; } .tab-header { border-bottom: 1px solid #d5d5d5; cursor: pointer; padding: 12px 12px 12px 0px; } .tab-header span { float: right; font-size: 0.58em; margin-top: 6px; } .checkout-box { position: relative; } .checkoutloginbox, .couponbox, .checkoutcreateaccount, .ywgc_enter_code { padding: 20px; .roundsmall; .shadowsmall; border-top-left-radius: 0px; border-top-right-radius: 0px; } .woocommerce-NoticeGroup-checkout { width: 100%; display: inline-block; } .createaccountcheckbox { border-bottom: 1px solid #d5d5d5; cursor: pointer; padding: 12px 12px 12px 0px !important; margin-bottom: 0px; } .order-details-container { align-items: flex-start; column-gap: 10px; } .wc-item-meta { padding: 0; list-style: none; } .thanksLeft, .thanksRight { border-radius: 5px; background-color: #f8f8f8; padding: 20px; } .thanksLeft { padding: 0; background-color: transparent; flex-basis: 36%; } .thanksRight { background-color: #eee; border-right: 2px solid #dfdfe3; border-bottom: 2px solid #dfdfe3; flex: 1; } ul.order_details { list-style: none; padding: 0px; margin: 0px; background-color: #323338; color: #fff; padding: 20px; border-radius: 5px; } ul.order_details li { padding: 2px 0px; } .deliverydates, .accountcreation { border: 1px dotted #ccc; border-radius: 5px; padding: 20px; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.05); margin-top: 20px; background-color: #fff; } .wc_payment_method img { width: 13%; position: absolute; right: 10px; top: 13px; } a.about_paypal { display: none !important; } .holler-box input#s, .holler-box input[type="email"], .holler-box input[type="text"] { font-size: 1em !important; } .icon-cancel:before { content: "X"; .gothambold; } .order_details thead th.product-name { width: 70%; } .order_details thead th.product-total { width: 30%; } /*Currency Styling*/ .widget_wc_aelia_currencyswitcher_widget { position: relative; text-align: right; display: inline-block; font-size: 0.95em; } .selected_currency { border-left: 1px solid #5d5f69; border-right: 1px solid #5d5f69; padding: 6px 14px; cursor: pointer; } .selected_currency.number-of-countries-1 { cursor: default; } .selected_currency i { margin-left: 5px; font-size: 0.5em; font-weight: bold; margin-left: 10px; vertical-align: middle; } .currency_drop_down { position: absolute; right: 0; background-color: #fff; .shadowsmall; text-align: center; display: none; z-index: 9999; width: 100%; } .currency_drop_down button { border: 0px; border-radius: 0px; font-size: 1em; padding: 10px 14px; width: 100%; display: block; font-weight: normal; cursor: pointer; } .currency_drop_down button:hover { background-color: #f1f1f1; color: #323338; } .error { background-color: #ffebe8; border: 1px solid #c00; border-radius: 4px; padding: 4px; } .error .title { font-weight: bold; font-size: large; } /*Country Popup section*/ .holler-box .positioner.center-center { width: 80%; } .holler-box .holler-box-modal { width: 100%; max-width: 100%; } .holler-box-modal-content { width: 100% !important; text-align: center; } .holler-title { display: none !important; } .selected_country { .roundsmall; padding: 14px 30px; .transition100; .shadowinset; border: 2px solid #d5d5d5; cursor: pointer; width: 300px; margin: auto; } .country_list { background-color: #fff; .roundsmall; margin: auto; text-align: left; } .country_list .country_select { padding: 10px 20px; width: 100%; display: block; cursor: pointer; .transition100; color: #fff; background-color: #323338; margin: 0px 4px; .roundsmall; font-weight: 300; } .country_list .country_select:hover { background-color: #838383; } .selected_country i:before { float: right; font-size: 0.7em; padding-top: 5px; } .countrypopup { font-size: 15px; } .countrypopup h2 { text-align: center; } .countrypopup .region-header { margin-bottom: 40px; } .countrypopup .region-header .region-title { border-bottom: 2px solid #323338; margin-bottom: 10px; cursor: pointer; display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center; } .countrypopup .region-header .region-title h4 { margin-bottom: 0; } .countrypopup .region-header .region-title i { font-size: 0.6em; } .holler-box .holler-box-modal .holler-box-modal-content p { font-size: 15px; } .holler-box .holler-box-modal button.holler-box-modal-close { font-size: 50px; } .countries_in_region { display: none; column-gap: 10px; flex-wrap: wrap; } .countries_in_region .country_button { border: 0; font-size: 13px; line-height: 1.2em; text-transform: uppercase; padding: 12px 4px; border-bottom: 1px solid #f0f0f0; flex-basis: 32%; align-items: center; margin-bottom: 12px; text-align: left; position: relative; } .countries_in_region .country_button:hover { background-color: #323338; color: #fff; } .countries_in_region .country_button .countryinfo { display: flex; align-items: center; } .countries_in_region .country_button img { width: 26px; box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.06); } .countries_in_region .country_button .country_name, .countries_in_region .country_button .country_currency { margin-left: 10px; } .countries_in_region .country_button .country_currency { color: #969696; } .shipping-description { flex-basis: 100%; position: absolute; text-transform: none; font-size: 0.9em; line-height: 1.3em; display: none; top: 52px; left: 0; padding: 7px; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.07); background-color: #323338; color: #fff; z-index: 999; white-space: pre-wrap; } .countries_in_region .country_button:hover .shipping-description { color: #fff; background-color: #323338; display: inline-block; animation: slidein ease-out 0.4s; } .emailsignupcountry input[type="email"].emailsubscribe-popup { width: 80%; } .map-eyecandy { max-height: 170px; overflow: hidden; } .map-eyecandy img { width: 100%; } .morecountriespopup { padding-bottom: 0; } /*Newsletter Popup*/ .holler-box.hwp-bottomleft, .hwp-floating-btn.hwp-bottomleft { left: 0px; bottom: 0px; } .hwp-bottomright, .hwp-bottomleft { width: 600px; padding: 8px; box-shadow: 2px 2px 35px 12px rgba(0, 0, 0, 0.08); } .hwp-bottomright .holler-inside, .hwp-bottomleft .holler-inside { border: 2px solid #b0b1b4; padding: 12px; } .hwp-bottomleft .hwp-close { padding: 6px 7px; background-color: #faf6f6; border: 1px dotted #323338; } .hwp-powered-by { display: none !important; } .hwp-bottomright .klaviyo_submit_button, .hwp-bottomleft .klaviyo_submit_button, .hwp-close .klaviyo_submit_button { margin-top: 10px; } .holler-box h4 { font-size: 1.2em; line-height: 1.6em; } .hwp-bottomleft .hwp-row { margin-top: 0px; padding: 0px 20px 0px 0px; } .hwp-bottomleft p { margin-top: 0px; } /*B2B disclaimer popup*/ .b2b-terms { text-align: left; } .woocommerce-account .b2b-terms h2 { text-align: left; } .b2b-terms ul { list-style: none; padding: 0px; } .hwp-popup ul li:before { content: ""; } .b2b-terms ul li { padding: 10px 0px; border-bottom: 1px solid #f0f0f0; } .b2b-terms .hwp-close .hwp-icon { display: none; } /*User Account pages*/ .short, .bad, .good, .strong { padding: 5px; color: #fff; background-color: #323338; display: inline-block; margin-bottom: 10px; clear: both; .roundsmall; font-size: 0.8em; } .short, .bad { background-color: #d9534f; } .good, .strong { background-color: #323338; } .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group { position: relative; } .ur-button-container { position: relative; } .ur-front-spinner, .lwa-loading { background-image: url("spinner.gif"); } .ur-front-spinner { width: 19px; height: 19px; opacity: 1; background-size: contain; vertical-align: middle; position: absolute; right: 0; } #tradelicensefile_field .ur-label { display: none; } .user-registration-error ul, .user-registration-message ul { padding: 0px; list-style: none; margin: 0px; } .textbox .user-registration-error li:before, .textbox .user-registration-message ul li:before { display: none; } .user-registration-message { margin-top: 20px; background: #eaf0e4; margin-top: 20px; padding: 8px 12px; .roundsmall; } .user-registration-error, .textbox .user-registration-error, label.user-registration-error { font-size: 0.8em; padding: 2px 8px; background-color: #d74747; color: #fff; .roundsmall; margin-top: 0; list-style: none; } .ur-field-item label.user-registration-error { margin-top: 3px; } .ur-field-item .description { font-size: 0.8em; line-height: 1.3em; display: inline-block; margin-top: 8px; } .ur-field-item { margin-bottom: 20px; } .user-registration-password-hint, .woocommerce-password-hint { display: block; margin-bottom: 10px; line-height: 1.4em; } .woocommerce-account h1 { text-align: center; } .woocommerce-account h2 { text-align: center; } address { font-style: normal; } .woocommerce-info { .shadowsmall; padding: 20px; text-align: center; } .woocommerce-account .woocommerce-MyAccount-content, .mainuserbox { .shadowsmall; .roundsmall; padding: 60px; overflow: hidden; .smallwidth; } .topheaderuserbox, .topheaderuserboxmobile { margin-left: auto; font-size: 1.2em; text-transform: capitalize; position: relative; } .topheaderuserbox a { color: #323338; padding: 6px 12px; } .topheaderuserboxmobile a { padding: 6px 12px; } .userheader { background-color: #323338; padding: 20px; text-align: center; } .userheader .useravatar, .toppanel .useravatar { text-transform: lowercase; width: 60px; height: 60px; display: inline-block; background-color: #fff; line-height: 60px; text-align: center; border-radius: 70px; margin: 0px 30px; vertical-align: middle; } .showaccountnavigation { text-align: center; padding: 16px 0px; cursor: pointer; background-color: #f3f3f3; .roundsmall; } .accountnavigation { display: inline-block; vertical-align: middle; margin: 0px 20px; } .woocommerce-MyAccount-navigation { width: 100%; } .woocommerce-MyAccount-content { width: 100%; padding-top: 40px; } .woocommerce-MyAccount-content p.form-row-first { margin-top: 0px; } .woocommerce-MyAccount-navigation ul { margin: 0px !important; padding: 0px; list-style: none; text-align: center; } .woocommerce-MyAccount-navigation ul li { display: inline-block; padding-left: 0px !important; margin: 0px; } .woocommerce-MyAccount-navigation ul li a { padding: 8px 10px; display: block; .transition100; border-bottom: 2px solid #323338; } .woocommerce-MyAccount-navigation ul li a:hover { border-color: #f3f3f3; color: #fff; } .woocommerce-MyAccount-navigation ul li.active a, .woocommerce-MyAccount-navigation ul li.active a:hover { background-color: #323338; color: #fff; } .woocommerce-MyAccount-content table { width: 100%; text-align: left; } .woocommerce-MyAccount-content form label { width: 100%; display: block; } .woocommerce-MyAccount-content form .woocommerce-form-row span { display: block; } .woocommerce-MyAccount-content form .woocommerce-form-row span.required { display: inline; } .woocommerce-MyAccount-content table { font-size: 0.8em; } .woocommerce-orders-table__cell-order-actions a { background: #f3f3f3; border: 0px; padding: 2px 6px; margin: 4px; } .woocommerce-orders-table__cell-order-actions a:hover { background: #323338; color: #fff; } .woocommerce-MyAccount-content table thead th, table.tinvwl-table-manage-list thead th { background: #a4a7b2; color: #fff; padding: 10px; } .woocommerce-MyAccount-content table tbody td, table.tinvwl-table-manage-list tbody td { padding: 10px; border-bottom: 1px dotted #ccc; } .woocommerce-MyAccount-content table tbody tr:nth-child(even), table.tinvwl-table-manage-list tbody tr:nth-child(even) { background: #fcfcfc; } #other_primary_business_field { display: none; } fieldset { border: 0px; padding: 0px; margin: 0px; margin-top: 30px; border-top: 2px solid #323338; } fieldset legend { .swiftbold; color: #323338; font-size: 1.7em; padding-right: 10px; } img.trade_license { width: 80px; border: 3px solid #fff; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); } .jvm-woocommerce-wishlist-product td.product-thumbnail { width: 20%; } .woocommerce-billing-fields { display: none; padding: 30px; background-color: #fbfbfb; border: 2px dotted #d2d2d3; border-top: 0; } .onlybilling { border-top: 2px dotted #d2d2d3; } #enable-billing { box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04); } .billing-is-shipping-option { background-color: #f0f0f0; padding: 20px; border: 2px dotted #d2d2d3; } .billing-is-shipping-option label { color: #323338; } .billing-is-shipping-option.billing-section-open { border-bottom: 0; } .sm-button { .theButton; padding: 4px 12px; } .userbox .useravatar { width: 30px; height: 30px; display: inline-block; background-color: #323338; color: #fff; text-align: center; line-height: 30px; border-radius: 30px; margin-right: 10px; } .the_champ_outer_login_container { overflow: hidden; } .woocommerce-checkout .woocommerce .login { .shadowsmall; padding: 30px; } .woocommerce-checkout .woocommerce .login p { margin-top: 0px; } .checkout .the_champ_outer_login_container { display: none; } .the_champ_social_login_title { font-size: 1em; line-height: 1.2em; margin-bottom: 20px; .gothammedium; } .theChampLogin { width: 120px; height: 60px; float: none; display: block; } .theChampFacebookLoginSvg { background-position: center !important; } .userforms { width: 54%; margin: auto; .shadowsmall; padding: 40px; margin: 0px 20px; display: inline-block; } .centered { margin: auto; display: block; } .userforms h1.titles { text-align: left; } .announcement { width: 40%; float: right; } .userforms p { margin-top: 0px; } .userforms p.login-remember { margin-top: 20px; } .sociallogin { border-top: 2px solid #000; margin-top: 30px; padding-top: 30px; } .userforms label { width: 100%; display: block; } .userforms .cptch_span img { width: 40px; vertical-align: middle; } .ur-frontend-form { border: 0px !important; padding: 0px !important; } .ur-form-row { display: flex; margin: 0px -10px; } .ur-frontend-form .ur-form-row .ur-form-grid { padding: 0px 10px !important; width: 100% !important; } .ur-frontend-form button[type="submit"], .ur-frontend-form input[type="submit"] { float: none !important; margin: 20px 0px 0px 0px; } .ur-frontend-form .ur-form-row .ur-form-grid label, .ur-frontend-form .ur-form-row .ur-form-grid legend { margin-bottom: 0px !important; } .flatpickr-current-month span.cur-month, .flatpickr-current-month input.cur-year, .flatpickr-day { font-size: 0.8em !important; } .account-overview { width: 40%; display: inline-block; padding: 20px; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05); } .account-overview ul { margin: 0px; padding: 0px; list-style: none; margin-bottom: 20px; } .account-overview ul li { border-top: 1px dotted #ccc; padding: 10px 0px !important; } .userforms ul { margin: 0px; padding: 0px; list-style: none; } .userforms ul li { padding-left: 0px; margin-bottom: 20px; } #pass-strength-result { display: block; border: 1px solid #ccc; padding: 6px; width: 200px; text-align: center; font-size: 0.9em; } #pass-strength-result.short { background-color: #f1adad; } #pass-strength-result.bad { background-color: #fbc5a9; } #pass-strength-result.good { background-color: #ffe399; } #pass-strength-result.strong { background-color: #c1e1b9; } .userforms label.cptch_label, .userforms .cptch_reload_button_wrap { display: table-cell; margin: 5px 0 !important; vertical-align: middle; line-height: 1; } .login-submit, .form-submit { /*text-align:center;*/ } p.form-submit { padding-bottom: 0px; margin-bottom: 0px; } .wppb-description-delimiter { margin: 10px 0px; display: block; border: 1px dotted #ccc; padding: 10px; font-size: 0.8em; color: #9a9a9a; } .cptch_reload_button_wrap { vertical-align: middle; margin-left: 10px; display: inline-block; } #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a { .gothammedium; } .order_details { text-align: left; width: 100%; } .order_details tfoot tr th, .order_details tfoot tr td { border-top: 1px solid #ccc; padding: 10px 0px; } .customer_details th, .customer_details td { border-bottom: 1px solid #ccc; padding: 10px 20px 10px 0px; text-align: left; } .addresses .col-1, .addresses .col-2 { width: 49%; padding-left: 0px; margin-left: 0px; display: inline-block; vertical-align: top; } a.edit { background: #808284; color: #fff; font-size: 0.9em; padding: 6px 10px; margin: 10px 0px; display: inline-block; } a.edit:hover { background-color: #323338; } dd.variation-pa_size { margin-left: 0px; } .product-name a { .gothammedium; } /* General content pages*/ .headerimage { padding: 200px 0 !important; background-size: cover; background-repeat: no-repeat; } ul.special { margin: 0px; padding: 0px; list-style: none; } ul.special li { padding: 0px 0px 10px 0px; } .imagelinks .block { position: relative; background-position: center; background-size: cover; text-align: center; max-height: 500px; height: 500px; .roundsmall; .transition300; } .imagelinks .block:before { .transition100; top: 0; content: ""; background-color: #000; opacity: 0.3; position: absolute; display: block; width: 100%; height: 100%; } .imagelinks .block a { display: block; position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; } .imagelinks .block h4 { .swiftmedium; .transition100; font-size: 1.5em; margin-bottom: 0px; } .imagelinks .linkaction { .theButton; position: absolute; opacity: 0; border-color: #fff; background-color: transparent; color: #fff; } .imagelinks .block:hover h4 { transform: translateY(-40px); } .imagelinks .block:hover .linkaction { opacity: 1; transform: translateY(40px); } .imagelinks .block:hover:before, .imagelinks .block:focus:before { opacity: 0.6; } .nopadding { margin-right: 0%; } .nopadding .wp-block-column, .special-links .wp-block-column { margin-right: 0%; margin-left: 0%; } .nopadding .block, .special-links .block { border-radius: 0px; } .nopadding .icon, .special-links .icon { position: absolute; opacity: 0; border-color: #fff; background-color: transparent; .transition100; } .nopadding .block:hover .icon, .special-links .block:hover .icon { opacity: 1; transform: translateY(40px); } .nopadding .roundthis .block, .special-links .roundthis .block { border-radius: 3px 0px 0px 3px; } .nopadding .block h4, .special-links .block h4 { .gothammedium; text-transform: uppercase; font-size: 1.2em; } .wp-block-media-text { direction: ltr; display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media { -ms-grid-row-align: center; align-self: center; } .wp-block-media-text .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; padding: 0 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .uagb-section__wrap { position: relative; } .uagb-section__wrap .uagb-section__overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .uagb-section__wrap .uagb-section__inner-wrap { margin-left: auto; margin-right: auto; position: relative; z-index: 2; } .wp-block-columns { display: flex; margin-bottom: 28px; flex-wrap: nowrap; } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; flex-basis: calc(50% - 16px); } .wp-block-column.is-vertically-aligned-center { -ms-grid-row-align: center; align-self: center; } .has-text-align-center { text-align: center; } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } .aligncenter { text-align: center; } .alignright { text-align: right; } .alignleft { text-align: left; } .wp-block-video video { width: 100%; } .wp-block-column { margin-right: 1% !important; margin-left: 1% !important; flex-basis: 50%; } .wp-block-media-text .wp-block-media-text__media { padding: 0% !important; } .wp-block-media-text.has-media-on-the-right { grid-template-columns: auto 54%; } .wp-block-media-text { grid-template-columns: 54% auto; } .wp-block-media-text .wp-block-media-text__content { padding: 20px; } .textbox ul { margin: 0px; list-style: none; padding: 0px; } .textbox ul li { padding: 7px 0px; padding-left: 60px; font-size: 16px; } .textbox ul li:before { content: ""; border-top: 2px solid #b0b3bd; height: 1px; width: 50px; display: inline-block; margin-left: -60px; margin-right: 10px; vertical-align: middle; } .textbox ol { padding-left: 20px; margin-top: 5px; } .textbox ol li { padding-left: 10px; } .textbox ol li::before { display: none; } .stretch .wp-block-media-text__content { padding: 30px 60px 30px 60px !important; } .normalimage.has-media-on-the-right { grid-template-columns: auto 50% !important; } .normalimage { grid-template-columns: 50% auto !important; } .normalimage .wp-block-media-text__media { padding: 0 0% !important; } .normalimage .wp-block-media-text__content { padding: 0 8% !important; } #corporate_form_download_form .validation_error { margin: 0px auto 30px auto; width: 90%; } .wp-block-uagb-section .wp-block-media-text .wp-block-media-text__media { padding: 0% !important; overflow: hidden; height: 100%; } .wp-block-uagb-section .wp-block-media-text.has-media-on-the-right { grid-template-columns: auto 50%; } .wp-block-uagb-section .stretch > figure > img, .wp-block-uagb-section .stretch > figure > video { min-height: 100%; min-width: 100%; height: auto; display: block; } .wp-block-uagb-section .stretch .wp-block-media-text__content { padding-top: 30px; padding-bottom: 30px; } .wp-block-uagb-section .stretch .wp-block-media-text__media .rev_slider_wrapper, .wp-block-uagb-section .stretch .wp-block-media-text__media .rev_slider { min-width: 100%; min-height: 100%; height: 100%; } .wp-block-media-text { grid-template-columns: 50% auto; } .white { background-color: #fff; } .highlightcolums .wp-block-columns, .highlightcolums .wp-block-image { margin-bottom: 10px; } .highlightcolums .wp-block-column:not(:first-child), .highlightcolums .wp-block-column:nth-child(2n) { margin-right: 2%; margin-left: 2%; } .icons img { height: 60px; width: auto !important; } .offset { margin-top: -4%; } .wp-block-uagb-section .floatingnav { margin-bottom: 0px !important; } .wp-block-uagb-section .floatingnav ul.slick-dots { width: auto; border-radius: 7px; position: absolute; bottom: 20px; background-color: rgba(255, 255, 255, 0.4); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .wp-block-uagb-section h3 { margin-bottom: 10px; } .wp-block-uagb-section .wp-block-column { margin-bottom: 0px; } .wp-block-uagb-section .dark { color: #fff; } .wp-block-uagb-section .dark .avantchabutton a.wp-block-button__link, .wp-block-uagb-section .dark .avantchabutton button.wp-block-button__link { border-color: #fff; color: #fff; } .wp-block-uagb-section .dark .avantchabutton a.wp-block-button__link:hover, .wp-block-uagb-section .dark .avantchabutton button.wp-block-button__link:hover { background-color: #fff; color: #323338; } .uagb-column__wrap { position: relative; overflow: hidden; } .uagb-columns__wrap .uagb-columns__inner-wrap { margin-left: auto; margin-right: auto; position: relative; z-index: 2; } .uagb-columns__inner-wrap { display: flex; flex-wrap: nowrap; } .uagb-column__wrap .uagb-column__overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .uagb-columns__wrap .uagb-column__wrap { display: flex; } .uagb-column__wrap .uagb-column__inner-wrap { margin-left: auto; margin-right: auto; position: relative; z-index: 2; width: 100%; } .uagb-columns__columns-2 > .uagb-column__wrap { width: 50%; } .uagb-columns__valign-middle .uagb-column__wrap { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wp-block-image img { width: 100%; vertical-align: middle; } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized { display: table; margin-left: 0; margin-right: 0; } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; } .wp-block-columns, .wp-block-image { margin-bottom: 0px; margin-top: 0px; } .metaslider .flexslider { margin-bottom: 0px; } .metaslider .flex-control-nav { bottom: 24px !important; } .metaslider .theme-default .nivo-directionNav a { background-image: url("slider-arrows.png") !important; height: 50px !important; } .metaslider .theme-default a.nivo-nextNav { background-position: -42px 0 !important; } .metaslider .flexslider .flex-direction-nav li a { background-image: url("slider-arrows.png") !important; height: 50px !important; } .metaslider .flex-direction-nav .flex-next { background-position: -42px 0 !important; } .metaslider .caption-wrap { .swiftbold; position: absolute; bottom: 20% !important; left: 10% !important; opacity: 1 !important; background-color: transparent !important; width: 70% !important; margin: auto !important; } .metaslider .caption { .swiftbold; font-size: 2.8em; } .testimonials { text-align: center; } .testimonials .testmonialbody { color: #5a5b5f; } .testimonials .testimonialname { margin-top: 20px; font-weight: bold; } .testimonials .testimonialname img { display: block; clear: both; margin: auto; margin-bottom: 20px; height: 50px; width: auto; } .testimonials ul.slick-dots { bottom: -60px; } .leftaligned { text-align: left !important; } .rightaligned { text-align: right !important; } .centereverything { text-align: center; } .centereverything h1 { text-align: center; } .catalogueform input[type="text"], .catalogueform input[type="email"] { width: 90%; margin-left: auto; margin-right: auto; border: 2px solid #efefef; padding: 14px; } .catalogueform input[type="text"]:focus, .catalogueform input[type="email"]:focus { box-shadow: inset 0px 0px 20px 4px rgba(0, 0, 0, 0.18); border: 2px solid #fff; } .catalogueform .dark .avantchabutton button.wp-block-button__link { background-color: transparent; color: #fff; border-color: #fff; } .catalogueform .dark .avantchabutton button.wp-block-button__link:hover { border-color: #fff; background-color: #fff; color: #323338; } .catalogueform .speciallinks a { padding: 0px 20px; border-right: 1px solid #7c7c7c; } .catalogueform .speciallinks a:last-child { border-right: 0px; } .catalogueform .speciallinks a.noborders { border-right: 0px; } .catalogueform .wp-block-button { margin-top: 40px; } .uagb-columns__inner-wrap { align-items: center; margin-bottom: 0px; padding: 0px !important; } .uagb-columns__inner-wrap .imagebox, .wp-block-columns .imagebox { margin: 0px !important; } .uagb-columns__inner-wrap .textbox, .wp-block-columns .textbox { margin-left: 0% !important; margin-right: 0% !important; padding: 30px 5% 30px 5% !important; } .uagb-column__inner-wrap { padding: 0px !important; } hr.wp-block-separator { border: 0px; border-top: 2px dotted #ccc; } .wp-block-video { margin-top: 0px; } .team img { .roundsmall; } .childpages { list-style: none; padding: 0px; } .childpages a { display: block; border: 2px solid #323338; width: 100%; padding: 100px 0px; text-align: center; margin-bottom: 20px; } .wp-block-buttons { text-align: center; } .wp-block-buttons.rightalign { text-align: right; } .wp-block-buttons.alignleft { text-align: left; } table.shippinglist, .shippinglist table { width: 100%; margin-bottom: 30px; border: 1px solid #ccc; } table.shippinglist tr, .shippinglist table tr { border-bottom: 1px dotted #ccc; } table.shippinglist th, .shippinglist table th { padding: 10px; color: #aaa4a4; width: 10%; border-right: 1px dotted #ccc; } table.shippinglist td, .shippinglist table td { padding: 10px; text-align: center; border-right: 1px dotted #ccc; } /*Slider*/ .slick-slide img { width: 100%; vertical-align: middle; } ul.slick-dots { margin: 0px; padding: 0px; list-style: none; } .slick-dots li button { box-shadow: none; } .slick-prev, .slick-next { font-weight: normal !important; border: 0px !important; margin: 0px 14px; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: transparent !important; color: #000; } /*SmartSlider3*/ .cta-slider-white { border: 2px solid white; padding: 4px 4px; display: inline-block; } .cta-slider-black { border: 2px solid black; padding: 4px 4px; display: inline-block; } /*Columns*/ .width20 { flex-basis: 20% !important; width: 20%; } .width30 { flex-basis: 30% !important; width: 30%; } .width40 { flex-basis: 40% !important; width: 40%; } .width60 { flex-basis: 60% !important; width: 60%; } .width70 { flex-basis: 70% !important; width: 70%; } .width80 { flex-basis: 80% !important; width: 80%; } .woosb-products .woosb-product { display: block; padding: 20px 0px; } .image-title { display: flex; gap: 20px; align-items: center; flex: 0 0 50%; } .woosb-products .woosb-product .woosb-thumb { flex: 0 0 16%; } .woosb-products .woosb-product .woosb-quantity { width: auto; } .quantity-pricing { display: flex; align-items: center; flex: 0 0 50%; } .woosb-products .woosb-product .woosb-quantity { flex: inherit; } .woosb-products .woosb-product .woosb-quantity input { width: 56px; } .woosb-products .woosb-product .woosb-price { flex: inherit; } /*Cookie Popup*/ a.cn-button { .theButton; padding: 6px 16px; background-color: #323338; color: #fff; border: 2px solid #bfb9bf; } a.cn-button:hover { border-color: #fff; background-color: #fff; color: #323338; } .cn-buttons-container { margin-left: 20px; } /*Blog styles*/ .blogarticle h2 { margin-top: 20px; } .blogarticles h4 { .swiftmedium; } .featuredpost { background-color: #fcfcfc; .roundsmall; height: 460px; display: flex; } .featuredpost .image { display: block; width: 50%; flex-basis: 50%; } .featuredpost .image div { background-size: cover; background-position: center; background-repeat: no-repeat; height: 460px; border-radius: 5px 0px 0px 5px; } .featuredpost .text { width: 50%; flex-basis: 50%; display: flex; flex-direction: column; justify-content: center; padding: 30px; } .featuredpost .text .excerpt { margin-bottom: 20px; } .featuredpost h4 { font-size: 1.5em; } .featuredpost .date { color: #423f3d; margin-bottom: 10px; } .secondaryposts { height: 460px; } .secondaryposts .image { display: block; position: relative; } .secondaryposts .count_1 { margin-bottom: 10px; display: none; } .secondaryposts .count_2 { margin-bottom: 10px; } .secondaryposts .image div { background-size: cover; background-position: center; background-repeat: no-repeat; height: 225px; .roundsmall; display: flex; flex-direction: column; justify-content: center; padding: 26px; box-shadow: inset 0px 0px 250px 160px rgba(0, 0, 0, 0.25); .transition300; } .secondaryposts a { color: #fff; } .secondaryposts .readmore { opacity: 0; position: absolute; bottom: 0; .transition100; } .secondaryposts a:hover .readmore { transform: translateY(-20px); opacity: 1; } .secondaryposts a:hover div { box-shadow: inset 0px 0px 250px 160px rgba(0, 0, 0, 0.4); } .journalpage .width60 { flex-basis: 66.666% !important; width: 66.666%; } .journalpage .width40 { flex-basis: 33.334% !important; width: 33.334%; padding-left: 15px; } .wp-block-categories { margin: 0px auto; padding: 0px; list-style: none; justify-content: center; } .wp-block-categories li a { padding: 10px 20px; text-transform: uppercase; .gothammedium; } .allposts { display: flex; flex-wrap: wrap; } .blogdate { margin-top: 20px; text-align: center; } ul.articles, ul.alm-listing { list-style: none; padding: 0px; margin: 0px; } ul.articles .blogimage, ul.alm-listing .blogimage { .transition100; margin-bottom: 20px; height: 200px; background-size: cover; .roundsmall; position: relative; background-position: center; } ul.alm-listing .category { background-color: #9b9b9b; .roundsmall; padding: 4px 8px; display: inline-block; color: #fff; font-size: 0.8em; } ul.alm-listing .category:hover { background-color: #323338; } .blogcategorylist ul.alm-listing .category { display: none; } ul.articles h3.titles, ul.alm-listing h3.titles { margin-top: 10px; } ul.articles .morebutton, ul.alm-listing .morebutton { margin-top: 20px; } .alm-listing .alm-reveal { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .alm-listing .alm-paging-content > li, .alm-listing .alm-reveal > li, .alm-listing > li { .roundsmall; margin: 0px; padding: 15px; .transition100; margin-bottom: 40px; flex-basis: 25%; } .alm-listing .alm-paging-content > li:hover, .alm-listing .alm-reveal > li:hover, .alm-listing > li:hover { .shadowsmall; } .alm-listing .alm-paging-content > li img, .alm-listing .alm-reveal > li img, .alm-listing > li img { position: static; border-radius: 0px; } .alm-load-more-btn.done { display: none; } .articlebox { width: 80%; margin: auto; vertical-align: top; padding: 50px 40px 0px 0px; } .articlebox h1 { text-align: center; font-weight: 700; } .blogcontent { margin-top: 40px; } .sidebar { width: 80%; margin: auto; vertical-align: top; } .sidebar ul { margin: 0px; padding: 0px; list-style: none; } .widget_categories { .roundsmall; .shadowsmall; padding: 30px; text-align: center; } .sidebar .widget { margin-bottom: 50px; } .sidebar h2.widgettitle { text-align: center; } .sidebar ul li.cat-item a { .transition100; font-size: 0.9em; background-color: #f5f5f5; padding: 6px 15px; .roundsmall; display: inline-block; margin-bottom: 3px; } .sidebar .widget_categories ul li { display: inline-block; } .sidebar ul li.cat-item a:hover { background-color: #000; color: #fff; } .sidebar .otherposts { display: flex; flex-wrap: wrap; } .sidebar .moreblogarticle { padding: 14px; } .sidebar a.singlepostlink { display: block; margin-bottom: 6px; } .sidebar .postimage { height: 180px; .roundsmall; background-size: cover; background-position: center; } .sidebar h3 { font-size: 1em; } .sharingbox { margin: 30px 0px; } .sharingbox a { display: inline-block; margin-right: 10px; font-size: 1.6em; } /*Slick Horizontal with Arrows*/ .slickhorizontal { position: relative; } .slickhorizontal nav { cursor: pointer; } .slickhorizontal nav.prev { position: absolute; left: -20px; top: 0; bottom: 0px; width: 34px; height: 34px; margin: auto; font-size: 30px; } .slickhorizontal nav.next { position: absolute; text-align: right; right: -20px; top: 0; bottom: 0px; width: 34px; height: 34px; margin: auto; font-size: 30px; } /*Partner Page Styles*/ .eventslist .eventitem .image { overflow: hidden; } .partners .partner-item { width: 21%; margin: 0px 2% 38px 2%; text-align: center; display: inline-block; vertical-align: top; position: relative; } .partners .partner-item .partnerimages { position: relative; overflow: hidden; border: 1px solid #ededed; .roundsmall; } .partners .partner-item img.mainimg { .transition300; display: block; } .partners .partner-item .hoverimg { position: absolute; top: 0px; right: -50px; width: auto; height: 100%; .transition300; opacity: 0; } .partners .description { margin-top: 6px; line-height: 1.6em; } .partners .address { margin-top: 2px; line-height: 1.6em; font-size: 0.9em; } .partners .partner-item a .address, .eventslist .eventitem a .address { color: #000; } .partners .partner-item a:hover img.mainimg, .eventslist .eventitem a:hover img { transform: scale(1.2, 1.2); opacity: 0.7; } .partners .partner-item a:hover img.hoverimg { right: 0px; opacity: 1; } .partners .hidepartner { animation: slideout 0.2s ease-out; } .partners .showpartner { animation: slideup 0.4s ease-out; } .partnerfilters { text-align: center; margin-top: 20px; } .partnerfilters a { display: inline-block; border: 2px solid #323338; padding: 10px 26px; margin: 0px 16px; color: #323338; } .partnerfilters a:hover { background-color: #323338; color: #fff; } .partnerfilters a.active { background-color: #323338; color: #fff; } /* --- cookie- --- */ .lwa-status-invalid a, .dark a, .user-registration-error a, .generalmessages a, .cookie-notice-container a { color: white !important; text-decoration: underline; } #cookie-notice .cn-button { background-color: #323338 !important; } a#cn-close-notice { visibility: hidden; } /*Timeline styling*/ .uagb-timeline__outer-wrap { position: relative; } .uagb-timeline__outer-wrap .uagb-timeline__field { position: relative; display: flex; align-items: flex-start; margin-bottom: inherit; color: inherit; font-size: inherit; } .uagb-timeline__outer-wrap .uagb-timeline__field:not(:last-child) { margin-bottom: 20px; } .uagb-timeline__outer-wrap .uagb-timeline__field a { margin-bottom: inherit; text-decoration: none; font-size: inherit; } .uagb-timeline__outer-wrap .uagb-timeline__field a.uagb-timeline__image { position: relative; display: block; max-width: 100%; } .uagb-timeline__outer-wrap .uagb-timeline__field a.uagb-timeline__image img { display: inline-block; box-sizing: content-box; } .uagb-timeline__outer-wrap .uagb-timeline__field .uagb-timeline__author-link { text-transform: capitalize; } .uagb-timeline__outer-wrap .uagb-timeline__field a.uagb-timeline__link { display: inline-block; padding: 5px 10px; } .uagb-timeline__outer-wrap .uagb-timeline__field.uagb-timeline__left.hide-events .uagb-timeline__events-inner-new, .uagb-timeline__outer-wrap .uagb-timeline__field.uagb-timeline__left.hide-events .uagb-timeline__date-new { visibility: hidden; } .uagb-timeline__outer-wrap .uagb-timeline__field.uagb-timeline__right.hide-events .uagb-timeline__events-inner-new, .uagb-timeline__outer-wrap .uagb-timeline__field.uagb-timeline__right.hide-events .uagb-timeline__date-new { visibility: hidden; } .uagb-timeline__outer-wrap .uagb-timeline__field .uagb-timeline__image a { position: relative; display: block; max-width: 100%; } .uagb-timeline__outer-wrap .uagb-timeline__field .uagb-timeline__image img { display: inline-block; box-sizing: content-box; } .uagb-timeline__outer-wrap .uagb-timeline__line { position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 3px; background-color: #eee; } .uagb-timeline__outer-wrap .uagb-timeline__line .uagb-timeline__line__inner { width: 100%; background-color: #fff; } .uagb-timeline__outer-wrap svg { display: inline-block; vertical-align: middle; font-size: 16px; font-style: normal; line-height: 16px; } .uagb-timeline__outer-wrap .uagb-timeline__field:hover .uagb-timeline__marker { transition: all 0.2s ease-in-out; } .uagb-timeline__outer-wrap .uagb-timeline__marker { position: relative; display: flex; z-index: 1; justify-content: center; align-items: center; min-width: 3em; min-height: 3em; background-color: #eee; border-radius: 999px; line-height: 48px; transition: all 0.2s ease-in-out; } .uagb-timeline__outer-wrap .uagb-timeline__year { position: relative; display: flex; } .uagb-timeline__outer-wrap .uagb-timeline__year span { display: inline-block; padding-bottom: 6px; } .uagb-timeline__outer-wrap.uagb-timeline__arrow-center .uagb-timeline__field { align-items: center; } .uagb-timeline__outer-wrap.uagb-timeline__arrow-center .uagb-timeline__left .uagb-timeline__arrow, .uagb-timeline__outer-wrap.uagb-timeline__arrow-center .uagb-timeline__right .uagb-timeline__arrow { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__outer-wrap.uagb-timeline__arrow-bottom .uagb-timeline__field { align-items: flex-end; } .uagb-timeline__outer-wrap.uagb-timeline__arrow-bottom .uagb-timeline__left .uagb-timeline__arrow, .uagb-timeline__outer-wrap.uagb-timeline__arrow-bottom .uagb-timeline__right .uagb-timeline__arrow { top: 100%; transform: translateY(-100%); } .uagb-timeline__outer-wrap.uagb-timeline__arrow-bottom .uagb-timeline__date-new .uagb-timeline__date-new { padding-top: 8px; padding-bottom: 8px; } .uagb-timeline__outer-wrap .uagb-timeline__date .uagb-timeline__inner-date-new { margin: 0; white-space: nowrap; } .uagb-timeline__outer-wrap .in-view i.uagb-timeline__in-view-icon { -webkit-transition: background 0.25s ease-out 0.25s, width 0.25s ease-in-out, height 0.25s ease-in-out, color 0.25s ease-in-out, font-size 0.25s ease-in-out; -webkit-transition: background 0.25s ease-out 0.25s, width 0.25s ease-in-out, height 0.25s ease-in-out, color 0.25s ease-in-out, font-size 0.25s ease-out; transition: background 0.25s ease-out 0.25s, width 0.25s ease-in-out, height 0.25s ease-in-out, color 0.25s ease-in-out, font-size 0.25s ease-out; } .uagb-timeline__outer-wrap.uagb-timeline__left-block .uagb-timeline__date-new { display: none; } .uagb-timeline__outer-wrap.uagb-timeline__right-block .uagb-timeline__date-new { display: none; } .uagb-timeline__outer-wrap p:empty { display: none; } .uagb-timeline__outer-wrap.uagb-timeline__right-block .uagb-timeline__line { position: absolute; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); } .uagb-timeline__outer-wrap span.dashicons-admin-users.dashicons { display: inline; vertical-align: baseline; margin-right: 4px; } .uagb-content { word-break: break-word; } .uagb-timeline__headingh1, .uagb-timeline__headingh2, .uagb-timeline__headingh3, .uagb-timeline__headingh4, .uagb-timeline__headingh5, .uagb-timeline__headingh6 { margin-bottom: 0; } .uagb-timeline__inner-date-new p, .uagb-timeline__date-inner .uagb-timeline__inner-date-new p { margin-bottom: 0; } .uagb-timeline__center-block { text-align: center; } .uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow::after { position: absolute; top: 50%; right: 0; display: inline; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 13px solid #eee; transform: translateY(-50%); content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__center-block .uagb-timeline__marker { flex-grow: 0; flex-shrink: 0; order: 1; } .uagb-timeline__center-block .uagb-timeline__date-hide { display: none; } .uagb-timeline__center-block .uagb-timeline__field.uagb-timeline__right { flex-direction: row-reverse; } .uagb-timeline__center-block .uagb-timeline__day-new, .uagb-timeline__center-block .uagb-timeline__date-new { display: block; position: relative; flex-grow: 1; flex-basis: 50%; max-width: 100%; } .uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__day-new { order: 2; } .uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__date-new { display: flex; justify-content: flex-start; } .uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow { position: absolute; top: 0; right: -10px; width: 10px; height: 40px; } .uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__day-new { order: 2; } .uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__date-new { display: flex; justify-content: flex-end; } .uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow { position: absolute; top: 0; left: -10px; width: 10px; height: 40px; } .uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__center-block .uagb-timeline__line { right: auto; left: 50%; } .uagb-timeline__right-block .uagb-timeline__field { flex-direction: row-reverse; } .uagb-timeline__right-block .uagb-timeline__date-new { display: flex; align-items: center; margin-left: 10px; } .uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__events-inner-new, .uagb-timeline__right-block .uagb-timeline__day-right .uagb-timeline__events-inner-new { text-align: inherit; } .uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__events-inner-new, .uagb-timeline__right-block .uagb-timeline__left .uagb-timeline__events-inner-new { text-align: right; } .uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow::after, .uagb-timeline__right-block .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); } .uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow, .uagb-timeline__right-block .uagb-timeline__left .uagb-timeline__arrow { position: absolute; top: 0; right: 0; width: 10px; height: 40px; } .uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow { right: -12px; } .uagb-timeline__right-block .uagb-timeline__left .uagb-timeline__arrow { right: -10px; } .uagb-timeline__right-block .uagb-timeline__marker, .uagb-timeline__right-block .uagb-timeline__day-new { position: relative; max-width: 100%; } .uagb-timeline__right-block .uagb-timeline__day-new { flex-grow: 1; margin-right: 14px; } .uagb-timeline__right-block .uagb-timeline__marker { flex-grow: 0; flex-shrink: 0; } .uagb-timeline__left-block { text-align: left; } .uagb-timeline__left-block .uagb-timeline__marker, .uagb-timeline__left-block .uagb-timeline__day-new { position: relative; max-width: 100%; } .uagb-timeline__left-block .uagb-timeline__line { right: auto; left: 20px; } .uagb-timeline__left-block .uagb-timeline__day-new { flex-grow: 1; order: 1; margin-left: 14px; } .uagb-timeline__left-block .uagb-timeline__date-new { margin-right: 10px; } .uagb-timeline__left-block .uagb-timeline__marker { flex-grow: 0; flex-shrink: 0; order: 0; } .uagb-timeline__left-block .uagb-timeline__right .uagb-timeline__events-inner-new, .uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__events-inner-new { text-align: left; } .uagb-timeline__left-block .uagb-timeline__right .uagb-timeline__arrow::after, .uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); } .uagb-timeline__left-block .uagb-timeline__right .uagb-timeline__arrow, .uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow { position: absolute; top: 0; width: 10px; height: 40px; } .uagb-timeline__left-block .uagb-timeline__right .uagb-timeline__arrow { left: -10px; } .uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow { left: -12px; } .uagb-timeline__left-block .uagb-timeline__day-right .uagb-timeline__arrow::after { position: absolute; display: inline; width: 0; height: 0; border-top: 12px solid transparent; border-right: 13px solid #eee; border-bottom: 12px solid transparent; content: ""; } .uagb-timeline__day-right .uagb-timeline__events-inner { text-align: right; } .uagb-timeline__day-left .uagb-timeline__events-inner { text-align: left; } .uagb-timeline__arrow-top .uagb-timeline__date-new .uagb-timeline__date-new { padding-top: 8px; padding-bottom: 8px; } .uagb-timeline__events-inner-new, .uagb-timeline__arrow { transition: background 0.2s ease-in-out; } .uagb-timeline__arrow::after { transition: border-color 0.2s ease-in-out; } .uagb-timeline__date-new { transition: color 0.2s ease-in-out; } .uagb-timeline__day-left .uagb-timeline__arrow::after { position: absolute; left: 0; display: inline; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ""; } .uagb-timeline__right .uagb-timeline__day-left .uagb-timeline__arrow::after { right: 0; } .uagb-timeline__day-right .uagb-timeline__arrow::after { position: absolute; right: 0; display: inline; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ""; } .uagb-timeline__icon { position: relative; z-index: 1; vertical-align: middle; width: 100px; height: 100px; border-radius: 50%; text-align: center; line-height: 100px; -webkit-border-radius: 50%; } .uagb-timeline__left { text-align: left; } .uagb-timeline__right { text-align: right; } .uagb-timeline__right-block .uagb-timeline__day-right .uagb-timeline__arrow::after { border-left: 13px solid #eee; } .uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__arrow::after { border-left: 13px solid #eee; } .uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after { border-right: 13px solid #eee; } .uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow::after { border-right: 13px solid #eee; } .uagb-timeline__day-right .uagb-timeline__events-inner-new { border-radius: 4px 4px 4px 4px; } .uagb-timeline__day-left .uagb-timeline__events-inner-new { border-radius: 4px 4px 4px 4px; } .uagb-timeline__arrow { height: 3em; } .uagb-timeline__right-block .uagb-timeline__line { right: 1.5em; } .rtl .uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow::after { border-right: 13px solid #eee; border-left: none; } .rtl .uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after { border-right: none; border-left: 13px solid #eee; } .rtl .uagb-timeline__left-block .uagb-timeline__line { right: auto; left: 16px; } .rtl .uagb-timeline__left-block .uagb-timeline__field { flex-direction: row-reverse; } .rtl .uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow::after { border-right: 13px solid #eee; right: -3px; } .rtl .uagb-timeline__left-block .uagb-timeline__day-right .uagb-timeline__arrow::after { border-right: 13px solid #eee; right: -3px; } .rtl .uagb-timeline__right-block .uagb-timeline__line { right: auto; left: 1.5em; } .rtl .uagb-timeline__right-block .uagb-timeline__field { flex-direction: row; } .rtl .uagb-timeline__right-block .uagb-timeline__day-right .uagb-timeline__arrow::after { border-left: 13px solid #eee; } .rtl .uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__arrow::after { border-left: 13px solid #eee; right: -17px; } @media screen and (max-width: 1023px) { .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__line { position: absolute; right: 16px; left: auto; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-hide { display: block; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-left .uagb-timeline__events-inner-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__events-inner-new { text-align: left; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__marker, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new { position: relative; max-width: 100%; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__line { right: auto; left: 20px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__marker { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; flex-grow: 0; flex-shrink: 0; order: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new { flex-grow: 1; order: 1; margin-left: 16px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow { position: absolute; width: 10px; height: 40px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow { left: -10px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow { left: -12px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__center-block.uagb-timeline__responsive-tablet { text-align: left; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__arrow::after { position: absolute; display: inline; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ""; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__field.uagb-timeline__right { -webkit-box-orient: unset; -webkit-box-direction: unset; -webkit-flex-direction: unset; -moz-box-orient: unset; -moz-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-new { -webkit-box-flex: unset; -webkit-flex-grow: unset; -moz-box-flex: unset; -ms-flex-positive: unset; position: relative; flex-grow: unset; flex-basis: unset; width: 100%; max-width: 100%; -webkit-flex-basis: unset; -ms-flex-preferred-size: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__day-new { -webkit-box-ordinal-group: unset; -webkit-order: unset; -moz-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__day-new { -webkit-box-ordinal-group: unset; -webkit-order: unset; -moz-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__field { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__events-inner-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__events-inner-new { text-align: right; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow { position: absolute; right: 0; left: auto; width: 10px; height: 40px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow { right: -12px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow { right: -10px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__marker, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new { position: relative; max-width: 100%; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__marker { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-grow: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new { flex-grow: 1; margin-right: 16px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right { text-align: right; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__date-new { -webkit-box-flex: unset; -webkit-flex-grow: unset; -moz-box-flex: unset; -ms-flex-positive: unset; position: relative; flex-grow: unset; flex-basis: unset; max-width: 100%; -webkit-flex-basis: unset; -ms-flex-preferred-size: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__day-new { -webkit-box-ordinal-group: unset; -webkit-order: unset; -moz-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__day-new { -webkit-box-ordinal-group: unset; -webkit-order: unset; -moz-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__date-new { display: none; } } @media screen and (max-width: 767px) { .uagb-timeline-responsive-none .uagb-timeline__events-inner-new { padding: 15px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__date-hide { display: block; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-left .uagb-timeline__events-inner-new, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-right .uagb-timeline__events-inner-new { text-align: left; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__marker, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-new { position: relative; max-width: 100%; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__line { right: auto; left: 20px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__marker { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; flex-grow: 0; flex-shrink: 0; order: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-new { flex-grow: 1; order: 1; margin-left: 16px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__arrow, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__arrow { position: absolute; width: 10px; height: 40px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__arrow { left: -10px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__arrow { left: -12px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__day-left .uagb-timeline__events-inner-new { text-align: left; } .uagb-timeline__left-block .uagb-timeline__date-new { margin-right: 10px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile { text-align: left; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-right .uagb-timeline__arrow::after { position: absolute; display: inline; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ""; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__field.uagb-timeline__right { -webkit-box-orient: unset; -webkit-box-direction: unset; -webkit-flex-direction: unset; -moz-box-orient: unset; -moz-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-new, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__date-new { -webkit-box-flex: unset; -webkit-flex-grow: unset; -moz-box-flex: unset; -ms-flex-positive: unset; position: relative; flex-grow: unset; flex-basis: unset; max-width: 100%; -webkit-flex-basis: unset; -ms-flex-preferred-size: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__day-new { -webkit-box-ordinal-group: unset; -webkit-order: unset; -moz-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__day-new { -webkit-box-ordinal-group: unset; -webkit-order: unset; -moz-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__field { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__events-inner-new, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__events-inner-new { text-align: right; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow { position: absolute; right: 0; left: auto; width: 10px; height: 40px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow { right: -12px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow { right: -10px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__marker, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-new { position: relative; max-width: 100%; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__marker { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-grow: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-new { flex-grow: 1; margin-right: 16px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__line { position: absolute; right: 16px; left: auto; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right { text-align: right; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-new, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__date-new { -webkit-box-flex: unset; -webkit-flex-grow: unset; -moz-box-flex: unset; -ms-flex-positive: unset; position: relative; flex-grow: unset; flex-basis: unset; max-width: 100%; -webkit-flex-basis: unset; -ms-flex-preferred-size: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__day-new { -webkit-box-ordinal-group: unset; -webkit-order: unset; -moz-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__day-new { -webkit-box-ordinal-group: unset; -webkit-order: unset; -moz-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-left .uagb-timeline__arrow::after, .rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__arrow::after, .rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__arrow::after { border-right: 13px solid #eee; border-left: none; } .rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-right .uagb-timeline__arrow::after, .rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-left .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__arrow::after { border-right: none; border-left: 13px solid #eee; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__line, .rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__line { right: auto; left: 17.5px; } .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__line, .rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__line { right: 17.5px; left: auto; } .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__author-link, .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__link_parent, .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__link, .uagb-timeline__responsive-mobile.uagb-timeline__center-block a.uagb-timeline__image, .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__image a, .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__heading, .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline-desc-content, .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__date-inner, .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__inner-date-new { text-align: left; } .uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__date-hide.uagb-timeline__date-inner { text-align: left; } } @media (max-width: 976px) { .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__line { position: absolute; right: 16px; left: auto; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-hide { display: block; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-left .uagb-timeline__events-inner-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__events-inner-new { text-align: left; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__marker, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new { position: relative; max-width: 100%; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__line { right: auto; left: 17.5px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__marker { -ms-flex-order: 0; flex-grow: 0; flex-shrink: 0; order: 0; -ms-flex-negative: 0; -ms-flex-positive: 0; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new { flex-grow: 1; order: 1; margin-left: 16px; -ms-flex-positive: 1; -ms-flex-order: 1; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow { position: absolute; width: 10px; height: 40px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow { left: -10px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow { left: -12px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__center-block.uagb-timeline__responsive-tablet, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right { text-align: left; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__arrow::after { position: absolute; display: inline; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ""; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__field.uagb-timeline__right { -ms-flex-direction: unset; flex-direction: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-new { -ms-flex-positive: unset; position: relative; flex-grow: unset; flex-basis: unset; width: 100%; max-width: 100%; -ms-flex-preferred-size: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__day-new { -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__day-new { -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__field { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__events-inner-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__events-inner-new { text-align: right; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow { position: absolute; right: 0; left: auto; width: 10px; height: 40px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow { right: -12px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow { right: -10px; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__marker, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new { position: relative; max-width: 100%; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__marker { -ms-flex-negative: 0; flex-grow: 0; flex-shrink: 0; -ms-flex-positive: 0; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new { flex-grow: 1; margin-right: 16px; -ms-flex-positive: 1; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right { text-align: right; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__date-new { -ms-flex-positive: unset; position: relative; flex-grow: unset; flex-basis: unset; max-width: 100%; -ms-flex-preferred-size: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__day-new { -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__day-new { -ms-flex-order: unset; order: unset; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__date-new, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__date-new { display: none; } .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__arrow::after, .uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-left .uagb-timeline__arrow::after { border-right: 13px solid #eee; border-left: none; } .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__author-link, .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__link_parent, .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__link, .uagb-timeline__responsive-tablet.uagb-timeline__center-block a.uagb-timeline__image, .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__image a, .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__heading, .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline-desc-content, .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__date-inner, .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__inner-date-new { text-align: left; } .uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__date-hide.uagb-timeline__date-inner { text-align: left; } } .wp-block-uagb-content-timeline .wp-block-uagb-content-timeline-child .uagb-timeline__events-inner--content .uagb-timeline__heading { margin-top: unset; } .wp-block-uagb-content-timeline .wp-block-uagb-content-timeline-child .uagb-timeline__events-inner--content p.uagb-timeline-desc-content { margin-bottom: unset; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap .uagb-timeline__field { display: unset; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap .uagb-timeline__field .uagb-timeline__widget { position: relative; display: flex; align-items: flex-start; font-size: inherit; color: inherit; margin-bottom: inherit; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__left-block .uagb-timeline__date-new { display: none; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__right-block .uagb-timeline__date-new { display: none; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__widget.uagb-timeline__right { flex-direction: row-reverse; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__marker { order: 1; flex-shrink: 0; flex-grow: 0; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__day-new { order: 2; padding-left: 0; padding-right: 12px; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__day-new { order: 2; padding-right: 0; padding-left: 12px; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow { right: 0; top: 0; width: 10px; height: 40px; position: absolute; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow { left: 0; top: 0; width: 10px; height: 40px; position: absolute; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__right-block .uagb-timeline__widget { flex-direction: row-reverse; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__arrow-center .uagb-timeline__widget { align-items: center; } .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__arrow-center .uagb-timeline__left .uagb-timeline__arrow, .wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__arrow-center .uagb-timeline__right .uagb-timeline__arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .uagb-timeline__events-inner--content { padding: 20px !important; } /*Instagram*/ .insta-gallery-feed .insta-gallery-list { display: flex; flex-wrap: wrap; justify-content: start; overflow: hidden; margin: 0 -5px; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item { .transition100; opacity: 1; width: 25%; display: flex; justify-content: center; align-items: stretch; box-sizing: border-box; padding: 5px; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-item-wrap { width: 100%; overflow: hidden; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap { position: relative; text-align: center; background-color: #eee; cursor: pointer; display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; padding-top: 100%; .roundsmall; .transition300; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image { .transition100; opacity: 1; overflow: hidden; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; z-index: 8; .transition100; opacity: 0; background: rgba(50, 51, 57, 0.8); width: 100%; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item:hover .insta-gallery-image-wrap .insta-gallery-image-mask { opacity: 1; .transition100; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask-content { position: absolute; top: 50%; left: 0; right: 0; margin: -10px 0 0 0; z-index: 9; width: 100%; color: #fff; .transition100; opacity: 0; line-height: 20px; font-size: 0.9em; text-align: center; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item:hover .insta-gallery-image-wrap .insta-gallery-image-mask-content { opacity: 1; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask-content > span { padding: 0 4px; } /*Email signup form*/ .emailsignup { text-align: center; padding: 30px 0px; background-color: #323338; border-top: 1px solid #61626b; } .emailsignup h5 { color: #fff; .gothammedium; margin-bottom: 0px; } .emailsignup input[type="email"] { width: 30%; border-radius: 3px 0px 0px 3px; max-width: 500px; border: 2px solid #979aa5; border-right: 0px; color: #fff; background-color: #323338; vertical-align: middle; } .emailsignup input[type="email"]:focus { background-color: #5d5f68; } .emailsignup input { display: inline-block; vertical-align: middle; margin: 0px 0px; } .emailsignup button { border: 2px solid #979aa5; .gothamlight; color: #fff; background-color: #323338; vertical-align: middle; padding: 16px 18px; } .emailsignup button:hover { background-color: #fff; color: #323338; border-color: #fff; } .emailsignup .klaviyo_messages { margin: 10px; } .textbox .emailsignup { border-top: 0px; text-align: left; padding: 10px 0px; } .textbox .emailsignup input[type="email"] { width: 90%; border: 2px solid #979aa5; display: block; margin-bottom: 20px; } .textbox .emailsignup .klaviyo_messages { margin: 10px 0px; } .emailsignupcountry { } /*footer styles*/ .advanceOfTea { margin: 0 auto 50px auto; width: 250px; text-transform: uppercase; font-size: 0.9em; padding: 10px 0; letter-spacing: 1px; border: 2px solid #fff; text-align: center; } footer { background-color: #323338; color: #fff; padding: 50px 0px; } footer a { color: #fff; } footer ul { margin: 0px; padding: 0px; list-style: none; } footer a:hover { color: #b9d981; } footer .mainnav a { text-transform: uppercase; .gothammedium; } footer .socialmedia { text-align: right; display: inline-block; font-size: 1.6em; float: right; } footer .socialmedia a { margin-left: 14px; } footer .socialmedia a.fab { margin-right: 0px; } footer .socialmedia a:before { margin-right: 0.05em; margin-left: 0.05em; } footer .fa, footer .fas { margin-right: 0px; } .showfootermenu { text-align: center; font-size: 1.4em; cursor: pointer; padding: 20px 0px; border-top: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; } .footermenu { display: flex; vertical-align: top; width: 80%; } .footercolumns { display: flex; justify-content: space-evenly; } @media (max-width: 870px) { .footercolumns { flex-direction: column; } } .footerCol { text-align: left; display: inline-block; vertical-align: top; width: 16%; } .footercolumns #menu-secondary-footer-menu, .footercolumns #menu-secondary-footer-menu-swiss { display: flex; gap: 50px; justify-content: center; align-items: flex-start; width: 74%; margin: 0 auto; } @media (max-width: 670px) { .footercolumns #menu-secondary-footer-menu, .footercolumns #menu-secondary-footer-menu-swiss { flex-direction: column; justify-content: center; align-items: center; gap: 20px; } } .footercolumns #menu-secondary-footer-menu-swiss { width: 80%; } .footercolumns #menu-secondary-footer-menu li, .footercolumns #menu-secondary-footer-menu-swiss li { display: inline-block; width: auto; margin-top: 0px; } .footercolumns #menu-secondary-footer-menu .sub-menu .footerCol, .footercolumns #menu-secondary-footer-menu-swiss .sub-menu .footerCol { width: 100%; display: block; } .line { border-top: 1px solid #383838; height: 1px; } .footerCol h2, .footercolumns a.main-menu-link, #menu-secondary-footer-menu a.main-menu-link { .gothammedium; font-size: 0.9em; display: inline-block; margin: 0 0 10px 0; } .footercolumns a.main-menu-link:hover { color: #fff; } .footercolumns #menu-secondary-footer-menu-swiss a.main-menu-link { font-size: 0.8em; } .footerMainNav { margin-top: 20px; } .footerMainNav a { text-transform: uppercase; } .footerCol a, .footerCol ul.menu ul a { display: block; margin: 0 0 9px; text-transform: uppercase; padding: 0px; border: none; font-size: 0.8em; } .footercolumns #menu-secondary-footer-menu-swiss ul.menu ul a { font-size: 0.7em; } .footerCol img { width: 20%; height: auto; } .copyright { font-size: 0.7em; margin: 10px 0px; } .copyrightinfo { float: left; width: 50%; } .cards { float: right; width: 50%; text-align: right; } .copyright .cards img { height: 24px; display: inline-block; } /*End footer styles*/ /*User List for Admin*/ .userresults { color: #323338; position: relative; } .resultstable th { text-align: left; padding: 12px 5px; border-bottom: 3px solid #ccc; line-height: 1em; border-left: 1px solid #d8c7c7; } .resultstable td { text-align: left; padding: 12px 5px; border-bottom: 1px solid #d8c7c7; border-left: 1px solid #d8c7c7; line-height: 1.2em; text-transform: capitalize; position: relative; } .resultstable span.inactive { background-color: #e8e8e8; padding: 5px; } .resultstable span.rejected { background-color: #ff6e6e; color: #fff; padding: 5px; } .resultstable span.active { background-color: #6ef59d; padding: 5px; } .resultstable input[type="checkbox"] { position: static; opacity: 1; } .resultstable tr:nth-child(even) { background: #f7f7f7; } .resultstable tr:nth-child(odd) { background: #fff; } .resultstable tr:hover { background: #dbebd7; } .resultstable a { display: inline-block; padding: 5px 8px; background-color: #69aef7; color: #fff; .transition100; } .resultstable a:hover { background-color: #323338; } .resultstable a.icons { background-color: transparent; color: #69aef7; } .resultstable a.icons i:before { font-size: 1.2em; background-color: transparent; color: #69aef7; .transition100; } .resultstable a.icons:hover i:before { color: #323338; } .resultstable td.centered-td { text-align: center; white-space: nowrap; } .resultstable .inputbox, .resultstable input[type="text"], .resultstable input[type="email"], .resultstable input[type="number"], .resultstable select { padding: 4px; font-size: 0.8em; } div.dt-buttons { margin: 20px 0px; } .dataTables_wrapper { overflow-x: scroll; } table.dataTable thead th, table.dataTable thead td { padding: 8px 10px !important; } .userdetails { display: none; padding: 30px; background-color: #fff; .roundsmall; .shadowmedium; position: fixed; top: 0; bottom: 0; left: 0; right: 0; -webkit-font-smoothing: antialiased; width: 40%; max-width: 800px; max-height: 90%; z-index: 199999; margin: auto; overflow: auto; } .resultstable tr.approvedtr { background-color: #fff7de !important; } .resultstable tr.deniedtr { background-color: #f0efef; } /*.resultstable tr.approvedtr td {border-bottom:2px solid #FFF;}*/ ul.userdetailssection { list-style: none; padding: 0px; margin: 0px; } ul.userdetailssection li { padding: 10px 0px; border-bottom: 1px solid #ccc; } ul.userdetailssection li div { font-weight: 500; } .resultstable tr.active_row { background-color: #ddebff !important; } table.dataTable thead th, table.dataTable thead td { border-bottom: 3px solid #e3dddd !important; } .changerolebox, .changerolebulk { background-color: #fff; padding: 16px; position: absolute; left: -68px; z-index: 999; width: 138px; border: 2px solid #323338; } .changerolebulk { width: 240px; width: 240px; left: 16px; top: 50px; } .role_to_change, .role_to_change_bulk { display: block; cursor: pointer; padding: 6px; background-color: #69aef7; text-align: center; color: #fff; margin-bottom: 2px; .transition100; } .resultstable .warning { background-color: #ff0000; } .role_to_change:hover, .role_to_change_bulk:hover { background-color: #323338; } .activebutton, a.activebutton { background-color: #323338; color: #fff; } #wishlistnames span { background-color: #a6f2ff; padding: 4px 6px; display: inline-block; font-size: 0.8em; margin-bottom: 5px; margin-right: 5px; } @media (max-width: 1340px) { .branding .mainnav ul li .submenu .menu-shop-menu-container, .branding .mainnav ul li .submenu .menu-explore-container, .branding .mainnav ul li .submenu .menu-business-container { width: 100%; padding: 15px; } .branding .mainnav .menusidebar { width: 24%; padding: 15px; } } @media (max-width: 1270px) { html, body { font-size: 17px; } .branding .mainnav ul li .submenu li { white-space: nowrap; } ul.products li.product, .featuredproducts ul li { width: 30%; } .branding .mainnav ul li .submenu li ul li { width: 100%; margin-bottom: 0px; } } @media (max-width: 1100px) { .branding .mainnav ul li .submenu { align-items: normal; } .branding .mainnav .menusidebar { display: none; } .branding .mainnav ul li .submenu .menu-shop-menu-container, .branding .mainnav ul li .submenu .menu-explore-container, .branding .mainnav ul li .submenu .menu-business-container { width: 100%; } .branding .mainnav ul li .submenu .menu-business-container ul.sub-menu { display: block; margin-left: 0px; } h1 { font-size: 2.2em; } h1.pagetitle { font-size: 2.2em; } h2 { font-size: 1.8em; } h2.special { line-height: 1.3em; } .headerimage { padding: 140px 0px !important; } ul.articles .blogimage, ul.alm-listing .blogimage { height: 150px; } .testimonials .testmonialbody { font-size: 1.1em; line-height: 1.3em; } .testimonials .testimonialname { margin-top: 20px; } ul.products li.product, .featuredproducts ul li { width: 45%; margin-left: 2%; margin-right: 2%; } .emailsignup input[type="email"] { width: 50%; } .special-variation-container { flex-wrap: wrap; } .special-variation { flex-basis: 47%; } .highlightmobile { width: 70%; } } @media (max-width: 970px) { @keyframes scroll { 0% { -moz-transform: translateX(60%); /* Firefox bug fix */ -webkit-transform: translateX(60%); /* Firefox bug fix */ transform: translateX(60%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } .branding { padding: 14px 0px; } .wrapper { width: 95%; } .uagb-section__wrap { background-attachment: scroll !important; } .toppanel .wrapper { width: 100%; padding-left: 10px; padding-right: 10px; } .toppanel { background-color: #323338; } .dis40 { height: 20px; } .dis50 { height: 30px; } .dis60 { height: 40px; } .dis70 { height: 50px; } .dis80 { height: 50px; } .dis100 { height: 70px; } .topheaderuserbox, .topheaderuserboxmobile { white-space: nowrap; } .topheaderuserbox a, .topheaderuserboxmobile a { color: #bfb9bf; border-right: 1px solid #5d5f69; } /*.toppanel .geotags {width:26%;text-align:left;}*/ .widget_wc_aelia_currencyswitcher_widget { display: block; text-align: left; } /*.selected_currency {display:inline-block;border-left:0px;border-right-color:#5d5f69;color:#BFB9BF;}*/ .toppanel .highlightmobile { display: inline-block; } .branding .mainnav .menusidebar { display: none; } .largewidth, .mediumwidth, .smallwidth { width: 94%; } .miniwidth { width: 70%; } .imagelinks .block { height: 350px; } .imagelinks .centerpostion { background-position: center; } .imagelinks .linkaction { position: static; opacity: 1; } .imagelinks .block h4 { margin-bottom: 10px; } .imagelinks .block:hover h4 { transform: translatey(-10px); } .imagelinks .block:hover .linkaction { transform: translatey(10px); } .branding .mainnav { display: none; } .mobilemenutoggle { display: block; } .desktop { display: none !important; } .tablet { display: block !important; } .mobilecurrency { display: inline-block !important; } .secondaryposts { height: auto; } .secondaryposts .count_1 { display: block; } .uagb-columns__inner-wrap .textbox, .wp-block-columns .textbox { padding: 20px 4% 20px 4% !important; } .wp-block-columns { flex-wrap: wrap; } .nopadding { margin-right: auto; } .nopadding .wp-block-column { margin-right: auto; margin-left: auto; } .highlightcolums .wp-block-column:not(:first-child), .highlightcolums .wp-block-column:nth-child(2n) { margin-left: auto; margin-right: auto; } .imagelinks .wp-block-column { flex-basis: 49%; margin-bottom: 10px; } .team .wp-block-column { flex-basis: 40%; margin-bottom: 20px; } .width20, .width30, .width40, .width60, .width70, .width80, .journalpage .width40, .journalpage .width60 { width: 100%; flex-basis: 100% !important; padding: 0px; } .centeronmobile { text-align: center; } .partners .partner-item { width: 29.3%; } .alm-listing .alm-paging-content > li, .alm-listing .alm-reveal > li, .alm-listing > li { flex-basis: 50%; } ul.articles .blogimage, ul.alm-listing .blogimage { height: 240px; } .organicWrap { position: static; text-align: left; } span.organicBadge { display: inline-block; margin: 10px; margin-left: 0px; vertical-align: middle; } span.organic { display: inline-block; text-align: left; vertical-align: middle; } .animated { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; visibility: visible !important; } .cookie-notice-container { margin: 0px; margin-top: 16px; } .hwp-bottomright, .hwp-bottomleft { width: 500px; } .woocommerce-checkout-payment .gateway-title, ul.payment_methods .gateway-title { font-size: 13px; } .woocommerce-MyAccount-content table tbody td, table.tinvwl-table-manage-list tbody td { padding: 10px; border-bottom: 1px dotted #ccc; display: inline-flex; } /* orders-table-title no display */ .woocommerce-MyAccount-content table thead th, table.tinvwl-table-manage-list thead th { display: contents; } .minicartcontainer { width: 80%; } br.notmobile { display: none; } } @media (max-width: 950px) { .highlighttags { width: 60%; } } @media (max-width: 870px) { .branding .secondarynav { margin-right: 0px; } .textbox ul li { padding-left: 50px; font-size: 16px; } .textbox ul li::before { width: 40px; margin-left: -50px; } .single .type-product { width: 100%; padding-top: 20px; } .single .product-image { width: 100%; float: none; display: block; } .woocommerce-message { width: 90%; } .single .entry-summary { width: 100%; display: block; padding: 20px 30px; } .single .related { padding-left: 10px; padding-right: 10px; } .emailsignup input[type="email"] { width: 70%; } .articlebox { width: 100%; display: block; padding-right: 0px; } .sidebar { width: 100%; display: block; padding: 0px; padding-top: 20px; } .account-overview { width: 100%; } .loginboxpopup { width: 90%; } .wp-block-image { margin-bottom: 1.4em; } .wp-block-categories { flex-wrap: wrap; justify-content: flex-start; } .wp-block-categories li { flex-basis: 50%; } .searchresults article { flex-basis: 50%; } .wp-block-categories li a { padding: 16px 20px 16px 0px; } .wp-block-columns { display: block; margin-left: auto !important; margin-right: auto !important; } .wp-block-columns .wp-block-column { margin-bottom: 20px; } .uagb-columns__inner-wrap .textbox, .wp-block-columns .textbox { padding: 30px 4% 30px 4% !important; } .uagb-columns__inner-wrap { flex-wrap: wrap; } .uagb-columns__columns-2 > .uagb-column__wrap { width: 100%; } .alm-listing .alm-paging-content > li, .alm-listing .alm-reveal > li, .alm-listing > li { flex-basis: 100%; padding: 0px 10px; } .imagesection .textwrapper { width: 100%; padding: 30px 10px; font-size: 0.8em; } .imagesection .textwrapper h1 { font-size: 2em; } .wpfMainWrapper { flex-wrap: wrap; } .wpfFilterWrapper[data-filter-type] { width: 50% !important; } .footermenu { width: 100%; } .footerCol { width: 100%; text-align: center; } .mainCol { margin-right: 0px; } .footerCol .footerlogo { width: 40px; margin: auto; } .footerCol img { width: 100%; } .footercolumns #menu-secondary-footer-menu, .footercolumns #menu-secondary-footer-menu-swiss { width: 100%; margin-top: 30px; text-align: center; } footer .socialmedia { float: none; display: block; margin-top: 20px; text-align: center; } footer .socialmedia a { margin-right: 8px; margin-left: 8px; } .showfootermenu { margin-bottom: 20px; display: block !important; } .footermenu { display: none; } .ur-form-row { display: block; } .woocommerce-checkout .couponbox { width: 100%; } .woocart .productthumbnail { width: 100%; display: block; text-align: center; } .woocart .productinfo { width: 100%; margin: 20px 0px 0px 0px; padding: 0px; display: block; text-align: center; } .woocart .product-remove { position: static; margin-bottom: 20px; display: block; } .woocart .productsubtotal { width: 100%; display: block; text-align: center; } .woocart .cartsummary { width: 100%; } .woocommerce-checkout .col-1, .woocommerce-checkout .col-2 { width: 100%; display: block; } .woocommerce-checkout .col-2 { margin-left: 0px; margin-top: 40px; padding-left: 0px; } .woocommerce-checkout .col-2 .checkoutsection { position: static; height: auto; } .woocart .woocommerce-cart-form__contents, .woocart .actions { flex-basis: 100%; } .woocart .actions { margin-top: 20px; } .scroll { animation: scroll 70s linear 0s infinite; } .special-variation-container { flex-wrap: nowrap; } .special-variation { flex-basis: 25%; } .woocommerce-account .woocommerce-MyAccount-content, .mainuserbox { width: 100%; } .minicartcontainer { width: 90%; } .woocommerce-mini-cart a.remove { width: 17px; line-height: 14px; } ul.wp-block-categories-list.mediumwidth.flex.animated.fadeIn.wp-block-categories.o-anim-ready { line-height: 50px; align-content: center; display: flex; justify-content: center; align-items: center; } } @media (max-width: 648px) { @keyframes scroll { 0% { -moz-transform: translateX(30%); /* Firefox bug fix */ -webkit-transform: translateX(30%); /* Firefox bug fix */ transform: translateX(30%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } .announcementheader { font-size: 0.9em; padding: 6px; } .wrapper { width: 94%; } .highlighttags { font-size: 0.9em; } .mobilemenutoggle span.border { width: 22px; padding: 2px 0px; } .branding .logo { width: 50%; } .branding .secondarynav { font-size: 1.2em; width: 25%; } .desktop { display: none !important; } .tablet { display: none !important; } .mobile { display: block !important; } .scroll { display: inline-block; height: 100%; animation: scroll 60s linear 0s infinite; transform: translateX(100%); font-size: 0.8em; } .nowrapmobile { overflow: hidden; white-space: nowrap; } .mobile-inline { display: inline-block !important; } .mobilecurrency { display: inline-block !important; } .usernav { display: none !important; } .userheader .useravatar { margin-bottom: 30px; } .accountnavigation { margin-top: 10px; } .miniwidth { width: 90%; } .imagesection { min-height: 300px; } .uagb-columns__inner-wrap .textbox { padding: 30px 20px !important; } .flex-control-thumbs { flex-wrap: wrap; } .woocommerce-product-gallery .flex-control-thumbs li { width: 30%; } .woocommerce-product-gallery .flex-control-thumbs li { margin-bottom: 8px; } .entry-summary select, .selector select { width: 100%; } .attributes { display: block; } .attributes .attributecol { margin-bottom: 30px; } .attributes .attributecol i { width: 70px; text-align: center; } .woofields .form-row-first, .woofields .form-row-last { flex-basis: 100%; } .columns-4 figure { margin-bottom: 0px; margin-top: 0px; } .columns-4 .blocks-gallery-grid { margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center; flex-wrap: wrap; } .columns-4 .blocks-gallery-item, .galleryfigure .wp-block-image { flex-basis: 50%; padding: 3px 6px; } /*Country Popup*/ .countries_in_region .country_button { flex-basis: 42%; padding: 16px 4px; } .ywgc-single-recipient { display: block; } .wp-block-spacer { height: 30px !important; } .nopadding .wp-block-column { margin-bottom: 0px; } .wp-block-media-text.has-media-on-the-right { display: block !important; } .wp-block-media-text .wp-block-media-text__media { padding: 0% !important; } .wp-block-media-text { display: block !important; } .partners .partner-item { width: 46%; } .wp-block-uagb-section .equalbuttons a.wp-block-button__link { margin-bottom: 10px; } .highlightcolums.imagelinks .block .wp-block-column { margin-left: 0% !important; margin-right: 0% !important; } .textbox .uagb-column__inner-wrap { padding-left: 20px !important; padding-right: 20px !important; } table.shippinglist { font-size: 0.7em; } table.shippinglist th { padding: 6px; } table.shippinglist td { padding: 6px; } .imagelinks .block { height: 350px; } .special-links .block { height: 140px; } .addresses .col-1, .addresses .col-2 { width: 100%; display: block; margin: 20px 0px; } .slickhorizontal { padding: 20px; } .slickhorizontal nav.prev { right: 0px; } .slickhorizontal nav.next { left: 0px; } .loginboxpopup, .registerpopup, .resetpopup, .regionbox { width: 90%; } .country_list { display: block; } .country_list .country_select { margin-bottom: 4px; } .removerightalign { text-align: left; } .crosssells ul.products li.product { width: 50%; flex-basis: 50%; padding: 6px; text-align: left; margin: 0 0 10px 0px; } .crosssells ul.products li.product .product-container { flex-wrap: wrap; text-align: center; } .crosssells ul.products li.product a.productlink { width: 100%; flex-basis: 100%; } .crosssells ul.products li.product .product-content { width: 100%; flex-basis: 100%; } .minicartcontainer .crosssells ul.products li.product .product-container { flex-wrap: nowrap; text-align: left; } .minicartcontainer .crosssells ul.products li.product a.productlink { width: 30%; flex-basis: 30%; } .minicartcontainer .crosssells ul.products li.product .product-content { width: 70%; flex-basis: 70%; } .special-variation-container .left img { width: 70px; margin: auto; } .special-variation .left { margin-bottom: 2px; } .uagb-timeline__events-inner--content { padding: 10px !important; } .uagb-timeline__outer-wrap .uagb-timeline__heading { font-size: 13px !important; } .uagb-timeline__outer-wrap .uagb-timeline-desc-content { font-size: 11px !important; line-height: 1.5em; } .uagb-timeline__outer-wrap.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__marker, .uagb-timeline__outer-wrap.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__marker { margin-left: 20px !important; margin-right: 20px !important; } #closecountrypop { width: 100%; } a.blockbutton, .blockbutton .wp-block-button__link, button.blockbutton { width: 100%; } .specialoccasion { display: block !important; } .image-link { margin-bottom: 12px; display: block; } .order-details-container { flex-wrap: wrap; row-gap: 20px; } .thanksLeft { flex-basis: 100%; } } @media (max-width: 570px) { .branding .logo { width: 56%; } .mobilemenutoggle { width: 22%; } .branding .secondarynav a.parentlink { padding: 4px; } .branding .secondarynav { font-size: 1.2em; width: 22%; } .branding .secondarynav .cartsummary { width: 300px; } .toppanel .wrapper { display: block; text-align: center; } .highlighttags { width: 100%; padding: 3px 0; } .shipping-messages ul li { margin-right: auto; margin-left: auto; } .geotags .flex { justify-content: center; } .locationpopupbutton, .selected_currency { padding: 2px 20px; } .searchresults { display: block; } .searchresults article { width: 100%; } .productfilters .menu { display: block; } .productfilters .menu li ul.sub-menu { position: static; } ul.products li.product, .featuredproducts ul li, ul.wc-block-grid__products li.wc-block-grid__product { width: 100%; margin-left: 0%; margin-right: 0%; } .wp-block-cover { min-height: 350px !important; } .testimonials ul.slick-dots { bottom: -60px; } /*.partners .partner-item {width:100%;margin-right:0%;margin-left:0%;}*/ .single_add_to_cart_button { margin-top: 20px; } .woocommerce-MyAccount-navigation { display: none; } .woocommerce-MyAccount-navigation ul li { width: 100%; } .sidebar .moreblogarticle { flex-basis: 100%; width: 100%; margin-bottom: 10px; } .emailsignup input[type="email"] { width: 90%; margin: 0px 0px 20px 0px; border-right: 2px solid #979aa5; .roundsmall; } .emailsignup button { .roundsmall; } .footercolumns #menu-secondary-footer-menu li, .footercolumns #menu-secondary-footer-menu-swiss { width: 100%; } .footercolumns #menu-secondary-footer-menu .footerCol, .footercolumns #menu-secondary-footer-menu-swiss .footerCol { border-bottom: 1px dotted #4b4b4b; padding-bottom: 5px; margin-bottom: 10px; } .footercolumns #menu-secondary-footer-menu .footerCol ul .footerCol, .footercolumns #menu-secondary-footer-menu-swiss .footerCol ul .footerCol { border: 0px; margin: 3px 0px; } .hwp-bottomright, .hwp-bottomleft { width: inherit; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item { width: 50%; } .special-variation-container { flex-wrap: wrap; } .special-variation { flex-basis: 46%; } .woocommerce-mini-cart li { display: block; text-align: center; } .minicartimage img { margin: auto; } .minicartbuttons button { width: 100%; } .woocommerce-mini-cart__buttons a, .woocommerce-mini-cart__buttons a.checkout { width: 100%; margin-right: 0; margin-top: 10px; } .tab-header span { display: block; float: none; } .highlightmobile { width: 50%; } /*Country Popup */ .countries_in_region .country_button { flex-basis: 100%; } } /*Ilias new content*/ /* --- our clients --- */ @media only screen and (max-width: 600px) { .partnerfilters a { display: inherit !important; margin: 21px 16px !important; } } /* BEANS REFERRAL*/ #bamboo-referral-page ~ div p { display: none; } .bamboo-page-headline { font-weight: 100; font-family: "Swift W01 Bold" !important; } .bamboo-page-about { font-family: "Gotham SSm A", "Gotham SSm B" !important; } .bamboo-voguish-container { margin-bottom: -50px; } .bamboo-voguish-coupon-referral-message { font-family: "Gotham SSm A", "Gotham SSm B" !important; margin-bottom: 50px; font-size: 15px; } /* JS*/ .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-wayTo { display: none; } /* BEANS LOYALTY*/ #liana-rewards-page ~ div p { display: none; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-about { font-family: "Gotham SSm A", "Gotham SSm B" !important; font-weight: 300; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSection-style { height: 850px !important; } @media (max-width: 1440px) { .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSection-style { height: 450px !important; } } @media (max-width: 970px) { .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSection-style { height: 250px !important; } } @media (max-width: 630px) { .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style div { flex-direction: column !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style-parent { height: 170px !important; } .liana-beans-rate-container { margin: 24px 0 38px !important; padding-top: 70px !important; } .liana-lavish-rewards-root { margin: 200px auto 0 !important; } } .bamboo-voguish-content { height: auto !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-rule-statement { font-size: 14px; font-style: normal; font-weight: 300; line-height: 137.56%; margin-bottom: auto; font-family: "Gotham SSm A", "Gotham SSm B" !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-rule-title { font-family: "Gotham SSm A", "Gotham SSm B" !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-Referral-about { font-size: 14px; font-style: normal; font-weight: 300; line-height: 23px; margin: 10px 0; font-family: "Gotham SSm A", "Gotham SSm B" !important; } .liana-rewards-cart-discount-container { font-family: "Gotham SSm A", "Gotham SSm B" !important; } .beans-wysiwyg-paragraph { font-family: "Gotham SSm A", "Gotham SSm B" !important; font-weight: 300; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-about { font-family: "Gotham SSm A", "Gotham SSm B" !important; font-weight: 300; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style { border-radius: 0px !important; } .liana-lavish-membership-status-name { border-radius: 0px !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSectionMemberBalance-style { border-radius: 0px !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-rule-card { border-radius: 0px !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-Referral-img { border-radius: 0px !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-Referral { border-radius: 0px !important; } .liana-lavish-rewards-root .liana-rewards-cart-discount-container .liana-rewards-cart-discount-card-container { border-radius: 0px !important; } .liana-rewards-cart-discount-button, a.liana-rewards-cart-discount-button { border-radius: 0px !important; } .bns-cart-box .bns-cart-redeem-box { border-radius: 0px !important; } .liana-lavish-membership-root .liana-lavish-membership-status-card { border-radius: 0px !important; } .liana-activity-card { border-radius: 0px !important; } .liana-lavish-membership-tier-detail-card { border-radius: 0px !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-rule-beans { background-color: #4b4b4b !important; border-radius: 0px !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSection-cta { background: #4b4b4b; border-radius: 0px !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style a { text-transform: uppercase; font-size: 14px; text-decoration: none !important; padding: 10px 10px 10px !important; line-height: 20px !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-cta { background: #4b4b4b; border-radius: 0px !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-rule-icon { display: none; } #liana-completed-rule-cta-state { display: none; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-rule-cta { font-family: "Gotham SSm A", "Gotham SSm B" !important; font-weight: 400 !important; display: none !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-wayTo-text { font-weight: 100; font-family: "Swift W01 Bold" !important; } .liana-lavish-rewards-root .liana-rewards-page-title { font-weight: 100; font-family: "Swift W01 Bold" !important; } .liana-lavish-membership-tier-detail { font-weight: 100 !important; font-family: "Swift W01 Bold" !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-headline { font-weight: 100; font-family: "Swift W01 Bold" !important; font-size: 22px; padding-top: 60px; } .liana-FAQ-title { font-weight: 100; font-family: "Swift W01 Bold" !important; } .liana-lavish-membership-next-tier-name { font-weight: 500; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-Referral-headline { font-weight: 100; font-weight: 100; font-family: "Swift W01 Bold" !important; } .liana-exclusive-product-card .liana-exclusive-product-infos-container a.liana-exclusive-product-cta { background-color: #4b4b4b; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .beans-lavish-Referral-cta { background-color: white; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-weight: 400; border: 2px solid #323338; color: #323338; border-radius: 0px; } #bamboo-popup { background: linear-gradient(60.74deg, #343536 3.77%, #0c0c0c 90.8%); border-radius: 0px; } #bamboo-popup-discount-value { color: #323338; } #bamboo-popup-cta-primary { border-radius: 0px !important; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-rule-icon { filter: grayscale(1); } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style { margin-bottom: -50px; } .beans-lavish-program-page .beans-lavish-MainSectionDiv-style .liana-lavish-rule-cta { border-radius: 0px !important; } /*100 points are worth £1*/ .liana-beans-rate { border-radius: 0px !important; } /*Pop-up referall*/ #bamboo-popup #bamboo-popup-cta-primary p, p#bamboo-popup-text { text-indent: -9999px; line-height: 0; } p#bamboo-popup-text:after { content: "A thoughtful friend is offering 1000 Points to spend with us at AVANTCHA Tea. Visit now to claim your gift."; text-indent: 0; display: block; line-height: initial; } #bamboo-popup-cta-primary p:after { content: "Visit Now"; text-indent: 0; display: block; line-height: initial; } /*Test*/ #liana-rewards-page .liana-lavish-wayTo-text, #liana-rewards-page .liana-rewards-page-title, #liana-rewards-page .beans-lavish-HeroSection-cta-label, #liana-rewards-page .beans-lavish-HeroSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style-parent a:nth-child(2), #liana-rewards-page .beans-lavish-HeroSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style-parent a:nth-child(3), #liana-rewards-page .beans-lavish-HeroSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style-parent a:last-child, #liana-rewards-page .liana-FAQ-title { text-indent: -9999px; line-height: inherit; } #liana-rewards-page .beans-lavish-HeroSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style-parent a:nth-child(2):after { content: "My Points"; text-indent: 0; display: block; line-height: initial; margin-top: -20px; } #liana-rewards-page .beans-lavish-HeroSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style-parent a:nth-child(3):after { content: "Tiers"; text-indent: 0; display: block; line-height: initial; margin-top: -20px; } #liana-rewards-page .beans-lavish-HeroSectionDiv-style .beans-lavish-HeroSectionTabMenuMember-style-parent a:last-child:after { content: "FAQs"; text-indent: 0; display: block; line-height: initial; margin-top: -20px; } #liana-rewards-page .liana-FAQ-title:after { content: "FAQs"; text-indent: 0; display: block; line-height: initial; } #liana-rewards-page .liana-rewards-page-title:after { content: "My Points"; text-indent: 0; display: block; line-height: initial; } #liana-rewards-page .beans-lavish-HeroSection-cta-label:after { content: "Join our loyalty program"; text-indent: 0; display: block; line-height: initial; } #liana-rewards-page .liana-lavish-wayTo-text:after { content: "How to Earn Points" !important; text-indent: 0; display: block; line-height: initial; } /* cart redeem - checkout*/ .bns-cart-box .bns-cart-bt-wrapper { width: 100%; } .bns-cart-redeem-box.checkout-button.button { background-color: grey !important; } /*add text to checkout CTA*/ /* .bns-cart-title::before { content: "Use Loyalty to "; } */ .bns-cart-box .bns-cart-title { font-size: 0.8em !important; padding: 10px 18px; font-weight: 300 !important; line-height: 1.6em; } div#beans-cart-redeem-button { padding: 0px 30px; margin-bottom: 20px; } .checkout div#beans-cart-redeem-button { width: 100% !important; padding: inherit; } /* cart redeem - checkout - popup*/ .liana-redeem-modal .liana-redeem-modal-item { border-radius: 0px !important; } .liana-redeem-modal-header .liana-redeem-modal-header-title { font-size: 20px; } .liana-redeem-modal .liana-redeem-modal-item .liana-redeem-modal-item-body { font-weight: 100; } .liana-redeem-modal .liana-redeem-modal-item .liana-redeem-modal-item-icon { border-radius: 0px !important; } .liana-redeem-modal { border-radius: 0px !important; } /*preview mode*/ .beans-preview-notice-content .beans-logo ~ div { visibility: hidden; } .beans-preview-notice-content .beans-logo ~ div::after { position: absolute; visibility: visible; content: "Loyalty preview mode"; } .beans-preview-notice-container .beans-logo, .beans-preview-notice-container .beans-logo ~ div { margin-right: 15px !important; } .beans-preview-notice-content .beans-logo { display: none; } /*category page - new improvement 2023*/ .custom-product-footers { display: flex; column-gap: 20px; } .cat-custom-footer-title { font-size: 35px; margin-bottom: 15px; } .cat-custom-footer-content a { color: #323338; transition: 0.3s; text-decoration: underline; } .cat-custom-footer-content a:hover { color: #b9d981; } .cat-custom-footer-cta { padding: 8px 36px; border: 2px solid #707070; background-color: transparent; color: #000; display: inline-block; margin-top: 1.5em; text-transform: uppercase; font-size: 13px; font-weight: 500; transition: 0.3s; margin-right: 30px; } .cat-custom-footer-cta:hover { color: #fff; border: 2px solid #000; background-color: #000; } @media (max-width: 970px) { .custom-product-footers { display: block; } .cat-custom-footer { margin-bottom: 30px; } } #menu-shop-menu > li:nth-child(1) > ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 460px; -ms-flex-wrap: wrap; flex-wrap: wrap; } #menu-shop-menu > li:nth-child(1) > ul > li { width: 50%; } #menu-shop-menu > li > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } #menu-shop-menu > li > ul > li > a img { width: 45px; aspect-ratio: 1 / 1; } #menu-shop-menu > li > ul > li > a span { padding: 14px 0; } #menu-shop-menu > li:nth-child(1) > a { padding-left: 55px; } #popup_modal_avantcha { display: flex; position: fixed; z-index: 2; padding-bottom: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); justify-content: center; align-items: center; } #popup_modal_avantcha .hide-modal { display: none; } #popup_modal_avantcha .modal-content { position: relative; max-width: 800px; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; max-width: 35rem; font-size: 17px; } #popup_modal_avantcha .modal-body { font-weight: 600; font-size: 17px; font-family: GothamPro; padding: 2em 3em; overflow: auto; height: 22rem; text-align: center; } #popup_modal_avantcha .popup-close { position: absolute; width: 1.5em; height: 1.5em; background-color: #ed5a29; cursor: pointer; z-index: 5; display: flex; justify-content: center; align-items: center; transition: 0.5s cubic-bezier(0.27, 1.64, 0.32, 0.95); border-radius: 0em !important; font-size: 2.1875em; color: rgb(74, 74, 74); background: rgba(255, 255, 255, 0); font-family: Archivo; top: 0.125em; right: 0.125em; } #popup_modal_avantcha .popup-close:hover { opacity: 0.7; } #popup_modal_avantcha img { display: inline; } #popup_modal_avantcha .contact-us-btn { font-size: 17px; font-weight: 400 !important; } /* Add Animation */ @-webkit-keyframes animatetop { from { top: -50px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -50px; opacity: 0; } to { top: 0; opacity: 1; } } @media (max-width: 48px) { #popup_modal_avantcha .modal { padding-left: 0; padding-top: 4rem; } } @media (max-width: 30rem) { #popup_modal_avantcha .modal-content { max-width: none; } } /*High Priority Loyalty Styling*/ .b2b-userloggedin .b2b-excempt, .b2b-userloggedin .bns-cart-box { display: none !important; visibility: hidden; opacity: 0; position: fixed; width: 1px; height: 1px; overflow: hidden; top: -100%; left: -100%; } .guest-user .bns-cart-title::before { content: "Use Loyalty to "; } /* Special blog */ .floating { .swiftmedium; z-index: 999; box-shadow: 0px 0px 34px 1px rgba(0, 0, 0, 0.05); position: relative; padding: 20px; width: 90%; margin: -60px auto 20px auto; } .recipies .wp-block-columns { margin-left: -2%; margin-right: -2%; } .recipe-step .wp-block-column { margin-right: 2% !important; margin-left: 2% !important; flex-basis: 50%; } .recipe-step .wp-block-group { margin-top: 14px; } .recipe-step .wp-block-group__inner-container { display: flex; column-gap: 20px; } .recipe-step .wp-block-group h3 { font-size: 1.5em; white-space: nowrap; color: #5f5f5f; } .recipe-step p { margin-top: 0; } .padded { padding: 10px 20px; } .recipe-step-2 .wp-block-group__inner-container { display: block; } .recipe-step-2 h3 { font-size: 1.5em; white-space: nowrap; color: #5f5f5f; } .postid-1243887 h1 { margin-bottom: 0px; } .postid-1243887 .articlebox h1 { margin-bottom: 0px; position: relative; z-index: 99; } .postid-1243887 h1.titles span { background-color: #fff; padding: 10px 24px; display: inline-block; } .postid-1243887 .blogdate { margin-top: 0; position: relative; z-index: 99; } .postid-1243887 .blogdate span { background-color: #fff; padding: 6px; display: inline-block; } .postid-1243887 .blogcontent { margin-top: -70px; } @media only screen and (min-width: 970px) { .wp-block-button.blockbutton.registerbutton { float: left; } } /* Filter Arrow Fix */ .wpfFilterWrapper { min-width: fit-content; } .wpfFilterWrapper .wpfFilterContent:after { right: 6px !important; } @media (max-width: 1054px) { .wpfMainWrapper { flex-wrap: wrap !important; } .wpfFilterWrapper { width: 33% !important; } } /* End Filter Arrow Fix */ /* Remove redemption CTA from /cart/ (only CSS) */ body.woocommerce-cart #beans-cart-redeem-button { display: none; } body.woocommerce-checkout .woocommerce-remove-coupon[data-coupon="redeem_points"], body.woocommerce-checkout .woocommerce-remove-coupon[data-coupon="redeem_tiers"] { display: unset !important; } header a:hover { background: none !important; } /* NEW MENU */ .branding .mainnav ul li .submenubox { width: 102vw; margin-left: -4%; } @media (min-width: 971px) { body:not(.single-product) .mainheader { width: 100%; left: 0; top: 0; position: fixed !important; z-index: 9999; transition: background-color 0.2s ease-in-out; } .mainheader .branding { padding: 18px 0 !important; } .mainheader.transparent-header .branding .logo img, .mainheader.transparent-header .branding #menu-top-menu > li > a > span, .mainheader.transparent-header .branding #menu-top-menu > li > span.parentlink, .mainheader.transparent-header .branding .icon { filter: brightness(0) invert(1); } .mainheader:not(.transparent-header) { background-color: #fff; } .mainheader .branding, .mainheader .logo img { transition: 300ms; } .mainheader.small-header .branding { padding: 12px 0 !important; } .branding .logo img { width: 220px !important; } .mainheader.small-header .logo img { width: 140px !important; } body.archive .imagesection { margin: -20px -40px 0; padding-top: 50px; } body.archive.category, body.page-template-page-partners, body.page-id-1183319, body.search-results, body.woocommerce-cart, body.woocommerce-checkout, body.privacy-policy, body.page-id-1653, body.page-id-972, body.page-id-830, body.page-id-1183349, body.page-id-1206646, body.page-id-1209633, body.single-post, body.page-template-page-accounts, body.page-template-page-mainaccount { padding-top: 120px; } .archive .woocommerce-breadcrumb { display: none; } } #menu-shop > li:nth-child(1) > ul, #menu-tea > li:nth-child(1) > ul, #menu-tee > li:nth-child(1) > ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 370px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -13px; } #menu-shop > li:nth-child(1) > ul > li, #menu-tea > li:nth-child(1) > ul > li, #menu-tee > li:nth-child(1) > ul > li { width: 50%; } #menu-shop > li > ul > li > a, #menu-tea > li > ul > li > a, #menu-tee > li > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } #menu-shop > li > ul > li > a img, #menu-tea > li > ul > li > a img, #menu-tee > li > ul > li > a img { width: 45px; aspect-ratio: 1 / 1; margin-right: 6px; } #menu-shop > li > ul > li > a span, #menu-tea > li > ul > li > a span, #menu-tee > li > ul > li > a span { padding: 14px 0; font-weight: 300 !important; } #menu-shop > li:nth-child(1) > a, #menu-tea > li:nth-child(1) > a, #menu-tee > li:nth-child(1) > a { padding-left: 63px; } li.menu_image_medium a { max-width: 298px; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 0px; } li.menu_image_medium a img { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; width: 100%; object-fit: cover; aspect-ratio: 1024 / 683; } #menu-tea li.menu_image_medium a img, #menu-tee li.menu_image_medium a img{ height: 313px; } li.menu_image_medium > a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } li.menu_image_medium > a span { padding-top: 0 !important; } .branding .mainnav ul li .submenu [class$="-container"] { width: 100%; padding: 40px 10px; display: inline-block; vertical-align: top; text-align: center; } .branding .mainnav ul li .submenu li { text-align: -webkit-left; margin-right: 70px !important; } .branding .mainnav ul li .submenu ul.menu li ul.sub-menu li { margin-right: 0px !important; } @media (min-width: 62rem) { .branding .mainnav { min-width: 25rem; } } @media (max-width: 1200px) { .branding .mainnav ul li .submenu li { margin-right: 15px !important; } } #menu-tea, #menu-tee { display: flex; justify-content: space-evenly; } #menu-top-menu .pseudo-menu-title { margin-top: 24px; } #menu-top-menu .pseudo-menu-title a { color: #808284 !important; font-weight: 500 !important; } #menu-tea .menu_image_medium{ margin-right: 0 !important; } /* END NEW MENU */