/*
Theme Name: Extreme Networks Australia Custom Theme
Theme URI: http://extremenetworks.com.au
Author: Extreme Networks Developers
Author URI: http://extremenetworks.com.au/team
Description: This is created specifically for clients of Extreme Networks.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: extreme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body{
	color:#3c5900;
        font-size:16px;
}
a, a:visited, a:hover{
	text-decoration: none;
}
.no-lr-pads{
	padding-left: 0;
	padding-right: 0;
}
.tri-div >article{
	position: relative;
}
.tri-image{
	width: 100%;
	height: 100%;
}


#banner{
	position: absolute;
	width: 100%;
	top:0;
}
header#top-section {
}
footer{
	background:url(img/footer-bg.jpg) top center no-repeat;
	z-index: 1;
	padding: 20px 0;
	color:#FFF;
	background-size: 100% 100%;
}

.navbar-default{
	background-image: none;
	background-color: transparent;
	border: none;
	box-shadow: none;
}
.navbar-default .navbar-nav>li>a {
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
    background-color: #0d223f;
    padding-left: 25px;
    padding-right: 25px;
}
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
    color: #FFF;
    background-color: #f2b419;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.open>a{
	color: #FFF;
    background-color: #3c5900;
    background-image: none;
	border: none;
	box-shadow: none;
}

div#top-widget {
    text-align: right;
    padding-right: 30px;
    margin-bottom: 10px;
}

ul#menu-footer li {
    display: inline-block;
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px solid rgba(255,255,255,.1);
}
ul#menu-footer {
    list-style: none;
    padding: 0;
}
ul#menu-footer li:last-child{
	border-right: none;
}
.navbar-default .navbar-brand{
	color: #f2b419;
}
footer a,footer a:visited{
	color:#fff;
	text-decoration: none
}
.dropdown-menu{
 background-color:#777;
  background-image:none;
  color: #FFF;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
 background-color:#f2b419;
 background-image:none;
 color: #FFF ;
}
.dropdown-menu>li>a{
	color:#FFF;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
 background-color:#f2b419;
 background-image:none;
 color:#FFF;
}
.alignleft {
    margin-right: 10px;
}
a.tel-no {
    font-weight: bolder;
    font-size: 1.3em;
    color: #FFF;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
 background-color:#f2b419;
 background-image:none;
 color:#FFF;
}
#main-content{
	background: #FFF url(img/body-bg.png) no-repeat top center;
	background-size: 100% auto;
}
#welcome-area{
	position: relative;
	background: #FFF;
}
#trio-box{
	position: relative;
	background: #FFF;
}
#main-content hr {
    width: 65%;
    border-top-width: 1px;
    margin-bottom: 50px;
}
.gradient{
	background: rgba(0,0,0,.1);
}
#welcome-trio{
	position: relative;
}
#trio-box article img {
    width: 67px;
}
#trio-box2{
	background: #FFF url('img/tri-box-bg.png') no-repeat;
	margin-bottom: 100px;
	padding:70px;
}
.inner-header{
	background: #FFF url('img/inner-banner.jpg') no-repeat center center;
	background-size: auto 100%;
}


.front-page-more {
    background: #f2b419;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: bold;
}
#video{
	margin-bottom: 100px;
}
.text-small {
    display: inline-block;
}
#footer-menu{
    display: inline-block;
	margin-bottom: 0;
    padding-left: 0;
    margin-left: 10px;
    list-style: none;
}
#footer-menu li {
    float: left;
}
#footer-menu a{
	position: relative;
	top:6px;
}
#footer-menu li:after {
    display: inline-block;
    content: '|';
    top: 4px;
    position: relative;
    padding: 0 8px;
}
#footer-menu li:last-child:after {
    display: inline-block;
    content: '';
    top: 4px;
    position: relative;
    padding: 0 8px;
}
#footer-menu a:hover{
	color:#dff0d8;
}
#page-content{
	padding-bottom: 100px;
}

.easy-table th, .easy-table td{
border-top:none !important;
}
#menu {
    margin-top: 10px;
}
/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        #banner{
          display:none;
        }
        #welcome-area,#trio-box{
    		top:0;
    		padding-top: 10px;
    	}
    	#trio-box article{
			padding: 0;
			margin-bottom: 50px;
    	}
    	#welcome-image {
		    padding-top: 0;
		    padding-bottom: 0;
		}
		.inner-header{
			background-size: auto 100%;
		}
		#top-right-side {
    		    margin-top: 0;
    text-align: center;
    padding-bottom: 20px;
		}
            #top-right-side .social{
              text-align:center;
              margin-top:20px;
}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        #banner{
          display:none;
        }
		#welcome-area,#trio-box{
    		top:0;
    		padding-top: 10px;
    	}
    	#trio-box article{
			padding: 10px;
			margin-bottom: 50px;
    	}
    	#welcome-image {
		    padding-top: 0;
		    padding-bottom: 0;
    		margin-bottom: 0;
		}
		.inner-header{
			background-size: auto 100%;
		}
		#top-right-side {
    		    margin-top: 0;
			    text-align: center;
			    padding-bottom: 20px;
		}
             #top-right-side .social{
              text-align:center;
              margin-top:20px;
}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        #banner{
          display:block;
        }
		#welcome-area,#trio-box{
    		/*top:20px;*/
    		padding-top: 30px;
    	}
    	#trio-box article{
			padding: 10px 10px;
			margin-bottom: 50px;
    	}
    	#welcome-image {
		    padding-top: 0;
		    padding-bottom: 0;
    		margin-bottom: 0;
		}
		#welcome-image img{
			display: none;
		}
		.inner-header{
			background-size: 100% auto;
		}
		#top-right-side {
    		margin-top: 10px;
    		background: transparent;
			    text-align: inherit;
			    padding-bottom: 0;
		}
                 #top-right-side .social{
                 text-align:right;
                 margin-top:20px;
                }
                
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
         #banner{
          display:block;
        }
		#welcome-area,#trio-box{
    		/*top:-50px;*/
    		padding-top: 50px;
    	}
    	#trio-box article{
			padding: 10px 30px;
			margin-bottom: 50px;
    	}
    	#welcome-image {
		    padding-top: 150px;
		    padding-bottom: 50px;
    		margin-bottom: 150px;
		}
		#welcome-image img{
			display: block;
		}
		.inner-header{
			background-size: 100% auto;
		}
		#top-right-side {
    		margin-top: 50px;
    		background: transparent;
			    text-align: inherit;
			    padding-bottom: 0;
		}
                #top-right-side .social{
              text-align:right;
              margin-top:20px;
}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        #banner{
          display:block;
        }
    	#welcome-image {
		    padding-top: 150px;
		    padding-bottom: 50px;
		    margin-bottom: 150px
		}
    	#welcome-area,#trio-box{
    		/*top:-70px;*/
    		padding-top: 70px;
    	}
    	#trio-box article{
			padding: 10px 60px;
			margin-bottom: 50px;
    	}
    	#welcome-image img{
			display: block;
		}
		.inner-header{
			background-size: 100% auto;
		}
		#top-right-side {
    		margin-top: 50px;
    		background: transparent;
			    text-align: inherit;
			    padding-bottom: 0;
		}
         #top-right-side .social{
              text-align:right;
              margin-top:20px;
}

    }
    /* Large Screens */
    @media only screen and (min-width : 1441px) {
        #banner{
          display:block;
        }
    	#welcome-image {
		    padding-top: 400px;
		    padding-bottom: 50px;
		    margin-bottom: 150px
		}
    	#welcome-area,#trio-box{
    		/*top:-70px;*/
    		padding-top: 70px;
    	}
    	#trio-box article{
			padding: 10px 60px;
			margin-bottom: 50px;
    	}
    	#welcome-image img{
			display: block;
		}
		.inner-header{
			background-size: 100% auto;
		}
		#top-right-side {
    		margin-top: 50px;
    		background: transparent;
			    text-align: inherit;
			    padding-bottom: 0;
		}
       #top-right-side .social{
              text-align:right;
              margin-top:20px;
}

    }