/*
 Theme Name:   the-box Child
 Theme URI:    http://example.com/the-box-child/
 Description:  the-box Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     the-box
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  the-box-child
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
.roboto-thin { font-family: 'Roboto', sans-serif; font-weight: 100; }
.roboto-light { font-family: 'Roboto', sans-serif; font-weight: 300; }
.roboto-med { font-family: 'Roboto', sans-serif; font-weight: 500; }
.roboto-bold { font-family: 'Roboto', sans-serif; font-weight: 700; }

#dimensions
{ display: none; position: fixed; bottom: 0; right:0; margin: 5px; background-color: #b22222; color: #fff; padding:8px; z-index: 999999; }

html{ font-size: 62.5%; }
body
{ background-color: #fff; color: #444; font-family: 'Roboto', sans-serif; line-height: 1.3; font-size: 1.8rem; }
body.home{ color: #eee;}
h1, h2, h3{ font-weight: inherit; }
h1{ font-size: 6rem; line-height: 1.2; }
h2{ font-size: 3rem; line-height: 1.2; }
h2.containerHead {
    text-align: center;
    font-size: 3rem;
    margin: 5.5rem 0 4rem;
}
h2.containerHead .underlineBorder {
    width: 2.5%;
    margin: 0 auto;
    border-bottom: 1px #444 solid;
    padding-top: 1rem;
}
h1 a, h2 a, h3 a {
    color: #444;
}
hr{
    background-color: #ccc;
    margin: 1.3em 0;
}
body, button, input, select, textarea {
    font-family: 'Roboto', sans-serif;
}
a
{ color: #007db8; }
a:hover
{ color: #007db8; text-decoration: underline; }
ul
{ margin-left: 0; }
.clear
{ clear: both; }
.float-right
{ float: right; }
.text-right
{ text-align: right; }
.site-main
{ margin: 0; padding: 137px 0 10px 0; }
.container
{ max-width: 1600px; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
.load-more
{ display: none; margin: 6rem auto; text-align: center; text-transform: uppercase; color: #444; }
.load-more:hover{ text-decoration: none; color: #fff}
.load-more span{
	padding: 1rem 2rem;
    border: 3px solid #007db8;
}
.load-more:hover span{
	background-color: #007db8;
}
.generic-button {
	display: inline-block;	
	padding: .5rem 3rem;
	margin-right: 5px;
	border: 3px solid transparent;
	background-color: #007db8;
	color: #fff;
	font-size: 1.8rem;
}
.generic-button:hover{
	text-decoration: none;
	border: 3px solid #007db8;
	background-color: #fff; color: #007db8;
}
.entry-content, .entry-summary {
    margin: 5rem 15px 0 15px;
    padding: 0;
}
.entry-content {
    margin: 5rem 0;
	margin-bottom: 0;
}
.hentry
{ background-color: transparent; }
body #main{
	background-color: #eee;
}
body.single #main
{ padding-top: 400px; }
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG{
	vertical-align: middle;
}

/* header stuff */
#fixedHeader
{ position: fixed; width: 100%; z-index: 1000; height: 137px; }
.globalnav
{ background-color: #000; }
#globalnav-header.isFaded
{ height: 0 !important; }
#searchFormWrapper
{ display: none; }
#masthead
{ background-color: #444; color: #fff; height: 60px; }
#site-navigation{
	float: left;
	font-size: 2rem;
	line-height: 60px; height: 100%;
}
#site-navigation > div:first-child,
#site-navigation div.nav-menu{
	display: inline-block;
}
#site-navigation .menu-item{
	text-transform: uppercase;
}
#blogName{
	font-size: 2.4rem;
	color: #fff;
	float: left;
	display: block;
	line-height: 60px;
}
#globalnav-header-inner{
	max-width: 1600px;
}
.main-navigation
{ background-color: transparent; }
	.main-navigation li.menuLatest a, .main-navigation li.menuLatest.current-menu-item a
	{ border-bottom: 3px solid transparent; }
	.main-navigation > div > ul > li.menu-item-has-children > a, .main-navigation > div > ul > li.page_item_has_children > a
	{ padding-right: 1em; }
	.main-navigation > div > ul > li.menu-item-has-children > a::before, .main-navigation > div > ul > li.page_item_has_children > a::before
	{ font-family: inherit !important; content: "+"; position: static; }
	.main-navigation > div > ul > li.menu-item-has-children:hover > a::before, .main-navigation > div > ul > li.page_item_has_children:hover > a::before
	{ content: "–"; }
	.main-navigation > div > ul > li:hover > a, .main-navigation li.current-menu-item > a, .main-navigation li.current-menu-parent > a
	{ background-color: transparent; border-bottom: 5px solid #007db8; text-decoration: none; }
	.main-navigation ul li ul.sub-menu {
		background-color: #007db8;
		top: 60px;
		min-width: 100%;
		width: auto;
		border: 0;
		box-shadow: none;
		border-top: 1px solid #fff;
		padding: 1.5rem;
	}
	.main-navigation ul li ul ul.sub-menu {
		top: 2rem;
	}
	body.overlayVisible .main-navigation ul ul.sub-menu,
	body.search .main-navigation ul ul.sub-menu {
		border: 1px solid #fff;
	}
	#site-navigation .sub-menu .menu-item {
		text-transform: none;
		border: 0;
	}
	.main-navigation ul ul.sub-menu a{
		background: #007db8;
		color: #fff;
		font-size: 2rem;
		line-height: 1.2;
		text-transform: none;
		padding: 0;
    	padding-bottom: 1rem;
        white-space: nowrap;
	}
	.main-navigation ul ul ul.sub-menu li:last-child a,
	.main-navigation ul > li > ul.sub-menu > li:last-child > a{
    	padding-bottom: 0;
	}
	.main-navigation ul ul.sub-menu a:hover{
		color: #fff;
	}
	.main-navigation ul li:hover ul.sub-menu a,
	.main-navigation ul li:focus ul.sub-menu a {
		background: #007db8;
		text-transform: none;
	}
	.main-navigation ul ul::after
	{ border: none; }
	.main-navigation ul ul li, .main-navigation ul ul ul li, .main-navigation ul ul ul li:first-child
	{ border-top:1px solid #444; }
	.main-navigation ul ul ul
	{ top: -1px; }
	.main-navigation ul li:last-child ul ul {
		left: auto;
		right: 100%;
	}
	.main-navigation li.menuDot a, .main-navigation li.menuDot a:hover
	{ background-color: transparent; border-bottom: none; color: #fff; text-decoration: none; }
	
	.main-navigation a{
		height: 55px;
		line-height: inherit;
		padding: 0 .7em;
	}
	.menuRight{
		float: right;
		height: 60px;
	}
#triangleMenuButton { display: none; cursor: pointer; padding: 15px; background-color: #007db8; height: 40px; box-sizing: border-box; }
	#triangleMenuButton > div
	{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #fff; }

.headerHidden
{ display: none; height: 90vh; background-color: #007db8;
  overflow-x: hidden;
  overflow-y: auto;
}
	.headerHidden .container
	{ position: relative; }
.headerHiddenClose
{ cursor: pointer; color: #fff; position: absolute; top: 20rem; right: 10rem; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAHlBMVEX///8GgLwMhL+gz+fq9Pk6m81ksdgCfroRhsEAfbi6AKcOAAAACXRSTlNm/PWGa8ak/vBeQbwkAAAA2UlEQVRIx+3SOwoCQRCE4QEfF9jI3GQyvYFsZLip2WbeQDA3MXRBtG9r0AzlQC8/bDyVNRRfUp1aWloWZ9PV93FIcS6vw/+52r1nQLOuAs2GGDRzsoBmMfk0JwXaNyz25qRA24fFdXZS4HRKQAoEUiCQAoEEsJACgRRIpEAgBQIpEEiBQAoEUiCQBGpl66jlo/g8DIpEkElfOTPpK/dM+sq+OIP6SwD1lwSKBFAkgCIBFAmgSACBzAUUOYXFawFF3sLi9u6gyM+YYtJBkQ4G5KO+z2NqaWlZmh8UkaTCZvU5uAAAAABJRU5ErkJggg==); }
.headerHiddenClose:hover
{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAKlBMVEX///////////////////////////////////////////////////////9q+00tAAAADXRSTlNm3sZve/rukNnOwbqPLLAcnQAAAONJREFUSMft0rEJAlEQhOGHCgaaXSzYwIFmhhfZgpGZqWBiBdZhCYIl2IKCgsL2YvD2mDtY+OHiN9nC8CWzqaSkZHDml/69eaQ45+eqe44Xu7g33VvVvdf2PsWgmZMOmsXkzcxJB81+YXFkmRRoyxSmzqTAV0pACgRSIJACgRQIpEAgHURSIJACgRQIpEAgBQIpEEgCtbJVUPKVfXEERRLIpK9cM5lXzosz6IszqL8kUCSAIgEUCaBIAEUCKBJAIK8tKPIbFrctKPIQFifHDIr8NCkmMygygwF579+zJpWUlAzNH/B72nvT/aG0AAAAAElFTkSuQmCC); }
#headerSubscribeButton {
	display: none;
    padding: 0 2.5rem;
    background-color: #007db8;
    color: #fff;
    font-size: 2rem;
    vertical-align: top;
    text-decoration: none;
    line-height: 33px;
    height: 37px;
    margin-top: 10px;
    margin-right: 10px;
    box-sizing: border-box;
	border: transparent 3px solid;
}
body.locale-en-us #headerSubscribeButton {
	display: inline-block;
}
#headerSubscribeButton:hover { text-decoration: none; border: 3px solid #007db8; background-color: #fff; color: #007db8; }
#headerSearchButton {
    display: inline-block;
    background-color: transparent;
    width: 30px;
    height: 60px;
    background: url(/wp-content/themes/the-box/images/search.png) no-repeat center 15px;
    background-size: contain;
	padding: 0;
}
#headerSearch .container
{ padding: 20rem 10rem 10rem 10rem; }
#headerSearch.headerHidden h3,
#searchForm h3,
#masthead .divHead{
    font-size: 4.8rem;
    padding-bottom: 1.5rem;
    font-weight: 100;
}
#headerSubscribe .container
{ padding: 13rem 10rem 10rem 10rem;}

#headerSubscribe .headerHiddenClose{
	top: 13rem;
}
#headerSubscribe .intro{
	width: 70%;
	margin-bottom: 2rem;
}
.main-navigation .buttonWrap {
	display: inline;
}
#mobileSearch{
	display: none;
}
/* end header stuff */

