
/* 
 Theme Name:     Treefrog 2018
 Description:	 Child Theme of Divi
 Author:         APART creations
 Author URI:     http://www.apartcreations.com 
 Template:       Divi
 Version:        1.1 
*/ 

@import url("../Divi/style.css"); 
@import url("elegant-fonts.css"); 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* DIVI Overrides
=====================================*/

.et_pb_post_title, 
.et_pb_section,
.single-post .et_pb_row,
a.et_pb_column .et_pb_row_inner {
  margin:0 !important;
  padding: 0 !important;
  line-height:0;
}


h1, h2, h3, h4,
h1.et_pb_post_title {
  line-height:1.3;
}
h1,
h3 {
   font-weight:300;
}
p {
  line-height:1.5;
}
sup {
  bottom:3px;
}

.et_pb_blog_grid h2.entry-title {
  line-height:1.5;
}

.entry-content h1.entry-title {
  font-size:1.8em;
  line-height:1.2;
  padding:0 !important;
}
.single .entry-content h3 {
  font-size:1.8em;
  line-height:1.2;
  padding:0 !important;
}

.single .entry-content h3.et_pb_gallery_title {
  font-size:1.5em;
}

@media only screen and (min-width: 768px) {

	.october-blog .et_pb_post {
		min-height: 600px;
		max-height: 600px;
	}

}

@media all and (min-width: 981px) and (max-width: 1400px) {

  .featured h3 {
    height:60px;
  }

}

@media only screen and (min-width: 981px) {

  .single .et_pb_row {
    padding:1em 0 !important;
  }

}
  
/* HEADER
=====================================*/


/* CONTACT NAV
=============*/
#et-info span {
  font-weight:normal;
}
#et-info a:hover {
  color:#000 !important;
}

#et-info-phone::before {
    top:0;
    margin-right: 0;
    content: "";
}
#et-info-email::before {
    top:0;
    margin-right: 0;
    content: "";
}
#et-info-distlogin {
  padding:0 1em;
}
#et-info-email {
	margin-right:13px;
}

@media all and (max-width: 1040px) {
  #et-info-email {
    display:none;
  }
}


/* BRAND NAV 
============*/

#et-secondary-menu .menu li {
  margin:0 !important;
}
#et-secondary-menu ul li.brand-ch a {
  background:#f0f0f0 url('//www.treefrogveneer.com/wp-content/uploads/chemetal-small-light.png');
}
#et-secondary-menu ul li.brand-tf a {
  background:#fff url('//www.treefrogveneer.com/wp-content/uploads/treefrog-small-light.png');
}
#et-secondary-menu ul li.brand-ia a {
  background:#f0f0f0 url('//www.treefrogveneer.com/wp-content/uploads/interiorarts-small-light.png');
}
#et-secondary-menu ul li.brand-ch a:hover {
  background:#f0f0f0 url('//www.treefrogveneer.com/wp-content/uploads/chemetal-small.png');
}
#et-secondary-menu ul li.brand-tf a:hover {
  background:#fff url('//www.treefrogveneer.com/wp-content/uploads/treefrog-small.png');
}
#et-secondary-menu ul li.brand-ia a:hover {
  background:#f0f0f0 url('//www.treefrogveneer.com/wp-content/uploads/interiorarts-small.png');
}
#et-secondary-menu ul li a {
  background-repeat:no-repeat !important;
  color: transparent !important; 
  width:130px;
  height:40px;
  background-position:12px 6px !important;
}

@media all and (max-width: 1000px) {

  #et-info-distlogin {
    display:none;
  }
  #et-secondary-menu  {
    display:none;
  }

}

@media all and (min-width: 1001px) {

  #et-secondary-menu {
   margin-top:-10px;
  }
}

@media all and (min-width: 1201px) {

  #et-secondary-menu ul li a {
    color: transparent; 
    width:180px;
    height:40px;
    background-position:35px 6px !important;
  }

  
}

@media all and (min-width: 981px) and (max-width:1024px) {
  #et_top_search {
    display:none !important;
  }
}


/* MAIN NAV  
============*/
.mobile_menu_bar_toggle:before {
  color:#666 !important;
}
.mobile_menu_bar_toggle:hover:before {
  color:#000 !important;
}

#logo {
  opacity:1;
}
#logo:hover {
  opacity:.6;
}

