/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


	/*Aries Additional*/
	
	@import url("font/stylesheet.css");
	
	h1, h2{font-family: 'metropolissemi_bold' !important;}
	h3, h4, h5, h6{font-family: 'metropolisregular' !important;}
	div, ul, li, a, span, p, nav span{font-family: 'metropolisregular' !important;}
	
	 nav span{font-weight: 600 !important;}
	
	/*topbar*/
	.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar {
	 max-width: 100% !important;
	 /*max-width: calc(1300px - 50px - 50px);*/
	 background: #fff;
	}	
	
	
	 .masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar{
		padding-right: 325px;
		padding-left: 325px;
	  }
	  
	  .right-widgets.mini-widgets a{ 
			background: #ED1C22;
			padding: 5px 8px;
			margin-bottom: -8px;
			margin-right: 0px !important
  	  }
	  
	  .right-widgets.mini-widgets a i{ width: 28px; height: 21px}
	  .right-widgets.mini-widgets a.multipurpose_1 i{ background: url(images/quickship.png) no-repeat}
	  .right-widgets.mini-widgets a.multipurpose_2 i{ background: url(images/find.png) no-repeat}
	  .right-widgets.mini-widgets a.multipurpose_3 i{ background: url(images/login.png) no-repeat}
	  .right-widgets.mini-widgets a.multipurpose_4 i{ background: url(images/mobile.png) no-repeat}

  	
	  .right-widgets.mini-widgets a i::before{ display: none !important; }
	  .right-widgets.mini-widgets a.multipurpose_4 i::before{ display: block !important}
	  
	  /*header*/
	  #primary-menu span{font-family: 'metropolismedium' !important;}
	  
	  
	  /*homepage*/
	  .h-con{ font-size: 20px;  line-height: 24px;}
	  
	  .h-category h1, .h-category p{ color:#fff !important}
	  
	  
	  .h-category .vc_col-sm-2 .vc_column-inner > .wpb_wrapper{ 
		background: rgba(0, 0, 0, 0.75);
		border: 2px solid #ED1C22;
		padding: 12px 8px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;

	  }
	  .h-category .vc_col-sm-2 .vc_column-inner > .wpb_wrapper:hover{ 
		background:  rgba(237, 28, 34, 0.75); !important;
		cursor: pointer;
		
	  }
	  .h-category .vc_col-sm-2 .vc_column-inner > .wpb_wrapper p{ 
		font-family: 'metropolismedium' !important;
		font-size: 17px !important
		
	  }
	  
	  .h-category .vc_col-sm-2.h-cat-blank .vc_column-inner > .wpb_wrapper{
		background: none !important;
		border: 0px solid #ED1C22 !important;
	  }
	  
	  .h-quickship h3{ color:#fff !important}
	  
	  .h-news h1{ color:#ED0014 !important}
	  .h-news h1{ color:#ED0014 !important}
	  
	  .h-news .post-entry-wrapper{ margin-bottom: 30px !important}
	  
	   .h-news .post-entry-wrapper .post-details.details-type-link{
		  color: #000 !important;
		  background: #fff !important;
		  padding: 5px 8px !important;
		}
	  
	   .h-news .post-entry-wrapper .post-details.details-type-link:hover{
		  color: #fff !important;
		  background: #ED0014 !important;
		}
	  
	  .h-news .post-details i{ margin-left: 0px}
	  
	  
	  
	  
	  /*footer*/
	  
	  	.footer .widget-title{font-family: 'metropolismedium' !important;}
			  
		.footer .soc-ico a {
		  width: 40px;
		  height: 40px;
		  line-height: 40px;
		}	  
		
		.footer .soc-ico a .soc-font-icon {
		  font-size: 30px;
		}	
		
		.footer .soc-ico a::after, .footer .soc-ico a::before {
		  width: 40px;
		  height: 40px;
		}
		
		#footer .soc-ico a::after {
		  background: none;
		}


        .the7-product-filter .filter-container{ position: absolute !important; z-index: 9 !important; width: 100% !important;}



	/* !- 1920 x 1080 pixels (Desktop, 1920 and down) */
	@media screen and (max-width: 1920px) {
	}
	@media screen and (max-width: 1600px) {
	}
	
	/* !- 1440 x 900 pixels (Laptop, 1440 and down) */
	@media screen and (max-width: 1440px) {
	}
	
	@media screen and (max-width: 1366px) {
	}
	
	@media screen and (max-width: 1280px) {
		.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar {
		  padding-right: 50px;
		  padding-left: 50px;
		}

 		
	}
	
	@media screen and (max-width: 1080px) {
		
		.main-nav > li > a .menu-text{ font-size: 15px}
		.main-nav > li > a {
		  margin: 18px 3px 18px 3px;
		}

		.h-quickship .vc_col-sm-8{ width: 100%}
		
		.main-nav > li > a .menu-text {
			font-size: 14px;
		}
		
		.branding a img, .branding img {
		  max-width: 80%;
		}  
  		
	}
	
	
	@media screen and (max-width: 1024px) {
		
		.branding{ width: 20%}
		
	}
		
	
	@media screen and (max-width: 960px) {
	    
	    
        .masthead:not(.side-header):not(.side-header-menu-icon) .mobile-header-bar {
        
          background: #fff !important;
        }

		.h-category .vc_col-sm-2 {
			width: 33%;
			margin-bottom: 30px;
		}
		
		.h-category .vc_custom_1736416355340 {
		  margin-top: 0px !important;
		}

  		.footer, .footer .widget-title { text-align: center}
		
		
 	}
	
	/* !- 768 x 1024 pixels (Tablet, 768 and down) */
	@media screen and (max-width: 768px) {
		
	}

	
	
	/* !- 640 x 960 pixels pixels (Mobile, 640 and down) */
	@media screen and (max-width: 640px) {
		
		.h-find-rep .gap{ height: 0px !important}
		.h-find-rep img{ display: block; margin: 0 auto}
		
		.h-find-rep .vc_col-sm-6 > .vc_column-inner{ padding-top: 0px}


	}


	@media screen and (max-width: 480px) {
		
		.mini-search input.field{ display: none !important}
		
		.h-category .vc_col-sm-2 {
			width: 50%;
		}
		
	}
	
	@media screen and (max-width: 400px) {
	}
	
	@media screen and (max-width: 360px) {
	}
	
	@media screen and (max-width: 280px) {
		
		.h-category .vc_col-sm-2 {
			width: 100%;
		}
	}
	
	/* Wireframe responsiveness: end */
	
/* initiating Map Style */