


@media(min-width:728px) {
	

	 html .default-spacing\:all{
			padding:calc(var(--dp-site-padding)/ 2);
		
		}

	
	 html .default-spacing\:top-bottom {
			padding-top:calc(var(--dp-site-padding)/ 2);
			padding-bottom:calc(var(--dp-site-padding)/ 2);
		}
		
		
	 html  .default-spacing\:bot{
		padding-bottom:calc(var(--dp-site-padding)/ 2);
		
		}
		
	
		
	 html .default-spacing\:top{
		padding-top:calc(var(--dp-site-padding)/ 2);
		
		}
		
	 html .default-spacing\:bottom-sides{
		padding-bottom: calc(var(--dp-site-padding)/ 2);
		padding-right: calc(var(--dp-site-padding)/ 2);
		padding-left: calc(var(--dp-site-padding)/ 2);
		
		}
				
	 html .default-spacing\:top-sides{
		padding-top: calc(var(--dp-site-padding)/ 2);
		padding-right: calc(var(--dp-site-padding)/ 2);
		padding-left: calc(var(--dp-site-padding)/ 2);
		
		}
		
	 html .default-spacing\:sides{
		padding-left:calc(var(--dp-site-padding)/ 2);
		padding-right:calc(var(--dp-site-padding)/ 2);
		
		}
	
		
	
}






@media(min-width:728px) and (max-width:864px) {
	
	 html .default-spacing\:all{
			padding:calc(var(--dp-site-padding)/ 4);
		
		}

	
	 html  .default-spacing\:top-bottom {
			padding-top:calc(var(--dp-site-padding)/ 4);
			padding-bottom:calc(var(--dp-site-padding)/ 4);
		}
		
		
	 html .default-spacing\:bot{
		padding-bottom:calc(var(--dp-site-padding)/ 4);
		
		}
		
	
		
	 html  .default-spacing\:top{
		padding-top:calc(var(--dp-site-padding)/ 4);
		
		}
		
	 html  .default-spacing\:bottom-sides{
		padding-bottom:calc(var(--dp-site-padding)/ 4);
		padding-right: calc(var(--dp-site-padding)/ 4);
		padding-left: calc(var(--dp-site-padding)/ 4);
		
		}
				
	 html  .default-spacing\:top-sides{
		padding-top:calc(var(--dp-site-padding)/ 4);
		padding-right: calc(var(--dp-site-padding)/ 4);
		padding-left: calc(var(--dp-site-padding)/ 4);
		
		}
		
	 html  .default-spacing\:sides{
		padding-left:calc(var(--dp-site-padding)/ 4);
		padding-right:calc(var(--dp-site-padding)/ 4);
		
		}
	}




@media(max-width:728px) {
	
		
	html  .default-spacing\:all{
			padding:calc(var(--dp-site-padding)/ 2) 15px;
		
		}

	html .mod-m1-clmn[class*='all'] .mod,
	html .mod-m1-clmns[class*='sides'] .mod,
		{
			padding-right:0;
			padding-left:0;
		
		}

	
		 html 	 .default-spacing\:top-bottom {
			padding-top:calc(var(--dp-site-padding)/ 2);
			padding-bottom:calc(var(--dp-site-padding)/ 2);

		}
		
		
	html .default-spacing\:bot{
		padding-bottom:calc(var(--dp-site-padding)/ 2);
		
		}
		
	
		
	html .default-spacing\:top{
		padding-top:calc(var(--dp-site-padding)/ 2);
		
		}
		
	html .default-spacing\:bottom-sides{
		padding-bottom: calc(var(--dp-site-padding)/ 2);
		padding-right: 15px;
		padding-left: 15px;
		
		}
				
	html .default-spacing\:top-sides{
		padding-top: calc(var(--dp-site-padding)/ 2);
		padding-right: 15px;
		padding-left: 15px;
		
		}
		
	html .default-spacing\:sides{
		padding-right: 15px;
		padding-left: 15px;
		
		}


}
/* @override 
	http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/promos.css?*
	http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/promos.css?* */


.tout {
	z-index:900;
	transition:opacity .3s ease;
}

.tout, .tout .tout-container{
	overflow:visible;
		
}

.tout .tout-container{
	box-shadow:0px 0px 5px rgba(0,0,0,.5);
	border:1px solid #ffffff73;
	margin:auto;
	position:Relative;

}



.tout .btn-close{
	top: -5px;
	right: -5px;
}


@media(min-width:769px) {
	
	.tout {
	position:fixed;
	bottom: 10px;
	}

	.tout.pos-lt {
		left:10px;
	}
	.tout.pos-rt {
		right:10px;
	}

	
}


@media(max-width:769px) {
	.tout {
		margin:calc(var(--dp-site-padding)/2) auto
	}

}



.header-banner{
		transition:opacity .3s ease;
}

.header-banner p{
   margin:0
}

.header-banner, .header-banner-container, .header-banner-box {
	position:relative;
	overflow:visible;
	
}

.header-banner,
.header-banner-box{
	overflow:visible;
}
.header-banner .btn-close{
	top: -5px;
	width:20px;
	height:20px;

	
}
.header-banner .btn-close svg{
	margin-top: -2px;
	
}




.popup-dogear {

  transition: all .5s ease;
  cursor:pointer;
  z-index: 10;

  
}


@media(min-width:768px){

  
.popup-dogear {
    position:fixed;
	    top: 280px;
    right: 0px;
    background: linear-gradient(90deg, rgba(251,248,243,1) 95%, rgba(227,225,223,1) 100%);
    padding:4px 0 4px 4px;  
    box-shadow:0 2px 4px rgba(0,0,0,.3);
    border-radius:6px 0 0 6px;
    
  }
  
html.hide-access  .popup-dogear {
  	    top: 180px;
  	}


.popup-dogear:hover{

  background:var(--dp-color-primary) !important; 

  }
  
  .popup-dogear:hover .subscribe{

      background: var(--dp-color-primary);
      }


}

.popup-dogear .tab-content {
	border-radius:5px 0 0 5px;
	overflow:hidden;
	
}


.popup-dogear h3{
  font-family: "Lato, sans-serif", sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-align:center;
  border:1px solid var(--dp-color-primary);
  padding:10px;
    border-radius:4px 0 0 4px;
    border-right: none;
    transition:all .5s ease;
}

.popup-dogear h3 em{
    display:block;
    font-style: normal;
    font-weight: 700;
  }



  
.popup-dogear:hover h3{
  color:var(--dp-color-quinary);
 
  border-color:var(--dp-color-quinary);
  }



@media(max-width:768px){
  header .popup-dogear {
    top: 100px;
    right: 0px;
    background: rgba(251,248,243,1);
    padding:3px;  
    box-shadow:0 2px 4px rgba(0,0,0,.3);
  
    
  }
  header .popup-dogear h3{

  padding:5px;
    border-radius:4px 0 0 4px;
  }

 .popup-dogear:hover {

    background: rgba(113,16,17,1);
    }

    header .popup-dogear h3 em{ 
      display: inline;
    }
  
}

.tout.tripadvisor a {
    display: block;
    width: 240px;
}

a.opentable-100best {
    border: 1px solid #00000075;
    margin-bottom: 5px;
}

 .tout.tripadvisor .tout-container{
border:none;
box-shadow:none;
}@media(min-width:728px){footer{padding-bottom:390px!important;}}" /* --- Theme ---  *//* ---- .DS_Store---- *//* ---- accessibility-pane.css---- */
.close-access span {
    position: relative;
    transform: rotate(45deg);
    top: 0px;
    left: .5px;
}

.close-access {
    background-color: black;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    margin-bottom: -3px;
    position: absolute;
    z-index: 3;
    cursor: pointer;
    top: -13px;
}/* ---- c7-apparel.css---- */
html body[data-pagetype="apparel"] .c7-product__details{
    text-align:left!important
  }
  
  html body[data-pagetype="apparel"] .c7-product__add-to-cart__price__variant .c7-product__variant__price__title,
  html body[data-pagetype="apparel"] .c7-form__field.c7-product__add-to-cart__variants,
  html body[data-pagetype="apparel"] .c7-product__add-to-cart__form{
    display: none!important;
  }
  
  html body[data-pagetype="apparel"] .c7-product__add-to-cart__price {
    margin-top: 10px !important;
    display:flex;
  }
  html body[data-pagetype="apparel"] .c7-product__add-to-cart__price__variant,
  html body[data-pagetype="apparel"] .c7-product__add-to-cart__price{
    font-weight: bold;
  }
  html body[data-pagetype="apparel"] .c7-product__add-to-cart__price__variant:before{
    content:"USD";
    display:inline-block;

}
@media (min-width: 768px) {
html body[data-pagetype="apparel"] .c7-product__add-to-cart__price__variant:before{
  font-size: 18px;
}
}

@media (max-width: 768px) {
  html body[data-pagetype="apparel"] .c7-product-collection__product-list {
    display: flex;
    gap: 40px !important;
    flex-wrap: wrap;
  }
  
  
  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product {
    width: calc(50% - 20px) !important;
  }

  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    .c7-product__title {
    font-size: 14px !important;
  }

  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    .c7-product__add-to-cart__price
    .c7-sr-only,
  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    .c7-product__add-to-cart__price
    .c7-sr-only
    + * {
    font-size: 14px !important;
    font-weight: bold;
  }

  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    .c7-product__variant__price__title {
    font-size: 12px !important;
    line-height: 1.2em;
    display: block;
  }

  html body[data-pagetype="apparel"] .c7content-mod {
    padding: 0 !important;
  }

  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    .c7-product__add-to-cart__form
    .c7-form__field {
    align-items: center;
    display: flex;
  }

  @media (min-width: 501px) {
    html
      body[data-pagetype="apparel"]
      .c7-product-collection__product-list
      .c7-product
      .c7-product__add-to-cart__form
      .c7-form__field
      input {
      margin-bottom: 0 !important;
    }
  }

  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    .c7-product__add-to-cart__form {
    display: none
  
  }
  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    .c7-product__add-to-cart__form
    input {
    text-align: center;
    padding: 3px 10px;
    font-size: 14px;
    height: auto;
  }

  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    .c7-product__add-to-cart__form__quantity {
    max-width: 100px !important;
    margin: auto !important;

    padding: 0px !important;
  }
  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    button {
    padding: 10px !important;
    line-height: 0.8em !important;
  }
  html
    body[data-pagetype="apparel"]
    .c7-product-collection__product-list
    .c7-product
    button
    span {
    font-size: 12px !important;
  }
}
/* ---- chateau-reservations.css---- *//* @override 
	http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/auto-import/chateau-reservations.css?* */

.chateau-header h1 {
	margin-bottom:0
}
.bg-offset-tan {
	overflow:visible;
	position:relative;
	z-index: 0;
}

.zindex\:10 {
	z-index:10
}
.bg-offset-tan{
  position:relative;
}

.bg-offset-tan:before {
	content:"";
	background:#FBF8F3;
	position:absolute;
	top: -500vh;
	bottom: 120px;
	left: 0vw;
	right: 0;
	width: 100vw;
	
}


.reservation-checkin .reservation-action > * {
  position: relative;
}



@media(max-width:768px) {
	
	.bg-offset-tan:before {
		content:"";
		background:#FBF8F3;
		position:absolute;
		top: -500vh;
		bottom: 50px;
		left: 0vw;
		right: 0;
		width: 100vw;
		
	}

}

.chateau-header .mod-m1-intro-txt {
	padding-top:0
}

.chateau-header .sash {
	position:relative;
	display:inline-block;
	overflow:visible;
  width: auto;
	height:50px
}
.chateau-header .sash-field {
	background:var(--dp-color-primary);
	border: 1px solid var(--dp-color-primary);
	color:white;
	font-style: italic;
	font-size: 14px;
	padding:8px 8px 8px 8px;
	position:relative;
	text-align:center;
	display:inline-block;
	z-index:2;
	line-height:1.3em;
	box-shadow: 2px 0px 8px rgba(0,0,0,.4);
	letter-spacing:.06em
}

.chateau-header .sash-field:before {
	position:absolute;
	content:"";
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	border:1px solid white;
	
}

.chateau-header .sash img {
	position:absolute;
	right: -22px;
	top: 3px;
	height: 34px;
	width:auto;
	z-index:1
}
@media(max-width:768px) {
	.chateau-header h1 {
		margin-bottom: 10px;
 }
.chateau-header .sash img {
		display:none
	}
	
	.chateau-header .mod-m1-intro-txt{
		text-align:center
	}
	.chateau-header .sash{
		margin:auto;
	}
}

@media(min-width:864px) {
	
	.chateau-header .sash-field {
	   border-right:none;
	   text-align:left;
	   	font-size: 15px;
	   	padding:7px 8px 7px 8px;
	}
	.chateau-header .sash-field:before {
	   border-right:none;
	}
}




.grid-image-box-crop {
  border-radius: 20px;
  overflow: hidden;
}

.grid-image-box-crop > div {
  margin: -8px;
}
.grid-image-box br {
  display: none;
}
html body .grid-image-box img:not(.nosize):not(.full-size) {
  padding: 5px;
  display: block;
  height: 100% !important;
  width: 100%;
}

.grid-image-box img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
  cursor: pointer;
}

@media (min-width: 768px) {
  .grid-image-box {
    height: 450px;
    display: flex;
  }

  .grid-image-box > div:first-child {
    width: 60%;
  }

  .grid-image-box > div:last-child {
    width: 40%;
  }

  .grid-image-box > div:last-child > div {
    height: 50%;
  }

  .grid-image-box > div:last-child > div:last-child img {
    /* width: 50%; */
  }
}

@media (max-width: 767px) {
  .grid-image-box {
    display: flex;
    flex-direction: column;
  }

  .grid-image-box img {
    height: 200px !important;
    pointer-events: none;
  }
}

.grid-image-box > div {
  height: 100%;
}


.mod.mod-m1 .mod-contain .mod-txt ul {
  margin-top: 20px;
}





.reservation-checkin {
  border-radius: 15px !important;
  overflow: hidden;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
  margin: 5px;
}
.reservation-checkin h2 {
  background-color: var(--dp-color-tertiary);
  font-family: var(--dp-font-primary);
  color: white;
  font-weight: 400;
  padding: 10px 0px 10px 30px;
  box-sizing: border-box;
  margin-bottom: -15px;
}

.reservation-checkin .reservation-action > * {
  width: 100%;
  white-space: nowrap;
  margin: 5px 0;

}

.reservation-checkin .date-out {
  position: relative;
  margin-top: -15px;
}

.reservation-checkin .date-out input {
  font-style: italic;
  padding-right: 0;
  font-size: 15px !important;
  text-align: left;
  min-width: 0px !important;
  display: inline;
}

.lightbox[data-role*="small"] .lightbox-container{
  width: 400px !important;
  height: auto !important;
  border-radius: 20px !important;

}

.popup-overlay[data-type*="center"] .overlay-modal .overlay-title {
  text-align: Center;
  padding-left: 50px;
  padding-right: 40px;

}


.popup-overlay[data-type*="no-title"] .overlay-modal .overlay-title {
  padding: 0px;
  min-height: 30px;
}

html body .reservation-checkin #date-out {
  width: 125px !important;
  min-width: 0px !important;
  display: inline-block !important;
  padding: 0 !important;
  line-height: 1em !important;
  margin: 0 !important;
}

.reservation-checkin #date-out,
.reservation-checkin .date-out label {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
}

@media (min-width: 500px) {
  .reservation-checkin .date-out {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    flex-wrap: wrap;
  }

  .reservation-checkin .reservation-action > * {
    margin: 5px;
  }

  .reservation-checkin #date-out,
  .reservation-checkin .date-out label {
    height: 31px;
  }

  .reservation-checkin .reservation-action {
    display: flex;
    justify-content: space-between;
  }
}

.reservation-checkin #date-out,
.reservation-checkin .date-out label {
  padding-right: 10px;
}

@media (max-width: 500px) {
  html body .reservation-checkin * {
    text-align: center !important;
  }

  .reservation-checkin .reservation-action {
    margin-top: 20px;
  }

  html .reservation-checkin .date-out {
    margin-top: 20px;
  }
  html body .reservation-checkin *,
  html body .reservation-checkin *:after {
    width: 100% !important;
    text-align: center !important;
    justify-content: center;
  }

  html body main .reservation-checkin #date-out{
     margin-top:5px !important;
    margin-bottom:5px !important;
  }

  .reservation-checkin #date-out,
  .reservation-checkin .date-out label {
    padding-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1072px) {
  .reservation-checkin .reservation-action {
    display: block;
  }

  .reservation-checkin * {
    text-align: center !important;
  }

  .reservation-checkin .reservation-action > * {
    margin: 5px 0 !important;
    width: 100%;
  }

  html body .reservation-checkin * {
    text-align: center !important;
  }

  .reservation-checkin .reservation-action {
    margin-top: 20px;
  }
  html body main .reservation-checkin .date-out {
    justify-content: center;
    
  }

  html body main  .reservation-checkin #date-out {
    justify-content: center;
    margin-top:-5px !important
  }

  .reservation-checkin #date-out,
  .reservation-checkin .date-out label {
    padding-right: 0px;
  }

  html .reservation-checkin .date-out {
    margin-top: 20px;
  }
  html body .reservation-checkin *,
  html body .reservation-checkin *:after {
    width: 100% !important;
    text-align: center !important;
    justify-content: center;
  }
}

.reservation-checkin #date-out,
.reservation-checkin .date-out:after {
  content: "Reservations are limited to 24hrs";
  font-size: 12px;
  text-align: left;
  line-height: 1em;
  width: calc(100% - 260px);
  min-width: 180px;
  display: block;

}




.lightbox[data-type='lightbox'][data-role='chateau-reserve'] .overlay-close:hover span:after {
  color: white;
 
}

.popup-overlay .overlay-close {
  z-index: 100;
}

.lightbox[data-type='lightbox'][data-role='chateau-reserve'] .overlay-modal {
  max-height: 90vh;
  height:100vh!important;

}

.lightbox[data-type='lightbox'][data-role='chateau-reserve'] .overlay-container{
  padding-top:0;

}
.lightbox[data-type='lightbox'][data-role='chateau-reserve'] .overlay-modal {
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
}


.lightbox[data-type='lightbox'][data-role='chateau-reserve'] .reservation-form-steps [class*="res-step"] {
  transition: opacity 0.3s ease-in-out 0s;
  overflow: hidden;
}
.lightbox[data-type='lightbox'][data-role='chateau-reserve']
  .reservation-form-steps:not([data-step="1"])
  .res-step1,
.lightbox[data-type='lightbox'][data-role='chateau-reserve']
  .reservation-form-steps:not([data-step="2"])
  .res-step2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.lightbox[data-type='lightbox'][data-role='chateau-reserve']
  .reservation-form-steps[data-step="2"]
  .res-step2 {
  visibility: visible;
  position: relative;
  opacity: 1;
}

.lightbox[data-type='lightbox'][data-role='chateau-reserve']
  .reservation-form-steps[data-step="1"]
  button.back {
  display: none;
}

.lightbox[data-type='lightbox'][data-role='chateau-reserve']
  .reservation-form-steps[data-step="1"]
  .res-step1 {
  visibility: 1;
  position: relative;
  opacity: 1;
}

.lightbox[data-type='lightbox'][data-role='chateau-reserve'] .overlay-title {
  font-family: var(--dp-font-primary);
  font-size: 20px;
  padding: 35px 30px 30px 20px!important;
}

.lightbox[data-type='lightbox'][data-role='chateau-reserve'] .reservation-form-steps {
  padding: 0 10px;
  max-height:400px;
  overflow-y:scroll;
}

.reservation-window div h3 {
  font-weight: 400;
  color: black;
  font-size: 23px;
  font-family: var(--t-font-primary);
}

.reservation-window {
  width: 100%;
}

.reservation-window div > * {
  width: auto;
}
.reservation-window div * {
  line-height: 1em;
}

.lightbox[data-type='lightbox'][data-role='chateau-reserve'] .overlay-title {
  height: auto !important;
}

@media (min-width: 768px) {
  .reservation-window div {
    display: flex;
    justify-content: flex-start;
  }

  .reservation-window div > *:first-child {
    border-right: 1px solid;
    padding: 0 20px 0 0;
    margin: 0 20px 0 0;
    line-height: 1em;
  }
  .lightbox[data-role="chateau-reserve"] .lightbox-container{
	max-width:75%;
}

}

@media (max-width: 767px) {
  .reservation-window div > *:first-child {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 15px 0 15px;
    margin: 10px 0 15px 0;
    line-height: 1em;
  }

  .reservation-window div h3 {
    font-size: 18px;
  }

  .reservation-header {
    padding-bottom: 15px !important;
  }

  .authorize button:last-child {
    margin-left: 10px;
  }
}

.reservation-form-steps .authorize {
  max-width: 500px;
}

.reservation-header {
  
  align-items: center;
  margin-bottom: 35px;
  padding-bottom: 40px;
  border-bottom: 1px solid;
}

@media (min-width: 768px) {
  .reservation-header {
    display: flex;
  }

  .lightbox[data-type='lightbox'][data-role='chateau-reserve']
    .reservation-form-steps[data-step="2"]
    .reservation-window
    div {
    display: flex;
    justify-content: flex-end;
  }
}

