/* Tierra Prometida Alpacas - Custom. Copyright (c) Openherd. */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,700');

/* ||||| Global ||||| */
body {font:normal 400 14px 'Open Sans', sans-serif; color:#555; background:#d5d2d3 url(Content/img/texture_bg.jpg) repeat center top;}
.master-wrapper-page {background:rgba(255,255,255,0.7);}
.custom {color:#c9001e !important;}
.custom_bg {background-color:#c9001e !important;}
/* links */
.default-link, .description a, .full-description a, .product-essential a, .event .event-more a, .home-feature-content p a, .comment a, #external-links a, a#caption_toggle, .smallprint a, .event_info a, .breadcrumb strong, .category-item:hover .title a, .sub-category-item:hover .title a, .manufacturer-item:hover .title a, .sub-category-details li a:hover, .vendor-list li a:hover, .page .item-box .actual-price, .page .item-box .product-title a:hover, .page .item-box .tax-shipping-info a, .common-buttons input:hover, .cart-collaterals .message-failure, .terms-of-service a, .order-completed .details a, .order-details-page .page-title a:hover, .order-details-page .download a, .order-details-page .view-details a, .overview .value a, .variant-overview .value a, .tier-prices .item-price, .product-tags-list a:hover, .cart .edit-item a, .order-progress li.active-step a, .common-buttons .update-cart-button, .common-buttons .continue-shopping-button, .team-section.item .comment a, .feature-section.item .comment a, a.read-more, .custom, a.common-link, .openherd-features-carousel .grid_fv_featured .tv_name a {color:#c9001e;}
.order-progress li.active-step a:after {border-left-color:#c9001e;}
a:hover, .default-link:hover, .category-navigation-list > li:hover > a, .category-navigation-list > li:hover > span, .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover, .header-menu > ul > li> .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover, .breadcrumb a:hover, .compare-products-page .clear-list, .header-menu > ul > li > .sublist-wrap a:hover, .productAddedToCartWindowSummary a:hover, .home-page .team-member .title a:hover, .home-page .featured-comments .title a:hover, .html-home-page .openherd-featured-items .title a:hover, .animal-details #external-links a:hover, a.common-link:hover {color:#e02139;}
/* buttons */
.button, .overview .add-to-cart-button, .variant-overview .add-to-cart-button, .contact-vendor-button, .sub-category-details .inner-title, .manufacturer-details .inner-title, .vendor-details .inner-title, .item-box .rating div, .item-box .buttons-lower button span:before, .item-box .buttons-lower button span:after, .item-box .buttons-upper input[type="button"]:hover, .pager li > span, .page .item-box .with-icon .product-box-add-to-cart-button, .order-details-page .page-title a, .order-details-page .page-title a:hover, .page .item-box input[type="button"], .shopping-cart-page .button-1:hover, .checkout-page .button-1:hover, .cart-collaterals .coupon-code input[type="submit"]:hover, .cart-collaterals .estimate-shipping-button:hover, .product-review-box .rating div, .download-sample-button:hover, .back-in-stock-subscription .subscribe-button:hover, .overview .add-to-wishlist-button:hover, .variant-overview .add-to-wishlist-button:hover, .overview .add-to-compare-list-button:hover, .overview .email-a-friend-button:hover, .back-in-stock-subscription-page .button-1, .ui-tabs .ui-tabs-nav li a:after, .product-list .item-box .buttons-lower button, .item-box:hover .buttons-lower button span, .cart-collaterals .estimate-shipping-button, .cart-collaterals .coupon-code input[type="submit"], .shopping-cart-page .button-1, .checkout-page .button-1, .productAddedToCartWindowSummary .button-1, .mini-shopping-cart input.checkout-button, .mini-shopping-cart input[type="button"]:only-child, .mini-shopping-cart input.cart-button, .eu-cookie-bar-notification button, .button-2.extra-button {background-color:#2149d9; color:#fff !important;}
.button:hover, .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover, .back-in-stock-subscription-page .button-1:hover, .contact-vendor-button:hover, .product-list .item-box .buttons-lower button:hover {outline-color:#2149d9;}
/* popups & modals */
.spinner, .simplemodal-container:after, #load:after, .load:after, .productPanelAjaxBusy:before, .infinite-scroll-loader:before, .quickView .cloudzoom-ajax-loader:before, .nopAjaxCartPanelAjaxBusy:before, .miniProductDetailsPanelAjaxBusy:before, .quickView .k-loading-image:before, .cloudzoom-ajax-loader:before, .ajax-loading-block-window:before {border-top-color:#c9001e !important;} /* spinner color */


/* ||||| All Pages ||||| */
/* header */
.cart-trigger:before, .category-navigation-title:after, .product-grid .item-box:hover .buttons-lower button {background-color:#2149d9;} /* cart button */
.flyout-cart-trigger .cart-trigger, .flyout-cart-trigger:hover .cart-trigger {border-color:#fff; background-color:#fff; color:#555;}
.header-middle {position:relative; background:#d5d2d3 url(Content/img/texture_bg.jpg) repeat center top;}
.header-middle .center {position:relative; z-index:1013;}
.header-middle .center:before {display:block; position:absolute; width:100%; height:100%; left:-180px; top:0; content:""; background:url(Content/img/texas_profile.png) no-repeat 0 center; background-size:auto 300%;}
.header-middle .center:after {display:block; position:absolute; z-index:3; width:100%; height:100%; left:85px; top:0; content:""; background:url(Content/img/texas-star.png) no-repeat 0 center; background-size:auto 120%;}
.header-middle .header-logo-slogan {position:relative; z-index:1013;}
.header-middle .header-slogan {display:none !important;}
.header-lower, .responsive-nav-wrapper-parent {background-color:#c9001e;} /* nav bar desktop/mobile */
.header-logo a img {max-height:150px;}
/* footer */
.footer-upper {background-color:#2149d9;} /* email/social bar */


/* ||||| Home Page ||||| */
.home-feature h4, .dv-booking h4, .home-feature h4 span.rfl .ficon:before, .event .event-icon .month  {background-color:#2149d9; color:#fff;}
.slick-dots li.slick-active button, .page .item-box .product-ribbon {background-color:#c9001e !important;}
.side-2 .slick-dots li.slick-active button {background-color:#c9001e;}
.side-2 .slick-dots li.slick-active button, .page .item-box .product-ribbon, .bestsellers-carousel .slick-arrow:hover {background-color:#c9001e !important;}
/* appointments */
.ui-datepicker-header {background-color:#c9001e;} /* header bg */
.dv-link .active-key:before, .ui-datepicker-calendar .ui-state-active {background-color:#feec87 !important;} /* available dates bg / key */
.ui-datepicker-calendar td a.ui-state-active, ul#appointment-datetime-select li.selected, #appointment-datetime-select li.selected:hover {background-color:#fedf36 !important; color:#555 !important; border:1px solid #999;} /* selected timeslot bg */

.swiper-button-next, .swiper-button-prev, .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#c9001e !important;}
.swiper-button-next:after, .swiper-button-prev:after {color:#fff;}


/* |||||||||||||||||||||||||||||| Responsive |||||||||||||||||||||||||||||| */
@media all and (max-width:1024px) {
	.header-middle .center:before {left:-100px;}
	.header .header-logo {max-width:100px;}
	.header-menu > ul li:hover > a {color:#c9001e;}
	.responsive-nav-wrapper div > span:after, .responsive-nav-wrapper div > a:after {color:#fdff01;}
	.home-page .slick-arrow {background-color:#c9001e !important;}
}

@media all and (max-width:768px) {
	.header-middle .center:before {left:-90px;}
	.header-middle .center:after {left:70px;}
}

@media all and (max-width:480px) {
	.header-middle .center:before {left:-60px;}
	.header-middle .center:after {left:60px;}
}

@media all and (min-width:1025px) {
	.header-middle {padding:0;}
	.header-middle .center {padding:20px 0;}
	.header-logo {width:150px;}
	.flyout-cart-trigger:hover .cart-qty, .flyout-cart-trigger:hover .cart-label {color:#555;}
	.header-menu > ul > li > a, .header-menu > ul > li > span {color:#fdff01; font-weight:normal; font-size:16px;}
	.header-menu > ul > li:hover > a, .header-menu > ul > li:hover > span {color:#fff; background:transparent;}
	.header-menu > ul > li:first-child > a {padding-left:0;}
	.home-page .section-inner {padding-left:0; padding-right:0;}
	.home-page-body .home-page-section .section-inner, #memberships {width:calc(100% - 80px);}
}

@media (min-width:1281px) {
	.header-middle .center:before {left:-200px;}
	.header-logo {width:180px;}
	.header-menu > ul > li > a, .header-menu > ul > li > span {font-size:17px;}
	.home-page-body .home-page-section .section-inner, #memberships {width:1200px;}
}