/*
Theme Name: Forecourt Eye
Description: This is a custom child theme for the Forecourt Eye site
Theme URI:   https://12kites.com
Author: Twelve Kites Limited
Author URI:  https://12kites.com
Template: salient
Version: 1.0
*/

/* General elements */
body, p {
font-size: 1.25rem!important;
line-height: 1.75rem;
}
h1, h2, h3, h4, h5, h6 {
font-style: italic;
letter-spacing: -1px!important;
}
h1 {
font-size: 3rem;
line-height: 4.5rem;
}

h3 {
font-size: 3rem;
line-height: 3.5rem;
}
.image-text h3 {
margin-bottom: 2rem!important;
line-height: 3rem;
}
.post-header h3.title {
line-height: 3rem!important;
font-size: 2.5rem;
}
div:nth-child(2n + 1 of .image-text) h3 {
color: #ec6428;
}
div:nth-child(2n of .image-text) h3 {
color: #c4161c;
}

body #header-outer {
background-color: rgba(0,0,0,0.5);
}

/* Homepage */
body.home .hero h2 {
font-style: italic;
font-size: 4.5rem!important;
}

body.home .hero h3 {
font-size: 2rem!important;
margin-bottom: 0!important;
}

.hero a.nectar-button, 
.hero a.nectar-button.large {
font-size: 2.5rem;
padding: 1.5rem 1rem!important;
font-style: italic;
margin-top: 1.5rem;
}

@media only screen and (min-width:1000px) and (max-width:1300px){
body.home .row .col h3, 
body.home  h3 {
font-size: 2rem!important;
} 
}
@media only screen and (max-width:1100px){
.hero .nectar-animated-title-inner h3 {
font-size: 1.8rem!important;
line-height: 2rem!important;
}
}
@media only screen and (max-width:690px){
.hero h2 {
font-size: 2.5em!important;
line-height: 3.5rem;
}
.hero a.nectar-button, 
.hero a.nectar-button.large {
font-size: 1.5rem!important;
padding: 1.5rem 1rem!important;
}
.hero .nectar-animated-title {
text-align: center!important;
}
.hero .nectar-animated-title:nth-of-type(2),
.hero .nectar-animated-title:nth-of-type(3) {
margin-left: 0;
}
.hero a.nectar-button.large {
display: block!important;
margin: 2rem auto!important;
text-align: center!important;
width: 10rem;
float: none;
}
}

/* Top menu items */
/*#top nav ul li a {
    font-weight: 600;
}*/
#top nav>ul>li>a {
font-size: 0.8rem;
font-weight: 600;
}

/* Submenu items */
#top .sf-menu li ul .sub-menu,
.sf-menu>li ul {
/* background-color: #fff; */
/* border: 3px solid #ec6428!important; */
width: 30em;
}
#top nav ul li ul.sub-menu li a {
 display: inline-block;
font-family: Poppins;
color: #ec6428!important;
font-weight: 600!important;
text-transform: uppercase;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
animation: leave 0.4s forwards;
}

#header-outer #top nav > ul > li:not(.megamenu) > ul.sub-menu li a:hover, 
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) > ul.sub-menu li a:hover {
    color: #fff !important;
    animation: hover 0.4s forwards; 
    background-color: #fff !important
    /*box-shadow: inset 40em 0 0 0 var(--hover);*/
}

#header-outer #top nav > ul > li ul .current-menu-item > a {
background-color: #ec6428!important;
color: #fff!important;
}

/* Top (hero) row */
body.home .top-level.hero {
height: 90vh;
}
.top-level.hero {
height: 50vh;
display: flex;
align-items: center;
}
.top-level.hero .row_col_wrap_12.col.span_12.light.left {
width: 100%!important;
}
.hero h1,
.hero h2,
.hero h3,
a.nectar-button {
text-transform: uppercase;
}
.hero h2 {
font-style: italic;
font-size: 2.5rem;
}
.hero h3 {
font-size: 1.5rem;
margin-bottom: 0!important;
}