.ui-timepicker-container {
  z-index: 100000 !important;
}
[data-slider-name="chateau-slider"] .owl-stage {
  height: 70vw !important;
}
[data-slider-name="chateau-slider"] .owl-item,
[data-slider-name="chateau-slider"] .slide {
  height: 100%;
}
[data-slider-name="chateau-slider"] .slide img {
  height: 100%;
}


.chateau-slider .slideshow {
	min-height:0px;
	margin-bottom:-20px
}

.chateau-slider .slides  {
	margin-bottom: 20px;
}


/* ---- commerce7-overrides.css---- */a[href*="/profile/order-history"] {
    display: none !important;
    opacity: 0;
}



body:not([data-pagetype="giftcards "]) .c7-product-collection__product-list .c7-product .c7-product__teaser, body:not([data-pagetype="egiftcards "]) .c7-product-collection__product-list .c7-product .c7-product__teaser {
    display: block !important;
    padding-bottom: 20px;
}


.c7-order-item__details button{

}

#c7-content button:not(:hover) svg path{
fill:white;
}



html .c7-order-item button {
    background-color: #000 !important;
    aspect-ratio: 1 / 1;
    /* height: 20px; */
    display: flex !important;
    padding: 0 !important;
    top: 3px !important;
    right: 3px !important;
    /* display: block; */
    margin: 0 !important;
    align-content: center;
    justify-content: center;

}





.c7-order-item__details + button {
    
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border:1px solid black;
    width: 20px !important;
    height: 20px !important;
    padding: 2px !important;
}

.c7-order-item__details + button svg{
    
    padding: 0 !important;
    border-radius: 50% !important;
}


.c7-account-club__header + .c7-message button{
    display:none !important;
}

#c7-content .c7-account__menu [href*="/reservation"],
#c7-content .c7-account__menu [href*="/allocation"]{
    display: none !important;

}



.c7-order-item__details + button svg{
    
    padding: 0 !important;
    border-radius: 50% !important;
}


.c7-order-item__details + button svg *{
    fill: white !important;
    stroke: white !important;
}


.c7-order-item__details +  button:hover {
    background-color: white !important;
}

.c7-order-item__details + button:hover svg *{
    
     fill: black !important;
    stroke: black !important;
}



html .c7-order-item button:hover {
    background-color: #711011 !important;

}


html .c7-order-item button:hover svg *{
    stroke: #fff !important;
}


.c7-order-item__image img {
    object-fit: contain;
}


.c7-account-dashboard .c7-message--alert-warning,
 .c7-content.c7-account-details .c7-account-block.c7-account-block--gift-card {
    display: none !important;
}


.c7-account-dashboard .c7-message--alert-warning{
    display: none;
}

.c7-account-dashboard__left-column .c7-account-dashboard__block:not(.c7-account-block){
    display: none;
}

.c7-account-dashboard__left-column .c7-account-dashboard__block .c7-order-item__image img{
  object-fit:contain;
}

.c7-club-product__details__quantity button[aria-label] {
    padding: 2px 5px !important;
    /* height: auto !important; */
    width: 20px;
    height: 20px;
    min-height: auto;
    border-radius: 50% !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

@media(max-width:1350px){
html .c7-content {
      padding: 40px 20px !important;
   }
}




.c7-account-club .c7-account-club-shipment__available-products .c7-club-product__details__price span:nth-child(2):after {
    content: "Retail Price";
    color: black;
    font-size: 15px;
    display: inline-block;
    line-height: 1.1em;
    font-style: italic;
}

/* .c7-account-club .c7-account-club-shipment__available-products .c7-club-product__details__price  .c7-price--original{
    text-decoration: none !important;
}*/


.c7-account-club .c7-account-club-shipment__available-products .c7-club-product__details__price span:nth-child(2) {
    /* opacity: 0; */
    font-size: 0px;
}

.c7-account-club .c7-account-club-shipment__available-products .c7-club-product__details__price .c7-price--discounted + span {
   display:none !important;
}



.c7-account-dashboard__columns .c7-account-dashboard__left-column{
    display: none !important;
}


@media(min-width:768px){
 html .c7-account-dashboard__columns, html .c7-account-dashboard__right-column {
    flex-direction: column;
    display: flex;
    width: 100%;
    flex: 1 !important;

}
}

 .c7-account-dashboard__block.c7-account-block:first-child{
    display: none !important;
}
/* This will reveal the "you have a shipment to pick up " window */


.c7-account-dashboard .c7-message--alert-warning {
    display: none;
}




.c7-side-cart .c7-order-item__image img:not(.nosize),
.c7-product-detail .c7-product__image img:not(.nosize) {

    object-fit: contain;
}





 html body  #account-header {


    right: auto;
    top: 0;

    margin-left:280px;
    padding:5px 10px 3px 10px ;
    border:1px solid #979797;
    border-radius:0 0 10px 10px;
    border-top: 0;
 }


@media(max-width:1150px) {
    

 html body  #account-header {


 
    margin-left:14vw;
    
 }


}

@media(max-width:864px) {
    

 html body  #account-header {

        left: auto!important;
         margin-left:auto;
         right:80px;
         top:10px;
         font-size: 12px!important;
         border:none!important
      }

      html body  #c7-cart {
         font-size: 12px!important;
      }


      html body  #c7-cart svg{
         max-width:18px!important;
         height:auto!important
      }

      html body .c7-user-nav__cart__count {
         font-size: 10px!important;
         min-width:12px;
         height:17px!important;
         top: -8px;
         position:relative;
      }
   
   
   }

@media(min-width:768px) and (max-width:864px) {
    
 html body  #account-header {
        top:20px;
    }
}



















 #c7-collection-list {
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0px 3px 2px rgba(0,0,0,.1);
  margin-top: 10px;
  border-radius:8px; 
  background-color: var(--t-color-primary);
  margin-bottom:5px;
  }
   #c7-collection-list {
    position:Relative;
   }


 
 
 #c7-collection-list ul:before {
  content: "Filter Items";
  display:flex;
  padding:0px 20px 0 15px;
  color:#000;
  font-weight: 600;

 }
 
 
 @media(min-width:600px) {
   #c7-collection-list ul:before {
  border-right:1px solid #ccc;
 }
 
 }
 
 
  @media(max-width:600px){
    
      #c7-collection-list{
        margin-left: -30px;
        margin-right: -30px;
        border-radius:0;
        width:calc(100vw - 0px) !important;
        background-color: #efefef;
      }
      
      #c7-collection-list:before {
        content: "Filter Items";
        position:absolute;
        width:100%;
        font-weight: bold;
        text-transform:uppercase;
        font-size: 14px;
        top: 5px;
      }
      
    #c7-collection-list .c7-user-nav__collection-list:before,
    #c7-collection-list .c7-user-nav__collection-list:after{
      content:" ";
    width:8px;
    height:8px;
    display:block;
    top: 40px;
    transform-origin: 50%;
    position:absolute;
    
  }

  #c7-collection-list .c7-user-nav__collection-list:before {
    left: 5px;
     border-bottom: 2px solid #777;
    border-left: 2px solid #777;
    transform: rotate3d(-1, -2, -2, -65deg);
    
    }
    
  
  
  #c7-collection-list .c7-user-nav__collection-list:after{
      right: 5px;
       border-top: 2px solid #777;
      border-right: 2px solid #777;
      transform: rotate3d(1, 2, 2, 65deg);
  }
        
      
      #c7-collection-list .c7-user-nav__collection-list {
        overflow-x: auto !important;
        width:calc(100vw - 50px);
        padding-top: 25px;
      }
      
      #c7-collection-list .c7-user-nav__collection-list ul {
          flex-wrap: nowrap;
          display:flex;
      }
        #c7-collection-list .c7-user-nav__collection-list ul li{
          white-space:nowrap;
      }
      
      #c7-collection-list .c7-user-nav__collection-list ul:before {
       display:none!important
      }
      
      
    #c7-collection-list ul:before {
       text-align:center;
   width:100%;
   display:block!important;
    }
 
  
   #c7-collection-list {
      display:block!important;
      width:100%
  }
     #c7-collection-list ul:focus li{ 
      width:100%;
      display:block!important;
      text-align:center!important
  }
  #c7-collection-list ul:focus li a{ 
      display:block;
      width:100%;
  }
 }
  #c7-collection-list ul{
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    align-items: center!important;
  gap:10px 5px;
    }
    #c7-collection-list li{

    margin:  0!important;
    padding:10px 10px !important;
    transition: all .3s ease 0s !important;
    }
    
    
    #c7-collection-list li a{


    transition: all .1s ease 0s !important;
    }
    

 
 #c7-content {
  margin:auto!important
 }
 
 
    #c7-collection-list li.active,
    #c7-collection-list li:hover{
background-color: black;
color: var(--t-color-primary);
    }




#c7-collection-list .c7-user-nav__collection-list ul li:nth-child(1) {
  order: 1;
}

#c7-collection-list .c7-user-nav__collection-list ul li:nth-child(2) {
  order: 4;
}

#c7-collection-list .c7-user-nav__collection-list ul li:nth-child(3) {
  order: 4;
}
#c7-collection-list .c7-user-nav__collection-list ul li:nth-child(4) {
  order: 5;
}
#c7-collection-list .c7-user-nav__collection-list ul li:nth-child(5) {
  order: 2;
}
#c7-collection-list .c7-user-nav__collection-list ul li:nth-child(6) {
  order: 3;
}/* ---- date-time-picker.css---- */
html .ui-datepicker-calendar thead th{
	padding-bottom: 70px

	}
	html .ui-datepicker-calendar{
		position:relative;
		
	}
html .ui-datepicker-calendar thead tr:after {
	content:"All available dates are show in black. \a  If a date is greyed out, it is fully booked or unavailable.";
	white-space:pre-wrap;
	font-weight: 200;
	position:absolute;
	display:block;
	font-size: 12px;
	left: 0;
	right:0;
	top:51px;
	padding:3px 13px;
	text-align:center;
	border-top: 1px solid;
	border-bottom:1px solid
}



html .ui-datepicker {
	width:auto!important;
}


html .ui-datepicker td {
	border: 0;
	padding: 7px 15px;
}


@media (max-width:500px){
	html body  #ui-datepicker-div {
		margin-left: 0px!important;
		left: 20px !important;

	}
	
	html .ui-datepicker td {
		padding: 4px !important;
	}
	html .ui-datepicker-calendar thead th{
	padding-bottom: 90px

	}
	
	html .ui-datepicker-calendar thead tr:after {
			white-space: normal;
		}
		
}


.ui-datepicker-header, .ui-state-default {
	border-radius:0 !important;
	background:none!important;
	border:none!important;
	font-size: 14px;
}

.ui-datepicker-calendar tr{
	color: black;
}





.ui-state-default {
	text-align:center !important;
}

.ui-datepicker th {
	font-weight: normal!important;
	font-size: 16px;
}

.ui-widget-header .ui-state-hover {
	background: none;
	border: none;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

	color:black!important
}



.ui-icon.ui-icon-circle-triangle-e {



}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next  {
		filter:invert(0) !important;	
}


.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	overflow:visible!important;

	
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
		background: none!important;
		opacity:1 !important;
		border:none!important

}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled {
	pointer-events:none !important;
	opacity:.3!important
}


.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
	content:"";
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	width: 15px;
	height:15px;
	display:block;

}


.ui-datepicker .ui-datepicker-prev:after {
	transform:rotate(-135deg);
}

.ui-datepicker .ui-datepicker-next:after {
	transform:rotate(45deg);


}




 #ui-datepicker-div {
	background: #efefefe !important;
	border:none;
	padding:20px;
	border-radius:20px;
	margin-left: -150px;
	left: 50% !important;
	box-shadow:0 0 25px rgba(0,0,0,.5);

}

.ui-datepicker-calendar td a{

	
}

 .ui-datepicker-calendar td.ui-datepicker-unselectable span{
	color:#000 !important;
}
 .ui-state-active, html.mobile .ui-widget-content .ui-state-active, html.mobile .ui-widget-header .ui-state-active {
	background-color: white !important;
	color:#293131!important;
}

 .ui-datepicker-title span {
	color:#444
}
.ui-datepicker-calendar tr{
	color: #444;
	
}

.ui-datepicker-next, html.mobile .ui-datepicker-prev {
	filter: invert(100%);
}
#ui-datepicker-div tbody td:not(.ui-state-disabled) {
	position:relative;
}

#ui-datepicker-div tbody td:not(.ui-state-disabled) a{
	color:white!important;
	z-index:3px;
	
}


 #ui-datepicker-div tbody td:not(.ui-state-disabled) {
 	background-color: #d2effd;
 }
 #ui-datepicker-div tbody td:not(.ui-state-disabled) a:before{
 	content:"";
 	position:absolute;
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
 	border:1px solid white
 }


 #ui-datepicker-div tbody td:not(.ui-state-disabled) a{
 	background:transparent!important;
 	color:black !important
 }
 
  #ui-datepicker-div tbody td:not(.ui-state-disabled):hover {
  	background-color: #0c6f9f;
  	
  }
  #ui-datepicker-div tbody td:not(.ui-state-disabled):hover a{
 	background:transparent!important;
 	color:white !important
 }


/* Time Picker */


.ui-timepicker-container {
	z-index:1000 !important;
	font-size: 12;
	border:none;
	text-align:center;
	background: #710808 !important;
	border:none;
	border-radius:20px;
	box-shadow:0 0 25px rgba(0,0,0,.5);
}



.ui-timepicker-standard .ui-corner-all {
	background: transparent !important;
	border-bottom:1px solid rgba(255,255,255, .1);
	border-radius:0
	
}

.ui-timepicker-container {
	border:none;
	border-radius:20px;
	padding:5px;

}

 .ui-timepicker-standard .ui-corner-all {
	padding:5px;
	color:#ccc
}

.ui-timepicker-standard .ui-state-hover {
	background:white !important;
	color:#293131

}/* ---- deluxe-form.css---- *//* @override 
	https://www.jolovineyards.com/wp-content/themes/jolo/assets/css/theme/auto-import/deluxe-form.css?* */



html .deluxe-form form.wpcf7-form label{
	display:block !important

}


html .deluxe-form form.wpcf7-form label{
	display:block !important;
	font-size:14px

}

html .deluxe-form form.wpcf7-form label + label {
	margin-top: 20px;
}

html .deluxe-form form.wpcf7-form label input {
	border:1px solid #000;
	border-radius:3px;
	background-color: #f7f7f7;
}

html .deluxe-form .wpcf7-not-valid-tip {
	top: 0!important;
	font-weight: normal!important;
	text-transform: none!important;
	color:var(--dp-color-primary) !important;
	font-style: italic;
	position:relative !important;
}

html .deluxe-form form.wpcf7-form select {
	font-size: 14px ;
}

html .deluxe-form .form-select {
	position:Relative;
}
html .wpcf7-form-control-wrap{
display:block !important;
margin-bottom:20px;
}

html .form-select .wpcf7-form-control-wrap{
display:inline !important;
}

html .deluxe-form .form-select:after{
	position:absolute;
	top: 0px;
	right: 15px;
	content:"";
	width: 10px;
height:10px;
display:block;
border-left:2px solid;
border-bottom:2px solid;
transform:rotate(-45deg);

}


html .deluxe-form  .wpcf7-list-item {
	margin:10px 0 0px !important;
	padding:0!important;

}

html .deluxe-form  .wpcf7-checkbox {
	position:Relative;
	display:block;
	margin-top:10px !important;
	
}
html .deluxe-form  .wpcf7-checkbox input{
position:absolute;
	visibility: hidden;
}
html .deluxe-form  .wpcf7-checkbox  .wpcf7-list-item-label{
	position: relative;
	display:block;
	padding-top: 28px;
	
}
html .deluxe-form  .wpcf7-list-item input + span:before {
	position:absolute;
	content:"";
	top: 0px;
	display:block;
	width: 22px;
	height:22px;
	background-color: var(--dp-grey-light);
	border:1px solid #000;
	border-radius:3px;
	z-index:1
}

html .deluxe-form  .wpcf7-list-item input:checked + span:before {

	background-color: var(--dp-color-primary);

}
html .deluxe-form  .wpcf7-list-item input + span:after {
	content:"";
	position:Absolute;
	font-size: 22px;
	font-weight: bold;
	top: -7px;
	left:3px;
	display:block;
	z-index:2;
	color:white;

}
html .deluxe-form  .wpcf7-list-item input:checked + span:after {
	content:"√";

}


[data-type="lightbox"].btn-close {
	z-index: 100;
}

html .deluxe-form [data-status="sent"] > *:not(.wpcf7-response-output) {
	display: none;
}

html .deluxe-form [type="submit"].wpcf7-submit {
	font-size: 16px!important;
	margin-left:0;
	border-radius:6px

}



html .deluxe-form [data-status="sent"] .wpcf7-response-output{
 	text-align:center!important
 }

html .deluxe-form [data-status="invalid"] .wpcf7-response-output  {
	padding:0 !important;
	font-size: 20px !important;
	margin-top: 12px !important;
	line-height: 1.2em;

}
/* ---- ffield-form-fields.css---- *//* @override 
	http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/auto-import/ffield-form-fields.css?* */

[data-fform] .msg,
[data-fform] .verify{
  display:none
}

[data-fform].sent .fform{
  display:none;
}
[data-fform].sent .msg{
  display:block;
  margin-top:5px;
}





.ffield[data-error] .ffield-input {
  border: 1px solid red;
}
.ffield[data-error] label {
  display: flex;
  justify-content: space-between;
}

.ffield[data-error="empty"] .errortxt:after {
  content: "Required";
  text-align: right;
  color: red;
  font-size: 80%;
  padding-left: 15px;
}

.ffield[data-error="invalidemail"] .errortxt:after {
  content: "Invalid Format";
  text-align: right;
  color: red;
  font-size: 80%;
}


.ffield input,
.ffield textarea {
  box-sizing: border-box;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.ffield.short {
  width: auto;
  display: inline-block;
}
.ffield input,
.ffield textarea {
  width: 100%;
  display: block;
}

.ffield:not(:first-of-type) {
  margin: 15px 0 0;
}



.ffield label {
  padding-bottom: 5px;
  display: block;
}

.ffield select {
  appearance: none !important;
  background: none;
  border: 1px solid #b9b9b9;
  padding: 12px 15px;
  border-radius: 6px;
  padding-right: 60px !important;
}
.ffield .selector {
  position: Relative;
  display: inline-block;
}
.ffield .selector:after {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  top: 12px;
  right: 15px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(45deg);
  z-index: 3;
}
.ffield .selector:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  bottom: 9px;
  top: 3px;
  right: 30px;
  border-left: 1px solid;

  z-index: 2;
}/* ---- font-awesome.css---- *//*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('//www.jolovineyards.com/wp-content/themes/jolo/assets/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('//www.jolovineyards.com/wp-content/themes/jolo/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('//www.jolovineyards.com/wp-content/themes/jolo/assets/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('//www.jolovineyards.com/wp-content/themes/jolo/assets/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('//www.jolovineyards.com/wp-content/themes/jolo/assets/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('//www.jolovineyards.com/wp-content/themes/jolo/assets/fonts/fontawesome-webfont.svg?v=4.7.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}.fa-lg{font-size:1.33333333em;line-height:.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:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-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{-ms-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:#fff}.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-feed:before,.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-pp: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-resistance: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-y-combinator-square:before,.fa-yc-square:before,.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-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-intersex:before,.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-genderless:before{content:"\f22d"}.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"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* ---- footer.css---- *//* @override 
	http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/auto-import/footer.css?* */

html  .footer-nav a {
  padding: 0 15px 0 0;
}





html  .footer-links ul {
  display: inline;
}

html  .newsletter-signup {
  margin-top: 5px;
}
html  .newsletter-signup .ccf-form-wrapper {
  margin: 0 !important;
}
html  .newsletter-signup .ccf-form-wrapper .ccf-form {
  text-align: right;
}
html  .newsletter-signup .loading-img {
  display: none !important;
}
html  .newsletter-signup .error {
  display: none;
}
html  .newsletter-signup .ccf-form-complete {
  padding-top: 15px;
}

@media (max-width: 767px) {
html    .footer-links .social-links {
    display: block;
    text-align: center;
    margin: 40px auto 20px;
  }

html    .copyright {
    text-align: center;
  }

html    .newsletter-signup .ccf-form {
    text-align: center !important;
  }
}
html  .newsletter-signup input[type="text"] {
  max-width: 210px;
  width: 100%;
  padding: 10px;
  background-color: #072025;
  border: none !important;
  font-size: 12px;
}

html  .newsletter-signup .field, .newsletter-signup .form-submit {
  display: inline-block;
  margin-bottom: 0;
}

html  .newsletter-signup input[type="submit"].button {
  margin-left: 10px;
}


html   .newsletter-signup .field {
  margin-right: 5px;
}

html  .footer-nav li:nth-child(1) a {
  padding-left: 0;
}

html  .social-links li:last-of-type a {
  padding-right: 0;
}