/* footer stuff */
#globalnav-footer > div > span > a#footer-link-contact,
#globalnav-footer > div > span > a#footer-icon-gss,
#globalnav-footer > div > span > a[href="//www.emc.com/en-us/legal/intel-trademark.htm"],
#globalnav-footer > div > span > a[href="//www.dellemc.com/en-us/legal/intel-trademark.htm"] {
	display: none;
}
/* end footer stuff */

/* overriding default form styles */
body .gform_wrapper .gform_body ul.gform_fields li.gfield,
.mc-field-group,
body .gform_wrapper.gform_validation_error .gform_body ul.gform_fields li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half)
{ padding: 0 10px 6px 10px; max-width: 100% !important; }
body .gform_wrapper .subscribeForm .gform_body ul.gform_fields li.gfield:first-child,
.mc-field-group:first-child{
    padding-left: 0;
}
body .gform_wrapper .field_description_below .gfield_description
{ padding-top: 0; }
body .gform_wrapper .gform_footer
{ margin: 0; }
body .gform_wrapper .gform_footer input[type="submit"], body .gform_wrapper .gform_page_footer input[type="submit"]
{ margin: 0 16px 0 10px; width: auto; }
input[type="text"], input[type="email"], input[type="password"], textarea
{ color: #000; border: 1px solid rgba(0,0,0,0.3); margin: 0; }
body .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, body .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label
{ font-weight: inherit; }

/* send to friend form */
#gform_wrapper_2
{ display: none; background-color: #fff; max-width: 410px; padding: 1px 10px 0 10px; }
#gforms_confirmation_message_2
{ background-color: #fff; max-width: 410px; padding: 10px; }
.lity-content #gform_wrapper_2, .lity-content #gforms_confirmation_message_2
{ display: block; }
body #gform_wrapper_2.gform_wrapper .gform_body ul.gform_fields li.gfield input
{ width: 100%; }

/* subscribe form */
#gform_wrapper_3
{ margin: 0; }
.gform_wrapper .subscribeForm .gform_body, .gform_wrapper .subscribeForm ul.gform_fields
{ display: inline; }
.gform_wrapper .subscribeForm .validation_error
{ display: none; }
.gform_wrapper .subscribeForm .gform_ajax_spinner
{ float: right; padding-top: 10px; }
.gform_wrapper .subscribeForm ul li.gfield,
.mc-field-group
{ display: inline-block; width: 19%; vertical-align: top; margin-top: 0; }
.mc-field-group
{width: 15%;}
.gform_wrapper .subscribeForm ul li.field_description_below div.ginput_container_checkbox,
.gform_wrapper .subscribeForm li.gfield.gfield_error.gfield_contains_required div.ginput_container
{ margin: 0; }
.gform_wrapper .subscribeForm .top_label input.medium,
.gform_wrapper .subscribeForm .top_label select.medium,
.gform_wrapper.gform_validation_error .subscribeForm .top_label input.medium,
.gform_wrapper.gform_validation_error .subscribeForm .top_label select.medium,
.mc-field-group input,
.mc-field-group select
{ width: 100%; box-sizing: border-box; }
.gform_wrapper .subscribeForm .gform_footer,
.mc_form_submit
{ display: inline-block; width: 15%; padding: 0; float: right;}
/* hide form labels */
.gform_wrapper .sendToFriendForm .top_label .gfield_label,
.gform_wrapper .subscribeForm .top_label .gfield_label,
.mc-field-group:not(.input-group) label
{ display: none; }

/* error msg */
.gform_wrapper .subscribeForm li.gfield.gfield_error
{ background-color: transparent; border-bottom: none; border-top: none; }
.gform_wrapper .subscribeForm li.gfield_error ul.gfield_checkbox
{ color: inherit; }
.gform_wrapper .subscribeForm li.gfield.gfield_error.gfield_contains_required div.gfield_description
{ color: #ffd220; padding-top: 3px; }
.gform_wrapper .subscribeForm li.gfield_error input:not([type="submit"])
{ border: 1px solid #ffd220 !important; }

.subscribeForm:after{
	content: "";
	display: table;
	clear: both;
}
body .gform_wrapper .subscribeForm .top_label div.ginput_container {
    margin-top: 0;
}
#headerSubscribe input[type="submit"] {
    background-color: #fff;
    color: #007db8;
    width: 100%;
	margin: 0;
	line-height: inherit;
}
#headerSubscribe .gform_wrapper ul.gfield_checkbox li label,
.mc-field-group.input-group label{
	vertical-align: top;
}
.subscribeForm a {
    color: #fff;
    text-decoration: underline;
}
.gform_wrapper .subscribeForm input:not([type='checkbox']),
.gform_wrapper .subscribeForm select,
.mc-field-group.input-text input,
.mc-field-group select{
	font-family: 'Roboto', sans-serif;
	height: 5rem;	
	padding: 1rem !important;
	border: 0;
    background-color: #6fb5d5;
	font-size: 2rem !important;
    font-weight: 200;
	color: #fff;
}
.gform_wrapper .top_label li.subscribe-form-input-checkbox ul.gfield_checkbox{
	margin: 0;
	width: 100%;
}
.gform_wrapper .top_label li.subscribe-form-input-checkbox ul.gfield_checkbox li{
	padding-left: .5rem;
} 
.subscribe-form-input-checkbox{
	width: 28%;
}
.mc-field-group.input-group {
  width: 30%;
  padding: 0 15px 6px 10px;
}
.subscribe-form-input-checkbox input,
.mc-field-group.input-group input{
	background-color: transparent !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	height: 18px;
}
.subscribe-form-input-text input:not([type='checkbox']):focus{
	outline: none;
	opacity: .95;
}
.subscribe-form-input-text ::-webkit-input-placeholder,
.mc-field-group.input-text ::-webkit-input-placeholder { /* Chrome */
  color: #fff;
}
.subscribe-form-input-text :-ms-input-placeholder,
.mc-field-group.input-text :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.subscribe-form-input-text ::-moz-placeholder,
.mc-field-group.input-text ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.subscribe-form-input-text :-moz-placeholder,
.mc-field-group.input-text :-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff;
  opacity: 1;
}
.gform_wrapper .subscribeForm ul li.subscribe-form-input-checkbox{
	width: 28%;
}
.gform_wrapper .subscribeForm select,
.mc-field-group select{
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	background: url(/wp-content/themes/the-box/images/select-arrow-down.png) no-repeat right center;
	background-size: contain;
    background-color: #6fb5d5;
	border:0px;
	outline:0px;
}
.gform_wrapper .subscribeForm select::-ms-expand,
.mc-field-group select::-ms-expand{ 
    display: none; /* hide the default arrow in ie10 and ie11 */
}
:root .gform_wrapper .subscribeForm select,
:root .mc-field-group select{
    background-image: none\0;
} /* hide the background arrow in ie9 */

.gform_wrapper .subscribeForm select:focus,
.mc-field-group select:focus{
    background-color: #6fb5d5;
}
.gform_wrapper .subscribeForm select:focus,
.mc-field-group select:focus{
	border:0px;
	outline:0px;
}
.gform_wrapper .subscribeForm select option,
.mc-field-group select option{
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	border:0px;
	outline:0px;
}
#mc_embed_signup_scroll {
    display: inline-flex;
    position: relative;
}
.mc-field-group {
    box-sizing: border-box;
}
.subscribeForm input,
.subscribeForm select{
    border-radius: .3rem;
}
.mc-field-group.input-text input{
    font-weight: 300;
}
.mc-field-group.input-group ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.mc-field-group.input-group input{
    display: none;
}
.mc-field-group.input-group label{
	font-size: 1.6rem;
    line-height: 2rem;
    float: left;
    width: calc(100% - 3rem);
    display: inline-block;
    position: relative;
    padding-left: 3rem;
}
.mc-field-group.input-group label .checkbox::before,
.mc-field-group.input-group label .checkbox::after{
    content: '';
    position: absolute;
    margin: auto;
}
.mc-field-group.input-group label .checkbox::before{
    width: 2rem;
    height: 2rem;
    background-color: #6fb5d5;
    left: 0;
    top: .2rem;
    box-sizing: border-box;
    border-radius: .3rem;
}
.mc-field-group.input-group label .checkbox::after{
    left: .3rem;
    top: .5rem;
    transition: opacity .2s;
    content: '';
    width: 1.1rem;
    height: .6rem;
    border: .3rem solid #007db8;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mc-field-group.input-group input[type="checkbox"]:checked + label .checkbox::after {
    opacity: 1;
}
#mc_embed_signup input.mce_inline_error,
#mc_embed_signup select.mce_inline_error{
    border: #f2af00 1px solid !important;
}
#mc_embed_signup div.mce_inline_error,
#mc_embed_signup .inline-error-ms{
    background-color: transparent !important;
    color: #f2af00 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 3px !important;
    font-size: 1em;
    font-weight: normal !important;
    display: inline-block !important;
}
#mc_embed_signup .input-group .mce_inline_error{
    margin-left: 3rem !important;
}
/*.mc-field-group.input-group input[type="checkbox"].mce_inline_error + label .checkbox::before {
    border: #f2af00 1px solid;
}*/
#mc-embedded-subscribe{
    border-radius: .3rem;
}
#mce-responses {
    margin-bottom: 3rem;
    color: #f2af00;
    font-size: 1.2em;
    width: 80%;
    line-height: 1.3em;
}