/* Highlighted titles */
.nectar-highlighted-text[data-color="#ec6428"] em {
color: #fff!important;
padding-right: 0.75rem;
padding: 0.75rem 1rem 0.75rem 0.5rem;
}
.nectar-animated-title-inner {
margin-bottom: 0!important;
}
.nectar-animated-title .nectar-animated-title-outer {
display: block;
margin-bottom: -8px!important;
}
.hero .nectar-animated-title:nth-of-type(2) {
margin-left: 2rem;
}
.hero .nectar-animated-title:nth-of-type(3) {
margin-left: 4rem;
}
.hero .nectar-animated-title:nth-of-type(4) {
margin-top: 1.5rem;
}
.nectar-animated-title h2 {
padding: 20px 20px;
}
.nectar-animated-title:has(h3) {
margin-bottom: 0.25rem!important;
}
.nectar-animated-title h3 {
line-height: 2.5rem;
}

/* Scrolling text banners */
.nectar-scrolling-text.font_size_5vw .nectar-scrolling-text-inner * {
padding-left: 0.5rem;
padding-right: 0.5rem;
}

/* Buttons */
a.nectar-button, 
a.nectar-button.large {
font-size: 1.5rem;
padding: 1.5rem 1rem!important;
font-style: italic;
margin-top: 1.5rem;
}

.sarbuttons a.nectar-button.large {
    font-size: 1.5rem;
    text-transform: none;
}


/* Button transitions */
/* Remove built-in stuff */
.nectar-button:hover {
    opacity: 1!important;
}
.nectar-button.has-icon:hover span, 
.nectar-button.tilt.has-icon span, 
body.material .nectar-button.has-icon span {
    transform: none;
}
a.nectar-button .icon-button-arrow {
    display: none;
}

a.nectar-button, 
a.nectar-button.large,
body[data-form-submit="regular"] input[type=submit] {
  background: none;
  border: none;
  margin: 0.5em 0.5em 0.5em 0;
  padding: 1em 2em;
  color: var(--color);
  transition: 0.4s;
}

a.nectar-button, 
a.nectar-button.large,
body[data-form-submit="regular"] input[type=submit] {
  color: var(--color);
  transition: 0.4s;
}

a.nectar-button:hover, 
a.nectar-button.large:hover, 
a.nectar-button:focus, 
a.nectar-button.large:focus,
body[data-form-submit="regular"] input[type=submit]:hover,
body[data-form-submit="regular"] input[type=submit]:focus {
  border-color: var(--hover);
  color: #fff!important;
  /*background-color: #ec6428;*/
  background-color: #ec6428;
  box-shadow: inset 6.5em 0 0 0 var(--hover);
}


a.nectar-button,
a.nectar-button.large {
  --color: #fff;
  --hover: #ec6428;
}

/*body.error404 a.nectar-button,
a.nectar-button.large {
  --color: #ec6428;
  --hover: #fff;
}*/

.sarbuttons a.nectar-button:nth-of-type(1):hover,
body.error404 a.nectar-button:hover {
    box-shadow: inset 20em 0 0 0 var(--hover);
}
.sarbuttons a.nectar-button:nth-of-type(2):hover {
    box-shadow: inset 20em 0 0 0 var(--hover);
}

.sarbuttons a.nectar-button:nth-of-type(1),
body.error404 a.nectar-button {
  --color: #fff;
  --hover: #c4161c;
}

.sarbuttons a.nectar-button:nth-of-type(2) {
  --color: #fff;
  --hover: #ec6428;
}

body[data-form-submit=regular] button[type=submit]:hover, 
body[data-form-submit=regular] input[type=submit]:hover {
    opacity: 1!important;
}

body[data-form-submit="regular"] input[type=submit] {
--color: #ec6428;
--hover: #ec6428;
border: 2px solid #ec6428;
}

/* Text links in Footer */

#footer-outer #footer-widgets a.footerlink {
    display: inline-block;
    color: #ec6428!important;
  animation: leave 0.4s forwards;
}

#footer-outer #footer-widgets a.footerlink:hover {
    animation: hover 0.4s forwards;
    color: #fff!important;
}

@keyframes hover {
    from {
        box-shadow: inset 0 0 0 0.01px #ec6428;
    }
    to {
        box-shadow: inset 60em 0 0 0.01px #ec6428;
        color: #fff;
    }
}

@keyframes leave {
    from {
        box-shadow: inset 60em 0 0 0.01px #ec6428;
        color: #fff;
    }
    to {
        box-shadow: inset 0 0 0 0.01px #ec6428;
    }
}

