/*
Theme Name: Dantek
Template: Total
Version: 1.0
*/


/* Top bar and mobile menu */

.quick-links, .top-mobile-menu {
position:relative;
float:left;
}


#top-bar ul li {
display:inline;
list-style-type:none;
padding: 0 2px 0 2px;
}

#top-bar ul li a {
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
font-weight: 500;
font-size: 15px;

}

#top-bar ul li::after {
content: " | ";
padding: 0 0.1em 0 0.5em; 
}

#top-bar ul .list-careers::after, #top-bar ul .list-tel::after {
content:none;
}

#top-bar ul .list-tel {
padding-left:30px;
letter-spacing: 0.01em;
}


#top-bar .ticon-lock::before {
margin-right:4px;
}

#top-bar ul .list-tel::before {
content: "\f098";
font: normal normal normal 16px/1 ticons;
padding-right:8px;
color:#fff;
}

#top-bar-content span.wpex-inline {
    margin-right: 0;
}

#top-bar .list-tel a {
font-size:16px;
}

.portal-button {
position:relative;
float:right;
text-transform:uppercase;
background-color:#174A7D;
color:#FCFCFC;
margin-right:2px;
letter-spacing:0.02em;
}

.portal-button a {
text-decoration:underline;
}

.top-mobile-menu a {
cursor: pointer;
}

.mobile-menu-toggle::before {
content: "\f0c9";
    display: inline-block;
font: normal normal normal 16px/1 ticons;
margin-right:10px;
}


/* Main navigation */

#site-navigation #menu-main-menu {
margin-right:10px;
} 

#site-navigation ul, #site-navigation li {
    border: none;
}

#site-navigation .main-navigation-ul li.menu-item a::before {
content: "\f138";
font: normal normal normal 18px/1 ticons;
}

#site-navigation .main-navigation-ul  li a {
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

#site-navigation .sub-menu  li a {
text-shadow: none;
}

#site-navigation .sub-menu li.menu-item a::before {
content:none;
}


#site-navigation .main-navigation-ul li a:hover {
    opacity: 1 !important;
}

.navbar-style-two .dropdown-menu > li > a {
    height: 56px;
    line-height: 56px;
}

.navbar-style-one .dropdown-menu > li.menu-item > a > span.link-inner {
    padding: 0.5em 6px;
}


#site-navigation .sub-menu ul li:nth-child(even) {
  background: #fff;
}


#site-navigation .sub-menu ul li:nth-child(odd) {
  background: #BDE6FA;
}

#site-navigation .sub-menu .sf-with-ul {
background:#174A7D;
}


#site-navigation li.megamenu > ul.sub-menu > li.menu-item.menu-item-has-children > a .link-inner, #site-navigation .sub-menu li a:hover span {
color:#fff !important;
}



/* Header */

#site-header.overlay-header.white-style.dyn-styles #site-navigation li.current-menu-item > a,#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu > li a:hover {
 color:#4EB3F1 !important;
}

body:not(.home) #site-header.overlay-header.dyn-styles, body:not(.home) .header-overlay-water, body:not(.home) .header-overlay-gradient, body.single-post #site-header {background-color:#0A3B6C}

.header-overlay-gradient .vc_column-inner {margin-bottom: 32px !important;}

body.error404 #site-header, body.archive #site-header {
background:#0A3B6C;
}

body.archive .centered-minimal-page-header .page-header-title {
    font-size: 1.615em;
    font-weight: 600;
}


/* Typography */

h1::after, .underlined::after {
content: '';
display: block;
width: 69px;
height: 9px;
border-radius: 5px;
background: #009CDA;
text-align: center;
margin: 12px auto;
}


.lblue {
color:#009CDA;
}

.services-row p a {
color:#152f62;
}

.services-row a:hover {
text-decoration:none;
}

.vcex-testimonials-fullslider-company {
color:#317FB0;
font-size:0.9em;
}

.vcex-breadcrumbs a, .vcex-breadcrumbs span {
font-weight:400 !important;
}

.vcex-callout-caption p {
font-weight:700;
}

.light-blue-bg {
background-color:#bde6fa;
}

.vcex-breadcrumbs a:hover {
color:#fff;
}

.light-blue-bg:hover a, .white-bg:hover a, .grey-bg:hover a {
color:#fff;
}

h3 {
font-family:'Open Sans', sans-serif !important;
}

h4.vc_tta-panel-title {
    font-size: 1.2em !important;
}

/* Backgrounds */