/* Eloqua form */
.subscribeForm input.error,
.subscribeForm select.error{
    border: #f2af00 1px solid !important;
}
.subscribeForm label.error{
    background-color: transparent !important;
    color: #f2af00 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 3px !important;
    font-size: 1em;
    font-weight: normal !important;
    display: inline-block !important;
}
.mc-field-group.opt-in {
    position: relative;
}
.mc-field-group.opt-in input {
    position: absolute;
    visibility: hidden;
    display: block;
}
.optMsg .optIn.checkbox::after {
    opacity: 1 !important;
}

/* search form */
.search-form input.s {
    height: 55px;
    font-size: 3rem;
	padding-right: 200px;
	color: #007db8; font-family: 'Roboto', sans-serif;
}
.search-form .search-submit{
	margin: 2px;
    height: 51px;
    width: 19rem;
    font-size: 2rem;
}

/* page style */
#pageHeader
{ background-color: #000; min-height: 20rem;}
	#pageHeader h1{
		color: #fff;
		margin: 0;
		margin-top: 11.5rem;
		font-weight: 100;
	}
body.page .site-main .container:not(body.page-template-latest .site-main .container),
body.author .site-main .container{
    max-width: 1080px;
}
.page-contact header + .container
{ padding-bottom: 20px; }
.site-footer
{ color: #fff; background-color: #444; font-size: inherit; text-transform: uppercase; }
.footer-navigation
{ margin: 0; display: inline-block; }
.footer-navigation .menu ul {
	margin: 0;
    padding: 0;
}
.footer-navigation .menu li {
	margin-left: 1.5rem;
}
.footer-navigation .menu li a:hover{
	color: #fff;
}
.footer-navigation li.menuLatest, .footer-navigation li.menuDot
{ display: none; }
.social-navigation
{ display: inline-block; float: none; width: auto; margin: 0; padding-left: 3.6rem; }
	.social-links a	{
	margin: 0 0 0 2px;
    background: transparent;
    border: 1px solid #fff;
}

.articles{
	margin-left: -15px;
    width: calc(100% + 30px);
}
.articles article
{ width: 33.3%; }
.articleContent
{ position: relative; height: 300px; }
		article .article-thumbnail {
		height: 24.8rem;
		margin: 0;
		margin-bottom: 1.5rem;
    position: relative;
	}
	article .article-thumbnail a
	{ width: 100%; height: 100%; display: block; }
	article:not(.has-post-thumbnail) .articleContentPositioned
	{ position: absolute; bottom: 0; width: 100%; }
	article:not(.has-post-thumbnail) .articleContentPositioned h2
	{ font-size: 3.6rem; line-height: 1.1; }
article h2
{ margin: 0; padding-bottom: .5rem; }
article p
{ color: #808080; }
article .authorInfo
{ border-top: 1px solid #444; margin-top: 3rem; padding-top: .7rem; }
article .authorInfo .authorName{ text-transform: uppercase; padding-right: .7rem }
article .authorInfo .authorName a{ color: inherit;}
article .authorInfo .authorTitle, article .authorInfo .authorDate{ padding-left: .7rem }
.clipboardContainer
{ position: relative; }
.clipboardContainer .clipboardTooltip
{ display: none; position: absolute; right: 0; z-index: 9999; padding: 4px 8px; max-width: 300px; background-color: #444; color: #fff; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; }

.site-footer
{ color: #fff; background-color: #444; font-size: inherit; text-transform: uppercase; }
.footer-navigation
{ margin: 0; display: inline-block; }
.footer-navigation .menu li {
	margin-left: 1.5rem;
}
.footer-navigation .menu li a:hover{
	color: #fff;
}
.footer-navigation li.menuLatest, .footer-navigation li.menuDot
{ display: none; }
.social-navigation
{ display: inline-block; float: none; width: auto; margin: 0; padding-left: 3.6rem; }
	.social-links a
	{ margin: 0 0 0 2px; }

/* homepage */
body.home #main
{ background-color: #000; }

.homeCarousel
{ position: relative; overflow: hidden; width: 100%; }
.homeCarouselSlides
{ width: 99999px; position: relative; }
.homeCarousel-pagination
{ bottom: 5px; left: 50%; margin: 0; position: absolute; }
.homeCarousel-pagination a
{ text-decoration: none; text-indent: -9999px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background-color: #dde; opacity: 0.8; border: 2px solid #eee; display: inline-block; height: 12px; width: 12px; line-height: 12px; margin-right: 10px; }
.homeCarousel-pagination a:last-child
{ margin-right: 0; }
.homeCarousel-pagination a.active
{ background-color: #007db8; }

.homeSlide
{ float: left; width: 1200px; color:#fff; border-bottom: 3px #ffd220 solid; height: 45rem; box-sizing: border-box; position: relative;}
	.homeSlide .container{
		height: 85%;
		padding: 0;
		position: relative; 
	}
	.homeSlideContainer	{ position: absolute; width: 100%; bottom: 0; left: 0; }
		.homeSlideContainer.floatleft
		{ float: left; }
		.homeSlideContainer.floatcenter
		{ float: none; margin: 0 auto; }
		.homeSlideContainer.floatright
		{ float: right; }
		.homeSlideContainer.textleft
		{ text-align: left; }
		.homeSlideContainer.textcenter
		{ text-align: center; }
		.homeSlideContainer.textright
		{ text-align: right; }
	.homeSlideContainerWrap {
		padding: 0 10px;
	}
	.homeSlide h2
	{ margin: 0; font-size: 4.8rem; line-height: 1.1em; }
	.homeSlide h3
	{ margin: 0; margin-top: 1rem; font-size: 1.8rem; font-weight: 200; }
	.homeSlide a.generic-button
	{ margin-top: 3rem; margin-right: 0; position: relative; z-index: 11; }
	.homeSlide .homeSlideAnchor
	{ position: absolute; width: 100%; height: 100%; top: 0; display: block; }
#homeBanner .homeCarouselSlides, #homeBanner .homeSlide
{ width: 100%; }

#homeFeatured
{ border-bottom: 3px #ffd220 solid; }
#homeFeatured .col
{ float: left; width: 50%; }
#homeFeatured article, .articles article
{ float: left; }
#homeFeatured article
{ margin: 0; position: relative; }
#homeFeatured article .entry-summary
{ margin: 0; }
#homeFeatured article.big
{ width: 100%; }
#homeFeatured article.small
{ width: 50%; }
#homeFeatured article .post-thumbnail
{ position: relative; }
#homeFeatured article.big .post-thumbnail
{ height: 60rem; }
#homeFeatured article.small .post-thumbnail
{ height: 40rem; }
	#homeFeatured .articleInfo
	{ position: absolute; bottom: 1rem; left: 0; max-width: 90%; opacity: .9; background-color: #000; padding: .5rem 1.2rem; }
	#homeFeatured article .articleInfo a
	{ /*color: #fff;*/ color: #eee; line-height: 1.4; }
	#homeFeatured article .authorInfo a
	{ position: relative; z-index: 11; }
	#homeFeatured article h2, #homeFeatured .authorInfo
	{ margin-bottom: 1.5rem; border: 0; margin: 0; padding: 0 }
	#homeFeatured article h2 a:hover
	{ text-decoration: none; }
	/*#homeFeatured article h2 span, #homeFeatured .authorInfo > div
	{ display: inline; background: #000; box-shadow: 10px 0 0 #000, -10px 0 0 #000; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; }*/
	#homeFeatured article h2 span
	{ padding: .5rem 0; }
	#homeFeatured .authorInfo > div
	{ padding: .2rem 0; }
	#homeFeatured article .authorInfo .authorName, #homeFeatured article .authorInfo .authorTitle
	{ padding: 0; }
	#homeFeatured article a.articleAnchor
	{ position: absolute; width: 100%; height: 100%; top: 0; display: block; z-index: 10; background-color: #000; opacity: 0.15; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
	#homeFeatured article a.articleAnchor:hover
	{ opacity: 0; }

#homePosts h2.containerHead .underlineBorder {
    border-bottom: 1px #eee solid;
}
#homePosts h2 a, #homePosts h2 a:hover
{ color: #eee; }
#homePosts article .authorName a
{ color: #444; text-transform: uppercase;}
#homePosts article .authorInfo {
    border-top: 1px solid #3DC6EF;
    margin-top: 3rem;
    color: #444;
    padding-top: .7rem;
}
body.home .load-more{ color: #fff}

/* authors page */
#authorsForm {
    margin-top: 6rem;
}
#authorsForm form{
    width: 100%;
}
#authorsForm form .inputWrap{
	float: left;
    margin-right: 2%;
    position: relative;
    box-sizing: border-box;
    width: 82%;
}
#authorsForm input[type="text"]{
	width: 100%;
    box-sizing: border-box;
    height: 5rem;
    border: 1px solid #007db8;
    font-size: 3rem;
    padding: 0 22.5rem 0 1.5rem;
}
#authorsForm input[type="text"]:focus {
    outline: 0;
    border: 1px solid #007db8;
}
#authorsForm input[type="submit"]{
	position: absolute;
    right: 0;
	top: 0;
    width: 21rem;
    height: 5rem;
}
#authorsForm input[type="button"]{
	width: 16%;
    float: left;
    box-sizing: border-box;
    height: 5rem;
    background-color: #808080;
}

#authorsForm input[type="text"],
	#authorsForm input[type="submit"],
#authorsForm input[type="button"]{
	padding: 1rem;
}
#lettersFilter {
    margin-top: 4rem;
	text-transform: uppercase;
	border-bottom: 2px #444 solid;
	padding-bottom: .5rem;
	width: 100%;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;
}
#authors {
	margin-top: 6rem;
	margin-bottom: 5rem;
}
#authors .authorsLetter{
	padding-top: 6rem;
}
#authors .authorsLetter h3{
	font-size: 4.8rem;
	border-bottom: 1px solid #444;
	text-transform: uppercase;
}
#authors .author
{ float: left; width: 33.3%; margin-bottom: 2rem; }
#authors .authorsLetter div:nth-of-type(3n+4)
{ clear: both; }
#authors .author .authorAvatar {
    float: left;
    padding-right: 2rem;
	max-width: 9rem;
}
#authors .author span.text {
    float: left;
	padding-top: .5rem;
	max-width: 26rem;
}
#authors .author span.text a,
#authors .author span.text span{
	display: block;
}
#authors .author .authorAvatar img {
    border-radius: 50%;
    max-width: 7rem;
}