/* Text links in Menu */
/* Remove underlined links */
body #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_])>a .menu-title-text:after {
    display: none;
}

/* Replace with background swipe, per other links */
#top nav ul li:not(.menu-button) a {
    display: inline-block;
    color: #fff!important;
    text-transform: uppercase;
  animation: leave 0.4s forwards;
}

#top nav ul li:not(.menu-button) a:hover {
    animation: hover 0.4s forwards;
    color: #fff!important;
}

/*@keyframes hover {
    from {
        box-shadow: inset 0 0 0 0.01px #ec6428;
    }
    to {
        box-shadow: inset 60em 0 0 0.01px #ec6428;
        color: #fff;
    }
}

@keyframes leave {
    from {
        box-shadow: inset 60em 0 0 0.01px #ec6428;
        color: #fff;
    }
    to {
        box-shadow: inset 0 0 0 0.01px #ec6428;
    }
}*/

/* Current page highlight */
li.current-menu-item a, 
li.current_page_item a,
li.current-menu-ancestor a,
li.current-menu-parent a {
    background: #ec6428;
}

body.post-template-default.single.single-post #header-outer nav > ul >li.news-page > a {
background: #ec6428;
}


/* Pay Now button */
#top nav ul li.menu-button a span {
background-color: #fff!important;
color: #ec6428!important;
font-weight: 900!important;
text-transform: uppercase;
padding: 9px;
}
#top nav ul li.menu-button a span {
    display: inline-block;
  animation: leave 0.4s forwards;
}

#top nav ul li.menu-button a:hover span {
    animation: hover 0.4s forwards;
    color: #fff!important;
}

/*
@keyframes hover {
    from {
        box-shadow: inset 0 0 0 0.01px #ec6428;
    }
    to {
        box-shadow: inset 60em 0 0 0.01px #ec6428;
        color: #fff;
    }
}

@keyframes leave {
    from {
        box-shadow: inset 60em 0 0 0.01px #ec6428;
        color: #fff;
    }
    to {
        box-shadow: inset 0 0 0 0.01px #ec6428;
    }
}
*/


/* END */

/* Services */
.services-row .vc_col-sm-4,
.services-row .vc_col-sm-3 {
min-height: 25rem!important;
}
.services-row .nectar-highlighted-text h3 {
font-size: 1.9rem!important;
font-style: normal;
margin-bottom: 2rem;
}
.services-row .nectar-highlighted-text h3 em {
padding: 0.95rem 1rem!important;    
background-image: linear-gradient(to right,#ec6428 0,#ec6428 100%)!important;
color: #fff!important;
transition: 0.5s;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 4rem !important;
}
.services-row .vc_col-sm-4:hover .nectar-highlighted-text[data-color="#ec6428"] em,
.services-row .vc_col-sm-3:hover .nectar-highlighted-text[data-color="#ec6428"] em {
background-image: linear-gradient(to right,#fff 0,#fff 100%)!important;
color: #ec6428!important;
}



/* Testimonials */
.testimonial_slider p {
font-weight: 400!important;
}
body .testimonial_slider blockquote span {
font-weight: 800!important;
font-size: 1.5rem!important;
letter-spacing: -1px;
line-height: 1.75rem;
}
.testimonial_slider blockquote .title {
opacity: 1;
}
.testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote:not(.is-selected) {
opacity: 1;
}
.testimonial_slider[data-style*=multiple_visible] blockquote p {
padding: 50px;
}
.testimonial_slider[data-style=multiple_visible] blockquote p:before {
content: "";
}
.testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote:not(.is-selected) p {
background-color: #e6e7e8;
color: #a7a9ac;
}
.testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote:not(.is-selected) .title,
.testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote:not(.is-selected) .testimonial-name {
color: #a7a9ac;
}

/* Form */
.wpb_column.force-desktop-text-align-center .col .gform-body fieldset legend, 
.wpb_column.force-desktop-text-align-center .col .gform-body,
.wpb_column.force-desktop-text-align-center .col .gform-body .gfield,
.wpb_column.force-desktop-text-align-center .col .gform-body .gfield label {
text-align: left!important;
}
.gform-footer.gform_footer.top_label {
text-align: center!important;
}
body .gform_wrapper .top_label .gfield_label {
margin-top: 0;
}
input[type=date], input[type=email], input[type=number], 
input[type=password], input[type=search], input[type=tel], 
input[type=text], input[type=url], select, textarea {
background-color: #e6e7e8;
border-radius: 0;
}

.gform_button {
font-size: 2rem!important;
padding: 1.5rem 1rem!important;
font-style: italic;
margin-top: 1rem;
}

body[data-form-submit=regular] .container-wrap input[type=submit] {
padding: 0.5rem 2rem!important;
}

/* Footer */
#footer-outer #copyright p,
#footer-outer #footer-widgets .col p {
font-size: 1rem!important;
line-height: 1.35rem;
}
#footer-widgets .col.span_6:nth-of-type(2) {
text-align: right;
}
#footer-outer #footer-widgets a.footerlink {
color: #ec6428!important;
}