.body-copy {
      background-image: linear-gradient(to right top, #f7f5f4, #f6f4f3, #f5f3f1, #f3f2f0, #f2f1ef, #f2f1ef, #f3f1f0, #f3f1f0, #f4f3f1, #f6f4f3, #f7f6f4, #f9f7f6);
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; 
}

.box-blue {
background-color:#E6F7FE;
border-radius:2px;

}

.white-bg {
background-color:#fff;
}

.grey-bg {background-color: #E9E7E8;}

.light-blue-bg:hover, .white-bg:hover, .grey-bg:hover {
background-color:#174a7d;
}



/* Layout adjustments */

.intro-text {
max-width:920px !important;
}

.accreditations-row, .intro-row, .extended-row {
margin:0 auto;text-align:center;
padding: 40px 20px 40px 20px;
}

.accreditations-row .vc_column-inner, services-row .vc_column-inner {
margin:0 auto;
text-align:center;
max-width:1440px;
}

.extended-row .vc_column-inner, .intro-row .vc_column-inner {
margin:0 auto;
text-align:center;
max-width:984px;
}

.section-standard, .section-accordion   {
margin-top:32px;
}

.contact-column, .blog-grid-column, .map-column, .section-overlap, .top-img-column  {
margin-top:-40px;
}

body.single-post #content-wrap {
margin-top:-60px;
}

.service-copy {
padding:0 16px 0 16px;
}


.top-img-column {
padding:18px;

}

.service-copy, .top-img-column {
background:#fff;
}

.section-overlap, .section-standard {
padding: 36px;
}

.vcex-callout-caption.clr, .vcex-callout-caption {
    text-align: center;

}

.vcex-callout-button .theme-button, .vcex-callout-caption.clr {
font-weight:700 !important;
}


.vcex-callout-button .theme-button {
text-transform:uppercase;
}

/* Box shadow */

#img-shadow .vc_single_image-wrapper {
box-shadow: 0px 2px 5px 2px rgba(172,213,230,0.1);
}

.contact-column, .blog-grid-column, .map-column, .section-overlap, .section-standard, body.single-post #content-wrap  {
background:#fff;
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.02);
}




/* Testimonials */

.intro-row {
background: rgb(243,241,242);
}




/* Images */

.lca-icon {
position:relative;
z-index:1000;
}


.row-review-heading .lca-icon {
margin-top:-90px;
}

.lca-icon .vc_box_border_circle.vc_box_border_blue {
    background-color:#02305D !important;
}

.lca-icon .vc_single_image-wrapper.vc_box_border_circle {
padding:2px !important;
}


/* Accordion */

.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a , .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #fff !important;
padding: 18px 20px 18px 0 !important;
}

.vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before {
border-color: #fff !important;
}

.vc_tta-panel-title {
background:#174A7D;
font-size:1.2em;
font-weight:400;
line-height: 1.4em !important;
}


.vc_tta-color-white.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
color:#152F62 !important;
}

.vc_tta.vc_general .vc_tta-panel-title .vc_tta-icon::before {
vertical-align: middle;
}


/* Nested tabs */


.vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab {
border-top:6px solid #FAFAFA;
}


.vc_tta-tabs .vc_tta-tabs-list .vc_active {
border-top:6px solid #009CDA;
}

.vc_tta.vc_general .vc_tta-panel-title {
padding-left:20px;
}


/* Blog */


 body.single-post #content-wrap, body.archive #content-wrap {
padding:24px 32px 24px 32px;
background:#fff;
position:relative;
z-index:1000; 
}

 body.single-post .page-header.wpex-supports-mods .page-header-title {
    font-family: "Poppins","Helvetica Neue",Arial,sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.8em;
}

body.single-post #main, body.archive #main {
background:#E9E7E8;
}

body.single-post .single-post-title::after {
display:none;
} 

.widget_recent_entries .widget-title {
font-weight:600;
color:#152F62;
}

.widget_recent_entries  ul li a {
font-size:0.9em;
}

.vcex-blog-entry-details {
background:#F1F1F1;
border:1px solid #E9E7E8;
}

body.single-post .page-header.wpex-supports-mods .page-header-title {
    padding-bottom: 24px;
}


s
/* Testimonials */

.vcex-testimonials-fullslider-author-name {
font-size:0.9em;
}


/* Callout */


.vcex-callout {
  background: #F0EFED !important;
border:1px solid #EDEBEA !important;
border-radius: 1px !important; 
}

#footer-callout-right {
width:auto !important;
}

