/*
Theme Name: SNX-Esolutions
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */

.site-header .jumbotron {
	padding-bottom: 0px !important;
	background-color: transparent !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
}

header.site-header, #header.site-header {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	    background-color: #FFFFFF !important;
}

.site-header .jumbotron p {
    color: #FFFFFF;
    font-size: 21px;
    font-weight: 200;
}   
.site-header .jumbotron.careers {
	 height: 250px;
}

.site-header .jumbotron.careers h1 {
    color: #FFFFFF;
    padding: 0px;
    margin: 0px !important;
    font-size: 36px;
}

.row.imgsholder h3 {
    color: #474848;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.row.imgsholder a {
    text-decoration: none;
}

.mart20 {
    margin-top: 20px;
}

.marb20 {
    margin-bottom: 20px;
}
.site-header .jumbotron.careers .careersblock {
    display: block;
    padding: 10px;
    margin-top: 60px;
}

@media (max-width: 767px) {
	.site-header .jumbotron.careers .careersblock {
	    margin-top: 90px;
	    background-color: rgba(229, 132, 1, 0.7);
	}
	.site-header .jumbotron.careers .careersblock {
	    display: block;
	    padding: 10px;
	    margin-top: 60px;
	}
	
	.site-header .jumbotron.careers p {
	    font-size: 17px;
	}
	
	.site-header .jumbotron.careers h1 {
	    color: #FFFFFF;
	    padding: 0px;
	    margin: 0px !important;
	    font-size: 20px;
	}
}


/* NEW SYNNEX HEADER */
#headertopwrap {background:#333 url('images/synnexbar.gif') repeat-x center bottom; width:100%; min-height:88px; max-height:300px;}
#headertop {background:none; color:#FFF; width:100%; min-height:88px; max-height:300px; font-size:14px; position:relative;}
#headerlinks {float:right; padding-right:20px; padding-top:50px;}
/*#headerlinks {float:right; padding-right:50px; padding-top:50px;}*/
#headerlinks a, #headerlinks a:visited {color:#FFF !important;}
#headerlinks a:hover {text-decoration:underline;}


/* NEW MOBILE MENU */
#mobile-menu {position:absolute; z-index:999; width:100%; height:auto; top:0px; left:0px; background:#333; padding:20px;}
#mobile-menu ul, #mobile-menu ul li {list-style:square !important; padding-left:10px;}
#mobile-menu li a, #mobile-menu a {color:#FFF;}
#mobile-menu .current-menu-item > a {color:#FFF; text-decoration: underline;}
/* #mobilebanner {width:120%; height:90px; margin-bottom:20px; margin-top:-20px; margin-left:-20px; margin-right:-20px; background-size:cover; background-position:-20px;}*/
#mobilebanner {width:120%; height:90px; margin-bottom:20px; margin-top:-20px; margin-left:-20px; margin-right:-20px; background-size:cover; background-position:0px;}

