/*  
Theme Name: IndiGo theme
Description: Custom theme for IndiGo
Version: 1.0.21
Text Domain: indigo-theme
*/

/* Changes */
header .request-a-call-btn a {
    color: #00F6F6!important;
    border-color: #00F6F6!important;
}
header .request-a-call-btn a:hover {
    background: #00F6F6!important;
    color: #fff!important;
}


/*standart styles*/
.alignleft {
	float: left;
	margin-right: 30px;
	margin-bottom: 8px !important;
	margin-top: 8px;
}

.alignright {
	float: right;
	margin-left: 30px;
	margin-bottom: 8px !important;
	margin-top: 8px;
}

.aligncenter{
	margin: 10px auto;
	display: block;
	height: auto;
}

.inner-page-content img{
	max-width: 100%;
}

html{
	scroll-behavior: smooth;
}


.sidebar-section iframe {
	width: 100%;
	min-height: 200px;
	margin-bottom: 4rem;
}



/*--------------------------------------------contact page */
.wpcf7 .ajax-loader{
	display: none !important;
}

div.wpcf7-mail-sent-ok{
	border: 2px solid #007300 !important;
	background: #007300 !important;
	color: #fff !important;
	padding: 10px !important;
}
div.wpcf7-validation-errors{
	border: 2px solid #CF4B00 !important;
	background: #CF4B00 !important;
	color: #fff;
	padding: 10px !important;
}


.wpcf7-not-valid-tip{
	position: absolute !important;
	top: 0px !important;
	width: 50px !important;
	height: 39px !important;
	padding: 0 !important;
	background: url(assets/img/contact_form_error.png) 100% !important;
	overflow: hidden;
	text-indent: -9999px !important;
	padding: 0;
	border: none !important;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: 9;
	left: 89% !important;
	border-radius: 3px;
}



/*global*/

.video_wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #000;
}
.video_wrapper_full {
    padding-top: 66.6%;
    width: 100%;

    margin-bottom: 4rem;
}
.videoIframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
 background-image:url(https://indigocarhire.co.uk/wp-content/uploads/video-placeholder.jpg);
  background-size: 100%;
  border: none;
   text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}
.videoPoster:hover {
  cursor: pointer;
}
.videoPoster:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -20px 0 0 -20px;
  background-color: #342E69;
  border-radius: 100%;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
}
.videoPoster:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -5px 0 0 0px;
    border-left: 15px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;
}
.videoPoster:hover:before,  .videoPoster:focus:before {
    background-color: #9457a4;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}