/*author page*/
#pageHeader.authorHeader .authorInfo{
	float: left;
    margin-top: 8rem;
    margin-bottom: 2rem;
	width: 100%;
}
#pageHeader.authorHeader .authorInfo .authorAvatar{
	padding-right: 3rem;
    display: inline-block;
}
#pageHeader.authorHeader .authorInfo .authorAvatar img{
	border-radius: 50%;
    border: 3px solid #007db8;
}
#pageHeader.authorHeader .authorInfo h1{
	display: inline-block;
    vertical-align: top;
    font-size: 3rem;
	width: 65%;
}
#pageHeader.authorHeader .social-links{
	float: right;
}
#pageHeader.authorHeader .authorInfo h1,
#pageHeader.authorHeader .authorInfo .social-links{    
    margin-top: 6rem;
}
#pageHeader.authorHeader .authorInfo .authorAvatar ~ h1,
#pageHeader.authorHeader .authorInfo .authorAvatar ~ .social-links{    
    margin-top: 2rem;
}
#pageHeader .social-links a {
    width: 4.5rem;
    height: 4.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
	border: 0;
}
#pageHeader .social-links [class^="icon-"] {
    font-size: 3rem;
}
#pageHeader .social-links [class^="icon-"]:before, .social-links [class*=" icon-"]:before {
    line-height: 4.5rem;
	color: #808080;
}
#pageHeader .social-links a:hover [class^="icon-"]:before, .social-links a:hover [class*=" icon-"]:before {
    color: #fff;
}
#pageHeader .social-links a:hover {
	background: #252525;
}

#pageHeader .social-links .rss:hover {
	background: #F28A29;
}

#pageHeader .social-links .twitter:hover {
	background: #1db0ed;
}

#pageHeader .social-links .facebook:hover {
	background: #3B5998;
}

#pageHeader .social-links .googleplus:hover {
	background: #dd4b39;
}

#pageHeader .social-links .linkedin:hover {
	background: #007bb6;
}

#pageHeader .social-links .instagram:hover {
	background: #517fa4;
}

#pageHeader .social-links .youtube:hover {
	background: #bb0000;
}

#pageHeader .social-links .pinterest:hover {
	background: #cb2027;
}
body.author .authorBio {
    margin-top: 5rem;
}
body.author .articles article {
    width: 50%;
}

