/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* blog archive draft page */
/* larger thumbnail imgs mobile */
#top .fullsize .template-blog .blog-meta {
	width: 360px !important; /* 140 */
} 
.small-preview {
	width: 140px !important; 
	height: 140px !important;
	margin: 0 auto !important;
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	
	/* allow blog thumbnail imgs to float left */
	#top .fullsize .template-blog .blog-meta {
		float: none;
		float: left !important;
		margin: 0 10px 0 auto !important;
	} 
	.small-preview {
		width: 100% !important;  /* 140px */
		height: auto !important; /* 140px */
 		margin: 21px 0 0 0 !important;
	}
}

@media only screen and (min-width: 920px) {
	/* avoid unpleasant text wrapping */
	#top .fullsize .template-blog .blog-meta {
		margin: 0 10px 35px auto !important;
	}
}
/* move text away from thumbnail image */
@media only screen and (min-width: 1300px) {
	#top .fullsize .template-blog .blog-meta {
		margin: 0 10px 0 40px !important;
	} 
}
@media only screen and (min-width: 1400px) {
	#top .fullsize .template-blog .blog-meta {
		margin: 0 10px 0 0 !important;
	} 
}


#downloads p {text-align: center;}
.products-template-default ul li { 
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: 500 !important;
 }

 .products-template-default .fcm-products-opener-cta p {
 	line-height: 20px;
 	font-weight: 500 !important;
 	text-align: justify;
 }
.products-template-default .fcm-products-opener-cta h1 { font-size: 30px !important; }
/*.products-template-default .product-360-title.fcm-above-fold p { font-size: 20px !important; margin: 0 !important; }
*/

.products-template-default #header_main {
	border-bottom: 1px solid #fff !important;
    border-color: #fff !important;
}

.fcm-image-th .avia_image img { 
	border: 2px solid #fff;
    border-color: #fff;
    margin: 10px 0;
    box-shadow: 2px 2px 6px rgba(0,0,0,.3);
 }
