/*
Theme name: Cadline Corporate Live
Description: Custom Theme
*/

/*
	Source post-css styles are located in the postcss directory.
	The compiled bundle is in assets/bundle.css; The README.md
	file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment. It will override bundle.css styles.
*/

/* New Logo - MOBILE/TABLET */
@media (max-width: 1199px) {
  .header .logo.vinzero {
    top: 27px;
    width: 190px;
    height: 65px;
  }
  body.show-white-header .header .logo.vinzero {
    top: 20px;
  }
  .header .logo.vinzero:before
  {
    background: url(assets/images/cadline-logo-new@2x-190x65.png) no-repeat;
    background-size: 190px 65px;
    top: 30px;
    height: 65px;
  }
  .header .logo.vinzero:after
  {
    background: url(assets/images/cadline-logo-new@2x-190x65.png) no-repeat;
    background-position: 0px 0px;
    background-size: 190px 65px;
    width: 190px;
    height: 65px;
  }
}
@media (min-width: 750px) and (max-width: 1199px) {
  body.show-fixed-header.show-white-header .header .logo.vinzero {
    top: -2px !important;
  }
}
@media (max-width: 749px) {
  .header .logo.vinzero {
    top: 15px !important;
  }
  body.show-fixed-header .header .logo.vinzero {
    top: 0px !important;
  }
}
/* DESKTOP */
@media (min-width: 1200px) {
	.header .logo.vinzero {
	    top: 16px;
	    height: 65px;
	}
	.header .logo.vinzero:before
	{
		background: url(assets/images/cadline-logo-new@2x-190x65.png) no-repeat;
	}
	.header .logo.vinzero:after
	{

    background: url(assets/images/cadline-logo-new@2x-190x65.png) no-repeat;
    background-position: 0px 0px;
    background-size: 190px 65px;
    height: 65px;

	}
  body.show-fixed-header .header {
    height: 85px;
  }
  body.show-fixed-header .header .logo.vinzero {
    top: 8px;
    height: 65px;
  }
  body.show-white-header .header .logo.vinzero {
    height: 65px;
  }
  body.show-white-header .header .logo.vinzero:before {
    background: url(assets/images/cadline-logo-new@2x-190x65.png) no-repeat;
  }
}


/* Footer Update */
.footer .footer-widgets .widget .widget-body a[href="mailto:sales@cadline.co.uk"]{
  color: #015F5F;
  font-weight: 600;
}
.footer .footer-widgets .widget .widget-body a[href="mailto:sales@cadline.co.uk"]:hover{
  color: #01B268;
}

.footer .footer-col p a {
  max-width: 700px !important;
}

/* Header Video Background */
.video-background {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.video-background--overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.video-background--overlay-none {
  display: none;
}
.video-background--overlay-light {
  background: rgba(0,0,0,0.2);
}
.video-background--overlay-medium {
  background: rgba(0,0,0,0.4);
}
.video-background--overlay-dark {
  background: rgba(0,0,0,0.5);
}
#home-intro .section-intro a.btn{
  margin: 20px 20px 0;
}
#home-intro .section-intro a.btn > span{
  line-height: 20px;
  padding: 14px;
}
/* main menu dropdowns */
@media (min-width: 1200px) {
  .nav-dropdown>ul.sub-menu {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  }
  body.show-white-header.show-fixed-header .header .header-nav .nav ul.sub-menu a {
    color: #59595b;
  }
  body.show-white-header.show-fixed-header .header .header-nav .nav ul.sub-menu a:hover {
    color: #015F5F;
  }
  .nav li:hover>.nav-dropdown {
    z-index: 1;
  }
}

