@charset 'utf-8';
/*
Theme Name: Tropicana Child
Theme URI: http://www.outtheboxthemes.com/wordpress-themes/tropicana/
Description: Get the island style with our Tropicana WordPress theme. Its clean design and high customizability make it perfect for creating any website from travel to business to food, decor, lifestyle, sport and more. Tropicana integrates seamlessly with a number of popular FREE plugins such as WooCommerce, WPForms, Polylang and Recent Posts Widget Extended. It also works great with SiteOrigin's drag and drop Page Builder plugin making it quick and easy to create professional looking pages without any coding knowledge. We've even provided two page layouts to get you started, available for download on our site (https://www.outtheboxthemes.com/documentation/tropicana/page/layouts/). You and Tropicana - a match made in paradise!
Author: Out the Box
Author URI: http://www.outtheboxthemes.com/
Template: tropicana
Version: 1.0.08
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: tropicana
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, e-commerce
*/
@import url("../tropicana/style.css");
/* =Theme customization starts here
-------------------------------------------------------------- */
/* theme css overrides */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
}
.site-footer-widgets {
padding-bottom: 0px;
}
body, button, input, select, textarea {
font-size: 18px;
}
.site-header .branding {
padding: 7px 0 21px 0;
}
body, .content-container, .site-content .rpwe-block li {
background-color: rgba(0, 0, 0, 0) !important;
}
#content.site-container.site-content {
padding-bottom: 0px;
}
.site-container.full-width {
max-width: 100%;
width: 100%;
}
header.site-header {
z-index: 999;
}
header.site-header .site-logo-area {
background-color: rgba(255, 255, 255, .48);
}
.site-header.center {
text-align: center;
}
.site-header.center .branding {
padding: 0px; /*7px 0 21px 0;*/
}
.site-header .social-links.right {
float: right;
}
.site-header .shop-links .account-link,
.site-header .shop-links .header-cart {
font-size: 16px;
}
.site-header .site-header-right .shop-links a {
color: rgba(0, 111, 59, .99); /*rgba(255, 194, 14, .99); /*rgba(0, 111, 59, .99);*/
font-weight: 600;
}
.site-header.transparent .site-header-right a {
color: rgba(0, 111, 59, .99); /*rgba(255, 194, 14, .99); /*rgba(0, 111, 59, .99);*/
text-shadow: 0px 0px 2px rgba(255, 255, 255, .68),0px 0px 1px rgba(0, 0, 0, .68); /*0px 0px 2px rgba(0, 0, 0, .68), 0px 0px 3px rgba(255, 255, 255, .68);*/
font-weight: 600;
}
.site-header.transparent .site-header-right a:hover,
.site-header.transparent .site-header-right a:focus {
color: rgba(255, 255, 255, .99) ; /*rgba(108, 87, 53, .99);*/
text-shadow: 0px 0px 2px rgba(255, 255, 255, .68), 0px 0px 3px rgba(0, 0, 0, .68);
}
.main-navigation {
background-color: rgba(0, 0, 0, 0);
/*box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.27), 0px -5px 13px -3px rgba(0, 0, 0, .17) inset;*/
}
.main-navigation a {
font-size: 16px;
}
.main-navigation .menu-primary-left-container,
.main-navigation .menu-primary-logo-container,
.main-navigation .menu-primary-right-container {
display: inline-block;
float: none !important;
}
.main-navigation .menu-primary-left-container {
margin-right: 10px;
}
.main-navigation .menu-primary-right-container {
margin-left: 10px;
}
.main-navigation .menu-primary-logo-container {
vertical-align: bottom;
padding: 0px;
margin-bottom: -47px; /*-60px;*/
}
.site-header.transparent .site-container .main-navigation.rollover-font-color .menu > ul > li > a,
.site-header.transparent .site-container .main-navigation.rollover-font-color ul.menu > li > a {
color: rgba(255, 255, 255, .97);
font-weight: 600;
/*text-shadow: 0px 0px 3px rgba(0, 0, 0, .68), 0px 0px 5px rgba(255, 255, 255, .68);*/
text-shadow: 0px 0px 1px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0), 0px 0px 5px rgb(0, 0, 0), 0px 0px 7px rgb(0, 0, 0);
} /* added to theme css settings*/
.site-header.transparent .site-container .main-navigation.rollover-font-color .menu > ul > li > a:hover,
.site-header.transparent .site-container .main-navigation.rollover-font-color .menu > ul > li > a:focus,
.site-header.transparent .site-container .main-navigation.rollover-font-color ul.menu > li > a:hover,
.site-header.transparent .site-container .main-navigation.rollover-font-color ul.menu > li > a:focus {
color: rgba(255, 194, 14, .97) !important;
text-decoration: underline;
} /* added to theme css settings*/
.site-header.transparent .site-container .main-navigation.rollover-font-color .menu > ul > li.current_page_item > a,
.site-header.transparent .site-container .main-navigation.rollover-font-color ul.menu > li.current_page_item > a {
color: rgba(255, 194, 14, .97) !important;
} /* added to theme css settings*/
.site-header.transparent .site-container .main-navigation.rollover-font-color ul.menu ul.sub-menu a {
text-shadow: none;
}
/* inside pages */
.site-header .site-container .main-navigation.rollover-font-color .menu > ul > li > a,
.site-header .site-container .main-navigation.rollover-font-color ul.menu > li > a {
/* color: rgba(0, 111, 59, .99) !important; /*rgba(255, 194, 14, .99); /*rgba(0, 111, 59, .99);*/
font-weight: 600;
} /* added to theme css settings*/
.site-header .site-container .main-navigation.rollover-font-color ul.menu > li.current-menu-parent > a,
.site-header .site-container .main-navigation.rollover-font-color ul.menu > li.current_page_parent > a,
.site-header .site-container .main-navigation.rollover-font-color ul.menu > li.current-menu-ancestor > a {
color: rgba(0, 111, 59, .99) !important; /*rgba(255, 194, 14, .99); /*rgba(0, 111, 59, .99);*/
text-decoration: underline;
} /* added to theme css settings*/
.site-header .site-container .main-navigation.rollover-font-color .menu > ul > li > a:hover,
.site-header .site-container .main-navigation.rollover-font-color .menu > ul > li > a:focus,
.site-header .site-container .main-navigation.rollover-font-color ul.menu > li > a:hover,
.site-header .site-container .main-navigation.rollover-font-color ul.menu > li > a:focus {
color: rgba(0, 111, 59, .99) !important; /*rgba(255, 194, 14, .99); /*rgba(0, 111, 59, .99);*/
text-decoration: underline;
} /* added to theme css settings*/
.site-header .site-container .main-navigation.rollover-font-color .menu > ul > li.current_page_item > a,
.site-header .site-container .main-navigation.rollover-font-color ul.menu > li.current_page_item > a {
color: rgba(0, 111, 59, .99) !important; /*rgba(255, 194, 14, .99); /*rgba(0, 111, 59, .99);*/
} /* added to theme css settings*/
.site-header .site-container .main-navigation.rollover-font-color ul.menu ul.sub-menu a {
text-shadow: none;
font-weight: 600;
}
.main-menu-close {
/*z-index: 9999;*/
}
.header-image .overlay .cbc-headline-container .cbc-header,
.header-image .overlay .cbc-headline-container h2.cbc-header,
.header-image .overlay .cbc-headline-container h2.cbc-header > span {
box-shadow: unset;
background-color: rgba(0, 0, 0, 0);
text-shadow: -1px -1px 0px #8ea535, 0px 0px 3px rgba(255, 255, 255, .63);
}
.slider-padder {
box-shadow: 0px 3px 9px 3px rgba(0, 0, 0, .45);
}
footer a {
color: #d1baaf;
text-decoration: underline;
}
.side-aligned-social-links {
/*
top: unset !important;
bottom: 3% !important;
left: 0px;
right: unset;
position: fixed;
*/
}
.widget-no-border .widget-area .widget {
border: 0px solid rgba(0,0,0,0);
}
.widget-area .widget {
display: inline-block;
width: 100%;
}
.widget-area button {
padding: 9px 18px;
}
.site-footer-widgets .site-container .widgets-container .divider:nth-of-type(8n+0) {
display: none;
}
.site-footer-widgets .site-container .widgets-container .widget:nth-of-type(7n+1) {
clear: left;
}
.site-footer-widgets .site-container .widgets-container .widget:nth-of-type(-n+8),
.site-footer-widgets .site-container .widgets-container .divider:nth-of-type(-n+8) {
margin-top: 0;
}
.site-footer-widgets .site-container .widgets-container .divider:last-child {
display: unset;
margin-top: 0;
}
/* WP FORMS */
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form select,
div.wpforms-container form.wpforms-form textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
select {
width: 100%;
}
div.wpforms-container form.wpforms-form textarea,
textarea {
width: 100%;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
/* display: inline; */
}
.woocommerce form .form-row label.checkbox .input-checkbox,
.woocommerce-page form .form-row label.checkbox .input-checkbox {
/* display: inline; */
margin: 7px 8px 0px -20px;
/* text-align: center; */
/* vertical-align: middle; */
}
.woocommerce form .form-row label.checkbox span,
.woocommerce-page form .form-row label.checkbox span {
/* display: inline; */
/* vertical-align: text-bottom; */
}
/* WooCommerce */
.wcshop-sidebar.post-type-archive-product.woocommerce.tropicana-shop-full-width #container,
.wcshop-sidebar.post-type-archive-product.woocommerce-page.tropicana-shop-full-width #container,
.wcshop-sidebar.archive.woocommerce-page.tropicana-shop-full-width #container,
.wcshop-sidebar.post-type-archive-product.woocommerce.tropicana-shop-full-width .content-area,
.wcshop-sidebar.post-type-archive-product.woocommerce-page.tropicana-shop-full-width .content-area,
.wcshop-sidebar.archive.woocommerce-page.tropicana-shop-full-width .content-area,
.wcshop-sidebar.woocommerce.tropicana-shop-full-width #container,
.wcshop-sidebar.woocommerce-page.tropicana-shop-full-width #container,
.wcshop-sidebar.woocommerce.tropicana-shop-full-width .content-area,
.wcshop-sidebar.woocommerce-page.tropicana-shop-full-width .content-area {
float: left;
width: 77.8%;
padding: 0 4.3% 0 0;
}
.wcshop-sidebar.post-type-archive-product.woocommerce.tropicana-shop-full-width .widget-area,
.wcshop-sidebar.post-type-archive-product.woocommerce-page.tropicana-shop-full-width .widget-area,
.wcshop-sidebar.archive.woocommerce-page.tropicana-shop-full-width .widget-area {
display: unset;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
/*min-height: 62px;*/
}
.woocommerce li.product .stock.on-backorder/*,
.woocommerce div.product .stock.on-backorder*/ {
text-align: center;
position: absolute;
z-index: 99;
left: 0;
right: 0;
top: 0px;
color: rgba(0, 0, 0,.87);
background-color: rgba(154, 205, 16, .78);
font-weight: 600;
}
.woocommerce li.product .out-of-stock/*,
.woocommerce div.product .out-of-stock*/ {
color: rgba(255, 255, 255,.99) !important;
text-align: center;
position: absolute;
z-index: 99;
left: 0;
right: 0;
top: 0;
background-color: rgba(171, 0, 0, .78);
font-weight: 600;
}
.woocommerce li.product .out-of-stock.contact-vendor {
background-color: rgba(59, 108, 0, .78);
}
.woocommerce li.product .out-of-stock.out-of-season {
background-color: rgba(200, 200, 0, .78);
color: rgba(0, 0, 0, .6) !important;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
padding: 16px 0 10px 0;
}
/*.woocommerce ul.products li.product.outofstock a.add_to_cart_button, .woocommerce-page ul.products li.product.outofstock a.add_to_cart_button,
.woocommerce ul.products li.product.outofstock a.ajax_add_to_cart, .woocommerce-page ul.products li.product.outofstock a.ajax_add_to_cart, */
.woocommerce ul.products li.product.outofstock a.button,
.woocommerce-page ul.products li.product.outofstock a.button,
.woocommerce ul.products li.product.product_cat-catalog a.button.product_type_simple,
.woocommerce-page ul.products li.product.product_cat-catalog a.button.product_type_simple {
background-color: rgba(59, 108, 0, .78) !important;
}
.woocommerce ul.products li.product.outofstock a.button,
.woocommerce-page ul.products li.product.outofstock a.button {
display: table !important;
}
/* menu plugin */
.mprm-header.with-image .mprm-title {
font-size: 3.5rem;
color: rgba(255, 255, 255, .99);
text-shadow: 1px 1px 3px rgba(0, 0, 0, .96);
}
.mprm-header.with-image {
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .63), 0px 0px 15px 9px rgba(255, 255, 255, .78) inset;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, .27);
}
/*
.mprm-price::after {
content: "*";
vertical-align: super;
color: rgba(174, 0, 0, .87);
}
*/
.mprm-flex-item.mprm-title,
.mprm-flex-item.mprm-dots,
.mprm-flex-item.mprm-price {
font-weight: 600;
color: #543C25;
}
/* slider styles */
.slide-text-top {
position: absolute !important;
top: 5px;
margin: 0px !important;
}
.slide-text-top-left {
position: absolute !important;
top: 5px;
left: 5px;
margin: 0px !important;
}
.slide-text-top-right {
position: absolute !important;
top: 5px;
right: 5px;
margin: 0px !important;
}
.slide-text-bottom {
position: absolute !important;
bottom: 5px;
margin: 0px !important;
}
.slide-text-bottom-left {
position: absolute !important;
bottom: 5px;
left: 5px;
margin: 0px !important;
}
.slide-text-bottom-right {
position: absolute !important;
bottom: 5px;
right: 5px;
margin: 0px !important;
}
.slide-text-top-bar {
position: absolute !important;
top: 0;
left: 0;
right: 0;
margin: 0px !important;
}
.slide-text-bottom-bar {
position: absolute !important;
bottom: 0;
left: 0;
right: 0;
margin: 0px !important;
}
/* services buttons */
#services {
margin-top: 2rem;
margin-bottom: 1rem;
padding: 0px;
}
.services-header {
margin-bottom: 2rem;
text-decoration: underline;
}
.services-button-wrap {
}
.services-button-wrap * {
transition: all 0.75s ease 0s;
}
.services-button-wrap > div {
background-color: rgba(0, 0, 0, 0);
margin-bottom: 25px;
}
.services-button-wrap > div > a {
color: rgba(0, 0, 0, .93);
}
.services-button-wrap > div:hover > a,
.services-button-wrap > div >:focus a {
text-decoration: none;
}
.services-button-wrap .services-button {
background-color: rgba(213, 164, 64, 0.33); /* rgba(213, 164, 64, 0.75); /* rgba(255, 255, 255, 0.75); /*pic fade*/
border: 1px solid rgba(213, 164, 64, 0.58);
border-radius: 21px;
box-shadow: 0px 0px 3px 2px rgba(213, 164, 64, 0.39);
padding: 18px;
height: 240px; /*min-height: 225px;*/
position: relative;
overflow: hidden;
}
.services-button-wrap > div:hover > a .services-button,
.services-button-wrap > div:hover > a .services-button,
.services-button-wrap .services-button.hovered {
background-color: rgba(213, 164, 64, 0.54); /* rgba(0, 250, 0, 0.60);*/
border: 1px solid rgba(173, 215, 221, 0.69);
border-radius: 100%;
box-shadow: 0px 0px 7px 5px rgba(173, 215, 221, 0.57);
}
.services-button-wrap .services-button.white {
background-color: rgba(255, 255, 255, 0.75); /*pic fade*/
border: 1px solid rgba(176, 198, 229, 0.58);
border-radius: 21px;
box-shadow: 0px 0px 3px 2px rgba(176, 198, 229, 0.39);
padding: 18px;
height: 240px; /*min-height: 225px;*/
position: relative;
overflow: hidden;
}
.services-button-wrap > div:hover > a .services-button.white,
.services-button-wrap > div:focus > a .services-button.white,
.services-button-wrap .services-button.white.hovered {
background-color: rgba(255, 255, 255, 0.60);
border: 1px solid rgba(176, 198, 229, 0.69);
border-radius: 100%;
box-shadow: 0px 0px 7px 5px rgba(176, 198, 229, 0.57);
}
.services-button-wrap .services-button.clear {
background-color: rgba(255, 255, 255, 0.75); /*pic fade*/
border: 1px solid rgba(176, 198, 229, 0.58);
border-radius: 21px;
box-shadow: 0px 0px 3px 2px rgba(176, 198, 229, 0.39);
padding: 18px;
height: 240px; /*min-height: 225px;*/
position: relative;
overflow: hidden;
}
.services-button-wrap > div:hover > a .services-button.clear,
.services-button-wrap > div:focus > a .services-button.clear,
.services-button-wrap .services-button.white.hovered {
background-color: rgba(255, 255, 255, 0.60);
border: 1px solid rgba(105, 126, 165, 0.69);
border-radius: 100%;
box-shadow: 0px 0px 7px 5px rgba(105, 126, 165, 0.87); /*0px 0px 7px 5px rgba(176, 198, 229, 0.57);*/
}
.services-button-wrap .services-button.clear h2,
.services-button-wrap .services-button.clear p {
position: relative;
z-index: 1;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255);
}
.services-button-wrap .services-button.clear:hover .services-button-inner * {
text-shadow: 0px 0px 1px rgba(0, 0, 0, .5),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255),0px 0px 12px rgb(255, 255, 255);
}
.services-button-wrap .services-button.clear .services-button-bg {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 100%;
width: 100%;
opacity: .6;
}
.services-button-wrap .services-button.clear:hover .services-button-bg {
opacity: .90;
}
.services-button-wrap .services-button.green {
background-color: rgba(173, 215, 221, 0.45);
color: rgba(1, 72, 78, 0.78);
}
.services-button-wrap > div:hover > a .services-button.green,
.services-button-wrap > div:hover > a .services-button.green {
background-color: rgba(1, 72, 78, 0.87);
color: rgba(173, 215, 221, 0.87);
}
.services-button-wrap > div:hover > a .services-button.green * {
color: rgba(173, 215, 221, 0.87);
}
.services-button-wrap .services-button.blue {
background-color: rgba(1, 72, 78, 0.87);
color: rgba(173, 215, 221, 0.78);
}
.services-button-wrap > div:hover > a .services-button.blue,
.services-button-wrap > div:hover > a .services-button.blue {
background-color: rgba(173, 215, 221, 0.45);
color: rgba(1, 72, 78, 0.78);
}
.services-button-wrap .services-button.orange {
background-color: rgba(255, 128, 0, 0.69);
color: rgba(0, 0, 45, 0.78);
}
.services-button-wrap > div:hover > a .services-button.orange,
.services-button-wrap > div:hover > a .services-button.orange {
background-color: rgba(0, 250, 0, 0.45);
color: rgba(0, 0, 45, 0.78);
}
.services-button-wrap > div:hover > a .services-button.hover-orange,
.services-button-wrap > div:hover > a .services-button.hover-orange {
background-color: rgba(255, 128, 0, 0.87);
color: rgba(0, 0, 45, 0.78);
}
.services-button-wrap > div:hover > a .services-button.hover-white,
.services-button-wrap > div:hover > a .services-button.hover-white {
background-color: rgba(255, 255, 255, 0.75);
color: rgba(1, 72, 78, 0.78);
}
.services-button-wrap .services-button.big-box {
height: auto;
padding: 48px;
}
.services-button-wrap .services-button h2 {
margin: 15px auto 15px;
text-decoration: underline;
max-width: 80%;
white-space: nowrap;
}
@media (max-width: 768px) {
.services-button-wrap .services-button h2 {
font-size: 1.5rem;
}
}
.services-button-wrap .services-button.big-box h2 {
white-space: normal;
}
.services-button-wrap .services-button .services-button-bg {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 100%;
width: 100%;
opacity: .12;
}
.services-button-wrap .services-button:hover .services-button-bg {
opacity: .90;
}
.services-button-wrap .services-button:hover .services-button-inner * {
text-shadow: 1px 0px 0px #000000, 2px 2px 0px rgba(173, 215, 221, 0.12), 2px -2px 0px rgba(173, 215, 221, 0.12), -2px 2px 0px rgba(173, 215, 221, 0.12), -2px -2px 0px rgba(173, 215, 221, 0.12);
}
.services-button-wrap .services-button:hover .services-button-inner h2.no-shadow {
text-shadow: none;
font-weight: 600;
}
/* tou page */
.tou-header {
margin-bottom: 0px;
text-decoration: underline;
font-weight: 600;
}
.tou-body {
margin-left: 13px;
}
/* custom css */
img.shadow {
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .33);
border: 1px solid rgba(0, 0, 0, .48);
}
.cbc-full-width, .cbc-full-width-wrap {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.cbc-inside-shadow {
box-shadow: 0px 4px 9px 3px rgba(0, 0, 0, .33) inset;
}
ul.cbc-li-spaced > li {
margin-bottom: 20px;
}
.cbc-no-link,
.cbc-no-link.menu-item > a {
cursor: default;
}
#gmap_canvas img{
max-width: none !important;
min-width: auto !important;
background: none !important;
}
/* utility */
::selection {
color: inherit !important;
background-color: #ffffb8 !important;
}
.error-message,
.success-message,
.warning-message,
.failed-message,
.notice-message {
border-radius: 0.25em;
display: inline-block;
font-weight: 700;
padding: 9px 7px 5px 7px;
white-space: pre-wrap;
margin-top: 5px;
margin-bottom: 20px;
width: 100%;
}
.error-message .fa,
.success-message .fa,
.warning-message .fa,
.failed-message .fa,
.notice-message .fa {
margin-right: 2px;
}
.error-message {
background-color: rgba(255, 0, 0, .69);
border: 1px solid rgba(0, 0, 0, 0.69);
color: rgba(0, 0, 0, .97);
}
.success-message {
background-color: rgba(0, 255, 0, .69);
border: 1px solid rgba(0, 0, 0, 0.69);
color: rgba(0, 0, 0, .97);
}
.warning-message {
background-color: rgba(255, 128, 0, .69);
border: 1px solid rgba(0, 0, 0, 0.69);
color: rgba(0, 0, 0, .97);
}
.failed-message {
background-color: rgba(0, 255, 255, .69);
border: 1px solid rgba(0, 0, 0, 0.69);
color: rgba(0, 0, 0, .97);
}
.notice-message {
background-color: rgba(255, 255, 0, .69);
border: 1px solid rgba(0, 0, 0, 0.69);
color: rgba(0, 0, 0, .97);
}
.pointer,
.cursor-pointer {
cursor: pointer;
}
.cursor-default {
cursor: default;
}
.cursor-wait {
cursor: wait;
}
.cursor-loading {
cursor: progress;
}
.cursor-none {
cursor: none;
}
.cursor-blocked,
.cursor-not-allowed,
.disabled {
cursor: not-allowed;
}
.center {
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.inline {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.inline:first-child {
margin-left: 0px;
}
.inline:last-child {
margin-right: 0px;
}
.nowrap {
white-space: nowrap;
}
span.tab:before {
content: '\00A0\00A0\00A0\00A0\00A0';
}
.shadow-dark {
border: 1px solid rgba(0, 0, 0, 0.55);
box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.69);
}
.shadow-dark-hover {
border: 1px solid rgba(0, 0, 0, 0.13);
box-shadow: 0 0 7px -7px rgba(0, 0, 0, 0.69);
transition: all .87s ease 0s;
}
.shadow-dark-hover:hover {
border: 1px solid rgba(0, 0, 0, 0.55);
box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.69);
transition: all .87s ease 0s;
}
.drop-shadow {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.drop-shadow-25 {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
.drop-shadow-50 {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.drop-shadow-75 {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
.drop-shadow-white {
box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.5);
}
.drop-shadow-white-25 {
box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.25);
}
.drop-shadow-white-50 {
box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.5);
}
.drop-shadow-white-75 {
box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.75);
}
.faded {
opacity: 0.6;
}
.faded:hover,
.faded:focus {
opacity: 1;
}
.rounded {
border-radius: 13px;
}
.rounded-circle {
border-radius: 50% !important;
}
.mt--30 { margin-top: -30px !important; }
.mt--25 { margin-top: -25px !important; }
.mt--20 { margin-top: -20px !important; }
.mt--15 { margin-top: -15px !important; }
.mt--10 { margin-top: -10px !important; }
.mt--5 { margin-top: -5px !important; }
.mb--30 { margin-bottom: -30px !important; }
.mb--25 { margin-bottom: -25px !important; }
.mb--20 { margin-bottom: -20px !important; }
.mb--15 { margin-bottom: -15px !important; }
.mb--10 { margin-bottom: -10px !important; }
.mb--5 { margin-bottom: -5px !important; }
.ml--30 { margin-left: -30px !important; }
.ml--25 { margin-left: -25px !important; }
.ml--20 { margin-left: -20px !important; }
.ml--15 { margin-left: -15px !important; }
.ml--10 { margin-left: -10px !important; }
.ml--5 { margin-left: -5px !important; }
.mr--30 { margin-right: -30px !important; }
.mr--25 { margin-right: -25px !important; }
.mr--20 { margin-right: -20px !important; }
.mr--15 { margin-right: -15px !important; }
.mr--10 { margin-right: -10px !important; }
.mr--5 { margin-right: -5px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-0 { margin-top: 0px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-0 { margin-bottom: 0px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-0 { margin-left: 0px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-0 { margin-right: 0px !important; }
.margin-0 { margin: 0px !important; }
.mt-auto, .mtb-auto { margin-top: auto !important; }
.mb-auto, .mtb-auto { margin-bottom: auto !important; }
.ml-auto, .mlr-auto { margin-left: auto !important; }
.mr-auto, .mlr-auto { margin-right: auto !important; }
.pt-30 { padding-top: 30px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-0 { padding-top: 0px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-5 { padding-left: 5px !important; }
.pl-0 { padding-left: 0px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-5 { padding-right: 5px !important; }
.pr-0 { padding-right: 0px !important; }
.padding-0 { padding: 0px !important; }
.content-img {
}
ul.checkmarks {
list-style: none;
padding: 0;
}
ul.checkmarks > li {
padding-left: 1.5em;
}
ul.checkmarks > li:before {
content: "\f00c"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: 0.5em;
width: 1.5em;
font-size: 0.85em;
}
.list-item {
padding-left: 0.25em;
}
.list-item:before {
content: "\f111"; /* fa-circle FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: 0.5em;
width: 1.5em;
font-size: 0.5em;
line-height: 1.85em;
vertical-align: top;
}
.list-item.circle-o:before {
content: "\f10c"; /* fa-circle-o FontAwesome Unicode */
}
.list-item.question-circle:before {
content: "\f059"; /* fa-question-circle FontAwesome Unicode */
font-size: 0.6em;
line-height: 1.7em;
}
.list-item.question-circle-o:before {
content: "\f29c"; /* fa-question-circle-o FontAwesome Unicode */
font-size: 0.6em;
line-height: 1.7em;
}
.list-item.check:before {
content: "\f00c"; /* fa-check FontAwesome Unicode */
font-size: 0.6em;
line-height: 1.7em;
}
.list-item.check-square-o:before {
content: "\f046"; /* fa-check-square-o FontAwesome Unicode */
font-size: 0.6em;
line-height: 1.7em;
}
.sub,
.sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.sup {
top: -0.5em;
}
.sub {
bottom: -0.25em;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 1030;
}
/*******
* Responsive - media query area
***/
@media (max-device-width: 480px) and (orientation: landscape) {
}
@media (max-width: 350px) {
}
@media (max-width: 479px) {
}
@media (min-width: 480px) {
}
@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media screen and (min-width: 768px) {
}
@media (max-width: 800px) {
}
@media (max-width: 860px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
/* Solidify the navigation menu */
@media only screen and (max-width: 991px) {
.header-image-padder,
.slider-padder,
.header-image .overlay-container,
.slider-container.default .slider .slide .overlay-container {
padding-top: 0 !important;
}
.slider-container.default .controls-container {
margin-top: 0 !important;
}
.site-header.transparent,
.site-header.floated,
.main-navigation.transparent,
.main-navigation.floated {
position: relative !important;
top: auto !important;
}
/* Mobile Menu and other mobile stylings */
/* Mobile Menu Color */
#main-menu {
background-color: #8ea535;
}
/* Menu toggle button */
.header-menu-button {
display: block;
padding: 8px 10px 6px 10px !important;
padding: 14px 10px 14px 10px !important;
color: #FFF;
text-transform: uppercase;
text-align: center;
cursor: pointer;
}
.site-header-right .header-menu-button {
padding: 8px 10px 6px 10px !important;
padding: 8px 10px 8px 10px !important;
margin: 8px 0 9px 0;
display: inline-block;
}
.header-menu-button .fa.fa-bars,
.header-menu-button .otb-fa.otb-fa-bars {
font-size: 28px;
}
/* Menu close button */
.main-menu-close {
display: block;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 100%;
position: absolute;
top: 15px;
left: 15px;
font-family: FontAwesome;
font-size: 28px;
letter-spacing: 0;
text-align: center;
padding: 0 6px 0 10px;
height: 36px;
width: 36px;
line-height: 35px;
cursor: pointer;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.main-menu-close:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.main-menu-close .fa-angle-left,
.main-menu-close .otb-fa-angle-left {
position: relative;
left: -4px;
}
.main-navigation {
padding: 0 !important;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after {
content: "";
}
/* Remove the rollover functionality from the desktop menu */
.main-navigation ul {
display: block;
visibility: visible !important;
opacity: 1 !important;
}
.main-navigation #main-menu.animate {
-webkit-transition: right 0.4s ease 0s;
-moz-transition: right 0.4s ease 0s;
-ms-transition: right 0.4s ease 0s;
-o-transition: right 0.4s ease 0s;
transition: right 0.4s ease 0s;
}
/* Mobile Menu Font Color */
.main-navigation #main-menu,
.main-navigation .search-button .fa,
.main-navigation .search-button .otb-fa,
.menu-dropdown-btn,
.open-page-item .fa-angle-down,
.open-page-item .otb-fa-angle-down,
.main-menu-close,
.main-navigation a,
.main-navigation li a,
.main-navigation ul ul a {
color: #FFFFFF !important;
}
.main-navigation #main-menu {
box-shadow: 1px 0 1px rgba(255, 255, 255, 0.04) inset;
position: fixed;
top: 0;
right: -280px;
width: 280px;
max-width: 100%;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 30px 0;
z-index: 100000;
height: 100%;
overflow: auto;
}
.main-navigation .main-menu-container,
.main-navigation .main-navigation-inner {
border: 0 !important;
}
.main-navigation .main-navigation-inner {
display: block;
}
.main-navigation .menu > ul .indicator,
.main-navigation ul.menu .indicator,
.main-navigation .search-button .indicator {
display: none;
}
.main-navigation .search-button {
display: block !important;
padding: 0 !important;
float: none !important;
}
.main-navigation ul ul {
left: 0 !important;
transform: none !important;
width: auto;
}
.main-navigation.centered-submenu ul ul,
.main-navigation.right-aligned-submenu ul ul {
-webkit-transform: none;
}
#main-menu .menu > ul,
#main-menu ul.menu {
float: none;
display: block;
}
.main-navigation li {
display: block;
float: none !important;
position: relative;
padding: 0 !important;
border: none !important;
}
.main-navigation .menu > ul > li > a,
.main-navigation ul.menu > li > a,
.main-navigation.rollover-background-color .menu > ul > li > a,
.main-navigation.rollover-background-color ul.menu > li > a,
.site-header .site-header-right .navigation-menu .main-navigation.rollover-background-color .menu > ul > li > a,
.site-header .site-header-right .navigation-menu .main-navigation.rollover-background-color ul.menu > li > a {
white-space: normal !important;
box-shadow: none;
display: block;
float: none;
padding: 10px 30px 9px 18px !important;
font-size: 14px;
text-align: left;
}
#main-menu li a {
border-bottom-color: #FFFFFF;
}
#main-menu li a:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul a {
text-transform: none;
white-space: normal !important;
text-align: left !important;
}
.main-navigation ul ul li a,
.main-navigation.rollover-background-color ul ul li a,
.site-header .site-header-right .navigation-menu .main-navigation ul ul li a,
.site-header .site-header-right .navigation-menu .main-navigation.rollover-background-color ul ul li a {
padding: 6px 30px 6px 30px !important;
width: auto;
}
.main-navigation ul ul ul li a,
.main-navigation.rollover-background-color ul ul ul li a,
.site-header .site-header-right .navigation-menu .main-navigation ul ul ul li a,
.site-header .site-header-right .navigation-menu .main-navigation.rollover-background-color ul ul ul li a {
padding: 6px 39px 6px 39px !important;
}
.main-navigation ul ul ul ul li a,
.main-navigation.rollover-background-color ul ul ul ul li a,
.site-header .site-header-right .navigation-menu .main-navigation ul ul ul ul li a,
.site-header .site-header-right .navigation-menu .main-navigation.rollover-background-color ul ul ul ul li a {
padding: 6px 47px 6px 47px !important;
}
.main-navigation ul ul ul ul ul li a,
.main-navigation.rollover-background-color ul ul ul ul ul li a,
.site-header .site-header-right .navigation-menu .main-navigation ul ul ul ul ul li a,
.site-header .site-header-right .navigation-menu .main-navigation.rollover-background-color ul ul ul ul ul li a {
padding: 6px 55px 6px 55px !important;
}
.main-navigation ul ul {
position: relative !important;
box-shadow: none;
top: 0 !important;
left: 0 !important;
float: none !important;
background-color: transparent;
padding: 0;
margin: 0 !important;
display: none;
border: none !important;
}
.main-navigation ul ul ul {
left: 0 !important;
}
.menu-dropdown-btn {
display: block;
}
.open-page-item > ul.children,
.open-page-item > ul.sub-menu {
display: block !important;
}
.open-page-item .fa-angle-down,
.open-page-item .otb-fa-angle-down {
font-weight: 700 !important;
}
/* 1st level selected item */
#main-menu a:hover,
#main-menu li.current-menu-item > a,
#main-menu li.current_page_item > a,
#main-menu li.current-menu-parent > a,
#main-menu li.current_page_parent > a,
#main-menu li.current-menu-ancestor > a,
#main-menu li.current_page_ancestor > a {
background-color: rgba(0, 0, 0, 0.2) !important;
}
/* 2nd level selected item */
#main-menu ul ul li.current-menu-item > a,
#main-menu ul ul li.current_page_item > a,
#main-menu ul ul li.current-menu-parent > a,
#main-menu ul ul li.current_page_parent > a,
#main-menu ul ul li.current-menu-ancestor > a,
#main-menu ul ul li.current_page_ancestor > a {
background-color: rgba(0, 0, 0, 0.2);
}
/* 3rd level selected item */
#main-menu ul ul ul li.current-menu-item > a,
#main-menu ul ul ul li.current_page_item > a,
#main-menu ul ul ul li.current-menu-parent > a,
#main-menu ul ul ul li.current_page_parent > a,
#main-menu ul ul ul li.current-menu-ancestor > a,
#main-menu ul ul ul li.current_page_ancestor > a {
background-color: rgba(0, 0, 0, 0.2);
}
.search-slidedown {
margin-top: 10px;
position: relative;
top: 0;
}
.main-navigation .search-slidedown .search-block {
left: 18px !important;
width: 200px;
margin-left: 0;
}
.main-navigation .search-slidedown .search-block label {
display: block;
}
.main-navigation .search-slidedown .search-block .search-field {
width: 100%;
border: none !important;
}
.slider-placeholder {
display: none;
}
}
@media screen and (max-width: 991px) {
.site-header .site-logo-area .site-container {
display: block;
min-height: auto;
}
.site-header .branding {
float: none !important;
width: 100% !important;
text-align: center;
}
.site-header .branding.centered {
padding-top: 23px 0 23px 0;
}
/* Adjust the font sizes of the header elements */
.site-header .site-top-bar ul.social-links li a,
.site-header .site-logo-area ul.social-links li a {
font-size: 16px;
}
.site-top-bar,
.site-header .branding .description,
.site-header .shop-links .account-link,
.site-header .shop-links .header-cart {
font-size: 13px;
}
.site-header .site-top-bar .site-container div .info-text,
.site-header .site-top-bar .site-container div .shop-links,
.site-header .site-top-bar .site-container div .custom-menu,
.site-header .site-top-bar .site-container div ul.social-links,
.site-header-right div .info-text,
.site-header-right div .shop-links,
.site-header-right div .custom-menu,
.site-header-right div ul.social-links {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.site-header-right {
float: none !important;
width: 100% !important;
text-align: center !important;
padding: 0 !important;
}
.site-header .site-logo-area .info-text {
font-size: 13px;
}
.site-header-right .info-text {
text-align: center !important;
}
.site-header .social-links {
float: none;
}
.site-header .site-header-right .menu > ul,
.site-header .site-header-right ul.menu {
float: none;
margin-bottom: 0 !important;
}
.site-header-right .top .header-cart {
padding-bottom: 0;
}
.site-header-right .top {
width: 100%;
margin: 0 0 9px 0;
}
.site-header-right .top.empty {
display: none;
}
.site-header-right .bottom {
float: none;
width: 100%;
margin: 0 0 15px 0;
}
.site-header-right .bottom.empty {
display: none;
}
.site-header-right.bottom-empty .top {
margin-bottom: 15px;
}
.site-header-right.top-empty.bottom-empty {
display: none;
}
.site-header-right .header-menu-button {
margin: 8px 0 0 0 !important;
}
.main-navigation.left-aligned .header-menu-button {
text-align: center !important;
}
.site-header.left-aligned .main-navigation.inline {
display: block;
}
/* Remove the top margin on the bottom position if the top position is empty */
.main-navigation .main-menu-container {
text-align: center !important;
}
.social-links {
display: inline-block;
float: none;
text-align: center;
margin: 0;
}
.content-area {
width: 100% !important;
float: none !important;
box-shadow: none !important;
padding: 0 0 20px;
}
.widget-area {
width: 100% !important;
float: none !important;
padding: 0 0 20px;
}
.page-template-template-left-primary-sidebar .widget-area,
.page-template-template-left-secondary-sidebar .widget-area,
.page-template-template-left-shop-sidebar .widget-area {
box-shadow: 0 1px 0 #bebebe;
padding: 0 0 10px;
margin: 0 0 30px;
}
.page-template-default .widget-area {
box-shadow: 0 -1px 0 #bebebe;
padding: 30px 0 0;
margin: 10px 0 0;
}
.widget-area .widget .search-field {
width: 78%;
max-width: 200px;
}
.site-footer-widgets .site-container,
.site-footer-widgets .site-container .widgets-container {
display: block;
}
.site-footer-widgets .widgets-container .widget {
width: 100% !important;
float: none !important;
padding: 0 0 40px !important;
display: block;
}
.site-footer-widgets .widgets-container .widget:last-child {
padding: 0 0 10px !important;
}
.site-content .rpwe-block li {
width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.widget-area > aside {
display: inline-block;
width: 33%;
}
.site-container {
padding-left: 17px !important;
padding-right: 17px !important;
}
.site-container.full-width {
padding-left: 0px !important;
padding-right: 0px !important;
min-height: auto;
}
#main-menu {
background-color: rgba(180, 159, 134, .97) !important; /*rgba(73, 71, 52 .67);*/
}
.main-navigation a, .main-navigation li a {
color: rgba(0, 0, 0, .97) !important;
}
.main-navigation-inner * {
padding: 0px !important;
margin: 0px !important;
text-align: center !important;
width: 100% !important;
}
.menu-mobile-logo-container {
display: inline-block;
top: 0;
left: 0;
position: relative;
}
.menu-mobile-logo-container img {
max-width: 100px;
}
.header-menu-button.right {
display: inline-block;
position: absolute;
top: 11px;
right: 33px;
}
.header-menu-button.left {
display: inline-block;
position: absolute;
top: 11px;
left: 33px;
}
.main-navigation .menu-primary-left-container,
.main-navigation .menu-primary-right-container {
margin-left: 0px;
margin-right: 0px;
text-align: center;
}
.main-navigation .menu-primary-left-container ul.menu > li > a,
.main-navigation .menu-primary-right-container ul.menu > li > a {
text-align: center
}
.menu-mobile-logo-container.popout {
display: block;
position: unset;
}
.menu-mobile-logo-container.popout img {
max-width: 145px;
width: 145px;
padding:0px 15px 0px 0px !important;
}
}
@media (min-width: 992px) {
}
@media (max-width: 1184px) {
.site-container, .main-menu-container {
padding: 0px;
}
}
@media (max-width: 1199px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
}
@media all and (transform-3d), (-webkit-transform-3d) {
}
@media print {
}