@media (max-width: 1465pxx) {
html    footer {
    padding: 0 10px;
  }
}
@media (max-width: 1024px) {
html    .footer-nav a {
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
html    .footer-nav {
    display: none !important;
    text-align: center;
  }
 html   .footer-nav li {
    padding-bottom: 10px;
  }

html    .phone {
    padding-top: 10px;
    padding-bottom: 10px;
  }

html    .address, html  .phone, html   .newsletter-signup {
    text-align: center;
  }

html    .footer-links .social-links {
    margin-top: 25px !important;
  }

 html   .dp-view-m-50pc.dp-txt-rt.newsletter-signup input {
    display: inline-block;
    margin: auto;
  }

 html   .newsletter-signup .field-input {
    text-align: center;
  }
 html   .newsletter-signup .form-submit {
    display: block;
    margin: 10px 0;
  }

html     .copyright a {
    display: block;
    padding-top: 10px;
  }
}
html  .footer-nav-holder, html   .footer-nav-holder .footer-nav,html   .footer-nav-holder > * {
  overflow: visible !important;
  display: block;
}

html  .footer-links > div {
  min-height: 30px;
  overflow: hidden;
}

html  .footer-nav li {
  position: relative;
}

html  footer .sub-menu {
  position: absolute;
}

html  .footer-nav li .sub-menu {
  top: 100%;
  margin-top: -5px;
}

html  footer .sub-menu:before {
  background: var(--dp-color-secondary);
}

html  footer .sub-menu li {
  border-color: var(--dp-color-secondary) !important;
}
html  footer .sub-menu li a {
  color: var(--dp-color-primary);
  font-size: var(--dp-txt-xsmall) !important;
  background: var(--dp-color-secondary);
}

html  footer .sub-menu li:hover > a {
  background: #fff;
}
html  footer .sub-menu li:hover .sub-menu:before {
  border-color: #fff !important;
}/* ---- form-adjustments.css---- *//* @override 
	http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/auto-import/form-adjustments.css?* */

form.wpcf7-form input:not([type="submit"])::placeholder, form.wpcf7-form textarea::placeholder{
	
	color:#777 !important
	}

html form.wpcf7-form .form-fields.show-labels label {
	display:block!important;

}

html form.wpcf7-form .wpcf7-form-control-wrap {
	position:relative;
}

html x-form.wpcf7-form .wpcf7-form-control-wrap[data-name="selectedType"]:after {
	position:absolute;
	content:"";
	right:10px;
	top: 6px;
	border-top: 10px solid var(--dp-color-tertiary);
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	
	
}


.wpcf7-form .event-form .date-time {
	margin-bottom:30px;
}
.wpcf7-form .event-form .date-time label {
	padding-bottom:10px;
	text-transform:uppercase;
	font-size: 12px;
}
.wpcf7-form .event-form .date-time * {
		display:flex !important;
	gap:20px;
	align-content: stretch;
	margin:0 !important;
	align-items: stretch;
}

@media(max-width:768px) {
	.wpcf7-form .event-form .date-time > .dp-flex\:m {
		display:block!important;
	}
	.wpcf7-form .event-form .date-time > .dp-flex\:m > .dp-flex{
	
		margin-top:10px !important
	}

}






.event-form .wpcf7-form-control-wrap:has(select) {
	max-width:300px;
}

.event-form .wpcf7-form-control-wrap:has(select)::after {
	pointer-events:none;
	content:"";
	top: 21px;
	right: 10px;
	width:6px;
	height: 6px;
	position:absolute;
	border-right:2px solid black;
	border-bottom:2px solid black;
	z-index:5;
	transform:rotate(45deg);

}
.wpcf7-form .select select {
	position:relative;
	z-index:1;
	font-size: 15px;


}
.wpcf7-form-control-wrap {
	display:flex;
	flex-direction:column
}
.event-form *:is([type="text"], [type="tel"],[type="email"], [type="date"], textarea) {
	border:1px solid #ccc !important;
}
.event-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	font-size:12px !important;
	font-weight:normal!important;
	text-transform:none!important;
	position:relative !important;
	padding-top: -20px !important;
	top: auto !important;
	color:var(--dp-color-primary) !important;
}





@media(max-width:728px) {
	html form.wpcf7-form .form-fields.show-labels label {
		text-align:left
	}
}


html form.wpcf7-form .form-fields.show-labels .wpcf7-not-valid-tip {
color: var(--t-color-primary);
font-weight: bold;
font-size: var(--t-txt-xsmall);
text-transform: uppercase;
position: Relative;
top: 5px;
text-align: right;
}


html form.wpcf7-form[data-status="sent"] .form-fields {
	display:none
}

html form.wpcf7-form[data-status="sent"]  .wpcf7-response-output {
	
	font-size: 22px!important;
}








.wpcf7-form[data-status="sent"] .form-fields{
	display:none
	
	
	}
	
	.wpcf7-response-output {
		text-align:center;
		font-size: var(--dp-txt-headline-norm) !important;
		margin:0!important
	}


@media(max-width:500px) {
	.wpcf7-response-output {

		font-size: var(--dp-txt-headline-norm-mob) !important;

	}
	
}


form.wpcf7-form input:not([type="submit"])::placeholder, form.wpcf7-form textarea::placeholder{
	
	color:#777 !important
	}

html form.wpcf7-form .form-fields.show-labels label {
	display:block!important;

}


html form.wpcf7-form .wpcf7-form-control-wrap {
	position:relative;
}




html  form.wpcf7-form .form-fields.show-labels .checkboxes,
html  form.wpcf7-form .form-fields.show-labels .checkboxes span{
	
	text-align:left;
}


html  form.wpcf7-form .form-fields.show-labels .checkboxes span {
	
	margin:0 10px 0 0;
	width:100%;

}
html  form.wpcf7-form .form-fields.show-labels .wpcf7-checkbox label {
	display:flex !important;
	justify-content:center;
	align-items:center;
	padding:15px 0
}

html  form.wpcf7-form .form-fields.show-labels .wpcf7-checkbox label input{
	width:25px;
	margin-bottom:0!important
}

html form.wpcf7-form select {
    padding: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background:white;
	width:100%;
    padding-right: 30px !important;
}




form.wpcf7-form input:not([type="submit"]), form.wpcf7-form textarea {
	border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));

}

html form.wpcf7-form .form-fields.show-labels label {
	display:block;
}

html form.wpcf7-form .form-fields.show-labels label {
	
}



@media(max-width:728px) {
	html form.wpcf7-form .form-fields.show-labels label {
		text-align:left
	}
}


html form.wpcf7-form .form-fields.show-labels .wpcf7-not-valid-tip {
color: var(--dp-color-primary);
font-weight: bold;
font-size: var(--dp-txt-xsmall);
text-transform: uppercase;
position: Relative;
top: 5px;
text-align: right;
}


html form.wpcf7-form[data-status="sent"] .form-fields {
	display:none
}

html form.wpcf7-form[data-status="sent"]  .wpcf7-response-output {
	
	font-size: 22px!important;
}
/* ---- fx.css---- */
@media (min-width: 768px) {

	[data-fx="fadein"] {
		opacity:0;
		filter: blur(10px);
		transform: scale(2);
		transition: opacity .3s ease, filter 1s cubic-bezier(0, 0.12, 0.09, 1.03), transform 1s cubic-bezier(0, 0.12, 0.09, 1.03);
		
	}

	[data-scrollview="1"][data-fx="fadein"] {
		opacity:1;
		filter: blur(0px);
		transform: scale(1);
		
	}

	


    
    html [data-fx]{
        position: relative;
    }

  [data-fx="slideup-fadein"] {
    transition: all .8s ease .5s;
    transform: translateY(0px);
    opacity: 1;
  }

  [data-scrollview="0"][data-fx="slideup-fadein"] {
    opacity: .3;
    transform: translateY(200px);
  }
}


/* ---- header.css---- *//* @override 
  http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/auto-import/header.css?*
  http://staging.jolovineyards.com/wp-content/themes/jolo/assets/css/theme/auto-import/header.css?*
	https://staging.jolovineyards.com/wp-content/themes/jolo/assets/css/theme/auto-import/header.css?* */

#dp-scrollnav-holder{
  z-index: 11;
}




html body .dp-nav-desktop  li {
  position:relative;
}


html body .dp-nav-desktop  .dp-menu > .menu-item-has-children {
  padding-bottom:10px
}

*.menu-item-has-children a{
  position:relative;
  padding-right:25px;
  
}




*.menu-item-has-children:not(.reservations-menu):not([id*='menu-item-m-']) {
  margin-right:15px
}

html .dp-nav-mobile {
  position:fixed;
  width:100%;
}
html.dp-mobmenu header {

  z-index:1001 !important
}
@media(max-width:1023px) {

  html.dp-mobmenu .dp-nav-mobile {
    display: block;
  
  }
  
    /* Prevent body scrolling when using mobile menu */
  .dp-mobmenu, .dp-mobmenu body {
    overflow: hidden;

  
  }

}

html.dp-mobmenu .dp-nav-mobile .moble-nav-clmn1 {
  width:100vw
  
}
html .dp-nav-mobile .dp-menu {
  padding-left: 0;
  padding-right:0
}

*.menu-item-has-children > a:after {
  content:"";
  position:Absolute;
  border-left:1px solid;
  border-bottom:1px solid;
  width:8px;
  height:8px;
  display:block;
  top: 5px;
  right:2px;
  transform:rotate(-45deg);
  transition:transform .3s ease, top .3s ease
  
}


*.menu-item-has-children .sub-menu {
  top: calc(100% - 10px);
}


*.menu-item-has-children:is(:hover, .active) > a:after {
  transform:rotate(-225deg);
  top: 8px;
  }
  
.dp-menu li.reservations-menu {
    background-color: white;
    margin-top: -3px;
    margin-left:auto;
    margin-right:auto;
    padding:0 !important;
    max-width:150px;
    display:block;
    color:var(--dp-color-primary);
    border-radius:5px!important;
    position:relative;
    max-height: 37px;
    
  
}
  
html body  .dp-menu li.reservations-menu > a{
    
    color:var(--dp-color-primary)!important;
    padding:10px 35px 10px 15px!important;
    position:relative;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    position:relative;
    display:block;
    margin-bottom:-3px;
    text-align:left;
  line-height:1.2em;
    text-decoration:none;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    
  
  }
  
  
  .dp-menu *.menu-item-has-children.reservations-menu > a:after {
    color:var(--dp-color--primary);
    right:15px;
    top: 13px;
  }
  
  .dp-menu *.menu-item-has-children.reservations-menu:is(:hover, .active) > a:after {
  transform:rotate(-225deg);
  top: 14px;
  }
  
html body .dp-nav-desktop li:not(.reservations-menu){
  margin-right: 25px;
}








.header_banner-container .menu-item {
  margin-right:10px !important;
}






 html   .style1  .sub-menu {
    position: absolute;
    top: 10px;
    min-width: 150px;
    letter-spacing: .01em;
    line-height: 1.2em;
    text-align: left;
  padding-left:0 ;
    left: 50%;
    margin-left: -75px !important;
    height: 0;
    max-height: 0;
    transition: max-height 1s ease;
    overflow: hidden;
  }

html    .style1   ul.sub-menu:hover {
    overflow: visible !important;
  }

 html    .style1  .sub-menu > li:first-child {
    margin-top: 13px !important;
    border-top: 3px solid var(--dp-color-tertiary);
  }

 html   .style1   li .sub-menu li {
    display: block !important;
    width: 100% !important;
  }

  html   .style1  .sub-menu a {
    font-size: 15px !important;
    font-family: var(--dp-font-tertiary);
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: .01em;
    margin-top: 0 !important;
    display: block !important;
    border-bottom: 1px solid #040406;
    background-color: var(--dp-color-tertiary);
    text-align: left !important;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px 8px !important;
  }

 html  .style1  li .sub-menu a:hover, html   li .sub-menu li.active a {
    background-color: var(--dp-color-secondary);
    color: var(--dp-color-primary) !important;
  }

html     .style1  .menu-item-has-children:hover > .sub-menu {
    height: auto;
    max-height: 900px !important;
  }

html    .style1   .sub-menu:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: var(--dp-color-tertiary);
    top: 8px;
    margin-left: -5px;
    left: 50%;
    transform: rotate(45deg);
  }
  
  

  @media(max-width:768px) {
  
.header_banner-box .dp-menu li.reservations-menu > a{
    color: var(--dp-color-primary) !important;
    padding: 5px 15px 5px 12px !important;
    font-size: 13px;
  }

  .header_banner-box  .dp-menu li.reservations-menu{
    max-width:135px;
  }


  .header_banner-box  .dp-menu *.menu-item-has-children.reservations-menu > a:after{
    top:7px;
    right:11px;
  }

}




@media(min-width:1200px) {
  
  html .dp-nav-desktop .dp-menu{
    margin-right: -10px !important;
  }
}



html  .dp-navbar .dp-button-mobile-menu {
  width: 39px;
  height: 37px;
  right: 15px;
  top: 10px;
}

html .dp-nav-desktop .dp-menu {
    margin-top: 0;
}
html .dp-nav-desktop .dp-menu li a {

    margin-top: 10px;
    font-family: var(--dp-font-primary) !important;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    color: var(--dp-color-secondary);
    text-decoration:none!important
}

 html  .dp-nav-mobile a{
  text-decoration: none;
 }


 @media (min-width: 768px) {
 html   .sub-menu {
        overflow: hidden;
    }
}


 html  .dp-nav-mobile  .sub-menu {
        overflow: hidden;
        padding:0;
    }

   
.dp-nav-mobile .social-links li {
    display: inline-block;
}




html .dp-horiz {
    display:flex;
}

html  .dp-navbar .dp-toggle-icon {
  color: var(--dp-color-secondary);
  border-bottom: 3px solid;
}
html  .dp-navbar .dp-toggle-icon:before, html  .dp-navbar .dp-toggle-icon:after {
  border-top: 3px solid;
}
html  .dp-navbar .dp-toggle-icon:after {
  bottom: 40%;
}
html  .dp-navbar .dp-toggle-icon:before {
  top: 10px;
}
html  .dp-navbar .mute {
  opacity: .6;
  pointer-events: none;
}

html  .dp-mobmenu .dp-button-mobile-menu {
  top: 21px;
}
html  .dp-mobmenu .dp-toggle-icon:before,html   .dp-mobmenu .dp-toggle-icon:after {
  -webkit-transition-delay: 0.125s;
  -moz-transition-delay: 0.125s;
  -ms-transition-delay: 0.125s;
  -o-transition-delay: 0.125s;
  transition-delay: 0.125s;
}
html  .dp-mobmenu .dp-toggle-icon:before {
  -webkit-transform: translateY(4px) rotate(135deg);
  -moz-transform: translateY(4px) rotate(135deg);
  -ms-transform: translateY(4px) rotate(135deg);
  -o-transform: translateY(4px) rotate(135deg);
  transform: translateY(4px) rotate(135deg);
}
html  .dp-mobmenu .dp-toggle-icon {
  border-color: transparent !important;
}
html  .dp-mobmenu .dp-toggle-icon:after {
  -webkit-transform: translateY(-5px) rotate(-135deg);
  -moz-transform: translateY(-5px) rotate(-135deg);
  -ms-transform: translateY(-5px) rotate(-135deg);
  -o-transform: translateY(-5px) rotate(-135deg);
  transform: translateY(-5px) rotate(-135deg);
}

html  .dp-mobmenu .dp-nav-mobile {
  height: -webkit-calc(100vh - 60px);
  height: -moz-calc(100vh - 60px);
  height: -o-calc(100vh - 60px);
  height: -ms-calc(100vh - 60px);
  height: calc(100vh - 60px);
  top: 60px;
}

@media (min-width: 501px) {
html    .dp-mobmenu .dp-nav-mobile {
    top: 68px;
    height: -webkit-calc(100vh - 70px);
    height: -moz-calc(100vh - 70px);
    height: -o-calc(100vh - 70px);
    height: -ms-calc(100vh - 70px);
    height: calc(100vh - 70px);
  }
}
html  .dp-navbar .dp-button-mobile-menu {
  top: 17px;
}

@media (min-width: 768px) {
html    .dp-navbar .dp-button-mobile-menu {
    top: 22px;
  }
}
html  .dp-navbar .dp-button-mobile-menu {
  right: 20px;
}
html  .dp-navbar .dp-button-mobile-menu:hover .dp-toggle-icon {
  color: #fff;
}

/* Prevent body scrolling when using mobile menu */


html  .dp-nav-mobile {
  background-color: #fff;
}

html  .dp-nav-mobile .dp-menu li {
  border-bottom: 1px solid #ccc;
  margin-right:0px !important
}

html  .dp-nav-mobile .dp-menu {
  border-top: 1px solid #ccc;
}

html  .dp-nav-mobile .dp-menu li a:after {
  display: none;
}

html  .dp-nav-mobile .dp-menu li a {
  color: #000;
}

html  .logo-n-nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

html .logo>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 163px;
}

html   .logo-n-nav .logo img {
  width: 100%;
  height: auto;
}

html  .main-nav .dp-menu a {
  display: block;
}

html  .dp-nav-desktop {
  margin-top: 10px;
  color: var(--dp-color-primary);
}
html  .dp-nav-desktop > .dp-menu > li.current-menu-parent > a,html   .dp-nav-desktop > .dp-menu > li.active > a {
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}

html  .dp-nav-desktop .dp-menu li.active a, html  .dp-nav-desktop .dp-menu li:hover a, html  .dp-nav-desktop .dp-menu .current-menu-parent a {
  color: #fff;
}
html  .dp-nav-desktop .dp-menu li {
  position: relative;
}
html  .dp-nav-desktop .dp-menu li::after {
  content: "";
  width: 1px;
  height: 15px;
  position: absolute;
  right: -2px;
  display: block;
  top: 4px;
}
html  .dp-nav-desktop .dp-menu li::last-child:after {
  display: none;
}

html  .main-nav {
  min-height: 60px;
}

html  .dp-toggle-icon:hover, .dp-toggle-icon:hover:before, html  .dp-toggle-icon:hover:after {
  border-color: #fff;
  -webkit-transition: border-color 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: border-color 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: border-color 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: border-color 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: border-color 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

html  .dp-nav-mobile li {
  font-size: 20px;
  text-align: center;
}
html  .dp-nav-mobile li a {
  display: block;
  padding: 15px 0;
}

html  .logo {
  max-width: 250px;
}
html  .logo a {
  display: block;
  position: relative;
  top: -2px !important;
  width: 100%;
}

@media (min-width: 768px) {
 html     .logo {
        top: 0;
        transition: top .3sease;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
}
html   .logo {
    max-width: 250px;
}

@media (min-width: 768px) {
html    header .dp-navbar .dp-menu {
    padding: 24px 0 0;
  }

html   #dp-scrollnav {
    position: relative;
    z-index: 100;
    height: 77px;
  }

html    .dp-nav-desktop {
    margin: 0 !important;
    padding: 0 !important;
  }

html    .logo {
    top: 0;
    transition: top .3s ease;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
  }

html    .logo a {
    max-width: 155px;
  }
}
html.slide--up header .logo {
  top: -70px;
  transition-delay: .2s;
}

@media (max-width: 767px) {
html    .logo a {
    max-width: 145px;
  }
}
html  .header-quicksearch {
  text-align: center;
}


html  .header-quicksearch:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  top: 0px;
  left: 0;
  z-index: 11;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#00000000',GradientType=0 );
}

html  .header-quicksearch .quicksearch h4.links .job a:hover > * {
  color: red;
}
html   .header-quicksearch .dp-contain {
  padding: 6px 10px 5px;
}
html   .header-quicksearch h4 {
  text-align: center;
  margin-top: 10px;
  margin-right: 12px;
  width: auto;
}
@media (min-width: 1084px) {
  .header-quicksearch h4 {
    float: left;
    text-align: left;
  }
  .header-quicksearch .dp-contain {
    display: flex;
    height: 100%;
    text-align: center;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
html   .header-quicksearch .type {
  color: #fff;
}
html   .header-quicksearch .submit {
  margin-left: 20px;
  top: -2px;
}
html   .header-quicksearch .submit:hover input {
  background: #fff;
  color: var(--dp-color-primary);
}
@media (max-width: 500px) {
  .header-quicksearch .submit {
    margin-left: 0px;
    text-align: left;
  }
}

/* Sub Menu */
@media (min-width: 768px) {
 html    header > div, header header, header nav, header .dp-navbar, header .dp-menu, header .dp-menu li {
    overflow: visible;
  }

 html    .dp-nav-desktop:hover, nav:hover > .dp-contain {
    overflow: visible;
  }

 html    .dp-navbar {
    z-index: 200;
    position: relative;
  }

 html    .dp-navbar:after {
    content: "";
    display: block;
    clear: both;
  }


}


@media (max-width: 500px) {
html    .dp-nav-mobile .dp-menu li.menu-item a {
    color: var(--dp-color-primary);
  }

html   .dp-nav-mobile  .sub-menu li.menu-item a {
    font-size: 16px !important;
    color: #777 !important;
    border-bottom: 0 !important;
    letter-spacing: .01em;
    display: block !important;
    background-color: #f4f4f4;
    padding: 10px 15px 8px !important;
  }

html    li.menu-item.active > a {
    color: #fff !important;
  }

html    header li.menu-item.active > a {
    background-color: var(--dp-color-primary);
  }

html    .sub-menu li.menu-item {
    border-bottom: none;
    border-top: 1px solid #ccc;
  }
}
/* ----------------------------- Logo ------------------------- */
@media (max-width: 1465px) {
 html   .logo {
    margin-top: -2px;
    position: relative;
    z-index: 50;
  }
 html   .logo a {
    padding-left: 5px;
  }
html    .logo div, .logo a {
    overflow: visible;
  }

html   #dp-scrollnav {
    height: 70px;
  }

html    .dp-mobmenu .logo {
    z-index: 900;
  }
}
@media (max-width: 500px) {
html    .logo {
    max-width: 110px !important;
    margin-top: -2px !important;
    padding-right: 5px;
  }

 html  #dp-scrollnav {
    height: 60px !important;
  }

html    .footer-nav li {
    display: block;
    font-size: var(--dp-txt-norm);
  }
}