/* Form */



.wpcf7 {
    margin: 0 auto;
}
.wpcf7, .contact-intro {
    max-width: 740px !important;
}

.wpcf7-form input.wpcf7-text {
    width: 100%;
}


input[type="text"] {
max-width: 100%;
}

.wpcf7-form input, .wpcf7-form textarea {
    margin-top: 8px !important;
}

.wpcf7-form textarea {
height:200px;
}

.wpcf7-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #888 !important;
opacity: 1;
font-weight:700;

}
.wpcf7-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #888  !important;
opacity: 1;
font-weight:700;

}
.wpcf7-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #888  !important;
opacity: 1;
font-weight:700;

}
.wpcf7-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #888  !important;
opacity: 1;
font-weight:700;

}

input[type="submit"] {
font-weight:700;
text-transform:uppercase;
letter-spacing:0.01em;
border-radius:16px;
}

div.wpcf7 {
    text-align: center;
}



/* Responsive */

@media screen and (max-width:350px) {
.theme-button .ticon::before {
  display:none !important;}
.theme-button {font-size:0.9em !important;}
}

@media screen and (min-width:351px) {
.theme-button {font-size:1em !important;}
}


@media screen and (max-width:479px) {
h4.vc_tta-panel-title .vc_tta-controls-icon-plus::before, h4.vc_tta-panel-title .vc_tta-controls-icon-plus::after {
   display:none !important;}
.sidr-class-dropdown-menu li a {padding: 0.9em 20px 0.9em 10px !important;}
.header-overlay-gradient h1 {padding:0 12px 0 12px;}
}


@media screen and (max-width:767px) {
 .body-copy, .box-blue {padding:16px;} 
 .contact-column, .blog-grid-column {
padding: 36px 20px 1px 20px;}

}

@media screen and (min-width:768px) {
 .body-copy, .box-blue {padding: 24px;} 
.contact-column, .blog-grid-column {
padding: 36px 20px 0 20px;}

}


@media screen and (max-width:1023px) {
#site-header #site-header-inner {
    padding-bottom: 0 !important;}
#site-header.overlay-header.dyn-styles, .header-overlay-water, .header-overlay-gradient, body.single-post #site-header {padding-bottom: 20px !important;}
body:not(.home) #site-header.overlay-header {
position:relative; }
body:not(.home) #site-header #site-logo {    
    float: none;    
    display: block;    
    text-align: center !important;    
    width: 100%;
    max-width: none;
  }
  body:not(.home) #site-logo-inner {    
    display: block;
  }
  body:not(.home) #site-header #site-logo img {    
    display: inline;    
    float: none;}
#footer-callout-left {text-align:center;}
}

@media screen and (min-width:1024px) {
.header-overlay-gradient {
padding-bottom: 24px !important;
}
.header-overlay-gradient {
min-height:300px;}
#footer-callout {
min-height:60px;
background-image: url('https://www.dantekenvironmental.co.uk/wp-content/uploads/2020/12/water-square.png');
background-repeat: no-repeat;
background-size: 60px 60px;
padding-left:80px;}
}

@media screen and (max-width:1179px) {
#footer-callout .theme-button {font-size:0.9em !important;}
#footer-callout-right .ticon-chevron-right {display:none;}

}


@media screen and (min-width:1180px) {
#footer-callout .theme-button {font-size:1em !important;}
}


@media screen and (max-width:767px) {
.vcex-callout {margin-bottom:30px;}
.vc_tta.vc_general .vc_tta-panel-title {padding-left:20px;}
}

@media screen and (max-width:800px) {
.vc_tta-panel-title, .vc_tta-title-text {font-size:16px; font-weight:700;}

}

@media screen and (min-width:767px) and (max-width:800px) {
.vc_tta.vc_general .vc_tta-tab > a {padding: 14px 14px !important;}
}



@media screen and (min-width:768px) and (max-width:959px) {
.header-two-aside {
    float: right !important;
    clear:none !important;
    text-align: right !important;}
}

@media screen and (max-width:1023px) {
#top-bar ul {margin:7px 0 0 20px;}
#top-bar-content.top-bar-right .wpex-inline {
    margin-left: 0;}
}

@media screen and (max-width:767px) {
.wpex-text-2xl {font-size:1.2em !important; line-height:1.6em;}
}


@media screen and (max-width:413px) {
.quick-links {display:none !important;}
}

@media screen and (max-width:450px) {
.logo-img {width:150px  !important; height:64px  !important;}
}

