/*  */
/*
 *************************************** 
 *************************************** 
 * EDITOR COLOR PICKER editor-color-palette -> must add_theme_support('editor-color-palette');
 *************************************** 
 *************************************** 
 */
.has-yellow-color		  { color: #EEB310; }
.has-orange-color		  { color: #F29126; }
.has-coral-red-color  { color: #DD4742; }
.has-black-color		  { color: #000000; }
.has-grey-dk-color	  { color: #34353A; }
.has-nickel-color		  { color: #717073; }
.has-grey-md-lt-color	{ color: #ededed; }
.has-grey-lt-color		{ color: #f7f7f7; }
.has-white-color		  { color: #ffffff; }
.has-yellow-background-color		{ background-color: #EEB310; }
.has-orange-background-color		{ background-color: #F29126; }
.has-coral-red-background-color	{ background-color: #DD4742; }
.has-black-background-color			{ background-color: #000000; }
.has-grey-dk-background-color	  { background-color: #34353A; }
.has-nickel-background-color		{ background-color: #717073; }
.has-grey-md-lt-background-color{ background-color: #ededed; }
.has-grey-lt-background-color		{ background-color: #f7f7f7; }
.has-white-background-color			{ background-color: #ffffff; }


/*
 *************************************** 
 *************************************** 
 * THEME / BLOCK BREAKPOINTS
 *************************************** 
 *************************************** 
 */
@media screen and (max-width: 1199px) { }
@media screen and (max-width: 991px) { }
@media screen and (max-width: 600px) { }
@media screen and (min-width: 601px) { }


p {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 28.8px;
  margin: 0 0 18px;
}
h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  line-height: 1.2;
}
h3 {
  letter-spacing: 1px;
}
h1, h3, h4, h5, h6 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
h3 {
  letter-spacing: 1px;
}
header.entry-header {
	display: none;
}


/*
 *************************************** 
 *************************************** 
 * BLOCKS & BLOCKS CLASS STYLES
 *************************************** 
 *************************************** 
 */

/*
 **************
 * DEFAULTS
 ************** 
 */


.wp-block-columns p {
  padding: 0;
}

@media (max-width: 599px) {
  /* columns get a margin-bottom once they stack */
   .wp-block-column { margin-bottom: 20px; }
 }

/*  
 *  Align Wide / Align Full -> Must add theme support (see functions.php)
 */
.entry-content .wp-block-columns.alignwide  {
  max-width: 1200px; 
  margin: 0 auto;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
/* Force fullwidth with custom fullwidth class on block. */
body .fullwidth {
  position: absolute;
  margin-left: 50%;
  right: 0;
  left: 0;
  transform: translateX(-50%);
  min-width: 100vw !important;
  width: 100vw !important;
}


/*
 **************
 * Block Class Style Accents
 ************** 
 */

 /* MISC BLOCK CLASSES */

.padding-5-pc  { padding: 0 5%; }
.padding-10-pc { padding: 0 10%; }
.padding-15-pc { padding: 0 15%; }
.padding-20-pc { padding: 0 20%; }
.padding-25-pc { padding: 0 25%; }

.padding-10-all { padding: 10px; }
.padding-20-all { padding: 20px; }
.padding-30-all { padding: 30px; }
.padding-40-all { padding: 40px; }
.padding-50-all { padding: 50px; }
.padding-60-all { padding: 60px; }
.padding-70-all { padding: 70px; }
.padding-80-all { padding: 80px; }
.padding-90-all { padding: 90px; }
.padding-100-all { padding: 100px; }

.padding-10 { padding: 0 10px; }
.padding-20 { padding: 0 20px; }
.padding-30 { padding: 0 30px; }
.padding-40 { padding: 0 40px; }
.padding-50 { padding: 0 50px; }
.padding-60 { padding: 0 60px; }
.padding-70 { padding: 0 70px; }
.padding-80 { padding: 0 80px; }
.padding-90 { padding: 0 90px; }
.padding-100 { padding: 0 100px; }

.pencil-border {
  border: 1px solid #222;
}
.wp-block-group.media-text-padding-right {
  padding: 0 70px 0 40px;
}
.wp-block-group.media-text-padding-left {
  padding: 0 40px 0 70px;
}
.wp-block-group.media-text-padding-even {
  padding: 0 55px;
}

/* .testimonial */
.wp-block-group.testimonial {
  border: 1px solid #000;
  padding: 40px 30px 20px;
}

/*  
 *  Zero margin alignfull columns
 */
 .margin-none.wp-block-columns .wp-block-column:not(:first-child) {
  margin-left: 0;
}
@media (min-width: 600px) and (max-width: 781px) {
  .margin-none.alignfull.wp-block-columns .wp-block-column:not(:only-child) {
      flex-basis: 50% !important;
  }
}

/*
 **************
 * IF Blocks Branded Styles -> requires IF Blocks plugin 
 ************** 
 */

/* Video Card */
a.ibf-video-card-image-container:hover .play-icon {
	color:#eeb310;
  border-color:#eeb310;
}
a.ibf-video-card-image-container:hover .play-icon:after {
  border-color: transparent transparent transparent #eeb310;
}



/*
 **************
 * UAG Blocks -> requires UAG plugin with activated blocks
 ************** 
 */

/* UAG FAQs Styles */

.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-child__wrapper .uagb-faq-item {
  border: none;
  padding: 20px;
}

.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap:nth-child(odd) .uagb-faq-child__wrapper .uagb-faq-item {
  background-color: #eee;
  border: none;
}

.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap {
  margin: 0;
}
.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-child__wrapper .uagb-faq-item span.uagb-question {
  font-size: 18px;
}

/*.wp-block-uagb-tabs.uagb-tabs__wrap.video-tabs .uagb-tabs__panel .uagb-tab {
  border-width: 0;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-radius: 0;
  margin-bottom: -1px;
}
*/
.wp-block-uagb-tabs.uagb-tabs__wrap.video-tabs .uagb-tabs__panel .uagb-tab {
  border-width: 0;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-radius: 0;
  margin-bottom: -1px;
}
.wp-block-uagb-tabs.uagb-tabs__wrap.video-tabs .uagb-tabs__panel li.uagb-tab.uagb-tabs__active {
  z-index: 1;
}



/*
 **************
 * HUBSPOT FORM CSS -> pulled from SALTO's hardscapes.polycor.com footer
 ************** 
 */


span.hs-form-required{display:none;}

.hbspt-form ::-webkit-input-placeholder {
    color: #FFF;
    opacity: 1 !important; /* for chrome */
}
.hbspt-form :-moz-placeholder { /* Firefox 18- */
    color: #FFF;
	opacity:1;
}
.hbspt-form ::-moz-placeholder {  /* Firefox 19+ */
    color: #FFF;
	opacity:1;
}
.hbspt-form :-ms-input-placeholder {  
   color: #FFF;
   opacity:1;
}



.wp-block-cover.has-black-background-color .hbspt-form {

}

.wp-block-cover.has-black-background-color .hbspt-form .hs-input {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #FFF;
  font-weight: 400;
  box-shadow: none;
  text-shadow: none;
  border: 1px solid #FFF;
  width: 100%;
  position: relative;
  letter-spacing: 1px;
  background-color: transparent;
  padding-right: 0 40px 0 10px;
}



/*  
 *  Black footer simple Hubspot Email Signup
 */
 .footer-widget-area.bb-footer {
   background: black;
 }
 .footer-widget .hbspt-form,
 .footer-widget .hs-form-field,
 .footer-widget .input {
  width: 240px; 
  position: relative; 
  padding: 0px;
}

p.has-background {
  padding: 30px;
}

.footer-widget .hbspt-form .hs-input {
  font-size: 14px;
  font-family: 'Roboto', sans-serif; 
  color:#FFF; 
  font-weight:400; 
  box-shadow:none; 
  text-shadow:none; 
  border: 1px solid #FFF; 
  width:100%; 
  height:50px; 
  position: relative; 
  letter-spacing:1px; 
  background: transparent;
  border-radius: 0;
}
.hs_email.field.hs-form-field label {
  display: none;
}
.footer-widget .hbspt-form input.hs-button.primary.large {
  padding: 0;
  border-radius: 0;
  background: none;
  font-size: 16px;
  height: 50px;
  width: 50px;
  position: absolute;
  right: -49px;
  text-indent:1000px;
  overflow:hidden;
}
.footer-widget .hbspt-form input.hs-button.primary.large {
	height: 50px;
	width: 50px;
	border: 1px solid #FFF;
	position:absolute;
  right: -49px;
  top:0;
	background-color:#FFF;
	background-image: url(https://cdn2.hubspot.net/hubfs/401758/PolycorAug2016_Theme/infolettre-arrow.png);
	background-position: center 50%;
	background-size: cover;
	background-repeat:no-repeat;
	will-change:background-color;
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		transition: background-color 0.2s;
}
.footer-widget .hbspt-form input.hs-button.primary.large:hover {
  background-color: #EEB310;
  border: 1px solid #EEB310;

}

/*
 *************************************** 
 *************************************** 
 * PRODUCT GALLERY STYLES
 *************************************** 
 *************************************** 
*/

.facetwp-template .image-list .wp-block-columns {
	column-gap: 20px;
}

.facetwp-pager {
	text-align: center;
}

@media screen and (max-width: 782px) and (min-width: 600px) {
	.facetwp-template .image-list .wp-block-columns .wp-block-column {
		margin-bottom: 20px;
	}
}