/* ==========================================================================
   General Site Styling
   ========================================================================== */

.cd-main-content {
  background:#fafafa;
}


/* Cheat sheet color codes
   ========================================================================== 
camfil green: #00673e
camfil dark green: #004e2f
camfil light green: #cce4db
camfil footer grey: #f1f0eb
camfil black: #181818
*/

/* Fonts
   ========================================================================== */
/*Imported fonts
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:800');*/

@font-face {
font-family: 'BrandonGrotesqueBlack';
src: url("//fonts.parttrap.com/camfil/BrandonGrotesqueBlack.otf") format("opentype");
}


@font-face {
font-family: 'BrandonGrotesqueLight';
src: url("//fonts.parttrap.com/camfil/BrandonGrotesqueLight.otf") format("opentype");
}

/*Body*/
body {
  font-family:'BrandonGrotesqueLight', sans-serif!important;
  color:#181818;
  font-size:17px;
}

/*Headers*/

h1, h1.page-header, .page-header, h2, h3,h4,h5 {
 font-family: 'BrandonGrotesqueBlack', sans-serif;
  text-transform:uppercase;
  font-weight:800;
  color:#181818;
}

h1 {
font-size:60px;
}

h2 {
font-size:40px;
}



/*Links*/

/*Buttons*/

a.btn, p.btn {
 font-family: 'BrandonGrotesqueBlack', sans-serif;
}


.cd-main-content .btn {
  background:#00673e;
  border:none;
  font-weight:700;
  color:white;
  border-radius:50px!important;
}


.cd-main-content .btn:hover {
  background:#004e2f;
}

.btn {
transition: 0.3s;
}

/*Input fields*/

.cd-main-content .input-group .form-control, .cd-main-content .form-control, .input-lg {
  border-radius:50px;
  box-shadow:none;
}

/* Paddings & Margins
   ========================================================================== */

.no-side-padding {
  padding-left:0!important;
  padding-right:0!important;
}

.no-side-margin {
  margin-left:0!important;
  margin-right:0!important;
}


/* Custom Page Width
   ========================================================================== */
@media screen and (max-width:767px) {
}

@media screen and (min-width:768px) {
}

@media screen and (min-width:992px) {
}

@media screen and (min-width:1200px) {
}


/* Header
   ========================================================================== */

/*General*/ 


@media screen and (min-width:1501px) {
  .header>.container {
    width:90%;
  }
}

@media screen and (max-width:1500px) {
.header>.container {
width:100%;
}
}

.header {
  background:white;
  border:none;
}

.header-input {
margin-top:0;
}

.header .form-control {
box-shadow:none;
}


.header .btn {
background:#00673e;
border-color:#00673e;
}

.header .btn:hover {
background:#004e2f;
border-color:#004e2f;
}

/*Logo*/

.header img {
margin-top:5px;
}
  
/*Cart*/

.header .section_MiniBasket .input-group .form-control:last-child {
border-bottom-right-radius:50px;
border-top-right-radius:50px;

}

.header .section_MiniBasket .pt-btn-basket {
border-bottom-left-radius:50px;
border-top-left-radius:50px;
}

  
/*Search*/

.header .section_CatalogSearchBox .input-group .form-control:first-child {
border-bottom-left-radius:50px;
border-top-left-radius:50px;
}

.header .section_CatalogSearchBox .catalogsearchboxbutton {
border-bottom-right-radius:50px;
border-top-right-radius:50px;
}

@media screen and (max-width:767px) {
.section_CatalogSearchBox {
margin-bottom:10px;
}
}

/*Navigation*/

.cd-nav > ul{
margin:0; 
padding:0;
float:left;
}

.cd-primary-nav > li > a {
text-transform:uppercase;
}

.cd-main-header {
border:none;
}


.cd-primary-nav > li > a:hover {
color:#00673e;
text-decoration:none;
}

.cart:hover {
width:100%;
}

  
/*Login*/

.header .top-bar-link a {
border:2px solid #00673e;
border-radius:50px;
font-weight:600;
}

.header .top-bar-link a:hover {
background:#00673e;
color:white;
}

@media screen and (max-width:991px) {
.header .user-profile-page-link {
display:none;
}
}

.header .user-profile-sep, .header .user-profile-customer {
  display:none;
}

