
/*************************/
/** START COLORS **/
/*************************/
/* Text */
a, .text-pri, a.text-pri, #main #woopcomm .wpc-comment-author, .woocommerce-orders-table__cell-order-status, #main .woocommerce-MyAccount-navigation ul li a, .WOOF_Widget .woof_list label, #main .btn-link, .product_title, .check-list li::before, .check-list1 li::before, .check-list2 li::before, .check-list3 li::before, .check-list4 li::before, .check-list5 li::before {color: #006ab3;}
a:hover, a:focus, a:active, .text-sec, a.text-sec, #main .woocommerce-MyAccount-navigation ul li a::before, #main .btn-link:hover {color: #ff6d03;}

/* Background */
.sidechat,.woocommerce #main #respond input#submit.alt, .woocommerce #main a.button.alt, .woocommerce #main button.button.alt, .woocommerce #main input.button.alt, #main #woopcomm .wpc-comment-label, #main .btn-tprimary, .woocommerce-MyAccount-content .order-status, #ship-to-different-address, .bg-pri, .bbg-pri:before, .htag2 .innerh:before, .hbg2 .innerh:before, .hbg2 .innerh:after {background-color: #006ab3 !important;}
#main .btn-tsecondary, #main span.onsale, #main .woocommerce button.button.alt, #main .cart button.button.alt, #main .woocommerce .cart_totals .checkout-button, .bg-sec, .bbg-sec:before {background-color: #ff6d03 !important;}

/* Border */
#main .btn-tprimary, #main .btn-tsecondary:hover, .bor-pri {border-color: #006ab3 !important;}
#main .btn-tsecondary, #main .btn-tprimary:hover, .bor-sec {border-color: #ff6d03 !important;}
/*************************/
/** END COLORS **/
/*************************/

/*************************/
/** START CONDITIONALS **/
/*************************/
/* Font Styles */

/* Body Background */
body {background: url('https://recursosrz.com/wp-content/uploads/2022/05/RZ-Minis-bg.jpg') }


/* WhatsApp Chat */
.open-button {padding: 10px 15px; border-radius: 50%; background-color: #06D755; color: white; border: none; cursor: pointer; position: fixed; bottom: 70px; left: 26px; z-index: 99;}
.chat-popup {width: 300px; overflow: hidden; background-color: white; display: none; position: fixed; bottom: 5px; left: 15px; z-index: 100; border-radius: 5px;}
.chat-inner {padding: 20px;}
.chat-ttl {display: block; padding: 10px 5px; text-align: left; background: #06D755; color: #fff; position: relative;}
.chatinit {width: 100%; margin-bottom: 20px; padding: 5px; background: #f2f2f2; -webkit-box-shadow: 1px 1px 3px 0 #E0E0E0; box-shadow: 1px 1px 3px 0 #E0E0E0; position: relative;}
.chatinit span {width: 90%; display: block; font-size: .9rem;}
.chatinit img.chatlogo {width: 50px; height: auto; padding: 5px; border-radius: 3px; background: #fff; position: absolute; top: -20px; right: -10px;}
.chat-popup .btn {padding: 5px 10px; background-color: #4CAF50; border: none; cursor: pointer;}
.chat-popup .btn.desktop {display: inline;}
.chat-popup .btn.mobile {display: none;}
@media only screen and ( max-width: 992px ) /* 990 */ {
.chat-popup {width: auto !important; max-width: 400px !important;}
.chat-popup .btn.desktop {display: none !important;}
.chat-popup .btn.mobile {display: inline-block !important;}
}
.chat-popup .strtcht {background-color: #06D755; color: #fff; font-size: 1.1em;}
.chat-popup .cancel {padding: 4px 10px; border-radius: 50%; background-color: #000; color: #fff; font-size: 12px; position: absolute; top: 8px; right: 8px; opacity: 0.7;}
.chat-popup .cancel:hover {color: #fff; opacity: 0.7;}
.chat-popup .rst {background-color: #ccc; color: #888; font-size: 1.1em;}

/* Header */

.topbar {background: #000000; color: #ffffff;}
#masthead .topbar a, #masthead .topbar a:hover {color: #ffffff;}

/* Navigation */
.main-navigation a, .rlnav a {}







.main-navigation {width: 100%; clear: both; display: block; float: left;}
#site-navigation ul.menu {width: 100%; margin: 0; padding-left: 0; display: table; list-style: none; position: absolute; top: 50%; transform: translate(0%,-50%); z-index:100; text-align: right;}


.main-navigation ul ul {background-color: #fff;}

/* Page Titles */


.entry-header {background: rgba(0,0,0,0);}


.entry-header h1.entry-title {margin-bottom: 0; color: #fff; z-index: 0;}
/* Footer */

.site-footer {background: #000; color: #fff;}
.site-footer a {color: #fff;}



.flex-caption {top: 30%;}




/*************************/
/** END CONDITIONALS **/
/*************************/