#dp-scrollnav-holder {
    position: fixed;
    width: 100%;
    z-index: 500;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

html .dp-navbar .dp-button-mobile-menu {
  position:absolute;
}


html .dp-nav-mobile .social-links {
  justify-content:space-around
}

html .dp-nav-mobile .social-links li a {
    display: block;
    padding-right: 10px;
    font-size: 20px;
    text-align: center;
    color: var(--dp-grey-med);
}


html .dp-nav-mobile .social-links .tripadvisor {
    top: -12px;
}
html .dp-nav-mobile .social-links .tripadvisor {
    position: relative;
}


html .dp-nav-mobile .social-links li a:not(.tripadvisor) span{
  display:none;

  }


html .dp-nav-mobile  .tripadvisor path {
    fill: var(--dp-grey-med);
}


.dp-nav-mobile .social-links .fa {
    font-size: 35px;
    padding: 0 10px;
}

.dp-nav-mobile .social-links li {
    display: inline-block;
}

html .dp-nav-scroller {
  height:calc(100vh - 70px);
  overflow-y: auto;
}



@media (max-width: 728px) {
    #dp-scrollnav {
        height: 60px !important;
    }
}

.dp-navbar .dp-button-mobile-menu {
  width: 39px;
  height: 37px;
  right: 15px;
  top: 10px;
}
.dp-navbar .dp-toggle-icon {
  color: var(--dp-color-secondary);
  border-bottom: 3px solid;
}
.dp-navbar .dp-toggle-icon:before, .dp-navbar .dp-toggle-icon:after {
  border-top: 3px solid;
}
.dp-navbar .dp-toggle-icon:after {
  bottom: 40%;
}
.dp-navbar .dp-toggle-icon:before {
  top: 10px;
}
.dp-navbar .mute {
  opacity: .6;
  pointer-events: none;
}

.dp-mobmenu .dp-button-mobile-menu {
  top: 21px;
}
.dp-mobmenu .dp-toggle-icon:before, .dp-mobmenu .dp-toggle-icon:after {
  -webkit-transition-delay: 0.125s;
  -moz-transition-delay: 0.125s;
  -ms-transition-delay: 0.125s;
  -o-transition-delay: 0.125s;
  transition-delay: 0.125s;
}
.dp-mobmenu .dp-toggle-icon:before {
  -webkit-transform: translateY(4px) rotate(135deg);
  -moz-transform: translateY(4px) rotate(135deg);
  -ms-transform: translateY(4px) rotate(135deg);
  -o-transform: translateY(4px) rotate(135deg);
  transform: translateY(4px) rotate(135deg);
}
.dp-mobmenu .dp-toggle-icon {
  border-color: transparent !important;
}
.dp-mobmenu .dp-toggle-icon:after {
  -webkit-transform: translateY(-5px) rotate(-135deg);
  -moz-transform: translateY(-5px) rotate(-135deg);
  -ms-transform: translateY(-5px) rotate(-135deg);
  -o-transform: translateY(-5px) rotate(-135deg);
  transform: translateY(-5px) rotate(-135deg);
}



.dp-navbar .dp-button-mobile-menu {
  top: 17px;
}

@media (min-width: 768px) {
  .dp-navbar .dp-button-mobile-menu {
    top: 22px;
  }
}
.dp-navbar .dp-button-mobile-menu {
  right: 20px;
}
.dp-navbar .dp-button-mobile-menu:hover .dp-toggle-icon {
  color: #fff;
}


.dp-nav-mobile {
  background-color: #fff;
}

header .dp-menu {
  
list-style: none; 
}


    .dp-mobmenu .logo {
        z-index: 900;
    }


    html .style1 .sub-menu {
        position: absolute;
        top: 20px;
        min-width: 150px;
        letter-spacing: .01em;
        line-height: 1.2em;
        text-align: left;
        left: 50%;
        margin-left: -75px !important;
      padding:0;
        height: 0;
        max-height: 0;
        transition: max-height 1sease;
    }



  .dp-nav-mobile .t-menu li.menu-item a {
    color: var(--t-color-primary);
  }

    .dp-nav-mobile .sub-menu li.menu-item a {
    font-size: 16px !important;
    color: #777 !important;
    border-bottom: 0 !important;
    letter-spacing: .01em;
    display: block !important;
    background-color: #f4f4f4;
    padding: 10px 15px 8px !important;
  }

    .dp-nav-mobile li.menu-item.active > a {
    color: #fff !important;
  }

    .dp-nav-mobile header li.menu-item.active > a {
    background-color: var(--dp-color-primary);
  }

    .dp-nav-mobile .sub-menu li.menu-item {
    border-bottom: none;
    border-top: 1px solid #ccc;
  }
  
  
  
.dp-nav-mobile .dp-menu li {
  border-bottom: 1px solid #ccc;
}

.dp-nav-mobile .dp-menu {
  border-top: 1px solid #ccc;
}

.dp-nav-mobile .dp-menu li a:after {
  display: none;
}

.dp-nav-mobile .dp-menu li a {
  color: #000;
}


.dp-nav-mobile {
    position: fixed;
}


.dp-navbar .dp-button-mobile-menu:hover .dp-toggle-icon {
    color: #fff;
}
.dp-navbar .dp-toggle-icon {
    color: var(--dp-color-secondary);
    border-bottom: 3px solid;
}

.site-holder {
  position:relative;
  z-index:100;
  width:100%;
  left: 0;
  background-color: white;
  transition: left .3s ease;
}

@media(max-width:1023px) {
  

.dp-mobmenu .site-holder {
  left:calc(10px - 100vw);
  box-shadow:0 0 5px rgba(0,0,0,.5)

}
}


.dp-navbar .dp-toggle-icon:before, .dp-navbar .dp-toggle-icon:after {
    border-top: 3px solid;
}
.dp-navbar .dp-toggle-icon:before, .dp-navbar .dp-toggle-icon:after {
    border-top: 6px solid;
}
.dp-navbar .dp-toggle-icon:after, .dp-navbar .dp-toggle-icon:before {
    border-top: 2px solid;
    left: 0;
    right: 0;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
}


.dp-nav-mobile {
    clear: both;
    position: relative;
    left: 0;
    width: 100% !important;
   
    height: 0;
  overflow: hidden;
}

.dp-mobmenu .dp-nav-mobile {
    height: -webkit-calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
    height: -ms-calc(100vh - 60px);
    height: calc(100vh - 60px);
    top: 60px;
}

@media(max-width:600px) {
  
  html .logo>div{
    width: 120px!important;
    height: 163px !important;
  
  }
}


/* ---- lightbox-discount-popup.css---- */.lightbox[data-type="dogeared"]  .form,
.lightbox[data-type="popup"] .form.tenoff-2025{
 padding:30px 20px;
  border-radius:8px;
  font-size: 27px;
  line-height: 1.1em;
  min-height:350px;
  display:flex;
  justify-content:center;
  align-items: center;
  
}

.lightbox[data-type="dogeared"] .perc-txt,
.lightbox[data-type="popup"] .tenoff-2025 .perc-txt{
    font-size: 60px;
    display: block;
    padding: 20px 0;
}

.lightbox[data-type="dogeared"]  .form input,
.lightbox[data-type="popup"] .form.tenoff-2025  input{
  border: 1px solid ;
  margin:15px 0;
  background-color: #efefef;
  text-align:Center;
  font-size: 16px;
  padding:10px;
  width:100%;
  max-width:300px
}


.lightbox[data-type="dogeared"] .button, .popup.signup-discount .expires-txt,
.lightbox[data-type="popup"] .tenoff-2025 .button {
  font-size: 16px;
}

@media(max-width:600px) {
.lightbox[data-type="dogeared"] .form,
.lightbox[data-type="popup"] .form.tenoff-2025 {
  font-size: 20px;
  }
.lightbox[data-type="dogeared"] .perc-txt,
.lightbox[data-type="popup"] .tenoff-2025 .perc-txt {
  font-size: 50px;
  }
.lightbox[data-type="dogeared"] .expires-txt,
.lightbox[data-type="popup"] .tenoff-2025 .expires-txt {
    font-size: 13px;
    }

.lightbox[data-type="dogeared"],
.lightbox[data-type="popup"] .tenoff-2025 {
  /*  margin-top: -160px; */
 
}
}

.see-you-soon {
  padding:15px 0
}



.lightbox[data-type="dogeared"]  .signupfield.sent,
.lightbox[data-type="popup"] .signupfield.sent{
  display:none
}

.lightbox[data-type="dogeared"]  .signupfield:not(.sent) + .signupconfirmation,
.lightbox[data-type="popup"]  .signupfield:not(.sent) + .signupconfirmation{
  display:none !important
}

.lightbox[data-type="dogeared"]  .signupfield .emailerror,
.lightbox[data-type="popup"]  .signupfield .emailerror{
  font-size: 14px;
  color:red;
  position:relative;
  top: -8px;
}/* ---- lightboxes.css---- *//* @override 
	http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/lightboxes.css?*
	http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/auto-import/lightboxes.css?* */


html.showlightbox,
html .showlightbox body{
	overflow: hidden !important;
}

.lightbox:not(.dp-hide) {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  
    z-index: 1000;
}
.lightbox {
    transition: opacity .3s ease;
}
	


.lightbox .lightbox-modal{
	position:relative;
}



 
 .lightbox-container {
 		position:relative;
 }
 

 .lightbox a.hit {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}



.lightbox[data-type='lightbox'][data-role='gallery'] .lightbox-modal {
	height:auto;
	width:75vw;

	position:relative;
	box-sizing:border-box;
	padding:5px!important;
	
}

@media(max-width:768px) {
	.lightbox[data-type='lightbox'][data-role='gallery'] .lightbox-modal {
	width:90vw;
	}

	.lightbox:not([data-role='gallery']) {
	padding:0 15px;
	}

}


.lightbox[data-type='lightbox'][data-role='gallery'] .lightbox-modal img{
	display:block;
	border-radius:15px

}

.lightbox[data-role="video"] .lightbox-container, .lightbox[data-role="video"] .lightbox-modal {
    /* justify-content: stretch !important; */
    width: 100% !important;
    justify-content: center;
    display: flex;
    width: 100% !important;
}
.lightbox[data-role="video"] .lightbox-container{
	max-width: 90%;
}

@media(max-width:600px){
	.lightbox[data-role="video"] .lightbox-container{
		max-width:calc(100% - 30px);
	}
}


.lightbox[data-type='lightbox'][data-role='video'] iframe{
	aspect-ratio:1280 / 720;
	width:100% !important;
	height:auto !important;
	max-width:1280px;

}
/* ---- module-edits.css---- *//* @override 
	http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/auto-import/module-edits.css?* */

/*!

Custom module tweaks

*/


html .mod-bg-tint {
	position:absolute !important;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	z-index:2 !important
}
	
html .mod-bg-tint + *,
html .mod-bg-tint + * + *{
	z-index:3!important;
	position:Relative;
	}




.mod-tx p {
    line-height: 1.5em;
}


@media(max-width:768px){

.mod-tx p {
    line-height: 1.2em;
}


}



  
  .m3-row [class*="dp-gutter"] > * {
    padding-right: 0 !important;
    padding-left:0 !important 
  }

  




.mod-m2.style4  .article {
	position:relative;
}


.mod-m2.style4 .thumb {
	position:relative;
	transition:all .3 ease;
	height:150px !important
}



.mod-m2.logo-links >.dp-contain{
	max-width: 1024px;
}


.mod-m2.logo-links >.dp-contain .thumb{
	margin-bottom:30px
}




@media(min-width:501px){


.mod-m2 .float-left  .thumb{
	aspect-ratio: 1 / 1;
}

.mod-m2 .float-left .article{
	display:flex;
	align-items: center;
	gap:20px
}

}

.mod-m2.style4  .article {
	position:relative;
}




.mod-m2.style4 .thumb:after {
	-webkit-transform: translate3d(0, 0, 0);
	content:"";
	display:block;
	width:30%;
	margin:auto;
	height:1px;
	background: rgba(0, 0, 0);
	opacity:.5;
	border-radius:30%;
	filter: blur(2px);

}



 
  @keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
	
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0);
	}
	20% {
	
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px);

	}
}


  @keyframes bounce-shadow {
	0%, 100%, 20%, 50%, 80% {
	
		  width:30%;
		  opacity:.5;
	}
	20% {
	
		width:50%;
		opacity:.1;
	}
	60% {
		width:40%;
		opacity:.3;

	}
}








.mod-m2.style4.logo-links .thumb:after {
	-webkit-transform: translate3d(0, 0, 0);
	content:"";
	display:block;
	width:80%;
	margin:auto;
	height:1px;
	background: rgba(0, 0, 0, .6);
	opacity:.5;
	border-radius:30%;
	filter: blur(2px);
	margin-top: 15px;
  
	position:Relative;

}




html:not(.mobile) .mod-m2.style4.logo-links .article:hover .thumb:after {
  animation-name: bounce-shadow-logos;
  -moz-animation-name: bounce-shadow-logos;
   -webkit-animation-name: bounce-shadow-logos;


 -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: finite;
  -webkit-animation-iteration-count: finite;
 }
 
 
 
 
 
 
  @keyframes bounce-shadow-logos {
	0%, 100%, 20%, 50%, 80% {
	
		  width:80%;
		  opacity:.5;
	}
	20% {
	
		width:120%;
		opacity:.1;
	}
	60% {
		width:90%;
		opacity:.3;

	}
}




html:not(.mobile) .mod-m2.style4.jolo-menus .article:hover .thumb:after {
  animation-name: bounce-shadow;
  -moz-animation-name: bounce-shadow;
   -webkit-animation-name: bounce-shadow;


 -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: finite;
  -webkit-animation-iteration-count: finite;
  }
  
  

html:not(.mobile) .mod-m2.style4  .article:hover .thumb img{

-webkit-transform: translate3d(0, 0, 0);
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
   -webkit-animation-name: bounce;


 -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: finite;
  -webkit-animation-iteration-count: finite;

}





@media(min-width:768px) {
	

.gutter.has-bleed, .gutter.has-bleed > div {
	position:static;
}

.gutter.has-bleed .m1_img,
.gutter.has-bleed .mod-bg-tint,
.gutter.has-bleed a{
	width:50%
}
.gutter:nth-child(even).has-bleed .m1_img,
.gutter:nth-child(even).has-bleed .mod-bg-tint,
.gutter:nth-child(even) a{
	left:50%;
}


.mod.mod-m1-clmns.style2 .mod {
	min-height:400px;

	}
	
	.mod.mod-m1-clmns.style2:after {
	content: "";
	width: 4px;
	top: 0;
	bottom: 0;
	display:block;
	position:absolute;
	left: 50%;
	z-index:5 !important;
	margin-left:-1px;
	background-color: var(--dp-color-quinary);
	
}


	
}

/*
.mod.mod-m1-clmns.style2 img {
	filter:blur(2px);
	transition:filter .3s ease
}

.mod.mod-m1-clmns.style2 .gutter:hover img {
	filter:blur(0px);
}
*/

.mod.mod-m1-clmns .modlink {
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index:5
}


	.mod.mod-m1-clmns.style2 .mod .position{
		margin: auto
	}

.mod.mod-m1-clmns.style2 {
	position:Relative;
}

.mod.mod-m1-clmns.style2 .mod .position{
		margin: auto
	}
		
	
@media(max-width:767px) {
	

.mod.mod-m1-clmns.style2 .mod {
	min-height:180px;

	}
	
	.mod.mod-m1-clmns.style2:after {
	content: "";
	height: 4px;
	left: 0;
	right: 0;
	display:block;
	position:absolute;
	top: 50%;
	z-index:5 !important;
	margin-top:-1px;
	background-color: var(--dp-color-quinary);
	
}
	
	


}









.mod-m3.default .m3-row:not(:last-child) {
	border-bottom:1px solid #ccc;
	margin-bottom: calc(var(--dp-site-padding) * .5);
	padding-bottom:calc(var(--dp-site-padding) * .5);
}

@media(max-width:600px) {
	.mod-m3.default .m3-row:not(:last-child) {
		border-bottom:1px solid #ccc;
		margin-bottom: calc(var(--dp-site-padding) /4 );
		padding-bottom:calc(var(--dp-site-padding) / 4);
	}

}




.mod-txt img:not(.nosize):not(.full-size){
	max-width:100%;
	height:auto!important;
	}




.mod-m2.style2 .thumb {
	
		box-shadow: 0 0 5px rgba(0,0,00,.5);
}

.mod-m2.style2 .thumb img{
	border:3px solid white;
	}


.dp-txt\:xtrabig{
	
	font-size: 50px
	}

.mod-m2.style4 .thumb {
	position:relative;
	
	
}



	

.mod-m2.style3 .item *{
	height:100%;
}

.mod-m2.style3 .info{
	padding:0 !important;
}


.mod-m2.style3 .thumb {
	position:Relative;
	display:flex;
	justify-content: center;
	align-items: center;
}


.mod-m2.style3 a {
	opacity:0;
}
.mod-m2.style3 .thumb img{
	height:100%;
	width:100%;
	object-fit:cover;
	
}

.mod-m2.style3 .thumb *:is(h2,h3,h4){
	position:absolute;
	width:100%;
	text-align:Center;
	background-color: rgba(113, 16, 16, 0.8);
	padding:5px;
	transition:all .3s ease;
	height:auto;
	display:flex;
	align-items: center;
	justify-content: center;
	min-height:0;
	
	}

.mod-m2.style3 .item {
	position:Relative;
}

	
		.mod-m2.style3 .item{
			transition:all 1s ease;
			}

@media(min-width:768px) {
	
	.mod-m2.style3 .item:hover *:is(h2,h3,h4){
	min-height:100%;
	background-color: rgba(113, 16, 16, 1);
	}
	
		.mod-m2.style3 .item:nth-child(1):hover{
	    transform:
    perspective(75em)
    rotateX(28deg)
	rotateY(18deg);


	}
	
	
		.mod-m2.style3 .item:nth-child(2n):hover{
	    transform:
    perspective(75em)
    rotateX(28deg)


	}
	
		.mod-m2.style3 .item:nth-child(3n):hover{
	    transform:
    perspective(75em)
    rotateX(18deg)
	rotateY(-18deg);

	}


.mod-m2.style3 .item:hover .article{
	  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
}

}




.slideshow .slide-view, 
.slideshow .slide-view .slides,
.slideshow .slide-view .slides .owl-stage-outer,
.slideshow .slide-view .slides .owl-stage-outer .owl-stage,
.slideshow .slide-view .slides .owl-stage-outer .owl-stage .owl-item{
	height:100%
}



html .mod  {
    width:100%;
    
}

.mod .fill {
    width:100%
}
html .txt-lght *:is(p,li,h1,h2,h3,h4,h5,h6,.txt-stylized, .thumb) {
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




html .m1_img:not(.parallax) {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    left: 0;
    top:0;
}



html .mod p img {
    display: inline !important;
}



.simpleParallax {
	position:absolute;
}

html .m1_img.fixed {
	

	width: 100%;
	height: 100%;
	opacity:.06
}

html .m1_img_bg {
	position:absolute;
	top: 0;
	width:100%;
	height:100%
}


.owl-stage{
	display: flex;
}





.has-video{

	position:relative;

}


.position.fill {

	width:100%
}


.gutter, .mod-rowcnt-2{
	position:relative;
	overflow:visible;
}

html .bleed {
	position:Absolute;
	top: 0;
	bottom:0;
	z-index:1;
	height:100%;
}

.bleed + *{
	position:Relative;
	z-index:2
}


.m1_img:not(.parallax) {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:1;
	left:0;
	
}
html .m1_img + *{
	z-index:2;
	position:relative;
	
}
html .m1_img + .mod-bg-tint + * {
	z-index:3;
	position:relative;
	
}

.bleed {
	height:100%;
	object-fit:cover
}



.mod-m2, .mod-m1-clmns {
	overflow:hidden;
	position:relative;
}


@media(min-width:1024px) {
	

	.mod-rowcnt-2 > div:nth-child(odd) .bleed{
			right: 0;
				width:52vw !important;
		
	}
	.mod-rowcnt-2 > div:nth-child(even) .bleed{
			left: 0;
				width:52vw !important;
	}

}


@media(max-width:1024px) {
	.mod-rowcnt-2  .bleed{
		width:100vw !important;
	}

	.mod[class*="t-pad:10px:lt:xs"] .mod-rowcnt-2  .bleed,
	.mod[class*="t-pad:10px:lt:s"] .mod-rowcnt-2  .bleed,
	.mod[class*="t-pad:15px:lt:m"]  .mod-rowcnt-2 .bleed{
		left: -20px;

	}
}


.vid-tint {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;

}

	.bg-video{
		position:absolute;
		z-index:1;
	}

	.bg-video *{
		z-index:3;
		position:relative;
	}



.video-mantle .bg-video + div {
    z-index: 5;
}



.mod{
	background-position:center;
	background-size: cover;

}

.mod.fixed{
		background-attachment:fixed;
	}


.mod.mod-m1 .mod-txt	h2 {
	    padding-bottom: calc(var(t-site-padding)/3)
	}

.mod.mod-m1 .mod-txt	ul{
		margin-top:0;
		margin-bottom:0;
	}





.slideshow .dp-valigner{
	position:relative;
}


.m5-section-hit {
	position:relative;
}

.m5-section-hit:after {
	content: "+";
	font-size: 25px;
	position:absolute;
	right: 20px;
	top: 50%;
	margin-top: -13px;

}

.m5-section-hit:after {
	content: "+";
	font-size: 25px;
		position:absolute;
		right: 20px;
		top: 50%;
		margin-top: -13px;
	
}

.active .m5-section-hit:after {
	content: "-";
	font-size: 25px;
	position:absolute;
	right: 20px;
	top: 50%;
	margin-top: -13px;
	
}


	



	ul.checkmarks {
		list-style: none!important;
	}

	ul.checkmarks li:before {
		content: "√ ";
		font-weight: bold;
		position:relative;
		padding-right:10px;
		margin-left:-20px;
		display:inline-block;
		font-size: 18px;
		color: #22a386
	}


	img{
		margin-right:auto;
		margin-left:auto;

	}
	
}