/*---Big Header 1200px ->---*/
@media screen and (min-width:1200px) {

/*General*/  
  
.header .top-bar-link {
margin-top:5px;
}  

/*Top-bar*/

/*Logo*/
  
/*Cart*/
  
/*Search*/

/*Navigation*/
  
  .cd-primary-nav .cd-secondary-nav {
left:0;
}

.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
background:black;
}
  
  
.header .cd-primary-nav > .has-children > a {
padding-right:24px!important;
}
  
  
.cd-primary-nav .cd-nav-icons li:nth-child(3n), .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+3) {
    clear: none;
}
  
  
  .cd-primary-nav .cd-secondary-nav > li {
margin-right:0;
width:33.3333333%;
}

  
/*Login*/

}


/*---Small header <-1199px---*/
@media screen and (max-width:1199px) {

/*General*/  

/*Top-bar*/

/*Logo*/
  
/*Cart*/
  
/*Search*/

/*Navigation*/
  
  .cd-main-header {
    background: transparent;
    border:none;
  }

  .cd-search-trigger, .cd-nav-trigger {
    width:50px;
    height:42px;
  }

  .cd-nav-trigger span,.cd-nav-trigger span::before, .cd-nav-trigger span::after {
    height: 5px;
    width: 35px;
    background: #00673e;
    border-radius:30px;
  }

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
    background: #00673e;
    left:-4px;
width:50px;
  }

 .cd-nav-trigger.nav-is-visible {
    background: white;
    border: 5px solid white;
    border-radius: 0px;
    left: -30px;
  height:50px;
width:55px;
  }

.cd-nav-trigger.nav-is-visible span {
    right: 7px;
    margin-top: -6px;
  }

  .cd-nav-trigger.nav-is-visible span::after {
    top:20px;
  }

  .cd-nav-trigger span::after {
    top: 10px;
  }

  .cd-nav-trigger span::before {
    top:-10px;
  }

  .cd-main-header.nav-is-visible {
    top: 2px;
    color: transparent;
    position: fixed;
    right:0px;
    z-index:9999;
  }

 
  
/*Login*/  

}

/*Footer
   ========================================================================== */

.footer {
background:#f1f0eb;
padding-bottom:0;
  text-transform:none;
font-size:15px;
}

.footer-green {
background:#00673e;

}

.footer-green a, .footer-green p {
color:white;
}

.back-to-top {
position:absolute;
top:-25px;
z-index:999;
padding:15px;
width:100%;
}

@media screen and (max-width:767px) {
.back-to-top {
top:-30px;

}
}

.back-to-top p {
background:#f1f0eb;
width:120px;
text-align:center;
margin:0 auto;
padding-top:8px;
color:#00673e;
font-weight:800;
border-radius:50px;
cursor:pointer;
}

.back-to-top p:hover {
color:#004e2f;
}


.footer-width {
max-width:70%;
margin:0 auto;
float:none;
padding-top:15px;
padding-bottom:15px;
}


.footer a {
color:#00673e;

}

.footer a:hover {
color:black;
}


.footer .social-media img {
max-width:50px;
   border:2px solid transparent;

}


.footer .btn {
    background: #00673e;
    border: none;
    font-weight: 700;
    color: white;
    border-radius: 50px!important;
}

.footer .btn:hover {
background: #004e2f;
  color:White;
}


.footer .social-media img:hover {
border:none;
}


.footer-green {
text-align:center;
}

.footer-green .btn {
    font-weight: 700;
    color: white;
    border-radius: 50px!important;
    background: transparent;
    border: 2px solid;
    padding: 10px 35px;
}

.footer-green .btn:hover {
color: black;
    background: white;
    border-color: white;
}


/* Notifier Container
   ========================================================================== */


/* ==========================================================================
   Section Styling
   ========================================================================== */

/*Document list & Product documents*/

.documentlist a.document img {
display:none;
}


.documentlist a.document:before {
content:'\f15b';
font-family:'FontAwesome';
color:#00673e;
font-size:15px;
}



/* ==========================================================================
   Page Styling
   ========================================================================== */

/* Index page
   ========================================================================== */

.pt-page-index .content {
padding-top:0;
}

/*Hero*/

.username-hero {
position:absolute;
top:20%;
width:100%;
}

.username-hero p {
font-family: 'BrandonGrotesqueBlack', sans-serif;
text-align:center;
font-size:75px;
color:white;
text-transform:uppercase;
font-weight:bold;
  
}

.username-hero .top-bar-link, .username-hero .nav-pills{
width:100%;
text-align:center;
}