#searchForm{
	background-color: #007db8;
    padding: 7.5rem 0;
    color: #fff;
	margin-bottom: 4rem;
}

.post-type-archive .featured-image
{ float: left; padding-right: 20px; }

/*single post page*/
body.single .entry-header
{ background-color: #000; color: #eee; padding: 0; width: 100%; z-index: 100; position: absolute; top:137px; }
	body.single .entry-header h1
	{ color: #eee; font-size: 6rem; font-weight: 100; }
body.single .entry-meta
{ float: left; color: #808080;}
	body.single .posted-on, body.single .byline
	{ padding-right: 0; }
	body.single .byline {
		padding-right: .7rem;
	}
	body.single .posted-on {
		padding-left: .7rem;
	}
body.single .sharesContainer
{ float: right; margin-top: .7rem; }
body.single .sharesContainer span{
	color: #808080;
	vertical-align: super;
}
	body.single .overshare, body.single .overshare .share
	{ display: inline; }
	.overshare a:hover {
		text-decoration: none;
	}
body.single .singleFixedHeader
{ position: fixed; -moz-transition: top 1s ease-in-out; -webkit-transition: top 1s ease-in-out; -o-transition: top 1s ease-in-out; transition: top 1s ease-in-out; min-height: inherit; }
	body.single .entry-header.singleFixedHeader .container
	{ padding: 10px; max-width: 1600px; }
	body.single .entry-header.singleFixedHeader h1
	{ float: left; font-size: 3rem; width: 70%; padding-right: 0; }
	body.single .entry-header.singleFixedHeader .entry-meta
	{ display: none; }
	body.single .entry-header.singleFixedHeader .metaWrap{
		border-top: 0;
		margin: 0;
    	padding: 0;
	}
body.single .ratingIntro, body.single .post-ratings
{ display: inline; }
body.single .ratingWrap{
	border-bottom: 1px solid #444;
	padding-bottom: 1rem;
	margin: 3rem 0;
    margin-top: 7rem;
}
body.single .ratingIntro {
    font-size: 3rem;
	padding-right: 4rem;
}
footer.entry-footer {
    padding: .5rem 0;
}
body.single .entry-footer
{ font-size: 1.8rem; }
body.single .entry-footer p{
	margin-bottom: .5rem;
}
body.single .entry-footer span.title
{ text-transform: uppercase; padding-right: 0.5em; }
body.single .entry-footer .tags-links,
body.single .entry-footer .cat-links{
    display: inline;
}
body.single .entry-footer a{
	padding: .5rem 3rem;
    border: 1px solid #444;
    color: #444;
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: 1rem;
}
body.single .articles article {
    width: 50%;
}
body.single article .entry-content p,
body.single article .entry-content ul,
body.single article .entry-content ol,
body.single article .entry-content li{
    color: #444;
}
body.single .load-more
{ display: block; }
body.single .articles article:nth-of-type(n+3)
{ display: none; }
body.single .site-main .container {
    max-width: 1080px;
}
body.single .entry-header .container {
    padding: 74px 10px 10px 10px;
}
body.single .entry-header .metaWrap{
	border-top: 3px #00c8f4 solid;
	padding-top: 1rem;
    margin-top: 2rem;
	width: 100%;
}
body.single .entry-content blockquote {
    font-style: normal;
    margin: 3rem 0;
    padding: 0;
    border-left: 0;
    font-size: 4.8rem;
	line-height: 1.15;
}
body.single .entry-content blockquote p {
    color: #007db8 !important;
}
body.single .entry-content blockquote p:before {
    content: '"';
}
body.single .entry-content blockquote p:after {
    content: '"';
}
body.single .overshare .share{
    margin: 0 .5rem;
    display: inline-block;
    color: #808080;
    font-size: 2.4rem;
}
body.single .overshare .share:hover{
    color: #eee;
}
/*
body.single .overshare .share.facebookIcon
{ background: url('/wp-content/themes/the-box/images/icon-facebook-32x32.png') no-repeat top center / cover; }
body.single .overshare .share.linkedinIcon
{ background: url('/wp-content/themes/the-box/images/icon-linkedin-32x32.png') no-repeat top center / cover; }
body.single .overshare .share.twitterIcon
{ background: url('/wp-content/themes/the-box/images/icon-twitter-32x32.png') no-repeat top center / cover; }
body.single .overshare .share.googleIcon
{ background: url('/wp-content/themes/the-box/images/icon-google-32x32.png') no-repeat top center / cover; }
body.single .overshare .share.pinterestIcon
{ background: url('/wp-content/themes/the-box/images/icon-pinterest-32x32.png') no-repeat top center / cover; }
body.single .overshare .share.emailIcon
{ background: url('/wp-content/themes/the-box/images/icon-email-32x32.png') no-repeat top center / cover; }
body.single .overshare .share.linkIcon
{ background: url('/wp-content/themes/the-box/images/icon-link-32x32.png') no-repeat top center / cover; }
body.single .overshare .share:hover
{ background-position: bottom center; }
*/
body.single .entry-content
{ max-height: 10000px; overflow: hidden; -moz-transition: max-height 3s ease-in-out; -webkit-transition: max-height 3s ease-in-out; -o-transition: max-height 3s ease-in-out; transition: max-height 3s ease-in-out; }
body.single .showMobileContent
{ display: none; }

#dsq-app1 {
    margin-top: 5rem;
}

/*contact page*/
.gform_wrapper form.contactForm .gform_body ul.gform_fields li.gfield,
.gform_wrapper.gform_validation_error form.contactForm .gform_body ul.gform_fields li.gfield{
    padding: 0 30px 6px 0 !important;
    width: 50%;
	margin: 0 !important;
	display: inline-block;
	position: relative;
}
.gform_wrapper.gform_validation_error form.contactForm .gform_body ul.gform_fields li.gfield input{
	margin-bottom: 15px !important;
}
.gform_wrapper form.contactForm .gform_body ul.gform_fields li.message {
    width: 100% !important;
    display: block;
}
.gform_wrapper form.contactForm input.medium,
.gform_wrapper form.contactForm textarea.medium{
    width: 100% !important;
	background-color: transparent;
	border: 1px solid #444;
	padding: 5px 10px !important;
	
}
.gform_wrapper form.contactForm input.medium:focus,
.gform_wrapper form.contactForm textarea:focus{
	border: 1px solid #007db8;
	outline: none;
	
}
.gform_wrapper form.contactForm input.medium{
	height: 5rem;
	
}
.gform_wrapper form.contactForm textarea.medium {
    height: 12rem;
}
.gform_wrapper form.contactForm label.gfield_label {
    display: none;
}
.gform_wrapper form.contactForm .gform_footer input[type="submit"]{
    float: right;
    margin-right: 30px;
}
.gform_wrapper form.contactForm li.gfield.gfield_error{
    background-color: inherit;
    margin-bottom: inherit;
    border-top: inherit;
    border-bottom: inherit;
    padding-bottom: 6px;
    padding-top: 8px;
    box-sizing: border-box;
}
.gform_wrapper form.contactForm.gform_validation_error .top_label input.medium{
    width: 100%;
}
.gform_wrapper form.contactForm li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    padding-right: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea, .gform_wrapper .top_label .gfield_error textarea.textarea {
    border: 1px solid #790000;
}
.gform_wrapper form.contactForm .message.gfield.gfield_error.gfield_contains_required div.gfield_description{
	bottom: -15px;
}
#homeFeatured article .entry-summary {
    box-sizing: border-box;
	border: 0;
}
#homeFeatured .col article:first-child .entry-summary {
    border-right: 2px solid #eee;
}
#homeFeatured .col article:last-child .entry-summary {
    border-top: 2px solid #eee;
}
#homeFeatured .col:first-child article:first-child .entry-summary {
    border-bottom: 2px solid #eee;
}
#homeFeatured .col:first-child article:nth-last-child(2) .entry-summary,
#homeFeatured .col:first-child article:last-child .entry-summary {
    border-right: 2px solid #eee;
    border-top: none;
}

.sitemap .search-form
{ margin-bottom: 30px; }
.sitemap .menuDot
{ display: none; }
.sitemap .menu-primary-container ul
{ margin: 0; }