.section-rule{
	max-width:var(--dp-site-width);
	margin:auto;

}



.mod a .mod-txt, .mod a .info, .mod a h1,  .mod:not(.txt-lght) a h2, .mod:not(.txt-lght) a h3{
	color:var(--dp-color-primary);
}



.mod a .thumb :is(h1,h2,h3,h4){
			color:#fff;
		}


.mod-txt:wht .mod-txt	h1,h2,h3,h4,h5,p{
		color:#fff
	}


.mod .button{

	cursor:pointer;
}


.mod:not(.txt-lght) .modlink{
	display:block;
}





.mod.mod-m1.dp-txt\:bot{
	align-items: flex-end !important;
}

.mod.mod-m1.dp-txt\:top{
	align-items: flex-start !important;
}




.txt-lght{
	color:white;

}					
.txt-lght	:is(p,h1,h2,h3,h4,h5,.txt-stylized){
		color:white;
	}



.mod.mod-m2 .dp-valigner{
		max-width:var(--dp-site-width);
		margin:auto;
}


.dp-txt\:lt\:t > .dp-valigner  > .dp-valign{
			vertical-align:top;
			text-align:left;
			
			
	}

.dp-txt\:cntr\:t  > .dp-valigner  > .dp-valign{
			vertical-align:top;
			text-align:center;
			
	}



.dp-txt\:rt\:t  > .dp-valigner > .dp-valign{
			vertical-align:top;
			text-align:right;
			
	}





.dp-txt\:lt\:m   > .dp-valign{
			vertical-align:middle;
			text-align:left;
			
	}

 .dp-txt\:cntr\:m  > .dp-valign{
			vertical-align:middle;
			text-align:center;		
	}


.dp-txt\:rt\:m  > .dp-valign{
			vertical-align:middle;
			text-align:right;		
	}



.dp-txt\:lt\:b  > .dp-valign{
			vertical-align:bottom;
			text-align:left;
			padding-bottom:40px  !important;
			
	}
.dp-txt\:cntr\:b > .dp-valign{
			vertical-align:bottom;
			text-align:center;
			padding-bottom:40px  !important;		
	}


.dp-txt\:rt\:b > .dp-valign{
			vertical-align:bottom;
			text-align:right;
			padding-bottom:40px !important;	
	}






.dp-valign.dp-txt\:lt\:m {
			vertical-align:middle;
			text-align:left;
			
	}

.dp-valign.dp-txt\:cntr\:m  {
			vertical-align:middle;
			text-align:center;		
	}


.dp-valign.dp-txt\:rt\:m {
			vertical-align:middle;
			text-align:right;		
	}



.dp-valign.dp-txt\:lt\:b {
			vertical-align:bottom;
			text-align:left;
			padding-bottom:40px  !important;
			
	}
.dp-valign.dp-txt\:cntr\:b {
			vertical-align:bottom;
			text-align:center;
			padding-bottom:40px  !important;		
	}


.dp-valign.dp-txt\:rt\:b {
			vertical-align:bottom;
			text-align:right;
			padding-bottom:40px !important;	
	}







@media(min-width:501px){
.dp-txt\:pos\:lt\:t {
			vertical-align:flex-start;
			text-align:flex-start;
			
			
	}

.dp-txt\:pos\:cntr\:t{
			vertical-align:center;
			text-align:flex-start;
			text-align:center;
			
	}



.dp-txt\:pos\:rt\:t {
			justify-content: top;
    		align-items: top;
    		text-align:right;
			
	}





.dp-txt\:pos\:lt\:m{
			justify-content: flex-start;
    		align-items: center;

			
	}

 .dp-txt\:pos\:cntr\:m{
			justify-content: center;
    		align-items: center;	
    		text-align:center;
	}


.dp-txt\:pos\:rt\:m{
			justify-content: flex-end;
    		align-items: center;
    		text-align:right;		
	}



.dp-txt\:pos\:lt\:b {
			align-items: flex-end;	
			
	}
.dp-txt\:pos\:cntr\:b {
			justify-content: center;
    		align-items: flex-end;	
    		text-align:center;
	}


.dp-txt\:pos\:rt\:b {
			justify-content: flex-end;
    		align-items: flex-end;
    		text-align:right;
	}


}




.mod.mod-m1{height:100%}



.mod-m2.txt-lght .item  p {
    color: white;
}



@media(max-width:$t-desktop){
	.mod-m2.static-img .slide{
	 background-attachment: scroll !important;
	}

}


.mod:not(.mod-m3).border{
	position:relative;
}
.mod:not(.mod-m3).border .dp-contain{
	position:relative;
	z-index:5;
}
.mod:not(.mod-m3).border:after{
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255, 255, .3);
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    z-index: 3;
    display: block;
   }


.mod-m3 .fitimg img {
    margin: auto;
    min-height: 100px;
}


.mod-m3  img {
    width: 100%;
    height:auto;
}


.mod-m3.border .img{
	position:relative;
}
.mod-m3.border .img{
	position:relative;
	z-index:5;
}
.mod-m3.border .img:after{
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255, 255, .3);
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    z-index: 3;
    display: block;
   }


.m3-row:last-of-type{
	border-bottom: none;
}


@media(min-width:$t-tablet-portrait){
	
	.m3-row .img.fitimg{
	 min-height:200px;
	 
	}

	

}

@media(max-width:$t-tablet-portrait){


	.m3-row{
		text-align:center;
	}

	.m3-row	.img.fitimg{
			margin-bottom:calc(var($t-site-padding)/3);
		}

		.m3-row	img{
	 			max-width:150px;
	 		}

}

@media(max-width:$t-mobile-landscape){


	
	.mod-m2 .slide .dp-valigner{

		padding:calc(var(--dp-site-padding)/4);
		display: flex;
	    justify-content: center;
	    align-items: center;

	}

}




.slideshow	.slides li{
		width:100vw
	}

	.slideshow	.dp-contain{
			margin:0;
			width:100%;
		}
		


@media(min-width: $t-mobile-landscape) and (max-width: $t-site-width+180){


		
		.slideshow	.dp-valign{	

			padding: calc( var(--dp-site-padding)/2) !important;
			
		}


}



@media(min-width:767px){


	.mod-m3.icons .fitimg img{
		    width: 30% !important;
    		flex:none;
}


}








/* overriding column sizing */
@media (min-width: 1023px) {
  .mod-m1-clmns {
    /* Wider right */
    /* Wider left */
  }
  .colmn_sz_50-50 >* {
    width: 50%;
  }

   .colmn_sz_45-55 >*:first-child {
    width: 45%;
  }
  .colmn_sz_45-55 >*:last-child {
    width: 55%;
  }
  .colmn_sz_40-60 >*:first-child {
    width: 40%;
  }
  .colmn_sz_40-60  >*:last-child {
    width: 60%;
  }
  .colmn_sz_35-65 >*:first-child {
    width: 35%;
  }
  .colmn_sz_35-65  >*:last-child {
    width: 65%;
  }
  .colmn_sz_30-70 >*:first-child {
    width: 30%;
  }
  .colmn_sz_30-70  >*:last-child {
    width: 70%;
  }
  .colmn_sz_25-75 >*:first-child {
    width: 25%;
  }
  .colmn_sz_25-75  >*:last-child {
    width: 75%;
  }
  .colmn_sz_20-80 >*:first-child {
    width: 20%;
  }
  .colmn_sz_20-80  >*:last-child {
    width: 80%;
  }
  .colmn_sz_15-75 >*:first-child {
    width: 15%;
  }
  .colmn_sz_15-75  >*:last-child {
    width: 75%;
  }
  .colmn_sz_20-80 >*:first-child {
    width: 20%;
  }
  .colmn_sz_20-80  >*:last-child {
    width: 80%;
  }
  .colmn_sz_15-85 >*:first-child {
    width: 20%;
  }
  .colmn_sz_15-85  >*:last-child {
    width: 80%;
  }
  .colmn_sz_10-90 >*:first-child {
    width: 20%;
  }
  .colmn_sz_10-90  >*:last-child {
    width: 80%;
  }
  .colmn_sz_55-45 >*:first-child {
    width: 55%;
  }
  .colmn_sz_55-45  >*:last-child {
    width: 45%;
  }
  .colmn_sz_60-40 >*:first-child {
    width: 60%;
  }
  .colmn_sz_60-40  >*:last-child {
    width: 40%;
  }
  .colmn_sz_65-35 >*:first-child {
    width: 65%;
  }
  .colmn_sz_65-35  >*:last-child {
    width: 35%;
  }
  .colmn_sz_70-30 >*:first-child {
    width: 70%;
  }
  .colmn_sz_70-30  >*:last-child {
    width: 30%;
  }
  .colmn_sz_75-25 >*:first-child {
    width: 75%;
  }
  .colmn_sz_75-25  >*:last-child {
    width: 25%;
  }
  .colmn_sz_80-20 >*:first-child {
    width: 80%;
  }
  .colmn_sz_80-20  >*:last-child {
    width: 20%;
  }
  .colmn_sz_85-15 >*:first-child {
    width: 85%;
  }
  .colmn_sz_85-15  >*:last-child {
    width: 15%;
  }
  .colmn_sz_90-10 >*:first-child {
    width: 90%;
  }
  .colmn_sz_90-10  >*:last-child {
    width: 10%;
  }
}
/* ---- modules.css---- *//* @override 
	http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/modules.css?*
	https://rayson-2025.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/modules.css?*
	https://www.jolovineyards.com/wp-content/themes/jolo/assets/css/theme/auto-import/modules.css?* */

 
  
@media(min-width:768px) {
	

 .has-bleed,
  .has-bleed * 
{
 	overflow:visible;
 	clear:both;
 

 }
  .has-bleed .bleed{

 	display:block;
 	position:relative;	
 }
 .has-bleed .bleed .mod{

 	position:relative !important;
 	margin-top: 0px;
 	align-content: flex-start;
 }
 
 
  .has-bleed .bleed:nth-child(odd) >div {
 	position:absolute !important;
 	right: 0;
 	justify-content:flex-end
 
 }
 
 
   .has-bleed .bleed:nth-child(even) >div {
 	right: 0;
 	justify-content:flex-start
 
 }
 


}

html .mod-contain.fill,
html  .mod .fill {
	width:100%
} 

html  .mod-m2 .article {
	position:relative;
}
html  .mod-m2 .article-link {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:10	
}

tml .mod-bg-tint {
  position:absolute !important;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  z-index:2 !important
}
  
html .mod-bg-tint + *{
  z-index:3!important;
  position:Relative;
  }



html .m1_img{
  top:0;
}

@media(min-width:601px) and (max-width:1024px) {
html .mod-m1-clmns.clmn-rev-tab > div{
    display:flex;
    flex-direction: column-reverse;
  }

}

@media(max-width:600px) {
html  .mod-m1-clmns.clmn-rev-mob  > div{
    display:flex;
    flex-direction: column-reverse;
  }

}







