/*!
 * Theme Name:  Mint Child
 * Theme URI:   http://mint.themes.tvda.eu
 * Template:    mint
 * Author:      TVDA Themes
 * Author URI:  http://themes.tvda.eu
 * Version:     1.0.0
 * License:     ThemeForest Standard License
 * License URI: http://themeforest.net/licenses/standard
 * Text Domain: mint-child
 * Domain Path: /languages/
 */



.elementor-editor-active .transparent-header {
display: none;
}
/*--------------------------------------------------
		close the spacing above footer
--------------------------------------------------*/
.main-content-wrapper{
padding-bottom: 0;
}
/*--------------------------------------------------
					Top-Header
--------------------------------------------------*/

.top-header{
	padding:10px 0 0 0;
}

/************ social media icons ***************/

.text-right-sm{
	float:left;
	text-align:center;
}

@media screen and (max-width:768px){
	.text-right-sm{
	float:none;
	margin:0 auto;
	}	
}
@media screen and (min-width:768px) and (max-width:1200px){
	.col-sm-2{
		width:25%;
		padding-left:0;
	}
}

@media screen and (max-width:800px){
	.col-sm-2{
		padding:0 5px;
	}
}

/*--------------------------------------------------
					Header
--------------------------------------------------*/

.main-header{
	padding-top:0;
	padding-bottom:0;
}

/*--------------------------------------------------
					Main Header
--------------------------------------------------*/

.main-header__modules{
	padding:10px 0 10px 30px;
}

@media screen and (min-width: 1200px){
	.main-header__add-menu, .main-header__logo-wrapper, .main-header__main-menu, .main-header__mobile-menu, .main-header__modules, .main-header__popup-menu{
		padding-right:0;
	}
}

/*--------------------------------------------------
		Chevron down arrow next menu
class is set up in appearance > customize > menu or appearance > menu
*** (settings: make sure to enable CSS Class)
--------------------------------------------------*/

	.menu-fa-chevron-down:before{
		content:'\f078';
		display:block;
		position:absolute;
		left:100%;
		top:15%;
		padding:4px;
		font-size:10px;
		color:inherit;
		font-family:FontAwesome;
		-webkit-font-smoothing:antialiased;
		-moz-font-smoothing:antialiased;
	}

@media screen and (max-width: 1920px){
	.menu-fa-chevron-down{
		content:none;
	}

}
	
/*-------------------------------------------------
			Menu: Sub-Menu Navigation
--------------------------------------------------*/

/*first submenu*/

ul.main-menu .sub-menu{
	padding:15px 2px 20px 10px;
	min-width: 185px;
	border-top: 5px solid transparent;
	margin-right: 60px;
	box-shadow: 0 0 15px #8A8A8A;
	-moz-box-shadow: 2px 4px 8px rgba(51,51,51,0.1);
	-webkit-box-shadow: 2px 4px 8px rgba(51,51,51,0.1);
}

/*second submenu*/

ul.main-menu .sub-menu ul[class="sub-menu"]{
	margin-top:20px;
	margin-left:-10px;
	padding:10px 0 20px 10px;
	border-left: none;
	min-width: 185px;
}

/*Arrows next to Submenu*/

.add-menu .sub-menu .menu-item-has-children>a:before, .main-menu .sub-menu .menu-item-has-children>a:before{
	right:10%;
}

/*--------------------------------------------------
					Logo: header
	under 1200px, logo margins will change
--------------------------------------------------*/

@media screen and (max-width:1200px){
	.main-header__logo-wrapper{
	padding:10px 0;
}
}

@media screen and (max-width:800px){
	.main-header__logo-wrapper{
	padding:10px 20px;
}
}
/*--------------------------------------------------
			Navigation Menu: Spacing
--------------------------------------------------*/

.add-menu, .main-menu{
	margin:0 15px;
}

/*--------------------------------------------------
	STOCK QUOTE WIDGET: Positioning
--------------------------------------------------*/

/*for screens larger than 768px*/