.username-hero .user-log-out-link, .username-hero .user-profile-sep, .username-hero .user-profile-customer {
display:none;
}

.username-hero li a {
font-size:55px;
color: white;
margin-top:60px;
}

.username-hero li a:hover {
background:transparent;
}


@media screen and (max-width:1599px) {
.username-hero {

top:5%;

}

.username-hero p {

font-size:55px;

}

.username-hero li a {
font-size:45px;

margin-top:40px;
}
}

@media screen and (max-width:991px) {
.username-hero {

top:1%;

}

.username-hero p {

font-size:35px;

}

.username-hero li a {
font-size:25px;

margin-top:25px;
}
}

/*Dashboard*/

.row.dashboard-box {
margin-top:-15%;
margin-left:50px;
margin-right:50px;
  margin-bottom: 15px;
}

.dashboard-box-col {
background:white;
    box-shadow: 0 -10px 12px rgba(0,0,0,.15);
    border-bottom: 2px solid #f1f0eb;
border-radius:3px;
padding-top:15px;
padding-bottom:0;
}

@media screen and (min-width:992px) {
.dashboard-box-col {

height:251px;
}
}


/*Dashboard Purchase history*/
.dashboard-box .section_PurchaseHistory .col-sm-6:nth-of-type(2){
  display: none;
}

.dashboard-box .section_PurchaseHistory .col-sm-6 {
  width:100%;
}

.dashboard-box .section_PurchaseHistory h4 {
  margin-bottom:5px;
  margin-top:0;
}

.dashboard-box .section_PurchaseHistory ol {
  padding-left:15px;
}

@media screen and (min-width:768px) {
.dashboard-box .section_PurchaseHistory li {
    font-size:14px;
  }
}

/*Dashboard quickliks*/

.dash-icon.section {
padding-bottom:15px;
text-align:center;
font-size:17px;
font-weight:700;
}


.dash-icon img {
transition: 0.5s;
max-width:65px;
}


.dash-icon img:hover {
opacity:0.8;
}


.dash-icon h4 {
margin-bottom:0;
}


/*Dashboard news*/
.dashboard-box .media, .dashboard-box .syndication h1 {
  margin:0;
}


/*Integrated page for local markets*/
.integrated-page-tabs .nav-tabs {
display:none;
}

.integrated-page-tabs div.row>div {
padding:!important;
}

.integrated-page-tabs .tab-content {
margin:0;
}

/*News*/

/*News*/
.news-style .news-list {
  width: 100%;
  float: left;
  display: inline-block;
  background: transparent;
}

.news-style .post {
  display: block;
  width:27%;
  min-height:450px;
  float:left;
  margin-top:30px;
}

.news-style .post:nth-of-type(2) {
    margin-right: 9.5%;
    margin-left: 9.5%;
}

@media (max-width: 767px) {
  .news-style .post:nth-of-type(2) {
    margin-right: 0;
    margin-left: 0;
  }
  .news-style .post {
    width: 100%;
  }
  .news-style .news-list{float:none;}
}



.news-style .news-list .section-heading {
  border: none;
}

.news-style .media>.pull-left {
  float: none;
  margin:0;
}

.news-style .media>.pull-left img {
  width:100%;
  max-width:none;
}

.news-style .post-body {
  padding-top:5px;
}



.news-list .section-heading, .section-news-page .article-image {
  display: none;
}



/*Video*/

.video-embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 

.video-embed-container iframe, .video-embed-container object, .video-embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}


/*Spotify*/

iframe.spotify {
width:100%!important;
}


/* Landing pages
   ========================================================================== */
/*General*/
/*News*/
/*Contact us*/
/*Landing page name*/
/*Landing page name*/
/*Landing page name*/


/* Product pages
   ========================================================================== */
/*General*/
/*Catalog Landing page 66*/
.camfil-prod-list .product-netprice {
  display:none;
}

.camfil-prod-list .js-childProducts .product-netprice {
  display:block;
}

/*Product list*/
/*PDP*/
/*IPDP*/
/*VP*/
/*Searchlist*/


/*CHECKOUT*/
/*Delivery services*/
.delivery-services .clearfix, .delivery-services .paginate-top, 
.delivery-services .product-additional-content, .delivery-services .field-stockcode, .delivery-services .product-nav-pagination,.delivery-services .addToBasketContainer .favorite, .delivery-services .addToBasketContainer .shoppingList, .delivery-services .product-quantity-input
 {
display:none;
}


