/* Rancho Inca Alpacas - Custom. Copyright (c) Openherd. */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@font-face {
	font-family:futura-light;
	src:url('futural.eot');
	src:url('futural.eot?#iefix') format('embedded-opentype'),
	url('futural.woff') format('woff'),
	url('futural.woff2') format('woff2');
}

body {background:linear-gradient(to bottom, #150b03 20px, #492d12 120px);}
.header-middle, .header-lower {background:transparent;}
.header-slogan {width:256px; height:57px; background:url(rancho-inca-alpacas-logo-text.png) no-repeat center; background-size:100% auto;}
.header-slogan h2 {display:none;}
.slider-wrapper:before {display:block; content:""; position:absolute; left:3%; bottom:0; z-index:10; width:150px; height:118px; background:url(rancho-inca-alpacas-motif.png) no-repeat;}
.master-wrapper-content {background:url(rancho-inca-alpacas-pattern.png) repeat-x center top;}
.home-page-section.intro-section .description {color:rgba(255,255,255,0.8);}
.home-feature h4, .dv-booking h4, .home-feature h4 span.rfl .ficon:before {background-color:#9b7c4b;}
.home-page-section.feature-box-section {background:none;}
.members-wrap {background-color:#fff;}
.footer-upper, .footer-middle, .footer-lower {background:#000;}
.footer-middle, .footer-middle a, .footer-lower, .footer-lower a, .footer-middle .title, .footer-block .ficon:before {color:#cec1a3;}

/* home page */
.carousel-cell .caption {font-family:'Dancing Script', serif; color:#f7c77c !important; font-weight:600;}
.home-feature h4 {font-size:26px; font-family:'Dancing Script', serif;}

/* ||||| Responsive ||||| */
@media screen and (max-width:1024px) {
	.responsive-nav-wrapper-parent {background:#9b7c4b;}
	.two-columns-area {padding-bottom:0;}
}

@media screen and (max-width:768px) {
	.header-slogan {width:216px;}
}

@media screen and (max-width:480px) {
	.header-slogan {width:176px;}
}

@media screen and (min-width:1025px) {
    .header-menu > ul > li > a, .header-menu > ul > li > span {color:#fdedc8; border-left:1px solid rgba(72,67,58,0.4); border-right:none; font-family:futura-light, 'helvetica neue', helvetica, arial, sans-serif; transition:color 0.2s ease;}
    .header-menu > ul > li > a:hover, .header-menu > ul > li > span:hover {background-color:transparent; color:rgba(253,237,200,0.8);}
    .header-menu > ul > li:last-child {border-right:1px solid rgba(72,67,58,0.4);}
	.header-menu > ul > li > .sublist-wrap > .sublist {background-color:rgba(31,22,17,0.9);}
    .header-menu > ul > li > .sublist-wrap a {color:#fdedc8;}
    .header-menu > ul > li > .sublist-wrap a:hover {color:rgba(253,237,200,0.8);}
	.html-home-page h1#intro-title {margin-top:50px;}
}