@media screen and (min-width:414px) and (max-width:580px) {
.logo-img {width:180px  !important; height:77px  !important;}
}

@media screen and (min-width:580px) and (max-width:1099px) {
.logo-img {width:200px  !important; height:85px  !important;}
}


@media screen and (min-width:414px) and (max-width:959px) {
.list-about, .list-news, .list-downloads, .list-careers, .list-reviews {display:none !important;}
}

@media screen and (max-width:479px) {
.top-mobile-menu {margin-left:20px; padding-top:10px; font-size:16px;}
#top-bar {max-width:100%;}
#top-bar ul {margin: 10px 0 0 10px;}
.top-bar-right {padding-top:0; width: 100%; margin-left: 0;}
.portal-button  {padding:10px 18px 6px 18px;}
}

@media screen and (min-width:480px) and (max-width:1023px) {
.top-mobile-menu {margin-left:20px; padding: 10px 0 10px 0; font-size:16px;}
#top-bar {max-width:100%;}
#top-bar ul {margin-top:10px;}
.top-bar-right {padding-top:0; width: 100%; margin-left: 0;}
.portal-button  {padding:10px 18px 10px 18px;}
}

@media screen and (min-width:1024px) {
#top-bar ul {margin:12px 24px 0 0;}
.top-mobile-menu {display:none;}
.portal-button {padding:12px 22px 13px 2px;}
.top-bar-right {padding-top:0;}
}

@media screen and (min-width:767px)  and (max-width:1023px) {
#site-header #site-logo {text-align:left !important;}
}

@media screen and (min-width:960px)  and (max-width:1023px) {
.quick-links {margin-left:60px;}
}


@media screen and (max-width:599px) {
.intro-row {padding: 20px 20px 36px 20px;}
.accreditations-row {padding: 24px 20px 24px 20px;}
.pull-out .lca-icon {padding-top:40px;}
.lga-strapline {padding-top:24px;}
.services-section {padding:24px 20px 24px 20px;}
.extended-row {padding:12px 20px 40px 20px;}
.row-review-heading  {padding:24px 20px 24px 20px;}
.vcex-testimonials-fullslider-author-name, .vcex-testimonials-fullslider-company {font-size: 0.8em !important; font-weight:700;}
}

@media screen and (min-width:600px) and (max-width:1023px) {
.intro-row {padding: 32px 20px 32px 20px;}
.accreditations-row {padding: 32px 20px 32px 20px;}
.lga-strapline {padding-top:32px;}
.services-section {padding:32px 20px 32px 20px;}
.extended-row {padding:48px 20px 48px 20px;}
.row-review-heading  {padding:32px 20px 32px 20px;}
}

@media screen and (min-width:767px) and (max-width:1023px) {
  #site-header #site-logo {    
    float: none;    
    display: block;    
    text-align: center;    
    width: 100%;
    max-width: none;
  }
  #site-logo-inner {    
    display: block;
  }
  #site-header #site-logo img {    
    display: inline;    
    float: none;  }
#wpex-mobile-menu-navbar .mobile-menu-toggle {
    text-align: center;}
}

@media screen and (max-width:1023px) {
.pull-out .lca-icon {padding-top:40px;}
}

@media screen and (min-width:1024px) {
.intro-row {padding: 36px 20px 36px 20px;}
.accreditations-row {padding:50px 20px 110px 20px;}
.pull-out .lca-icon {margin-top:-40px;}
.lga-strapline {padding-top:48px;}
.services-section {padding:70px 20px 0 20px;}
.extended-row {padding:0 20px 60px 20px;}
.row-review-heading {padding:32px 20px 56px 20px;}
}

@media screen and (min-width:960px) and (max-width:1080px) {
body .navbar-style-two .dropdown-menu > li.menu-item > a {
    padding-left: 15px !important;
    padding-right: 15px !important;}
body.wpex-responsive .container, body.wpex-responsive .vc_row-fluid.container {
    max-width: 92%;}
}

@media only screen and (max-width: 768px) {
   .wpex-vc-row-columns-match-height .wpex-vc-column-wrapper, .staff-entry-details .match-height-content { height: auto !important; }
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#site-navigation li.megamenu>ul.sub-menu>li.menu-item ul {
    left: 0 !important;}
.vcex-image-inner {max-width:100%;}
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:1024px) {
.header-overlay-gradient h1 {margin-top:150px;}
}




/* RANDOM STUFF */
 .post-edit {
     display: none;
}