@media all and (max-width:3000px) and (min-width:1501px) {
#headertop {max-width:1280px; margin:0 auto;}
.wrap {max-width:1280px; width:1280px; margin:0 auto;}
#searchnew {right:23% !important;}
.site-header .wrap {width:100%;}
/*.site-inner .wrap {width:1240px;}*/
.site-inner .wrap {width:1280px; padding-left:20px; padding-right:20px;}
.site-description, .site-title {margin:0 auto; width:1280px;}
.title-area {background-color:#FFFFFF !important; background-size:100% 100% !important;}
/*.title-area {background:url('images/header2.jpg') left center no-repeat !important; background-size:100% 100% !important;}*/
/*.footer-widgets .wrap {width:1240px; margin:0 auto;}*/
.footer-widgets .wrap {width:1280px; margin:0 auto;}
.footer-widgets .wrap .widget-area {width:30%;}
.footer-widgets-2 {margin-right:60px;}
#synnexsmallmenu {display:none;}
.sidebar-primary {min-width:300px; max-width:360px;}
.content {min-width:600px; max-width:1280px;} /* originally max. 780px */
.header-image .site-title > a {background-position: top center !important;}

}

@media all and (max-width:1500px) and (min-width:1281px) {
#headertop {max-width:1280px; margin:0 auto;}
.wrap {max-width:1280px; width:1280px; margin:0 auto;}
#searchnew {right:8% !important;}
.site-header .wrap {width:100%;}
/*.site-inner .wrap {width:1240px;}*/
.site-inner .wrap {width:1280px; padding-left:20px; padding-right:20px;}
.footer-widgets .wrap {width:100%;}
.footer-widgets .wrap .widget-area {width:30%;}
.footer-widgets-2 {margin-right:60px;}
#synnexsmallmenu {display:none;}
.sidebar-primary {min-width:300px; max-width:360px;}
.content {min-width:600px; max-width:845px;} /* originally max. 780px */
.header-image .site-title > a {background-position: top center !important;}

}

.site-footer {
/*	background-color: #fff;*/
	color: #aaa;
	line-height:normal;
	font-size:10px;
/*	font-size: 12px;
	letter-spacing: 1px;*/
/*	padding: 40px 0;*/
	padding-top:30px;
	/*padding-left:20px;
	padding-right:20px;*/
	padding-bottom:20px;
	text-align:justify;
/*	text-align: center;
	text-transform: uppercase;*/
	background:url('images/synnexbar.gif') #333 repeat-x center top;

}

.site-footer a {
	color: #FFF; font-size:14px;
}

.site-footer a:hover {
	color: #ffffff;
	text-decoration:underline;
}

.site-footer p {
	margin-bottom: 0;
}
.site-footer .wrap { padding-left:20px;	padding-right:20px; }

#linksonfooter {text-align:center; margin-bottom:20px;}
#linksonfooter a:hover {color:#ffffff;}

/* NEW SYNNEX HEADER */
#headertopwrap {background:#333 url('images/synnexbar.gif') repeat-x center bottom; width:100%; min-height:88px; max-height:300px;}
#headertop {background:none; color:#FFF; width:100%; min-height:88px; max-height:300px; font-size:14px; position:relative;}
#headerlinks {float:right; padding-right:20px; padding-top:50px;}
/*#headerlinks {float:right; padding-right:50px; padding-top:50px;}*/
#headerlinks a, #headerlinks a:visited {color:#FFF !important;}
#headerlinks a:hover {text-decoration:underline;}

#snxlogo {float:left; margin-left:20px;}
/*#snxlogo {float:left; margin-left:50px;}*/
#synnexmenuicon {display:none;}
#synnexsmallmenu, #synnexsmallmenu a, #synnexsmallmenu a:visited {color:#FFF; font-size:14px;}
#synnexsmallmenu {padding-left:20px; padding-right:20px;}

#synnexsearchform {position:absolute; top:15px; right:50px;}
#synnexsearchform input[type="text"] {font-size:12px; padding:3px; width:200px;}

@media all and (max-width: 770px) and (min-width: 666px) {
.site-header .wrap {padding:0;}
#searchnew {display:none;}
.title-area {overflow:hidden !important;}
.site-title a {overflow:hidden !important; height:90px !important; width:1280px !important;}
/*.site-title a {overflow:hidden !important; height:140px !important; width:1265px !important;}*/
#searchnew .search-form input[type="search"] {width:200px !important; padding:3px !important; font-size:12px;}
.home-top .wrap {padding:0 !important; margin:0 !important; width:100% !important; max-width:100% !important;}
#synnexsearchform, #headerlinks {display:none;}
#snxlogo {margin-left:20px !important;}
.site-inner .wrap {width:100%; padding-left:20px; padding-right:20px;}
#synnexmenuicon {display:block; clear:both; margin:0 auto; padding-top:10px;}
.putheight {height:180px !important;}
/*.site-inner {padding-bottom:40px;}*/
#headertop {min-height:120px;}
}

@media all and (max-width: 665px) and (min-width: 481px) {
.site-header .wrap {padding:0;}
#searchnew {display:none;}
.title-area {overflow:hidden !important;}
.site-title a {overflow:hidden !important; height:90px !important; width:1280px !important;}
/*.site-title a {overflow:hidden !important; height:140px !important; width:1265px !important;}*/
#searchnew .search-form input[type="search"] {width:200px !important; padding:3px !important; font-size:12px;}
.home-top .wrap {padding:0 !important; margin:0 !important; width:100% !important; max-width:100% !important;}
#synnexsearchform, #headerlinks {display:none;}
#snxlogo {margin-left:20px !important;}
#synnexmenuicon {display:block; clear:both; margin:0 auto; padding-top:10px;}
.site-inner .wrap {width:100%; padding-left:20px; padding-right:20px;}
#synnexsmallmenu {padding-top:35px;}
.putheight {height:210px !important;}
#headertopwrap {min-height:130px;}
.widget_metaslider_widget {display:none;}
/*.site-inner {padding-bottom:40px;}*/
}
@media all and (max-width: 1180px) and (min-width: 830px) {
.footer-widgets .wrap .widget-area {width:30%;}
.footer-widgets .wrap {width:100%;}
.site-inner .wrap {width:100%; padding-left:20px; padding-right:20px;}
#synnexsmallmenu {display:none;}
#headerlinks {font-size:12px;}
/*.site-inner {padding-bottom:40px;}*/
/*.content {min-width:560px; max-width:600px;} /* originally max. 780px */
/*.sidebar-primary {min-width:300px; max-width:340px;}*/
}

@media all and (max-width: 829px) and (min-width: 781px) {
.site-header .wrap {padding:0;}
#searchnew {top:140px !important;}
.home-top .wrap {padding:0 !important; margin:0 !important; width:100% !important; max-width:100% !important;}
.site-inner .wrap {width:100%; padding-left:20px; padding-right:20px;}
#synnexsmallmenu {display:none;}
#headerlinks {font-size:12px;}
#snxlogo {margin-left:20px !important;}
/*.site-inner {padding-bottom:40px;}*/

}

@media all and (max-width: 780px) and (min-width: 771px) {
.site-header .wrap {padding:0;}
#searchnew {right:20px !important;}
.title-area, .site-title a {overflow:hidden !important;}
.search-form input[type="search"] {width:200px !important;}
.home-top .wrap {padding:0 !important; margin:0 !important; width:100% !important; max-width:100% !important;}
#headerlinks {font-size:12px;}
.site-inner .wrap {width:100%; padding-left:20px; padding-right:20px;}
#synnexsmallmenu {display:none;}
#snxlogo {margin-left:20px !important;}
/*.sit
@media all and (max-width: 480px) and (min-width: 250px) {
.site-header .wrap {padding:0;}
#searchnew {top:80px !important; left:20px !important;}
.title-area {overflow:hidden !important; background:#fff !important;}
.site-title a {overflow:hidden !important; height:90px !important; width:1280px !important;}
/*.site-title a {overflow:hidden !important; height:140px !important; width:1165px !important; margin-left:-40px;}*/

#searchnew {display:none;}
.home-top .wrap {padding:0 !important; margin:0 !important; width:100% !important; max-width:100% !important;}
#synnexsearchform, #headerlinks {display:none;}
#snxlogo {margin-left:20px !important;}
.header-image .site-title > a {height:90px;}
/*.header-image .site-title > a {height:140px;}*/
table {font-size:10px;}
.site-container .site-inner {padding-left:0; padding-right:0;}
#headertopwrap {min-height:130px;}
#synnexmenuicon {display:block; clear:both; margin:0 auto; padding-top:10px;}
.site-inner .wrap {width:100%; padding-left:20px; padding-right:20px;}
#synnexsmallmenu {padding-top:35px;}
.putheight {height:230px !important;}
#searchnew .search-form input[type="search"] {width:200px !important; padding:3px !important; font-size:12px;}
.widget_metaslider_widget {display:none;}
/*.site-inner {padding-bottom:40px;}*/
}


@media only screen and (max-width: 1139px) {

	.wrap {
		/*max-width: 960px;*/
		max-width: 100%;
		/*padding-left:20px;
		padding-right:20px;*/
	
		
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.content {
		/*width: 620px;*/
		width: 660px;
	}
	
	.site-header .widget-area {
		width: 600px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary {
		width: 300px;
	}

	.footer-widgets-1 {
		margin-right: 30px;
	}
	.site-footer .wrap { padding-left:20px;	padding-right:20px; }

}

@media only screen and (max-width: 1023px) {

	.wrap {
		/*max-width: 768px;*/
		max-width: 100%;
		/*padding-left:20px;
		padding-right:20px;*/
	}
	
	.home-top .wrap {
		max-width: 750px;
	}

	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

	.site-header .wrap {
		padding: 20px 5%;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .search-form,
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		/*text-align: center;*/
	}

	.genesis-nav-menu a,
	.genesis-nav-menu > .first > a,
	.genesis-nav-menu > .last > a {
		padding: 10px 20px;
		/*padding: 20px 16px; */
	}

	.site-header .search-form {
		margin: 16px auto;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.footer-widgets-1 {
		margin-right: 0;
	}
	
	.featured-content .alignnone {
		display: block;
		text-align: center;
	}
	
	.home-top a.alignleft, 
	.home-top a.alignright {
		width: 100%;
	}
	
	.home-top .featured-content .entry-header {
		clear: both;
		padding: 40px 40px 0;
	}
	
	.home-top .featured-content .entry-content {
		padding: 0 40px 40px;
	}
	.site-footer .wrap { padding-left:20px;	padding-right:20px; }

}

@media only screen and (max-width: 768px) {

	.wrap {
		/*padding-left: 5%;
		padding-right: 5%;*/


	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
	
	.home-top .more-link {
		display: block;
	}
	
	.home-bottom .widget {
		/*margin: 0 0 40px;*/
		margin: 0 0 20px;
		width: 100%;
	}
	
	.header-image .site-title a {
		/*background-size: contain !important;*/
	}
	
	.responsive-menu {
		display: none;
	}
	
	#responsive-menu-icon {
		display: block;
	}
	.site-footer .wrap { padding-left:20px;	padding-right:20px; }

}