#main-header {
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}
#main-header .container {
  max-width:1000px;
}


/* hide dropdown arrows */
#top-menu .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children > a:first-child::after { 
	display:none !important;
}
#top-menu .menu-item-has-children > a:first-child, 
#et-secondary-nav .menu-item-has-children > a:first-child {
  padding-right:0px;
}


/* regular dropdown */
.sub-menu li.menu-item a, .sub-menu li.menu-item a:visited {
 	font-weight:300 !important;
 	line-height:1;
	text-transform:none !important;
	padding:.5em !important;
}


@media all and (min-width: 1041px) {

  #top-menu li {
    margin:0 !important;
    padding:0 !important;
  }

  #top-menu li a {
    padding-right:15px !important;
    padding-left:15px !important;
  }
  
}


/* veneer megamenu */
#top-menu .mega-menu ul.sub-menu { 
  margin:0 !important;
  padding:0 !important;
}
#top-menu .mega-menu li.columnHdr a {
  font-size:1.5em;
  font-weight:bold !important;
  text-transform:none !important;
  line-height:1.3;
}
#top-menu .mega-menu li.columnHdr .sub-menu {
  line-height:0;
}
#top-menu .mega-menu li.columnHdr .sub-menu a {
  font-size:1em;
  font-weight:normal !important;
  text-transform:none !important;
  line-height:1;
}
#top-menu .mega-menu li.columnTech {
  background:rgba(0,0,0,.1);
}
#top-menu .mega-menu ul.sub-menu li.columnHdr {
  padding:1em !important;
  text-align:center;
  border-left:1px solid #ccc;
}
#top-menu span.seenumber {
  font-size:1em;
  line-height:1 !important;
  padding:5px !important;
  width:30px;
  height:30px;
  color:#fff;
  display:inline-block;
  background:#666;
  margin:0 15px 0 0 !important;
  -webkit-border-radius: 30px; 
  -moz-border-radius: 30px; 
  border-radius: 30px; 
}
#top-menu span.seenumber:after {
	width:10px;
}

#top-menu .mega-menu ul.sub-menu:before {
  content:'I want to see:';
  font-weight:700;
  font-size:2em;
  line-height:1;
  display:inline-block;
  width:100%;
  text-align:center;
  padding:1em 0;
  border-bottom:1px solid #ccc;
}
#top-menu .mega-menu ul.sub-menu .sub-menu:before {
  content:'';
  font-size:0;
  line-height:0;
  border:0;
  height:0;
  margin:0 !important;
  padding:0 !important;
}
#top-menu .mega-menu li.columnHdr .sub-menu .allveneersOneLink a {
	font-size:1.5em;
	font-weight:bold !important;
	text-transform:none !important;
	text-align:center;
}

#top-menu .mega-menu li .sub-menu li a:hover {
  background:#333;
  color:#fff;
}

.noLink a:hover { 
	cursor:default;	
}
.noLink .sub-menu a:hover { 
	cursor:pointer;	
}


.et_pb_bg_layout_dark a, .et_pb_bg_layout_dark a:visited {
	color:rgba(255,255,255,.8);	
}
.et_pb_bg_layout_dark a:hover {
	color:rgba(255,255,255,1);	
}
@media all and (max-width: 980px) {
	img.menu-image {
		display:none !important;
	}
}

@media all and (max-width: 1100px) {

  #logo {
    max-height:40px;
  }
  
  #top-menu li a {
    font-size:12px;
  }
  
}

@media all and (min-width:1201px) {
  
  #top-menu .mega-menu li.columnHdr .sub-menu .allveneersOneLink a {
    display:block !important;
    padding:3em 2em !important;
    text-align:center;
  }

  
}



/* BREADCRUMBS 
===================================*/
.breadcrumbs_container {
	margin-top:1px;
	padding:1em;
	background:#fff;
	font-size:12px;
	text-transform:uppercase;	
	border:1px solid #eee; border-width:1px 0;
}
.breadcrumb_last {
	color:#333;
}
.breadcrumbs_container a, .breadcrumbs_container a:visited {
	color:#999;
}
.page-id-1395 .breadcrumbs_container,
.page-id-1398 .breadcrumbs_container {
	display:none !important; 
}


/* HOMEPAGE
=====================================*/
.featured img {
  border:1px solid #999;
}
.et_pb_blurb_container h4,
.et_pb_blurb_container h4 a {
  font-size:1.2em !important;
  font-weight:300;
}