.pibfi_pinterest {
    position: relative;
    display: inherit;
}
.pibfi_pinterest .alignright ~ .xc_pin {
	right: 0;
}
.pibfi_pinterest .alignleft ~ .xc_pin {
	left: 0;
}
.pibfi_pinterest .aligncenter ~ .xc_pin {
	left: 50%;
}
.pibfi_pinterest .alignright {
    margin: 0.5em 0 0.5em 1em;
}
.pibfi_pinterest .alignleft {
    margin: 0.5em 1em 0.5em 0;
}

/* set responsive text per breakpoint */
@media screen and (max-width: 979px){
	html{
		font-size: 42%;
	}
	#site-navigation{
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 980px){
	html{
		font-size: 53%;
	}
	#site-navigation{
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 1280px){
	html{
		font-size: 58%;
	}
	#site-navigation{
		font-size: 2rem;
	}
}

@media screen and (min-width: 1600px){
	html
	{ font-size: 62.5%; }
}

/* mobile and ipads */
@media screen and (max-width: 767px), screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){

	.page-contact header + .container
	{ padding-bottom: 100px; }

	html.noscroll, body.noscroll
	{ position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.noscroll #main
	{ position: fixed; }	
	.noscroll #fixedHeader {
		position: relative;
	}
	.noscroll #blogName{
		position: fixed;
		top: 44px;
		left: 0;
		width: 100%;
		z-index: 2000;
		background-color: #444;
		padding-left: 10px;
	}
	.noscroll #triangleMenuButton{
		position: fixed;
		top: 44px;
		right: 0;
		z-index: 2000;
	}
	.noscroll div#nightShade {
		display: block;
		opacity: .7 !important;
	}
	#triangleMenuButton
	{ display: inline-block; }
	#masthead .container
	{ padding-right: 0; padding-left: 10px; }

	#site-navigation
	{ height: auto; }
	#site-navigation.toggled
	{ margin: 0; position: absolute; width: 100%; overflow: auto; left: 0; top: 39px; z-index: 999; }
	.main-navigation .container
	{ padding: 0; }
	.main-navigation.toggled .nav-menu
	{ background-color: transparent; }
	.main-navigation li.menuLatest.current-menu-item a, .main-navigation > div > ul > li:hover > a, .main-navigation > div > ul > li:hover > a:hover
	{ border-bottom: 1px solid #ddd; text-align: right; }
	.main-navigation.toggled ul ul
	{ display: none; }
	.main-navigation.toggled ul li:hover > ul
	{ display: block; padding: 10px 0; }	
	.main-navigation.toggled ul li:hover > ul li
	{ padding: 0 15px; }	
	.main-navigation.toggled ul li:hover > ul li a
	{ border: 0; }
	.main-navigation.toggled ul ul li a
	{ padding-left: 35px; }
	.main-navigation.toggled ul ul ul li a
	{ padding-left: 55px; }
	.main-navigation.toggled a, .main-navigation.toggled ul ul a,
	.main-navigation.toggled li a
	{ background-color: #444; text-align: right; border-bottom: 1px solid #ddd;}
	.main-navigation.toggled li.menuDot
	{ display: none; }
	#headerSubscribeButton,
	#headerSearchButton {
		display: none;
	}
	.toggled #headerSubscribeButton,
	.toggled #headerSearchButton {
		display: block;
	}
	#site-navigation > div:first-child {
		display: block;
		width: 100%;
	}
	#headerSearchButton {
		display: none !important;
	}
	.main-navigation.toggled #mobileSearch{
		display: block;
	}
	.main-navigation.toggled #mobileSearch h3,
	.main-navigation.toggled #mobileSearch .search-submit span{
		display: none;
	}
	.main-navigation.toggled #mobileSearch .search-submit{
		background-color: transparent;
		width: 30px;
		height: 24px;
		background: url(/wp-content/themes/the-box/images/search.png) no-repeat center;
		background-size: contain;
		padding: 0;
		margin: 8px 6px;
	}
	.main-navigation.toggled #mobileSearch .search-form input.s {
		background-color: #6fb5d5;
		font-size: 2rem;
		height: 40px;
		padding-right: 50px;
		color: #fff;
		border: 0;
	}
	.main-navigation.toggled #mobileSearch input:not([type='checkbox']):focus{
		outline: none;
		opacity: .8;
	}
	.main-navigation.toggled #mobileSearch input::-webkit-input-placeholder { /* Chrome */
	  color: #fff;
	}
	.main-navigation.toggled #mobileSearch input:-ms-input-placeholder { /* IE 10+ */
	  color: #fff;
	}
	.main-navigation.toggled #mobileSearch input::-moz-placeholder { /* Firefox 19+ */
	  color: #fff;
	  opacity: 1;
	}
	.main-navigation.toggled #mobileSearch input:-moz-placeholder { /* Firefox 4 - 18 */
	  color: #fff;
	  opacity: 1;
	}
	.main-navigation.toggled .buttonWrap {
		background-color: #444;
		padding: 10px;
		text-transform: uppercase;
		display: block;
		border-bottom: #ddd solid 1px;
	}
	.main-navigation.toggled .buttonWrap.subscribe {
		display: none;
	}
	html:not([lang]) .main-navigation.toggled .buttonWrap.subscribe,
	html[lang="en-US"] .main-navigation.toggled .buttonWrap.subscribe {
		display: block;
	}
	.main-navigation.toggled .buttonWrap
	.main-navigation.toggled .buttonWrap.search {
		background-color: #007db8;
		height: 40px;
	}
	.main-navigation.toggled .buttonWrap #headerSubscribeButton {
		border: 1px transparent solid;
    	margin: 0;
		padding: .8rem 1.5rem;
		height: auto;
		text-align: center;
	}
	.main-navigation > div > ul > li > .sub-menu, .main-navigation > div > ul > li > .sub-menu > li > .sub-menu {
		border-bottom: 1px #ddd solid;
	}
	#masthead .headerHidden .container{
		padding: 50px 30px 10px;
	}	
	#masthead .headerHidden .divHead{
		font-size: 3.6rem;
	}
	#masthead .headerHidden .headerHiddenClose{
		top: 2rem;
    	right: 1rem;
	}
	#masthead .headerHidden .intro {
		width: 100%;
	}
	#masthead #headerSearch.headerHidden{
		display: none !important;
	}
	.gform_wrapper .subscribeForm ul li.gfield,
    .mc-field-group,
    .mc-field-group.input-group{
		display: block;
		width: 100%;
		vertical-align: top;
		margin-top: 0;
		padding: 5px 0 !important;
	}
	.gform_wrapper .subscribeForm ul li.subscribe-form-input-checkbox,
    .mc-field-group {
		width: 100%;
	}
	.gform_wrapper .subscribeForm .gform_footer {
		display: block;
		width: 100%;
		padding: 0;
		float: right;
	}
	.overlayVisible #headerSubscribe.headerHidden {
		display: none;
		height: auto;
		background-color: #007db8;
		position: fixed;
		top: 84px;
		bottom: 0;
		left: 0;
		right: 0;
		font-size: 16px;
    	font-weight: 300;
	}
	#masthead #headerSubscribe.headerHidden .divHead {
		font-weight: normal;
	}
    #mc_embed_signup_scroll {
        display: block;
    }    
    #headerSubscribe #mc-embedded-subscribe{
        margin-top: 2rem;
    }
    #mce-responses {
        width: 100%;
    }
	
	/* fix font adjustment */
	body{
		font-size: 18px;
	}
	.entry-summary p,
	#site-navigation,
	.main-navigation ul ul.sub-menu a,
	.main-navigation.toggled #mobileSearch .search-form input.s{
		font-size: 16px;
	}
	.footer-navigation .menu li,
	.footer-navigation .menu li a,
	.load-more{
		font-size: 14px;
	}
	#homeFeatured article .authorInfo a,
	article .authorInfo .authorName a,
	article .authorInfo .authorTitle,
	article .authorInfo .authorDate {
		font-size: 12px;
	}
	body.single .entry-header h1 {
		font-size: 4.5rem;
	}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
	.gform_wrapper textarea{
		font-size: 14px !important;
	}
	.gform_wrapper form.contactForm .gform_footer input[type="submit"] {
		padding: 0 25px;
		line-height: 2;
	}
	input[type="submit"],
	input[type="button"]{
		border-radius: 0;
	}
	#triangleMenuButton {
		width: 50px;
	}
	.toggled ~ #triangleMenuButton {
		padding: 0;
	}
	.toggled ~ #triangleMenuButton div {
		border: 0;
		width: 100%;
		height: 100%;
	}
	.toggled ~ #triangleMenuButton div:before {
		content: "\00d7";
		font-size: 40px;
		display: block;
		text-align: center;
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
}