.products-template-default .center-block.fcm-above-fold { text-align:center; }
.fcm-itsenclosures-america { 
	background-color: #fff;
	background-image:url("/wp-content/uploads/2019/07/Made-in-the-USA-ITSENCLOSURES.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    transform: rotate(-24deg);
    overflow: visible;
    border: 4px solid #fff;
    border-color: #ffffff !important;
    opacity: 1;
	margin:0 auto;
	box-shadow: 3px 3px 3px rgba(0,0,100,.5) !important;
	}

.products-template-default .fcm-icon-grid-link-page-anchor .fcm-center-align ul li {width: 100%;}
.products-template-default .fcm-icon-grid-link-page-anchor {max-height: 150px;}
.products-template-default .fcm-icon-grid-link-page-anchor .fcm-center-align ul li [data-av_icon]:before {font-size: 80px;}
#blue_section_bottom { background-color: #2685c7 !important; }
.products-template-default .fcm-icon-grid-link-page-anchor a .avia-icongrid-icon [data-av_icon]:before { color: #2685c7; }
.products-template-default .fcm-icon-grid-link-page-anchor a:hover .avia-icongrid-icon [data-av_icon]:before{ color: #ea4; }
.products-template-default .inline.fcm-sidebyside-product a { background: #2d5c88; 
	display: block;
    margin: 5px !important;
    color: #fff;
    padding: 10px 20px !important;
    line-height: 1;
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px;
    float: left;
    width: auto; }
.products-template-default .inline.fcm-sidebyside-product a:hover {background: rgb(248, 152, 44); }
.products-template-default .inline.fcm-sidebyside-product { width: 100%; text-align: left; padding:0 !important; }
.products-template-default .inline.fcm-sidebyside-product a img { width: 56px; height:auto; vertical-align: middle; display: none;  }
.products-template-default.single #wrap_all #main { background:url("/wp-content/uploads/2019/07/dotted-header-dots-right.png") repeat-y; background-attachment: fixed; }
.products-template-default.single #wrap_all #main > div.fcm-products-opener-cta,
.products-template-default.single #wrap_all #main > div.fcm-product-paragraph-section-2,
.products-template-default.single #wrap_all #main > div#fcm-product-image-area,
.products-template-default.single #wrap_all #main > div#fcm-video-selector,
.products-template-default.single #wrap_all #main > div#downloads
 { background: none !important; }

.products-template-default .fcm-products-cta-group .inline.fcm-sidebyside-product a+a+a {
	margin-right: auto !important;
}
.products-template-default .fcm-products-cta-group .inline.fcm-sidebyside-product a:first-child {
	margin-left: auto !important;
}

.products-template-default .fcm-product-gallery img { border: none !important; }
.products-template-default .fcm-products-cta-group .inline.fcm-sidebyside-product {display: flex;}
.products-template-default .products-text .avia-video { border: 7px solid #fff; margin-bottom: 0;}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 1024px)
{
	.products-template-default .products-accessories.fcm-blue-section h1 {
	    padding-top: 0 !important;
	}
/*
	entry content wrapper section div div*/
	.products-template-default .products-accessories.fcm-blue-section .entry-content-wrapper section+.first
		{
			margin-left: 10% !important;
		}
	.products-template-default .products-accessories.fcm-blue-section .entry-content-wrapper section+.first+div	
		{
			margin-right: 10% !important;
		}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 450px) {
	  #fcm-video-selector .fcm-video-list-select ul li 
	  	{
	  		background-image: url(/wp-content/uploads/2019/06/play-button-blue.png);
		    background-size: 60px;
		    background-repeat: no-repeat;
		    font-size: 16px;
		    padding: 5px 10px 5px 70px;
		    font-weight: 600;
		    margin-bottom: 5px;
		    margin-left: 0 !important;
		    cursor: pointer;
		   }
}
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	 /* .products-template-default .product-section-headline h1 { font-size: 26px !important; } */
		.products-template-default .products-text,
/*	  .products-template-default .product-360-title strong,
*/	  .products-template-default .request-quote-button span { font-size: .9em !important; }

	.products-template-default .fcm-products-cta-group .inline.fcm-sidebyside-product
		{
			display: inline-grid !important;
		}
	.products-template-default .fcm-products-cta-group .inline.fcm-sidebyside-product a
		{
			width: 100% !important;
			margin: 5px !important;
		}
	.products-template-default .fcm-products-cta-group .inline.fcm-sidebyside-product a:first-child
		{
			margin-left: 5px !important;
		}
	#top .fullsize .template-blog .blog-meta
		{
			width: 80% !important;
			margin: 20px auto;
		}
	.small-preview { width: 100% !important; height: auto !important;}
}


/* Product Page Styling */
.product-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px;
  display: flex;
}
.product-left-column {
  width: 60%;
  position: relative;
}
 
.product-right-column {
  width: 40%;
  margin-top: 60px;
}
.product-left-column img {
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
 
.product-left-column img.active {
  opacity: 1;
}
/* Product Description */
.product-description {
  border-bottom: 1px solid #E1E8EE;
  margin-bottom: 20px;
}
.product-description span {
  font-size: 12px;
  color: #358ED7;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
}
.product-description h1 {
  font-weight: 300;
  font-size: 52px;
  color: #43484D;
  letter-spacing: -2px;
}
.product-description p {
  font-size: 16px;
  font-weight: 300;
  color: #86939E;
  line-height: 24px;
}
/* Product Price */
.product-price {
  display: flex;
  align-items: center;
}
 
.product-price span {
  font-size: 26px;
  font-weight: 300;
  color: #43474D;
  margin-right: 20px;
}
 
.cart-btn, .quote-btn{
  display: inline-block;
  background-color: #ed832e;
  border-radius: 6px;
  font-size: 16px;
  color: #FFFFFF;
  text-decoration: none;
  padding: 12px 30px;
  transition: all .5s;
  margin-right: 10px;
}
.cart-btn:hover, .quote-btn:hover{
  background-color: #2d5c88;
}

/* Responsive */
@media (max-width: 940px) {
  .product-container {
    flex-direction: column;
    margin-top: 60px;
  }
 
  .product-left-column,
  .right-column {
    width: 100%;
  }
 
  .product-left-column img {
    width: 300px;
    right: 0;
    top: -65px;
    left: initial;
  }
}
 
@media (max-width: 535px) {
  .product-left-column img {
    width: 220px;
    top: -85px;
  }
}


/* SHOP PAGE */
.template-shop > .entry-content-wrapper {
  max-width: 900px;
}

/* CHECKOUT PAGE */
.woocommerce-page.woocommerce-checkout #main input {
	min-height: 80px;
    padding-bottom: 0px !important;
	font-size: 1.25em;
}
input[type="checkbox"] {
	min-height: 0px !important;
	font-size: 1em !important;
}

/* CART PAGE */
.woocommerce-page.woocommerce-cart #main input[type=number]{
    -moz-appearance: textfield;
	margin-bottom: 0 !important;
}
.woocommerce-page.woocommerce-cart #main .lazyload, .lazyloading {
    opacity: 1 !important;
}
a.added_to_cart {
  margin-right: 10px;
}