.page-id-1398 #main-header {
  background:rgba(255,255,255,.85)  !important;
}
.page-id-1398 .et_pb_fullwidth_code_0 {
  margin-top:-135px;
}

/*
.featured h3 {
  line-height:1.2;
  font-weight:normal;
  color:#666;
}
.page-id-1395 .et_pb_fullwidth_code_0 {
  margin-top:-135px;
}
*/

.et_pb_blurb_description h2 {
  font-weight:300;
}



@media all and (max-width: 980px) {

  .home .et_pb_section {
    margin:0;
    padding:0;
  }
  .home .et_pb_gutters4 .et_pb_column_1_3 .et_pb_module, 
  .home .et_pb_gutters4.et_pb_row .et_pb_column_1_3 .et_pb_module, 
  .home .et_section_specialty .et_pb_gutters4.et_pb_row .et_pb_column_1_3 .et_pb_module, 
  .home .et_section_specialty .et_pb_row .et_pb_column_2_3 .et_pb_gutters4.et_pb_row_inner .et_pb_column_1_3 .et_pb_module {
    margin:2em auto;
    max-width:600px;
  }
}


@media only screen and ( min-width:1281px ) {
    /* Set the slider height */
    .home .et_pb_slider, .home .et_pb_slider .et_pb_container { 
        height: 675px !important; 
    }
    .home .et_pb_slider, .home .et_pb_slider .et_pb_slide { 
        max-height: 675px; 
    }
    .home .et_pb_slider .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        height:auto !important; 
    }
}


/* DIVI OVERRIDES
=====================================*/

strong {
  color:#000;
  /*font-weight:400;*/
}
.et_pb_bg_layout_dark strong {
	color:#fff; 
}

#main-content .container::before {
	display:none;	
}

@media only screen and ( max-width:980px ) {
  #main-content .container {
    padding-top:2em !important;
  }
}



/* veneer / PROJECTS ALL
=====================================*/

.veneersAll .container,
.projectsAll .container {
  padding:0 0 3em 0 !important;
}

.veneersAll .et_pb_section,
.projectsAll .et_pb_section { 
  padding:0;
}

.veneersAll .et_pb_row,
.projectsAll .et_pb_row {
  padding:0 0 4em 0;
  width:100%;
}

.veneersAll .veneerName {
  padding:.5em 0;
  line-height:1.2;
  min-height:75px;
}

.projectsAll .projectName {
  padding:.5em 0;
  line-height:1.2;
  min-height:40px;
}

.veneersAll .et_pb_column_1_4,
.projectsAll .et_pb_column_1_4 {
    text-align:center;
    margin:0;
    padding:0;
}

.veneersAll .et_pb_column_1_4 a, 
.veneersAll .et_pb_column_1_4 a:visited,
.projectsAll .et_pb_column_1_4 a, 
.projectsAll .et_pb_column_1_4 a:visited {
  display:block;
  padding:2em;
  color:#666;
  font-weight:normal;
}
.veneersAll .et_pb_column_1_4 a:hover,
.projectsAll .et_pb_column_1_4 a:hover {
  background:#f4f4f4;
}


@media all and (min-width: 601px) {
  .veneersAll .et_pb_column_1_4,
  .projectsAll .et_pb_column_1_4 {
    width:50% !important;
  }
}

@media all and (min-width: 981px) {
  .veneersAll .container,
  .projectsAll .container {
    padding:36px 0 !important;
  }

  .veneersAll .et_pb_column_1_4,
  .projectsAll .et_pb_column_1_4 {
    width:33% !important;
  }
}

@media all and (min-width: 1101px) {

  .veneersAll .container,
  .projectsAll .container {
    display:block;
	margin-bottom:2em;
    /*
	padding:2em !important;
    border:1px solid #ccc;
	*/
  }

}


@media all and (min-width: 1201px) {
  .veneersAll .et_pb_column_1_4,
  .projectsAll .et_pb_column_1_4 {
    width:25% !important;
  }
}

#bordered {
  border:1px solid #999;
  padding:1em 1em 1em 1.1em;
}



/* veneer DETAILS
=====================================*/

.detailSection {
	/*border-top:1px solid #f4f4f4;	*/
	padding:.5em 0;
}
article.veneers .et_pb_column {
	line-height:1.2;
}