/* Blog page */
body.single .blog-title a.news {
	display: none!important;
}
body.page-blog h3,
body.category h3{
font-size: 1.75rem;
}
.grav-wrap .text span {
display: none!important;
}
.masonry.material .masonry-blog-item .inner-wrap {
box-shadow: 0 2px 10px rgba(0,0,0,.14);
border-radius: 0!important;
}
.masonry.material .masonry-blog-item .meta-category {
display: none;
}
.masonry.material .masonry-blog-item .article-content-wrap {
padding: 30px 30px 30px 30px!important;
}
ul.controls li h3 {
    font-size: 2.5rem !important;
    line-height: 2.75rem;
}

/* 404 page */
body.error404 #header-outer {
background-color: #000;
}


/* Footer */
#footer-outer #copyright p,
#footer-outer #footer-widgets .col p {
font-size: 1rem!important;
line-height: 1.35rem;
}
#footer-widgets .col.span_6:nth-of-type(2) {
text-align: right;
}
#footer-outer #footer-widgets a.footerlink {
color: #ec6428!important;
}

@media only screen and (max-width:690px) {
.nectar-highlighted-text[data-color="#ec6428"] em {
display: block;
}
.row .col h3, body h3 {
font-size: 3rem;
line-height: 3.5rem;
}
.nectar-highlighted-text[data-color="#ec6428"] em {
display: block;
}
a.nectar-button, 
a.nectar-button.large {
font-size: 1.2rem!important;
padding: 1.5rem 1rem!important;
}
.hero h2 {
font-size: 2rem!important;
}
.nectar-animated-title h2 {
padding: 10px 20px!important;
}
}
@media only screen and (max-width: 999px) {
    .services-row .vc_col-sm-3 {
        width: 100%!important;
    }
	.services-row .nectar-highlighted-text h3 {
font-size: 1.75rem !important;
}
	body h1 {
font-size: 3rem;
line-height: 3.5rem;
}
.services-row .nectar-highlighted-text h3 {
font-size: 1.75rem !important;
}
}
@media only screen and (min-width:1000px) {
body #footer-outer .row {
padding: 75px 0 0;
}
}
@media only screen and (max-width:1300px){
.row .wpb_row:not(.first-section) .col h3, body h3 {
font-size: 3rem;
line-height: 3.5rem;
}
}
@media only screen and (min-width:1000px) and (max-width:1300px) {
body h1 {
font-size: 3rem;
line-height: 4rem;
}
.row .hero .col h3 {
font-size: 1.2rem;
}
	.row .col h3, body h3 {
font-size: 1.25rem!important;
}
}
@media only screen and (min-width:1000px) and (max-width:1100px) {
.services-row .nectar-highlighted-text h3 {
font-size: 1.25rem !important;
}
}
@media only screen and (max-width:1100px){
.hero h2 {
font-size: 2.5rem;
}
.nectar-animated-title-inner h3 {
font-size: 1.25rem!important;
line-height: 2rem!important;
}
#footer-outer #copyright p, #footer-outer #footer-widgets .col p {
font-size: 0.85rem !important;
}
}
@media only screen and (max-width:1170px) {
#top nav>ul>li>a {
font-size: 0.75rem;
}
#top .container {
padding: 0 20px;
}
.top-level .wpb_column {
width: 100%;
}
}