@media (min-width: 768px) {
  .m1_2clmn {
    display: flex;
  }
  .m1_2clmn h2 {
    font-size: var(--dp-txt-headline-norm);
  }

  .m1_2clmn > * {
    width: 50%;
    float: left;
  }

  .m1_2clmn:not(.dp-contain) .mod:nth-child(1) .dp-contain {
    margin-right: 0;
  }
  .m1_2clmn:not(.dp-contain) .mod:nth-child(2) .dp-contain {
    margin-left: 0;
  }
}
@media (max-width: var(--dp-tablet-portrait)) {
  .m1_2clmn :nth-child(1) {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .m1_2clmn h2 {
    font-size: var(--dp-txt-headline-norm-mob);
  }
}
@media (min-width: var(--dp-tablet-portrait)) {
  .m1_2clmn.dp-flex-align {
    display: flex;
  }
  .m1_2clmn.dp-flex-align.dp-flex-center {
    align-items: stretch;
  }
  .m1_2clmn.dp-flex-align.dp-flex-center > * {
    align-items: center;
    display: flex;
  }
}
/* overriding column sizing */
html .mod-m1-clmns .mod-rowcnt-1 > div {
  width: 100%;
}
html .mod-m1-clmns .mod-rowcnt-1 > div .dp-contain {
  width: 100%;
}


.mod [class*="dp-grid"] {
	flex-wrap:wrap;
}

@media (min-width: 1023px) {
  html {
    /* Wider right */
    /* Wider left */
  }

   html .colmn_sz_50-50 > div{
    width: 50%;
  }
  html .colmn_sz_45-55 > div:nth-child(odd) {
    width: 45%;
  }
  html .colmn_sz_45-55 > div:nth-child(even){
    width: 55%;
  }
  html .colmn_sz_40-60 > div:nth-child(odd) {
    width: 40%;
  }
  html .colmn_sz_40-60 > div:nth-child(even){
    width: 60%;
  }
  html .colmn_sz_35-65 > div:nth-child(odd) {
    width: 35%;
  }
  html .colmn_sz_35-65 > div:nth-child(even){
    width: 65%;
  }
  html .colmn_sz_30-70 > div:nth-child(odd) {
    width: 30%;
  }
  html .colmn_sz_30-70 > div:nth-child(even){
    width: 70%;
  }
  html .colmn_sz_25-75 > div:nth-child(odd) {
    width: 25%;
  }
  html .colmn_sz_25-75 > div:nth-child(even){
    width: 75%;
  }
  html .colmn_sz_20-80 > div:nth-child(odd) {
    width: 20%;
  }
  html .colmn_sz_20-80 > div:nth-child(even){
    width: 80%;
  }
  html .colmn_sz_15-75 > div:nth-child(odd) {
    width: 15%;
  }
  html .colmn_sz_15-75 > div:nth-child(even){
    width: 75%;
  }
  html .colmn_sz_20-80 > div:nth-child(odd) {
    width: 20%;
  }
  html .colmn_sz_20-80 > div:nth-child(even){
    width: 80%;
  }
  html .colmn_sz_15-85 > div:nth-child(odd) {
    width: 20%;
  }
  html .colmn_sz_15-85 > div:nth-child(even){
    width: 80%;
  }
  html .colmn_sz_10-90 > div:nth-child(odd) {
    width: 20%;
  }
  html .colmn_sz_10-90 > div:nth-child(even){
    width: 80%;
  }
  html .colmn_sz_55-45 > div:nth-child(odd) {
    width: 55%;
  }
  html .colmn_sz_55-45 > div:nth-child(even){
    width: 45%;
  }
  html .colmn_sz_60-40 > div:nth-child(odd) {
    width: 60%;
  }
  html .colmn_sz_60-40 > div:nth-child(even){
    width: 40%;
  }
  html .colmn_sz_65-35 > div:nth-child(odd) {
    width: 65%;
  }
  html .colmn_sz_65-35 > div:nth-child(even){
    width: 35%;
  }
  html .colmn_sz_70-30 > div:nth-child(odd) {
    width: 70%;
  }
  html .colmn_sz_70-30 > div:nth-child(even){
    width: 30%;
  }
  html .colmn_sz_75-25 > div:nth-child(odd) {
    width: 75%;
  }
  html .colmn_sz_75-25 > div:nth-child(even){
    width: 25%;
  }
  html .colmn_sz_80-20 > div:nth-child(odd) {
    width: 80%;
  }
  html .colmn_sz_80-20 > div:nth-child(even){
    width: 20%;
  }
  html .colmn_sz_85-15 > div:nth-child(odd) {
    width: 85%;
  }
  html .colmn_sz_85-15 > div:nth-child(even){
    width: 15%;
  }
  html .colmn_sz_90-10 > div:nth-child(odd) {
    width: 90%;
  }
  html .colmn_sz_90-10 > div:nth-child(even){
    width: 10%;
  }
}


.parallax-bg {
	position:fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	
	

}

.parallax-bg img{
	object-position: center center;
	


}
.m1_2clmn .full-width .dp-contain {
  width: 100%;
}

.m1_2clmn .mod-m1.floating-overlay .dp-contain {
  padding: calc(var(--dp-site-padding)/2);
}

@media (min-width: var(--dp-tablet-portrait)) and (max-width: 968px) {
  .m1_2clmn .mod-m1.floating-overlay .dp-contain {
    padding: 40px;
    margin: 0 30px;
  }
}
/*

Module M2 : Slideshow or Grid

*/
.slideshow {
  padding: 0;
  width: 100%;

  position: relative;
}
.slideshow .slide-view {
  width: 100%;
}
.slideshow .bg-video {
  position: absolute;
}
.slideshow .dp-valigner {
  height: 100%;
}

.slideshow .slides .slide {
  position: relative;
  float: left;
  height: 100%;
  display: block;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  clear: none !important;
}
.slideshow .slides .slide[data-ratio=wide] {
  /*background-size: 100% auto;*/
}
.slideshow .slides .slide[data-ratio=tall] {
  /*background-size: auto 100%;*/
}
.slideshow .slides .slide:not(.fitimg) {
  background-size: cover;
}
.slideshow .slides  .fitimg {
  background-size: contain;
}
.slideshow .slides  .slide .m2-img {
  position: absolute;

}

.slideshow .slides  .slide .m2-img:not(.fitimg) {
  
  height: 100%;
  width: 100%;
}
.slideshow .slides .slide .dp-valigner {
  z-index: 3;
}
.slideshow .slides .slide img {
  display: block;
}
.slideshow .slides .slide iframe {
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  z-index: 50;
}
.slideshow .slides .slide .text {
  position: relative;
  z-index: 100;
}
.slideshow .slides .slide h2 {
  overflow: visible;
}
.slideshow .slides .slide h2 h3.dp-txt-h2 {
  font-size: 30px !important;
}
.slideshow[data-dir="vert"] .slides li {
  float: none !important;
}
.slideshow[data-dir="vert"] .slide-view {
  height: 100%;
  position: absolute;
}
.slideshow[data-dir="vert"] .slides {
  position: relative;
}
.slideshow.ease .slides {
  -webkit-transition: left 0.3s ease, top 0.3s ease;
  -moz-transition: left 0.3s ease, top 0.3s ease;
  -ms-transition: left 0.3s ease, top 0.3s ease;
  -o-transition: left 0.3s ease, top 0.3s ease;
  transition: left 0.3s ease, top 0.3s ease;
}
.slideshow .scrolltext {
  display: inline-block;
  position: relative;
  overflow: visible;
  height: 30px;
  min-width: 300px;
}
.slideshow .scrolltext div {
  position: absolute;
  transition: top .3s ease,-webkit-filter .1s ease, -moz-filter .1s ease, -o-filter .1s ease, -ms-filter .1s ease, filter .1s ease;
  padding-right: 15px;
}
.slideshow .scrolltext .blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.mantle-slides .slide h3 {
  font-size: var(--dp-txt-headline-xtrabig);
  font-weight: bold;
  font-family: Univers LT Std Condensed;
  line-height: 1em !Important;
  text-transform: uppercase;
}

@media (min-width: var(--dp-tablet-portrait)) {
  .mantle-slides .slide h3 {
    font-size: var(--dp-txt-headline-xtrabig);
    font-weight: bold;
  }
  .mantle-slides .slide .dp-txt-sm, .mantle-slides .slide .dp-txt-sm p {
    font-size: var(--dp-txt-med);
  }
}
@media (max-width: var(--dp-tablet-portrait)) {
  .mantle-slides .slide h3 {
    font-size: var(--dp-txt-headline-big-mob);
    text-align: left;
  }
  .mantle-slides .slide .button-pos {
    text-align: left;
  }
  .mantle-slides .slide .dp-txt-sm, .mantle-slides .slide .dp-txt-sm p {
    font-size: var(--dp-txt-med-mob);
  }
}

@media (min-width: 0) {
  .mod-m2 .indicator-box {
    margin-top: -40px;
    position: relative;
    z-index: 100;
    padding-bottom: 10px;
  }
  .mod-m2 .indicator-box li {
    background-color: #ccc !important;
  }
  .mod-m2 .indicator-box li.on {
    background-color: #fff !important;
  }
}
.slide-nav .btn-prev {
  position: absolute;
  left: 0px;
}

.slide-nav .btn-next {
  position: absolute;
  left: calc(100% - 60px);
}

.slide-nav li {
  height: 100%;
  z-index: 200;
  overflow: visible;
}

.slide-nav li em {
  display: block;
  width: 60px;
  height: 90px;
  top: 50%;
  margin-top: -40px;
  position: relative;
  cursor: pointer;
 
}

.slide-nav li.mute {
  display: none;
}

.slide-nav li {
  opacity: .5;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.slide-nav li:hover {
  opacity: 1;
  cursor: pointer;
}

.slide-nav li em:after {
  display: block;
  content: " ";
  border: 3px solid white;
  width: 35px;
  height: 35px;
  position: absolute;
  margin-left: -13px;
  top: 27px;
  color: #fff;
  font: 60px serif;
  font-weight: bold;
  font-style: normal;
}

.slide-nav li.btn-prev em:after {
  left: 35px;
  border-right: none;
  border-bottom: none;
  transform: rotate(-45deg);
}

.slide-nav li.btn-next em:after {
  left: 15px;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}

@media (max-width: 864px) {
  .slide-nav {
    display: none;
  }
}
@media (min-width: 864px) {
  html:not(.mobile) .indication-container {
    display: none;
  }
}
.mobile .slide-nav {
  display: none;
}

.indicator {
  padding: 10px 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  padding: 5px 10px 0;
  border-radius: 16px;
}

.indicator li {
  display: inline-block;
  background-color: #fff;
  height: 10px;
  width: 10px;
  margin: 5px;
  opacity: .6;
  border-radius: 50%;
}

.indicator li.on {

  opacity: 1;
}

.indicator-alt .indicator li {
  background-color: var(--dp-grey-light);
}
.indicator-alt .indicator li.on {
  opacity: 1;
}

.indicator-bg-clr1 .indicator-box {
  background-color: var(--dp-color-primary);
}

.indicator-bg-clr2 .indicator-box {
  background-color: var(--dp-color-secondary);
}

.indicator-bg-clr3 .indicator-box {
  background-color: var(--dp-color-tertiary);
}

.indicator-bg-clr4 .indicator-box {
  background-color: var(--dp-color-quaternary);
}

.indicator-bg-clr5 .indicator-box {
  background-color: var(--dp-color-quinary);
}

@media (max-width: var(--dp-tablet-portrait)) {
  .slideshow.mantle {
    min-height: 400px !important;
  }
}
.mod-m2 .item .thumb {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.mod-m2 .item .thumb img {
  width: 100%;
}
.mod-m2 .item .thumb:not(.fitimg) img {
  object-fit: cover;
  height: 100%;
}
.mod-m2 .item .thumb.fitimg img {
  object-fit: contain;
  height: 100%;
}

.mod-m2 .info {
  overflow: visible;
}

.mod-m2 .modlink .thumb {
  color: #fff;
}

.mod-m2.hoverlinks .modlink:hover .thumb {
  color: #fff;
  background-color: var(--dp-color-primary) !important;
}

.mod-m2 .numblist {
  counter-reset: item;
}
.mod-m2 .numblist .item {
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}
.mod-m2 .numblist .item::before .info {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  top: 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.mod-m2 .numblist .item .info {
  padding-left: 70px;
  position: relative;
}
.mod-m2 .numblist .item .info::before {
  position: absolute;
  left: 0px;
  left: 5px;
  text-align: left;
  display: inline-block;
  content: counter(item) "";
  counter-increment: item;
  font-size: 62px;
  font-weight: 100;
  top: -9px;
  color: var(--dp-color-quinary);
}

@media (max-width: var(--dp-mobile-landscape)) {
  .mod-m2 .numblist .item .info::before {
    position: relative;
    display: block;
    text-align: center;
    padding: 30px 0 10px;
  }

  .mod-m2 .item .thumb {
    height: auto !important;
  }
  .mod-m2 .item .thumb img {
    object-fit: unset !important;
  }
}
@media (min-width: var(--dp-mobile-landscape)) {
  .m2-big-circle-grid .dp-contain {
    max-width: 1024px;
  }

  .m2-big-circle-grid .modlink div.thumb {
    margin-bottom: 0 !important;
  }
}
/*
.mod-m2 .info,.mod-m2 .slide .text {
	h3 + * , .mod-txt + * {
		margin-top: calc(var(--dp-site-padding)/4);
	}
}

@media(max-width:767px){

	.mod-m2 .info,.mod-m2 .slide .text{
		h3 + * , .mod-txt + * {
			margin-top: calc(var(t-site-padding)/4);
		}
	}

}
*/
.mod-m2.news-links .item .button {
  padding: 3px 0px 2px;
  background: none;
  color: var(--dp-color-quaternary);
  font-weight: 400;
}
.mod-m2.news-links .item .button:hover {
  color: var(--dp-color-primary);
}

.mod-m2.news-links .item .button:after {
  content: " \00bb";
  font-size: 1.3em;
  font-weight: 100;
  font-weight: 400;
}

/* ----- Themed ------- */
.slide .txt-alicia {
  padding-left: 10px;
}

@media (max-width: var(--dp-mobile-landscape)) {
  .slide .stylized-pad {
    padding-left: 0;
    text-align: center;
  }

  .slide .txt-stylized {
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
  }
}
.slide .lead-txt {
  font-size: 18px;
  font-weight: 600;
}

.slide .subhead {
  display: inline-block;
}

.mod-m2.nurse-grid-titles h3 + p {
  margin-top: 10px !important;
}

.m2-littletxt .info h3 {
  font-size: var(--dp-txt-norm);
}



/*

Module m3 : Alternating Columns Text / Image

*/
.mod-quote:before, .mod-quote:after {
  content: '"';
  font-size: 30px;
}

.mod-m3 .fitimg {
  background-repeat: no-repeat;
  background-position: center center;
}
.mod-m3 .fitimg img {
  margin: auto;
}

.mod-m3 .m3-row {
  display: flex;
}


.mod-m3 .img:not(.fitimg) img {
  object-fit: cover;
  width:100%;
  
}
.mod-m3 .img.fitimg img {
  object-fit: contain;
}

.mod-m3 .full-width .m3-row .mod-txt {
  max-width: 722.5px;
}
.mod-m3 .full-width .m3-row .mod-txt.clmnr, .mod-m3 .full-width .m3-row .mod-txt.clmnr + * {
  float: right;
  clear: both;
  text-align: right;
  padding-right: 0 !important;
}
.mod-m3 .full-width .m3-row .mod-txt.clmnl {
  padding-left: 0 !important;
}

.mod-m3 .full-width h3.clmnr {
  float: right;
  text-align: right;
  padding-right: 0 !important;
}
.mod-m3 .full-width h3.clmnl {
  padding-left: 0 !important;
}

@media (min-width: 768px) {
  .mod-m3.m3_imgl.m3_altrows .m3-row:nth-child(odd) .img + div {
    margin-left: calc(var(--dp-site-padding) / 2);
  }
  .mod-m3.m3_imgl.m3_altrows .m3-row:nth-child(even) .img + div {
    margin-right: calc(var(--dp-site-padding) / 2);
  }

  .mod-m3:not(.m3_imgl).m3_altrows .m3-row:nth-child(odd) .img + div {
    margin-right: calc(var(--dp-site-padding) / 2);
  }
  .mod-m3:not(.m3_imgl).m3_altrows .m3-row:nth-child(even) .img + div {
    margin-left: calc(var(--dp-site-padding) / 2);
  }

  .mod-m3:not(.m3_altrows) .m3-row .img + div {
    margin-left: calc(var(--dp-site-padding) / 2);
  }

  .mod-m3:not(.m3_altrows) .m3-row .img, .mod-m3:not(.m3_altrows) .m3-row .img + div {
    margin-right: calc(var(--dp-site-padding) / 2);
  }

  .mod-m3.m3_altrows:not(.m3_imgl) .m3-row:nth-child(even) {
    flex-direction: row-reverse;
  }

  .mod-m3.m3_altrows.m3_imgl .m3-row:nth-child(odd) {
    flex-direction: row-reverse;
  }

  .mod-m3:not(.m3_altrows).m3_imgl .m3-row {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .mod-m3 .padding {
    padding: calc(var(--dp-site-padding) / 4) 0;
  }

  .mod-m3 .img {
    position: relative;
  }
  .mod-m3 .img h3 {
    position: absolute;
    top: 50%;
    margin-top: -15px;
  }
}



/*

Module M4 : Quote

*/

.mod-m4 blockquote:before {
  top: 30px;
  content: "\201C" !important;
 
}
.mod-m4 blockquote:after {
  content: "\201E" !important;
  line-height: 0em;
}


/*

Module M5 : Accordion

*/

.mod-m5 .m5-section {
	overflow:hidden
}

.mod-m5 .m5-section-hit {
  border-bottom: 1px solid;
  transition: padding 0.3s ease;
  cursor: pointer;
}
.mod-m5 .m5-section-hit {
  border-bottom: 1px solid;
  cursor: pointer;
}
.mod-m5 .m5-section:first-child {
  border-top: 1px solid 
}
.mod-m5 .m5-section .m5-expander {
  transition: height 0.3s ease;
}



.mod-m5.m5-item a, .mod-m5 .m5-item p {
  text-align: left;
}

.m5-sizer .m5-item {
  border: none;
  border-bottom: 0 !important;
}


.m5-sizer .m5-item:not(:first-child) {
  padding-top: 0;
}



.m5-section.active .m5-expander {
  border-bottom: 1px solid;
}

.m5-section:not(.active) .m5-expander, .m5-section:not(.active):hover .m5-expander {
  height: 0 !important;
}

/*

M6 : Sticky Column

*/
.m6-items .m6-item img {
  object-fit: cover;
  width: 100% !important;
  height: auto !important;
}

@media (min-width: 864px) {
  .has-m6:not(body), .mod-m6, .mod-m6 * {
    overflow: visible;
  }

  .m6-stick-l .m6-columns {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }

  .m6-columns {
    display: flex;
    flex-wrap: nowrap;
  }
  .m6-columns .m6_stickied {
    overflow: visible;
  }
  .m6-columns .m6_stickied {
    position: sticky;
    position: -webkit-sticky;
    top: 50%;
  }
  .m6-columns > div {
    width: 50%;
  }
  .m6-columns .m6-item {
    height: 75vh;
  }
}
@media (max-width: 864px) {
  .m6-items {
    display: flex;
  }
  .m6-items .m6-item {
    width: 50%;
  }
}
/*

M7 : Menu List

*/
.mod-m7 .img {
  background-position: center;
  background-repeat: no-repeat;
  min-height: 250px;
  margin: auto;
}

@media (min-width: 864px) {
  .mod-m7 .dp-view-l-fit-flex .m7-row .descr {
    width: calc(100% - 400px);
  }
  .mod-m7 .dp-view-l-fit-flex .m7-row .img {
    width: 400px;
  }
  .mod-m7 .dp-view-l-fit-flex .m7-row {
    display: flex;
    width: 100%;
    align-items: center;
  }
  .mod-m7 .dp-view-l-fit-flex.m7-items.clmn-img_rt .m7-row {
    flex-flow: row-reverse;
  }
  .mod-m7 .dp-view-l-fit-flex.m7-items.clmn-img_rt.clmn-alt .m7-row:nth-child(even) {
    flex-flow: inherit;
  }
  .mod-m7 .dp-view-l-fit-flex.m7-items.clmn-img_rt .descr {
    text-align: left;
  }
  .mod-m7 .dp-view-l-fit-flex.m7-items.clmn-img_rt.clmn-alt .m7-row:nth-child(even) .descr {
    text-align: right;
  }
  .mod-m7 .dp-view-l-fit-flex.m7-items.clmn-img_lt.clmn-alt .m7-row:nth-child(odd) {
    flex-flow: row-reverse;
  }
  .mod-m7 .dp-view-l-fit-flex.m7-items.clmn-img_lt .descr {
    text-align: right;
  }
  .mod-m7 .dp-view-l-fit-flex.m7-items.clmn-img_lt.clmn-alt .m7-row:nth-child(odd) .descr {
    text-align: left;
  }

  .m7-items:not(.dp-view-l-fit-1) {
    margin-left: calc(0 - (var(--dp-site-padding)/4));
    margin-right: calc(0 - (var(--dp-site-padding)/4));
  }

  .m7-items:not(.dp-view-l-fit-1) > * {
    padding: calc(var(--dp-site-padding)/4);
  }
}
@media (max-width: 768px) {
  .price {
    text-align: center;
  }
}
/* ---- overlay.css---- */
html body button.overlay-close {
    position: absolute;
    right: 20px;
    padding: 0px !important;
    justify-content: center;
    align-items: center;
    top: 20px;
    text-align: Center;
    font-size: 0;
    display: flex;
    width: 34px;
    height: 34px;
    cursor: pointer;
    border-radius: 50% !important;
    background-color: var(--dp-color-primary);
    cursor: pointer;
    transition: background-color .3sease;
}


html .overlay-close span {
    position: Relative;
    transform: rotate(45deg);
    left: 1px;
}

html .overlay-close span:after {
    content: "+";
    font-size: 32px;
    font-weight: bold;
    color: white;
}
/* ---- owl-carousel.css---- */
.owl-stage-outer {
	overflow:hidden!important;
}
 .owl-dots {
	align-items: center;
	justify-content:center;
	width:100%;
	display:flex;
	margin-top: 60px;
}

 .owl-nav.disabled {
	display:none;
}

.owl-dots button {
	width: 26px;
	height:26px;
	border:3px solid var(--dp-grey-norm);
	margin:0 8px;
	padding: 0;
	background-color:var(--dp-grey-norm);
	transition:background-color .3s ease;
}

.owl-dots button.active {

	background-color:var(--dp-color-secondary);
}/* ---- pagination.css---- *//* @override 
	http://jolovineyards.local/wp-content/themes/jolo/assets/css/theme/auto-import/pagination.css?* */


.pagination {
	font-family: var(--dp-font-primary);
}
.pagination .pgnums .pgnum:not(:last-child) {
margin-right:5px
}
.pagination .pgnums {
	margin:0 15px
}
.pagination .pgnums .pgnum a {
	font-size: 13px;
	padding:5px 10px;
	
	text-decoration:none;
	font-weight: 600;
	background-color: var(--dp-grey-light);
	color:black;
	transition: all .3s ease;
	
}

.pagination .pgnums .pgnum a.active,
.pagination .pgnums .pgnum a:hover {
	background-color: var(--dp-color-primary);
	color:white
}



.pagination .pag-action a {
	color:var(--dp-color-primary);
	text-decoration:none;
	
}
.pagination .pag-action a:hover {
	color:black;
	text-decoration:none;
	
}

/* ---- poppup-overlay.css---- */
 /* ---- spacing.css---- */
@media (min-width: 728px) {
 html  .default-spacing\:all {
    padding: calc(var(--dp-site-padding)/ 2);
  }

html   .default-spacing\:top-bottom {
    padding-top: calc(var(--dp-site-padding)/ 2);
    padding-bottom: calc(var(--dp-site-padding)/ 2);
  }

html   .default-spacing\:bot {
    padding-bottom: calc(var(--dp-site-padding)/ 2);
  }

 html  .default-spacing\:top {
    padding-top: calc(var(--dp-site-padding)/ 2);
  }

 html  .default-spacing\:bottom-sides {
    padding-bottom: calc(var(--dp-site-padding)/ 2);
    padding-right: calc(var(--dp-site-padding)/ 2);
    padding-left: calc(var(--dp-site-padding)/ 2);
  }

 html  .default-spacing\:top-sides {
    padding-top: calc(var(--dp-site-padding)/ 2);
    padding-right: calc(var(--dp-site-padding)/ 2);
    padding-left: calc(var(--dp-site-padding)/ 2);
  }

html   .default-spacing\:sides {
    padding-left: calc(var(--dp-site-padding)/ 2);
    padding-right: calc(var(--dp-site-padding)/ 2);
  }
}
@media (min-width: 728px) and (max-width: 864px) {
 html  .default-spacing\:all {
    padding: calc(var(--dp-site-padding)/ 4);
  }

 html  .default-spacing\:top-bottom {
    padding-top: calc(var(--dp-site-padding)/ 4);
    padding-bottom: calc(var(--dp-site-padding)/ 4);
  }

html  .default-spacing\:bot {
    padding-bottom: calc(var(--dp-site-padding)/ 4);
  }

html  .default-spacing\:top {
    padding-top: calc(var(--dp-site-padding)/ 4);
  }

html  .default-spacing\:bottom-sides {
    padding-bottom: calc(var(--dp-site-padding)/ 4);
    padding-right: calc(var(--dp-site-padding)/ 4);
    padding-left: calc(var(--dp-site-padding)/ 4);
  }

html   .default-spacing\:top-sides {
    padding-top: calc(var(--dp-site-padding)/ 4);
    padding-right: calc(var(--dp-site-padding)/ 4);
    padding-left: calc(var(--dp-site-padding)/ 4);
  }

html   .default-spacing\:sides {
    padding-left: calc(var(--dp-site-padding)/ 4);
    padding-right: calc(var(--dp-site-padding)/ 4);
  }
}
@media (max-width: 728px) {
html   .default-spacing\:all {
    padding: 30px 15px;
  }

html   .default-spacing\:top-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
  }

html  .default-spacing\:bot {
    padding-bottom: 30px;
  }

html  .default-spacing\:top {
    padding-top: 30px;
  }

html  .default-spacing\:bottom-sides {
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
  }

html  .default-spacing\:top-sides {
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
  }

 html  .default-spacing\:sides {
    padding-right: 15px;
    padding-left: 15px;
  }
}


/* ---- standardgorilion.css---- *//* override c7 styles */
body {
    --c7-field-border-radius: 0px; 
    --c7-button-border-radius: 0px; 
    --c7-primary-button-bg: transparent;
    --c7-primary-button-bg-hover:#000;
    --c7-primary-button-text-color: #000;
    --c7-heading-font-family: inherit;
    --c7-heading-font-weight: 500;
    --c7-font-family: inherit;
    --c7-body-text-color: #000;
    --c7-link-color:#333;
}

/* account header */
#account-header {
    position: absolute;
    display: inline-flex;
    justify-content: end;
    z-index: 9999;
    top: -167px;
    right: 10px;
}

/*body.new-home #account-header {
    top: -167px !important;
}*/

/* Squarespace */
/* in staging mode 
#account-header {
    display: inline-flex;
    width: 100%;
    justify-content: end;
} */
/* position absolute option
#account-header {
   display: inline-flex;
position: absolute;
top: 10px;
right: 10px;
z-index: 999;
}
*/

#account-header #c7-account {
    padding-right: 10px;
    display:inline-block;
}
#account-header #c7-cart .c7-user-nav__cart {
   display:flex;
}
#account-header > #c7-cart {
  display:inline-flex;
}
#c7-account, #c7-cart {
    display:inline-block;
    margin-left: 5px;

}
#c7-account .c7-user-nav__account a {
    color:#fff;
    text-transform: uppercase;
    padding:0px;
}
#c7-account .c7-user-nav__account__dropdown a {
    color: var(--c7-body-text-color);
    }
#c7-cart .c7-user-nav__cart .c7-link:first-child {
    background-color: transparent;
    border:none;
} 

.c7-content {
    max-width: 1250px !important;
    padding: 80px 0 !important;
    margin: 0 auto !important;
}

.c7-product-collection__product-list .c7-product .c7-product__teaser {
	display: none;
}

.c7-product-collection__product-list .c7-product .c7-product__image {
    text-align: center;
    display: flex !important;
    justify-content: center;
    margin-bottom: 20px !important;
}

.c7-account .c7-form {
    margin: 0 auto !important;
}
.c7-content.c7-account-login {
    max-width: 500px !important;
}

.c7-product-detail .c7-product .c7-product__image {
    display: flex !important;
    text-align: center;
    justify-content: center;
}

.c7-product-detail .c7-product .c7-product__image img {
	width: auto !important;
	height: auto !important;
}

body .c7-reservation-widget .c7-date-picker-dropdown button {
    padding: 0px;
}
#c7-cart .c7-user-nav__cart .c7-user-nav__cart__title svg {
    stroke:#fff;
}
#c7-cart .c7-user-nav__cart__count {
    background-color: white !important;
}
#c7-cart .c7-user-nav__cart button.c7-link {
  padding: 0px !important;
}
#c7-cart .c7-order-item__description {
    margin-top: 10px;
    font-size: 10px;
}
/* Overall styling */
.c7-form label:not(.c7-radio, .c7-checkbox, .duet-date__mobile-heading), .c7-label, .c7-form legend {
	display: unset;
}
label.c7-required,
label#c7-\:r1\:-email-label {
   
}

footer label.c7-required,
label#c7-\:r1\:-email-label {
    display: none !important;
}

.c7-subscribe button.c7-btn.c7-btn--primary {
    background: #FFFFFF !important;
	margin: 15px !important;
}
.c7-subscribe button.c7-btn.c7-btn--primary span {
	color: #000000 !important;
}

/* button styles */
body .c7-btn {
    
}
body .c7-btn:hover, body .c7-cart__buttons .c7-btn:hover {
  
}
.wine-club-button a {
	border-radius: 3px !important;
	text-transform: uppercase !important;
}
@media (min-width: 1024px) {
    .wine-club-button {
        position: absolute;
        top: 70px;
        right: 45px;
    }
}
@media (max-width: 1024px) {
    .wine-club-button {
		position: relative;
        left: 50%;
        margin-left: -60px;
        margin-top: 30px;
        margin-bottom: 0px;
    }
}