.individualSize,
.individualThickness,
.individualDownload,
.individualFeature,
.individualProject {
  display:inline-block;
  vertical-align:top;
  padding:0 1em 0 0;
}
.individualSize:last-child,
.individualThickness:last-child,
.individualDownload:last-child,
.individualFeature:last-child,
.individualProject:last-child {
  padding-bottom:0 !important;
}

#veneerCategories {
	padding-bottom:1em;
}
#veneerCategories a:after {
	content: ", ";
}
#veneerCategories a:last-child:after {
	content: "";
}

.nonstandard {
  color:red;
}

.newveneer {
  text-transform:uppercase;
  font-weight:bold;
}

.withBorder {
	border:1px solid #ccc;
}
.withoutBorder {
	border:1px solid transparent;
}

.footnote { 
}

@media all and (min-width: 601px) {

  .veneerDetail .container {
    padding:36px 0 !important;
	margin-bottom:2em;
  }

  .detailLabel {
    display:inline-block;
    width:30%;
    vertical-align:top;
  }
  .detailContent {
    display:inline-block;
    width:67%;
  }
  #features ul, #features ul li {
    /*display:inline*/
  }

}

@media all and (min-width: 1101px) {

  .veneerDetails article .et_pb_section .et_pb_row  {
    display:block;
	margin-bottom:2em;
    /*padding:2em !important;
    border:1px solid #ccc;*/
  }

}

/* SHOPIFY */
.shopify-buy__product__title,
.shopify-buy__product div{
  background-color:red !important;
}



/* PROJECTS
=====================================*/

.projectsThumb a,
.projectsThumb a:visited {
	display:block;
	padding:2em;
	background:transparent;
	color:#333;
 }
.projectsThumb a:hover {
	background:#eee;
}
.page-id-915 .et_pb_row {
  padding:0;
}
.page-id-915 .et_pb_row_0 {
  padding:1em 0;
}
.page-id-915 .et_pb_row_1 {
  padding:0 0 1em 0;
}

.single-project .et_pb_gallery.et_pb_slider,
.page-child .et_pb_gallery.et_pb_slider{
  padding:0;
  padding-bottom:56.625%;
  height:0;
}


.individualProject {
	display:inline-block;
	width:100%;
	line-height:1.2;
}
.individualProject .number {
	text-align:center;
	font-weight:bold;
	margin-bottom:1em;	
}
@media only screen and (min-width: 401px) {
	.individualProject {
		width:48%;
	}
}
@media only screen and (min-width: 601px) {
	.individualProject {
		width:24%;
	}
}
@media only screen and (min-width: 981px) {
	.individualProject {
		width:48%;
	}
}


/* HOW TO BUY
===============================*/

.instructions a {
  line-height:1.5 !important;
}

g path:hover {
  stroke:none !important;
}

g path:hover {
  cursor:pointer;
  fill:#69c !important;
  stroke:none !important;
}


/* PRESS
======================================*/
.adImage img {
  max-height:540px;
  border:1px solid #ccc;
}

.page-id-2102 .et_pb_row_1,
.page-id-2102 .et_pb_row_11 {
  padding:0;
}
.page-id-2102 .et_pb_row_2 {
  padding-top:1em;
}
.page-id-2102 .et_pb_row_12 {
  padding-top:0;
} 


.pressThumb a {
  display:block;
  padding:0 2em;
  background:transparent;
  color:#333;
}
.pressThumb a img {
  border:1px solid #ccc;
}

.page-id-2102 .et_pb_section_3 img,
.page-id-2102 .et_pb_section_4 img,
.page-id-2102 .et_pb_section_5 img {
  max-width:300px;
}
.page-id-2102 .et_pb_section_3 .et_pb_text_inner {
  padding-bottom:2em;
}

.matrices {
  text-align:center !important;
}
.matrices .et_pb_image {
  margin-bottom:1em !important;
}

.matrices h4 {
  font-weight:300;
}

@media all and (min-width: 960px) {

	.matrices img {
	  max-height:230px;
	  display:inline-block;
	}

}

/* BLOG
=====================================*/

.more-link {
  display:block;
  margin:1em 0;
  padding:1em;
  background:#eee;
  color:#000;
}
.more-link:hover {
  background:#333;
  color:#fff;
}

.subheader-section.et_pb_gutters1  {
  padding:0 !important;
}

