/* 
 Theme Name:   VirtualVisits Child Theme
 Theme URI:    
 Author:       Apply Creative Ltd
 Author URI:   
 Template:     virtualvisits
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* Inline logo styles */
span.vv-inline {
    font-family: 'Alata';
    font-size: 1.1em;
}

h1 span.vv-inline, h2 span.vv-inline, h3 span.vv-inline, h4 span.vv-inline, h5 span.vv-inline, h6 span.vv-inline  {
    font-size: 1em !important;
}

span.vv-inline sup {
    font-size: 0.3em;
    padding-left: 0.2em;
}

h1 span.vv-inline sup, h2 span.vv-inline sup, h3 span.vv-inline sup, h4 span.vv-inline sup, h5 span.vv-inline sup, h6 span.vv-inline sup {
    position: relative;
    top: -0.9em;
    padding-left: 0em;
}

/* Hero slider styles */
.vv-hero sup {
    position: relative;
    top: -1.5em;
    font-size: 0.2em;
}

#vvTypewriter {
	text-decoration: none !important;
}

#vvTypewriter {
    -webkit-animation: color-change-3x 17.5s linear 0s infinite;
	        animation: color-change-3x 17.5s linear 0s infinite;
}

@-webkit-keyframes color-change-3x {
  0% {
    color: #48bf84;
  }
  33.2% {
    color: #48bf84;
  }
  33.3% {
    color: #6daedb;
  }
  66.2% {
    color: #6daedb;
  }
  66.3% {
    color: #ef798a;
  }
  100% {
    color: #ef798a;
  }
}
@keyframes color-change-3x {
  0% {
    color: #48bf84;
  }
  33.2% {
    color: #48bf84;
  }
  33.3% {
    color: #6daedb;
  }
  66.2% {
    color: #6daedb;
  }
  66.3% {
    color: #ef798a;
  }
  100% {
    color: #ef798a;
  }
}

/* Form styles */
input#input_1_1 {
    height: 40px;
    margin: 7px 0 0 0;
    width: 290px;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-radius: 0px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 19px;
}

input#gform_submit_button_1 {
    padding: 5px 16px;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #ad91db;
    color: #FFF;
    border-color: #ad91db;
}

li#field_1_1 {
    padding-right: 0;
}

input#gform_submit_button_1:hover {
    background: #fff;
    color: #ad91db;
}

::placeholder {
    color: #b9b9b9;
    font-family: 'Alata';
    font-weight: 100;
}

input#input_1_1 {font-family: 'Alata';}

.vv_cta input#input_1_1 {
    margin-top: 0;
}

.vv_cta form#gform_1 {
    width: fit-content;
}

#gform_fields_2 input {
    height: 40px;
    padding-left: 13px;
	font-family: 'Alata';
}

select#input_2_3 {
    height: 40px;
    background: #f8faff;
    padding-left: 13px;
}

li#field_2_3 {
    margin-top: 28px;
}

#field_2_8 label.gfield_consent_label {
    font-size: 0.5em;
}

input#input_2_8_1 {
    height: unset;
    padding-left: unset;
}

#gform_fields_2 label.gfield_label {
    font-size: 14px;
}

#gform_fields_2 .ginput_container {
    margin-top: 1px;
}

#gform_2 .gform_footer.top_label {
    margin-top: 0;
}

.cta-banner form#gform_1 {
    width: 437px;
}

.cta-banner input#input_1_1 {
    margin: 0;
}

@media only screen and (max-width: 640px) {
	.cta-banner input#input_1_1 {
    width: 100%;
    height: 54px;
    border-radius: 0;
}

.cta-banner input#gform_submit_button_1 {
    border-radius: 0;
}
}

/* List styles */
@media only screen and (min-width: 768px) {
	ul.deeper-list.icon-middle.two_col_list {
    column-count: 2;
}
}

/* Intro section styles */
@media only screen and (min-width: 768px) {
	.vv_home_intro .deeper-background.row.row-1600 {
    height: 850px;
}
}

#vv_home-intro .deeper-parallax-box {
    position: absolute;
}

 .intro_overlap {
	top:-100px;
	z-index:1;
}

p.progressbar-text {
    color: #FFF !important;
    font-family: 'Alata';
}

/* Footer styles */

/* NEW badge
#footer-widgets #widget_links-6.widget.widget_links ul li:nth-child(3) a:before {
    position: absolute;
    content: "new";
    text-transform: uppercase;
    font-size: 12px;
    background-color: #1f86ef;
    color: #fff;
    right: -110px;
    top: 2px;
    padding: 1px 7px;
    border-radius: 3px;
}
*/

#footer-widgets #widget_links-6.widget.widget_links ul li:nth-child(3) a:before {
	display:none;
}

