/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
 * Video width 
 * 
 */ 

 /*video {
    max-width: 100%;
    height: auto;
    display: block; 
    margin: 0 auto; 
  }*/

/*video {
width: 100vw;      
  max-width: 100%;   
  height: auto;
}*/

video {
  width: 100%;
  height: auto;      /* Keeps the vertical flow natural */
  aspect-ratio: 16 / 9; /* Forces the video to stay 16:9 */
  object-fit: cover;    /* Ensures no black bars if the file isn't exactly 16:9 */
  display: block;
}

/*
 * 
 */
.text-box {
width: 23ch;
}


/*
 * Toggle on on Mobile
*/

/* Move mobile menu toggle to the right in rtl*/
@media (max-width: 800px) {
    .gb-navigation button.gb-menu-toggle {
        order: -1; /* Changes the flex order, 10 moves it to the far right */
	 background-color: lightsalmon;	
    }
	.gb-navigation img {
		margin-left: auto;
		/*margin-right: auto; */
	}
}


/*
 * Set Up Video
 * */

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;    
	width: 100%;
    height:100%;
    object-fit: cover;
}

.background-video-content {
    position: relative;
    z-index: 1;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*
 * Form 
 */ 

.conta {
  display: grid;
  grid-template-columns: 415px 169px;
  grid-template-rows: 40px 40px;
  max-width:800px;
  direction: rtl;
  margin-left: auto;
  margin-right:auto;
  grid-gap: 15px;
  padding: 5px;	
  justify-content: center;
  /*align-items: center; */
}
.conta  div {
  padding: 0px;
  text-align: right;
  height: 100%;
}


.conta input[type="text"], .conta .wpcf7-form-control.wpcf7-email, .conta .wpcf7-form-control.wpcf7-submit {
    border-radius: 15px;
    padding: 0px;   
    line-height: 1; /* Reset line height */
	width: 100%;
	height: 40px;
}


.conta input[type="text"], .conta .wpcf7-form-control.wpcf7-email {
	background-color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	direction: rtl;
	padding-right: 15px;
}

.conta .wpcf7-form-control.wpcf7-submit {
  
    display: inline-flex;
    align-items: center;
    justify-content: center;
	background-color: #000000;
	font-size: 18px;
	font-weight: 700;
   
}
.conta input[type="checkbox"] {
	height: 13px;
	font-size: 14px !important;	
	margin-left: auto;
	background-color: #ffffff;
	border: 1 solid #3f3f3f;
	border-radius: 5px;
	direction: rtl;
	transform: translate3d(0, 0, 0);
    transition: all 150ms;
	box-sizing: border-box;

}


.conta input[type="checkbox"]:hover {
	border: 1 solid #333333;
}

.wpcf7-checkbox input[type="checkbox"]:checked {
    accent-color: #258292 !important; 
}

.wpcf7-checkbox input[type="checkbox"]:checked:hover {
    accent-color: #1F576F !important; 
}

.conta .wpcf7-list-item-label {
    font-size: 13px; 
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	background-color:#ffffff !important;
    font-weight: 600;
	font-size: 0.9rem;
	border: 2px solid #cccccc;
	border-radius: 10px;
	width: 25ch;
    min-width: 50px;
	padding: 10px;
	position: absolute;
	z-index:10;
	right: 0px;
    top: 60%;
	/*background-image: linear-gradient(#6B7682, #49515B); */
	box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
	transform: translate3d(0, 0, 0);
    transition: all 150ms;

}
.conta div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 10px;
    border-radius: 5px;
	background-color:#ffffff !important;
    font-weight: 600;

}

@media (max-width: 799px){
	
	.conta {
        display: unset;
		max-width:350px;
		min-width:300px;
	}
	.conta  div {
		max-width: 100%;
		max-height: 40px;
		margin-bottom: 20px;
	}
	
	
}

/*
 * Top Bar
 */ 

.top-bar {
    text-align: center !important;
    direction: rtl; /* Ensures RTL flow */
}

/*
 * Tooltips
*/
.tooltip {
    position: relative;
}
.tooltip:before {
    content: attr(data-tooltip);
    position: absolute;
    /*top: 10%;
    left: -20%;
    transform: translateX(-70%);*/
	top: 10%;
    right : 70px;
    padding: 8px;
    background-color: #fff;
    color: #333;
    border-radius: 4px;	
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 100;
    font-size: 16px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
	transform: translate3d(0, 0, 0);
    transition: all 150ms;
}
.tooltip:hover:before {
    visibility: visible;
    opacity: 1;
}