.edges .et_pb_text  {
  margin-bottom:0 !important;
}
.edges h4 {
  padding-bottom:0 !important;
}
.single .et_pb_row.edges {
  padding:30px 40px !important;
  border:1px solid #ccc;
}
.postid-2300.single .et_pb_row.et_pb_row_4  {
  padding:0 !important;
}



/* FOOTER
=====================================*/

footer #footer-widgets {
  padding:3em 0;
}
footer .fwidget {
  padding-right:20px;
}

footer,
footer a, footer a:visited {
  color:#666;
}
footer a:hover {
  color:#000;
  opacity:1 !important;
}

footer {
  font-weight:normal;
}
#footer-bottom {
  font-size:.9em;
  padding-bottom:5em;
}

@media all and (min-width: 1101px) {

  .copyright {
    display:inline;
  }
  .distlogin {
    display:inline;
    float:right;
  }
  
}


footer .et_pb_widget li:before {
  display:none;
}
footer .et_pb_widget li {
  margin:0 !important;
  padding:0 !important;
}
footer .sub-menu {
  display:none;
}


/* signup */
footer #gform_wrapper_1 label {
  display:none;
}

footer #gform_wrapper_1 {
 margin:0 !important;
}

footer #gform_wrapper_1 .gform_body,
footer #gform_wrapper_1 .gform_footer {
  padding:0 !important;
}

/* Gravity Forms */
.gform_button {
  background:#999;
  border:0;
  padding:.5em 2em;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
}
.gform_button:hover {
  cursor: pointer;
  background:#333;
}

.widget_monarchwidget {
  margin-top:10px !important;
  margin-left:-7px !important;
}


/* flip column order */
@media only screen and (min-width: 981px) {

 .column-swap .et_pb_column { 
	margin-left: 4.5%;
 }
 .column-swap .et_pb_column { 
 	float: right;
 }
 .column-swap .et_pb_row .et_pb_column:last-child, 
 .column-swap .et_pb_row_inner .et_pb_column:last-child { 
	 margin-right: 4.5%; 
	 margin-left: 0; 
	 width: 47.25%;
 }
 .column-swap .et_pb_column, 
 .column-swap .et_pb_row .et_pb_column:first-child { 
	 margin-right: 0; 
	 width: 47.25%;
 }

}

/* DOWNLOADS
=================================================*/

.dropshadow img {
  -moz-box-shadow: 5px 5px 5px #999;
  -webkit-box-shadow: 5px 5px 5px #999;
  box-shadow:5px 5px 5px #999;
}
.glowshadow img {
  -moz-box-shadow: 0px 0px 8px #999;
  -webkit-box-shadow: 0px 0px 8px #999;
  box-shadow:0px 0px 8px #999;
}

.dropshadow img:hover,
.glowshadow img:hover {
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow:0 0 0;
}

#downloads p {
  text-align:center !important;
}
#downloads a {
  color:#000;
  font-weight:normal;
}
#downloads a:hover {
  color:#369;
}

@media only screen and (min-width: 981px) {

	#downloads p {
	  text-align:left !important;
	}
	
	#downloads a {
	  font-size:1.5em;
	  text-align:left;
	}


}


/* TARGET TOPS
=================================================*

#treefrog:before, 
#interiorarts:before, 
#tradeshows:before,
#ads:before,
:target:before {
content:"";
display:block;
height:120px; /* fixed header height*
margin:-120px 0 0; /* negative fixed header height *
}



/* INTERNAL
===================================*/
.header-content h1 {
  font-size:4em;
  font-weight:normal;
  color:#fff;
  text-shadow:0px 0px 8px #000;
  -moz-text-shadow:0px 0px 8px #000;  
  -webkit-text-shadow:0px 0px 8px #000;
}

#aboutImages {
  border:1px solid #999 !important;
  padding:3em;
}

pre {
  font-family:'Open Sans', Arial, sans-serif !important;
  color:#999;
}

/* samples */
.page-id-373 h2 {
  line-height:1.5;
}

.bordered { 
	border:1px solid #999; 
}

.highlightNoPadding.et_pb_row {
  padding:0 !important; 
}



/* BUTTON
===================================*/
a.et_pb_bg_layout_dark, 
a.et_pb_bg_layout_dark:visited {
    color: #24a63e !important;
}

