/*
Theme Name: Vinehouse
Theme URI: https://webinclusion.com
Description: Child theme for Vinehouse
Author: Tim Brocklehurst
Author URI: https://webinclusion.com
Template: stackable
Version: 0.1
*/



@import url('../stackable/style.css');


/*this section is from the Layouts CSS (legacy)
 * 
 * 
 * 
 */

/*Layouts css goes here*/

ul.nav-tabs li a{
	background-color:#ddd;
}

label{
  color: #aaa; 
}

.nav-tabs{
  margin-bottom:40px; 
}

.vhMargin{
  margin-bottom:30px; 
}

.vhMargin.vhCheckbox{
  margin-bottom:10px; 
}

.vhTextArea{
  width:100%;
  height:200px;
}

.noDisplay{
  display:none; 
}

/*customising form fields:

/* The container */
.optionContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  line-height:2.2em;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.optionContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.optionContainer:hover input ~ .radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.optionContainer input:checked ~ .radio {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.optionContainer input:checked ~ .radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.optionContainer .radio:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/* Hide the browser's default checkbox */
.optionContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.optionContainer:hover input ~ .checkbox {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.optionContainer input:checked ~ .checkbox {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.optionContainer input:checked ~ .checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.optionContainer .checkbox:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





/* end of layouts CSS */

.ugb-container__wrapper .ugb-container__content-wrapper .ugb--has-background-image{
	background-color: transparent!important;
	--ugb-background-color: none!important;
}


.idstxt{
    margin-top:150px;
    
}
.soclink{
    font-size:2.5em;
    
}

.site-header-wrapper {
  z-index:2;   
}

.woocommerce-breadcrumb{
    display:none;
}

.comments-area{
    display:none;
}

.modalButton{
 cursor:pointer;    
}

.modalLink{
    color:#03a1df;
    cursor:pointer;
}

h1{
    color:#ff6900;;
    text-align:center;
}
.badgeType.ugb-feature .ugb-content-wrapper>div, .badgeType.ugb-feature .ugb-feature-wrapper>div {
  flex:auto!important;   
}

.badgeType.ugb-feature{
    background:#eee;
    border-radius:4px;
    padding:20px;
}

.matchPhotoTop .ugb-card__image-container{
    background-position: top;
}

#nancyTopBar{
    top:0;
    -webkit-box-shadow: 0px -1px 13px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px -1px 13px 0px rgba(0,0,0,1);
    box-shadow: 0px -1px 13px 0px rgba(0,0,0,1);
    transition: top 2s ease 0s;    
}

.noButton .ugb-button{
    display:none;
    
}

.topmostIntro{
    position:fixed;
    left:0;
    right:0;
    background:#eee;
    padding:0 0 0 0 ;
    text-align:center;
    z-index:1000;

}
.topmostIntro img{
    display:inline-block;
}

.topmostIntro p{
    display:inline-block;
}

.entry-header{
	display:none;
}

.hidehead #masthead{
	display:none;
}

.fixedImage{
	position:fixed;
	top:0;	
  transition: opacity 2.3s;
  -webkit-transition: opacity 2.3s;
  opacity: 1;
}

.footerSection p{
    line-height:1;
    margin:0;
    padding:8px 0px;
    font-size:0.9em;
}

.emptyBack{
 background:none!important;	
}
.halfOpacity{
	opacity:0.5
}
.fullOpacity{
	opacity:0;
	z-index:-100;
}

.bigsize{
	font-size:2em
}

.extrabigsize{
	font-size:3em !important;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  .bigsize {
    font-size: 1.5em;
  }
	.extrabigsize{
		font-size:2em;	
	}

}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  .bigsize {
    font-size: 1.2em;
  }
	.extrabigsize{
		font-size:1.5em;	
	}
    .topmostIntro{
        position:absolute;
    }
}