/******* [FILE] fdca298bd4c9680f5d1c07cdb283e4a3.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/page.css *******/
/*
================================================================================
PAGE LAYOUT
================================================================================
Colors
--------------------------------------------------------------------------------
purple: #612066;
light-purple: #c000ff;
grey: #ededed;
*/
/*
These variables will update Links & Button colors throughout the entire site.
*/
:root {
--primary-color: #612066;
--primary-color-hover: #c000ff;
--secondary-color: #e61e78;
--secondary-color-hover: #ac165a;
--tertiary-color: #ededed;
--tertiary-color-hover: #f4f4f4;
}
/* Enable smooth scrolling to anchors */
html {
scroll-padding-top: 30px;
scroll-behavior: smooth;
}
.container {
position: relative;
}
@media (min-width: 1200px) {
.container {
width: 85vw;
}
}
.box-wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
}
.box {
display: flex;
flex: 1 1 0;
flex-basis: 0;
flex-flow: column wrap;
align-content: center;
justify-content: center;
}
.box-wrap.product {
margin-bottom: 30px;
padding: 50px 15px;
background: #fff;
box-shadow: 0 16px 64px -5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.box-wrap.product {
display: block;
padding: 15px;
}
}
.box-wrap.product .left {
flex: 1;
}
.box-wrap.product .right {
flex: 3;
}
@media (max-width: 767px) {
.box-wrap.product .btn {
margin: 6px 0;
}
}
@media (max-width: 480px) {
.breadcrumbs {
margin-bottom: 15px;
font-size: 13px;
}
}
/* Alert Bar
-------------------------------------------------------------------------------- */
.alert-bar {
font-weight: 600;
color: #ffffff;
background-color: #df1f2c;
}
.alert-bar a {
color: inherit;
text-decoration: underline;
}
/* Top Bar
-------------------------------------------------------------------------------- */
.top-bar {
position: relative;
padding: 10px 0;
color: #fff;
background-color: #231815;
}
@media (max-width: 767px) {
.top-bar {
padding: 10px 15px;
overflow-x: hidden;
text-align: center;
}
}
.top-left {
margin-top: 1px;
margin-left: 15px;
}
/*
------------------
Top Bar Modules
------------------
*/
.top-bar [class*="theme-"] {
/* margin-bottom: 5px;*/
}
/* Theme Side By Side */
.top-bar .theme-side-by-side {
display: inline-block;
float: none;
width: auto;
margin: 0 !important;
padding: 0 !important;
vertical-align: middle;
}
@media (max-width: 767px) {
.top-bar .theme-side-by-side {
display: inline-block;
}
}
/*
------------------
Top Bar Links
------------------
*/
.top-bar a {
color: #fff;
}
.top-bar a:hover {
color: #fafafa;
text-decoration: none;
}
.top-bar .btn-primary:hover {
color: #fff;
background-color: #b93a6c;
border-color: #b93a6c;
}
/*
------------------
Top Left
------------------
*/
@media (max-width: 767px) {
.top-left {
margin-top: 0;
margin-bottom: 10px;
}
}
.top-left ul {
margin-bottom: 0;
list-style: none;
}
.top-left ul li {
display: inline-block;
margin: 0;
padding-right: 12px;
font-size: .7em;
text-transform: uppercase;
letter-spacing: 1px;
border-right: 1px solid rgba(255, 255, 255, 0.21);
}
@media (max-width: 767px) {
.top-left ul li {
margin: 0 10px;
padding-right: 0;
border: 0;
}
}
.top-left ul li:last-child {
border-right: 0;
}
/*
------------------
Top Right
------------------
*/
.top-right {}
@media (min-width: 768px) {
.top-right {
text-align: right;
}
}
@media (max-width: 767px) {
.top-right .js-row {
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 767px) {
.top-right form {
position: relative;
z-index: 1000;
}
}
.top-bar .primary {
color: rgba(0, 0, 0, 0.18) !important;
}
.top-bar .fa-stack:hover .primary {
color: #08237c;
color: var(--primary-color) !important;
}
.top-bar .social a:hover {
opacity: 1;
}
.top-bar .logged-in {
font-size: .8em;
}
.top-bar .form-group {
margin-bottom: 5px;
}
.top-bar input[type="text"],
.top-bar input[type="password"] {
padding: 4px 10px;
font-weight: 500;
}
.top-bar input[type="submit"] {
padding: 11px 25px;
}
/* Shopping Cart */
a.shopping-cart {
display: block;
padding: 2px;
}
@media (max-width: 767px) {
a.shopping-cart {
float: right;
}
}
.module-shopping-cart-001 {
position: relative;
}
.module-shopping-cart-001 .fa {
font-size: 28px;
}
span.item-no {
position: absolute;
top: 0;
right: 0;
display: block;
width: 17px;
height: 17px;
padding: 2.5px;
font-size: .6em;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
letter-spacing: 1px;
background-color: var(--primary-color);
border-radius: 50%;
}
.top-bar .btn {
padding: 5px 26px;
padding-top: 6px;
padding-bottom: 6px;
color: #fff;
background: #b93a6c;
border-radius: 0;
}
@media (max-width: 767px) {
.top-bar .btn {
width: 50%;
padding: 13px 15px;
}
}
.top-bar .modal-dialog input[type="text"],
.top-bar .modal-dialog input[type="password"] {
padding: 9px 15px 9px 0;
font-size: 1.2em;
font-weight: 500;
letter-spacing: .5px;
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
}
.login-wrap {
padding: 0;
color: #333;
}
@media (max-width: 767px) {
.login-wrap table {
margin: auto;
}
.login-wrap td {
display: block;
margin: auto;
text-align: center;
}
}
.login-wrap a {
color: inherit;
}
.login-wrap a:hover {
color: #333;
}
.login-wrap td {
padding: 3px 0;
font-size: .75em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width: 767px) {
.logged-in {
font-size: .75em;
}
.logged-in table td {
text-align: center;
}
}
.remember .collection-caption {
padding: 0 0 0 3px;
line-height: 30px;
}
span.logout {
padding: 0 10px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width: 767px) {
span.logout {
/* display: block;*/
padding: 0 10px;
clear: both;
}
}
span.logout a {
color: #fff;
}
.module-login-box-001 .btn.btn-default {
padding: 6px 12px 6px 0;
font-weight: 400;
background: transparent;
border: 0;
}
/* Modals
----------------------------------------------------------------------------- */
@media (min-width:992px) {
.modal-lg {
width: 900px;
}
}
.modal-header {
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
background-color: var(--primary-color);
}
.modal-title {
margin: 0;
font-size: 100%;
color: inherit;
text-align: left;
}
.modal .captcha-popup {
position: relative !important;
}
.modal .input-group-addon {
color: #333;
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
border-right: 0;
}
/*
.modal-dialog table {
margin: 0;
}
.modal-header {
color: #fff;
border-bottom: 0;
border-radius: 4px 4px 0 0;
}
.modal-header .close {
margin-top: -10px;
font-size: 2em;
font-weight: normal;
color: #333;
opacity: 0.75;
}
.modal-header .close:hover {
background: transparent;
opacity: 1;
}
.modal-dialog table {
margin: auto;
}
.modal-dialog label {
margin-bottom: 0;
color: #333;
}
.modal-dialog input[type="submit"] {
width: 100%;
margin-top: 5px;
padding: 16px 20px;
font-size: 1em;
border-radius: 6px;
}
.modal-dialog .remember {
margin-top: 5px;
}
.modal-dialog .remember table {
margin: inherit;
}
*/
@media (min-width: 768px) and (max-width: 991px) {
form#search_block_100011 {
position: relative;
top: auto;
left: auto;
}
}
@media (min-width: 660px) and (max-width: 767px) {
form#search_block_100011 {
position: absolute;
z-index: 100;
top: -45px;
left: 10px;
}
}
@media (min-width: 554px) and (max-width: 659px) {
form#search_block_100011 {
position: absolute;
z-index: 100;
top: -79px;
left: -4px;
}
}
@media (max-width: 553px) {
form#search_block_100011 {
position: absolute;
z-index: 100;
top: -114px;
left: -24px;
}
}
.search {
position: relative;
display: inline-block;
width: 100%;
}
@media (max-width: 767px) {
.search {
float: left;
width: 50%;
margin-right: 0;
}
}
.search input[type="text"] {
width: 100%;
padding: 8px 12px;
color: #333;
background: #fff;
border: 0;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.11);
}
.search input[type="image"] {
position: absolute;
top: 14px;
right: 12px;
}
/* Header / Navbar
-------------------------------------------------------------------------------- */
.navbar {
z-index: 10;
margin: 0;
background-color: var(--tertiary-color);
border: 0;
border-radius: 0;
}
/*
------------------
Fixed Header
------------------
*/
/*.navbar.is-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}*/
/*
------------------
Condensed Header
------------------
*/
.navbar.is-condensed {}
.navbar > .container,
.navbar > .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
@media (min-width: 992px) and (max-width: 1300px) {
.navbar > .container,
.navbar > .container-fluid {
flex-wrap: inherit;
}
}
.navbar .container::before,
.navbar .container::after,
.navbar .container-fluid::before,
.navbar .container-fluid::after {
display: none;
}
/*
------------------
Logo
------------------
*/
.navbar-brand {
float: none;
height: auto;
padding-left: 0;
transition: all 600ms;
}
.navbar-brand p {
margin: 0;
}
.navbar-brand a {
display: block;
}
.navbar-brand img {
max-height: 70px;
transition: all 600ms;
}
@media (max-width: 991px) {
.navbar-brand img {
max-height: 45px;
}
}
/* Logo - Condensed State */
/*.navbar.is-condensed .navbar-brand {
padding-top: 5px;
padding-bottom: 5px;
}
@media (max-width: 991px) {
.navbar.is-condensed .navbar-brand {
padding-top: 15px;
}
}
.navbar.is-condensed .navbar-brand img {
max-height: 58px;
position: relative !important;
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
}
@media (max-width: 991px) {
.navbar.is-condensed .navbar-brand img {
max-height: 45px;
}
}*/
/*
------------------
Nav Toggle Button
------------------
*/
.navbar-toggle {
margin: 0;
font-size: 1.25em;
color: var(--primary-color);
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-toggle {
display: block;
}
}
.navbar-toggle:hover {
color: var(--primary-color-hover);
background-color: transparent;
border-color: transparent;
}
.navbar-toggle .fa {
font-size: 1.1em;
}
/* show "close" icon */
.navbar-toggle[aria-expanded="true"] .fa::before {
content: "\f00d";
}
/*
------------------
Nav
------------------
*/
@media (max-width: 991px) {
.top-right-menus {
width: 100%;
}
}
/*
------------------
Navbar Collapse
------------------
*/
.navbar-collapse {
margin: 0;
padding: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
}
.navbar .social-icons {
width: 150px;
margin-top: 6px;
}
@media (max-width: 991px) {
.top-right-menus .module-search-001 {
display: none;
}
}
@media (min-width: 992px) {
.center-nav-collapse.navbar-collapse.collapse {
height: 114px !important;
}
.desktop-menu-btn {
margin-top: -2px;
font-weight: 500;
}
.center-nav-collapse .pf-cssmenu-mainmenu2019 > li {
padding: 42px 1em;
}
.center-nav-collapse span.search-btn {
top: 4px;
}
}
/* Top Links
-------------------------------------------------------------------------------- */
.top-links {
margin: 0;
font-size: .7em;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width: 767px) {
.top-links {
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
}
}
@media (min-width: 768px) {
.top-links .row.js-row {
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 767px) {
.top-links .row.js-row {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 767px) {
.top-links .module-login-box-001 {
float: left;
width: 84%;
padding: 0;
}
}
@media (max-width: 767px) {
.top-links .module-login-box-001 ul {
display: block;
text-align: left;
}
}
.top-links a:hover {
color: var(--primary-color);
}
.top-links ul li {
display: inline-block;
margin: 0 5px;
}
@media (max-width: 767px) {
.top-links ul li {
margin: 0;
}
}
@media (max-width: 767px) {
.top-links .module-search-001 {
float: right;
width: 16%;
}
}
.top-links img.search-btn {
position: relative;
right: 42px;
width: 16px;
height: auto;
margin-top: 7px;
margin-left: 30px;
cursor: pointer;
}
.search-btn {
position: relative;
top: 2px;
left: -2px;
display: block;
width: 28px;
height: 28px;
margin-left: 25px;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
span.search-btn {
top: 0;
left: 0;
display: none;
margin-left: 0;
}
}
.icon-search::before {
content: "\f002";
display: block;
font-family: "FontAwesome";
font-style: normal;
}
i.icon-close::before {
content: "\f00d";
display: block;
font-family: "FontAwesome";
font-style: normal;
}
.search-form {
position: absolute;
z-index: 111;
top: 39px;
right: 20px;
display: none;
padding: 10px;
background-color: #fff;
}
@media (max-width: 767px) {
.search-form {
top: 37px;
right: 0;
}
}
@media (min-width: 768px) {
.search-form input[type="text"] {
width: 350px;
}
}
.search-form input[type="submit"] {
position: absolute;
top: -6px;
right: -5px;
float: right;
border: 0;
border-radius: 0;
}
@media (max-width: 767px) {
.top-links .theme-side-by-side {
display: inline-block;
margin-bottom: 0;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.top-links .col-sm-4,
.top-links .col-sm-6 {
width: auto;
padding-right: 0;
}
}
/* NEW main nav reorganization */
@media (min-width: 1200px) {
.navbar > .container {
width: 97vw;
}
}
.search-language {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 767px) {
.search-language {
display: block;
}
}
.top-cta p {
margin-bottom: 24px;
}
.top-cta a.text-link {
margin-right: 12px;
/*border-bottom: 2px solid transparent;*/
padding-top: 10px;
padding-bottom: 32px;
font-size: 15px;
font-weight: 300;
line-height: 1.1;
color: #464646;
text-decoration: none;
text-transform: none;
letter-spacing: 0;
transition: all .2s ease-in-out;
}
@media (max-width: 767px) {
.top-cta a.text-link {
padding-bottom: 19px;
}
}
.top-cta a.text-link:hover {
color: #612066;
border-bottom: none;
}
.top-cta .underline {
position: relative;
display: inline;
overflow: hidden;
}
.top-cta .underline:after {
content: "";
position: absolute;
z-index: -1;
right: 100%;
bottom: -11px;
left: 0;
height: 2px;
background: #612066;
transition-timing-function: ease-out;
transition-duration: 0.3s;
transition-property: left right;
}
.top-cta .underline:hover:after,
.top-cta .underline:focus:after,
.top-cta .underline:active:after {
right: 0;
}
.top-cta .btn {
margin-top: 5px;
margin-right: 0;
padding: 15px 25px;
}
.top-cta .btn:hover {
color: #fff;
}
/* END NEW main nav reorganization */
/* Megamenu
-------------------------------------------------------------------------------- */
.megamenu-align {
background: #fff;
box-shadow: 0 16px 64px -5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
.megamenu-align {
display: none;
}
}
.mega {
position: absolute;
z-index: 100000;
left: 0;
display: none;
width: 100%;
margin: auto;
background: #fff;
}
@media (max-width: 767px) {
.mega {
display: none;
}
}
.mega.open {
display: block;
}
.grid.mega {
display: -ms-grid;
display: grid;
box-shadow: 0 16px 64px -5px rgba(0, 0, 0, 0.3);
-ms-grid-gap: 0;
grid-gap: 0;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.grid.mega.two-col {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.grid.mega.three-col {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.grid.mega.four-col {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.mega.five-col {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid.mega.six-col {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mega .item {
padding: 40px;
}
.mega .item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.mega .item:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-row: 1;
}
.mega .item:nth-child(3) {
-ms-grid-column: 3;
-ms-grid-row: 1;
}
.mega .item:nth-child(4) {
-ms-grid-column: 4;
-ms-grid-row: 1;
}
.mega .item:nth-child(5) {
-ms-grid-column: 5;
-ms-grid-row: 1;
}
.mega .item:nth-child(6) {
-ms-grid-column: 6;
-ms-grid-row: 1;
}
.mega .column2,
.mega .column4,
.mega .column6 {
background-color: #f6f6f6;
}
.mega h2 {
font-size: 1.25em;
}
.mega p {
font-size: .75em;
opacity: .8;
}
.mega a {
color: #292c30;
}
.mega a:hover {
color: var(--primary-color);
}
.mega ul {
padding: 0;
list-style: none;
}
.mega ul li {
margin: 8px 0;
font-size: .9em;
}
/* Banner
-------------------------------------------------------------------------------- */
.banner {
position: relative;
padding-top: 30px;
padding-bottom: 70px;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
animation-name: fadeIn;
animation-duration: 1s;
animation-delay: 0ms;
animation-fill-mode: both;
}
@media (min-width: 992px) {
.banner {
padding-top: 60px;
padding-bottom: 120px;
}
}
.banner .container {
position: relative;
padding: 0;
color: #fff;
}
/*
---------------------------
Banner Media (Image, Video, or Slider)
---------------------------
*/
.banner-media {
position: relative;
}
@media (max-width: 991px) {
.banner-media:not(:only-child) {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
/*
.banner-media div {
height: 100%;
}
*/
}
@media (max-width: 767px) {
.banner-media:not(:only-child) {
opacity: .6;
}
}
.banner-media .module-image-list-001 {
position: relative;
}
.banner-media .module-image-list-001 img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*
----------------------
Banner Media Overlay
----------------------
Adds a dark overlay to the "banner-media" ONLY if "banner-text" is turned ON.
This makes the text is easier to read.
*/
.banner-media:not(:only-child) .module-image-list-001::after,
.banner-media:not(:only-child) .media-container::after,
.banner-media:not(:only-child) .slide-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background-color: #000; */
opacity: 0.5;
}
/*
----------------------
Banner Text
----------------------
*/
.banner-text {
position: relative;
width: 85%;
max-width: 1170px;
margin-right: auto;
margin-left: auto;
padding: 45px;
}
@media (max-width: 767px) {
.banner-text {
padding: 45px 0;
}
}
@media (min-width: 992px) {
.banner-media + .banner-text {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
max-width: 50%;
}
}
.banner h1,
.banner h2,
.banner h3,
.banner h4 {
margin-top: 0;
margin-bottom: 30px;
color: inherit;
}
/* desktops */
@media (min-width: 992px) {
.banner h2 {
font-size: 32px;
}
}
/* mobile */
@media (max-width: 767px) {
.banner h2 {
margin-bottom: 10px;
font-size: 4vw;
}
}
.banner p {
font-size: 1.15em;
}
/*
------------------
FlexSlider
------------------
*/
.flexslider {
margin: 0;
padding: 0;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
}
.flexslider .slides {
margin: 0;
padding: 0;
}
.flex-active-slide + li {
position: relative;
left: 1px;
}
.flexslider .flex-direction-nav a {
width: 32px;
height: 32px;
background: url(/templates/custom/purple-mustard/images/bg_direction_nav.png) no-repeat 0 0;
}
.flexslider .flex-direction-nav .flex-next {
background-position: 100% 0 !important;
}
.flex-control-paging li a {
box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
}
/*
<li class="slide-item">
<div class="slide-media">...</div>
<div class="slide-text">...</div>
</li>
*/
.slide-item {
position: relative;
display: grid !important;
}
.slide-media,
.slide-text {
/* overlay divs without using "position: absolute" */
grid-column: -1;
grid-row: -1;
}
.slide-media {
position: relative;
}
.slide-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slide-text {
position: relative;
align-self: center;
max-width: 720px;
margin: 30px 40px;
}
@media (max-width: 768px) {
.slide-text {
text-align: center;
}
}
/* other random locations */
@media (min-width: 768px) {
.alert-bar .slide-text,
.aside-bottom .slide-text {
margin-left: 160px;
}
}
/* Inner Banner
-------------------------------------------------------------------------------- */
.banner-inner {
position: relative;
padding-top: 40px;
padding-bottom: 40px;
background-position: 50% 50%;
background-size: cover;
}
.banner-inner:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
}
.banner-inner h1 {
font-size: 36px;
}
.banner-inner .bg-image {
display: none;
}
/* Aside Top
-------------------------------------------------------------------------------- */
.aside-top {
position: relative;
margin-bottom: 45px;
padding: 40px 0;
background-color: #f4f4f4;
}
@media (max-width: 767px) {
.aside-top {
padding: 100px 0 40px 0;
}
}
/* rotating image */
.aside-top::before {
content: "";
position: absolute;
z-index: 1;
top: -40px;
left: 50%;
display: block;
width: 87px;
height: 87px;
background-image: url(/templates/custom/purple-mustard/images/stand-out-be-different.png);
background-size: contain;
animation: rotation 15s infinite linear;
}
@media (max-width: 991px) {
.aside-top::before {
top: -60px;
left: 68%;
}
}
.aside-top .theme-split-50-50:nth-of-type(even) {
min-height: 300px;
background-position: 50% 50%;
background-size: cover;
}
.aside-top .theme-split-50-50:nth-of-type(even) img {
display: none;
}
@media (min-width: 992px) {
.pull-up {
margin-top: -80px;
}
}
.boxes {
display: flex;
}
@media (max-width: 767px) {
.boxes {
display: block;
}
}
.boxes .box1 {
display: flex;
flex: 1;
flex-direction: column;
margin: 10px;
padding: 25px;
text-align: center;
background: #fff;
border-radius: 10px;
box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.07);
transition: all .2s linear;
}
@media (min-width: 768px) and (max-width: 991px) {
.boxes .box1 {
display: inline-block;
width: 49.5%;
padding: 20px;
}
}
@media (max-width: 767px) {
.boxes .box1 {
display: block;
margin: 20px 0;
padding: 20px;
}
}
.box1 img {
width: 100%;
height: auto;
border-radius: 5px;
}
.box1 h2 {
margin-top: 0;
}
.boxes .box1:hover {
box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.15);
transition: all .2s linear;
}
/* Main
-------------------------------------------------------------------------------- */
.main {
position: relative;
background-color: #fff;
}
@media (max-width: 991px) {
.main {
display: block;
}
}
.js-is-empty {
display: none;
height: 0;
padding: 0;
}
.catalog-layout .mainbody-area {
padding: 20px 0;
}
.catalog-layout .main .container {
width: 85%;
margin: auto;
}
@media (max-width: 991px) {
.catalog-layout .main .container {
width: 100%;
}
}
.main-border {
border-top: 1px solid #b3d0df;
}
.mainbody-flex > .container {
display: flex;
width: 100%;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.mainbody-flex > .container {
display: block;
}
}
.mainbody-area {
flex: 4;
flex-grow: 5;
padding: 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
.mainbody-area {
display: block;
padding: 50px 15px;
}
}
@media (max-width: 767px) {
.mainbody-area {
display: block;
padding: 30px 15px;
}
}
@media (min-width: 992px) {
.mainbody-area.has-aside-left {
width: 75%;
overflow-x: hidden;
}
}
.aside-left {
flex: 2;
float: left;
width: 25%;
background: linear-gradient(180deg, #f6f6f6, transparent);
}
@media (min-width: 992px) and (max-width: 1199px) {
.aside-left {
flex: auto;
width: 9%;
}
}
@media (max-width: 767px) {
.aside-left {
float: none;
width: 100%;
}
}
.aside-left .container {
width: auto;
}
.aside-left [class*="theme-"] {
padding: 50px 50px;
}
@media (max-width: 991px) {
.aside-left [class*="theme-"] {
padding: 10px;
}
}
.aside-left [class*="theme-"]:nth-of-type(1) {
/* border-bottom: 1px solid #b2cede;*/
}
.aside-left h2 {
font-size: 1.5em;
color: #292d30;
}
.aside-left .theme-basic:nth-of-type(2) h2 {
margin-top: 0;
}
.aside-left h3 {
font-size: 18px;
line-height: 1.625;
color: #292d30;
}
.aside-left label {
display: inline;
font-size: 14px;
font-weight: 500;
}
.aside-left ul {
margin: 0;
padding: 0;
list-style: none;
}
.aside-left li {
margin: 2px 0;
}
@media (min-width: 992px) {
.leftside-nav .navbar {
box-shadow: none;
}
}
.leftside-nav .navbar {
background-color: transparent;
}
@media (min-width: 992px) {
.leftside-nav .navbar > .container .navbar-brand {
display: none;
}
}
@media (max-width: 991px) {
.leftside-nav .navbar .navbar-brand {
padding: 17px 30px;
font-size: .8em;
font-weight: 600;
color: var(--primary-color);
}
.leftside-nav .navbar-toggle {
padding: 15px;
}
}
.leftside-nav .navbar-toggle .fa {
font-size: 1em;
color: var(--primary-color);
}
.leftside-nav button.navbar-toggle:hover .fa {
color: #f6f6f6;
}
@media (max-width: 991px) {
.aside-left .theme-dropdown h2.module-title,
.aside-left .theme-dropdown2 h2.module-title {
display: none;
}
}
.banner .box-wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
height: 400px;
}
@media (max-width: 767px) {
.banner .box-wrap {
display: block;
height: auto;
}
}
@media (max-width: 767px) {
.banner .box-wrap .box.right {
position: relative;
display: block;
text-align: center;
}
}
.banner .box-wrap h1 {
color: #fff;
}
.banner .box-wrap h2 {
color: #fff;
}
/* Section 1
-------------------------------------------------------------------------------- */
.section01 {
position: relative;
z-index: 1;
text-align: center;
}
@media (max-width: 767px) {
.section01 {
padding: 40px 0;
}
}
@media (min-width: 1200px) {
.section01 .container {
width: 1170px;
}
}
.section01 .module-catalog-products-001 {
text-align: left !important;
}
.module-catalog-products-001 .module-content ul li .item-wrapper {
background-color: #f5f5f5 !important;
}
.module-catalog-products-001 .module-content .product-description a.details {
white-space: nowrap !important;
}
@media (max-width: 767px) {
.module-catalog-products-001 .module-content ul li:nth-child(2),
.module-catalog-products-001 .module-content ul li:nth-child(4),
.module-catalog-products-001 .module-content ul li:nth-child(6) {
transform: none;
}
}
.section01 form {
padding-bottom: 50px;
}
/* Section 2
-------------------------------------------------------------------------------- */
.section02 {
position: relative;
padding: 110px 0 60px;
color: #fff;
background: var(--primary-color);
}
@media (max-width: 991px) {
.section02 {
padding: 60px 0;
}
}
@media (min-width: 1200px) {
.section02 .container {
width: 1170px;
}
}
/* Section 3
-------------------------------------------------------------------------------- */
.section03 {
position: relative;
padding-top: 60px;
background-color: #f9fafc;
}
@media (max-width: 767px) {
.section03 {
padding-top: 40px;
}
}
.section03 .container::after {
content: "";
display: table;
clear: both;
}
/* modules */
.section03 [class*="theme"] {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.section03 [class*="theme"] {
margin-bottom: 40px;
}
}
/* Section 4
-------------------------------------------------------------------------------- */
.section04 {
position: relative;
padding-top: 60px;
}
@media (max-width: 767px) {
.section04 {
padding-top: 40px;
}
}
/* modules */
.section04 [class*="theme"] {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.section04 [class*="theme"] {
margin-bottom: 40px;
}
}
/* Aside Bottom
-------------------------------------------------------------------------------- */
.aside-bottom {
position: relative;
padding: 60px 0;
}
@media (max-width: 991px) {
.aside-bottom {
padding: 40px 0;
}
}
/* Strong Footer
-------------------------------------------------------------------------------- */
.strong-footer {
position: relative;
z-index: 1;
padding: 70px 0 0;
text-align: center;
background-color: #f1f1f1;
}
@media (max-width: 767px) {
.strong-footer {
padding: 40px 0 0;
text-align: center;
}
}
.strong-footer img {
max-width: 200px;
height: auto;
}
.strong-footer ul {
column-count: 3;
list-style: none;
}
@media (max-width: 767px) {
.strong-footer ul {
column-count: 2;
}
}
.strong-footer ul li {
margin: 0;
padding: 4px 0;
}
@media (max-width: 767px) {
.theme-side-by-side {
margin-bottom: 50px;
}
}
.strong-footer .theme-side-by-side:nth-child(1) h2 {
margin: 0;
}
.strong-footer .logo {
display: inline-block;
height: auto;
margin-bottom: 15px;
vertical-align: top;
}
.strong-footer .social {
margin: 20px 0;
padding: 0;
}
.strong-footer .social a {
margin: 0 3px;
font-size: 1.25em;
}
.strong-footer .social a:hover {
opacity: 0.9;
}
/* Footer
-------------------------------------------------------------------------------- */
.footer {
position: relative;
padding: 70px 0 20px;
font-size: 80%;
background-color: var(--tertiary-color);
}
.footer::before {
content: "";
position: absolute;
z-index: 1;
top: -40px;
right: 15%;
display: block;
width: 87px;
height: 87px;
background-image: url(/templates/custom/purple-mustard/images/bring-your-brand-to-life.png);
background-size: contain;
animation: rotation 15s infinite linear;
}
@media (max-width: 767px) {
.footer {
text-align: center;
}
}
.grid.footer-grid {
display: -ms-grid;
display: grid;
margin-bottom: 40px;
grid-gap: 10px 30px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
.grid.footer-grid {
display: block;
}
}
@media (max-width: 767px) {
.grid.footer-grid .item {
margin-bottom: 50px;
}
}
.grid.footer-grid .item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.grid.footer-grid .item:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-row: 1;
}
.grid.footer-grid .item:nth-child(3) {
-ms-grid-column: 3;
-ms-grid-row: 1;
}
.grid.footer-grid .item:nth-child(4) {
-ms-grid-column: 4;
-ms-grid-row: 1;
}
.grid.footer-grid .item:nth-child(5) {
-ms-grid-column: 5;
-ms-grid-row: 1;
}
img.footer-logo {
max-height: 70px;
margin-bottom: 30px;
}
.footer ul li,
.footer ol li {
list-style: none;
}
.footer ul li {
margin: 8px 0;
}
.footer .privacy {
display: block;
margin-top: 10px;
font-size: .75em;
color: #939393;
text-align: center;
}
.footer .privacy a {
color: #939393;
}
.footer .privacy a:hover {
color: #939393;
}
.copyright {
padding: 30px 0 0 0;
font-size: .75em;
text-align: center;
opacity: 0.7;
}
.author {
padding: 0px;
font-size: .75em;
text-align: center;
}
.author a {
color: #939393;
}
/* Captcha
-------------------------------------------------------------------------------- */
.captcha-popup {
width: auto !important;
padding: 15px !important;
color: #fff;
background-color: #000;
}
.captcha-popup input[type=button] {
margin-top: 4px;
padding: 5px 10px;
font-weight: bold;
color: #333;
text-transform: uppercase;
background-color: #e4e4e4;
border: 0;
}
.captcha-input input[type="text"] {
width: 192px !important;
}
/* Modules
-------------------------------------------------------------------------------- */
/* hide empty titles */
[class*="theme-"] .module-title:empty {
display: none;
}
.tos-wrapper.tos-fixed {
z-index: 90000 !important;
}
.tos-prev,
.tos-next,
.tos-close {
opacity: 1 !important;
}
.tos-close span:before,
.tos-close span:after {
width: 10px !important;
height: 10px !important;
}
/* Print
-------------------------------------------------------------------------------- */
@media print {
.body {
font: 13pt "Open Sans,"Arial, sans-serif;
line-height: 1.5;
color: #000;
background-color: #fff;
}
a[href]:after {
content: none !important;
}
img {
max-width: 100%;
height: auto;
}
.header {
display: block;
}
.top-bar,
.main-nav,
.banner,
.section01,
.section02,
.section03,
.section04,
.section05,
.section06,
.group-filter-block,
.strong-footer,
.footer,
.btn {
display: none;
}
.header {
color: #000;
}
.col-sm-3 {
float: left;
width: 25%;
}
.col-sm-4 {
float: left;
width: 33.33333333%;
}
.col-sm-6 {
float: left;
width: 50%;
}
.col-sm-8 {
float: left;
width: 66.66666667%;
}
.col-sm-9 {
float: left;
width: 75%;
}
}
.js-split-row {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw;
margin-right: 0;
/*margin-top: -80px;*/
margin-left: 0;
}
@media (min-width: 768px) {
.js-split-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.js-split-row::before,
.js-split-row::after {
display: none;
}
[class^="block-style"] + .js-split-row {
margin-top: 0;
}
.js-split-row + .js-row {
margin-top: 80px;
}
.js-split-row [class^="block-style"] {
margin: 0;
}
.contact-form table {
width: 100%;
}
.contact-form input[type="text"] {
width: 100% !important;
}
/* site alert */
.site-alert {
position: fixed;
z-index: 1000;
bottom: 0;
left: 0;
display: flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
width: 100%;
margin: 0;
background-color: #1665c3;
border-radius: 0;
}
.site-alert .description p {
margin: 0;
padding: 25px;
line-height: 1;
}
.site-alert .close {
padding: 25px;
color: #fff;
text-shadow: none;
opacity: 1;
}
.site-alert .close .fa {
color: #fff;
transition: opacity .1s ease-in-out;
}
.site-alert .close .fa:hover {
opacity: .75;
}
.hamburger-top-menu button.navbar-toggle {
display: block !important;
}
@media (min-width: 768px) {
.hamburger-top-menu .navbar-brand {
display: none;
}
}
div#navbar-menu-ham {
position: absolute;
top: 74px;
right: 0;
padding-right: 0;
background: #0e1f33;
}
.navbar-collapse.in {
overflow-y: inherit;
}
@media (max-width: 991px) {
.desktop-menu-btn {
display: none !important;
}
}
.dropdown-phone {
width: 100%;
}
@media (min-width: 992px) {
.navbar-collapse.collapse,
.desktop-menu-btn {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: end;
align-items: center;
justify-content: flex-end;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
transition: line-height 0.6s ease;
-webkit-box-pack: end;
}
}
@media (min-width: 768px) {
.is-condensed .desktop-menu-btn {
line-height: 60px;
}
}
.pf-cssmenu-mainmenu {
clear: both !important;
}
.pf-cssmenu-mainmenu a {
clear: both !important;
font-weight: normal;
}
.pf-cssmenu-verticalmenu ul ul {
left: -100%;
}
.pf-cssmenu-verticalmenu ul li a {
background-color: #1e1c8a;
}
@media (max-width: 767px) {
.pf-cssmenu-mainmenu > li {
clear: both;
}
}
/* Flags
-------------------------------------------------------------------------------- */
.flags {
position: relative;
top: -10px;
min-width: 115px;
padding: 0 30px 0 0;
}
.flags img {
padding: 0 2px;
}
@media (max-width: 767px) {
.flags {
top: 0;
padding: 2px 0 0;
}
.flags img {
padding: 0 6px;
}
}
/* Flag Dropdown
-------------------------------------------------------------------------------- */
/*hide the inputs/checkmarks and submenu*/
.flag-dropdown {
display: inline-block;
font-size: .9em;
font-weight: 300;
text-transform: none;
letter-spacing: 0;
}
@media (max-width: 767px) {
.flag-dropdown {
margin: 10px 0;
}
}
.flag-dropdown input,
.flag-dropdown ul.submenu {
display: none;
}
/*position the label*/
.flag-dropdown label {
position: relative;
display: block;
margin-bottom: 0;
padding: 6px 17px;
font-weight: 400;
line-height: 1;
cursor: pointer;
/* background: rgba(0, 0, 0, .08); */
border-radius: 30px;
}
/*show the submenu when input is checked*/
.flag-dropdown input:checked ~ ul.submenu {
position: absolute;
z-index: 1;
display: block;
width: 100px;
padding: 7px 11px;
text-align: left;
list-style: none;
background: #dadada;
border-radius: 5px;
}
.flag-dropdown a {
color: #535353;
}
/* Custom news module
-------------------------------------------------------------------------------- */
.flex-news {
display: -ms-grid;
display: grid;
margin-top: 30px;
list-style: none;
-ms-grid-columns: 25% 25% 25% 25%;
-ms-grid-rows: 25% 25% 25% 25%;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (min-width: 768px) and (max-width: 1300px) {
.flex-news {
-ms-grid-columns: 50% 50%;
-ms-grid-rows: 50% 50%;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.flex-news {
display: block;
}
}
.flex-news .flex-item {
flex: 1;
margin: 0;
padding: 20px;
font-size: .8em;
text-align: left;
}
.flex-news img.news-image {
width: 100%;
height: 160px;
margin-bottom: 12px;
object-fit: cover;
}
.flex-news img.news-image.placeholder {
padding: 30px;
opacity: .5;
object-fit: contain;
}
.flex-news p {
margin: 0;
}
.flex-news p.news-title {
margin-bottom: 10px;
font-size: 1.25em !important;
font-weight: bold;
line-height: 1.25;
}
.flex-news .news-title a {
color: #333;
}
.flex-news p.news-date {
margin-bottom: 4px;
font-weight: 500;
}
.flex-news p.news-link {
margin-top: 7px;
}
.flex-news .news-link a {
color: #79a08f;
text-decoration: underline;
}
/* Custom FAQ module
-------------------------------------------------------------------------------- */
.module.custom-module .panel-default > .panel-heading {
background-color: var(--primary-color);
border: 1px solid #e9ecf1;
}
/* Cookie Banner Custom Styles
-------------------------------------------------------------------------------- */
.ce-banner {
color: #ffffff !important;
background-color: #612066 !important;
}
.ce-banner h3 {
color: #fff;
}
.ce-learn {
color: #ffffff !important;
}
.ce-accept,
.ce-dismiss,
.ce-disable {
padding: 10px 20px !important;
color: #000 !important;
border: 0;
border-radius: 30px !important;
}
/* FlexBox
-------------------------------------------------------------------------------- */
/* all screens */
.flex {
display: flex;
}
/* xs */
@media (max-width: 767px) {
.flex-xs {
display: flex;
}
}
/* sm */
@media (min-width: 768px) {
.flex-sm {
display: flex;
}
}
/* md */
@media (min-width: 992px) {
.flex-md {
display: flex;
}
}
/* lg */
@media (min-width: 1200px) {
.flex-lg {
display: flex;
}
}
.flex-direction-column {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.align-items-start {
align-items: flex-start;
}
.align-items-center {
align-items: center;
}
.align-items-end {
align-items: flex-end;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-center {
justify-content: center;
}
.justify-content-space-between {
justify-content: space-between;
}
.justify-content-end {
justify-content: flex-end;
}
/* ---------------------------------------- */
/* FLEX ITEM */
/* ---------------------------------------- */
.flex-item {
position: relative;
}
.flex-grow {
flex-grow: 1;
}
.align-self-center {
align-self: center;
}
/* Rotating Animation
-------------------------------------------------------------------------------- */
.rotate {
animation: rotation 15s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-359deg);
}
}
/******* [FILE] cb1e6c9ddab019c16d6561d449dcb523.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/form.css *******/
/*
================================================================================
FORMS
================================================================================
*/
form {
text-align: left;
}
.form-group {
position: relative;
}
/* Label & Caption
-------------------------------------------------------------------------------- */
label {
cursor: pointer;
}
.form-group label {
display: block;
}
.form-caption-1 {
padding-right: 5px;
padding-bottom: 5px;
}
.form-caption-2 {
padding-right: 5px;
padding-bottom: 5px;
}
/* Inputs
-------------------------------------------------------------------------------- */
.form-element-1 {
padding-right: 5px;
padding-bottom: 15px;
}
.form-element-2 {
padding-right: 5px;
padding-bottom: 15px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
width: 100%;
min-height: 50px;
padding: 6px 10px;
vertical-align: middle;
background-color: #f9fafc;
border: 1px solid rgba(0, 0, 0, 0.075);
border-radius: 0;
box-shadow: none;
}
/*
-------------------
Input Error State
-------------------
*/
.has-error input[type="text"],
.has-error input[type="email"],
.has-error input[type="password"],
.has-error input[type="number"],
.has-error select,
.has-error textarea {
border-color: #f00;
}
/* error message */
.form-error-1,
.has-error .help-block {
display: block;
font-size: 80%;
color: #f00;
}
/* TextArea
-------------------------------------------------------------------------------- */
textarea {
width: 100%;
font-family: inherit;
}
/* Select/Dropdowns
-------------------------------------------------------------------------------- */
select {}
/* Checkbox & Radio
-------------------------------------------------------------------------------- */
.collection {
padding-top: 5px;
vertical-align: top;
}
.collection-caption {
margin-bottom: 5px;
padding-right: 60px;
vertical-align: top;
}
.collection-caption label {
margin-bottom: 0;
font-weight: normal;
}
input[type="checkbox"],
input[type="radio"] {
margin-right: 7px;
}
/* Buttons
-------------------------------------------------------------------------------- */
.btn,
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
margin-top: 15px;
margin-right: 15px;
padding: 15px 50px;
font-size: 1.4rem;
/* your optional styles */
font-weight: 600;
line-height: initial;
text-shadow: none;
text-transform: uppercase;
letter-spacing: 1px;
white-space: normal;
vertical-align: middle;
background-image: none;
border: 1px solid transparent;
border-radius: 50px;
box-shadow: none;
transition: all .15s;
}
@media (max-width: 767px) {
.btn,
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
-webkit-appearance: none;
}
}
/*
------------------
Button Sizes
------------------
*/
.btn-lg {
padding: 25px 60px;
font-size: 1.6rem;
}
.btn-sm {
padding: 5px 12px;
}
.btn-xs {
padding: 2px 5px;
font-size: 70%;
}
/*
------------------
Button Variations
------------------
*/
/* Default */
.btn-default,
button,
input[type="reset"],
input[type="submit"] {
font-size: 14px;
font-weight: bold;
color: #fff;
white-space: normal;
background-color: var(--secondary-color);
border-color: var(--secondary-color);
}
/* Default - Hover */
.btn-default:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #fff;
background-color: var(--secondary-color-hover);
border-color: var(--secondary-color-hover);
}
/* Primary & Submit Button */
.btn-primary,
input[type="submit"],
input[type="button"] {
font-size: 14px;
font-weight: 500;
color: #fff;
white-space: normal;
background-color: var(--primary-color);
background-image: linear-gradient(90deg, rgba(108, 9, 121, 1) 35%, rgba(163, 6, 127, 1) 100%);
border-color: var(--primary-color);
transition: all .15s ease-in-out;
}
/* Primary & Submit Button - Hover */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active {
color: #fff;
background-image: linear-gradient(45deg, #c000ff, #c000ff);
border-color: var(--primary-color-hover);
}
/* Link Button */
.btn-link {
padding-right: 0;
padding-left: 0;
color: var(--primary-color);
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
color: var(--primary-color-hover);
text-decoration: none;
}
/* arrow icon */
.btn-link::before {
content: "\f178";
position: relative;
margin-right: 10px;
padding: 10px;
font-family: "FontAwesome";
color: #fff;
background-color: var(--primary-color);
border-radius: 50px;
}
.btn-link:hover::before {
background-color: var(--primary-color-hover);
}
/* Captcha
-------------------------------------------------------------------------------- */
.captcha-normal {
margin-bottom: 30px;
padding-left: 0 !important;
}
.captcha-image {
padding-bottom: 20px;
}
.captcha-normal + .form-error-1 {
display: block;
margin-top: -30px;
}
/* Site Search
-------------------------------------------------------------------------------- */
.site_search a {
font-size: 16px !important;
}
.site_search .site_search_elements {
margin-bottom: 15px;
}
.site_search .site_search_elements a {
font-size: 16px !important;
}
.site_search_optionset {
margin-bottom: 15px;
padding: 10px;
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.1);
}
.site_search_optionset td.collection-caption {
padding: 0 8px 0 3px;
}
/* Newsletter Form
-------------------------------------------------------------------------------- */
.newsletter-form {
position: relative;
display: flex;
flex-wrap: wrap;
}
.newsletter-form input[type="text"] {
background-color: #fff;
}
/******* [FILE] 8b569fc11fe3904ad298cc95d0ed6573.css *******/
/******* [ORIG] /templates/front/css/form-imagedrop.css *******/
.imagedrop-wrapper {
background-color:#E2E2E2;
padding:5px;
width:250px;
border:1px solid #9F9F9F;
}
.imagedrop-option-container {
display:none;
position:absolute;
background-color:#F5F5F5;
width:250px;
padding:5px;
height:150px;
overflow:auto;
border:1px solid #000;
}
.imagedrop-item-container {
padding:5px 4px 5px 4px;
background-color:#F5F5F5;
cursor:pointer;
border-bottom:1px dashed #C8C8C8;
}
.imagedrop-item-container:hover {
padding:5px 4px 5px 4px;
background-color:#DDEEEE;
cursor:pointer;
border-bottom:1px dashed #C8C8C8;
}
.imagedrop-arrow {
padding:2px;
float:left;
}
.imagedrop-image {
float:left;
padding:0px 4px;
}
.imagedrop-caption {
float:left;
padding:0px 4px;
}
/******* [FILE] 0b80d1f4e35648f0ef23882ac2876108.css *******/
/******* [ORIG] /templates/front/css/form-radio-checks.css *******/
/******* [FILE] a80b82b197fd266259b4699dd3003d98.css *******/
/******* [ORIG] /templates/front/css/modules/rss-feed.css *******/
.rss-feeder { }
.rss-feeder a {
margin-top: 10px;
display: block;
clear: both;
}
.rss-feeder ul { list-style-type:none; margin:0; padding:0; }
.rss-feeder li {
margin:0 0 10px !important;
padding:0 0 5px !important;
border-bottom: 1px dashed #DDD;
list-style-type:none !important;
}
.rss-feeder small {
color: #999;
font-size: 11px;
}
ul.rss-feeder li {
background:none;
list-style-image:none;
margin-left:0;
}
/******* [FILE] c5eb3320f53ac36b71e89698988f8358.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/modules/catalog-categories.css *******/
ul.catalog-category-module {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0;
}
ul.catalog-category-module a {
margin-top: 10px;
display: block;
clear: both;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
ul.catalog-category-module li {
margin: 0px;
padding-bottom:15px;
border-bottom: 1px solid #DDD;
list-style: none;
text-align: center;
}
/******* [FILE] f4088b952bb6ef401f12512b66672359.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/modules/modules.css *******/
.quick-quote {
text-align: center;
padding: 10px 0 30px;
font-size: 26px;
}
.read-testimonial {
font-weight: bold;
padding-top:5px;
}
.testimonial-table {
width:100%;
}
.testimonial-info {
text-align:center;
padding-top:10px;
}
li.news-module {
border-bottom:1px dashed #DDD;
margin-bottom:10px;
padding-bottom:5px;
}
div.news-publish-date {
margin-top:5px;
font-size:12px;
width:100%;
color:#999;
font-weight: bold;
}
ul.news-module-list li {
background:none;
list-style-image:none;
margin-left:0;
}
ul.event-module-list li {
background:none;
list-style-image:none;
margin-left:0;
}
.imagelist-item .video iframe {
width: 90%;
height: 98%;
}
/******* [FILE] 350a75f20ab92ef825801721fca822ea.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/content.css *******/
/*
================================================================================
CONTENT:
================================================================================
Any style that will affect the appearence of {-MAIN_BODY-} content should be here
and will be used to format the guts of the WYSIWYG editor. All styles should be defined
as a type selector (specific tag) or as a child of .mceContentBody (the WYSIWYG body wrapper)
Colors
--------------------------------------------------------------------------------
purple: #612066;
light-purple: #c000ff;
grey: #ededed;
*/
body {
overflow-x: hidden;
font-family: "Poppins", sans-serif;
font-size: 20px;
line-height: 1.625;
color: #535353;
}
/* WYSIWYG
-------------------------------------------------------------------------------- */
body.wysiwyg-content {
margin: 4px;
color: #333;
background-color: #fff;
}
body.wysiwyg-content img {
height: auto;
}
body.wysiwyg-content table {
border: 1px solid;
}
body.wysiwyg-content .collapse {
display: block;
}
body.wysiwyg-content .flexslider li {
display: block;
}
body.wysiwyg-content .grid.mega .item {
margin: 10px;
padding: 10px;
background-color: #f7f7f7;
border: 1px solid #d0d0d0;
}
body.wysiwyg-content .content-01-header {
padding: 15px 30px;
color: #fff;
background-color: #612066;
}
/* Links
-------------------------------------------------------------------------------- */
a {
color: var(--primary-color);
transition: all .15s ease-in-out;
}
a:hover {
color: var(--primary-color-hover);
}
a[href=""] {
pointer-events: none;
cursor: default;
}
a img {
border: 0;
}
/* Headings
-------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4 {
font-weight: 700;
color: var(--primary-color);
text-transform: uppercase;
letter-spacing: 0.5px;
}
h1 {
font-size: 27px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 18px;
}
/* Images
-------------------------------------------------------------------------------- */
img {
max-width: 100%;
}
/* Blockquotes
-------------------------------------------------------------------------------- */
blockquote {
padding: 30px;
text-align: center;
background-image: url(/templates/custom/purple-mustard/images/bg-quote.png);
background-repeat: no-repeat;
background-position: 0 50%;
background-size: contain;
border: 0;
}
blockquote footer {
font-weight: bold;
color: inherit;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.7;
}
/* Responsive Media Container
-------------------------------------------------------------------------------- */
.media-container {
position: relative;
float: none;
width: 100%;
height: 0;
padding-bottom: 56.25%;
clear: both;
}
.media-container > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Panels
----------------------------------------------------------------------------- */
/* Catalog product details accordion */
#expanding-section {
margin-top: 30px;
}
.panel-default > .panel-heading {
color: #fff;
background-color: #612066;
}
.panel-default > .panel-heading:hover {
color: #fff;
background-color: #c000ff;
}
.panel-default > .panel-heading a,
.panel-default > .panel-heading a:hover {
color: inherit;
}
.panel-default {
text-align: left;
background-color: #ffffff;
border: 0;
border-radius: 0;
box-shadow: none;
}
.panel-heading {
padding: 14px 25px;
border-radius: 0;
}
.panel-title {
display: flex;
align-items: center;
font-weight: 600;
cursor: pointer;
}
.panel-title a {
display: block;
flex: 1;
order: 1;
}
.panel-title .more-less {
position: relative;
order: 2;
}
.panel-body {
font-size: .85em;
border-top: 0;
}
.panel-body ul:last-of-type {
margin-bottom: 0;
}
/* Content-01 Styling
----------------------------------------------------------------------------- */
.content-01 {
position: relative;
max-width: 750px;
margin: 0 auto;
}
.content-01-header {
padding: 15px 30px;
color: #fff;
background-color: var(--primary-color);
}
@media (min-width: 768px) {
.content-01-header {
padding-right: 60px;
padding-left: 60px;
}
}
.content-01-header h1,
.content-01-header h2,
.content-01-header h3,
.content-01-header h4 {
color: inherit;
}
.content-01-body {
padding: 30px;
color: #333;
background-color: #fff;
}
@media (min-width: 768px) {
.content-01-body {
padding-right: 60px;
padding-left: 60px;
}
}
/* Overlay
--------------------------------------------------------------------------------
<div class="overlay-item">
<div class="overlay-media"><img src="..." /></div>
<div class="overlay-text">...</div>
</div>
*/
.overlay-item {
position: relative;
display: grid;
margin: 0 0 30px 0;
overflow: hidden;
color: #fff;
background-color: var(--primary-color);
border: 0.1px solid;
}
/* prevent double-margin when inside a grid */
.grid .overlay-item {
margin-bottom: 0;
}
.overlay-media {
position: relative;
grid-column: -1;
grid-row: -1;
}
.overlay-media::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(45deg, black, transparent);
}
.overlay-media img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.overlay-text {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px;
transition: all 200ms cubic-bezier(0.4, 0.2, 0.2, 1);
grid-column: -1;
grid-row: -1;
}
.overlay-item:hover .overlay-text {
background-color: rgba(97, 32, 102, 0.9);
backdrop-filter: blur(5px);
}
.overlay-item h1,
.overlay-item h2,
.overlay-item h3,
.overlay-item h4 {
color: inherit;
}
.overlay-item a {
color: inherit;
text-decoration: none;
}
/* only underline links within <p>. Not Headings or Buttons */
.overlay-item p a:not(.btn) {
text-decoration: underline;
}
/* When in Carousel Slider (optional) */
.flexslider.carousel .overlay-item h2,
.flexslider.carousel .overlay-item h3 {
margin: 0;
transition: all 400ms;
}
/* hide the description by default */
.flexslider.carousel .overlay-item p {
font-size: 15px;
line-height: 0;
transform: scale(0);
transition: all 400ms;
}
/* HOVER STATE */
/* hide the heading on hover */
.flexslider.carousel .overlay-item:hover h2,
.flexslider.carousel .overlay-item:hover h3 {
transform: scale(0);
}
/* show the description on hover */
.flexslider.carousel .overlay-item:hover p {
transform: scale(1);
line-height: inherit;
}
/* Fission Stuff
----------------------------------------------------------------------------- */
/* Do Not Delete */
a:link .img-opacity-rollover,
a:visited .img-opacity-rollover {
filter: alpha(opacity=70);
opacity: 0.70;
-moz-opacity: 0.7;
}
a:hover .img-opacity-rollover,
a:active .img-opacity-rollover {
filter: alpha(opacity=100);
opacity: 1.00;
-moz-opacity: 1.00;
}
/* End Do Not Delete */
.fader-current-msg {
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
font-size: 14px;
font-weight: bold;
color: #929292;
text-align: center;
}
.fader-current-msg p {
font-size: 14px;
font-weight: bold;
color: #929292;
text-align: center;
}
.open_quotes {
height: 30px;
text-align: left;
background: url(/templates/front/images/quotes_open.jpg) no-repeat;
}
.close_quotes {
height: 30px;
margin-right: 10px;
text-align: right;
background: url(/templates/front/images/quotes_closed.jpg) top right no-repeat;
}
p.quote_from {
font-size: 12px;
color: #c0c0c0;
}
div.fission-form-box {
width: 64px;
height: 64px;
color: transparent;
background: url(/cmscore/js/tiny_mce/plugins/pfforms/images/pfforms-placeholder.gif) no-repeat;
}
ul.news-module-list li {
display: block;
margin-left: 0;
clear: both;
text-align: center;
list-style: none;
list-style-image: none;
background: none;
}
ul.event-module-list li {
margin-left: 0;
list-style: none;
list-style-image: none;
background: none;
}
ul.rss-feeder li {
margin-left: 0;
list-style: none;
list-style-image: none;
background: none;
}
abbr {
cursor: help;
border-bottom: 1px dashed black;
}
a.back-links {
display: block;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
img {
max-width: 100%;
height: auto;
}
.captcha-normal {
padding: 10px 0 !important;
}
@media (max-width: 767px) {
.pull-left,
.pull-right {
float: none !important;
margin: auto;
}
}
.animation-element.slide-left {
-webkit-transform: translate3d(-100px, 0px, 0px);
-moz-transform: translate3d(-100px, 0px, 0px);
-ms-transform: translate(-100px, 0px);
-o-transform: translate(-100px, 0px);
transform: translate3d(-100px, 0px, 0px);
opacity: 0;
-webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
}
.animation-element.slide-left.in-view {
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.bounce-up .subject {
-webkit-transform: translate3d(0px, 200px, 0px);
-moz-transform: translate3d(0px, 200px, 0px);
-ms-transform: translate(0px, 200px);
-o-transform: translate(0px, 200px);
transform: translate3d(0px, 200, 0px);
opacity: 0;
-webkit-transition: all 700ms ease-out;
-moz-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.bounce-up.in-view .subject {
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
/* Fix top padding on Member Directory filter checkboxes */
#dir_search_filter td.collection-caption {
padding: 0 8px 0 3px;
}
@media (min-width: 768px) {
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.list-item {
margin-bottom: 20px;
padding: 20px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.module_view_all {
display: block;
clear: both;
}
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide {
padding-right: 0 !important;
padding-left: 0 !important;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/******* [FILE] 03cb996d5760f9e44b3cd7ca313745c8.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/list.css *******/
/* Standard List */
table.standard-list {
border:1px solid #C4C4C4;
border-top:0px;
width:100%;
vertical-align:top;
}
table.standard-list th {
border-top:1px solid #C4C4C4;
background-color:#3366CC;
text-align:right;
padding:3px;
padding-left:4px;
padding-right:4px;
font-weight:bold;
}
table.standard-list th.list-title {
color:#FFFFFF;
}
table.standard-list th.list-title-1 {
color:#FFFFFF;
text-align:left;
}
table.standard-list th.list-title-left {
color:#FFFFFF;
text-align:left;
}
table.standard-list th.list-title-center {
color:#FFFFFF;
text-align:center;
}
table.standard-list th.list-title a.list-title,a.list-title:link,a.list-title:visited {
color:#FFFFFF;
text-decoration:underline;
}
table.standard-list th.list-title a.list-title:hover {
color:#00CCFF;
text-decoration:underline;
}
table.standard-list th.list-title-left a.list-title-left,a.list-title-left:link,a.list-title-left:visited {
color:#FFFFFF;
text-decoration:underline;
}
table.standard-list th.list-title-left a.list-title-left:hover {
color:#00CCFF;
text-decoration:underline;
}
table.standard-list th.list-title-1 a.list-title-1,a.list-title-1:link,a.list-title-1:visited {
color:#FFFFFF;
text-decoration:underline;
}
table.standard-list th.list-title-1 a.list-title-1:hover {
color:#00CCFF;
text-decoration:underline;
}
table.standard-list tr.alternate-1 {
background-color:#FFFFFF;
}
table.standard-list tr.alternate-2 {
background-color:#F3F3F3;
}
table.standard-list tr.alternate-3 {
background-color:#D3D3D3;
}
table.standard-list td.empty-list {
text-align:center;
background-color:#FFFFFF;
padding:10px 10px 10px 10px;
border-top:1px solid #C4C4C4;
}
table.standard-list td.standard-column-1 {
border-top:1px solid #C4C4C4;
padding:3px;
text-align:left;
}
table.standard-list td.standard-column {
border-top:1px solid #C4C4C4;
padding:3px;
text-align:right;
padding-right:16px;
}
table.standard-list td.standard-column-left {
border-top:1px solid #C4C4C4;
padding:3px;
text-align:left;
padding-right:16px;
}
table.standard-list td.standard-column-center {
border-top:1px solid #C4C4C4;
padding:3px;
text-align:center;
padding-right:16px;
}
table.standard-list td.standard-column-nosort {
border-top:1px solid #C4C4C4;
padding:3px;
text-align:right;
padding-right:4px;
}
table.standard-list td.icon-column {
border-top:1px solid #C4C4C4;
padding:3px;
text-align:left;
vertical-align:top;
padding-right:2px;
}
table.standard-list td.center-icon-column {
border-top:1px solid #C4C4C4;
text-align:center;
vertical-align:top;
padding:2px;
padding-right:2px;
padding-left:2px;
}
table.standard-list-complete {
width:100%;
}
table.standard-list-complete td.title {
font-size:14px;
color:#000000;
font-weight:bold;
padding-bottom:3px;
}
table.standard-list-complete td.list-caption {
font-size:13px;
color:#002B53;
font-weight:bold;
padding-left:8px;
padding-top:3px;
vertical-align:middle;
}
table.standard-list-complete td.filter {
padding-bottom:3px;
}
table.standard-list-complete td.paging {
padding-bottom:3px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
table.standard-list-complete td.list-image {
padding-left:5px;
}
table.standard-list-paging td {
font-size:11px;
padding:0px;
}
table.standard-list-paging td span {
font-weight:bold;
}
td.standard-list-prevnext {
width:50px;
}
td.standard-list-prevnext a.prevnext, a.prevnext:visited, a.prevnext:link {
font-size:11px;
}
td.standard-list-prevnext a.prevnext:hover {
font-size:11px;
}
table.standard-list-pages {
}
table.standard-list-pages td {
padding-left:2px;
padding-right:2px;
padding-top:1px;
}
table.standard-list-pages td span {
color:#500000;
}
table.standard-list a, table.standard-list a:visited, table.standard-list a:link {
color:#000000;
text-decoration:underline;
}
table.standard-list a:hover {
color:#FF0000;
text-decoration:underline;
}
a.standard-list-anchor, a.standard-list-anchor:visited, a.standard-list-anchor:link {
color:#C21B21;
}
a.standard-list-anchor:hover {
color:#FF0033;
}
/******* [FILE] 729e1964e52af75b5ddfe2f24a924a4c.css *******/
/******* [ORIG] /templates/front/css/modules/MOD.ImageList.001.css *******/
.mod-image-list-default {
}
/* define other styles as
.mod-image-list-CSS_SUFFIX { }
replace CSS_SUFFIX with whatever values are set in the module details tab for the CSS Suffix.
*/
/******* [FILE] 7b3348869180f557396e2a71db59cab8.css *******/
/******* [ORIG] /themes/basic/style.css *******/
/* Module Block Layout */
.theme-basic {
position: relative;
}
.theme-basic .module {
}
.theme-basic .module-title {
}
.theme-basic .module-content {
}
/******* [FILE] ba1e24e64eb978fc035615901323145e.css *******/
/******* [ORIG] /themes/blank/style.css *******/
/* Module Block Layout */
div.theme-blank {
}
div.theme-blank .module {
}
div.theme-blank .module-title {
}
div.theme-blank .module-content {
}
/******* [FILE] 34b355d2763e22c5a3ff3ece1556c94f.css *******/
/******* [ORIG] /themes/block-white-full-width/style.css *******/
/* Module Block Layout */
div.theme-block-white-full-width {
background-color: #fff;
width: 100vw;
position: relative;
left: calc((100vw - 100%) / -2);
}
div.theme-block-white-full-width h2 {
color: #0b132b;
}
/******* [FILE] 4625d99a79cc6ddbdffe45dc2708e74c.css *******/
/******* [ORIG] /menus-css/main-menu-purple.css *******/
/*
================================================================================
HORIZONTAL MENU (Responsive)
================================================================================
*/
/* Reset */
.pf-cssmenu-main-menu-purple,
.pf-cssmenu-main-menu-purple ul,
.pf-cssmenu-main-menu-purple li {
overflow: visible;
margin: 0;
padding: 0;
list-style: none;
}
/* Clearfix */
.pf-cssmenu-main-menu-purple-div::after,
.pf-cssmenu-main-menu-purple::after {
clear: both;
display: table;
content: '';
}
/* Global Styling
-------------------------------------------------------------------------------- */
/* UL */
.pf-cssmenu-main-menu-purple {
position: relative;
}
/* desktops */
@media (min-width: 992px) {
.pf-cssmenu-main-menu-purple {
display: block !important;
}
}
/* LI */
.pf-cssmenu-main-menu-purple li {
position: relative;
}
/* LI - hover */
.pf-cssmenu-main-menu-purple li:hover {}
/* LI - has children */
.pf-cssmenu-main-menu-purple li.sub > a {
position: relative;
padding-right: 1em;
}
/* LI - has children - icon */
.pf-cssmenu-main-menu-purple li.sub > a::after {
margin-left: 5px;
/* angle-down */
content: "\f107";
font-family: "FontAwesome";
}
/* Links */
.pf-cssmenu-main-menu-purple a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Level 1 (specific styling)
-------------------------------------------------------------------------------- */
/* UL*/
.pf-cssmenu-main-menu-purple {
text-align: left;
/* Menu Alignment - left, center, right */
font-weight: 500;
}
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple {
background-color: #602066;
}
}
/* LI */
.pf-cssmenu-main-menu-purple > li {
display: inline-block;
padding-bottom: 0;
/*border-bottom: 7px solid transparent; */
}
@media (min-width: 992px) and (max-width: 1199px) {
.pf-cssmenu-main-menu-purple > li {
padding-bottom: .6em;
}
}
/* LI - mobile */
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple > li {
display: block;
margin-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}
}
/* LI - Active state */
.pf-cssmenu-main-menu-purple > li.item-on {}
/* LI - Hover state */
.pf-cssmenu-main-menu-purple > li:hover {
cursor: pointer;
}
@media (min-width: 992px) {
.pf-cssmenu-main-menu-purple > li:hover {
/*border-bottom: 7px solid #79a08f;*/
}
}
.pf-cssmenu-main-menu-purple > li:hover a {}
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple > li:hover a {
border-bottom: 0;
}
}
/* Link */
.pf-cssmenu-main-menu-purple > li > a {
text-align: center;
color: #464646;
font-size: .87em;
font-weight: 400;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pf-cssmenu-main-menu-purple > li > a {
font-size: .85em;
}
}
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple > li > a {
border-bottom: 0;
font-weight: 600;
}
}
/* Link - Active state */
.pf-cssmenu-main-menu-purple > li.item-on > a {
background-color: transparent;
color: #612066;
}
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple > li.item-on > a {
border-bottom: 0;
color: rgba(255, 255, 255, .8);
}
}
/* Link - Hover state */
.pf-cssmenu-main-menu-purple > li:hover > a,
.pf-cssmenu-main-menu-purple > li.item-on:hover > a {
color: #612066;
}
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple > li:hover > a,
.pf-cssmenu-main-menu-purple > li.item-on:hover > a {
color: rgba(255, 255, 255, .8);
}
}
/* Link - mobile */
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple > li > a {
text-align: left;
color: #fff;
}
}
/* LEVEL 2 (specific styling)
-------------------------------------------------------------------------------- */
.pf-cssmenu-main-menu-purple ul {
position: absolute;
top: 100%;
display: none;
text-align: left;
background-color: #602066;
box-shadow: 0 16px 64px -5px rgba(0, 0, 0, 0.18);
z-index: 1;
}
/* show the sub menu on hover */
.pf-cssmenu-main-menu-purple li:hover > ul {
display: block;
}
@media (min-width: 992px) {
.pf-cssmenu-main-menu-purple li:hover > ul {
display: none;
margin-top: 0;
}
}
@media (min-width: 992px) {
.pf-cssmenu-main-menu-purple li.mega-off:hover > ul {
display: block;
padding: 0;
}
}
/* ensure last-child UL doesn't fall off the screen */
.pf-cssmenu-main-menu-purple > li:last-child:hover > ul {
right: 0;
}
/* LI */
.pf-cssmenu-main-menu-purple ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.pf-cssmenu-main-menu-purple ul li:last-child {
border-bottom: none;
}
/* LI - active state */
.pf-cssmenu-main-menu-purple ul li.item-on {
background-color: rgba(0, 0, 0, 0.05);
}
/* LI - hover state */
.pf-cssmenu-main-menu-purple ul li:hover,
.pf-cssmenu-main-menu-purple ul li.item-on:hover {
background: #c000ff;
}
.pf-cssmenu-main-menu-purple ul li:hover > a,
.pf-cssmenu-main-menu-purple ul li.item-on:hover > a {
color: #fff;
}
/* LI - has children */
.pf-cssmenu-main-menu-purple ul li.sub > a::after {
content: "\f105";
/* angle-right */
right: 10px;
}
/* Links */
.pf-cssmenu-main-menu-purple ul li a {
min-width: 220px;
color: #fff;
white-space: unset;
padding: 10px 15px;
font-size: .8em;
font-weight: 400;
text-transform: none;
}
/* Level 2 - mobile */
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple ul {
position: static;
background-color: transparent;
}
.pf-cssmenu-main-menu-purple ul li {
border-color: rgba(255, 255, 255, 0.2);
}
.pf-cssmenu-main-menu-purple ul li:hover {
background-color: transparent;
background-image: none;
}
.pf-cssmenu-main-menu-purple ul li.sub > a::after {
content: "\f107";
/* angle-down */
}
.pf-cssmenu-main-menu-purple ul li a {
padding: 10px;
padding-left: 1em;
white-space: normal;
color: #fff;
}
}
/* LEVEL 3+ (specific styling)
----------------------------------------------------------------------
*/
/* UL */
.pf-cssmenu-main-menu-purple ul ul {
top: 0;
left: 100%;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
/* LI:last-child UL fly out to the left (instead of right) */
.pf-cssmenu-main-menu-purple > li:hover:last-child ul ul {
right: 100%;
left: auto;
border-right: 1px solid rgba(255, 255, 255, 0.8);
}
/* UL - mobile */
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple ul ul {
background-color: transparent;
border: none;
}
}
/* Link - mobile */
@media (max-width: 991px) {
.pf-cssmenu-main-menu-purple ul ul a {
padding-left: 3em;
}
}
/******* [FILE] 1d7516904d97d4e5315d010fa667ed99.css *******/
/******* [ORIG] /themes/block_gray_full_width/style.css *******/
/* Module Block Layout */
.theme-block_gray_full_width {
background-color: #ededed;
width: 100vw;
position: relative;
left: calc((100vw - 100%) / -2);
}
.theme-block_gray_full_width h2 {
color: #0b132b;
}
/* Content Module */
@media (min-width: 1200px) {
.theme-block_gray_full_width .flex.text-image .flex-item.text.left .space {
padding-left: 160px;
}
.theme-block_gray_full_width .flex.text-image .flex-item.text.right .space {
padding-right: 160px;
}
}
/******* [FILE] e826e65a9e5eb10ab650e834298bb29f.css *******/
/******* [ORIG] /themes/block-white/style.css *******/
/* Module Block Layout */
.theme-block-white {
padding: 50px 0;
}
.theme-block-white h2 {
color: #0b132b;
font-weight: 600;
}
.theme-block-white p {
color: #333;
}
.theme-block-white.module-catalog-products-001 .module-content .product-description,
.theme-block-white.module-catalog-products-001 .module-content ul li {
background: #f9fafc;
}
/******* [FILE] ba909c9d0c5f675d389b16f0d8ef9a9c.css *******/
/******* [ORIG] /themes/side-by-side/style.css *******/
/* Module Block Layout */
.theme-side-by-side {
position: relative;
}
.theme-side-by-side .module {
}
.theme-side-by-side .module-title {
}
.theme-side-by-side .module-content {
}
/******* [FILE] 36cd14fcc375f4a07356506201687bf2.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/list-search-results.css *******/
/* Standard List */
table.search-results-list {
border:1px solid #C4C4C4;
border-top:0px;
width:100%;
vertical-align:top;
}
table.search-results-list th {
border-top:1px solid #C4C4C4;
background-color:#3366CC;
text-align:right;
padding:3px;
padding-left:4px;
padding-right:4px;
font-weight:bold;
}
table.search-results-list tr.alternate-1 {
background-color:#FFFFFF;
}
table.search-results-list tr.alternate-2 {
background-color:#F3F3F3;
}
table.search-results-list tr.alternate-3 {
background-color:#D3D3D3;
}
table.search-results-list td.empty-list {
text-align:center;
background-color:#FFFFFF;
padding:10px 10px 10px 10px;
border-top:1px solid #C4C4C4;
}
table.search-results-list td.standard-column {
border-top:1px solid #C4C4C4;
padding:3px;
text-align:left;
}
table.search-results-list-complete {
width:100%;
}
table.search-results-list-complete td.title {
font-size:14px;
color:#000000;
font-weight:bold;
padding-bottom:3px;
}
table.search-results-list-complete td.list-caption {
font-size:13px;
color:#002B53;
font-weight:bold;
padding-left:8px;
padding-top:3px;
vertical-align:middle;
}
table.search-results-list-complete td.filter {
padding-bottom:3px;
}
table.search-results-list-complete td.paging {
padding-bottom:3px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
table.search-results-list-complete td.list-image {
padding-left:5px;
}
table.search-results-list-paging td {
font-size:11px;
padding:0px;
}
table.search-results-list-paging td span {
font-weight:bold;
}
td.search-results-list-prevnext {
width:50px;
}
td.search-results-list-prevnext a.prevnext, a.prevnext:visited, a.prevnext:link {
font-size:11px;
}
td.search-results-list-prevnext a.prevnext:hover {
font-size:11px;
}
table.search-results-list-pages {
}
table.search-results-list-pages td {
padding-left:2px;
padding-right:2px;
padding-top:1px;
}
table.search-results-list-pages td span {
color:#500000;
}
table.search-results-list a, table.search-results-list a:visited, table.search-results-list a:link {
color:#000000;
text-decoration:underline;
}
table.search-results-list a:hover {
color:#FF0000;
text-decoration:underline;
}
a.search-results-list-anchor, a.search-results-list-anchor:visited, a.search-results-list-anchor:link {
color:#C21B21;
}
a.search-results-list-anchor:hover {
color:#FF0033;
}
/* Search Results Block Layout */
table.search-results-list-complete td.result-title {
font-size:10px;
color:#CACACA;
}
table.search-results-list-complete td.result-title a, table.search-results-list-complete td.result-title a:link, table.search-results-list-complete td.result-title a:visited {
font-weight:bold;
font-size:14px;
}
table.search-results-list-complete td.result-title a:hover {
font-weight:bold;
font-size:14px;
}
table.search-results-list-complete td.result-url {
font-style:italic;
font-size:10px;
color:#ACACAC;
}
/******* [FILE] 8665f371b92dc5822a7dadc1058af7d8.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/sitemap.css *******/
/* Styles here are required for formatting of the website navigation map */
div.web-sitemap { width:100%; }
table.web-sitemap { width:100%; }
table.web-sitemap tr.component { }
table.web-sitemap td.component {
padding-top:8px;
padding-bottom:4px;
border-bottom:1px solid #4D4D4D;
font-size:16px;
font-weight:bold;
}
table.web-sitemap a.component, table.web-sitemap a.component:link, table.web-sitemap a.component:visited { }
table.web-sitemap a.component:hover { }
/*table.web-sitemap tr.category { }
table.web-sitemap td.category { }
table.web-sitemap a.category, table.web-sitemap a.category:link, table.web-sitemap a.category:visited, { }
table.web-sitemap a.category:hover { }*/
table.web-sitemap tr.pagelink { }
table.web-sitemap td.pagelink { padding:3px; padding-left:15px; }
table.web-sitemap a, table.web-sitemap a:link, table.web-sitemap a:visited {
text-decoration:underline;
font-size:10px;
}
table.web-sitemap a:hover { }
/******* [FILE] 04d97c2f06eca79354f138ede9894d57.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/categories.css *******/
/* Styles here are required for formatting of the website categories */
div.cat-subcat-container {
border:2px dotted #A7A7A7;
background-color:#E8E8E8;
margin-top:10px;
padding:15px;
}
div.cat-page-container {
margin-top:2px;
padding:15px;
}
div.subcat-container {
margin-bottom:4px;
border:1px solid #DBDBDB;
background-color:#DDDDDD;
}
div.subcat-container a.title, div.subcat-container a.title:link, div.subcat-container a.title:visited {
text-decoration:underline;
font-weight:bold;
}
div.subcat-container a.title:hover {
text-decoration:underline;
font-weight:bold;
}
div.subcat-container span.tiny {
font-size:9px;
font-family:arial;
}
div.catpage-container {
padding:4px;
margin-bottom:4px;
border:1px solid #DBDBDB;
background-color:#F4F4F4;
}
div.catpage-container a.title, div.catpage-container a.title:link, div.catpage-container a.title:visited {
text-decoration:underline;
font-weight:bold;
}
div.catpage-container a.title:hover {
text-decoration:underline;
font-weight:bold;
}
div.catpage-container span.tiny {
font-size:9px;
font-family:arial;
}
/******* [FILE] 830801818c99c5a1d6571b922822d5bc.css *******/
/******* [ORIG] /templates/front/css/overlib.css *******/
.ol-simple-help-outer {
background-color:#E9E9E9;
border:1px solid #808080;
}
.ol-simple-help-inner {
background-color:#E9E9E9;
padding:3px;
}
/******* [FILE] 8806a140635980f16bcee48232f5bc1e.css *******/
/******* [ORIG] /cmscore/css/pf-responsive.css *******/
/*
* PF Responsive
* -------------------------
* All default responsive site additions can be added here.
* Functional responsive elements should be in pf-responsive.js
*/
/* Responsive Table Styles - Only target small screens (767px) */
/* @media (max-width: 767px) { */
@media screen and (max-width: 767px) {
.table-responsive {
border: none;
}
/* hide the table header */
.table-responsive > thead,
/* .table-responsive > thead > tr, */
.table-responsive > tr > th,
.table-responsive > tbody > tr > th {
display: none;
}
/* make rows behave like DIVs */
.table-responsive tbody > tr {
display: block;
}
.table-responsive > tbody > tr + tr {
/* margin-top: 10px; */
}
/* make cells behave like DIVs */
.table-responsive > tbody > tr > td {
display: block;
width: auto !important;
text-align: left !important;
}
/* style the new table header (this is the "data-th" inserted using JS) */
.table-responsive > tbody > tr > td:before {
content: attr(data-th);
display: block;
float: left;
margin-right: 15px;
/* adjust these as needed */
min-width: 7em;
font-weight: bold;
}
/*
* Responsive Bordered Table
* -------------------------
*/
.table-responsive.table-bordered tbody > tr {
border: 1px solid #ddd;
}
.table-responsive.table-bordered td {
border-top: 1px solid #ddd;
border-right: none;
border-bottom: none;
border-left: none;
}
.table-responsive.table-bordered > tbody > tr > td:first-child {
border-top: none;
}
}
/******* [FILE] 97f2fba0d1e584e9483a83ef352aabcb.css *******/
/******* [ORIG] /cmscore/css/font-awesome.css *******/
/*!
* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('/cmscore/fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('/cmscore/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/cmscore/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/cmscore/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/cmscore/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/cmscore/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
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;
transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
/******* [FILE] 16b2b420f05a4799fd7a2e41486c43e3.css *******/
/******* [ORIG] /cmscore/css/form-website-field.css *******/
.website-field {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
/******* [FILE] 9c67a670bece2ad60c4cb4707432b3e9.css *******/
/******* [ORIG] /templates/custom/purple-mustard/css/cookies-enabler.css *******/
*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
p{
margin-bottom: 1em;
}
.ce-banner{
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #f2f2f2;
padding: 1em 2em 1em 2em;
color: #232323;
font-size: 1em;
z-index:1000;
border-top:1px solid lightgray;
}
.ce-banner a {
text-decoration : none;
color: black
}
.ce-accept, .ce-dismiss, .ce-disable{
background-color: #ffffff;
color: #fff;
text-decoration: none;
padding: .6em 1em;
display: inline-block;
margin: 0 .5em;
border-radius: 3px;
}
.ce-disable{
background-color: rgb(200, 200, 200);
}
.ce-dismiss:hover,
.ce-disable:hover{
background-color: #939393;
color: white;
}
.ce-accept:hover{
background-color: #ac00e5;
color: white;
}
.ce-learn:hover{
font-weight:bold;
}
.ce-accept{
background-color: #c000ff;
color: white;
}
.ce-dismiss{
position: absolute;
font-size: .8em;
right: 1em;
top: 1em;
background-color: #ccc;
color: #333;
}
.ce-iframe-placeholder{
padding: 1em;
background-color: #eee;
margin: 1em 0;
}
.ce-iframe-placeholder p{
margin: 0;
}
iframe{
width: 100%;
}