/*
Theme Name:     GXCOM
Theme URI: 		http://www.webloft.ca/
Description: Thème Child.
Author:         ---
Theme URI: 		http://www.webloft.ca/
Template: astra
Version: 2.0.0
Text Domain: astra-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom CSS codes in assets/less/style.less */
 
/*header text effects*/
 


 
body{
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

li.menu-item a {
	border-right: solid 2px #444444;
	line-height: 1em!important;
}
 

 li.menu-item:last-child  a{
	border-right: none!important;
}

ul.sub-menu {
	background:none!important;
	padding-top:10px!important;
}

.sub-menu li   {
	margin-left:20px!important;
}

.sub-menu li a {
	padding:5px 0px!important;
	margin:5px 10px!important;
	border-right: none!important;
}

.sub-menu li:first-child {
  background-color: #FAC848;
}

.sub-menu li:nth-child(2) {
  background-color: #FA9600;
}

.sub-menu li:nth-child(3) {
  background-color: #81C2F2;
}


.sub-menu li:last-child {
  background-color: #66EFF3;
}

.services {	
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	li.menu-item  {    
		padding-top: 15px!important;
		padding-bottom: 15px!important;
	}
	li.menu-item a {    
		padding: 13px 8px!important;
	}
	
	.sub-menu li {
		margin-left: 0px!important;
		text-align:center;
		padding-top: 5px!important;
		padding-bottom: 5px!important;
	}
}

@media screen and (max-width: 767px) {
	H1 {
	 	text-shadow: 0 0 30px #000!important;
		text-shadow: 0px 1px 6px #000!important;
		color: #ffffff!important;
		border-bottom: 2px white solid;
		display: inline-block!important;	
		line-height: 1.3!important;
	}
}