a.et_pb_bg_layout_dark:hover {
    background: #24a63e !important;
	color:#fff !important;
}

a.et_pb_bg_layout_light, 
a.et_pb_bg_layout_light:visited {
    color: #24a63e !important;
}

a.et_pb_bg_layout_light:hover {
    background: #24a63e !important;
	color:#fff !important;
}

.button.aboutEfrog {
  display:inline-block;
  margin-top:1em;
  border:1px solid #24a63e;
  padding:.75em 1.5em;
}



/* RECYCLE
========================================*/

.post-1789 h4 {
  font-weight:400;
}

@media only screen and (max-width: 800px) {
  .recycle-middle {
    text-align:center;
  }
  .recycle-middle img {
    clear:both;
    float:none;
    margin:0 auto;
    padding:0 0;
  }
}






/* TOOLTIPS
=================================================*/

.tooltip_templates { 
	max-width:400px;
	display: none !important; 
}
.tooltip .icon:hover {
	cursor:help;
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-box {
	border-color:#ccc !important;
	border-width:2px;
	padding:1em;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color:#ccc !important;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color:#ccc !important;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color:#ccc !important;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color:#ccc !important;
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-content{
	color:#666 !important;
	padding:1em;

}
.tooltipster-sidetip.tooltipster-noir .tooltipster-content a,
.tooltipster-sidetip.tooltipster-noir .tooltipster-content a:visited {
	color:#666 !important;
	text-decoration:underline;
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-content a:hover {
	color:#bb4113 !important;
}



/* FOOTER SIGNUP ADJUSTMENTS
================================================*/
.gform_wrapper form.gf_simple_horizontal {
  width:100% !important;
}

.footer-widget {
}

#monarchwidget-2 {
  display:inline-block;
  padding-left:.5em;
  width:100%;
	
}

.widget_monarchwidget {
  margin-top:0 !important
}
#main-footer a:hover {
  color:#000 !important;
}
#et-footer-nav #menu-brand-navigation:before {
  content: 'OUR BRANDS ';
  font-weight:bold;
  padding-right:2em;
}

#et-footer-nav #menu-brand-navigation a {
  color:#666;
}


/* CONSTANT CONTACT FOOTER SIGNUP ADJUSTMENTS
================================================*/
.home .ctct-form-wrapper {
 padding-bottom:2em;
}
.ctct-form-field-hidden {
  display:none;
}
.ctct-form-field {
  display:inline;
}
.ctct-form-field input {
  padding:5px;
}
.ctct-submit {
  border:0;
  background:#999;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  padding:6px 20px !important;
}
.ctct-submit:hover {
  background:#333
}

.ctct-disclosure {
  display:none;
}
.ctct-button {
	display:none;
}


/* menu image override
================================================*/

#et-top-navigation .nav li.menu-item, .navigation-top .main-navigation li {
    display: inline-block;
}





/* SAMPLE ORDERING
================================================*/

.orderSamplesText {
	display:none;
}


/* categories */
.categoriesSamples {
  display:block;
  padding:1em 0 ;
  line-height:1.5;
}
@media only screen and (min-width: 1000px) {

  .archive h1.entry-title {
    display:inline;
  }
  .categoriesSamples {
    display:inline;
    float:right;
    line-height:0;
  }
}




/* GET SAMPLES + WPSHOPIFY
=================================================*/
.et_pb_column_01 {
  z-index:999;
}
.single-veneers #veneerCategories,
.single-veneers .detailContent {
  font-weight:bold;
}

.tooltip {
  font-weight:normal;
}

#ordering .detailLabel {
  width:100%;
}
#ordering .detailContent {
  width:100%;
  padding-top:1em;
  max-width:380px;

}


.wps-container {
  margin:0 !important;
  padding:0 !important;
}
.wps-items-wrapper {
  padding:0 !important;
}
.wps-items {
  margin:0 !important;;
}
.p-3 {
}


.wps-buy-button-wrapper {
}
.wps-items {

}
.css-lko3ee-containerFluidCSS {
  margin-bottom:0 !important;
}


[class^="wps-"] .p-3 {
  padding:0 !important;
}

.wpshopify .wps-btn, 
.wpshopify .wps-btn:focus {
  padding-left: 1em !important;
  text-align:left !important;
  border:1px solid #24a63e !important;
  border-radius: 0 !important;
  text-transform:lowercase;
}

