/*
Theme Name: Swagger
Description: A simple business portfolio theme by Theme Blvd.
Author: Jason Bobich
Author URI: http://jasonbobich.com
Theme URI: http://themeforest.net/item/swagger-premium-wordpress-theme/930581
Version: 1.0.7
License: Partial GNU General Public License, please reade license file for more details.
License URI: license.txt
*/

@font-face{
  font-family:'Futura Std Medium';
  src: url('https://fieldsmechanicalsystems.com/fonts/FuturaStd-Medium.otf') format('opentype');
 font-weight: normal;
}

@font-face{
  font-family:'Adobe Caslon Pro';
  src: url('https://fieldsmechanicalsystems.com/fonts/ACaslonPro-Italic.otf') format('opentype');
font-weight: normal;
font-style: italic;
}


/* This theme's primary styles can be found in /assets/css/theme.css */

#top #branding{
	height: 238px;
	background: url(https://fieldsmechanicalsystems.com/wp-content/uploads/2012/05/FieldsMechanical-banner2.png) 100% 0 no-repeat;
}

#top2 #branding{
	height: 190px;
	background: url(https://fieldsmechanicalsystems.com/wp-content/uploads/2012/05/FieldsMechanical-banner2.png) 100% 0 no-repeat;
}

.header_logo img{
	position: absolute;
	left: -60px;
}

.header_logo{
	position: relative;
	height: 190px;
}


.futura36{
	font-family:'Futura Std Medium', Arial;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
display: block;
	line-height: 120%;
}

.futura16{
	font-family:'Futura Std Medium', Arial;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	display: block;
	line-height: 120%;
}


.caslon26{
	font-family:'Adobe Caslon Pro';
	font-size: 26px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	display: block;
	line-height: 120%;
}

.caslon16{
	font-family:'Adobe Caslon Pro';
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	display: block;
	line-height: 120%;
}


.lighcontainer{
	background: #ACBCCA;
	padding: .5em;
	font-weight: bold;
}



.right-sidebar a{
	color: #fff;
}


.home-subwidgets{
	background: #ACBCCA;
	padding: .5em;
	color: #fff;
	width: 260px;
	margin: 0 auto;
	font-family:'Futura Std Medium';
	line-height: 140%;
}

.home-subwidgets-new{
	background: #fff;
	padding: .5em;
	color: #666666;
	width: 260px;
	margin: 0 auto;
	font-family:'Futura Std Medium';
	line-height: 140%;
}

.btn-menu {
  font-size: 28px;
  font-family: "FontAwesome";
  color: #000;
  float: block !important;
}
.btn-menu:before{
  content: "\f0c9";
}


	

/* what we do page */

@media screen and (max-width: 968px)
{
.element.style {
    overflow-x: hidden;
}
}
@media screen and (min-width: 968px){
.fixed-sidebar , .right-sidebar {
    overflow-x: hidden;
}
}


@media screen and (max-width: 968px){
		#top2 #branding {

    height: 190px;
    background: url(https://fieldsmechanicalsystems.com/wp-content/uploads/2012/05/FieldsMechanical-banner2.png) 100% 0 no-repeat;
    background-size: contain;
	background-position:bottom;
}
	.header_logo img {
    position: absolute;
    left: 140px;
    height: 135px;

}
}



@media screen and (max-width: 768px) {
  /* hide the main menu and show the hamburger icon */
  .main-menu {
    display: block;
  }
  .hamburger-menu {
    display: block;
  }
	#branding, #main .main-inner, #featured .featured-inner, #colophon {
		max-width: 370px !important;
	}
	
}

/* apply mobile styles first */
.main-menu {
  display: block;
  /* other styles */
}

/* add tablet/desktop styles */
@media screen and (min-width: 768px) {
  .main-menu {
    display: flex;
    /* other styles */
  }
}


/* add by amit */
 /*  iphone 14 */
@media screen and (min-width: 664px){
		#access li a{
		font-size:0px;
	}
body.home #featured {
    padding-top: 20em;
}
}


@media screen and (max-width: 468px){
	#access li a{
		visibility:hidden ! important;
		font-size:0px;
	}
	.slicknav_nav{margin-top: -130px;}

}
@media screen and (max-width: 468px){
	#top2 #branding {
    height: 185px;
    background: url(https://fieldsmechanicalsystems.com/wp-content/uploads/2012/05/FieldsMechanical-banner2.png) 100% 0 no-repeat;
    background-size: contain;
			background-position:bottom;
}
}


	




 /*  sidebar remove*/

@media screen and (min-width:340){
	 
	.sidebar_right {
    display: none !important;
	
}
	#main #content, #main .fixed-sidebar, .column {
    float: none;
    margin: 0;
    width: 75%;
	overflow-x:hidden;
}
	
	}

@media screen and (max-width: 468px){
	.sf-menu li:hover ul {
	position:relative;	
    top: 40px;
    z-index: 999;
}
	#branding, #main .main-inner, #featured .featured-inner, #colophon {
		max-width: 313px !important;
	}
}
@media screen and (max-width: 468px){
	.sf-menu li.sfHover ul {
	position:relative;	
    top: 40px;
    z-index: 999;
}

}

@media screen and (max-width: 468px){
	.slicknav_collapsed .slicknav_icon:after {
    content: "\f0c9";
    color: #fff;
    top: 90px;
}
}


@media screen and (max-width: 468px){
	.header_logo img {
	    margin-top: 20px;
    position: absolute;
    left: 90px;
    height: 115px;

}
	
}
@media screen and (min-width: 460px) {
  .header_logo {
    display: flex;
	  flex-direction:column
    /* other styles */
  }

}