/*ipad pro portrait*/
@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){
	#triangleMenuButton {
		height: 60px;
		padding-top: 25px;
	}
	.noscroll #blogName {
		top: 77px;
	}
	.noscroll #triangleMenuButton {
		top: 77px;
	}
	#site-navigation.toggled {
		top: 59px;
		line-height: 40px;
	}
}

/* global nav breakpoint, and misc */
@media screen and (max-width: 979px){
	#fixedHeader{
		height: 84px;
	}
	#globalnav-footer>div {
		padding: 0 16px !important;
	}
	#globalnav-overlay-menu{
		display: none !important;
	}
	.site-main{
		padding: 84px 0 10px 0;
	}
	#site-navigation{
		line-height: 40px;
	}
	#blogName{
		line-height: 40px;
	}
	.main-navigation ul li ul.sub-menu {
		top: 40px;
	}
	.main-navigation a {
		height: 35px;
	}
	#headerSubscribeButton {
		line-height: 18px;
		height: 24px;
		margin-top: 8px;
	}
	#headerSearchButton {
		width: 20px;
		height: 40px;
		background-position: center 10px;
	}
	#masthead
	{overflow: inherit; height: 40px;}
	.headerHiddenClose {
		width: 30px;
		height: 30px;
	}
	.menuRight {
		height: 40px;
	}
	.container {
		padding: 0 20px;
	}	
	body.single .entry-header
	{ top: 84px; }
	body.single .entry-header .container {
		padding: 40px 20px 10px 20px;
	}
	body.single .entry-header.singleFixedHeader .container {
		padding: 10px 20px;
	}
	#authorsForm input[type="text"],
	#authorsForm input[type="submit"],
	#authorsForm input[type="button"]{
		height: 40px;
	}
}

/*mobile only*/
@media screen and (max-width: 736px){
	.articles article{
		width: 50%;
	}
	#homeFeatured article.small {
		width: 100%;
	}
	#homeFeatured article.big .post-thumbnail {
		height: 40rem;
	}
	.homeSlideContainer.textright {
		text-align: center;
	}
	.homeSlide h3,
	.homeSlide .generic-button{
		font-size: 1.2em;
	}
	.load-more {
		margin: 4rem auto;
	}
	.site-footer .text-right {
		text-align: inherit;
		display: flex;
		flex-direction: column;
	}
	.footer-navigation{
		order: 2;
	}
	.social-navigation{
		order: 1;
		padding-bottom: 10px;
    	padding-left: 0;
	}
	.social-navigation .social-links{
		text-align: center;
	}
	/*#homeFeatured .articleInfo {
		left: 20px;
	}
	#homeFeatured article h2 span, #homeFeatured .authorInfo > div {
		box-shadow: 20px 0 0 #000, -20px 0 0 #000;
	}*/
	.entry-content {
		margin-top: 3rem;
	}
	body.single .ratingIntro {
		font-size: 2rem;
		padding-right: 0;
		float: left;
		width: 40%;
	}
	body.single span.rate {
		float: right;
		width: 55%;
		text-align: right;
	}
	body.single .sharesContainer,
	#pageHeader.authorHeader .social-links{
		position: fixed;
		bottom: 0;
		background-color: #000;
		width: 100%;
		height: 40px;
		left: 0;
		text-align: center;
		float: none;
		padding: 0;
    	box-sizing: border-box;
		z-index: 10;
		line-height: 40px;
	}
	.clipboardContainer .clipboardTooltip {
		top: -50px;
	}
	body.single .overshare {
		padding: 0 5px;
	}
	body.single .overshare .share {
		max-height: 30px;
		max-width: 30px;
	}
	body.single .sharesContainer span {
		display: none;
	}
	body.single .singleFixedHeader {
		position: relative;
		-moz-transition: inherit;
		-webkit-transition: inherit;
		-o-transition: inherit;
		transition: inherit;
	}
	body.single .entry-meta span{
		display: block;
		padding-left: 0;
		padding-right: 0;
		font-size: 12px;
	}
	body.single .entry-meta span.dot{
		display: none;
	}
	body.single .entry-header {
		background-color: transparent;
		color: #444;
	}
	body.single .entry-header h1 {
		color: #444;
	}
	
	body.single .entry-content.mobileHide
	{ position: relative; max-height: 200px; }
	body.single .entry-content.mobileHide:after
	{ content: ""; width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top,  rgba(238,238,238,0) 0%, rgba(238,238,238,1) 80%); background: -webkit-linear-gradient(top,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 80%); background: linear-gradient(to bottom,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); }
	.dell.single .entry-content.mobileHide:after{
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	}
	body.single .showMobileContent
	{ display: block; background-color: #007db8; text-transform: uppercase; color: #fff; padding: 10px 20px; text-align: center; max-width: 200px; margin: 0 auto; font-size: 12px; border: 3px solid #007db8; }
	body.single .showMobileContent:hover
	{ background-color: #fff; color: #007db8; text-decoration: none; }

	
	.gform_wrapper form.contactForm .gform_body ul.gform_fields li.gfield, .gform_wrapper.gform_validation_error form.contactForm .gform_body ul.gform_fields li.gfield{
		width: 100%;
		padding: 0 !important;
	}
	.gform_wrapper form.contactForm .gform_footer input[type="submit"] {
		float: none;
		margin: 0;
	}	
	#pageHeader.authorHeader .authorInfo h1{
		width: auto;
	}
	#authors .author {
		float: left;
		width: 100%;
		margin-bottom: 2rem;
	}
	#authorsForm form .inputWrap {
		margin-right: 2%;
		width: 80%;
	}
	#authorsForm input[type="text"] {
		width: 100%;
		padding: 0 32% 0 1.5rem;
	}
	#authorsForm input[type="submit"] {
		width: 30%;
	}
	#authorsForm input[type="button"] {
		width: 18%;
	}
	#homeFeatured .col article:first-child .entry-summary {
		border-right: 0;
		border-bottom: 2px solid #eee;
	}
	#homeFeatured .col:first-child article:first-child .entry-summary {
		border-right: 2px solid #eee;
	}
	#homeFeatured .col:first-child article:last-child .entry-summary {
		border-top: 2px solid #eee;
	}
	
	/*temporary for emc world*/
	.homeSlide {
		background-position: 85% center!important;
	}
}

/*2 cols to 1 col breakpoint*/
@media screen and (max-width: 500px){
	.articles article,
	#homeFeatured .col,
	#homeFeatured article,	
	body.single .articles article,
	body.author .articles article{
		width: 100%;
	}
	article:not(.has-post-thumbnail) .articleContentPositioned {
		position: inherit;
		bottom: inherit;
	}
	#homePosts .container{ padding: 0;}
	#homePosts .articleContent{height: inherit !important;}	
	.articles {
		margin-left: 0;
		width: 100%;
	}
	.entry-content, .entry-summary {
		margin: 3rem 0 0 0;
	}
	#homePosts .entry-content, #homePosts .entry-summary {
		margin: 3rem 20px 0 20px;
	}
	article .post-thumbnail img {
		width: 100%;
	}
	#homeFeatured .col article .entry-summary {
		border-top: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-bottom: 2px solid #eee !important;
	}
	#homeFeatured .col article:last-child .entry-summary {
		border-bottom: 0 !important;
	}
	#homeFeatured .col:first-child article:last-child .entry-summary {
		border-bottom: 2px solid #eee !important;
	}
}