.wps-component-products-options .wps-btn {
  color:#24a63e !important;
}
.wps-component-products-options .wps-btn:before {
  content: 'Select '; 
}
.wps-btn-dropdown[data-wps-is-selected="true"] .wps-btn:before {
  content: '' !important; 
}

.wpshopify .wps-icon-dropdown {
}
.wpshopify .wps-icon-dropdown::after {
  filter: invert(47%) sepia(72%) saturate(499%) hue-rotate(80deg) brightness(95%) contrast(92%);
}
.wps-icon-dropdown:after {
  
}

.wps-btn-secondary {  
  
}
.wps-add-to-cart {
  
}

@media only screen and (min-width: 600px) {

  .css-1xkdmuy-buyButtonWrapperCSS,
  .wpshopify .wps-buy-button-wrapper {
    flex-direction:unset !important;
  }
  .wps-component-products-options,
  .wps-component-products-add-button {
    width:50% !important;
    margin-right:1em !important;
    margin-bottom:0 !important;
  }

}


.wps-component-products-options .wps-btn svg path {
	 fill: #24a63e;
}

.css-1g42mgi-AddButtonTextCSS:after {
    content: "";
    display: block;
    background-image: url('img/icon-add-to-cart.svg');
    background-size: cover;
    top: calc(50% - 10px);
    right: 15px;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 100;
    left: auto;
}
.css-1l4lzxw-PaginationItemsCSS {
  max-width:400px !important;
}



/* wpshopify cart */
.wps-cart-icon-fixed.wps-cart-is-empty {
  display: none !important;
}
.wps-component-products-quantity {
	display:none !important;	
}




/* TOOL TIP
====================================*/


.tooltip:hover {
	cursor:pointer;
	color:#69c;
}
.detailNotes {
	padding-top:.5em;
	
}


/* SAMPLE ORDERING - instruction page
====================================*/

.sampleInstructions .et_pb_blurb_content {
  margin-left:0;
  max-width:720px;
}
.sampleInstructions .et_pb_main_blurb_image {
  width:100px !important;
}

@media only screen and (min-width: 1000px) {
  .sampleInstructions .et_pb_main_blurb_image {
    padding-right:40px !important;
  }
}


/* PROJECT GALLERIES
====================================*/

.productGallery {
  
}
.productGallery .et_builder_inner_content {
  
}
.productGallery .et_builder_inner_content .et_pb_section {
  
}
.productGallery .et_builder_inner_content .et_pb_section .et_pb_row {
  width:100% !important;
  margin:0;
}

.productGallery .et_builder_inner_content .et_pb_section .et_pb_row .et_pb_column {
}

.productGallery .et_pb_gallery_items {
}
.productGallery .et_post_gallery {
}

.productGallery .et_pb_gallery_item {
  width:20% !important;
  margin:0 !important;
  padding:2px !important;
}
.productGallery .et_pb_grid_item {
}
.productGallery .first_in_row {
  clear:none !important;
}
.productGallery .last_in_row {
  clear:none !important;
}
.productGallery .first_in_row:first-child {
  width:100% !important;
  padding-bottom:10px !important;
}


.mfp-bg {
  background:#fff;
  opacity:.9 !important;;
}

.mfp-arrow-left .mfp-a, 
.mfp-arrow-left::after, 
.mfp-arrow-right .mfp-a, 
.mfp-arrow-right::after,
.mfp-title,
.mfp-counter,
.mfp-iframe-holder .mfp-close, 
.mfp-image-holder .mfp-close {
  color:#000;
}


/* NEW PROJECT MAIN PAGE
 * ==================================*/

.withBorderThick {
  border:1em solid #ccc;
}

.leftColumn p,
.rightColumn p {
  padding:2em 0 !important;
  margin:0 auto !important;
}
  

@media only screen and (min-width: 801px) {
  .withBorderThick {
    max-width:75%;
    margin:0 auto !important;
  }
}


@media only screen and (min-width: 1201px) {
  .leftColumn p,
  .rightColumn p {
    max-width:70%;
    padding:4em 0 !important;
  }
}

@media all and (max-width: 980px) {
  
  .reverseFlex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }
 
  .reverseFlex .rightColumn {
  -webkit-order: 1;
  order: 1;
  }

  .reverseFlex .leftColumn  {
    -webkit-order: 2;
    order: 2;
  }
 
 
}