.delivery-services .product .row, .delivery-services .product [class*=col-] {
width:100%;
}

.section.delivery-services, .section.delivery-services .products, .delivery-services-col .section  {
padding-bottom:0;
}

.delivery-services h3.product-header {
font-size:15px;
margin-bottom:0;
}


.delivery-services .product {
border-top:1px solid #ddd;
padding-top:10px;
}


.delivery-services-col {
background:#f1f0eb;
padding:10px;
}




.delivery-services .product [class*=col-] {
margin-left:0;
}
.delivery-services .product-list-noThumbs .product {
border-bottom:none;
border-top:1px solid #ddd;
}




/* Template CSS
   ==========================================================================


/*Index puff TILES*/
.index-puff {
  position: relative;
  width: 100%;
  height: 300px;
 background-size: cover;
 background-repeat: no-repeat;
}

/*.index-puff img {
  display: block;
  width: 100%;
  height: auto;
}*/

.index-puff-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .7s ease;
  background-color: rgba(10,103,63,0.7);

}

.index-puff:hover .index-puff-overlay, .index-puff:hover .index-puff-overlay-text{
  opacity: 1;
}

.index-puff:hover .btn {
    display:block;
}



.index-puff-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
color:white;

}

.index-puff-overlay-text h2,.index-puff-overlay-text h3, .index-puff-overlay-text p{
Color: white;
}

.index-puff-overlay-text .btn {
background:transparent;
border:2px solid;
padding:10px 35px;
  display:none;
}

.index-puff-overlay-text .btn:hover {
color:black;
background:white;
border-color:white;
}

/*Video popup template*/

.index-puff-video-link {
display:none;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Hero image with title 142*/
.hero-image-text {
position:absolute;
width:100%;
text-align:center;
top:30%;
color:white;
}

.hero-image-text h1 {
color:White;
}

.hero-image {
margin-top:-30px;

}

/*Style for pages with hero image template*/
@media screen and (min-width:992px) {

.container.hero-content, .hero-content .hero-content-col {
margin-top:-10%;
background:#fafafa;

}

.hero-content-col {
padding-top:15px;
border-radius:5px;
}

}


/*Embed video container*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* Authors
   ==========================================================================
Sofia Moretti
*/


.hide {
  display: none;
}


/*PO NUM style in checkout process*/
.ponum-summary, .ponum-confirmation, .ponum-email {
 	overflow-wrap: break-word;	 
}




[data-pageid="186"] .field-stockcode, 
[data-pageid="186"] .p-productavailability,
[data-pageid="186"] .pricepanel,
[data-pageid="186"] .hover-product .clearfix,
[data-pageid="186"] .addToBasketContainer{
    display: none; 
}

[data-pageid="186"] .pull-right .js-product-detail {
    display: none;
}


/* Site issue message */
.banner-notification p {
    font-size: 1.2em;
    color: #fff;
}
.banner-notification {
    background: #00673e;
    padding-top: 15px !important;
    padding-bottom: 8px !important;
    text-align: center;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px){
    .banner-notification {
        margin-bottom: 110px;
    }
}

/* Cart images */
@media screen and (min-width: 1200px) {
    .section_Checkout .cart-view-image {
        max-width: 100px;
        height: auto !important;
        padding-top: 5px;
        padding-bottom: 3px;
    }
}

/* Manufacture inputs form */
.modal #ManufactureInputsForm > .row > .form-group.col-xs-6 {
    width: 100%;
}
.modal #ManufactureInputsForm > .row > .form-group.col-xs-6 > img {
    max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: initial;
}
.modal #ManufactureInputsForm .manufacture-rows .col-xs-4 {
    width: 100%;
  	text-align: left;
}

/* Customer information page */
.pt-page-usercustomerinformation .control-label-static {
    font-size: 15px;
}
.pt-page-usercustomerinformation .section_CustomerInformation {
    font-size: 15px;
}
/* Account details */
@media screen and (min-width: 992px) {
    .section_AccountDetail > form > .row > .col-md-6 {
        width: 75%;
    }
}


/*Temp message*/
.temp-message {
position: fixed;
top:180px;
background:#00673e;
width:200px;
padding:15px;
color:white;
text-align:center;
z-index:999;
right:0;
}

.temp-message h4 {
color:white;
}