/* Dell site */
.dell .globalnav,
.dell #globalnav-footer,
.dell #globalnav-header{
    background-color: #007db8;
}
.dell #globalnav-logo img {
    width: 47px;
    height: 47px;
    top: 15px;
}
.dell #masthead,
.dell .site-footer,
.dell .main-navigation.toggled a,
.dell .main-navigation.toggled ul ul a,
.dell .main-navigation.toggled li a,
.dell.noscroll #blogName,
.dell .main-navigation.toggled .buttonWrap:not(.search){
    background-color: #eee;
}
.dell #blogName,
.dell .main-navigation a,
.dell .main-navigation a:hover,
.dell #headerSubscribeButton,
.dell .generic-button,
.dell .main-navigation li.menuDot a,
.dell .main-navigation li.menuDot a:hover,
.dell.home,
.dell #masthead,
.dell .site-footer a,
.dell .site-footer a:hover,
.dell .social-links [class^="icon-"]:before,
.dell .social-links [class*=" icon-"]:before{
	color: #444 !important;
}
.dell h1 a,
.dell h2 a,
.dell h3 a,
.dell h1 a:hover,
.dell h2 a:hover,
.dell h3 a:hover,
.dell h2.containerHead,
.dell.home .load-more,
.dell #pageHeader h1,
.dell.single .entry-header h1{
    color: #007db8 !important;
}
.dell .load-more span {
    border: 3px solid #444;
}
.dell .load-more span:hover {
    border: 3px solid transparent;
}
.dell .social-links [class^="icon-"]:hover:before,
.dell .social-links [class*=" icon-"]:hover:before,
.dell #globalnav-footer a:active,
.dell #globalnav-footer a:hover,
.dell #globalnav-footer a:link,
.dell #globalnav-footer a:visited,
.dell.home .load-more:hover,
.dell #globalnav-footer,
.dell .main-navigation .sub-menu a,
.dell .main-navigation .sub-menu a:hover,
.dell #homeFeatured article .articleInfo a,
.dell #masthead .headerHidden,
.dell .main-navigation.toggled #headerSubscribeButton,
.dell.single .entry-header.singleFixedHeader h1,
.dell.single .entry-header.singleFixedHeader .sharesContainer span{
	color: #fff !important;
}
.dell #headerSubscribeButton,
.dell .generic-button,
.dell #triangleMenuButton{
    background-color: #f2af00;
}
.dell #main,
.dell #headerSubscribeButton:hover,
.dell .generic-button:hover{
    background-color: #fff !important;
}
.dell #headerSearchButton {
    background-image: url(/wp-content/themes/the-box/images/search_blue.png);
}
.dell #homeFeatured article h2 span,
/*.dell #homeFeatured .authorInfo > div {
    background: #007db8;
    box-shadow: 10px 0 0 #007db8, -10px 0 0 #007db8;
}*/
.dell #homeFeatured .articleInfo
	{ background-color: #007db8;}
.dell #homeFeatured {
    border-bottom: 3px #f2af00 solid;
}
.dell .homeSlide {
    border-bottom: 3px #f2af00 solid;
}
.dell #homePosts h2.containerHead .underlineBorder {
    border-bottom: 1px #444 solid;
}
.dell #homePosts article .authorInfo {
    border-top: 1px solid #444;
}
.dell .social-links a{
	border: 1px solid #444;
}
.dell #pageHeader,
.dell.single .entry-header{
    background-color: transparent;
}
.dell #pageHeader .container{
	border-bottom: 2px #007db8 solid;
}
.dell #pageHeader h1{
	padding-bottom: 1.5rem;
}
.dell.single .entry-header .metaWrap {
    border-top: 3px #007db8 solid;
}
.dell.single .entry-header h1,
.dell #pageHeader h1{
	font-weight: 300;
}
.dell.single .entry-meta,
.dell.single .sharesContainer span{
    color: #aaa;
}
.dell .main-navigation.toggled a,
.dell .main-navigation.toggled ul ul a,
.dell .main-navigation.toggled li a,
.dell.noscroll #blogName{
    border-bottom: 1px solid #444;
}
.dell .main-navigation ul ul.sub-menu {
    border-top: 1px solid #444;
}
.dell .main-navigation.toggled ~ #triangleMenuButton {
    background-color: #aaa;
}
.dell #pageHeader .social-links a {
    background: #eee;
}
.dell.single .entry-header.singleFixedHeader {
    background-color: #007db8;
}
.dell.single .overshare .share{
    color: #aaa;
}
.dell.single .overshare .share:hover{
    color: #444;
}
.dell.single .singleFixedHeader .overshare .share{
    color: #eee;
}
.dell.single .singleFixedHeader .overshare .share:hover{
    color: #fff;
}
.dell #headerSubscribeButton:hover {
    border: 3px solid #f2af00;
}
@media screen and (max-width: 767px), screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){    
    .dell .main-navigation.toggled #headerSubscribeButton:hover{
        color: #444 !important;
        border: 1px #f2af00 solid;t;
    }
    .dell #blogName:hover{
        text-decoration: none;
    }
    .dell .main-navigation li.menuLatest.current-menu-item a,
    .dell .main-navigation > div > ul > li:hover > a,
    .dell .main-navigation > div > ul > li:hover > a:hover {
    border-bottom: 1px solid #444;
    text-align: right;
}
}

@media screen and (max-width: 1080px){
	.dell #pageHeader .container{
		margin: 0 10px;
	}
}

@media screen and (max-width: 979px){
	.dell #globalnav-logo {
		width: 30px;
		height: 30px;
		top: 7px;
		left: 20px;
	}
	.dell #globalnav-logo img {
		width: 30px;
		height: 30px;
		top: 0;
		margin-top: 0;
	}
	.dell #headerSearchButton{
		background-position: center 10px;
	}
	.dell #pageHeader .container{
		margin: 0 20px;
		padding: 0;
	}
}
@media screen and (max-width: 736px){
	.dell.single .sharesContainer,
	.dell #pageHeader.authorHeader .social-links{
		background-color: #eee;
    	border-top: 1px #000 solid;
	}
}


@media screen and (max-width: 350px) {
	.footer-navigation .menu li {
		margin-left: 5px;
	}
}

body.single article .entry-content .wp-caption-text {
	color: #757575;
	font-style: italic;
}

/* search excerpt fix */
body.search-results .articleContentInner p a.more-link:first-child { 
	display: none;
}

/* ie 9 fix */
@media all and (min-width:0\0) and (min-resolution: .001dpcm){
  .mc-field-group:not(.input-group) label
  {display: block; margin-bottom: 5px }
}

@media screen and (min-width: 768px){
	.main-navigation li:last-child ul.sub-menu {
		min-width: 180px;
		max-width: 100%;
	}
    .main-navigation li:last-child ul.sub-menu a {
        white-space: normal;
    }
	.main-navigation #menu-primary li:last-child ul.sub-menu {
		min-width: 100%;
		max-width: none;
	}
    .main-navigation #menu-primary ul.sub-menu a {
        white-space: nowrap;
    }

}
/* Signup Thank you */
.page-template-signup-ty #main{
  padding: 13rem 10rem 10rem 10rem;
  color: #fff !important;
}
.dell.page-template-signup-ty #main{
  background-color: #007db8 !important;
}
.dellemc.page-template-signup-ty #main{
  background-color: #000 !important;
}
.page-template-signup-ty #main #pageHeader h1{
  color: #fff !important;
  font-size: 4.8rem;
  padding-bottom: 1.5rem;
  font-weight: 100;
}
.page-template-signup-ty #main #pageHeader .container{
  border-bottom: 0;
}

/*Series icon*/
.articles article.dell-series-link .article-thumbnail i,
#homeFeatured article.dell-series-link .post-thumbnail i{
  background-image: url(/wp-content/themes/the-box/images/series_white.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  z-index: 2;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
}
#homeFeatured .dell-series-link .post-thumbnail i{
  width: 60px;
  height: 60px;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}
@media screen and (min-width: 48em){
  .articles article.dell-series-link .article-thumbnail i,
  #homeFeatured article.dell-series-link .post-thumbnail i {
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
  }
  #homeFeatured .big.dell-series-link .post-thumbnail i{
    width: 120px;
    height: 120px;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
  }
}
.articles article.dell-series-link .authorInfo{
  visibility: hidden;
}
#homeFeatured article.dell-series-link .post-thumbnail .authorInfo{
  display: none;
}