#footer-widgets .widget .widget-title {
    margin-bottom: 27px;
}

#footer-widgets .widget.widget_links ul li {
    margin-bottom: 11px;
}

div#custom_html-3 {
    margin-bottom: 34px !important;
}

footer #text-4 a:hover {color: #e1e1e1;}

/* Book demo styles */
span.demoDetails {
    font-weight: bold;
    font-size: 0.9em;
}

ul.demoList {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-left: 20px;
    list-style: none;
}

ul.demoList li {
    margin-bottom: 10px;
}

ul.demoList li::before {
        content: "\2022";
    color: #01c3b4;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: -0.05em;
    font-size:1.5em;
}

/* Lightbox styles */
.mfp-iframe-holder .mfp-content {
    max-width: 1300px !important;
}

button.mfp-close {
    background: #01ffe8 !important;
    color: #000 !important;
}

.mfp-iframe-scaler iframe {
    background: rgb(255 255 255) url("vvloading.gif") no-repeat fixed center !important;
}

/* Blog styles */
.is-single-post h2 {
    font-size: 2em;
}

.is-single-post h3 {
    font-size: 1.7em;
}

.is-single-post h4 {
    font-size: 1.3em;
}

.is-single-post h5 {
    font-size: 1.1em;
}

.widget_banner {
    padding-bottom: 30px;
}

.widget_banner .content-wrap {
    padding-top: 272px;
}

.widget-button a {
    background-color: #01c3b4;
}

/* Visits styles */
.deeper-fancy-image .popgrad {
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,0.7637429971988796) 0%, rgba(9,9,121,0.21752450980392157) 35%, rgba(0,212,255,0) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
}

.deeper-fancy-image p {
    color: #FFF;
    font-family: 'Alata';
    position: absolute;
    bottom: 19px;
    padding: 0 25px;
    margin: 0;
    font-size: 20px;
    line-height: 24px;
}

.deeper-fancy-image.simple.visit {
    min-height: 330px;
}

.deeper-fancy-image.visit img {
    height: 330px;
    width: auto;
    max-width: unset;
}

.page-single-project .deeper-fancy-image.visit img {
    height: auto;
    width: 100%;
}

/* Title styles */
@media only screen and (max-width: 1200px) {
	#featured-title .inner-wrap {
    padding: 32px 0;
}
}

/* Case studies */
.vc_gitem-post-data-source-post_title h4 {
    font-size: 24px;
    margin-bottom: 0;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background-color: #01c3b4 !important;
    font-family: 'Alata';
    margin-top: 18px;
    margin-bottom: -16px;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
background-color: #ac92db !important;
}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
    margin-bottom: 10px;
}

.project-cat {
    background: #ffffff;
    width: fit-content;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 10px;
    color: #0c0c0c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.page-single-project p {
    font-size: 0.85em;
}

/* Visits repeater */
.vlcontainer {
    height: 500px;
    top: 0;
    width: 100%;
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,0.7637429971988796) 0%, rgba(9,9,121,0.21752450980392157) 35%, rgba(0,212,255,0) 100%);
    position: absolute;
	z-index:9;
}

.visitLink a {
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
}

.visitLink a:hover {
    cursor: pointer !important;
}

.visitLink:hover {
    cursor: pointer !important;
}

.vlcontainer:hover {
    cursor: pointer !important;
}

.visitLink {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.visitbox .visitTitle {
    position: absolute;
    bottom: 10px;
    color: #FFF;
    font-family: 'Alata';
    font-size: 26px;
    line-height: 32px;
    left: 5%;
    width: 90%;
}

.visitbox {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;transition: 0.5s ease all;top: 0;}

.visitbox:hover {
    -webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.2);
    top: -10px;
}

.visitbox .deeper-video-icon.style-1:before, .deeper-video-icon.style-3:before, .deeper-video-icon.style-4:before {
	text-align:center;
}

/* Button styles */
.url-wrap.align-left.inline-button {
    width: auto;
    display: inline-block;
    margin-right: 20px;
}

/* Remove intro overlap on mobile */
/* Remove margin-bottom on single col lists first child */
@media only screen and (max-width: 767px) {
  .intro_overlap {
	top:20px;
}
	.deeper-gridbox.no-borders.vvgrid-list .grid-item:first-child {
    margin-bottom: 9px !important;
}
}

/* Hide home link on desktop */
@media only screen and (min-width: 992px) {
  li#menu-item-3374 {
    display: none;
}
}

/* Reduce menu item margins on landscape tablet devices */
@media only screen and (min-width: 992px) and (max-width: 1200px ) {
    #main-nav > ul > li {
        float: left;
        margin: 0 5px;
    }
    }