#stock-quote{
	float:right;
	text-align:center;
}
#stock-quote:hover{
	opacity:0.6;
}
.elementor-145 .elementor-element.elementor-element-ebd2a33 .elementor-flip-box__front .elementor-flip-box__layer__title{
    letter-spacing: 1px;
}
@media screen and (max-width:1024px){
	#graphene-black-content{
		margin-left:8%;
		padding:0 75px;
	}
}

/*for screens smaller than 768px*/

@media screen and (max-width:768px){
	#stock-quote{
		margin:0 auto;
		float:none;
	}

/*--------------------------------------------------
Graphene Black Section in Products > Graphene Production
--------------------------------------------------*/
	
    #production-graphene-black-section{
        background-image:url("http://www.nanoxplore.ca/wp-content/uploads/2018/02/graphene-nanoxplore-web-768px.jpg");
		background-position: center top;
   	 	background-size: cover;
   		background-repeat: no-repeat;
    	background-attachment: scroll;
    }
	#graphene-black-content{
		margin-left:35px;
		padding:48px 0 0 0;
	}
}
@media screen and (max-width:360px){
	#production-graphene-black-section{
		background-image:url("http://www.nanoxplore.ca/wp-content/uploads/2018/02/graphene-nanoxplore-web-360px.jpg");
		background-position: center top;
		background-size: cover;
   		background-repeat: no-repeat;
    	background-attachment: scroll;
	}
}

/*--------------------------------------------------
Wires & Cables Page
--------------------------------------------------*/

.header-title{
    width:75%;
}
@media screen and (max-width: 790px){
    .header-title{
        width:60%;
        font-size:3rem;
    }
}
@media screen and (max-width: 480px){
    .header-title{
        width:100%;
    }
}

.header-text{
    width:35%;
}
@media screen and (max-width: 780px){
    .header-text{
        width:45%;
    }
}
@media screen and (max-width: 480px){
    .header-text{
        width:100%;
    }
}

.background-heading{
    background-color:#0098Df;
    padding:20px;
    margin:0 auto;
    width:90%;
}
/*--------------------------------------------------
Data Table Charts*/


table{
    width:100%;
}
.table_ESD thead, .table_ETD thead, .table_IMP thead{
    background-color:#f6f6f6;
    color:#2d2d2d;
}
.table_ESD thead th, .table_ETD thead th, .table_IMP th{
    padding:10px 20px;
    line-height:1em;
}
.table_ESD td, tr{
    text-align:center;
    padding-left:10px;
}
.table_ETD{
    margin-top:15px;
}
.table_subhead{
    color:inherit;
    font-size:0.95em;
    padding-top:15px;
}

@media screen and (max-width:768px){
    table{
    width:65%;
}
}

/*--------------------------------------------------
				Footer
--------------------------------------------------*/
.main-footer{
	padding-top:0;
	padding-bottom:0;
}

.theme-widget{
	padding-top:0;
	padding-bottom:0;
}

/*--------------------------------------------------
				Responsive: Max-width 1400px
--------------------------------------------------*/

@media screen and (max-width: 1400px){
    .footer-sixteenhundred{
    padding:10px 100px 0px 100px;
    }
}

/*Titles of Each Column in Footer / .footer-title is created in Elementor*/
.footer-title{
	letter-spacing:0.12em;
}


/*--------------------------------------------------
				Bottom Footer
--------------------------------------------------*/

.bottom-footer{
	padding:20px 0;
}
.bottom-footer > .container{
	padding-left:10px;
}

/*--------------------------------------------------
				MailChimp Form
--------------------------------------------------*/

/* .footer-subscribe-form entered in elementor > My Template > Footer 3*/

/*Form Field*/
.footer-subscribe-form input[type="text"], .footer-subscribe-form input[type="email"]{
	font-size:1em;
}
/*Form: Name*/
.footer-subscribe-form input[type="text"]{
	margin-right:10px;
}
/*Submit Button*/
.footer-subscribe-form input[type="submit"]{
	line-height:0.75em;
	padding:15px 30px;
}
/*Agreement Terms*/
.footer-subscribe-form p label{
	font-size:0.9em;
}
/*Subscribe Heading*/	
@media (min-width: 768px){
	.footer-subscribe-form h5{
		color:#ffffff;
		font-size:1.5em;
	}
}