/* home offer / callout section */
@media (min-width: 0px) {
	.section-breadcrumb + .section-callout { opacity: 1; visibility: visible; position: relative; top: 0; margin-bottom: 30px; }
	.section-breadcrumb + .section-callout .section-body { width: 100%; background-color: #4d4d4d; }
	.section-breadcrumb + .section-callout + * .form-product:before { display: none; }
  .section-callout .section-body .btn { color: white; border-color: white; display: inline-block; margin: 15px 20px 0; padding: 0 10px;}
  .section-callout .section-body .btn:hover { color: white; border-color: #015f60; background-color: #015f60; padding: 0 10px;}
  .section-callout .section-body .btn > i { background-color: #015f60; display: none;}
  .section-callout .section-body .btn:hover > i { background-color: #014444;}
}

@media (min-width: 1200px) {
	.section-breadcrumb + .section-callout { position: absolute; top: 498px; margin: 0; }
	.section-breadcrumb + .section-callout .section-body { background-color: rgba(0,0,0,.2); }
}

@media (min-width: 0px) {
	.section-callout .shell { padding: 0; max-width: 100%; width: 100%; }
	.section-callout .section-image { width: 100%; background-color: #f1f1f1; min-height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center center; padding: 10px 0; }
	.section-callout .section-image img { display: block; margin: 0 auto; max-height: 30px; width: auto; height: auto; background-color: #f1f1f1; }
	.section-callout .section-body { background-color: #4d4d4d; text-align: center; width: 100%; padding: 30px 25px; color: #fff; font-weight: 300; transition: background 0.4s; }
	.section-callout .section-body blockquote { margin: 0 0 20px 0; }
	.section-callout .section-body strong { display: block; font-size: 16px; line-height: 1.38; max-width: 220px; margin: 0 auto 4px; font-weight: 600; }
	.section-callout .section-body img { display: block; max-width: 50px; margin: 0 auto 15px; border-radius: 50%; }
	.section-callout:hover .section-body { background-color: rgba(0,0,0,.5); }
}

@media (min-width: 550px) {
	.section-callout .section-body strong { max-width: 100%; }
	.section-callout .section-body { padding: 30px 50px; }
}

@media (max-width: 767px) {
  .section-callout .section-image { background-image: none !important; }
}

@media (min-width: 768px) {
	.section-callout { position: absolute; left: 0; right: 0; top: 100%; opacity: 0; visibility: hidden; transform: translateY(0%); z-index: 100; }
	.section-callout { transition: opacity 0.4s, visibility 0.4s, transform 0.4s; transition-delay: 1.2s; }
	.section-callout .section-image { position: absolute; right: 0; top: 0; bottom: 0; width: 180px; }
	.section-callout .section-image img { display: none; }
	.section-callout .section-body { text-align: left; position: relative; overflow: hidden; width: calc(100% - 180px); background-color: rgba(0,0,0,.2); padding: 25px 20px; display: flex; align-items: center; }
	.section-callout .section-body blockquote { position: relative; padding: 0 15px 0 70px; margin: 0; flex-shrink: 1 }
	.section-callout .section-body blockquote img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-height: 55px; margin: 0; }
	.section-callout .section-body .btn { flex-shrink: 0; margin: 0 0 0 auto; min-width: 160px; }
  .section-callout .section-body .btn + .btn { margin: 0 0 0 15px }
	section.show-animation + .section-callout { opacity: 1; visibility: visible; transform: translateY(-100%); }
}

@media (min-width: 1200px) {
	.section-callout .section-image { width: 230px; }
	.section-callout .section-body { padding-right: 50px; width: calc(100% - 230px); }
	.section-callout .section-body .btn { min-width: 197px; }
  .section-callout .section-body .btn { padding: 0 20px;}
  .section-callout .section-body .btn:hover { padding: 0 20px;}
}

/* Branding updates */
@media (min-width: 750px) {
  .header {
    padding: 15px 0;
  }
}
@media (min-width: 1200px) {
	.header .logo.vinzero {
	    top: 16px;
	    height: 65px;
	}
	.header .logo.vinzero:before {
		background: url(assets/images/cadline-logo-new@2x-190x65.png) no-repeat;
	}
	.header .logo.vinzero:after {
    background: url(assets/images/cadline-logo-new@2x-190x65.png) no-repeat;
    background-position: 0px 0px;
    background-size: 190px 65px;
    height: 65px;
    width: 190px;
	}
  body.show-fixed-header .header {
    height: 85px;
  }
  body.show-fixed-header .header .logo.vinzero {
    top: 8px;
    height: 65px;
  }
  body.show-white-header .header .logo.vinzero {
    width: 190px;
    height: 65px;
  }
  body.show-fixed-header.show-white-header .header .logo.vinzero {
    height: 65px;
  }
  body.show-white-header .header .logo.vinzero:before {
    background: url(assets/images/cadline-logo-new@2x-190x65.png) no-repeat;
    background-size: 190px 65px;
    background-position: center;
  }
}

/* Colour updates - Header */
@media (min-width: 750px) {
  body.show-fixed-header.show-white-header.show-sub-nav-on-fixed-header-secondary:not(.show-sub-nav-on-fixed-header) .header .header-nav.header-nav-scroll-to {
    opacity: 1;
    visibility: visible;
    background-color: #eaeaea;
    max-height: 200px;
  }
  body.show-fixed-header.show-white-header.show-sub-nav-on-fixed-header-secondary:not(.show-sub-nav-on-fixed-header) .header .header-nav.header-nav-scroll-to a {
    color: #4d4d4d;
  }
  body.show-fixed-header.show-white-header.show-sub-nav-on-fixed-header-secondary:not(.show-sub-nav-on-fixed-header) .header .header-nav.header-nav-scroll-to a:hover {
    color: #015F5F;
  }
}

@media (min-width: 1200px) {
  body.show-fixed-header.show-white-header.show-sub-nav-on-fixed-header-secondary.show-sub-nav-on-fixed-header .header .header-nav.header-nav-scroll-to,
  body.show-white-header.show-fixed-header .header:hover .header-nav {
    opacity: 0;
    visibility: hidden;
  }
  body.show-white-header.show-fixed-header .header:hover .header-nav:not(.header-nav-scroll-to),
  body.show-white-header.show-fixed-header.show-sub-nav-on-fixed-header .header:hover .header-nav:not(.header-nav-scroll-to),
  body.show-fixed-header.show-white-header.show-sub-nav-on-fixed-header .header .header-nav:not(.header-nav-scroll-to),
  body.show-fixed-header.show-white-header.show-sub-nav-on-fixed-header .header:hover .header-nav:not(.header-nav-scroll-to) {
    opacity: 1;
    visibility: visible;
    background-color: rgba(89,89,91,.8);
  }
}

body.show-fixed-header .header .ico-social:after,
body.show-fixed-header .header .ico-account:after,
body.show-fixed-header .header .ico-cart:after,
body.show-fixed-header .header .ico-menu:after, 
body.show-fixed-header .header .ico-search:after {
	/* intent is to change to #01B268 */
    filter: brightness(0) saturate(100%) invert(43%) sepia(84%) saturate(3218%) hue-rotate(132deg) brightness(102%) contrast(99%);
    transition: filter .4s;
}

body.show-fixed-header.isSafari .header .ico-social:after,
body.show-fixed-header.isSafari .header .ico-account:after,
body.show-fixed-header.isSafari .header .ico-cart:after,
body.show-fixed-header.isSafari .header .ico-menu:after, 
body.show-fixed-header.isSafari .header .ico-search:after {
  /* Safari can't animate filter properly */
  transition: none;
}

body.show-fixed-header .header .nav-socials a:hover .ico-social:after,
body.show-fixed-header .header .btn-header:hover .ico-account:after,
body.show-fixed-header .header .btn-header:hover .ico-menu:after,
body.show-fixed-header .header .btn-header:hover .ico-cart:after, 
body.show-fixed-header .header .btn-header:hover .ico-search:after {
	/* intent is to change to #0e8a4a */
	filter: brightness(0) saturate(100%) invert(40%) sepia(44%) saturate(754%) hue-rotate(96deg) brightness(96%) contrast(98%);
}

body.show-fixed-header .btn-menu-primary span,
body.show-fixed-header .btn-menu-primary:after,
body.show-fixed-header .btn-menu-primary:before {
  background-color: #01B268;
}

body.show-fixed-header .header .btn-header i,
body.show-fixed-header .header .nav-socials a,
body.show-fixed-header .header .ico-social:after,
body.show-fixed-header .header .ico-account:after {
	opacity: 1;
}

/* Colour updates - Footer */
.nav-socials-secondary a {
	background-color: #01B268;
}

.nav-socials-secondary a:hover {
	background-color: #0e8a4a;
}

/* Colour updates - Homepage Sections */
.section-full:not(.section-white)>.section-group>.section-head h2,
.section-services h3 {
	color: #015F5F;
}

.list-team .list-body h5,
.section-post .section-body-meta h5 a {
	color: #01B268;
}

/* Colour updates - Contact Form */
.section-form .gform_title,
.section-map .inner-head h4 {
  color: #015F5F;
}

/* Colour updates - News Listing */
.list-posts .article-meta h6 a {
  color: #015F5F;
}
.list-posts .article-meta h6 a:hover {
  color: #01B268;
}