.c7-btn--primary, .c7-btn--primary--small {
    background: black !important;
    color: white;
}

.c7-btn--primary:hover, 
.c7-btn--primary--small:hover {
    background: white !important;
    color: black;
	border: 1px solid black;
    border-radius: 3px;
}

a.c7-btn--primary:hover, 
a.c7-btn--primary--small:hover {
	padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#c7-cart .c7-user-nav__cart button.c7-link,
.c7-order-item button.c7-link {
	background: transparent !important;
}
.c7-link span {
    color: black !important;
}

button.c7-link:hover {
	border: 0 !important;
}
#c7-side-cart__summary__proceed {
	color: white !important;
}
#c7-side-cart__summary__proceed:hover {
	color: black !important;
}
button#c7-side-cart__header__close {
    background: transparent !important;
}
/* slide out cart */
body .c7-side-cart__header button {
    background-color: transparent;
    color:#000;
}
/* shrink checkout buttons */
body .c7-order-summary__buttons a {

/*font-size: 12px;*/
}


/* make link buttons look like links */
body button.c7-link {
    background-color:transparent;
    border: 0px;
    color: var(--c7-body-text-color);
}
body button.c7-link:hover {
    opacity: 0.6;
}


/* dashboard tweaks */
.c7-account__dashboard__message {
    margin-bottom: 20px;
}
.c7-account-row {
    max-width: 100% !important;
    justify-content: space-between !important;
}
body .c7-account-login__password-options {
  
}
body .c7-account-login__options {
  
}

.c7-club__details__content {
    white-space: pre-line;
}

.c7-club__details {
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.25);
}

/* cart styling */
.cart-row h1 {
    display:none;
}
.c7-cart__wrapper, .c7-account__dashboard {
    max-width: 100% !important;
    margin:0px auto !important;
    justify-content: space-between !important;
}

/* fix lightboxes that go behind sticky header */
body .c7-modal-container {
  top: 14%;
}

/* hide club cancelation */
.c7-account-club .c7-account-blocks--status .c7-account-block__actions {
display:none !important;
}
.c7-callout--club .c7-callout__details li:nth-child(2), .c7-callout--club .c7-callout__details li:nth-child(3) {
display:none !important;
}

/* hide club skip */
.c7-account-club__shipment__footer .c7-btn--skip {
display:none !important;
}


/* hide delete account */
.c7-account-details .c7-account-details__delete-account {
display:none !important;
}

.c7-checkout__footer {
	display: none !important;
}


/* collection styling */
.c7-product-collection .c7-product {
    display:block !important;
    text-align: center !important;
}
.c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr 1fr !important;
}
.c7-product-collection .c7-product img {
  width: auto;
  object-fit:cover;
}
.c7-product-collection .c7-product .c7-product__add-to-cart__form {
  justify-content: center !important;
  align-items: center !important;
}

/* calendar styling ADA fix */
.c7-reservation-widget .c7-date-picker-input button {
	background-color: transparent !important;
	border-radius: 0px !important;
}
.c7-reservation-widget .c7-date-picker-dropdown button {
	color:inherit;
	background-color: inherit;
}

/* mobile overrides */
@media screen and (max-width: 1024px){
   /* two column on tablet */ 
  .c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr !important;
    } 
}

@media screen and (max-width: 767px){

   /* mobile header position */
   #account-header {
	   top: -250px;
	   display: inline-flex;
	   justify-content: end;
	   align-items: flex-end;
	   align-content: flex-end;
	   flex-direction: column-reverse;
	}
	
	.c7-user-nav__account {
		padding-right: 0 !important;
	}
	
	#account-header #c7-account {
    	padding-right: 0 !important;
	}
	
	#c7-account, #c7-cart {
 	    margin-left: 0 !important;
	}

    /* one column on mobile */
    .c7-product-collection__product-list {
    grid-template-columns: 1fr !important;
    } 
    
    .c7-product-specs {
        text-align: left !important;
        margin: 0px !important;
    }
    .c7-product-specs h2 {
        text-align: left !important;
    }
	
	.c7-content {
		padding: 40px 20px !important;
	}
}/* ---- wpcf7-fields.css---- */


form.wpcf7-form {
  max-width: 900px;
  margin: auto;
}

form.wpcf7-form label {
  display: none;
}

form.wpcf7-form .fieldholder {
  padding: 10px;
  text-align: left;
}

form.wpcf7-form input:not([type="submit"]), form.wpcf7-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  font-size: 14px;
}

.ccf-form .ccf-form-complete {
  font-size: var(--t-txt-headline-norm);
  text-align: center;
}

html .wpcf7-form .wpcf7-not-valid-tip {
  color: var(--t-color-primary);
  font-weight: bold;
  font-size: var(--t-txt-xsmall);
  text-transform: uppercase;
  position: Relative;
  top: -25px;
}

html .wpcf7-form .wpcf7-response-output {
  font-size: var(--t-txt-norm);
  color: var(--t-color-primary);
  border: none !important;
  padding-bottom: calc(var(--t-site-padding)/4);
}

form .error {
  display: inline-block;
  width: 100%;
  padding: 3px 3px 3px 3px;
  margin-bottom: 17px;
  position: relative;
}

/*form .error:after{
	content:"Error: field is required";
	display: inline-block;
	background-color: white;
	position:absolute;
	left: 5px;
	bottom:-8px;
	padding:0 3px;
	font-size: 12px;
	color: red;

}*/
input[type="radio"] {
  background: #f6f6f6;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 1px solid #dbdbdb;
  margin-bottom: 8px;
}

input[type="checkbox"] {
  background: #f6f6f6;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-bottom: 8px;
  border: 1px solid #dbdbdb;
}

select {
  border: 1px solid #dbdbdb;
  border-radius: 0;
  background: #f6f6f6;
  margin-bottom: 8px;
  padding: 3px;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a8a4a4;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #a8a4a4;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #a8a4a4;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #a8a4a4;
}

.wpcf7-radio {
  display: flex;
}
.wpcf7-radio > span {
  display: inline-block;
  width: 100px;
}
.wpcf7-radio > span > * {
  display: inline-block;
  width: auto !important;
}
.wpcf7-radio > span span {
  padding-left: 10px;
}

.wpcf7, .wpcf7 * {
  overflow: visible;
}


.select-selected {
  background-color: #f6f6f6;
  padding: 15px;
  font-family: var(--t-font-primary);
  font-weight: 300;
  border: 1px solid #707070;
  color: #40403f;
  margin-bottom: 9px;
  position: relative;
}

@media (min-width: 1350px) {
  .select-selected {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .select-selected {
    max-width: calc(50% - 30px);
  }
}
/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 19px;
  right: 20px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  background-color: #f6f6f6;
  padding: 15px;
  font-family: var(--t-font-primary);
  font-weight: 300;
  border: 1px solid #707070;
  color: #40403f;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #f6f6f6;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/* @override 
	https://jolostaging.wpenginepowered.com/wp-content/themes/jolo/assets/css/theme/theme.css?*
	http://staging.jolovineyards.com/wp-content/themes/jolo/assets/css/theme/theme.css?*
	https://www.jolovineyards.com/wp-content/themes/jolo/assets/css/theme/theme.css?* */



html	#ui-datepicker-div{
		z-index: 1000 !important;
	}

[data-slider-name="bottles"] h3 {
	text-align:Center;
	font-size: 20px;
}
s

#ui-datepicker-div{
	z-index: 10000 !important;
}


html{
	scroll-behavior: smooth;
}


.catlink > a{
	pointer-events: none;
	
}


*:is(h1,h2,h3){
	line-height: 1.1em;
}

p a {
	color:var(--dp-color-primary);
}


a[href=""] {
    pointer-events: none;
}


[data-linktype="blocklink" ] .link-hit {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

html body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
		top: 120px!important;
		z-index: 1000 !important;
}

@media(max-width:1023px) {
	html body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
		top: 210px!important;
	}
	
}

html.hide-access #pojo-a11y-toolbar {
  display: none !important;
}




html body  .dp-menu li.menu-item.coming-soon{
	display:none !important;
}
html body .dp-nav-desktop .dp-menu li.menu-item.coming-soon a {
    background-color: #0a2a35;
    color: #69758c !important;
    pointer-events: none;
}

html body li.catlink > a {
    pointer-events: none;
}




.button.btn-icon {
	display:flex;
	width: 230px !important;
	align-items:center;
	width:auto;
	border-radius:40px;
	padding-left:18px !important
}
.button.btn-icon:before {
	content:"";
	width:30px;
	height:30px;
	display:block;
	background-size:70%;
	background-position:center;
	background-repeat: no-repeat;
	border:1px solid white;
	border-radius:50%;
	padding:5px;
	margin-right:15px

}


.button.btn-icon[data-button="tastings"]:before{
	
	background-image: url(/wp-content/uploads/2024/08/icons-wine3.webp);
	
}
.button.btn-icon[data-button="dine"]:before{
	
	background-image: url(/wp-content/uploads/2024/08/icon-dine.webp);
	
}


.res-tag h2:after {
    display: block;
    margin-top: -20px;
    font-size: 24px;
    content: "Reservations Required";
    font-style: italic;
}

@media(max-width:600px){

	.res-tag h2:after {
		font-size: 18px;
		 margin-top: -10px;
	}
}


.mod-m2.maps [class*="dp-grid"] .mod-txt, .hrs-dir [class*="dp-grid"] >div:last-child .mod-txt {
	border:6px solid white;
	box-shadow:0 0  5px rgba(0,0,0,.5);
}

.mod-m2.maps [class*="dp-grid"] .mod-txt, .hrs-dir [class*="dp-grid"] >div:last-child .mod-txt
 {
	margin:0;
	padding:0;
	margin-top: 15px;
	}
	
	 .hrs-dir [class*="dp-grid"] >div:last-child .mod-txt iframe {
	 	width:100%!important;
	 	margin-bottom:-5px
	 }


.mod-txt ul li{
	margin-bottom:10px
}

.mod-txt p {
	line-height:1.4em
}

.txt-lght .mod-txt a {
	color:white;
}



  
.mod-txt img:not(.nosize, .full-size, .size-full){
	max-width:100%;
	height:auto!important;
}


@media(min-width:768px){
.mantle-h [class*="dp-grid"]{
	min-height:500px;
	
}

}
  

.dp-txt\:xtrabig{
	
	font-size: 50px
	}
	
@media(max-width:500px) {
	
	html .dp-txt\:xtrabig{
	
		font-size: 40px
	}
	
	
}









body{margin:0}


html  h1, 
html  h2, 
html  h3, 
html  h4 {
    font-family: var(--dp-font-secondary);
    font-weight: 100;
    line-height: 1.1em;
    margin:0;
    color: var(--dp-color-primary);
}


html body header .header_banner .header-button{
	color:var(--dp-color-primary) !important;
}

@media (max-width: 500px){
	html:not(.slide--up) body header .header_banner p {
		text-align: right;
		padding: 35px 115px 10px 10px;
	}

	html.slide--up body header .header_banner p {
		text-align: right;
		padding: 10px 115px 10px 10px;
	}

	html.slide--up body header .header_banner .header-button{
		top:3px !important;
	}
	html:not(.slide--up)  body header .header_banner .header-button{
		margin-top: 18px !important;
	}
}
html *:is(.button, button) {
  border-radius: 5px;
  padding: 15px !important;
  text-transform: uppercase;
  line-height: 1em;
  display: inline-block;
}

@media (min-width: 728px) {
  html *:is(.button, button):not(:first-child) {
    margin-left: 15px;
  }

  html *:is(.button, button) {
    padding: 15px 25px !important;
  }
}




html  .button, 
.wpcf7-submit, 
html  .ccf-submit-button, 
html  [type="submit"], 
html  button, 
html  button.defaultBtn, 
html  button.largeBtn, 
html  button.defaultBtn, 
html  button.modalBtn,
html   button.modalBtn, 
html  button.altModalBtns,
.c7-subscribe.footer-form button,
.deluxe-form .wpcf7-submit{
    font-family: var(--dp-font-tertiary);
    -webkit-appearance: none;
    display: inline-block;
    line-height: .9em;
    height: auto;
    background-color: var(--dp-color-primary);
    color: #fff;
    border: 0 !important;
	text-align:Center;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: background-color, 0.3sease, color, 0.3sease;
    -moz-transition: background-color, 0.3s ease, color, 0.3s ease;
    -ms-transition: background-color, 0.3s ease, color, 0.3s ease;
    -o-transition: background-color, 0.3s ease, color, 0.3s ease;
    transition: background-color, 0.3sease, color, 0.3sease;
    display: inline-block;
    padding: 12px 20px !important;
    text-transform: uppercase;
    transition: background .3s ease, color .3s ease;
}



.c7-subscribe.footer-form .c7-form__group{
	align-items: center;
}





html  .button:hover, 
.wpcf7-submit:hover, 
html  .ccf-submit-button:hover, 
html  [type="submit"]:hover, 
html  button:hover, 
html  button.defaultBtn:hover, 
html  button.largeBtn:hover, 
html  button.defaultBtn:hover,  
html  button.modalBtn:hover, 
html   button.modalBtn:hover, 
html  button.altModalBtns:hover,
.deluxe-form .wpcf7-submit:hover {
 background:var(--dp-color-tertiary);
    color:white
}

html  *:is(.button, button) {
    border-radius: 5px;
    padding: 15px !important;
    text-transform: uppercase;
    line-height: 1em;
    display: inline-block;
}


html  *:is(.button, button) {
  border-radius: 5px;
  padding: 15px !important;
  text-transform: uppercase;
  line-height: 1em;
  display: inline-block;
}

@media (min-width: 728px) {
 html  *:is(.button, button):not(:first-child) {
    margin-left: 15px;
  }

  html  *:is(.button, button) {
    padding: 15px 25px !important;
  }
}

@media (min-width: 728px) {
   html  *:is(.button, button) {
        padding: 15px 25px !important;
    }
}

.txt-lght .button, .button-alt .button, .button.alt, .m1_2clmn .floating-overlay .button {
    background-color: #fff !important;
    color: var(--dp-color-primary) !important;
}

.txt-lght .button:hover, .button-alt .button:hover, .button.alt:hover, .m1_2clmn .floating-overlay .button:hover {
    background-color: var(--dp-color-secondary)!important;
    color: black !important;
}

.mod .button {
    cursor: pointer;
}




.wine-deal {
	background-color: var(--dp-color-primary);
	color:white;
	display:flex;
	padding:5px;

}

.wine-deal + p{
	margin-top:5px!important
}
.wine-deal div {
	padding:2px
}
.wine-deal div:first-child{
padding-right:10px;
margin-right:10px;
padding-left:8px;
border-right: 1px solid white;

}



.sash {
	position:relative;
	overflow:visible;
	height:50px;
	width:  calc(100% - 30px); 
}

.sash-field {
	background:var(--dp-color-primary);
	border: 1px solid var(--dp-color-primary);
	color:white;
	font-style: italic;

	padding:8px 8px 8px 8px;
	position:relative;
	text-align:center;

	z-index:2;
	line-height:1.3em;
	box-shadow: 2px 0px 8px rgba(0,0,0,.4);
	letter-spacing:.06em
}


.sash-field:before {
	position:absolute;
	content:"";
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	border:1px solid white;
	
}


.sash img {
	position:absolute;
	right: -25px;
	top: 3px;
	height:calc(100% - 1px);
	width:auto;
	z-index:1
}
@media(max-width:768px) {

.sash{
	margin-bottom:;
}
 .sash img {
		display:none !important
	}
	
	
	.chateau-header .sash{
		margin:auto;
	}
	
	html .sash .wine-deal * {
		font-size: 16px!important;
		text-align:left;	
		}
}

@media(min-width:864px) {
	
	 .sash-field {
	   border-right:none;
	   text-align:left;
	   	font-size: 15px;
	   	padding:7px 8px 7px 8px;
	}
	.sash-field:before {
	   border-right:none;
	}
}


.sash + p{
	margin-top:8px!important
}








.mod-m2 .item.wht-bg .thumb{
	background: white;
}

main .opentable-widgets > div{
	text-align:center;
	
}

@media(min-width:769px) {
	main .opentable-widgets{
		position:relative;
		height:120px;
		z-index:100
	}
	main .opentable-widgets > div{
	position:absolute;
	height:120px;
	width: 100%;
	}
	main .opentable-widgets >div:not(:first-child){
	display:none;
	}
	
	main .opentable-widgets >div {
		height:140px;
		transition:height .3s ease;
	}

		main .opentable-widgets >div :hover {
		height:400px;

	
	}
}

@media(max-width:768px) {
	main .opentable-widgets >div:first-child{
	display:none !important;
	}
}







.reservation-req .subtitle{
    padding-left:0;
    color:black;
    font-style: italic;;
}




html.wp-toolbar .masthead {
    height:600px!important
    
}







html .dp-contain:is(default-spacing\:all, default-spacing\:sides) {
	max-width:calc(var(--dp-site-width) + var(--dp-site-padding));
}


html .mod-m1.has-content{position: relative;}

html .m1_img + *{
	position: relative;
	z-index: ;
}

html .fillimg {
		width:100%;
		height: 100%;
		object-size:cover;

	
}

html .section-rule{
	    border-top: 1px solid var(--dp-color-tertiary)
}


@media(min-width:728px){
.x-default-spacing\:all {
	padding:calc(var(--dp-site-padding)/3.5) ;
}
}
.mantle h1 img[src*='txt-welcome'] {
	max-width:383px;

}

html .tight-width {
	max-width: 968px;
}


html .masthead{
	height:calc(100vh - 264px);
	display:flex;
	align-items: center;
	min-height:300px;
	
	max-height:1024px
}


@media(max-width:600px) {
	
	html .clmn-rev-mob [class*='dp-grid']{
	
		flex-direction: column-reverse;
	
		
	}
}

@media(min-width:601px) and (max-width:1024px){
	
	html .clmn-rev-tab [class*='dp-grid']{
	
		flex-direction: column-reverse;
	
		
	}
}




footer hr {
	margin:auto;
}




.mod-m2 .item.txt-lght p,
.mod-m2 .item.txt-lght a {
	color: white
}

.txt-lght :is(h1,h2,h3) {
	color: var(--dp-color-secondary);
}


.mod-contain.fill {
	width:100%;
}

@media(min-width:768px) {
	
	
	.newsletter-subscription .mod-txt {
		display:flex;
		width:100%
	}
	
	.newsletter-subscription .mod-txt h2{
			width:auto;
			padding-right:30px;
		}

}


.newsletter-subscription * {
	overflow:visible
}

.newsletter-subscription .loading-img {
	position:Absolute;
}
.newsletter-subscription .mod-txt h2{
	width:auto;

	flex:1;
	display:flex;
	align-items: center;
	justify-content:Center;
}

.newsletter-subscription .ccf-form-wrapper{
	width:100%;

}

.newsletter-subscription .ccf-form-wrapper .error{
	position:absolute;
	margin-top:-2px;

}


.newsletter-subscription .ccf-form-wrapper{
	width:100%;

}

.form-submit {
	text-align:Center;
}

.reserve-dining .gutter:first-of-type img {
	height:30px;
	width:auto!important
}

.reserve-dining .gutter:last-of-type img {
	height:140px!important;
	display:block;
	
}



@media(min-width:768px) {
	

	.reserve-dining .button-pos{
	margin-top: 0;

	}
	
}


@media(max-width:768px) {
	
	.reserve-dining .mod-txt{
	
		text-align:center;
	}
		
	.reserve-dining .button-pos{

	text-align:center;
	}
	
}

@media(min-width:768px) {
		
	
	.newsletter-subscription .mod-txt h2{
		white-space:nowrap;
	
	}
		.newsletter-subscription .ccf-form-wrapper .field{
			margin:0
		}



		.newsletter-subscription .ccf-form-wrapper form{
			display:flex;
			justify-content:space-between;
			align-items: center;
			overflow:visible;
			
		}
		


	.newsletter-subscription .ccf-form-wrapper [data-field-type="email"]{
		max-width: calc(100% - 150px) !important;
		width:100%!important;
		overflow:visible;
	}

}


.newsletter-subscription .ccf-form-wrapper [data-field-type="email"] input{
	background-color: white;
	width:100% !important;
	color:var(--dp-color-tertiary);
	border: 1px solid #d3d3d3 !important;
	border-radius:6px;
	padding:11px 20px;
	box-shadow:inset 0 0 4px #ccc;

	
}




@media(max-width:768px) {
	.mod-m2:not(.icon-nav) .grid-items .item:not(:last-of-type){
		padding-bottom:calc(var(--dp-site-padding)/4);
	}
}


.contact-clmns p {
	display:block;
	line-height:1.4em;

}

@media(min-width:768px) {
		
	
	.contact-clmns.divider .grid-items > div:nth-child(odd){
			border-right: 1px solid var(--dp-color-secondary);
			padding-right:calc(var(--dp-site-padding)/2);
			
	}
	.contact-clmns.divider .grid-items > div:nth-child(even){
			padding-left:calc(var(--dp-site-padding)/2);
			
	}

}

