/* LIBRARIES */ /*=============================*/ @font-face { font-family: 'ButtercupSample'; src: url("../fonts/ButtercupSample/ButtercupSample.eot?#iefix") format("embedded-opentype"), url("../fonts/ButtercupSample/ButtercupSample.woff") format("woff"), url("../fonts/ButtercupSample/ButtercupSample.ttf") format("truetype"), url("../fonts/ButtercupSample/ButtercupSample.svg#ButtercupSample") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular/ProximaNova-Regular.ttf") format("truetype"), url("../fonts/ProximaNova-Regular/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg"); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'ProximaNova'; src: url('../fonts/FuturaCondMedium/FuturaCondMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaCondMedium/FuturaCondMedium.otf') format('opentype'), url('../fonts/FuturaCondMedium/FuturaCondMedium.woff') format('woff'), url('../fonts/FuturaCondMedium/FuturaCondMedium.ttf') format('truetype'), url('../fonts/FuturaCondMedium/FuturaCondMedium.svg#FuturaCondMedium') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Light/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light/ProximaNova-Light.otf") format("opentype"), url("../fonts/ProximaNova-Light/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light/ProximaNova-Light.ttf") format("truetype"), url("../fonts/ProximaNova-Light/ProximaNova-Light.svg#ProximaNova-Light") format("svg"); font-weight: 300; font-style: normal; } /*@font-face { font-family: 'ProximaNova'; src: url('../fonts/Futura-Light/Futura-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura-Light/Futura-Light.woff') format('woff'), url('../fonts/Futura-Light/Futura-Light.ttf') format('truetype'), url('../fonts/Futura-Light/Futura-Light.svg#Futura-Light') format('svg'); font-weight: 300; font-style: normal; }*/ @font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.otf") format("opentype"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.ttf") format("truetype"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg"); font-weight: 700; font-style: normal; } /*@font-face { font-family: 'ProximaNova'; src: url('../fonts/Futura-Medium/Futura-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura-Medium/Futura-Medium.woff') format('woff'), url('../fonts/Futura-Medium/Futura-Medium.ttf') format('truetype'), url('../fonts/Futura-Medium/Futura-Medium.svg#Futura-Medium') format('svg'); font-weight: 700; font-style: normal; }*/ @font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Bold/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold/ProximaNova-Bold.otf") format("opentype"), url("../fonts/ProximaNova-Bold/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold/ProximaNova-Bold.ttf") format("truetype"), url("../fonts/ProximaNova-Bold/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg"); font-weight: 800; font-style: normal; } /*@font-face { font-family: 'ProximaNova'; src: url('../fonts/Futura-Bold/Futura-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura-Bold/Futura-Bold.otf') format('opentype'), url('../fonts/Futura-Bold/Futura-Bold.woff') format('woff'), url('../fonts/Futura-Bold/Futura-Bold.ttf') format('truetype'), url('../fonts/Futura-Bold/Futura-Bold.svg#Futura-Bold') format('svg'); font-weight: 800; font-style: normal; } */ @font-face { font-family: 'Museo'; src: url("../fonts/Museo-300/Museo-300.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-300/Museo-300.otf") format("opentype"), url("../fonts/Museo-300/Museo-300.woff") format("woff"), url("../fonts/Museo-300/Museo-300.ttf") format("truetype"), url("../fonts/Museo-300/Museo-300.svg#Museo-300") format("svg"); font-weight: 300; font-style: normal; } /*@font-face { font-family: 'Museo'; src: url('../fonts/Museo-500/Museo-500.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo-500/Museo-500.woff') format('woff'), url('../fonts/Museo-500/Museo-500.ttf') format('truetype'), url('../fonts/Museo-500/Museo-500.svg#Museo-500') format('svg'); font-weight: 500; font-style: normal; }*/ @font-face { font-family: 'Museo'; src: url("../fonts/Museo-700/Museo-700.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-700/Museo-700.otf") format("opentype"), url("../fonts/Museo-700/Museo-700.woff") format("woff"), url("../fonts/Museo-700/Museo-700.ttf") format("truetype"), url("../fonts/Museo-700/Museo-700.svg#Museo-700") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Tungsten-Book'; src: url("../fonts/Tungsten-Book/Tungsten-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Tungsten-Book/Tungsten-Book.otf") format("opentype"), url("../fonts/Tungsten-Book/Tungsten-Book.woff") format("woff"), url("../fonts/Tungsten-Book/Tungsten-Book.ttf") format("truetype"), url("../fonts/Tungsten-Book/Tungsten-Book.svg#Tungsten-Book") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConeriaScriptDemo'; src: url("../fonts/ConeriaScriptDemo/ConeriaScriptDemo.eot?#iefix") format("embedded-opentype"), url("../fonts/ConeriaScriptDemo/ConeriaScriptDemo.woff") format("woff"), url("../fonts/ConeriaScriptDemo/ConeriaScriptDemo.ttf") format("truetype"), url("../fonts/ConeriaScriptDemo/ConeriaScriptDemo.svg#ConeriaScriptDemo") format("svg"); font-weight: normal; font-style: normal; } /*<-- SITE CSS -->*/ /*@import "sidebar";*/ /*@import "single-product";*/ /*@import "custom-modal";*/ /*@import "product-cat";*/ /*@import "single-theme";*/ /*@import "single";*/ /*@import "product-archive";*/ /*@import "cart";*/ /*@import "wishlist";*/ /*@import "blog-archive";*/ /*@import "checkout";*/ /*@import "archive-themes";*/ /*@import "my-account";*/ /*@import "page";*/ /*@import "moodboard-modal";*/ /*@import "responsive-menu";*/ /*@import "search";*/ /*@import "login";*/ /*@import "dropdown";*/ /*@import "modules/product-item";*/ /* INC */ @media screen { .header { position: fixed; width: 100%; top: 0; left: 0; background-color: white; z-index: 800; -webkit-transition: 0.3s; transition: 0.3s; } .extra-header { z-index: 30; position: relative; background-color: #b1dbbe; } .extra-header .shipping-text { font-weight: 300; font-size: 14px; color: white; } .extra-header .header-links { font-size: 0; text-align: right; } .extra-header .header-links .menu-secondary-menu-container { display: none; } .extra-header .header-links .menu-secondary-menu-container ul { font-size: 0; text-align: right; } .extra-header .header-links .menu-secondary-menu-container ul li { display: inline-block; vertical-align: middle; list-style-type: none; } .extra-header .header-links .menu-secondary-menu-container ul li a { display: inline-block; font-size: 12px; color: white; text-transform: uppercase; padding: 8px 15px; -webkit-transition: 0.3s; transition: 0.3s; } .extra-header .header-links .menu-secondary-menu-container ul li a:hover { text-decoration: underline !important; } .extra-header .header-links .menu-secondary-menu-container ul li.current-menu-item a { text-decoration: underline !important; } .extra-header .header-links .call-now { display: inline-block; vertical-align: middle; text-transform: uppercase; padding: 10px 0; } .extra-header .header-links .call-now a { font-size: 14px; font-weight: 700; color: white; -webkit-transition: 0.3s; transition: 0.3s; } .extra-header .header-links .call-now a span.fa { height: 25px; width: 25px; background-color: white; vertical-align: middle; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #b0b0b0; border-radius: 100%; -webkit-transition: 0.3s; transition: 0.3s; } .extra-header .header-links .call-now a .tracknumber { display: none; color: white; } .extra-header .header-links .call-now a:hover span.fa { color: white; background-color: #e56b3a; } .extra-header .slides { padding: 0; margin: 0; font-size: 14px; } .extra-header .slides li { display: inline-block; width: 100%; font-size: 14px; color: white; height: auto; z-index: 9999; vertical-align: top; } .extra-header .slides li strong { margin-bottom: 0 !important; } .main-navigation { font-size: 0; } .main-navigation .top .wrapper { padding: 10px 0; } .main-navigation .top .search-link, .main-navigation .top .search-link-btn, .main-navigation .top .menu-main-menu-container { display: none; } .main-navigation .top h2, .main-navigation .top .cstm-links { display: inline-block; vertical-align: middle; } .main-navigation .top h2 { width: 40%; } .main-navigation .top h2 span { position: absolute; text-indent: -9999px; visibility: hidden; opacity: 0; font-size: 0; height: 0; width: 0; } .main-navigation .top h2 img { width: 100%; height: auto; max-width: 115px; } } @media screen and (min-width: 480px) { .main-navigation .top h2 img { max-width: 150px; } } @media screen { .main-navigation .top .cstm-links { width: 60%; text-align: right; } .main-navigation .top .cstm-links li { display: inline-block; vertical-align: top; font-size: 14px; margin-left: 10px; } .main-navigation .top .cstm-links li:first-child { margin-left: 0; } .main-navigation .top .cstm-links li a { font-weight: bold; -webkit-transition: 0.3s; transition: 0.3s; position: relative; text-transform: uppercase; font-size: 11px; color: #b1dbbe; } .main-navigation .top .cstm-links li a span.cart-customlocation { font-size: 9px; font-weight: normal; width: 15px; height: 15px; text-align: center; display: inline-block; background-color: #b1dbbe; color: white; border-radius: 100%; padding-top: 1px; vertical-align: middle; position: relative; top: -1px; } .main-navigation .bottom { border-top: 2px solid #ebebeb; } .main-navigation .bottom .wrapper { padding: 10px 0; } .main-navigation .bottom .menu-secondary-menu-container { display: none; } .main-navigation .bottom .menu-icon, .main-navigation .bottom .search-link { display: inline-block; vertical-align: middle; } .main-navigation .bottom .menu-icon { font-size: 0; cursor: pointer; width: 30%; } .main-navigation .bottom .menu-icon .bars, .main-navigation .bottom .menu-icon .text { display: inline-block; vertical-align: middle; } .main-navigation .bottom .menu-icon .bars { width: 22px; height: 14px; position: relative; } .main-navigation .bottom .menu-icon .bars .bar { width: 100%; height: 2px; background-color: #696969; } .main-navigation .bottom .menu-icon .bars .bar:nth-child(2) { position: absolute; top: 6px; } .main-navigation .bottom .menu-icon .bars .bar:last-child { position: absolute; bottom: 0; } .main-navigation .bottom .menu-icon .text { margin-left: 8px; font-weight: 800; font-size: 15px; color: #696969; text-transform: uppercase; } .main-navigation .bottom .search-link { width: 70%; } .main-navigation .bottom .search-link form { position: relative; } .main-navigation .bottom .search-link input { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; font-size: 14px; width: 100%; padding: 10px; margin: 0; display: block; border: 2px solid #e3e3e3; background-image: url(../images/); } .main-navigation .bottom .search-link .fa { position: absolute; color: #ebebeb; top: 2px; right: 2px; font-size: 20px; height: 36px; padding: 7px 10px 0 20px; } } @media (min-width: 480px) { .extra-header .header-links .call-now a .tracknumber { display: inline-block; } } @media (min-width: 750px) { .main-navigation .top .wrapper { padding: 15px 0; } .main-navigation .top h2 { /*width: 30%;*/ width: 200px; } .main-navigation .top h2 img { max-width: 180px; } .main-navigation .top .search-link { /*width: 45%;*/ /*width: 56%;*/ width: 280px; display: inline-block; vertical-align: middle; } .main-navigation .top .search-link form { position: relative; } .main-navigation .top .search-link input { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; font-size: 14px; width: 100%; padding: 10px; margin: 0; display: block; border: 2px solid #e3e3e3; background-image: url(../images/); } .main-navigation .top .search-link .fa { position: absolute; color: #ebebeb; top: 2px; right: 2px; font-size: 20px; height: 36px; padding: 7px 10px 0 20px; } .main-navigation .top .cstm-links { /*width: 25%;*/ /*width: 14%;*/ width: calc(100% - 200px - 280px); } .main-navigation .bottom { padding: 15px 0; } .main-navigation .bottom .menu-icon, .main-navigation .bottom .search-link { display: none; } .main-navigation .bottom .menu-main-menu-container { display: block; width: 100%; font-size: 14px; } .main-navigation .bottom .menu-main-menu-container ul li { display: inline-block; vertical-align: middle; margin-left: 30px; /*&:last-child{ a{ padding-left: 0; &:before{ display: none; } } }*/ } .main-navigation .bottom .menu-main-menu-container ul li.active a { color: #b1dbbe; } .main-navigation .bottom .menu-main-menu-container ul li.active a:before { color: #b1dbbe; } .main-navigation .bottom .menu-main-menu-container ul li:first-child { margin-left: 0; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children > a, .main-navigation .bottom .menu-main-menu-container ul li.party-themes > a, .main-navigation .bottom .menu-main-menu-container ul li.party-supplies > a { padding-left: 25px; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children > a:before, .main-navigation .bottom .menu-main-menu-container ul li.party-themes > a:before, .main-navigation .bottom .menu-main-menu-container ul li.party-supplies > a:before { display: block; } .main-navigation .bottom .menu-main-menu-container ul li a { display: inline-block; /*padding-left: 25px;*/ font-size: 16px; cursor: pointer; font-weight: 800; color: #696969; -webkit-transition: 0.3s; transition: 0.3s; text-transform: uppercase; position: relative; } .main-navigation .bottom .menu-main-menu-container ul li a:before { content: '\f107'; position: absolute; left: 0; top: -12px; font-size: 30px; font-family: FontAwesome; color: #696969; -webkit-transition: 0.3s; transition: 0.3s; display: none; } .main-navigation .bottom .menu-main-menu-container ul li a:hover { color: #b1dbbe; } .main-navigation .bottom .menu-main-menu-container ul li a:hover:before { color: #b1dbbe; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children { position: relative; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu { font-size: 0; text-align: left; padding: 31px 10px 10px; width: 500px; /*-webkit-column-count: 3; -moz-column-count: 3; -o-column-count: 3; column-count: 3;*/ display: none; position: absolute; top: 100%; left: 0; background-color: white; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu li { /*display: block;*/ display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 10px 0 0; /*margin: 0 0 8px;*/ margin: 0 0 20px; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu li a { padding-left: 0; display: block; /*color: #052525;*/ color: #d84b4b; font-size: 14px; text-transform: none; font-family: 'Museo'; font-weight: 500; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu li a:hover { color: #b1dbbe; /*background-color: $lightviolet;*/ } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu li a:before { display: none; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu li .sub-menu { top: auto; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; display: block; position: relative; padding: 0; width: auto; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu li .sub-menu li { padding: 0; display: block; width: 100%; margin: 8px 0 0; /*&:last-child{ margin: 0; }*/ } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu li .sub-menu li a { font-weight: normal; font-family: 'ProximaNova', 'helvetica', arial, sans-serif; /*color: #dcc3db;*/ color: #052525; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children .sub-menu li .sub-menu li .sub-menu li a { color: #052525; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children:hover > a { color: #b1dbbe; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children:hover > a:before { color: #b1dbbe; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children:hover .sub-menu { display: block; } .main-navigation .bottom .menu-main-menu-container ul li.menu-item-has-children:last-child .sub-menu { position: absolute; right: 0; left: auto; } .main-navigation .bottom .menu-main-menu-container ul li.party-supplies .sub-menu, .main-navigation .bottom .menu-main-menu-container ul li.party-themes .sub-menu { display: none !important; } } @media (min-width: 768px) { .extra-header .header-links .call-now a span.fa { margin-right: 10px; } } @media (min-width: 992px) { .extra-header .header-links .menu-secondary-menu-container { display: inline-block; } .extra-header .header-links .call-now { /*border-right: 2px solid #ebebeb;*/ /*padding: 16px 25px;*/ padding: 10px 0 10px 25px; } .main-navigation .top h2 { /*width: 180px;*/ } .main-navigation .top .search-link { /*width: 58%;*/ /*text-align: right;*/ } .main-navigation .top .search-link form { width: 100%; max-width: 330px; display: inline-block; } .main-navigation .top .cstm-links { /*width: 20%;*/ /*width: 12%;*/ } .main-navigation .top .cstm-links li a { font-size: 17px; } .main-navigation .top .cstm-links li a span.cart-customlocation { font-weight: bold; font-size: 14px; width: 25px; height: 25px; padding-top: 3px; } .main-navigation .bottom .menu-main-menu-container { text-align: left; } } @media (min-width: 1200px) { .main-navigation .top h2 { width: 180px; } .main-navigation .top h2 img { max-width: 200px; } .main-navigation .top .menu-main-menu-container { padding: 0 35px; /*width: 580px;*/ width: calc(100% - 180px - 180px - 30px); display: inline-block; vertical-align: middle; } .main-navigation .top .menu-main-menu-container .shop-menu li { display: inline-block; vertical-align: middle; margin-left: 25px; } .main-navigation .top .menu-main-menu-container .shop-menu li.active a { color: #b1dbbe; } .main-navigation .top .menu-main-menu-container .shop-menu li.active a:before { color: #b1dbbe; } .main-navigation .top .menu-main-menu-container .shop-menu li:first-child { margin-left: 0; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children > a, .main-navigation .top .menu-main-menu-container .shop-menu li.party-supplies > a, .main-navigation .top .menu-main-menu-container .shop-menu li.party-themes > a { padding-left: 25px; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children > a:before, .main-navigation .top .menu-main-menu-container .shop-menu li.party-supplies > a:before, .main-navigation .top .menu-main-menu-container .shop-menu li.party-themes > a:before { display: block; } .main-navigation .top .menu-main-menu-container .shop-menu li a { display: inline-block; font-size: 14px; cursor: pointer; font-weight: 800; color: #696969; -webkit-transition: 0.3s; transition: 0.3s; text-transform: uppercase; position: relative; } .main-navigation .top .menu-main-menu-container .shop-menu li a:before { content: '\f107'; position: absolute; left: 0; top: -9px; font-size: 26px; font-family: FontAwesome; color: #696969; -webkit-transition: 0.3s; transition: 0.3s; display: none; } .main-navigation .top .menu-main-menu-container .shop-menu li a:hover { color: #b1dbbe; } .main-navigation .top .menu-main-menu-container .shop-menu li a:hover:before { color: #b1dbbe; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children { position: relative; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu { text-align: left; padding: 31px 10px 10px; width: 500px; /*-webkit-column-count: 3; -moz-column-count: 3; -o-column-count: 3; column-count: 3;*/ display: none; position: absolute; top: 100%; left: 0; background-color: white; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu li { /*display: block;*/ display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 10px 0 0; /*margin: 0 0 8px;*/ margin: 0 0 20px; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu li a { padding-left: 0; display: block; /*color: #052525;*/ color: #d84b4b; font-size: 14px; text-transform: none; font-family: 'Museo'; font-weight: 500; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu li a:hover { color: #b1dbbe; /*background-color: $lightviolet;*/ } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu li a:before { display: none; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu li .sub-menu { top: auto; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; display: block; position: relative; padding: 0; width: auto; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu li .sub-menu li { padding: 0; display: block; width: 100%; margin: 8px 0 0; /*&:last-child{ margin: 0; }*/ } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu li .sub-menu li a { font-weight: normal; font-family: 'ProximaNova', 'helvetica', arial, sans-serif; /*color: #dcc3db;*/ color: #052525; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children .sub-menu li .sub-menu li .sub-menu li a { color: #052525; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children:hover > a { color: #b1dbbe; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children:hover > a:before { color: #b1dbbe; } .main-navigation .top .menu-main-menu-container .shop-menu li.menu-item-has-children:hover .sub-menu { display: block; } .main-navigation .top .menu-main-menu-container .shop-menu li.party-supplies .sub-menu, .main-navigation .top .menu-main-menu-container .shop-menu li.party-themes .sub-menu { display: none !important; } .main-navigation .top .search-link { text-align: left; width: 180px; display: none; } .main-navigation .top .search-link-btn { /*width: 8%;*/ width: 30px; text-align: center; /*display: none;*/ display: inline-block; vertical-align: middle; } .main-navigation .top .search-link-btn a { color: #bcbbbb; font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; } .main-navigation .top .search-link-btn a:hover { color: #b1dbbe; } .main-navigation .top .cstm-links { width: 180px; /*width: calc(100% - 180px - 580px - 180px);*/ } .main-navigation .top .cstm-links li a { font-size: 11px; } .main-navigation .top .cstm-links li a span.cart-customlocation { font-size: 10px; width: 15px; height: 15px; padding-top: 1px; } .main-navigation .bottom { display: none; } } @media (min-width: 1400px) { .main-navigation .top .menu-main-menu-container { width: calc(100% - 180px - 220px - 30px); } .main-navigation .top .search-link { /*width: 260px;*/ } .main-navigation .top .cstm-links { width: 220px; /*width: calc(100% - 180px - 580px - 260px);*/ } .main-navigation .top .cstm-links li a { font-size: 14px; } .main-navigation .top .cstm-links li a span.cart-customlocation { font-weight: bold; font-size: 12px; width: 20px; height: 20px; padding-top: 2px; } } @media (min-width: 1500px) { .main-navigation .top { /*.search-link-btn{ display: none; }*/ } .main-navigation .top h2 { /*width: 200px;*/ } .main-navigation .top .menu-main-menu-container { /*width: 610px;*/ width: calc(100% - 180px - 220px - 260px); } .main-navigation .top .menu-main-menu-container .shop-menu li { margin-left: 35px; } .main-navigation .top .search-link { /*width: 330px;*/ display: inline-block; width: 260px; } .main-navigation .top .search-link-btn { display: none; } .main-navigation .top .cstm-links { /*width: calc(100% - 200px - 610px - 330px);*/ } } @media screen { .new-footer-menu { position: fixed; bottom: calc(-100% + 48px); right: 0; width: 100%; height: 100%; background-color: white; z-index: 1001; -webkit-transition: 0.3s; transition: 0.3s; } } @media screen and (min-width: 992px) { .new-footer-menu { display: none; } } @media screen { .new-footer-menu.active { bottom: 11px; } .new-footer-menu:after { content: ""; height: 13px; background-color: white; width: 100%; display: block; position: absolute; bottom: -12px; } .new-footer-menu .nfm-wrap { position: relative; height: 100%; overflow: auto; padding: 0 0 50px; } .new-footer-menu .nf-trigger { z-index: 1; text-align: center; cursor: pointer; position: relative; background-color: #b1dbbe; } .new-footer-menu .nf-trigger:before, .new-footer-menu .nf-trigger:after { content: ""; width: 100%; height: 18px; background-image: url("../images/footer-menu-border.png"); position: absolute; left: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .new-footer-menu .nf-trigger:before { top: -15px; } .new-footer-menu .nf-trigger:after { bottom: -15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .new-footer-menu .nf-trigger h4 { padding: 22px 0; font-family: "ProximaNova"; font-weight: bold; font-size: 15px; color: white; text-transform: uppercase; } .new-footer-menu .nf-trigger .arrow-1, .new-footer-menu .nf-trigger .arrow-2 { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 5; } .new-footer-menu .nf-trigger .arrow-1 { top: 0; } .new-footer-menu .nf-trigger .arrow-2 { bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .new-footer-menu .nf-content { background-color: white; text-align: center; padding: 35px 15px 5px; } .new-footer-menu .nf-header img { max-width: 200px; } .new-footer-menu .menu { padding: 10px 0; margin: 0 0 15px; font-size: 0; border-bottom: 1px solid #c2c2c2; } .new-footer-menu .menu li { display: inline-block; vertical-align: middle; list-style: none; margin-right: 10px; } .new-footer-menu .menu li:last-child { margin-right: 0; } .new-footer-menu .menu li a { font-size: 14px; color: #4c4c4c; font-weight: bold; text-transform: uppercase; } .new-footer-menu .nf-information { padding: 0; margin: 0; text-align: center; } .new-footer-menu .nf-information li { list-style-type: none; margin: 0 0 15px; } .new-footer-menu .nf-information li h5 { font-family: "ProximaNova"; font-weight: bold; padding: 0; margin: 0 0 5px; font-size: 12px; color: #4c4c4c; text-transform: uppercase; } .new-footer-menu .nf-information li a { font-family: "Museo"; font-weight: 300; font-size: 16px; color: #4c4c4c; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; } .new-footer-menu .nf-information li a:hover { color: #b1dbbe; } .new-footer-menu .nf-social-media { padding: 0 0 5px; margin: 0; font-size: 0; } .new-footer-menu .nf-social-media li { list-style-type: none; display: inline-block; margin: 4px; } .new-footer-menu .nf-social-media li a { text-decoration: none; font-size: 16px; background-color: #4c4c4c; color: white; border-radius: 100%; display: block; width: 25px; height: 25px; text-align: center; padding: 2px 0 0; -webkit-transition: 0.3s; transition: 0.3s; } .new-footer-menu .nf-social-media li a:hover { background-color: #b1dbbe; } .new-footer-menu .nf-newsletter { background-color: #ffb3ab; padding: 20px; } } @media screen and (min-width: 480px) { .new-footer-menu .nf-newsletter { padding: 20px 30px; } } @media screen { .new-footer-menu .nf-newsletter h4 { font-family: "ProximaNova"; font-size: 15px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px; padding: 0; color: white; } .new-footer-menu .nf-newsletter .gform_wrapper .gform_body label { display: none; } .new-footer-menu .nf-newsletter .gform_wrapper .gform_body input, .new-footer-menu .nf-newsletter .gform_wrapper .gform_body select, .new-footer-menu .nf-newsletter .gform_wrapper .gform_body textarea { padding: 0 10px; margin: 0; height: 35px; line-height: normal; font-size: 14px; } .new-footer-menu .nf-newsletter .gform_wrapper .gform_body textarea { padding: 10px; height: 100px; max-height: 150px; max-width: 100%; } .new-footer-menu .nf-newsletter .gform_wrapper .gform_body ul { padding: 0; margin: 0; } .new-footer-menu .nf-newsletter .gform_wrapper .gform_body ul li { list-style-type: none; display: block; margin: 0 0 5px; } .new-footer-menu .nf-newsletter .gform_wrapper .gform_body ul li.gform_validation_container { display: none; } .new-footer-menu .nf-newsletter .gform_wrapper .gform_footer input { border-radius: 0; background-color: #4c4c4c; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; font-size: 14px; text-transform: uppercase; height: 35px; font-weight: bold; } .new-footer-menu .nf-newsletter .gform_wrapper .gform_footer input:hover { background-color: #b1dbbe; color: white; } .new-footer-menu .instagram-container { overflow: hidden; position: relative; z-index: 5; } .new-footer-menu .instagram-container .caroufredsel_wrapper { margin: 0 0 0 80px !important; } .new-footer-menu .instagram-container .instagram-icon { text-align: center; position: absolute; left: 0; top: 0; height: 80px; z-index: 2; width: 80px; background-color: #e7ac9a; padding: 25px 0 0; } .new-footer-menu .instagram-container .instagram-icon a { display: block; } .new-footer-menu .instagram-container .instagram-icon img { max-width: 30px; } .new-footer-menu .instagram-container .instagram { font-size: 0; padding: 0; margin: 9px; } .new-footer-menu .instagram-container .instagram .instagram-item { display: inline-block; vertical-align: top; width: 80px; } .new-footer-menu .instagram-container .instagram .instagram-item a { display: block; width: 100%; height: 80px; background-size: cover; background-position: center; background-repeat: no-repeat; } #footer { /*position: absolute;*/ /*bottom: 0;*/ width: 100%; display: none; } } @media screen and (min-width: 992px) { #footer { display: block; } } @media screen { #footer .new-footer-content { text-align: center; border-top: 1px solid #e0e0e0; padding: 45px 0; } #footer .new-footer-content img { max-width: 300px; margin: 0 0 15px; } #footer .new-footer-content .menu { padding: 10px 0; margin: 0 0 20px; font-size: 0; } #footer .new-footer-content .menu li { display: inline-block; vertical-align: middle; list-style: none; margin-right: 20px; } #footer .new-footer-content .menu li:last-child { margin-right: 0; } #footer .new-footer-content .menu li a { font-size: 14px; color: #4c4c4c; font-weight: bold; text-transform: uppercase; } #footer .new-footer-content .nf-information { padding: 0; margin: 0 auto 25px; font-size: 0; border: 1px solid #e0e0e0; max-width: 1000px; } #footer .new-footer-content .nf-information li { font-size: 14px; display: inline-block; vertical-align: middle; width: 33.3333%; border-right: 1px solid #e0e0e0; padding: 15px 10px; } #footer .new-footer-content .nf-information li:last-child { border: 0; } #footer .new-footer-content .nf-information li a { font-size: 17px; font-family: "Museo"; font-weight: 300; color: #4c4c4c; } #footer .new-footer-content .nf-information li h5 { margin: 0 0 5px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #4c4c4c; } #footer .new-footer-content .nf-social-media { padding: 0 0 5px; margin: 0; font-size: 0; } #footer .new-footer-content .nf-social-media li { list-style-type: none; display: inline-block; margin: 4px; } #footer .new-footer-content .nf-social-media li a { text-decoration: none; font-size: 16px; background-color: #4c4c4c; color: white; border-radius: 100%; display: block; width: 25px; height: 25px; text-align: center; padding: 2px 0 0; -webkit-transition: 0.3s; transition: 0.3s; } #footer .new-footer-content .nf-social-media li a:hover { background-color: #b1dbbe; } #footer .footer-menu-container { padding: 50px 0; background-color: #fbfbfb; text-align: center; } #footer .footer-menu-container .footer-logo { margin-bottom: 40px; } #footer .footer-menu-container .footer-logo img { max-width: 100px; } #footer .footer-menu-container .footer-menus { margin-bottom: 40px; } #footer .footer-menu-container .footer-menus .widget { padding: 0; margin: 0; border: 0; } #footer .footer-menu-container .footer-menus .widget-title, #footer .footer-menu-container .footer-menus h3 { font-weight: 800; font-size: 18px; text-transform: uppercase; color: #3d3d3d; margin-bottom: 10px; } #footer .footer-menu-container .footer-menus ul { list-style-type: none; padding: 0; } #footer .footer-menu-container .footer-menus ul li { margin-bottom: 5px; } #footer .footer-menu-container .footer-menus ul li a { font-weight: 300; font-family: 'Museo'; font-size: 14px; color: #3d3d3d; -webkit-transition: 0.3s; transition: 0.3s; } #footer .footer-menu-container .footer-menus ul li a:hover { color: #b1dbbe; } #footer .footer-menu-container .social-media h3 { font-weight: 800; font-size: 21px; text-transform: uppercase; color: #3d3d3d; margin-bottom: 10px; } #footer .footer-menu-container .social-media ul { font-size: 0; list-style-type: none; } #footer .footer-menu-container .social-media ul li { display: inline-block; vertical-align: middle; margin-right: 5px; } #footer .footer-menu-container .social-media ul li:last-child { margin-right: 0; } #footer .footer-menu-container .social-media ul li a { font-size: 16px; color: white; background-color: #797979; width: 25px; height: 25px; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; } #footer .footer-menu-container .social-media ul li a:hover { background-color: #4e4e4e; } #footer .footer-menu-container .social-media ul li a span.fa-google-plus { font-size: 13px; } #footer .footer-menu-container .social-media ul li a span.fa-pinterest, #footer .footer-menu-container .social-media ul li a span.fa-instagram { font-size: 19px; } #footer .company-information { background-color: white; width: 100%; font-size: 0; /*margin-bottom: 15px;*/ } #footer .company-information li { border-top: 1px solid #d6d6d6; } #footer .company-information li:first-child { display: none !important; } #footer .company-information li:last-child { border-bottom: 1px solid #d6d6d6; } #footer .company-information li a { font-size: 14px; color: #0d141d; font-weight: 700; display: block; text-align: center; cursor: pointer; padding: 20px 15px; -webkit-transition: 0.3s; transition: 0.3s; } #footer .company-information li a:hover { background-color: rgba(177, 219, 190, 0.5); } #footer .company-information li a span.address-icon, #footer .company-information li a span.email-icon, #footer .company-information li a span.phone-icon { display: inline-block; vertical-align: middle; margin-right: 5px; } #footer .company-information li a span.phone-icon { background-image: url(../images/phone-icon.png); width: 21px; height: 23px; } #footer .company-information li a span.email-icon { background-image: url(../images/email-icon.png); width: 19px; height: 15px; } #footer .company-information li a span.address-icon { background-image: url(../images/address-icon.png); width: 17px; height: 17px; } #footer .instagram-container { font-size: 0; } #footer .instagram-container .instagram-icon { width: 100%; height: 120px; background-color: #cae5f7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #footer .instagram-container .instagram-wrapper { width: 100%; background-color: #000; } #footer .instagram-container .instagram-wrapper .instagram-item { display: inline-block; height: 165px; vertical-align: top; } #footer .instagram-container .instagram-wrapper .instagram-item a { display: block; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } #footer .copyright-content { background-color: #333333; padding: 25px 0; text-align: center; } #footer .copyright-content .copyright-text { font-family: 'ProximaNova'; font-weight: normal; color: white; font-size: 17px; margin-bottom: 10px; } #footer .copyright-content .copyright-links ul { font-size: 0; /*text-align: right;*/ text-align: center; } #footer .copyright-content .copyright-links ul li { /*display: inline-block;*/ /*margin-left: 20px;*/ margin-top: 10px; } #footer .copyright-content .copyright-links ul li:first-child { margin-left: 0; } #footer .copyright-content .copyright-links ul li a { font-size: 15px; color: #797979; -webkit-transition: 0.3s; transition: 0.3s; } #footer .copyright-content .copyright-links ul li a:hover { color: #b1dbbe; } } @media (min-width: 992px) { #footer .footer-menu-container { text-align: left; } #footer .footer-menu-container .footer-logo { margin-bottom: 0; } #footer .footer-menu-container .footer-logo img { max-width: 100%; } #footer .footer-menu-container .footer-menus { margin-bottom: 0; } #footer .footer-menu-container .footer-menus .widget-title, #footer .footer-menu-container .footer-menus h3 { font-size: 21px; margin-bottom: 30px; } #footer .footer-menu-container .footer-menus ul li { margin-bottom: 10px; } #footer .footer-menu-container .footer-menus ul li a { /*font-size: 17px;*/ font-size: 15px; } #footer .footer-menu-container .social-media h3 { margin-bottom: 30px; } #footer .company-information { display: table; width: 100%; } #footer .company-information li { /*display: inline-block;*/ /*width: 33.3333%;*/ height: 80px; display: table-cell; width: 1%; border-bottom: 1px solid #d6d6d6; position: relative; } #footer .company-information li:nth-child(2) { border-right: 1px solid #d6d6d6; /*border-left: 1px solid #d6d6d6;*/ } #footer .company-information li a { font-size: 17px; /*padding: 20px 10px;*/ padding: 25px 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #footer .instagram-container .instagram-icon, #footer .instagram-container .instagram-wrapper { display: inline-block; vertical-align: middle; } #footer .instagram-container .instagram-icon { width: 165px; height: 165px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #footer .instagram-container .instagram-wrapper { width: calc(100% - 165px); } #footer .instagram-container .instagram-wrapper .instagram-item { min-width: 165px; } #footer .copyright-content { text-align: left; } #footer .copyright-content .copyright-text { margin-bottom: 0; } #footer .copyright-content .copyright-links { text-align: right; } #footer .copyright-content .copyright-links ul { text-align: right; } #footer .copyright-content .copyright-links ul li { list-style-type: none; display: inline-block; margin-left: 20px; margin-top: 0; } } @media (min-width: 1200px) { #footer .company-information li a { font-size: 21px; /*padding: 40px 15px;*/ } } @media screen { .new-offcanvas-menu { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #b1dbbe; z-index: 9999; -webkit-transition: 0.3s; transition: 0.3s; left: -100%; } .new-offcanvas-menu.active { left: 0; } } @media screen and (min-width: 480px) { .new-offcanvas-menu { width: 340px; left: -340px; } } @media screen { .new-offcanvas-menu .om-wrap { height: 100%; overflow: auto; } .new-offcanvas-menu .om-header { background-color: white; padding: 15px; position: relative; } .new-offcanvas-menu .om-header img { max-width: 160px; } .new-offcanvas-menu .om-header .close-menu { position: absolute; right: 15px; top: 17px; font-size: 50px; cursor: pointer; color: #c2c2c2; line-height: 30px; } .new-offcanvas-menu #menu-main-menu { padding: 0; margin: 0; } .new-offcanvas-menu #menu-main-menu li { border-bottom: 1px solid white; } .new-offcanvas-menu #menu-main-menu li a { padding: 10px 20px; color: white; font-size: 18px; text-transform: uppercase; font-weight: bold; font-family: 'ProximaNova'; display: block; -webkit-transition: 0.3s; transition: 0.3s; } .new-offcanvas-menu #menu-main-menu li a:hover { background-color: rgba(0, 0, 0, 0.1); } .new-offcanvas-menu #menu-main-menu li.menu-item-has-children { position: relative; } .new-offcanvas-menu #menu-main-menu li.menu-item-has-children:after { content: ""; background-image: url("../images/menu-down.png"); position: absolute; top: 17px; right: 20px; width: 17px; height: 10px; -webkit-transition: 0.3s; transition: 0.3s; } .new-offcanvas-menu #menu-main-menu li.menu-item-has-children.active { background-color: rgba(0, 0, 0, 0.1); } .new-offcanvas-menu #menu-main-menu li.menu-item-has-children.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .new-offcanvas-menu #menu-main-menu li .sub-menu { display: none; } .new-offcanvas-menu #menu-main-menu li .sub-menu li { border-bottom: 0; border-top: 1px solid white; } .new-offcanvas-menu .om-information { padding: 50px 20px 0; margin: 0; color: white; } .new-offcanvas-menu .om-information li { list-style-type: none; margin-top: 20px; } .new-offcanvas-menu .om-information li h5 { font-family: 'ProximaNova'; font-weight: 700; font-size: 14px; text-transform: uppercase; margin: 0 0 5px; } .new-offcanvas-menu .om-information li a { color: white; text-decoration: none; font-family: 'Museo'; font-weight: 500; font-size: 16px; } .new-offcanvas-menu #menu-mobile-menu-links { padding: 40px 20px 0; margin: 0; font-size: 0; } .new-offcanvas-menu #menu-mobile-menu-links li { display: inline-block; vertical-align: middle; position: relative; padding-right: 15px; margin-right: 15px; } .new-offcanvas-menu #menu-mobile-menu-links li:after { content: "-"; position: absolute; top: 2px; right: -5px; font-size: 30px; color: white; line-height: 10px; } .new-offcanvas-menu #menu-mobile-menu-links li:last-child { padding-right: 0; margin-right: 0; } .new-offcanvas-menu #menu-mobile-menu-links li:last-child:after { display: none; } .new-offcanvas-menu #menu-mobile-menu-links li a { font-size: 16px; text-transform: uppercase; color: white; text-decoration: none; font-family: "ProximaNova"; font-weight: bold; } .new-offcanvas-menu .om-social-media { padding: 40px 20px 0; margin: 0; font-size: 0; } .new-offcanvas-menu .om-social-media li { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .new-offcanvas-menu .om-social-media li a { font-size: 20px; display: block; width: 35px; height: 35px; background-color: white; color: #b1dbbe; border-radius: 100%; text-align: center; padding: 4px 0 0; } .offcanvas-menu { /*width: 320px;*/ width: 100%; height: 100%; /*left: -320px;*/ left: -100%; /*background-color: #6a6a6a;*/ background-color: #b1dbbe; position: fixed; z-index: 999; -webkit-transition: 0.3s; transition: 0.3s; /*.menu-responsive-menu-container{*/ } .offcanvas-menu.active { left: 0; } .offcanvas-menu .om-logo { background-color: white; padding: 15px; } .offcanvas-menu .om-logo img { max-width: 180px; } .offcanvas-menu .om-wrap { height: 100%; overflow: auto; } .offcanvas-menu .menu-main-menu-container { /*height: 100%;*/ /*overflow: auto;*/ /*padding-bottom: 90px;*/ } .offcanvas-menu .close-menu { display: inline-block; position: absolute; right: 20px; top: 20px; cursor: pointer; } .offcanvas-menu .close-menu .close-bars { position: relative; height: 30px; width: 30px; } .offcanvas-menu .close-menu .close-bars .bar { display: block; height: 3px; width: 100%; /*background-color: white;*/ background-color: #c2c2c2; position: absolute; top: 13px; -webkit-transform-origin: 50%; transform-origin: 50%; } .offcanvas-menu .close-menu .close-bars .bar:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .offcanvas-menu .close-menu .close-bars .bar:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .offcanvas-menu .menu { padding-top: 30px; } .offcanvas-menu .menu > li { /*border-bottom: 1px solid white;*/ } .offcanvas-menu .menu li { list-style-type: none; display: block; position: relative; margin-bottom: 1px; /*background-color: red;*/ -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .offcanvas-menu .menu li a { color: white; /*display: inline-block;*/ display: block; font-size: 16px; text-transform: uppercase; font-weight: bold; padding: 13px 20px; /*background-color: green;*/ } .offcanvas-menu .menu li a:hover { /*color: $lightgreen;*/ /*color: $lightviolet;*/ /*background-color: $lightviolet;*/ } .offcanvas-menu .menu li:hover { background-color: #dcc3db; } .offcanvas-menu .menu li.menu-item-has-children { /* .fa{ content: "\f107"; position: absolute; font-family: FontAwesome; font-size: 22px; top: 12px; right: 20px; color: white; cursor: pointer; transition: 0.3s; } */ } .offcanvas-menu .menu li.menu-item-has-children a { /*display: inline-block;*/ display: block; } .offcanvas-menu .menu li.menu-item-has-children .menu-arrow { z-index: 2; position: absolute; right: 0; top: 0; background: rgba(0, 0, 0, 0.2); color: white; font-size: 16px; padding: 13px 20px; } .offcanvas-menu .menu li.menu-item-has-children .menu-arrow .fa { -webkit-transition: 0.3s; transition: 0.3s; } .offcanvas-menu .menu li.menu-item-has-children .menu-arrow.active .fa { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .offcanvas-menu .menu li.menu-item-has-children.active .fa { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .offcanvas-menu .menu li.menu-item-has-children > .sub-menu { display: none; /*display: block;*/ position: relative; width: auto; left: 0; top: 0; /*margin-left: 20px;*/ margin: 0; } .offcanvas-menu .menu li.menu-item-has-children > .sub-menu li:hover { background-color: #c7a7c6; } .offcanvas-menu .menu li.menu-item-has-children > .sub-menu li a { -webkit-transition: 0.3s; transition: 0.3s; } .offcanvas-menu .menu li.menu-item-has-children > .sub-menu li a:hover { background-color: rgba(0, 0, 0, 0.3); } .offcanvas-menu.active { left: 0; } /*.active-menu{ left: 0; } .active-wrapper{ left: 320px !important; }*/ } @media (min-width: 480px) { .offcanvas-menu { width: 300px; left: -300px; } } @media screen { .big-submenu { position: fixed; top: 0; background-color: white; width: 100%; z-index: 780; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; display: none; border-top: 2px solid #fafafa; height: 500px; overflow: auto; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); } .big-submenu .big-submenu-header { display: table; width: 100%; border-bottom: 2px solid #fafafa; padding: 20px 0; } .big-submenu .big-submenu-header li { list-style-type: none; display: table-cell; vertical-align: middle; width: 70%; } .big-submenu .big-submenu-header li h3 { font-weight: 800; font-size: 25px; text-transform: uppercase; } .big-submenu .big-submenu-header li h3 span { color: #f18666; } .big-submenu .big-submenu-header li h3 a { color: #a7a8aa; } .big-submenu .big-submenu-header li:last-child { width: 30%; text-align: right; } .big-submenu .big-submenu-header li .close-menu-btn { font-size: 15px; font-weight: bold; color: #b0b0b0; text-transform: uppercase; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .big-submenu .big-submenu-header li .close-menu-btn:hover { color: #b1dbbe; } .big-submenu .wrapper-content { font-size: 0; padding-bottom: 20px; } .big-submenu.submenu-party-supplies .big-submenu-header li h3 span { color: #cae5f7; } .big-submenu.submenu-party-supplies .left, .big-submenu.submenu-party-supplies .right { display: inline-block; vertical-align: top; } .big-submenu.submenu-party-supplies .left .box, .big-submenu.submenu-party-supplies .right .box { margin-top: 20px; } .big-submenu.submenu-party-supplies .left .box .title, .big-submenu.submenu-party-supplies .right .box .title { font-weight: 800; color: #052525; text-transform: uppercase; font-size: 14px; margin-bottom: 15px; line-height: normal; } .big-submenu.submenu-party-supplies .left .box .title a, .big-submenu.submenu-party-supplies .right .box .title a { color: #052525; -webkit-transition: 0.3s; transition: 0.3s; } .big-submenu.submenu-party-supplies .left .box .title a:hover, .big-submenu.submenu-party-supplies .right .box .title a:hover { color: #b1dbbe; } .big-submenu.submenu-party-supplies .left { width: 30%; } .big-submenu.submenu-party-supplies .left .box .box-list.list-colours li { width: 30px; height: 30px; display: inline-block; vertical-align: top; margin-right: 5px; margin-bottom: 5px; } .big-submenu.submenu-party-supplies .left .box .box-list.list-colours a { width: 100%; height: 100%; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; } .big-submenu.submenu-party-supplies .left .box .box-list.list-collections li { list-style: none; margin-bottom: 5px; } .big-submenu.submenu-party-supplies .left .box .box-list.list-collections li:last-child { margin-bottom: 0; } .big-submenu.submenu-party-supplies .left .box .box-list.list-collections li a { font-weight: 300; font-size: 14px; color: #052525; -webkit-transition: 0.3s; transition: 0.3s; } .big-submenu.submenu-party-supplies .left .box .box-list.list-collections li a:hover { color: #b1dbbe !important; } .big-submenu.submenu-party-supplies .right { padding-left: 5%; width: 70%; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 18px; -moz-column-gap: 18px; -webkit-column-gap: 18px; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies a { -webkit-transition: 0.3s; transition: 0.3s; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies a:hover { color: #b1dbbe !important; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies .term-box { list-style-type: none; margin-bottom: 20px; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies .term-box .term-title { margin-bottom: 5px; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies .term-box .term-title a { font-family: 'Museo'; font-weight: 500; font-size: 14px; color: #d84b4b; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies .term-box ul li { list-style: none; margin-bottom: 5px; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies .term-box ul li:last-child { margin-bottom: 0; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies .term-box ul li a { font-size: 14px; font-weight: 300; color: #052525; } .big-submenu.submenu-party-colours .big-submenu-header li h3 span, .big-submenu.submenu-party-themes .big-submenu-header li h3 span { color: #dcc3db; } .big-submenu.submenu-party-colours .box, .big-submenu.submenu-party-themes .box { margin-top: 20px; } .big-submenu.submenu-party-colours .box .list-themes, .big-submenu.submenu-party-themes .box .list-themes { list-style-type: none; margin-bottom: 20px; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 30px; -moz-column-gap: 30px; -webkit-column-gap: 30px; } .big-submenu.submenu-party-colours .term-box, .big-submenu.submenu-party-themes .term-box { margin-bottom: 15px; } .big-submenu.submenu-party-colours .term-box .term-title, .big-submenu.submenu-party-themes .term-box .term-title { margin-bottom: 10px; } .big-submenu.submenu-party-colours .term-box .term-title a, .big-submenu.submenu-party-themes .term-box .term-title a { font-family: 'Museo'; font-weight: 500; font-size: 16px; color: #d84b4b; -webkit-transition: 0.3s; transition: 0.3s; } .big-submenu.submenu-party-colours .term-box .term-title a:hover, .big-submenu.submenu-party-themes .term-box .term-title a:hover { color: #b1dbbe; } .big-submenu.submenu-party-colours .term-box ul li, .big-submenu.submenu-party-themes .term-box ul li { list-style: none; margin-bottom: 8px; } .big-submenu.submenu-party-colours .term-box ul li:last-child, .big-submenu.submenu-party-themes .term-box ul li:last-child { margin-bottom: 0; } .big-submenu.submenu-party-colours .term-box ul li a, .big-submenu.submenu-party-themes .term-box ul li a { font-size: 14px; font-weight: 300; color: #052525; -webkit-transition: 0.3s; transition: 0.3s; } .big-submenu.submenu-party-colours .term-box ul li a:hover, .big-submenu.submenu-party-themes .term-box ul li a:hover { color: #b1dbbe; } .big-submenu.submenu-party-colours .term-box .child-terms .term-title a, .big-submenu.submenu-party-themes .term-box .child-terms .term-title a { color: #dcc3db; font-size: 14px; } } @media (min-width: 750px) { .big-submenu { display: block; } } @media (min-width: 1200px) { .big-submenu.submenu-party-supplies .left { width: 25%; } .big-submenu.submenu-party-supplies .right { width: 75%; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } .big-submenu.submenu-party-colours .box .list-themes, .big-submenu.submenu-party-themes .box .list-themes { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; } } @media (min-width: 1500px) { .big-submenu { /*height: 600px;*/ height: 700px; } .big-submenu.submenu-party-supplies .left { width: 20%; } .big-submenu.submenu-party-supplies .right { width: 80%; } .big-submenu.submenu-party-supplies .right .box .box-list.list-supplies { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; } .big-submenu.submenu-party-colours .box .list-themes, .big-submenu.submenu-party-themes .box .list-themes { column-count: 5; -moz-column-count: 5; -webkit-column-count: 5; } } @media screen { .active-modal { overflow: hidden; } .cstm-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: table; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; z-index: 1000; visibility: hidden; } .cstm-modal.active { opacity: 1; visibility: visible; } .cstm-modal .wrapper { display: table-cell; vertical-align: top; padding: 0; height: 100%; } } @media screen and (min-width: 992px) { .cstm-modal .wrapper { height: auto; vertical-align: middle; } } @media screen { .cstm-modal .inner-wrapper { max-width: 1200px; background-color: white; margin: 0 auto; height: 100%; overflow: auto; } } @media screen and (min-width: 992px) { .cstm-modal .inner-wrapper { height: auto; } } @media screen { .cstm-modal .cm-header { background-color: #ececec; position: relative; /*padding: 10px 53px 10px 20px;*/ padding: 15px 53px 15px 10px; } .cstm-modal .cm-header h3 { font-weight: 900; /*font-size: 20px;*/ font-size: 18px; /*margin-bottom: 10px;*/ margin: 0; color: #333333; } .cstm-modal .cm-header .social-media { padding-right: 20px; display: none; } } @media screen and (min-width: 992px) { .cstm-modal .cm-header .social-media { display: block; } } @media screen { .cstm-modal .cm-header .social-media li { list-style-type: none; vertical-align: middle; display: inline-block; margin: 0 2px; } .cstm-modal .cm-header .social-media li a { display: block; } .cstm-modal .cm-header .social-media li a span.fa { padding-top: 6px; color: white; text-align: center; width: 30px; height: 30px; background-color: #A2A2A3; border-radius: 100%; font-size: 16px; } .cstm-modal .cm-header .close-btn { font-size: 30px; cursor: pointer; /*width: 53px;*/ width: 49px; /*height: 53px;*/ height: 49px; background: #4e4e4e; text-align: center; line-height: normal; color: white; position: absolute; right: 0; top: 0; padding-top: 8px; padding-left: 2px; -webkit-transition: 0.3s; transition: 0.3s; } .cstm-modal .cm-header .close-btn:hover { background-color: #333333; } .cstm-modal .cm-content { height: 100%; /*overflow: auto;*/ } } @media screen and (min-width: 992px) { .cstm-modal .cm-content { height: 400px; max-height: 550px; overflow: auto; } } @media (min-width: 768px) { .cstm-modal .wrapper { padding: 0 15px; } } @media (min-width: 992px) { .cstm-modal .cm-header { display: table; width: 100%; padding: 10px 53px 10px 20px; } .cstm-modal .cm-header h3, .cstm-modal .cm-header .social-media { display: table-cell; vertical-align: middle; } .cstm-modal .cm-header .social-media { width: 50%; text-align: right; } } @media screen { .pp-product-container { font-size: 0; padding-bottom: 50px; } .pp-product-container .pp-product-item { text-align: center; margin-bottom: 30px; position: relative; } .pp-product-container .pp-product-item .modal .modal-content { max-width: 700px; margin: 15px auto 0; width: 100%; border-radius: 0; text-align: left; } .pp-product-container .pp-product-item .modal .modal-body { padding: 0; } .pp-product-container .pp-product-item .modal h3 { font-weight: bold; margin: 0; background-color: #b1dbbe; padding: 20px 30px; color: white; } .pp-product-container .pp-product-item .modal form { padding: 10px 30px 30px; } .pp-product-container .pp-product-item .modal form ul { padding: 0; margin: 0; } .pp-product-container .pp-product-item .modal form ul li { list-style: none; margin-top: 20px; } .pp-product-container .pp-product-item .modal form label { display: block; } .pp-product-container .pp-product-item .modal form input, .pp-product-container .pp-product-item .modal form textarea { width: 100%; display: block; height: 40px; padding: 0 10px; } .pp-product-container .pp-product-item .modal form textarea { height: 120px; padding: 10px; max-width: 100%; max-height: 150px; } .pp-product-container .pp-product-item .modal .modal-btns { padding: 0 30px 30px; } .pp-product-container .pp-product-item .modal .modal-btns input { height: 40px; padding: 0 0 0 10px; margin-right: 5px; } .pp-product-container .pp-product-item .modal button { margin-right: 5px; border: 0; background-color: #dcc3db; color: white; font-weight: bold; text-transform: uppercase; outline: 0; padding: 10px 20px; -webkit-transition: 0.3s; transition: 0.3s; } .pp-product-container .pp-product-item .modal button:hover { background-color: #b1dbbe; } .pp-product-container .pp-product-item.validated .product-qty li.personalised-btn a { background-color: #43b065; } .pp-product-container .pp-product-item.not-validated .product-qty li.personalised-btn a { background-color: #ff9c56; } .pp-product-container .pp-product-item .wrapper { width: 100%; display: inline-block; text-align: left; font-size: 0; } .pp-product-container .pp-product-item h4 { display: inline-block; vertical-align: top; width: 70%; } .pp-product-container .pp-product-item h4 a { /*color: #a4a4a4;*/ color: #444; font-size: 17px; font-weight: 400; -webkit-transition: 0.3s; transition: 0.3s; } .pp-product-container .pp-product-item h4 a:hover { color: #dcc3db; } .pp-product-container .pp-product-item .product-price { display: inline-block; vertical-align: top; width: 30%; font-weight: 400; font-size: 16px; /*color: #a4a4a4 !important;*/ color: #444 !important; text-align: right; } .pp-product-container .pp-product-item .product-price del { font-size: 12px; color: #cecece; } .pp-product-container .pp-product-item .product-price .stock-status { font-size: 15px; color: #d84b4b; display: none; } .pp-product-container .pp-product-item .product-price .no-stock { display: inline-block; } .pp-product-container .pp-product-item .img-wrapper { width: 100%; height: 220px; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; margin-bottom: 15px; } .pp-product-container .pp-product-item .img-wrapper .new-badge { position: absolute; top: 0; left: 0; } .pp-product-container .pp-product-item .product-qty { /*font-size: 12px;*/ /*margin-bottom: 15px;*/ margin-top: 20px; font-size: 0; } .pp-product-container .pp-product-item .product-qty li { display: inline-block; vertical-align: top; list-style-type: none; width: calc(46% - 19px); margin-right: 2%; } .pp-product-container .pp-product-item .product-qty li:first-child { width: auto; /*margin-right: 4%*/ } .pp-product-container .pp-product-item .product-qty li:nth-child(2) { /*width: calc(96% - 48px);*/ } .pp-product-container .pp-product-item .product-qty li:last-child { /*width: 100%;*/ margin-right: 0; /*margin-top: 4%;*/ } .pp-product-container .pp-product-item .product-qty li:last-child a { /*font-weight: normal;*/ /*background-color: #ffb3ab;*/ background-color: #b1dbbe; } .pp-product-container .pp-product-item .product-qty input { border: 1px solid #d8d8d8; height: 37px; width: 48px; font-size: 17px; font-weight: 800; color: #818181; padding-left: 8px; /*margin-right: 5px;*/ } .pp-product-container .pp-product-item .product-qty a { font-weight: 800; color: white; background-color: #b1dbbe; display: inline-block; text-align: center; height: 37px; /*width: 150px;*/ width: 100%; font-size: 12px; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; line-height: 37px; } .pp-product-container .pp-product-item .product-qty a:hover { background-color: #dcc3db; } .pp-product-container .pp-product-item .product-qty a.disabled { cursor: default; background-color: #e4e4e4; } .pp-product-container .pp-product-item .product-qty a.disabled:hover { background-color: #e4e4e4; } .pp-product-container .pp-product-item .choose-alternative { display: inline-block; font-size: 13px; font-weight: 800; color: #afafaf; margin-bottom: 15px; -webkit-transition: 0.3s; transition: 0.3s; } .pp-product-container .pp-product-item .choose-alternative span { vertical-align: middle; } .pp-product-container .pp-product-item .choose-alternative span.fa { font-size: 22px; margin-right: 5px; } .pp-product-container .pp-product-item .choose-alternative:hover { color: #b1dbbe; } .pp-product-container .pp-product-item .new-trash { width: 33px; height: 33px; border: 1px solid #d8d8d8; position: absolute; right: 0; bottom: -5px; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; background-image: url(../images/trash-icon.png); background-size: initial; background-position: center; background-repeat: no-repeat; } .pp-product-container .pp-product-item .new-wishlist { position: absolute; top: 10px; right: 10px; /*background-color: #ddd;*/ border-radius: 100%; width: 35px; height: 35px; /* background-image: url(../images/new-heart-icon.png); width: 55px; height: 50px; position: absolute; top: 0; right: 0; &.active{ background-image: url(../images/new-heart-icon-active.png); } &.wishlist-remove-item{ background-image: none; font-size: 40px; color: #4c4c4c; text-align: right; } */ } .pp-product-container .pp-product-item .new-wishlist:before, .pp-product-container .pp-product-item .new-wishlist:after { /*color: white;*/ color: #444; font-family: FontAwesome; font-weight: normal; font-size: 20px; position: absolute; top: 4px; right: 7px; z-index: 2; background-color: transparent; } .pp-product-container .pp-product-item .new-wishlist:before { content: "\f08a"; } .pp-product-container .pp-product-item .new-wishlist:after { content: "\F004"; display: none; color: #d84b4b; } .pp-product-container .pp-product-item .new-wishlist:hover:before, .pp-product-container .pp-product-item .new-wishlist.active:before { display: none; } .pp-product-container .pp-product-item .new-wishlist:hover:after, .pp-product-container .pp-product-item .new-wishlist.active:after { display: block; } .pp-product-container .pp-product-item .product-buttons li { width: 33px; height: 33px; border: 1px solid #d8d8d8; position: relative; display: inline-block; margin-right: 8px; -webkit-transition: 0.3s; transition: 0.3s; } .pp-product-container .pp-product-item .product-buttons li:hover { border-color: #b1dbbe; } .pp-product-container .pp-product-item .product-buttons li.select-product { width: auto; vertical-align: top; border: 0; } .pp-product-container .pp-product-item .product-buttons li.select-product a { font-size: 12px; text-transform: uppercase; font-weight: 800; color: white; position: relative; background-color: #b1dbbe; line-height: 33px; padding: 0 15px; -webkit-transition: 0.3s; transition: 0.3s; } .pp-product-container .pp-product-item .product-buttons li.select-product a:hover { background-color: #dcc3db; } .pp-product-container .pp-product-item .product-buttons li a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-size: initial; background-position: center; background-repeat: no-repeat; } .pp-product-container .pp-product-item .product-buttons li a.eye { background-image: url(../images/eye-icon-gray.png); } .pp-product-container .pp-product-item .product-buttons li a.heart { background-image: url(../images/heart-icon-gray.png); } .pp-product-container .pp-product-item .product-buttons li a.heart.active:before { content: "\f00c"; position: absolute; font-family: FontAwesome; font-size: 8px; top: -5px; right: -5px; color: white; background: #a9cb60; width: 14px; height: 14px; border-radius: 100%; padding-top: 2px; padding-left: 3px; } .pp-product-container .pp-product-item .product-buttons li a.trash { background-image: url(../images/trash-icon.png); } .pp-product-container .pp-product-item .product-buttons li a.wishlist-remove-item { font-size: 25px; text-align: center; color: #636363; line-height: 25px; padding-top: 3px; color: white; color: #d84b4b; } /**/ .single-party-theme-wrapper .pp-product-container .pp-product-item .wrapper { position: relative; max-width: 320px; } .single-party-theme-wrapper .pp-product-container .pp-product-item .img-wrapper { /*border: 1px solid #d8d8d8;*/ } .single-party-theme-wrapper .pp-product-container .pp-product-item .choose-alternative { margin-bottom: 0; margin-top: 10px; } .single-party-theme-wrapper .pp-product-container .pp-product-item .product-qty { margin-bottom: 10px; } .single-party-theme-wrapper .pp-product-container .pp-product-item .product-qty a { font-size: 10px; font-weight: 600; } } @media (min-width: 768px) { .pp-product-container .pp-product-item { padding: 0 10px; margin-bottom: 50px; width: 50%; vertical-align: top; display: inline-block; } } @media (min-width: 992px) { .pp-product-container .pp-product-item { /*padding: 0;*/ /* width: 32%; margin-right: 2%; &:nth-child(3n+3){ margin-right: 0; } */ } /* body.page-id-6984, .tax-pa_colour, .tax-product_cat{ .pp-product-container{ .pp-product-item{ .wrapper{ width: 100%; } } } } */ } @media (min-width: 1200px) { .pp-product-container .pp-product-item { padding: 0; width: 32%; margin-right: 2%; /* width: 25%; margin-right: 0; &:nth-child(3n+3){ margin-right: 0; } */ } .pp-product-container .pp-product-item:nth-child(3n+3) { margin-right: 0; } /* body.page-id-6984, .tax-pa_colour, .tax-product_cat{ .pp-product-container{ .pp-product-item{ width: 24%; margin-right: 1.3333%; &:nth-child(4n+4){ margin-right: 0; } .product-qty{ a{ width: 140px; } } } } } */ } @media (min-width: 1500px) { /*wishlist*/ body.page-id-301 .pp-product-container .pp-product-item, body.search-results .pp-product-container .pp-product-item, .archive-posts .pp-product-container .pp-product-item { /*width: 20%;*/ } body.page-id-6984 .pp-product-container .pp-product-item .product-qty a, .tax-pa_colour .pp-product-container .pp-product-item .product-qty a, .tax-product_cat .pp-product-container .pp-product-item .product-qty a { /*width: 150px;*/ } } @media (min-width: 1600px) { .pp-product-container .pp-product-item { padding: 0; width: 23%; margin-right: 2.6666%; } .pp-product-container .pp-product-item:nth-child(3n+3) { margin-right: 2.6666%; } .pp-product-container .pp-product-item:nth-child(4n+4) { margin-right: 0; } } @media screen { .view-product-wrapper { /*padding: 30px 20px;*/ padding: 30px 20px 100px; font-size: 0; } .view-product-wrapper .vp-image { max-width: 400px; margin: 0 auto 30px; } .view-product-wrapper .vp-content { color: #666666; } .view-product-wrapper .vp-content h2 { font-weight: 900; margin-bottom: 20px; } .view-product-wrapper .vp-content h2 a { color: #666666; -webkit-transition: 0.3s; transition: 0.3s; } .view-product-wrapper .vp-content h2 a:hover { color: #b1dbbe; } .view-product-wrapper .vp-content .text-content h1, .view-product-wrapper .vp-content .text-content h2, .view-product-wrapper .vp-content .text-content h3, .view-product-wrapper .vp-content .text-content h4, .view-product-wrapper .vp-content .text-content h5, .view-product-wrapper .vp-content .text-content h6 { font-weight: 800; margin-bottom: 15px; } .view-product-wrapper .vp-content .text-content p { font-size: 14px; line-height: 22px; } .view-product-wrapper .vp-content .product-price { font-family: 'Museo'; font-weight: 700; font-size: 20px; color: #b1dbbe; padding: 15px 0; } .view-product-wrapper .vp-content .product-price del { font-size: 12px; color: #cecece; } .view-product-wrapper .vp-content .product-price .stock-status { font-size: 15px; color: #d84b4b; display: none; } .view-product-wrapper .vp-content .product-price .no-stock { display: inline-block; } .view-product-wrapper .vp-content .product-qty { font-size: 12px; margin-bottom: 15px; } .view-product-wrapper .vp-content .product-qty li { display: inline-block; vertical-align: middle; list-style-type: none; } .view-product-wrapper .vp-content .product-qty li:nth-child(2) { width: calc(100% - 56px); } .view-product-wrapper .vp-content .product-qty input { border: 1px solid #d8d8d8; height: 37px; width: 48px; font-size: 17px; font-weight: 800; color: #818181; padding-left: 8px; } .view-product-wrapper .vp-content .product-qty a { font-weight: 800; color: white; background-color: #b1dbbe; display: inline-block; margin-left: 5px; text-align: center; height: 37px; /*width: 150px;*/ width: 100%; font-size: 13px; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; line-height: 37px; } .view-product-wrapper .vp-content .product-qty a:hover { background-color: #dcc3db; } .view-product-wrapper .vp-content .product-qty a.disabled { cursor: default; background-color: #e4e4e4; } .view-product-wrapper .vp-content .product-qty a.disabled:hover { background-color: #e4e4e4; } .view-product-wrapper .vp-content .product-link { font-size: 14px; font-weight: bold; text-decoration: none; color: white; text-transform: uppercase; display: block; padding: 10px 20px; text-align: center; background-color: #ffb3ab; } } @media (min-width: 992px) { .view-product-wrapper { padding: 30px 20px; } .view-product-wrapper .vp-image, .view-product-wrapper .vp-content { display: inline-block; vertical-align: top; } .view-product-wrapper .vp-image { width: 30%; } .view-product-wrapper .vp-content { padding-left: 5%; width: 70%; } } @media screen { .product-filter-container { padding: 30px 0 50px; } .content-heading { margin-bottom: 25px; } .content-heading h1, .content-heading h2 { font-weight: 800; font-size: 24px; color: #cae5f7; margin-bottom: 5px; } .content-heading article { font-size: 14px; color: #444444; font-family: 'Museo'; font-weight: 400; } .product-filter { font-size: 0; margin-bottom: 30px; /*padding: 20px 0;*/ padding: 0 0 13px; border-bottom: 2px solid #ebebeb; } .product-filter .breadcrumbs { font-size: 16px; } .product-filter .breadcrumbs a { color: #b1dbbe; } .product-filter .breadcrumbs a:hover { color: #dcc3db; } .product-filter .breadcrumbs span.fa { margin: 0 10px; } .product-filter .filter-item { display: inline-block; font-family: 'ProximaNova'; font-weight: 600; font-size: 0; font-size: 14px; vertical-align: middle; } .product-filter .filter-item .filter-by, .product-filter .filter-item .sort-by { vertical-align: middle; } .product-filter .filter-item .filter-by { display: none; } .product-filter .filter-item .filter-by li { font-size: 16px; margin-right: 30px; } .product-filter .filter-item .filter-by li .fa { font-size: 10px; margin-left: 10px; margin-top: -5px; } .product-filter .filter-item .filter-by select option { padding: 15px; } .product-filter .filter-item .sort-group { vertical-align: middle; border: 0; background-color: transparent; font-size: 30px; color: #9ccff0; height: 27px; width: 27px; background-image: url(../images/sprite-nav-sort.png); display: inline-block; margin-right: 5px; padding: 0; background-repeat: no-repeat; } .product-filter .filter-item .sort-group:focus { outline: none; } .product-filter .filter-item .sort-group.sort-list { background-position: -27px 0; } .product-filter .filter-item .sort-group.sort-list.active { background-position: -27px -30px; } .product-filter .filter-item .sort-group.sort-tile { background-position: 0 0; } .product-filter .filter-item .sort-group.sort-tile.active { background-position: 0px -30px; } .product-filter .filter-item.filter-option { text-align: right; font-size: 18px; color: #868686; } .product-filter .filter-item.filter-option select::-ms-expand { display: none; } .product-filter .filter-item.filter-option select { /*color:#d15e3c;*/ border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 15px; background-image: url(../images/chevron-down.png); background-repeat: no-repeat; background-position: right 7px; cursor: pointer; } .product-filter .filter-item.filter-option select:focus { outline: none; } .product-filter .filter-item.filter-title { font-size: 25px; color: #a4a4a4; display: none; } .filter-sidebar .gray-divider { border-top: 2px solid #ebebeb; margin-bottom: 0; } .filter-sidebar .sidebar-heading h2 { color: #a4a4a4; text-transform: uppercase; /*font-size:25px;*/ font-size: 18px; font-weight: 800; position: relative; } .filter-sidebar .cat-list-wrap label { display: block; font-size: 15px; color: #656565; font-family: 'ProximaNova'; font-weight: 400; line-height: 1.5em; cursor: pointer; } .filter-sidebar .cat-list-wrap label input { display: none; } .filter-sidebar .cat-list-wrap .main-parent { padding: 20px 0; border-bottom: 2px solid #ebebeb; } .filter-sidebar .cat-list-wrap .main-parent .cat-heading { position: relative; cursor: pointer; } .filter-sidebar .cat-list-wrap .main-parent .cat-heading h3 { font-size: 15px; color: #868686; font-weight: 600; margin-bottom: 0; } .filter-sidebar .cat-list-wrap .main-parent .cat-heading h3:after { content: "\f054"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; position: absolute; right: 0; height: 22px; width: 22px; text-align: center; line-height: 22px; -webkit-transition: all .3s ease; transition: all .3s ease; } .filter-sidebar .cat-list-wrap .main-parent.open .cat-heading h3:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .filter-sidebar .cat-list-wrap .main-parent .parent-cat { margin-top: 20px; } .filter-sidebar .cat-list-wrap .main-parent .parent-cat .cat-item { position: relative; padding-right: 22px; cursor: pointer; } .filter-sidebar .cat-list-wrap .main-parent .parent-cat .cat-item .cat-item-heading .subcat-toggle { cursor: pointer; } .filter-sidebar .cat-list-wrap .main-parent .parent-cat .cat-item .cat-item-heading .subcat-toggle:after { content: "\f054"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; position: absolute; line-height: 22px; text-align: center; right: 0; height: 22px; width: 22px; z-index: 2; top: 0; color: #656565; -webkit-transition: all .3s ease; transition: all .3s ease; } .filter-sidebar .cat-list-wrap .main-parent .parent-cat .cat-item.active .cat-item-heading label { color: #b782b0; } .filter-sidebar .cat-list-wrap .main-parent .parent-cat .cat-item.has-child .sub-parent-wrap { display: none; } .filter-sidebar .cat-list-wrap .main-parent .parent-cat .cat-item.has-child.open .cat-item-heading .subcat-toggle:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .filter-sidebar .cat-list-wrap .main-parent .filter-color { display: inline-block; } .filter-sidebar .cat-list-wrap .main-parent .filter-color .cat-item { display: inline-block; padding-right: 0; float: left; margin-right: 5px; margin-bottom: 5px; } .filter-sidebar .cat-list-wrap .main-parent .filter-color .cat-item:last-child { margin-right: 0; } .filter-sidebar .cat-list-wrap .main-parent .filter-color .cat-item span { width: 50px; height: 50px; display: block; background-size: cover; background-repeat: no-repeat; } .filter-sidebar .cat-list-wrap .main-parent .filter-color .cat-item.active span { border: 2px solid #e2e2e2 !important; } .filter-sidebar .cat-list-wrap .main-parent .price-range { margin-top: 30px; } .filter-sidebar .cat-list-wrap .main-parent .price-range #slider-snap { margin-bottom: 20px; } .filter-sidebar .cat-list-wrap .main-parent .price-range .price-range-values .price-range-item { width: 45%; } .filter-sidebar .cat-list-wrap .main-parent .price-range .price-range-values .price-range-item input { border: 2px solid #e0e0e0; font-size: 21px; padding: 5px 15px; width: 100%; color: #878787; padding-right: 40px; } .filter-sidebar .cat-list-wrap .main-parent .price-range .noUi-handle { border-radius: 50%; background-color: #c6dc9c; width: 27px; height: 27px; -webkit-box-shadow: none; box-shadow: none; border: none; position: relative; } .filter-sidebar .cat-list-wrap .main-parent .price-range .noUi-handle:after { display: none; } .filter-sidebar .cat-list-wrap .main-parent .price-range .noUi-handle:before { content: ''; display: block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; left: 9px; top: 8px; } .filter-sidebar .cat-list-wrap .main-parent .price-range .noUi-connect { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .filter-sidebar .cat-list-wrap .main-parent .price-range .noUi-horizontal { border: none; -webkit-box-shadow: none; box-shadow: none; height: 10px; border-radius: 0; background-color: #ececec; } .filter-sidebar .cat-list-wrap .main-parent .price-range .noUi-horizontal .noUi-handle { top: -10px; } .filter-sidebar .cat-list-wrap .main-parent .price-range .noUi-background { -webkit-box-shadow: none; box-shadow: none; } .filter-sidebar .cat-list-wrap .main-parent .filter-availability label { font-size: 14px; font-weight: 500; margin-bottom: 0; } .filter-sidebar .cat-list-wrap .main-parent .filter-availability label input + span { display: inline-block; width: 14px; height: 14px; border: 2px solid #cacaca; vertical-align: middle; margin-top: -3px; -webkit-transition: all .3s ease; transition: all .3s ease; } .filter-sidebar .cat-list-wrap .main-parent .filter-availability label input:checked + span { background-color: #ff7800; border: 2px solid #ff7800; } .filter-sidebar .cat-list-wrap .main-parent .filter-availability .cat-item { display: inline-block; } .filter-sidebar .cat-list-wrap .main-parent:last-child { border-bottom: none; } .paginate-links { width: 100%; display: block; font-size: 14px; border-top: 2px solid #ebebeb; padding: 20px 0 35px; text-align: right; } .paginate-links .next, .paginate-links .prev { display: inline-block; width: 22px; height: 22px; font-size: 16px; text-align: center; border-radius: 100%; color: white; background-color: #717171; padding-top: 2px; -webkit-transition: 0.3s; transition: 0.3s; line-height: 10px; } .paginate-links .next:hover, .paginate-links .prev:hover { background-color: #b1dbbe; } .no-product-available { font-size: 16px; margin-top: 50px; margin-bottom: 0; } } @media (min-width: 992px) { .content-heading h1, .content-heading h2 { font-size: 40px; } .content-heading article { font-size: 15px; } .product-filter .filter-item { display: inline-block; /*width: 50%;*/ width: 40%; } .product-filter .filter-item .filter-by, .product-filter .filter-item .sort-by { display: inline-block; } .product-filter .filter-item.filter-title { display: inline-block; width: 60%; } } @media screen { .woocommerce .woocommerce-MyAccount-navigation, .woocommerce .woocommerce-MyAccount-content { padding: 30px 0; } .woocommerce .woocommerce-order-details h2 { font-weight: 900; color: #666; margin-bottom: 10px; } .woocommerce .woocommerce-columns { color: #666; } .woocommerce .woocommerce-columns h3 { font-weight: 900; margin-bottom: 10px; } .woocommerce .woocommerce-MyAccount-navigation ul { background-color: rgba(0, 0, 0, 0.1); padding: 20px 15px; } .woocommerce .woocommerce-MyAccount-navigation ul li { list-style-type: none; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; } .woocommerce .woocommerce-MyAccount-navigation ul li:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #e56b3a; } .woocommerce .woocommerce-MyAccount-navigation ul li a { font-size: 16px; display: block; padding: 5px; color: #666666; -webkit-transition: 0.3s; transition: 0.3s; } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { color: #e56b3a; } .woocommerce .woocommerce-MyAccount-content { color: #666666; } .woocommerce .woocommerce-MyAccount-content h2, .woocommerce .woocommerce-MyAccount-content h3, .woocommerce .woocommerce-MyAccount-content h4, .woocommerce .woocommerce-MyAccount-content h5, .woocommerce .woocommerce-MyAccount-content h6 { font-weight: 900; margin-bottom: 10px; } .woocommerce .woocommerce-MyAccount-content .select2-selection { padding: 7px 5px; border-radius: 0; height: auto; } .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table, .woocommerce .woocommerce-MyAccount-content table.woocommerce-table { border-radius: 0; color: #666666; } .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table th, .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table td, .woocommerce .woocommerce-MyAccount-content table.woocommerce-table th, .woocommerce .woocommerce-MyAccount-content table.woocommerce-table td { padding: 15px; } .woocommerce .woocommerce-MyAccount-content a.button { border-radius: 0; margin: 0 2px; } .woocommerce .woocommerce-MyAccount-content p { color: #666666; font-size: 16px; padding: 0; } .woocommerce .woocommerce-MyAccount-content form input, .woocommerce .woocommerce-MyAccount-content form select { padding: 10px; height: 45px; } .woocommerce .woocommerce-MyAccount-content form legend { font-weight: 900; padding-bottom: 5px; } .woocommerce .woocommerce-MyAccount-content form label { font-weight: normal; } .woocommerce .woocommerce-MyAccount-content form fieldset { margin-top: 40px; } .woocommerce .woocommerce-MyAccount-content form input[type="submit"] { border-radius: 0; background-color: #b1dbbe; color: white; -webkit-transition: 0.3s; transition: 0.3s; padding: 0 25px; margin-top: 30px; } .woocommerce .woocommerce-MyAccount-content form input[type="submit"]:hover { background-color: #e56b3a; } } @media (min-width: 1200px) { .woocommerce .woocommerce-MyAccount-navigation { width: 25%; } .woocommerce .woocommerce-MyAccount-content { padding-left: 5%; width: 75%; } } @media screen { .sidebar .widget { padding: 20px; background-color: #eaeaea; } .sidebar .widget .widget-title { font-weight: 900; font-size: 16px; margin-bottom: 20px; } .sidebar .widget ul { padding: 0; margin: 0; list-style: none; } .sidebar .widget ul li { margin-bottom: 10px; } .sidebar .widget ul li.menu-item-has-children { position: relative; } .sidebar .widget ul li.menu-item-has-children .fa { cursor: pointer; position: absolute; top: 1px; right: 0; font-size: 20px; -webkit-transition: 0.3s; transition: 0.3s; } .sidebar .widget ul li.menu-item-has-children .fa.active { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .sidebar .widget ul li:last-child { margin-bottom: 0; } .sidebar .widget ul li .sub-menu { padding-left: 20px; } .sidebar .widget ul a { color: #666666; -webkit-transition: 0.3s; transition: 0.3s; } .sidebar .widget ul a:hover { color: #e56b3a; } } @media screen { .footer-newsletter { padding: 30px 0; background-color: #ffb3ab; } .footer-newsletter .fn-img { text-align: center; margin-bottom: 20px; } } @media screen and (min-width: 992px) { .footer-newsletter .fn-img { margin-bottom: 0; text-align: right; } } @media screen { .footer-newsletter .fn-content { font-size: 15px; color: white; text-align: center; } } @media screen and (min-width: 992px) { .footer-newsletter .fn-content { text-align: left; } } @media screen { .footer-newsletter .fn-content h4 { font-family: 'ConeriaScriptDemo'; font-size: 19px; margin: 0 0 10px; } } @media screen and (min-width: 992px) { .footer-newsletter .fn-content h4 { margin: 0 0 5px; } } @media screen { .footer-newsletter .fn-content p { font-size: 15px; margin: 0 0 15px; font-weight: 700; } } @media screen and (min-width: 992px) { .footer-newsletter .fn-content p { margin: 0; } } @media screen { .footer-newsletter .fn-content p br { display: none; } } @media screen and (min-width: 1500px) { .footer-newsletter .fn-content p br { display: inline; } } @media screen { .footer-newsletter .gform_wrapper form { font-size: 0; } .footer-newsletter .gform_wrapper .validation_error { display: none; } .footer-newsletter .gform_wrapper .gform_body { width: 100%; } } @media screen and (min-width: 1500px) { .footer-newsletter .gform_wrapper .gform_body { text-align: right; display: inline-block; vertical-align: top; max-width: 744px; } } @media screen { .footer-newsletter .gform_wrapper .gform_body label, .footer-newsletter .gform_wrapper .gform_body .gform_validation_container { display: none; } .footer-newsletter .gform_wrapper .gform_body input { height: 50px; font-size: 14px; margin: 0; padding: 0 10px; border: none; background-color: white; width: 100%; display: block; } .footer-newsletter .gform_wrapper .gform_body ul { padding: 0; margin: 0; font-size: 0; } .footer-newsletter .gform_wrapper .gform_body ul li { list-style-type: none; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 10px; } } @media screen and (min-width: 992px) { .footer-newsletter .gform_wrapper .gform_body ul li { width: 33.3333%; padding-right: 10px; } .footer-newsletter .gform_wrapper .gform_body ul li:nth-last-child(2) { padding-right: 0; } .footer-newsletter .gform_wrapper .gform_body ul li .validation_message { right: 10px; } } @media screen and (min-width: 1500px) { .footer-newsletter .gform_wrapper .gform_body ul li { max-width: 248px; margin-bottom: 0; } .footer-newsletter .gform_wrapper .gform_body ul li:nth-last-child(2) { padding-right: 10px; } } @media screen { .footer-newsletter .gform_wrapper .gform_footer { position: relative; } } @media screen and (min-width: 1500px) { .footer-newsletter .gform_wrapper .gform_footer { text-align: right; display: inline-block; vertical-align: middle; width: calc(100% - 744px); } } @media screen { .footer-newsletter .gform_wrapper .gform_footer img { position: absolute; right: -20px; top: 15px; } .footer-newsletter .gform_wrapper .gform_footer input { width: 100%; padding: 0; margin: 0; height: 50px; background-color: #4c4c4c; border: none; cursor: pointer; display: block; font-size: 16px; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; } } @media screen and (min-width: 1500px) { .footer-newsletter .gform_wrapper .gform_footer input { font-size: 21px; } } @media screen { .footer-newsletter .gform_wrapper .gform_footer input:hover { background-color: #b1dbbe; } } @media screen { #new-popup .modal-dialog { background-color: white; padding: 15px; } } @media screen and (min-width: 992px) { #new-popup .modal-dialog { width: 100%; max-width: 843px; padding: 30px; } } @media screen { #new-popup .modal-content { border-radius: 0; border: none; background-color: #aad0bf; -webkit-box-shadow: none; box-shadow: none; color: white; } #new-popup .modal-body { padding: 15px; text-align: center; } } @media screen and (min-width: 992px) { #new-popup .modal-body { padding: 25px 25px 50px; } } @media screen { #new-popup .modal-body .close { font-size: 40px; line-height: 30px; } #new-popup .modal-body h3 { font-family: 'ConeriaScriptDemo'; font-size: 28px; line-height: normal; margin: 0; } } @media screen and (min-width: 992px) { #new-popup .modal-body h3 { font-size: 40px; } } @media screen and (min-width: 1200px) { #new-popup .modal-body h3 { font-size: 61px; } } @media screen { #new-popup .modal-body p { font-size: 16px; margin: 0 0 20px; } } @media screen and (min-width: 992px) { #new-popup .modal-body p { font-size: 20px; } } @media screen { #new-popup .modal-body .gform_wrapper { max-width: 550px; margin: 0 auto; } #new-popup .modal-body .gform_wrapper .gform_body input { padding: 0 10px; margin: 0; width: 100%; display: block; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; height: 50px; font-size: 14px; font-family: 'Museo'; font-weight: 700; color: #949494; } #new-popup .modal-body .gform_wrapper .gform_body ul { padding: 0; margin: 0; font-size: 0; } #new-popup .modal-body .gform_wrapper .gform_body ul li { font-size: 14px; width: 100%; display: inline-block; vertical-align: top; padding: 0; margin: 0; text-align: left; margin-bottom: 10px; } } @media screen and (min-width: 768px) { #new-popup .modal-body .gform_wrapper .gform_body ul li:first-child { margin-right: 10px; } #new-popup .modal-body .gform_wrapper .gform_body ul li:first-child, #new-popup .modal-body .gform_wrapper .gform_body ul li:nth-child(2) { width: calc( 50% - 5px); } } @media screen { #new-popup .modal-body .gform_wrapper .gform_body ul li label, #new-popup .modal-body .gform_wrapper .gform_body ul li.gform_validation_container { display: none; } #new-popup .modal-body .gform_wrapper .gform_footer { position: relative; padding-top: 15px; } #new-popup .modal-body .gform_wrapper .gform_footer img { position: absolute; right: 20px; top: 25px; } #new-popup .modal-body .gform_wrapper .gform_footer input { max-width: 150px; font-size: 18px; font-weight: 700; font-family: 'ProximaNova'; width: 100%; display: block; padding: 10px 5px; margin: 0 auto; border: none; cursor: pointer; background-color: #4c4c4c; color: white; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; } } @media screen and (min-width: 992px) { #new-popup .modal-body .gform_wrapper .gform_footer input { font-size: 21px; } } @media screen { .breadcrumb-wrapper { font-size: 16px; margin: 0 0 15px; } .breadcrumb-wrapper .woocommerce-breadcrumb { font-weight: bold; } .breadcrumb-wrapper .woocommerce-breadcrumb a { font-weight: bold; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; position: relative; color: #b1dbbe; display: inline-block; margin: 0 15px 0 0; padding: 0 15px 0 0; } .breadcrumb-wrapper .woocommerce-breadcrumb a:hover { color: #dcc3db; } .breadcrumb-wrapper .woocommerce-breadcrumb a:after { content: "\f105"; font-family: FontAwesome; font-size: 14px; position: absolute; right: -2px; top: 0; } .breadcrumb-wrapper .cstm-breadcrumbs { padding: 0; margin: 0; font-size: 0; text-align: left !important; } .breadcrumb-wrapper .cstm-breadcrumbs li { font-size: 16px; position: relative; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; padding: 0 15px 0 0; font-weight: bold; } .breadcrumb-wrapper .cstm-breadcrumbs li a { color: #b1dbbe; -webkit-transition: 0.3s; transition: 0.3s; } .breadcrumb-wrapper .cstm-breadcrumbs li a:hover { color: #dcc3db; } .breadcrumb-wrapper .cstm-breadcrumbs li:after { content: "\f105"; font-family: FontAwesome; font-size: 14px; position: absolute; right: -2px; top: 0; } .breadcrumb-wrapper .cstm-breadcrumbs li:last-child { padding: 0; margin: 0; } .breadcrumb-wrapper .cstm-breadcrumbs li:last-child:after { display: none; } } @media screen { .search-predict { position: relative; } .search-predict input { outline: 0; } .search-predict .search-predict-product-wrap { text-align: left; background-color: #e9e9e9; position: absolute; top: 100%; right: 0; width: 100%; max-height: 300px; overflow: auto; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .search-predict .search-predict-product-wrap.active { opacity: 1; visibility: visible; /* &:before{ opacity: 1; visibility: visible; } */ } .search-predict .search-predict-product-wrap .search-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .search-predict .search-predict-product-wrap .search-loader.active { opacity: 1; visibility: visible; } .search-predict .search-predict-product-wrap .product-search-item { border-bottom: 1px solid white; } .search-predict .search-predict-product-wrap .product-search-item:last-child { border: 0; } .search-predict .search-predict-product-wrap .product-search-item p { padding: 10px; margin: 0; } .search-predict .search-predict-product-wrap .product-search-item a { -webkit-transition: 0.3s; transition: 0.3s; display: block; padding: 10px; } .search-predict .search-predict-product-wrap .product-search-item a:hover { background-color: #b1dbbe; } .search-predict .search-predict-product-wrap .product-search-item .left, .search-predict .search-predict-product-wrap .product-search-item .right { display: inline-block; vertical-align: middle; } .search-predict .search-predict-product-wrap .product-search-item .left img { max-width: 60px; height: auto; } .search-predict .search-predict-product-wrap .product-search-item .right { padding-left: 10px; width: calc( 100% - 60px); font-size: 14px; color: #5e5e5e; } .search-predict .search-predict-product-wrap .product-search-item .right h4 { font-size: 14px; font-weight: bold; margin-bottom: 2px; } } /* FRONT PAGE CSS */ @media screen { /**/ .new-fp-banner .slider-nav { position: absolute; top: 40%; left: 0; width: 100%; list-style-type: none; } .new-fp-banner .slider-nav li { position: relative; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.3; -webkit-transition: 0.3s; transition: 0.3s; } .new-fp-banner .slider-nav li:hover { opacity: 1; } .new-fp-banner .slider-nav li:first-child { float: left; background-image: url(../images/left-arrow.png); width: 32px; height: 59px; left: 20px; } .new-fp-banner .slider-nav li:last-child { float: right; background-image: url(../images/right-arrow.png); width: 31px; height: 58px; right: 20px; } .new-fp-banner .banner-item { display: inline-block; vertical-align: top; position: relative; } .new-fp-banner .banner-item .main-wrap { display: table; height: 100%; width: 100%; } .new-fp-banner .banner-item .left, .new-fp-banner .banner-item .right { display: block; height: 100%; } .new-fp-banner .banner-item .left { width: 100%; text-align: center; color: white; padding: 20px; z-index: 2; position: relative; } .new-fp-banner .banner-item .left .wrap { /*background-color: red;*/ display: table; width: 100%; height: 100%; table-layout: fixed; position: relative; } .new-fp-banner .banner-item .left .wrap .inner-wrap { position: relative; z-index: 2; display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 10px 0 20px; } .new-fp-banner .banner-item .left .color-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; } .new-fp-banner .banner-item .left h3 { font-family: 'ProximaNova'; font-weight: bold; font-size: 50px; line-height: 40px; text-transform: uppercase; } .new-fp-banner .banner-item .left h4 { font-family: 'Tungsten-Book'; font-size: 40px; line-height: 40px; text-transform: uppercase; } .new-fp-banner .banner-item .left .banner-btns { margin-top: 15px; } .new-fp-banner .banner-item .left .banner-btns a { margin: 0 5px; text-transform: uppercase; color: white; font-size: 14px; font-weight: 800; border: 2px solid #fff; padding: 5px 10px; } .new-fp-banner .banner-item .left .banner-btns a span { /*display: none;*/ } .new-fp-banner .banner-item .left .banner-btns a img { position: relative; top: -3px; } .new-fp-banner .banner-item .right { width: 100%; } .new-fp-banner .banner-item .right .img-wrap { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .new-fp-banner .banner-item .right img { height: auto; } /**/ /* .fp-banner{ font-size: 0; position: relative; .slider-nav{ position: absolute; top: 40%; width: 100%; list-style-type: none; li{ position: relative; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.3; transition: 0.3s; &:hover{ opacity: 1; } &:first-child{ float: left; background-image: url(../images/left-arrow.png); width: 32px; height: 59px; left: 25px; } &:last-child{ float: right; background-image: url(../images/right-arrow.png); width: 31px; height: 58px; right: 55px; } } } .banner-item{ display: inline-block; vertical-align: top; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .banner-item-wrapper{ position: relative; display: table; padding: 30px 10px; width: 100%; height: 300px; text-align: center; } .banner-content{ display: table-cell; vertical-align: middle; position: relative; z-index: 3; height: 100%; width: 100%; color: white; .banner-header{ font-family: 'ProximaNova'; font-weight: bold; font-size: 50px; line-height: 40px; text-transform: uppercase; } .banner-subheader{ font-family: 'Tungsten-Book'; font-size: 40px; line-height: 40px; text-transform: uppercase; } .banner-title{ position: relative; margin-top: 15px; padding-top: 15px; font-family: 'Tungsten-Book'; font-size: 26px; text-transform: uppercase; letter-spacing: 1px; &:before{ content: ""; position: relative; top: -15px; left: 0; display: block; margin: 0 auto; width: 100px; height: 2px; background-color: white; } } .banner-btns{ margin-top: 30px; a{ margin: 0 5px; text-transform: uppercase; color: white; font-size: 14px; font-weight: 800; span{ display: none; } } } } .banner-color{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.7; } .banner-img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; .img-wrapper{ display: block; height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } } } */ } @media (min-width: 768px) { /**/ .new-fp-banner .slider-nav li:first-child { /*left: 10px;*/ } .new-fp-banner .slider-nav li:last-child { /*right: 40px;*/ } .new-fp-banner .banner-item .left, .new-fp-banner .banner-item .right { display: table-cell; vertical-align: middle; } .new-fp-banner .banner-item .left { width: 30%; padding: 0; } .new-fp-banner .banner-item .left .color-wrap { display: none; } .new-fp-banner .banner-item .right { width: 70%; } .new-fp-banner .banner-item .right .img-wrap { display: none; } /**/ /* .fp-banner{ .slider-nav{ li{ opacity: 0; &:first-child{ left: 10px; } &:last-child{ right: 40px; } } } &:hover{ .slider-nav{ li{ opacity: 1; } } } } */ } /* @media (min-width: 870px){ .fp-banner{ .slider-nav{ li{ opacity: 0; &:first-child{ left: -50px; } &:last-child{ right: -20px; } } } } } */ @media (min-width: 992px) { /**/ .new-fp-banner .banner-item .left .banner-btns a { display: block; margin: 0 auto 10px; width: 100%; max-width: 250px; border: 2px solid white; padding: 15px 10px; } .new-fp-banner .banner-item .left .banner-btns a:last-child { margin: 0 auto 0; } .new-fp-banner .banner-item .left .banner-btns a span { display: inline-block; vertical-align: middle; } .new-fp-banner .banner-item .left .banner-btns a img { position: relative; top: -3px; } /**/ /* .fp-banner{ .slider-nav{ li{ opacity: 0; &:first-child{ left: 10px; } &:last-child{ right: 40px; } } } .banner-item-wrapper{ padding: 0; } .banner-content{ width: 40%; padding: 50px 20px; .banner-btns{ a{ display: block; margin: 0 auto 10px; width: 100%; max-width: 250px; border: 2px solid white; padding: 15px 10px; &:last-child{ margin: 0 auto 0; } span{ display: inline-block; vertical-align: middle; } img{ position: relative; top: -3px; } } } } .banner-color{ opacity: 1; } .banner-img{ position: relative; display: table-cell; width: 60%; z-index: 3; } } */ } /* @media (min-width: 1100px){ .fp-banner{ .slider-nav{ li{ opacity: 0; &:first-child{ left: -50px; } &:last-child{ right: -20px; } } } } } */ @media (min-width: 1200px) { /**/ .new-fp-banner .banner-item .left h3 { font-size: 100px; line-height: 90px; } .new-fp-banner .banner-item .left h4 { font-size: 55px; } .new-fp-banner .banner-item .left .banner-btns { margin-top: 60px; } .new-fp-banner .banner-item .left .banner-btns a { max-width: 300px; } .new-fp-banner .banner-item .left .banner-btns a span { margin-right: 5px; } /**/ /* .fp-banner{ .slider-nav{ li{ opacity: 0; &:first-child{ left: 10px; } &:last-child{ right: 40px; } } } .banner-content{ padding: 80px 20px; .banner-header{ font-size: 100px; line-height: 90px; } .banner-subheader{ font-size: 55px; } .banner-title{ margin-top: 20px; letter-spacing: 3px; &:before{ width: 300px; } } .banner-btns{ margin-top: 60px; a{ max-width: 300px; span{ margin-right: 5px; } } } } } */ } @media (min-width: 1300px) { .new-fp-banner .slider-nav li.prev { left: -40px; } .new-fp-banner .slider-nav li.next { right: -40px; } /* .fp-banner{ .slider-nav{ li{ opacity: 0; &:first-child{ left: -50px; } &:last-child{ right: -20px; } } } } */ } /* @media (min-width: 1500px){ .fp-banner{ .slider-nav{ li{ opacity: 0; &:first-child{ left: 10px; } &:last-child{ right: 40px; } } } .banner-content{ width: 30%; } .banner-img{ width: 70%; } } } @media (min-width: 1600px){ .fp-banner{ .slider-nav{ li{ opacity: 0; &:first-child{ left: -50px; } &:last-child{ right: -20px; } } } } } */ @media screen { .fp-shop-section { /* .slider-nav{ position: absolute; top: 30%; width: 100%; list-style-type: none; li{ position: relative; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.3; transition: 0.3s; &:hover{ opacity: 1; } &:first-child{ float: left; background-image: url(../images/left-arrow.png); width: 32px; height: 59px; left: 25px; } &:last-child{ float: right; background-image: url(../images/right-arrow.png); width: 31px; height: 58px; right: 55px; } } } */ } } @media screen and (min-width: 1200px) { .fp-shop-section:hover .slider-nav { opacity: 1; } } @media screen { .fp-shop-section .title-bar { text-align: center; width: 100%; } .fp-shop-section .title-bar .title-bar-container { padding: 40px 0; } .fp-shop-section .title-bar h3, .fp-shop-section .title-bar h2, .fp-shop-section .title-bar h1, .fp-shop-section .title-bar p { display: inline-block; vertical-align: middle; } .fp-shop-section .title-bar h1, .fp-shop-section .title-bar h2, .fp-shop-section .title-bar h3 { text-transform: uppercase; font-weight: 800; font-size: 30px; color: #b0b0b0; width: 100%; } .fp-shop-section .title-bar h1 strong, .fp-shop-section .title-bar h2 strong, .fp-shop-section .title-bar h3 strong { font-weight: 800; } .fp-shop-section .title-bar p { font-family: 'Museo'; font-weight: 300; color: #797979; margin: 0; max-width: 525px; font-size: 14px; padding: 15px 0; } .fp-shop-section .title-bar .visit-shop-btn { display: block; text-align: center; } .fp-shop-section .title-bar .visit-shop-btn a { font-size: 15px; line-height: 21px; display: inline-block; vertical-align: middle; font-weight: 800; text-transform: uppercase; cursor: pointer; color: #b0b0b0; -webkit-transition: 0.3s; transition: 0.3s; } .fp-shop-section .title-bar .visit-shop-btn a:hover { color: #b1dbbe; } .fp-shop-section .title-bar .visit-shop-btn a:hover span.fa { background-color: #b1dbbe; } .fp-shop-section .title-bar .visit-shop-btn a span.fa { width: 22px; height: 22px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #717171; color: white; border-radius: 100%; font-size: 10px; -webkit-transition: 0.3s; transition: 0.3s; margin-left: 5px; vertical-align: top; } .fp-shop-section .slider-nav { position: absolute; z-index: 30; top: 30%; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } } @media screen and (min-width: 1200px) { .fp-shop-section .slider-nav { opacity: 0; } } @media screen { .fp-shop-section .slider-nav.prev { background-image: url(../images/left-arrow.png); width: 32px; height: 59px; left: 0; } .fp-shop-section .slider-nav.next { background-image: url(../images/right-arrow.png); width: 31px; height: 58px; right: 0; } .fp-shop-section .shop-item { display: inline-block; vertical-align: top; /*vertical-align: middle;*/ padding: 0 20px; text-align: center; position: relative; z-index: 10; } .fp-shop-section .shop-item .new-badge { position: absolute; top: 0; right: 30px; } .fp-shop-section .shop-item .shop-img { display: block; width: 100%; height: 220px; background-size: contain; background-position: center; background-repeat: no-repeat; } .fp-shop-section .shop-item .shop-img.img-placeholder { background-size: cover; } .fp-shop-section .shop-item h3 { /*font-weight: 800;*/ font-weight: 400; /*font-size: 18px;*/ font-size: 16px; color: #595959; margin-top: 20px; } .fp-shop-section .shop-item h4 { /*font-family: 'Museo';*/ /*font-weight: 700;*/ font-weight: 400; font-size: 16px; /*color: $site-green;*/ color: #b0b0b0; margin-top: 10px; } .fp-shop-section.shop-latest-trends .title-bar { /*.visit-shop-btn{ a{ color: $lightgreen; &:hover{ span.fa{ background-color: $lightgreen; } } } }*/ } .fp-shop-section.shop-latest-trends .title-bar h1 strong, .fp-shop-section.shop-latest-trends .title-bar h2 strong, .fp-shop-section.shop-latest-trends .title-bar h3 strong { color: #b1dbbe; } .fp-shop-section.shop-party-supplies { /*.shop-item{ vertical-align: middle; .shop-img{ height: auto; background-size: inherit; &.img-placeholder{ background-size: cover; } } }*/ } .fp-shop-section.shop-party-supplies .title-bar { /*.visit-shop-btn{ a{ color: $lightblue; &:hover{ span.fa{ background-color: $lightblue; } } } }*/ } .fp-shop-section.shop-party-supplies .title-bar h1 strong, .fp-shop-section.shop-party-supplies .title-bar h2 strong, .fp-shop-section.shop-party-supplies .title-bar h3 strong { color: #cae5f7; } .fp-shop-section.shop-party-themes .title-bar { /*.visit-shop-btn{ a{ color: $lightviolet; &:hover{ span.fa{ background-color: $lightviolet; } } } }*/ } .fp-shop-section.shop-party-themes .title-bar h1 strong, .fp-shop-section.shop-party-themes .title-bar h2 strong, .fp-shop-section.shop-party-themes .title-bar h3 strong { color: #dcc3db; } } /* @media (min-width: 768px){ .fp-shop-section{ .slider-nav{ li{ opacity: 0; &:first-child{ left: 10px; } &:last-child{ right: 40px; } } } &:hover{ .slider-nav{ li{ opacity: 1; } } } } } */ /* @media (min-width: 870px){ .fp-shop-section{ .slider-nav{ li{ opacity: 0; &:first-child{ left: -50px; } &:last-child{ right: -20px; } } } } } */ /* @media (min-width: 992px){ .fp-shop-section{ .slider-nav{ li{ opacity: 0; &:first-child{ left: 10px; } &:last-child{ right: 40px; } } } } } */ /* @media (min-width: 1100px){ .fp-shop-section{ .slider-nav{ li{ opacity: 0; &:first-child{ left: -50px; } &:last-child{ right: -20px; } } } } } */ @media (min-width: 1200px) { .fp-shop-section { /* .slider-nav{ li{ opacity: 0; &:first-child{ left: 10px; } &:last-child{ right: 40px; } } } */ } .fp-shop-section .title-bar { text-align: left; } .fp-shop-section .title-bar .title-bar-container { padding: 20px 0 40px 0; border-top: 2px solid #ebebeb; margin-top: 30px; } .fp-shop-section .title-bar h1, .fp-shop-section .title-bar h2, .fp-shop-section .title-bar h3 { font-size: 40px; width: auto; border-right: 3px solid #e4e4e4; padding-right: 25px; margin-right: 25px; } .fp-shop-section .title-bar p { /*font-size: 17px;*/ font-size: 16px; max-width: 440px; } } /* @media (min-width: 1300px){ .fp-shop-section{ .slider-nav{ li{ opacity: 0; &:first-child{ left: -50px; } &:last-child{ right: -20px; } } } } } */ @media (min-width: 1450px) { .fp-shop-section .title-bar p { max-width: 525px; } .fp-shop-section .title-bar .visit-shop-btn a { font-size: 17px; } } /* @media (min-width: 1500px){ .fp-shop-section{ .slider-nav{ li{ opacity: 0; &:first-child{ left: 10px; } &:last-child{ right: 40px; } } } } } */ /* @media (min-width: 1600px){ .fp-shop-section{ .slider-nav{ li{ opacity: 0; &:first-child{ left: -50px; } &:last-child{ right: -20px; } } } } } */ /*@media screen{ .shop-latest-trends{ .title-bar{ h3{ strong{ color: $lightgreen; } } .visit-shop-btn{ a{ color: $lightgreen; &:hover{ span.fa{ background-color: $lightgreen; } } } } } } }*/ @media screen { .shop-party-themes { /* .slider-nav{ top: 40%; } */ } } @media screen and (min-width: 1200px) { .shop-party-themes:hover .slider-nav { opacity: 1; } } @media screen { .shop-party-themes .title-bar { /*.visit-shop-btn{ a{ color: $lightviolet; &:hover{ span.fa{ background-color: $lightviolet; } } } }*/ } .shop-party-themes .title-bar h3 strong { color: #dcc3db; } .shop-party-themes .slides .col-lg-3 { padding: 0 5px; margin-bottom: 10px; } .shop-party-themes .slider-nav { position: absolute; z-index: 30; top: 30%; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } } @media screen and (min-width: 1200px) { .shop-party-themes .slider-nav { top: 43%; opacity: 0; } } @media screen { .shop-party-themes .slider-nav.prev { background-image: url(../images/left-arrow.png); width: 32px; height: 59px; left: 0; } } @media screen and (min-width: 850px) { .shop-party-themes .slider-nav.prev { left: -30px; } } @media screen and (min-width: 992px) { .shop-party-themes .slider-nav.prev { left: 0; } } @media screen and (min-width: 1300px) { .shop-party-themes .slider-nav.prev { left: -40px; } } @media screen { .shop-party-themes .slider-nav.next { background-image: url(../images/right-arrow.png); width: 31px; height: 58px; right: 0; } } @media screen and (min-width: 850px) { .shop-party-themes .slider-nav.next { right: -30px; } } @media screen and (min-width: 992px) { .shop-party-themes .slider-nav.next { right: 0; } } @media screen and (min-width: 1300px) { .shop-party-themes .slider-nav.next { right: -40px; } } @media screen { .shop-party-themes .party-theme-card { height: auto; background-color: #dcc3db; position: relative; width: auto; top: 0; padding: 10px; z-index: 4; margin-bottom: 10px; } .shop-party-themes .party-theme-card .card-content { border: 7px solid white; height: 100%; font-size: 0; } .shop-party-themes .party-theme-card .card-content .col { height: 100%; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-inline-flex; vertical-align: top; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .shop-party-themes .party-theme-card .card-content .col img { max-width: 180px; } .shop-party-themes .party-theme-card .card-content .col:first-child { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; } .shop-party-themes .party-theme-card .card-content .col:last-child { padding: 30px 15px; } .shop-party-themes .party-theme-card .card-content .col p { color: white; font-family: 'Museo'; font-weight: 300; font-size: 16px; width: 100%; max-width: 500px; margin: 0 auto; } .shop-party-themes .party-theme-card .card-content .col a { font-weight: 800; text-transform: uppercase; color: white; font-size: 14px; max-width: 180px; width: 100%; border: 2px solid white; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; padding: 10px; margin: 20px auto 0 auto; display: block; } .shop-party-themes .party-theme-card .card-content .col a:hover { background-color: #b1dbbe; } .shop-party-themes .theme-item { max-width: 355px; margin: 0 auto; display: block; } .shop-party-themes .theme-item .theme-img { display: block; height: 265px; background-size: cover; background-position: center; background-repeat: no-repeat; } .shop-party-themes .theme-item .theme-img.img-placeholder { background-size: cover; } .shop-party-themes .theme-item h3 { background-color: #f4f4f4; font-weight: 800; font-size: 15px; padding: 15px 30px; position: relative; -webkit-transition: 0.3s; transition: 0.3s; color: #5f5f5f; } .shop-party-themes .theme-item h3 span.fa { position: absolute; top: 10px; right: 20px; width: 22px; height: 22px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-inline-flex; background-color: #b1dbbe; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; color: white; -webkit-transition: 0.3s; transition: 0.3s; } .shop-party-themes .theme-item:hover h3 { color: #dcc3db; } .shop-party-themes .theme-item:hover h3 span.fa { background-color: #dcc3db; } } @media (min-width: 1200px) { .shop-party-themes .party-theme-card { height: 273px; position: absolute; width: 565px; margin-bottom: 0; } .shop-party-themes .party-theme-card .card-content .col { width: 50%; text-align: left; } .shop-party-themes .party-theme-card .card-content .col img { max-width: 230px; } .shop-party-themes .party-theme-card .card-content .col:first-child { padding-top: 0; } .shop-party-themes .party-theme-card .card-content .col:last-child { padding: 30px; } .shop-party-themes .party-theme-card .card-content .col a { margin: 20px 0 0 0; } .shop-party-themes .theme-item .theme-img { max-height: 230px; } .shop-party-themes .theme-item h3 { /*padding: 15px;*/ padding: 15px 45px 15px 30px; font-size: 12px; } } @media (min-width: 1500px) { .shop-party-themes .party-theme-card { width: 705px; height: 310px; } .shop-party-themes .party-theme-card .card-content .col img { max-width: 100%; } .shop-party-themes .party-theme-card .card-content .col p { font-size: 19px; } .shop-party-themes .party-theme-card .card-content .col a { font-size: 18px; } .shop-party-themes .theme-item .theme-img { max-height: 265px; } .shop-party-themes .theme-item h3 { font-size: 15px; } } @media screen { .join-conversation .title-bar { /*.visit-shop-btn{ a{ color: $lightpeach; &:hover{ span.fa{ background-color: $lightpeach; } } } }*/ } .join-conversation .title-bar h1 strong, .join-conversation .title-bar h2 strong, .join-conversation .title-bar h3 strong { color: #e7ac9a; } .join-conversation img { display: none; } .join-conversation .post-item { background-color: #f4f4f4; max-width: 450px; margin: 0 auto 30px auto; } .join-conversation .post-item .post-img { display: block; width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; } .join-conversation .post-item .post-content { padding: 15px; } .join-conversation .post-item .post-content h3 { margin-bottom: 10px; } .join-conversation .post-item .post-content h3 a { font-weight: 800; font-size: 18px; color: #595959; -webkit-transition: 0.3s; transition: 0.3s; } .join-conversation .post-item .post-content h3 a:hover { color: #e7ac9a; } .join-conversation .post-item .post-content p { font-family: 'Museo'; font-weight: 300; font-size: 14px; color: #797979; } .join-conversation .post-item .post-content .read-more-btn { display: block; text-align: left; } .join-conversation .post-item .post-content .read-more-btn a { font-size: 14px; font-weight: 700; color: #e7ac9a; } } @media (min-width: 992px) { .join-conversation .post-item .post-img { height: 270px; } .join-conversation .post-item .post-content { padding: 30px; } .join-conversation .post-item .post-content h3 a { font-size: 21px; } .join-conversation .post-item .post-content p { font-size: 15px; } .join-conversation .post-item .post-content .read-more-btn { text-align: right; } .join-conversation .post-item .post-content .read-more-btn a { font-size: 16px; } } @media (min-width: 1200px) { .join-conversation .title-bar h1, .join-conversation .title-bar h2, .join-conversation .title-bar h3 { font-size: 32px; } } @media (min-width: 1500px) { .join-conversation .title-bar h1, .join-conversation .title-bar h2, .join-conversation .title-bar h3 { font-size: 40px; } } @media screen { .testimonials { text-align: center; position: relative; margin-bottom: 50px; } .testimonials:hover .slider-nav { opacity: 1; } .testimonials h3 { text-transform: uppercase; margin-bottom: 20px; padding-top: 40px; border-top: 2px solid #ebebeb; font-weight: 800; font-size: 25px; color: #b0b0b0; } .testimonials .testimonial-item { display: inline-block; vertical-align: top; text-align: center; } .testimonials .testimonial-item .rating { list-style-type: none; font-size: 0; } .testimonials .testimonial-item .rating li { display: inline-block; padding: 0 3px; } .testimonials .testimonial-item .content { font-size: 14px; font-family: 'Museo'; font-weight: 300; color: #797979; } .testimonials .testimonial-item .content p { padding: 30px 0 40px; max-width: 1024px; margin: 0 auto; line-height: 24px; } .testimonials .testimonial-item .content h4 { font-family: 'ProximaNova'; font-weight: 800; font-size: 19px; color: #595959; } .testimonials .testimonial-item .content h5 { font-size: 18px; } .testimonials .slider-nav { opacity: 0; position: absolute; /*top: 48%;*/ top: 80%; width: 100%; -webkit-transition: 0.3s; transition: 0.3s; } .testimonials .slider-nav:after { content: ""; clear: both; display: table; } .testimonials .slider-nav li { list-style-type: none; cursor: pointer; } .testimonials .slider-nav li span { position: absolute; left: -9999px; } .testimonials .slider-nav li.prev { background-image: url(../images/left-arrow.png); float: left; width: 32px; height: 59px; } .testimonials .slider-nav li.next { background-image: url(../images/right-arrow.png); float: right; margin-right: 30px; width: 31px; height: 58px; } .testimonials .slider-pagination { padding-top: 50px; } .testimonials .slider-pagination a { display: inline-block; width: 15px; height: 15px; background-color: #e0e0e0; border-radius: 100%; margin: 0 3px; } .testimonials .slider-pagination a span { position: absolute; left: -9999px; } .testimonials .slider-pagination a.selected { background-color: #cae5f7; } } @media (min-width: 850px) { .testimonials .slider-nav { top: 40%; } .testimonials .slider-nav li { position: relative; } .testimonials .slider-nav li.prev { left: -55px; } .testimonials .slider-nav li.next { right: -55px; } } @media (min-width: 992px) { .testimonials .testimonial-item .content { /*font-size: 18px;*/ font-size: 15px; } } @media (min-width: 1200px) { .testimonials .slider-nav { display: block; } } @media screen { .featured-in { display: table; width: 100%; border-top: 1px solid #ebebeb; padding: 30px 0; } .featured-in h3 { text-align: center; font-size: 21px; font-weight: 800; text-transform: uppercase; color: #b0b0b0; margin-bottom: 30px; } .featured-in .featured-logo-item { padding: 0 10px; margin-bottom: 20px; text-align: center; display: inline-block; vertical-align: middle; } .featured-in .featured-logo-item a { display: block; } .featured-in .featured-logo-item img { max-width: 100px; } } @media (min-width: 768px) { .featured-in .featured-logo-item { /*display: table-cell;*/ /*width: 1%;*/ margin-bottom: 0; } } @media (min-width: 1200px) { .featured-in .featured-logo-item img { max-width: 100%; } } @media screen { .about-party-parlour { text-align: center; border-top: 1px solid #ebebeb; padding: 30px 0; } .about-party-parlour h3 { font-weight: 800; color: #b0b0b0; text-transform: uppercase; font-size: 24px; } .about-party-parlour h3 span { display: block; } .about-party-parlour p { font-size: 14px; line-height: 26px; font-family: 'Museo'; font-weight: 300; color: #797979; } } @media (min-width: 992px) { .about-party-parlour { text-align: left; } .about-party-parlour h3 { font-size: 33px; } .about-party-parlour p { /*font-size: 18px;*/ font-size: 15px; } } /* PAGES */ @media screen { .archive-posts { padding: 20px 0 50px; font-size: 0; } .archive-posts h1 { text-align: center; font-weight: 900; font-size: 22px; text-transform: uppercase; } .archive-posts h1 span { color: #e56b3a; } .archive-posts.al-party-themes.page-collections .theme-item.place-img .theme-img { background-size: cover; } .archive-posts.al-party-themes.page-collections .theme-item .theme-img { background-size: initial; display: table; width: 100%; text-align: center; } .archive-posts.al-party-themes.page-collections .theme-item .theme-img .theme-img-tablecell { padding: 10px; display: table-cell; vertical-align: middle; } .archive-posts.al-party-themes h1 span { color: #dcc3db; } .archive-posts.al-party-themes .archive-item:hover h3 { background-color: #dcc3db; } .archive-posts.al-party-themes .theme-item { max-width: 355px; margin: 0 auto 30px; display: block; } .archive-posts.al-party-themes .theme-item .theme-img { display: block; height: 265px; background-size: contain; background-position: center; background-repeat: no-repeat; } .archive-posts.al-party-themes .theme-item .theme-img.img-placeholder { background-size: cover; } .archive-posts.al-party-themes .theme-item h3 { background-color: #f4f4f4; font-weight: 800; /*font-size: 15px;*/ font-size: 13px; /*padding: 15px 30px;*/ padding: 15px 20px; position: relative; -webkit-transition: 0.3s; transition: 0.3s; color: #5f5f5f; } .archive-posts.al-party-themes .theme-item h3 span.fa { position: absolute; top: 10px; right: 20px; width: 22px; height: 22px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-inline-flex; background-color: #b1dbbe; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; color: white; -webkit-transition: 0.3s; transition: 0.3s; } .archive-posts.al-party-themes .theme-item:hover h3 { color: #dcc3db; } .archive-posts.al-party-themes .theme-item:hover h3 span.fa { background-color: #dcc3db; } .archive-posts .archive-item { display: block; max-width: 320px; margin: 30px auto 0; } .archive-posts .archive-item:hover h3 { background-color: #e56b3a; } .archive-posts .archive-item a { display: block; color: white; } .archive-posts .archive-item h3 { font-size: 12px; font-weight: bold; background-color: #b1dbbe; padding: 10px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; } .archive-posts .archive-item h3 span { position: absolute; top: 8px; right: 15px; background: #5b5b5b; width: 18px; height: 18px; font-size: 10px; text-align: center; border-radius: 100%; padding-top: 4px; padding-left: 1px; } .archive-posts .archive-item .img-container { width: 100%; height: 250px; background-size: initial; background-position: center; background-repeat: no-repeat; } .archive-posts .archive-item .img-container.img-placeholder { background-size: cover; } .colours-section .page-banner h1 .coloured { color: #f7dce6; } .colours-section .archive-posts.al-party-themes .theme-item .theme-img { /*background-size: 30%;*/ background-size: 50%; } .colours-section .archive-posts.al-party-themes .theme-item h3 { padding: 15px 50px 15px 20px; } .colours-section .archive-posts.al-party-themes .theme-item h3 span.fa { padding-left: 3px; } } @media (min-width: 768px) { .archive-posts h1 { font-size: 35px; } .archive-posts .archive-list { text-align: center; } .archive-posts .archive-item { text-align: left; display: inline-block; vertical-align: top; width: 320px; margin-right: 30px; } .archive-posts .archive-item:nth-child(2n+2) { margin-right: 0; } .archive-posts .archive-item h3 { font-size: 14px; } } @media (min-width: 1200px) { .archive-posts .archive-item:nth-child(2n+2) { margin-right: 30px; } .archive-posts .archive-item:nth-child(3n+3) { margin-right: 0; } } @media (min-width: 1500px) { .archive-posts.al-party-themes .theme-item h3 { font-size: 15px; } .archive-posts .archive-item:nth-child(2n+2), .archive-posts .archive-item:nth-child(3n+3) { margin-right: 30px; } .archive-posts .archive-item:nth-child(4n+4) { margin-right: 0; } } @media screen { .single-product .product { padding: 50px 0; } .single-product .product .onsale { display: none; } .single-product .woocommerce-message { border-top-color: #b1dbbe; } .single-product .woocommerce-message:before { color: #b1dbbe; } .single-product .woocommerce-product-gallery .product-img-wrapper { width: 100%; height: 340px; position: relative; border: 1px solid #d8d8d8; margin-bottom: 3.5%; } .single-product .woocommerce-product-gallery .product-img-wrapper .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: contain; background-repeat: no-repeat; background-position: center; } .single-product .woocommerce-product-gallery img { border: 1px solid #d8d8d8; padding: 10px; } .single-product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child { margin-bottom: 3.5%; } .single-product .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) { width: 31% !important; } .single-product .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(3n+3) { margin: 0 3.5%; } .single-product .summary.entry-summary .stock.in-stock, .single-product .summary.entry-summary .stock.out-of-stock { display: none; } .single-product .summary.entry-summary .wccpf-fields-group-1 { margin-bottom: 30px; } .single-product .summary.entry-summary .wccpf-fields-group-1 input { font-size: 14px !important; font-weight: normal !important; padding: 0 10px; } .single-product .summary.entry-summary .wccpf-fields-group-1 textarea { color: #818181 !important; font-size: 14px !important; max-width: 100%; min-height: 100px; max-height: 150px; display: block; padding: 10px; } .single-product .summary.entry-summary .wccpf-fields-group-1 label { font-weight: normal; } .single-product .summary.entry-summary .wccpf-fields-group-1 td { width: 100%; display: block; } .single-product .summary.entry-summary .summary-footer { font-weight: 800; text-transform: uppercase; text-align: center; border-top: 2px solid #ebebeb; padding-top: 15px; padding-bottom: 30px; margin-top: 50px; } .single-product .summary.entry-summary .summary-footer > li { font-size: 12px; list-style-type: none; } .single-product .summary.entry-summary .summary-footer > li:last-child span { display: inline-block; margin-bottom: 5px; } .single-product .summary.entry-summary .summary-footer .sf-wishlist { display: inline-block; color: #d84b4b; margin-bottom: 10px; } .single-product .summary.entry-summary .summary-footer .sf-wishlist img { vertical-align: top; } .single-product .summary.entry-summary .summary-footer .sf-social-media > li { list-style: none; display: inline-block; } .single-product .summary.entry-summary .summary-footer .sf-social-media > li span.fa { border-radius: 100%; color: white; font-size: 15px; width: 28px; height: 28px; background-color: #7e7e7e; padding-top: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .single-product .summary.entry-summary .summary-footer .sf-social-media > li span.fa:hover { background-color: #4e4e4e; } .single-product .summary.entry-summary h1.product_title { font-size: 25px; color: #484848; font-weight: 900; border-bottom: 2px solid #ebebeb; margin-bottom: 10px; padding-bottom: 10px; } .single-product .summary.entry-summary .woocommerce-product-rating .star-ratings { margin-right: 15px; } .single-product .summary.entry-summary .woocommerce-product-rating .star-ratings li { list-style-type: none; display: inline-block; vertical-align: middle; margin-right: 2px; } .single-product .summary.entry-summary .woocommerce-product-rating .star-ratings li:last-child { margin-right: 0; } .single-product .summary.entry-summary .woocommerce-product-rating .star-ratings li img { max-width: 20px; } .single-product .summary.entry-summary .woocommerce-product-rating .reviews-links li { list-style-type: none; display: inline-block; vertical-align: middle; font-size: 15px; line-height: 15px; color: #484848; font-weight: 800; } .single-product .summary.entry-summary .woocommerce-product-rating .reviews-links li:first-child { border-right: 1px solid black; padding-right: 10px; margin-right: 5px; } .single-product .summary.entry-summary .woocommerce-product-rating .reviews-links li a { color: #d84b4b; -webkit-transition: 0.3s; transition: 0.3s; } .single-product .summary.entry-summary .woocommerce-product-rating .reviews-links li a:hover { text-decoration: underline !important; } .single-product .summary.entry-summary .stock-status { font-weight: 800; color: #969696; font-size: 15px; text-transform: uppercase; } .single-product .summary.entry-summary .stock-status span { color: #b1dbbe; } .single-product .summary.entry-summary .stock-status span.outofstock { color: #d84b4b; } .single-product .summary.entry-summary .price { color: #969696; margin-bottom: 30px; } .single-product .summary.entry-summary .price del .woocommerce-Price-amount.amount { font-size: 18px; margin-right: 10px; } .single-product .summary.entry-summary .price ins { text-decoration: none; } .single-product .summary.entry-summary .price .woocommerce-Price-amount.amount { /*color: $site-green;*/ color: #969696; font-size: 30px; font-family: 'Museo'; font-weight: 700; } .single-product .summary.entry-summary .woocommerce-product-details__short-description { font-size: 16px; color: #737373; font-family: 'Museo'; font-weight: 300; line-height: 30px; } .single-product .summary.entry-summary form.cart { margin-top: 30px; } .single-product .summary.entry-summary form.cart input { height: 45px; line-height: 45px; font-size: 17px; color: #818181; font-weight: 800; } .single-product .summary.entry-summary form.cart button.single_add_to_cart_button { background-color: #b1dbbe; font-size: 13px; text-transform: uppercase; font-weight: 800; padding: 0 25px; height: 45px; border-radius: 0; outline: 0; margin-left: 5px; -webkit-transition: 0.3s; transition: 0.3s; } .single-product .summary.entry-summary form.cart button.single_add_to_cart_button:hover { background-color: #dcc3db; } .single-product .summary.entry-summary .product_meta { display: none; } .single-product .woocommerce-tabs.wc-tabs-wrapper { margin: 50px 0; } .single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs { padding: 0; margin: 0; font-size: 0; top: 1px; } .single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs:before { display: none !important; } .single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li { border: 0; border-radius: 0; padding: 0; margin: 0; background-color: white; border-bottom: 1px solid #d8d8d8; border-right: 1px solid white; border-left: 1px solid white; } .single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:before, .single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:after { display: none; } .single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li a { padding: 0; font-weight: 800; font-size: 10px; text-transform: uppercase; padding: 10px; } .single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active { border-top: 3px solid #e7ac9a; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel { border: 1px solid #d8d8d8; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 30px !important; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .star-rating span { color: #ffc200; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-form-rating .stars a { color: #ffc200; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h1, .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2, .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h3, .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h4, .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h5, .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h6 { font-weight: 800; color: #484848; margin-bottom: 15px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h1 { font-size: 26px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2 { font-size: 21px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h3 { font-size: 18px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h4 { font-size: 16px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h5 { font-size: 14px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h6 { font-size: 12px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel p { font-family: 'Museo'; font-size: 14px; font-weight: 300; color: #737373; } .single-product .new-related-products .nrp-header { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #ebebeb; font-size: 0; position: relative; } } @media screen and (min-width: 1200px) { .single-product .new-related-products .nrp-header { margin-bottom: 40px; } } @media screen { .single-product .new-related-products .nrp-header h2 { text-transform: uppercase; font-size: 25px; margin: 0; font-weight: 800; } .single-product .new-related-products .nrp-header .slider-controls { display: block; padding-top: 15px; z-index: 2; font-size: 20px; position: relative; } } @media screen and (min-width: 576px) { .single-product .new-related-products .nrp-header .slider-controls { position: absolute; right: 0; top: 0; padding-top: 0; width: 40px; } } @media screen { .single-product .new-related-products .nrp-header .slider-controls:after { content: ""; display: table; table-layout: fixed; clear: both; } .single-product .new-related-products .nrp-header .slider-controls .slider-nav { display: inline-block !important; vertical-align: middle; cursor: pointer; } .single-product .new-related-products .nrp-header .slider-controls .slider-nav.prev { float: left; } .single-product .new-related-products .nrp-header .slider-controls .slider-nav.next { float: right; } .single-product .new-related-products .nrp-slides { font-size: 0; } .single-product .new-related-products .nrp-slides .pp-product-item { opacity: 1 !important; display: inline-block; vertical-align: top; font-size: 14px; position: relative; width: 100%; /*margin-bottom: 30px;*/ } } @media screen and (min-width: 768px) { .single-product .new-related-products .nrp-slides .pp-product-item { width: 50%; /* margin-right: 2%; &:nth-child(2n+2){ margin-right: 0; } */ } } @media screen and (min-width: 1200px) { .single-product .new-related-products .nrp-slides .pp-product-item { width: 33.3333%; /* margin-right: 2.6666%; &:nth-child(2n+2){ margin-right: 2.6666%; } &:nth-child(4n+4){ margin-right: 0; } */ } } @media screen and (min-width: 1500px) { .single-product .new-related-products .nrp-slides .pp-product-item { width: 25%; } } @media screen { .single-product .new-related-products .nrp-slides .pp-product-item .wrapper { max-width: 320px; margin: 0 auto; } .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist { position: absolute; top: 10px; right: 10px; border-radius: 100%; width: 35px; height: 35px; } .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist:before, .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist:after { color: #444; font-family: FontAwesome; font-weight: normal; font-size: 20px; position: absolute; top: 4px; right: 7px; z-index: 2; background-color: transparent; } .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist:before { content: "\f08a"; } .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist:after { content: "\F004"; display: none; color: #d84b4b; } .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist:hover:before, .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist.active:before { display: none; } .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist:hover:after, .single-product .new-related-products .nrp-slides .pp-product-item .new-wishlist.active:after { display: block; } .single-product .new-related-products .nrp-slides .pp-product-item .img-wrapper { width: 100%; display: block; height: 250px; background-size: contain; background-position: center; background-repeat: no-repeat; /*border: 1px solid #d8d8d8;*/ margin: 0 0 15px; } } @media screen and (min-width: 1400px) { .single-product .new-related-products .nrp-slides .pp-product-item .img-wrapper { height: 300px; } } @media screen { .single-product .new-related-products .nrp-slides .pp-product-item .title-wrap { font-size: 0; margin-bottom: 15px; } } @media screen and (min-width: 1400px) { .single-product .new-related-products .nrp-slides .pp-product-item .title-wrap { margin-bottom: 30px; } } @media screen { .single-product .new-related-products .nrp-slides .pp-product-item h4, .single-product .new-related-products .nrp-slides .pp-product-item .product-price { display: inline-block; vertical-align: top; color: #a1a0a0; font-weight: 300; font-size: 18px; line-height: normal; } .single-product .new-related-products .nrp-slides .pp-product-item h4 { width: 70%; padding-right: 10px; line-height: 1.3em; } .single-product .new-related-products .nrp-slides .pp-product-item h4 a { color: #a1a0a0; -webkit-transition: 0.3s; transition: 0.3s; } .single-product .new-related-products .nrp-slides .pp-product-item h4 a:hover { color: #b1dbbe; } .single-product .new-related-products .nrp-slides .pp-product-item .product-price { width: 30%; text-align: right; } .single-product .new-related-products .nrp-slides .pp-product-item .product-price .stock-status { font-size: 15px; color: #d84b4b; display: none; } .single-product .new-related-products .nrp-slides .pp-product-item .product-price .no-stock { display: inline-block; } .single-product .new-related-products .nrp-slides .pp-product-item .product-qty { padding: 0; margin: 0; font-size: 0; width: 100%; } .single-product .new-related-products .nrp-slides .pp-product-item .product-qty li { font-size: 14px; display: inline-block; vertical-align: middle; margin-right: 2%; } .single-product .new-related-products .nrp-slides .pp-product-item .product-qty li:first-child { width: 13%; } .single-product .new-related-products .nrp-slides .pp-product-item .product-qty li:nth-child(2), .single-product .new-related-products .nrp-slides .pp-product-item .product-qty li:last-child { width: 41.5%; } .single-product .new-related-products .nrp-slides .pp-product-item .product-qty li:last-child { margin-right: 0; } .single-product .new-related-products .nrp-slides .pp-product-item .product-qty li input { height: 39px; width: 100%; display: block; padding: 0 5px; margin: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: 1px solid #d8d8d8; font-weight: bold; font-size: 16px; } .single-product .new-related-products .nrp-slides .pp-product-item .product-qty li a { display: block; text-align: center; background-color: #b1dbbe; text-transform: uppercase; color: white; font-size: 12px; font-weight: 600; padding: 11px 10px; -webkit-transition: 0.3s; transition: 0.3s; } .single-product .new-related-products .nrp-slides .pp-product-item .product-qty li a:hover { background-color: #dcc3db; } .single-product .related .rp-header { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; font-size: 0; } .single-product .related .rp-header h2 { text-transform: uppercase; font-size: 25px; font-weight: 800; text-align: center; margin-bottom: 10px; } .single-product .related .rp-header .slider-nav { text-align: center; } .single-product .related .rp-header .slider-nav:after { content: ""; display: table; clear: both; } .single-product .related .rp-header .slider-nav li { cursor: pointer; display: inline-block; vertical-align: middle; /*&:first-child{ float: left; } &:last-child{ float: right; }*/ } .single-product .related .rp-header .slider-nav li:first-child { margin-right: 3px; } .single-product .related .rp-header .slider-nav li span.fa { width: 22px; height: 22px; background-color: #717171; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; color: white; border-radius: 100%; font-size: 10px; } .single-product .related .pp-product-container .pp-product-item { display: inline-block; vertical-align: top; opacity: 1; } } @media (min-width: 480px) { .single-product .summary.entry-summary .summary-footer { text-align: left; font-size: 0; } .single-product .summary.entry-summary .summary-footer > li { width: 50%; display: inline-block; vertical-align: middle; } .single-product .summary.entry-summary .summary-footer > li:last-child { text-align: right; } .single-product .summary.entry-summary .summary-footer .sf-wishlist { margin-bottom: 0; } .single-product .summary.entry-summary .summary-footer .sf-social-media { text-align: right; } .single-product .summary.entry-summary .summary-footer .sf-social-media > li { margin-left: 1px; } .single-product .summary.entry-summary .summary-footer .sf-social-media > li:first-child { margin-left: 0; } .single-product .summary.entry-summary .summary-footer .sf-social-media > li span.fa { text-align: center; } } @media (min-width: 768px) { .single-product .related .rp-header h2, .single-product .related .rp-header .slider-nav { display: inline-block; vertical-align: middle; } .single-product .related .rp-header h2 { margin-bottom: 0; width: 93%; text-align: left; } .single-product .related .rp-header .slider-nav { width: 7%; text-align: right; } } @media (min-width: 992px) { .single-product .woocommerce-product-gallery { width: 30% !important; } .single-product .summary.entry-summary { width: 70% !important; padding-left: 25px; } .single-product .summary.entry-summary .summary-footer > li:last-child span, .single-product .summary.entry-summary .summary-footer > li:last-child .sf-social-media { display: inline-block; vertical-align: middle; } .single-product .summary.entry-summary .summary-footer > li:last-child span span, .single-product .summary.entry-summary .summary-footer > li:last-child .sf-social-media span { margin-right: 0; } .single-product .summary.entry-summary .summary-footer > li:last-child span { margin-bottom: 0; margin-right: 15px; } .single-product .summary.entry-summary .woocommerce-product-rating .star-ratings, .single-product .summary.entry-summary .woocommerce-product-rating .reviews-links { display: inline-block; vertical-align: middle; } .single-product .summary.entry-summary .woocommerce-product-rating .reviews-links { padding-top: 3px; } .single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li a { font-size: 15px; padding: 15px 30px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel p { font-size: 15px; } } @media screen { .single-party-theme-wrapper .container { max-width: 1138px; } .single-party-theme-wrapper .pt-header { padding-top: 40px; padding-bottom: 10px; font-size: 0; } .single-party-theme-wrapper .pt-header h1 { font-family: 'ButtercupSample'; font-size: 30px; color: #6b6b6b; text-align: center; } .single-party-theme-wrapper .pt-header ul li { list-style-type: none; text-align: center; } .single-party-theme-wrapper .pt-header ul li a.btn-shop { margin: 30px auto; text-transform: uppercase; display: inline-block; font-size: 13px; color: white; font-weight: 800; background-color: #cae5f7; padding: 10px 10px 10px 35px; width: 100%; width: 170px; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; position: relative; } .single-party-theme-wrapper .pt-header ul li a.btn-shop:before { content: ""; position: absolute; left: 20px; top: 8px; height: 18px; width: 18px; background-image: url(../images/basket-icon.png); background-position: center; background-repeat: no-repeat; } .single-party-theme-wrapper .pt-header ul li a.btn-shop:hover { background-color: #b1dbbe; } .single-party-theme-wrapper .pt-header ul li .colour-list .colour-item { display: inline-block; width: 34px; height: 34px; background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0 2px; } .single-party-theme-wrapper .pt-header-content { padding: 30px 0 25px; border-bottom: 1px solid #ebebeb; /*margin-bottom: 45px;*/ /*padding-bottom: 45px;*/ } .single-party-theme-wrapper .pt-header-content h1, .single-party-theme-wrapper .pt-header-content h2, .single-party-theme-wrapper .pt-header-content h3, .single-party-theme-wrapper .pt-header-content h4, .single-party-theme-wrapper .pt-header-content h5, .single-party-theme-wrapper .pt-header-content h6 { color: #737373; margin-bottom: 15px; font-weight: 900; } .single-party-theme-wrapper .pt-header-content p { font-weight: normal; font-size: 16px; color: #737373; } .single-party-theme-wrapper .pt-banner { position: relative; } .single-party-theme-wrapper .pt-banner .new-badge { z-index: 100; position: absolute; top: -20px; left: -20px; } .single-party-theme-wrapper .pt-banner .top-banner { font-size: 0; } .single-party-theme-wrapper .pt-banner .top-banner .img-wrapper { height: 200px; display: inline-block; vertical-align: top; background-size: cover; background-position: center; background-repeat: no-repeat; } .single-party-theme-wrapper .pt-banner .thumbnail-banner { margin-top: 15px; font-size: 0; position: relative; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .thumbnail-banner-wrapper { overflow: hidden; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .cs-slider { margin: 0 -15px; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav { position: absolute; top: 15%; left: 0; width: 100%; list-style-type: none; -webkit-transition: 0.3s; transition: 0.3s; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav li { position: relative; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; -webkit-transition: 0.3s; transition: 0.3s; background-color: rgba(0, 0, 0, 0.5); background-position: center; background-repeat: no-repeat; width: 40px; height: 70px; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav li:hover { opacity: 1; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav li:first-child { float: left; background-image: url(../images/left-arrow.png); left: 0; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav li:last-child { float: right; background-image: url(../images/right-arrow.png); right: 0; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .img-wrapper { display: inline-block; vertical-align: top; height: 100px; position: relative; padding: 0 7.5px; cursor: pointer; z-index: 2; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .img-wrapper.two-thumb { max-width: 280px; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .img-wrapper .img { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .img-wrapper .selected { border: 2px solid #b1dbbe; } .single-party-theme-wrapper .pt-post { font-size: 0; padding: 0 0 45px; margin-bottom: 5px; border-bottom: 1px solid #ebebeb; } .single-party-theme-wrapper .pt-post .img-wrapper { text-align: center; } .single-party-theme-wrapper .pt-post h3 { font-weight: 900; font-weight: 900; color: #595959; margin: 25px 0; font-size: 30px; text-align: center; } .single-party-theme-wrapper .pt-post .pt-post-content { font-size: 16px; line-height: 26px; text-align: center; } .single-party-theme-wrapper .pt-post p { color: #737373; font-family: 'Museo'; font-weight: 300; font-size: 16px; margin-bottom: 15px; line-height: 26px; } .single-party-theme-wrapper .pt-post a.read-more { text-transform: uppercase; color: white; font-weight: 800; font-size: 15px; background-color: #b1dbbe; padding: 5px 10px; margin-top: 20px; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; text-align: center; max-width: 130px; display: inline-block; } .single-party-theme-wrapper .pt-post a.read-more:hover { background-color: #cae5f7; } .single-party-theme-wrapper .pt-shop { padding-top: 30px; } .single-party-theme-wrapper .pt-shop .pt-shop-header { margin-bottom: 10px; position: relative; text-align: center; } .single-party-theme-wrapper .pt-shop .pt-shop-header h3 { text-transform: uppercase; color: #b0b0b0; font-size: 30px; font-weight: 800; margin-bottom: 15px; } .single-party-theme-wrapper .pt-shop .pt-shop-header h3 span { color: #cae5f7; } .single-party-theme-wrapper .pt-shop .pt-shop-header p { font-family: Museo; font-weight: 300; color: #797979; /*max-width: 525px;*/ max-width: 399px; margin: 0 auto; font-size: 14px; padding: 15px 0; vertical-align: middle; } .single-party-theme-wrapper .pt-shop .pt-shop-header a { display: inline-block; width: 168px; height: 38px; line-height: 38px; text-align: center; background-color: #cae5f7; text-transform: uppercase; font-size: 13px; color: white; font-weight: 800; -webkit-transition: 0.3s; transition: 0.3s; position: relative; padding-left: 25px; } .single-party-theme-wrapper .pt-shop .pt-shop-header a:before { content: ""; position: absolute; left: 20px; top: 8px; height: 18px; width: 18px; background-image: url(../images/basket-icon.png); background-position: center; background-repeat: no-repeat; } .single-party-theme-wrapper .pt-shop .pt-shop-header a:hover { background-color: #b1dbbe; } } @media (min-width: 480px) { .single-party-theme-wrapper .pt-banner .top-banner .img-wrapper { height: 300px; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .img-wrapper { height: 150px; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav { top: 25%; } .single-party-theme-wrapper .pt-shop .pt-shop-header h3 { font-size: 40px; } } @media (min-width: 992px) { .single-party-theme-wrapper .pt-banner .top-banner .img-wrapper { height: 468px; } .single-party-theme-wrapper .pt-post .img-wrapper, .single-party-theme-wrapper .pt-post .pt-post-content { display: inline-block; vertical-align: top; } .single-party-theme-wrapper .pt-post .img-wrapper { width: 40%; } .single-party-theme-wrapper .pt-post .pt-post-content { width: 60%; padding-left: 3%; text-align: right; } .single-party-theme-wrapper .pt-post .pt-post-content-wrapper { text-align: left; } .single-party-theme-wrapper .pt-post h3 { margin-top: 0; text-align: left; } .single-party-theme-wrapper .pt-shop .pt-shop-header { margin-bottom: 30px; text-align: left; } .single-party-theme-wrapper .pt-shop .pt-shop-header h3 { font-size: 40px; display: inline-block; vertical-align: middle; margin-bottom: 0; border-right: 3px solid #e4e4e4; padding-right: 25px; margin-right: 25px; } .single-party-theme-wrapper .pt-shop .pt-shop-header p { display: inline-block; vertical-align: middle; padding: 0; } .single-party-theme-wrapper .pt-shop .pt-shop-header a { position: absolute; top: 3px; right: 0; } } @media (min-width: 1200px) { .single-party-theme-wrapper .pt-header h1, .single-party-theme-wrapper .pt-header ul { display: inline-block; width: 50%; vertical-align: middle; } .single-party-theme-wrapper .pt-header h1 { font-size: 35px; text-align: left; } .single-party-theme-wrapper .pt-header ul { text-align: right; } .single-party-theme-wrapper .pt-header ul li { display: inline-block; vertical-align: middle; text-align: right; } .single-party-theme-wrapper .pt-header ul li a.btn-shop { margin: 0; } .single-party-theme-wrapper .pt-header ul li .colour-list { padding-left: 30px; width: 100%; } .single-party-theme-wrapper .pt-header ul li .colour-list .colour-item { width: 50px; height: 50px; margin: 10px 2px; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav { top: 25%; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav li { background-color: transparent; opacity: 1; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav li:first-child { left: -70px; } .single-party-theme-wrapper .pt-banner .thumbnail-banner .slider-nav li:last-child { right: -70px; } .single-party-theme-wrapper .pt-shop .pt-shop-header p { max-width: 525px; font-size: 16px; } } @media screen { .page-banner { /*.page-banner-wrapper{ background-size: cover; background-position: center; background-repeat: no-repeat; height: 300px; position: relative; }*/ padding-top: 50px; text-align: center; } .page-banner .page-banner-wrapper { /*padding: 0 25px;*/ } .page-banner h1 { /*position: absolute;*/ /*bottom: 0;*/ width: 100%; padding: 0; margin-bottom: 20px; /*background-color: rgba(229, 107, 58, 1);*/ font-weight: 900; /*color: #5e5e5e;*/ color: #b0b0b0; font-size: 36px; text-transform: uppercase; } .page-banner h1.party-supplies { color: #b0b0b0; text-transform: uppercase; } .page-banner h1.party-supplies span { color: #cae5f7; } .page-banner h1.party-themes { color: #b0b0b0; text-transform: uppercase; } .page-banner h1.party-themes span { color: #dcc3db; } .page-banner h1 .collections-coloured { color: #ffb3ab; } .page-banner .pb-desc { /*font-size: 16px;*/ font-size: 15px; font-family: "Museo"; } .default-page-wrapper { padding: 50px 0; } .default-page-wrapper .content-wrapper { color: #666; } .default-page-wrapper .content-wrapper h1, .default-page-wrapper .content-wrapper h2, .default-page-wrapper .content-wrapper h3, .default-page-wrapper .content-wrapper h4, .default-page-wrapper .content-wrapper h5, .default-page-wrapper .content-wrapper h6 { font-weight: 900; margin-bottom: 15px; } .default-page-wrapper .content-wrapper p { font-size: 16px; line-height: 28px; margin-bottom: 15px; } .default-page-wrapper .content-wrapper ul { padding-left: 30px; } .default-page-wrapper .content-wrapper ul li { font-size: 16px; margin-bottom: 10px; } .default-page-wrapper .content-wrapper form label { font-weight: normal; } .default-page-wrapper .content-wrapper form input, .default-page-wrapper .content-wrapper form select { background-color: #eaeaea; height: 45px; padding: 10px; width: 100%; display: block; } .default-page-wrapper .content-wrapper form textarea { background-color: #eaeaea; max-width: 100%; min-height: 150px; max-height: 200px; padding: 10px; display: block; } .default-page-wrapper .content-wrapper form .gform_body ul { padding: 0; } .default-page-wrapper .content-wrapper form .gform_body li { margin-bottom: 10px; } .default-page-wrapper .content-wrapper form .gform_body li:last-child { display: none; } .default-page-wrapper .content-wrapper form .gform_footer input[type="submit"] { background-color: #b1dbbe; font-size: 16px; text-transform: uppercase; max-width: 200px; font-weight: 900; -webkit-transition: 0.3s; transition: 0.3s; } .default-page-wrapper .content-wrapper form .gform_footer input[type="submit"]:hover { background-color: #e56b3a; } } @media (min-width: 992px) { .page-banner { text-align: left; } } @media (min-width: 1200px) { .default-page-wrapper .content-wrapper form .gform_body ul { padding: 0; } .default-page-wrapper .content-wrapper form .gform_body li { margin-bottom: 10px; display: inline-block; vertical-align: top; width: 100%; } .default-page-wrapper .content-wrapper form .gform_body li:last-child { display: none; } .default-page-wrapper .content-wrapper form .gform_body li:first-child, .default-page-wrapper .content-wrapper form .gform_body li:nth-child(2), .default-page-wrapper .content-wrapper form .gform_body li:nth-child(3) { width: 32%; } .default-page-wrapper .content-wrapper form .gform_body li:nth-child(2) { margin: 0 2%; } } @media screen { .woocommerce-cart .order-total { display: none !important; } .coupon, .cart-empty { display: none; } .empty-cart-contents { padding: 100px 0; color: #666666; text-align: center; } .empty-cart-contents h4 { font-size: 40px; font-weight: 900; } .empty-cart-contents a { margin-top: 20px; display: inline-block; text-transform: uppercase; font-size: 12px; background-color: #b1dbbe; color: white; padding: 10px 25px; font-weight: 900; -webkit-transition: 0.3s; transition: 0.3s; } .empty-cart-contents a:hover { background-color: #dcc3db; } .create-account input { position: relative !important; } .create-account input[type="password"] { height: 40px; padding: 0 10px; } form.woocommerce-cart-form { /*padding-top: 30px;*/ } form.woocommerce-cart-form .shop_table { border-radius: 0; color: #666; } form.woocommerce-cart-form .shop_table th, form.woocommerce-cart-form .shop_table td { padding: 15px 10px; } form.woocommerce-cart-form .shop_table .product-thumbnail a img { width: 50px; } form.woocommerce-cart-form .shop_table .continue-shopping-button { background-color: #cae5f7; -webkit-transition: 0.3s; transition: 0.3s; display: inline-block; color: white; font-weight: 900; font-size: 12px; padding: 15px 20px; vertical-align: middle; margin: 0 0 5px; line-height: 0; width: 100%; text-align: center; /*margin-right: 5px;*/ } form.woocommerce-cart-form .shop_table .continue-shopping-button:hover { background-color: #dcc3db; } form.woocommerce-cart-form .shop_table .clear-cart-button { border: none; font-size: 12px; font-weight: 900; color: white; padding: 0 25px; height: 30px; /*background-color: $site-red;*/ background-color: red; outline: 0; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; margin: 0 0 5px; } form.woocommerce-cart-form .shop_table .clear-cart-button:hover { background-color: #b94646; } form.woocommerce-cart-form .shop_table input[name="update_cart"] { font-size: 12px; background-color: #b1dbbe; padding: 0 25px !important; border-radius: 0; color: white !important; -webkit-transition: 0.3s; transition: 0.3s; height: 30px; text-transform: capitalize; } form.woocommerce-cart-form .shop_table input[name="update_cart"]:hover { background-color: #dcc3db; } form.woocommerce-cart-form .shop_table .coupon input { min-width: 115px; height: 30px; line-height: normal; padding: 10px; font-size: 12px; } form.woocommerce-cart-form .shop_table .coupon input[type="submit"] { background-color: #b1dbbe; padding: 0 25px; border-radius: 0; color: white; -webkit-transition: 0.3s; transition: 0.3s; } form.woocommerce-cart-form .shop_table .coupon input[type="submit"]:hover { background-color: #dcc3db; } .cart-collaterals { color: #666; } .cart-collaterals .cross-sells { display: none; } .cart-collaterals .cart-subtotal th { vertical-align: middle !important; } .cart-collaterals .cart-subtotal td { font-size: 30px; font-weight: 900; } .cart-collaterals .cart_totals h2 { font-weight: 900; margin-bottom: 10px; } .cart-collaterals .cart_totals .order-total strong { font-weight: 900; } .cart-collaterals .cart_totals .order-total strong .woocommerce-Price-amount { font-size: 30px; } .cart-collaterals .cart_totals .woocommerce-shipping-calculator select, .cart-collaterals .cart_totals .woocommerce-shipping-calculator input { padding: 10px; height: 40px; } .cart-collaterals .cart_totals .woocommerce-shipping-calculator p { padding: 0; } .cart-collaterals .cart_totals .woocommerce-shipping-calculator button { border-radius: 0; font-weight: 900; } .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { text-transform: uppercase; font-weight: 900; border-radius: 0; background-color: #b1dbbe; -webkit-transition: 0.3s; transition: 0.3s; } .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover { background-color: #dcc3db; } .cart-collaterals .cart_totals .shop_table { border-radius: 0; color: #666; } .cart-collaterals .cart_totals .shop_table th, .cart-collaterals .cart_totals .shop_table td { padding: 15px 10px; } } @media (min-width: 768px) { form.woocommerce-cart-form .shop_table .continue-shopping-button { position: relative; margin: 0 5px 0 0; width: auto !important; } form.woocommerce-cart-form .shop_table .clear-cart-button { width: auto !important; margin: 0 1px 0 0; position: relative; top: 1px; } } @media screen { .woocommerce-checkout { /* checkout party date */ } .woocommerce-checkout .woocommerce-column__title { font-weight: 800; margin-bottom: 10px; font-size: 24px; } .woocommerce-checkout #custom_partyfield_field input { padding: 8px 10px; } .woocommerce-checkout div#authority_to_leave { margin-top: 20px; } .woocommerce-checkout div#authority_to_leave h2 { padding: 3px; font-size: 14px; font-weight: bold; margin-bottom: 5px; } .woocommerce-checkout div#authority_to_leave select { height: 40px; padding: 0 10px; } .woocommerce-checkout .woocommerce { /*padding: 50px 0;*/ } .woocommerce-checkout #payment .payment_box.payment_method_woocommerce_securepay_p_gateway { /*background-color: red !important;*/ /*width: 40%;*/ } .woocommerce-checkout #payment .payment_box.payment_method_woocommerce_securepay_p_gateway input, .woocommerce-checkout #payment .payment_box.payment_method_woocommerce_securepay_p_gateway select { height: 40px; border: 0; padding: 0 15px; margin: 0; display: block; width: 100% !important; font-size: 14px; } .woocommerce-checkout #payment .payment_box.payment_method_woocommerce_securepay_p_gateway select { margin-bottom: 5px; } .woocommerce .woocommerce-form-login input[type="text"], .woocommerce .woocommerce-form-login input[type="password"] { height: 40px; padding: 0 10px; } .woocommerce .woocommerce-form-login input[type="submit"] { padding: 10px 30px; } .woocommerce .checkout_coupon p { margin: 0; } .woocommerce .checkout_coupon input { height: 40px; padding: 0 10px; } .woocommerce .checkout_coupon input[type="submit"] { font-weight: 900; color: white; border-radius: 0; padding: 0 25px; height: 40px; outline: 0; font-size: 12px; background-color: #b1dbbe; } .woocommerce #order_review_heading { color: #666; font-weight: 900; margin-bottom: 10px; margin-top: 30px; } .woocommerce #order_review table { color: #666666; border-radius: 0; } .woocommerce #order_review table th, .woocommerce #order_review table td { padding: 15px 20px; } .woocommerce #order_review table .order-total strong span { font-size: 36px; } .woocommerce .woocommerce-additional-fields { color: #666666; } .woocommerce .woocommerce-additional-fields textarea { padding: 10px; min-height: 150px; max-width: 100%; } .woocommerce .woocommerce-additional-fields lable { font-weight: 900; } .woocommerce .woocommerce-billing-fields, .woocommerce .woocommerce-shipping-fields { color: #666666; } .woocommerce .woocommerce-billing-fields h3, .woocommerce .woocommerce-shipping-fields h3 { font-weight: 900; margin-bottom: 20px; } .woocommerce .woocommerce-billing-fields h3#ship-to-different-address input, .woocommerce .woocommerce-shipping-fields h3#ship-to-different-address input { height: auto; top: 3px; } .woocommerce .woocommerce-billing-fields h3#ship-to-different-address span, .woocommerce .woocommerce-shipping-fields h3#ship-to-different-address span { font-weight: 900; } .woocommerce .woocommerce-billing-fields .selection .select2-selection, .woocommerce .woocommerce-shipping-fields .selection .select2-selection { border-radius: 0; height: 40px; padding: 5px 10px; } .woocommerce .woocommerce-billing-fields .selection .select2-selection span, .woocommerce .woocommerce-shipping-fields .selection .select2-selection span { padding: 0; } .woocommerce .woocommerce-billing-fields .selection .select2-selection span.select2-selection__arrow, .woocommerce .woocommerce-shipping-fields .selection .select2-selection span.select2-selection__arrow { top: 5px; right: 5px; } .woocommerce .woocommerce-billing-fields input, .woocommerce .woocommerce-billing-fields select, .woocommerce .woocommerce-shipping-fields input, .woocommerce .woocommerce-shipping-fields select { border-radius: 0; padding: 10px; height: 40px; } .woocommerce .woocommerce-billing-fields label, .woocommerce .woocommerce-shipping-fields label { font-weight: normal; } } @media screen { .blog-page-wrapper { padding: 30px 0 20px; } .blog-page-wrapper .page-paginate-links .page-numbers { display: inline-block; vertical-align: top; padding: 5px 20px; border: 1px solid #ccc; color: #666; } .blog-page-wrapper .page-paginate-links .page-numbers.current { font-weight: 800; } .blog-page-wrapper img { display: none; } .blog-page-wrapper .post-item { background-color: #f4f4f4; max-width: 450px; margin: 0 auto 30px auto; } .blog-page-wrapper .post-item .post-img { display: block; width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; } .blog-page-wrapper .post-item .post-content { padding: 15px; } .blog-page-wrapper .post-item .post-content h3 { margin-bottom: 10px; } .blog-page-wrapper .post-item .post-content h3 a { font-weight: 800; font-size: 18px; color: #595959; -webkit-transition: 0.3s; transition: 0.3s; } .blog-page-wrapper .post-item .post-content h3 a:hover { color: #e7ac9a; } .blog-page-wrapper .post-item .post-content p { font-family: 'Museo'; font-weight: 300; font-size: 14px; color: #797979; } .blog-page-wrapper .post-item .post-content .read-more-btn { display: block; text-align: left; } .blog-page-wrapper .post-item .post-content .read-more-btn a { font-size: 14px; font-weight: 700; color: #e7ac9a; } } @media (min-width: 992px) { .blog-page-wrapper .post-item .post-img { height: 270px; } .blog-page-wrapper .post-item .post-content { padding: 30px; } .blog-page-wrapper .post-item .post-content h3 a { font-size: 21px; } .blog-page-wrapper .post-item .post-content p { font-size: 15px; } .blog-page-wrapper .post-item .post-content .read-more-btn { text-align: right; } .blog-page-wrapper .post-item .post-content .read-more-btn a { font-size: 16px; } } /*@media screen{ .blog-page-wrapper{ padding-bottom: 30px; .blog-item{ max-width: 355px; display: block; margin: 0 auto; padding-bottom: 30px; .post-img{ display: block; width: 100%; height: 200px; overflow: hidden; a{ transition: 0.3s; display: block; height: 100%; width: 100%; transform: scale(1); } } .post-content{ h3{ a{ transition: 0.3s; display: block; width: 100%; background-color: #f4f4f4; font-weight: bold; color: #5f5f5f; padding: 15px; font-size: 18px; position: relative; span.fa{ background-color: $lightgreen; position: absolute; right: 12px; top: 14px; color: white; width: 20px; height: 20px; text-align: center; border-radius: 100%; } } } } &:hover{ .post-img{ a{ transform: scale(1.02); } } .post-content{ h3{ a{ color: #dcc3db; span.fa{ background-color: #dcc3db; } } } } } } } .blog-container { padding: 40px 0; .text-content{ color: #6a6a6a; h1, h2, h3, h4, h5, h6{ font-family: 'ProximaNova'; font-weight: 800; margin-bottom: 10px; } h1{font-size: 50px;} h2{font-size: 40px;} h3{font-size: 30px;} h4{font-size: 24px;} h5{font-size: 18px;} h6{font-size: 14px;} p{ font-family: 'Museo'; font-weight: 300; font-size: 16px; line-height: 28px; } } } } @media (min-width: 1200px){ }*/ @media screen { .single-page-wrapper { padding: 50px 0; } .single-page-wrapper .sp-content h1, .single-page-wrapper .sp-content h2, .single-page-wrapper .sp-content h3, .single-page-wrapper .sp-content h4, .single-page-wrapper .sp-content h5, .single-page-wrapper .sp-content h6 { font-weight: 900; margin-bottom: 15px; } .single-page-wrapper .sp-content p { font-size: 16px; margin-bottom: 15px; line-height: 30px; } .single-page-wrapper .sp-content ul, .single-page-wrapper .sp-content ol { padding-left: 30px; font-size: 15px; } .single-page-wrapper .sp-content ul li, .single-page-wrapper .sp-content ol li { margin-bottom: 10px; } } @media screen { .search-page-pagination { margin-bottom: 30px; } .search-page-pagination li { list-style-type: none; display: inline-block; vertical-align: top; margin-bottom: 3px; } .search-page-pagination li .page-numbers { display: block; padding: 5px 15px; border: 1px solid #eaeaea; color: #666; -webkit-transition: 0.3s; transition: 0.3s; } .search-page-pagination li .page-numbers:hover { color: #b1dbbe; border-color: #b1dbbe; } .search-page-pagination li .page-numbers.current { color: #b1dbbe; border-color: #b1dbbe; } .cstm-search { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.95); z-index: 9999; display: table; width: 100%; height: 100%; -webkit-transition: 0.3s; transition: 0.3s; visibility: hidden; opacity: 0; } .cstm-search.active { opacity: 1; visibility: visible; } .cstm-search .wrapper { display: table-cell; vertical-align: middle; text-align: center; padding: 0 15px; } .cstm-search form { color: #666666; display: inline-block; border-bottom: 2px solid #666666; position: relative; } .cstm-search form input { background-color: transparent; height: 50px; font-size: 30px; border: none; outline: 0; } .cstm-search form .fa-search { position: absolute; right: 0; top: 12px; font-size: 25px; } .cstm-search form .fa-times { position: absolute; left: -35px; top: 18px; font-size: 12px; width: 20px; height: 20px; background: #d84b4b; border-radius: 100%; text-align: center; padding-top: 4px; color: white; cursor: pointer; } } @media screen { .woocommerce-account .u-columns { color: #666666; } .woocommerce-account .u-columns h2 { font-size: 28px; font-weight: 900; } .woocommerce-account .u-columns form { border-radius: 0; } .woocommerce-account .u-columns form label { font-weight: normal; } .woocommerce-account .u-columns form input[type="text"], .woocommerce-account .u-columns form input[type="password"], .woocommerce-account .u-columns form input[type="email"] { height: 40px; padding: 10px; } .woocommerce-account .u-columns form input[type="submit"] { text-transform: uppercase; font-weight: 900; border-radius: 0; padding: 10px 25px; color: white; background-color: #b1dbbe; -webkit-transition: 0.3s; transition: 0.3s; } .woocommerce-account .u-columns form input[type="submit"]:hover { background-color: #dcc3db; } } @media screen { .tax-page-container { padding-top: 50px; } .tax-page-container .page-banner { padding-top: 0; } .tax-page-container .page-banner-wrapper h1 { margin: 0 0 15px; } .tax-page-container .page-banner-wrapper .pb-desc { color: #444; font-family: Museo; font-weight: 400; font-size: 15px; margin: 0 0 15px; } #clearFilter { position: absolute; right: 0; top: -2px; } #clearFilter a { font-size: 10px; background: #cecece; color: white; padding: 5px; -webkit-transition: 0.3s; transition: 0.3s; } #clearFilter a:hover { background-color: #b1dbbe; } #tax-sort-filter { display: block; text-align: right; padding: 0 0 17px; margin-bottom: 30px; border-bottom: 2px solid #ebebeb; } #tax-sort-filter li { display: inline-block; margin-right: 30px; font-weight: 600; color: #868686; font-size: 16px; } #tax-sort-filter li select { outline: 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 15px; background-image: url(../images/chevron-down.png); background-repeat: no-repeat; background-position: right 7px; cursor: pointer; } #tax-sort-filter li:last-child { margin-right: 0; } #tax-sidebar .tax-sidebar-title { color: #a4a4a4; text-transform: uppercase; font-size: 18px; font-weight: 800; position: relative; } #tax-sidebar .tax-box { margin-top: 20px; padding: 20px 0 0; border-top: 2px solid #ebebeb; } #tax-sidebar .tax-box h4 { font-size: 15px; color: #a4a4a4; font-weight: 600; margin-bottom: 15px; position: relative; cursor: pointer; } #tax-sidebar .tax-box h4:after { content: "\f107"; position: absolute; font-family: FontAwesome; top: 0; right: 0; font-size: 18px; } #tax-sidebar .tax-box #tax-categories li { display: block; margin-top: 5px; } #tax-sidebar .tax-box #tax-categories li.active a { color: #b1dbbe; } #tax-sidebar .tax-box #tax-categories li a { display: block; font-size: 15px; color: #656565; font-family: ProximaNova; font-weight: 400; line-height: 1.5em; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } #tax-sidebar .tax-box #tax-categories li a:hover { color: #b1dbbe; } #tax-sidebar .tax-box #tax-colours li { display: inline-block; padding-right: 0; float: left; margin-right: 5px; margin-bottom: 5px; font-size: 0; } #tax-sidebar .tax-box #tax-colours li.active a { border: 2px solid #e2e2e2 !important; } #tax-sidebar .tax-box #tax-colours li a { font-size: 0; width: 50px; height: 50px; display: block; background-size: cover; background-repeat: no-repeat; } } @media (min-width: 480px) { #tax-sidebar .tax-box #tax-categories { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 992px) { #tax-sidebar .tax-box #tax-categories { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media screen { .bottom-content { padding: 20px 0 50px; font-size: 15px; font-family: "Museo"; color: #444; } } @media screen { /* LOADER */ .active-load { position: relative; } .active-load:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); background-image: url(../images/ajax-loader.gif); background-position: center; background-repeat: no-repeat; z-index: 700; } /*priduct cat paginate links*/ .query-page-pagination { margin-top: -30px; margin-bottom: 40px; } .query-page-pagination .page-numbers { list-style-type: none; display: inline-block; vertical-align: top; padding: 5px 15px; border: 1px solid #eaeaea; color: #666; -webkit-transition: 0.3s; transition: 0.3s; } .query-page-pagination .page-numbers:hover { color: #b1dbbe; border-color: #b1dbbe; } .query-page-pagination .page-numbers.current { color: #b1dbbe; border-color: #b1dbbe; } .query-page-pagination .page-numbers.prev, .query-page-pagination .page-numbers.next { background: 0; border-radius: 0; vertical-align: middle; width: auto; height: auto; line-height: normal; font-size: 12px; text-transform: uppercase; padding: 8px 15px; } #filter-results .paginate-links .page-numbers { list-style-type: none; display: inline-block; vertical-align: top; padding: 5px 15px; border: 1px solid #eaeaea; color: #666; -webkit-transition: 0.3s; transition: 0.3s; } #filter-results .paginate-links .page-numbers:hover { color: #b1dbbe; border-color: #b1dbbe; } #filter-results .paginate-links .page-numbers.current { color: #b1dbbe; border-color: #b1dbbe; } #filter-results .paginate-links .page-numbers.prev, #filter-results .paginate-links .page-numbers.next { background: 0; border-radius: 0; vertical-align: middle; width: auto; height: auto; line-height: normal; font-size: 12px; text-transform: uppercase; padding: 8px 15px; } .paginate-links .page-numbers { /*display: none;*/ } .paginate-links .page-numbers.prev, .paginate-links .page-numbers.next { display: inline-block; } /*<--------------------------------------------------->*/ .cs-slider { visibility: hidden; } /*<--------------------------------------------------->*/ /*<-- MODAL -->*/ /*<--------------------------------------------------->*/ #modal .modal-content { border-radius: 0; } #modal .modal-header { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #333; } #modal .modal-header .modal-title { font-weight: bold; color: white; } #modal .modal-header .modal-title { position: relative; z-index: 10; } #modal .modal-header button { position: relative; z-index: 20; } #modal .modal-header:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } /*.mobile-layout{ .main-container{ display: none; } }*/ /*<--------------------------------------------------->*/ /*<-- SWEET ALERT-->*/ /*<--------------------------------------------------->*/ .sweet-alert .sa-input-error.show { display: none !important; } /* woocommerce total */ .tm-totals-form-main { display: none !important; } /*<--------------------------------------------------->*/ /*<-- SIDEBAR WIDGET -->*/ /*<--------------------------------------------------->*/ .widget { margin-bottom: 20px; padding-top: 20px; border-top: 2px solid #d0d0d0; } .widget .widget-title { font-family: 'ProximaNova'; font-weight: 600; font-size: 16px; text-transform: uppercase; color: #868686; margin-bottom: 10px; } .widget ul { padding-left: 20px; } .widget ul li { list-style-type: none; margin-top: 5px; margin-bottom: 0; } .widget ul li a { /*font-family: 'Museo';*/ font-weight: 400; padding: 0; } /*<--------------------------------------------------->*/ /*<-- BACK TO TOP BUTTON -->*/ /*<--------------------------------------------------->*/ .back-to-top a { position: fixed; right: 20px; bottom: 40px; z-index: 10; padding: 10px 14px; background-color: rgba(177, 219, 190, 0.5); color: #ffffff; border: 2px solid #ffffff; border-radius: 100%; } /*<--------------------------------------------------->*/ /*<-- GRAVITY FORMS CSS RESET -->*/ /*<--------------------------------------------------->*/ /*label.gfield_label {display: none;}*/ .validation_error { background: #d84b4b; padding: 10px; color: #ffffff; margin-bottom: 20px; } .gfield_description.validation_message { background: #d84b4b; color: #fff; position: absolute; top: 0; right: 0; padding: 5px 10px; font-size: 10px; } .gform_confirmation_message { padding: 10px; background: green; color: #fff; margin-bottom: 20px; } ul.gform_fields { padding: 0; list-style: none; } ul.gform_fields li { position: relative; } .ginput_container select, .ginput_container input, .ginput_container textarea { width: 100%; border: 0; outline: 0; } .gform_footer input[type="submit"] { margin: 0; border: 0; outline: 0; text-align: center; color: #ffffff; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; } .gform_footer input[type="submit"]:hover, .gform_footer input[type="submit"]:active { /*background-color: $orange;*/ } /*<--------------------------------------------------->*/ /*<-- BOOTSTRAP CSS RESETS -->*/ /*<--------------------------------------------------->*/ a, a:focus, a:hover, a:active, a:visited { outline: 0; text-decoration: none !important; } ul, ol, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } .row-size { font-size: 0; } .col-middle { display: inline-block; vertical-align: middle; float: none; } .img-responsive { display: inline-block; } /*<--------------------------------------------------->*/ /*<-- WORDPRESS CORE CSS -->*/ /*<--------------------------------------------------->*/ img.alignright { float: right; margin-left: 20px; margin-bottom: 20px; } img.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; } img.alignnone { float: none; display: block; margin-bottom: 20px; } img.aligncenter { float: none; display: block; text-align: center; margin-right: auto; margin-left: auto; } } .filter-color .cat-item span { width: 27px; height: 27px; display: block; } /*// AJAX SEARCH*/ .header-searchform { position: relative; } #advance-search-result { width: 100%; position: absolute; top: 100%; background-color: #FFF; text-align: left; } #advance-search-result #ajax-search-result { border: 1px solid #f7f7f7; } #advance-search-result #ajax-search-result li:nth-child(even) a { background-color: #f7f7f7; } #advance-search-result #ajax-search-result li a { padding: 10px; width: 100%; /*display: inline-block;*/ display: table; } #advance-search-result #ajax-search-result li a:hover { background-color: #bd88b7; color: #FFF; } #advance-search-result #ajax-search-result li img, #advance-search-result #ajax-search-result li span { display: table-cell; vertical-align: middle; } #advance-search-result #ajax-search-result li img { width: 50px; height: 50px; margin-right: 10px; } /*@media (min-width: 768px){ .moodboard-modal{ .grid { height: 520px; position: relative; max-width: 555px !important; left: -30px; top: -23px; transform: scale(0.93); .circle-item{ top: 175px; left: 185px; } .grid-item { float: left; width: 130px; height: 130px; } } } }*/ /*@media (min-width: 992px){ .hidden-xs, .hidden-sm, .hidden-md, .visible-lg {display: inline-block !important;} }*/ @media (min-width: 1200px) { .moodboard-modal .grid .circle-item { top: 185px; left: 260px; height: 165px; width: 165px; } .moodboard-modal .grid .item-data .data-buttons button { font-size: 14px; } } @media (min-width: 1450px) { /*.moodboard-modal{*/ /*&:after{ content: ""; clear: both; display: table; }*/ /*.grid {*/ /*width: 50% !important; height: 100%; max-width: 100% !important; float: left;*/ /* .circle-item{ top: 185px; left: 260px; } .grid-item { float: left; width: 25%; height: 25%; &.grid-340-170{ width: 50%; height: 25%; } &.grid-340-340{ width: 50%; height: 50%; } }*/ /*}*/ /*}*/ } @media screen { html, body { height: 100%; width: 100%; font-family: 'ProximaNova', 'helvetica', arial, sans-serif; font-weight: normal; color: #A7A8AA; } body { overflow-x: hidden; min-width: 320px; } .main-container { position: relative; left: 0; -webkit-transition: 0.3s; transition: 0.3s; padding-bottom: 50px; } } @media screen and (min-width: 992px) { .main-container { padding-bottom: 0; } } @media screen { .cs-slider .slides li { opacity: 0; } /*woocommerce message*/ .woocommerce-message { border-top-color: #b1dbbe; } .woocommerce-message:before { color: #b1dbbe; } .woocommerce-error { border-top-color: red; } .woocommerce-error:before { color: red; } .site-wrapper { position: relative; min-height: 100%; left: 0; overflow-x: hidden; } .site-wrapper.loading:after { content: ""; position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../images/round-loader.gif); background-position: center; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0.8); background-size: 120px; } .product-filter .loading { position: relative; } .product-filter .loading:after { content: ""; position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../images/round-loader.gif); background-position: center; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0.7); } /*testimonials archive*/ .testimonials-archive-content { padding: 50px 0; } .testimonials-archive-content h1 { font-weight: bold; font-size: 24px; margin: 0 0 30px; text-transform: uppercase; text-align: center; } .testimonials-archive-content .testimonial-pagination { text-align: center; font-size: 0; } .testimonials-archive-content .testimonial-pagination .page-numbers { padding: 10px 20px; background: #d5d3d3; font-size: 14px; color: white; margin: 0 1px 0 0; -webkit-transition: 0.3s; transition: 0.3s; } .testimonials-archive-content .testimonial-pagination .page-numbers:last-child { margin: 0; } .testimonials-archive-content .testimonial-pagination .page-numbers.current, .testimonials-archive-content .testimonial-pagination .page-numbers:hover { color: white; background-color: #b1dbbe; } .testimonials-archive-content .testimonial-items { font-size: 0; text-align: center; } .testimonials-archive-content .testimonial-items .testimonial-item { max-width: 400px; margin-bottom: 30px; font-size: 14px; width: 100%; display: inline-block; vertical-align: top; } } @media screen and (min-width: 768px) { .testimonials-archive-content .testimonial-items .testimonial-item { width: 48%; margin-right: 4%; } .testimonials-archive-content .testimonial-items .testimonial-item:nth-child(2n+2) { margin-right: 0; } } @media screen and (min-width: 992px) { .testimonials-archive-content .testimonial-items .testimonial-item { width: 31%; margin-right: 3.5%; } .testimonials-archive-content .testimonial-items .testimonial-item:nth-child(2n+2) { margin-right: 3.5%; } .testimonials-archive-content .testimonial-items .testimonial-item:nth-child(3n+3) { margin-right: 0; } } @media screen { .testimonials-archive-content .testimonial-items .testimonial-item p { font-weight: 300; } .testimonials-archive-content .testimonial-items .testimonial-item .ratings img { max-width: 15px; height: auto; } .testimonials-archive-content .testimonial-items .testimonial-item h3 { font-weight: bold; font-size: 14px; letter-spacing: 1px; margin: 5px 0 0; } /**/ .product-filter-container .product-desc { font-size: 14px; color: #444; font-family: Museo; font-weight: 400; } } @media screen and (min-width: 992px) { .product-filter-container .product-desc { font-size: 15px; } } @media (min-width: 992px) { .site-wrapper.loading:after { background-size: 140px; } } @media (min-width: 1500px) { .container { width: 1450px; } } /**/ @media screen { #colour-loadmore-trigger, #loadmore-trigger { text-align: center; position: relative; padding-bottom: 30px; } #colour-loadmore-trigger img, #loadmore-trigger img { display: none; position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; } .woocommerce-store-notice { padding: 15px !important; display: block !important; position: fixed !important; z-index: 1000 !important; } .woocommerce-store-notice .woocommerce-store-notice__dismiss-link { display: none !important; } }