@media(max-width:767px) {
	.contact-clmns.divider .grid-items > div:nth-child(odd){
			border-bottom: 1px solid var(--dp-color-secondary);
			padding-bottom:0!important;
			
	}
	
	.contact-clmns.divider .grid-items > div:nth-child(even){
			padding-top:calc(var(--dp-site-padding)/4);
			padding-bottom:0!important;
			
	}
	
	.contact-clmns.divider .grid-items > div .mod-txt{
			padding-top:0px!important;
			padding-bottom:10px!important;
			
	}
	
}

@media(min-width:768px) and (max-width:1050px) {
	.contact-clmns.divider .grid-items > div:nth-child(odd){
			width:70% !important
			
	}
	
	.contact-clmns.divider .grid-items > div:nth-child(even){
			width:30% !important;
			
	}
	
	
	
}	
		 
			
			
			
			
		.mod-m2 .item .thumb:not(.fitimg) img {
			
			width: 100%;
		}
			
		 .owl-carousel .owl-nav {
			position:absolute;
			bottom:var(--dp-site-padding);
			width:100%;
			left:0;
			z-index:10;
			text-align:left;
			top: calc(50% - 50px);
			
		}
		.owl-carousel .owl-nav {

	height:60px
}
		 .owl-carousel .owl-nav button {
	
			background: rgba(0, 0, 0, .5);
			position: absolute;
			border: none;
			padding: 0;
			top: 0px;
			width: auto;
			border: none;
			padding: 10px 5px 3px 6px!important;
			padding-bottom: 10px 10px !important;
			
		}
		
		
		 .owl-carousel .owl-nav button span{
	
			font-size: 70px;
			font-weight: 100!important;
			
		}
		

			@media(hover:false) {
			
			 .owl-carousel .owl-nav button:hover {
				color: var(--dp-color-primary);
			}
		}
	
		.owl-carousel .owl-dots button{
			  border:none;
			  width:16px;
			  height:16px;
			  padding:0 !important;
			  border-radius:50%!important;
			 background-color: white;
			 border:2px solid var(--dp-grey-norm) !important;
		
			
		}
		
		.owl-carousel .owl-dots button.active {
			  background-color:var(--dp-grey-norm);
		}
		
		
		.owl-carousel .info{
			display:flex;
			flex-direction:column;
			align-items: center;
			justify-content:Center;	
		     text-align:Center;	
		}
		
		.owl-carousel .info h3{
			line-height:1em;
			min-height:50px;
		}
		
		
		.owl-carousel {
			padding-bottom:calc(var(--dp-site-padding)/2);
		}
		
		
		[data-slider-name="bottles"]  .item .thumb {
			height:210px!important
		}
		
		
		
		 .owl-carousel .owl-dots {
			z-index:11;
			position:absolute;
			bottom:calc(var(--dp-site-padding)/4);
			display:inline-block;
			width:calc(100% - 160px);
			text-align:Center;
			left: 80px;		

		
		}
		
		
		
		@media(max-width:768px) {
				[data-slider-name="bottles"] .thumb{
					text-align:center;
				}
				
				[data-slider-name="bottles"] .thumb img{
				width:auto !important;
				margin:auto;
				
				}
		}
		
		
		 .owl-carousel .owl-nav .owl-next{
			position:absolute;
			right: 0;
		}
	
		
	html 	 .owl-carousel .slide,
	html 	 .owl-carousel .slide img,
	html     .owl-carousel img:not(.nosize):not(.full-size) {
			width:100% !important;
			height:100% !important;
		}
		
		
		.owl-item {
			position:relative;
			overflow:hidden;
		}



		
		
		.owl-stage {
			display:flex;
			position:relative;
			align-items:flex-end;
		}
		.owl-stage-outer {
			overflow:hidden!important;
		}
		 .owl-dots {
			align-items: center;
			justify-content:center;
			width:100%;
			display:flex;
		
		}
		
		 .owl-nav.disabled {
			display:none;
		}
		
		.owl-dots button {
			width: 26px;
			height:26px;
			border:3px solid var(--dp-grey-norm);
			margin:0 8px;
			padding: 0;
			background-color:var(--dp-grey-norm);
			transition:background-color .3s ease;
		}
		
		.owl-dots button.active {
		
			background-color:var(--dp-color-secondary);
		}
		
		
		.ig-iframe-mask {


			overflow:hidden;
			position:relative;
			margin:auto;
			text-align:center;

				
			}
			
			.ig-iframe-mask  iframe{
			margin-top: -34% !important;
			margin-right:auto !important;
			margin-left:auto !important;
			position:Relative;
		
		
			
		}
		
		
		@media(max-width:768px) {
			
			.owl-dots button {
				margin:0 3px
			}
			
			}


	@media(max-width:600px) {
		
		
		.ig-iframe-mask  iframe{
			margin-top: -56% !important;
	
			width:95% !important;
			position:Relative;
		
			
		}

}
	
	
	
	@media(max-width:768px){
			html a[class*="social-link-"] + br {
			 
			    display: none;
			}

}


html a[class*="social-link-"]{
		font-size: 18px;
		letter-spacing:.02em;
		text-decoration:none;
		border: none!important;
		display:flex !important;
		align-items:center;
		color: black;

	}
	
	
[class*="social-link-"]:before{
		content:"";
		position:relative;
		width: 40px;
		height:40px;
		display:inline-block;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position:center;
		margin-right:18px

	}

.social-link-fb:before{
		background-image: url(/wp-content/themes/jolo/assets/images/icon-fb.svg?sdf);


	}
	.social-link-ig:before{
		background-image: url(/wp-content/themes/jolo/assets/images/icon-ig.svg?sdf);


	}	


.social-link-li:before{
		background-image: url(/wp-content/themes/jolo/assets/images/icon-linkedin.webp);


	}
.social-link-ta:before{
	background-image: url(/wp-content/themes/jolo/assets/images/icon-tripadvisor.webp);


}	
	
.social-link-gb:before{
	background-image: url(/wp-content/themes/jolo/assets/images/icon-google-biz.webp);

}	
		


@media(max-width:767px){
	html a[class*="social-link-"]{
			margin-bottom:20px;
	}
}


html .mod-m2.icon-nav > * {
	max-width:800px
}



html .mod-m2.icon-nav .thumb{
	height:82px!important;
	width:82px !important;
	margin:auto;
	border:2px solid;
	border-radius:50%;
}

html .mod-m2.icon-nav .thumb{
	height:82px!important;
	width:82px !important;
	margin:auto;
	padding:13px
}

html .mod-m2.icon-nav .item {
	position:relative;
}




html .mod-m2 a.article-link {
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom:0
}

html .mod-m2.icon-nav h3 {
	font-family: var( --dp-font-primary);
	font-weight: 400;
	font-size: 16px;
	text-transform:uppercase;
	margin-top: 10px;
}

@media(max-width:1024px){
	html .mod-m2.icon-nav 	.item.txt-lght {
    margin: 10px 0;
}
}


@media(hover:hover) {


	
	html .mod-m2.icon-nav .item {
				opacity:.7;
				transition:opacity .3s ease
	}	
	
	html .mod-m2.icon-nav .item:hover {
			opacity:1
	}

}


@media(min-width:500px) {
	html .mod-m2.icon-nav .item .info {
	padding-bottom:0px!important
}

}

@media(min-width:0px) and (max-width:768px) {
	
	html .mod-m2.icon-nav .thumb{
	height:52px!important;
	width:52px !important;


}
}

@media(max-width:768px) {
	html .mod-m2.icon-nav .thumb{

		padding:8px
	}
}

@media(min-width:500px) {
	html .mod-m2.icon-nav .item:last-of-type .info {
	padding-bottom:0px!important
	}
	
	html .mod-m2.icon-nav .thumb{
		height:62px!important;
		width:62px !important;
		margin:auto;
		padding:15px
	}
	
	html .mod-m2.icon-nav h3 {
		font-family: var( --dp-font-primary);
		font-weight: 400;
		font-size: 13px;
		
	}

}











 
 .popup-content {
 	display:none
 }
 html.show-popup .popup-overlay, html.show-dining-reserver .reserve-overlay, html.show-wine-reserver .reserve-wine-overlay {
transition:background-color .3s ease;
}
 
 html:not(.show-popup) .popup-overlay,
 html:not(.show-dining-reserver) .reserve-overlay,
 html:not(.show-wine-reserver) .reserve-wine-overlay  {
display: flex;
background-color: rgba(0, 0, 00, 0);
z-index:-1;
 
 }
 
 
 
 
 
 html.show-popup, html.show-popup body,
 html.show-dining-reserver,  html.show-dining-reserver body,
 html.show-wine-reserver,  html.show-wine-reserver body  {
 	overflow:hidden;

 	width:100vw
 }

 .popup-overlay .overlay-title{
  line-height: 1.2em;
  min-height:80px;
 }
 


 html .popup .popup-container .popup-box{
 	overflow:visible;
 }


.popup-overlay,
.reserve-overlay,
.reserve-wine-overlay{
	 visibility: hidden;
  height: 1px;
  width: 1px;
  overflow: hidden;
  z-index: -1;
  transition: background .3s ease;
}
 
  html.show-popup .popup-overlay,
   html.show-dining-reserver .reserve-overlay,
   html.show-wine-reserver .reserve-wine-overlay {
 	position:fixed;
 	z-index:1000;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom:0;
 	background-color: rgba(0, 0, 00, 0.74);
 	display:flex;
 	align-items:center;
 	justify-content:center;
 	padding:0px;
 	box-shadow:00px 00px 10px rgba(0,0,0,.5);
 	visibility: visible;
 	width:100%;
 	height: 100%;
 	
 }
 
   html .overlay-modal{
   	background:white;
   	width: 75%;
   	height:75%;
   	   	position:relative;
   	   	display:flex;
   	   	flex-direction: column;
   	   	max-width:900px
   }

   @media(max-width:500px){

    html .overlay-modal{
      width:calc(100% - 20px);
      height:calc(100% - 20px);

    }

   }
   
   html .overlay-container{
   	height:100%;
   	padding:20px 20px 50px;
   	position:relative;
   	overflow:auto;
  	
   }
   

    html  .reserve-container{
   	height:100%;

   	position:relative;
   	overflow:auto;
  	
   }
  
    html  .overlay-close{
   	position:absolute;
   	right: 20px;
   	padding:0px !important;
    justify-content: center;
    align-items: center;
   	top: 20px;
   	text-align:Center;
   	font-size: 0;
   	display:flex;
   	width:34px;
   	height:34px;
   cursor: pointer;
   	border-radius:50% !important;
   	background-color: var(--t-color-primary);
   	cursor:pointer;
   	transition:background-color .3s ease;
   	
   }
   
   
    html  .overlay-close:hover {
		background-color: black;
		
		}
   
   html.show-popup .overlay-container > iframe{
   	overflow:auto;
	position:Relative;
   	min-height:0!important;
   	display:block;
   	height:100% !important;
   	width:100%
   
   	
   }
   
   html  .overlay-close span{
   	position:Relative;
    transform: rotate(45deg);
    left:1px;

   }
   
    html  .overlay-close span:after{
   	content:"+";
   	font-size: 32px;
   	font-weight: bold;

   
   	color:white;
   	
   }
   
   







footer .wpcf7, footer .wpcf7 * {
	overflow:visible!important;

}
footer .wpcf7 .wpcf7-spinnner {
	display:none!important;
}


footer .wpcf7 .wpcf7-response-output {
		color:white!important;
		font-size:14px!important;
		
	}

footer .wpcf7 [data-status="invalid"] {
	padding-bottom:20px
}
footer .wpcf7 [data-status="invalid"] .wpcf7-response-output {
		display: none !important;
	}
footer input:not([type="submit"]) {
	color:var(--t-color-primary);
}
footer input + .wpcf7-not-valid-tip {
	position:absolute !important;
	bottom: -20px;
	top: auto !important;
	color:white !important;
	z-index:2;
	width:100%
}


@media(min-width:768px) {
	

	footer .wpcf7 p{
		display:flex;
		justify-content:flex-end;
	
	}
	footer .wpcf7 .wpcf7-response-output {
		text-align: right;
		
	}
	

}

@media(max-width:767px) {
	

	footer .wpcf7 p{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		align-items: center;
	}
	


}





/* @group Lighbox */
	
	
 .btn-close {
 	position:absolute;
 	right: 0;
 	background-color: black;
 	border-radius:50%;
 	width:25px;
 	height:25px;
 	padding:4px;
 	display:flex;
 	align-items: center;
 	justify-content:center;
 	cursor:pointer;
 
 }
 .btn-close span {
 	display:flex;
 	justify-content:center;
 	align-items: center;
 	width:100%;
 
 }
  .btn-close svg{
 	width: 100%;
 	height:100%;
 	margin:0;
 	position:relative;
 	
 }
 
 button.icon {
 	appearance:none;
 	border:none;
 	background:none;
 	
 }
  button.icon span{
 	display: none;
 	
 }
 
	html .lightbox {
		background:rgba(255,255,255, .4);
	}
	
		
	.lightbox .lightbox-container {
		background-color: white;
		border-radius:30px;
		padding:10px 0px 15px;
				background:white;
			box-shadow:0 0 6px rgba(0,0,0, .3);

	}
	
	.lightbox .lightbox-container .btn-close{
		top: 10px;
		right:10px;
	}
	
	html .lightbox .lightbox-modal{

		padding:20px;
		border-radius:var(--dp-rnd);
		overflow:hidden;	
		margin:7px;
	}
	html .lightbox[data-type="subscribe"] :is([type="text"],[type="tel"],[type="email"]) {
			background-color: #E8E8E8;
			border:none;
			border-radius:5px;
			display:block;
			width:100%;
			padding:10px 6px!important;
			line-height:.05em!important;
			text-transform:uppercase;
			font-family: var(--dp-font-secondary);
			font-weight: 600;
			letter-spacing:.2em;
		
			box-sizing:border-box;
			font-size: 11px!important;
			max-width:405px;
			margin:auto;
			
		}
		
	.lightbox[data-type="subscribe"] .checkbox [type="checkbox"] + .wpcf7-list-item-label:before {
		position:absolute;
		top: 3px;
		content:"";
		display:block;
		border-color: white;
		width: 17px;
		height:17px;
		border-radius:2px;
		border:1px solid;
		pointer-events:none
	}	
	
	
	.lightbox[data-type="subscribe"] .checkbox [type="checkbox"]:checked +.wpcf7-list-item-label:after {
		
		content:"";
		left: 8px;
		top: -8px;
		width: 6px;
		height: 18px;
		transform:rotate(35deg);
		position:absolute !important;
		font-size: 24px;
		font-weight: 800px !important;
		pointer-events:none;
		border-right:3px solid;
		border-bottom:3px solid;
		
		
	}
	
	
	
	.lightbox .lightbox-container .lightbox-modal {
		max-height:70vh;
		overflow-y: auto;
	
		
	}
	
	.lightbox[data-type="age-gate"] .lightbox-container{
		display:flex;
		align-items: center;
		
	}
	
	
	.lightbox:not([data-type="age-gate"]) .lightbox-container{
		display:flex;
		align-items: flex-start;
		
	}
	
	
	.lightbox[data-type="subscribe"] .subscribe-txt {
		line-height:1.6em;
		margin-top: 10px;
	}
	.lightbox[data-type="subscribe"] .lightbox-modal {
		height:auto;
		max-width: 600px;
	}
	
	
		.lightbox.module-box[data-type*="reserve"] .lightbox-container {
		height:auto;
		max-width: 1024px;
	}
	
	
	
	
	
	
	
	.lightbox[data-type="subscribe"] .checkbox {
		max-width:450px;
		display:flex;
		text-align:left!important;
	}
	
		
		
		
	
	.lightbox[data-type="subscribe"] .wpcf7-response-output {
		font-size: var(--dp-txt-norm)!important;
	}
	
	.lightbox[data-type="subscribe"]  [type="submit"] {
		
		margin-top: 40px;
		padding:10px 30px!important
	}
	
	.lightbox[data-type="subscribe"] .btn-txt{
		text-transform:uppercase;
		letter-spacing:.08em;
		display:inline-block;
		cursor: pointer;
	}
	
	
	
.lightbox.module-box .lightbox-container{
	max-width:600px;

}

/* @end */



.cooking-vid iframe{
	width:100%!important;
	height:auto !important;
}


.tout .tout-container{
	border:none!important;
	border:0;
	box-shadow:none
}




html .no-bot-pad{
padding-bottom:0!important
}



.mod.request-form .wpcf7 form.invalid .wpcf7-response-output:after {
    content: ' Please be sure "Type of Donation" is selected.';
}

.request-form form.wpcf7-form input:not([type="submit"]),
.request-form  form.wpcf7-form textarea {
	border: 1px solid  rgb(133, 133, 133);

}


html .lightbox .lightbox-modal{
	padding:10px !important
}











.mag-btns .button{
font-size:16px;
}

@media(max-width:768px){
.mag-btns .button{
font-size:14px;
}
}

@media(min-width:768px) {
	

.magazine-promo, .magazine-promo * {
	overflow:visible;
}


.magazine-promo .magazine-promo-img img{

	width:150% !important;
	height:auto!important;
	max-width:none;
	margin-right:-20% !important;
	margin-left:auto!important
	
}

.magazine-promo .magazine-promo-img  .mod-txt p{
	justify-content:flex-end;
	display:flex;
}

.magazine-promo .mag-txt {
	padding-left: calc(var(--dp-site-padding)/2);
	padding-top: calc(var(--dp-site-padding) / 1.5);
}

}

.button-pos {
	margin-top: 15px!important;
}








html body .mod.magazine-links .slide img {

	width:70% !important;
	margin:Auto;
	height:auto!important;
	position: Relative !important;
	object-fit:contain!important;
	object-position:center !important;
	
}
html .mod.magazine-links .dp-valigner {
	height:auto!important
}
html .mod.magazine-links .dp-valigner  .slide-content *{
text-align:center;

}



html .mod.magazine-links .owl-carousel .owl-nav button{
	background-color:transparent !important;
	
}

html .mod.magazine-links .owl-carousel .owl-nav button span{
	color:black !important;
	
}
html.jolo-magazine.showlightbox .lightbox[data-type="lightbox"]  {
	background-color:white!important;
	display:flex;
	justify-content:center;
	align-items: center;
	z-index:10000!important;
	top: 100px;

	
}

html.jolo-magazine .lightbox[data-type="lightbox"] .lightbox-container{
	max-width:none;
	background-color: transparent !important;
	height: 100%;
    padding: 20px 10px;
    position: relative;


}

@media(min-width:400px) {
	

html.jolo-magazine .lightbox[data-type="lightbox"] .lightbox-container{

	width:95%;
	height:95%;
	 padding: 20px 20px 50px;

}

}


html.jolo-magazine .lightbox[data-type="lightbox"] .lightbox-container iframe {
	

    overflow: auto;
    position: Relative;
    min-height: 0 !important;
    display: block;
    height: 100% !important;
    width: 100%;
}



html.jolo-magazine .lightbox[data-type="lightbox"] .lightbox-container .lightbox-modal{
	max-width:none;
	width: 100%;
	height: 100%;
	position:static;
	background-color: transparent !important;
	height: 100%;
    padding: 20px 20px 50px;
    position: relative;
    overflow: auto;
	box-shadow:none
}

/*
html.jolo-magazine .lightbox[data-type="lightbox"] .btn-close{
	font-size: 14px!important;
	color:white!important;
	border-radius:5px !important;
	width:Auto!important;
	text-align:center !important;
	padding:10px!important;
	display:block;
	line-height:1em;
	text-align:center;
	margin:0px !important;
	height:auto;
	right: 15px;
	background-color:var(--dp-color-primary)!important
}

html.jolo-magazine .lightbox[data-type="lightbox"] .btn-close span svg{
		display:none!important
	}
	html.jolo-magazine .lightbox[data-type="lightbox"] .btn-close span {
		display:inline-block;
	
	}
	html.jolo-magazine .lightbox[data-type="lightbox"] .btn-close span:after{
		content:"Close";
	}
	*/
	@media(max-width:768px) {

		html .mag-txt{
padding-bottom:0px !important
}
		html .mod.magazine-links .slide{
		
			display:flex;
			flex-direction:column-reverse;
			padding-bottom:30px
		}
		
	}



.index-items .article-link a{
	text-decoration: none;
}


.index-items .article-link .details{
	justify-content:space-between
}

[data-slider-name="toutslider-mobile"]{
	margin-bottom:30px;
}

[data-slider-name="toutslider-mobile"] .owl-dots{
	bottom:0px !important;
}








.index-nav a {
  padding: 5px 10px;
  color: var(--t-color-tertiary);
  font-weight: 400;
  text-decoration:none;
}
.index-nav a:hover {
  color: var(--dp-color-quaternary);
}
.index-nav a.active {
  color: var(--dp-color-quinary);
}


.index-nav {
  font-family: var(--dp-font-tertiary);
}
.index-nav .pgnum a {
  color: var(--t-grey-med);
  padding: 5px 8px 3px 8px;
  margin: 0 3px;
  display: inline-block;
}
.index-nav .pgnum a.active, .index-nav .pgnum a:hover {
  color: #fff;
  background-color: var(--dp-color-primary);
  margin: 0 3px;
}
.index-nav .prev a,
.index-nav .next a {
  color: var(--t-grey-med);
  text-transform: uppercase;
  font-weight: 600;
}
.index-nav .prev a:hover,
.index-nav .next a:hover {
  color: var(--dp-color-primary);
}
