/*

Theme Name: thinkRedBarn Theme

Author: A Meyerson

*/



@import url("css/reset.css");

@import url("css/font-awesome.css");



html,body {margin:0; 	padding:0; height:100%; background: #fff; color: #555;

		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; }

	

a, a:visited{text-decoration: none; color: #555;}

a:hover{color: #d00404;}

a img {border: none;}

p img {margin-bottom: 0.5em;}

p img.alignleft {margin-right: 1em;}

p img.alignright{margin-left: 1em;}

a.graphic {text-indent: -9999px; display: block; border: none;}



em{ font-style: italic; }



h1,h2,h3,h4,h5,h6{font-weight: 400;}

h1 {font-size: 2em; line-height: 1em;}

h2 {font-size: 1.23em; color: #d00404;}





.hide { display: none; }



p{margin: 14px 0;}



strong{ font-weight: bold; }

ul {list-style-type: none; padding-left: 0;}

ul li, ol li{margin: 0.5em 0 0 30px;}



[class^="icon-"], [class*=" icon-"]  {color: #999;}

[class^="icon-"].right, [class*=" icon-"].right  { width: auto; margin-right: 15px; color: #999;}

#crumbs [class^="icon-"],#crumbs [class*=" icon-"]  {color: inherit; margin: 0 4px;}





/**LAYOUT**/

#container {	min-height:100%; position:relative; width: 100%;}

#body {padding:0px; padding-bottom:180px; /*Height of the footer */ z-index: 1; width: 1140px; margin: 0 auto; position: relative;}

#footer {position:absolute; bottom:0; width:100%; height:160px; /* Height of the footer */	z-index: 999;}



.inner {margin: 0 auto;}



/****** Header  ****/

.navigation-mobile {display: none;}



.header.rbtg {width: 100%; background: #000; color:#bcbdc0; font-family: Arial,sans-serif; font-size: 12px;

				padding: 0%; line-height: 2em;}

.header.rbtg a {color: #bcbdc0; text-decoration: none;}

.header.rbtg a:hover {color: #fff; text-decoration: underline;}



.header.rbtg #rbtg-left {display: block; float: left;}

.header.rbtg #rbtg-left {padding-left: 15px;}

.header.rbtg #rbtg-right {float: right;}

.header.rbtg #company-name {float: left;}

.header.rbtg #rbtg-right ul{list-style-type: none; display: block; float: right; background: #444; padding: 0; padding-right: 15px; margin: 0; margin-left: 2em;}

.header.rbtg #rbtg-right li {display: block; float: left; height: 100%; margin: 0;}

.header.rbtg #rbtg-right a {padding: 0 5px; line-height: 2em;}



.header.rbtg #rbtg-right li.on {background: #828282;}

.header.rbtg #rbtg-right li.on a{color: #fff;}

.header.rbtg #rbtg-right li.on .pipe {display: none;}

.header.rbtg #rbtg-right li.previous .pipe {display: none;}



.header.rbtg .pipe {padding: 0; color: #d00404;}

.header.rbtg #rbtg-left .pipe {padding: 0 5px;}



.header.rbtg .navigation-mobile span {display: block;}

.header.rbtg #rbtg-right a#brands {padding: 0;}

.header.rbtg .navigation-mobile #rbtg-left {padding-left: 5px;}

.header.rbtg .navigation-mobile #rbtg-right {padding-right: 5px;}





/** OLD PORTAL HEADER

.header {font-size: 1.07em; padding: 5px 0 0px; font-size: 13px;}

.header.rbtg {width: 100%; background:#111; height: 59px; color: #EEE; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

.header.rbtg .inner {width: 1140px;}



.header.rbtg h1{margin: 0; float: left;}

.header.rbtg a.rbtgLogo{float: left;}

a.rbtgLogo {background: url(img/logo-rbtg.jpg) 0 0 no-repeat; height: 50px; width: 180px; background-size: contain;}

#header-contact {float: left; font-size: 1.38em; font-weight: bold; text-align: left; margin: 0 10px; line-height: 1.4em;}

.header.rbtg p{padding: 0;	margin: 0; line-height: 1em;}

#header-contact a{color: #EEE; text-decoration: none; padding: 0; line-height: 2.4em;}

#header-contact a:hover{color: #eb302f;}

#header-nav {float: right; text-align: right; background: url(img/nav-line.png) 6px 12px no-repeat; font-size: 14px;}



#header-nav a{color: #EEE; font-weight: 400; text-decoration: none; padding: 3px 6px; line-height: 25px; }

#header-nav a:hover{border-bottom: 2px solid #d00404;}

#header-nav a.on {border-bottom: 2px solid #d00404;}



#header-nav p{padding: 5px 0 7px;}

#header-nav a.ThinkRedBarn, a.ThinkRedBarn {font-size: 1.46em; font-weight: bold; color: #EEE; padding: 0; line-height: 13px; }

#header-nav a.ThinkRedBarn:hover, a.ThinkRedBarn:hover {color: #d00404; background: none; border: none;}

**/





/** subheader **/

.header.subheader {background: #FFF; height: 84px; font-size: 1.07em; }

.header.subheader .inner {width: 1080px;}

#call-to-action {margin-left: 15px;}

.subheader h1 {margin: 0;}





/***mobile headers ***/

.header.rbtg .mobile a.mobi-logo {display: block; float: left; width: 180px;}

.header.rbtg .mobi-logo img {width: 100%; height: auto;}

.header.rbtg .mobile a.call, .header.rbtg .mobile a.brands, .header.rbtg .mobile a.ThinkRedBarn.right {font-size: 1.38em; line-height: 1.5em; color: #ddd; display: block; text-align: right;}

.header.rbtg .mobile a.brands {}

.header.rbtg .mobile a.ThinkRedBarn {font-size: 1.38em; margin-left: 5px;}

.header.rbtg .mobile a.ThinkRedBarn.right {display: none;}





/****** Menu  ****/

#access {display: block; margin: 48px auto 0px;}

#access ul {list-style: none;	margin: 0 10px; padding: 0;}

#access li {float: left; position: relative; padding: 0px; margin: 0;}

#access li.current_page_item a, #access li.current_page_ancestor a {background: #e2e2e2; padding: 0px 10px; margin: 6px 0; 

								border:1px solid #fff;background: #f4f4f4; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

#access li.current_page_item  ul a {padding: 6px 10px;margin: 0;border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

#access ul.sub-menu li a {background: #fff;}

#access a {display: block; line-height: 2em;	padding: 6px 10px; text-decoration: none; font-weight: 400; font-size: 16px;

			background: #fff; border:1px solid #fff;

			-moz-box-shadow: 5px 0 5px -5px #888, -5px 0 5px -5px #888; -webkit-box-shadow: 5px 0 5px -5px #888, -5px 0 5px -5px #888; box-shadow: 5px 0 5px -5px #888, -5px 0 5px -5px #888;}



#access li:hover > a {padding: 0px 10px; margin: 6px 0; border:1px solid #fff;

					background: #f4f4f4; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}

			

/***

#access ul ul {display: none; float: left;	position: absolute;	top: 46px; left: 0; z-index: 99999; margin: 0; padding: 0;

			border:1px solid #fff;background: #f4f4f4; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;	}

#access ul ul a {width: 20em; margin: 0; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

#access ul ul :hover > a { padding: 6px 10px;margin: 0; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

#access ul ul a:hover {	background: #fff;}

#access ul li:hover > ul {display: block;}



#access ul ul ul {left: 100%; top: 0; margin: 0; padding: 0;}

***/



/***mobile menus ***/

.header.subheader .mobi-logo  {width: 187px; height: auto; padding-left: 2%;}

.header.subheader .mobi-logo  img {width: 100%; max-width: 187px; height: auto; padding-bottom: 7px;}

.header.subheader .mobile .tagline h3{font-size: 16px;}



.header.subheader .navigation.mobile .menu-container {width: 70%;}

.menu-mobi {list-style: none; margin: 0; padding: 0; display: block; margin-top: 40px; width: 100%; }

.menu-mobi .short-menu {display: none;}

.menu-mobi  li {float: right; position: relative; padding: 0px; margin: 0; width:20%; min-width: 70px; }

.menu-mobi a {display: block; line-height: 2em;	padding: 0; text-decoration: none; font-weight: 400; font-size: 16px; text-align: left; color: #555;}

.menu-mobi ul {list-style: none; display: none; float: left; position: absolute; top: 2em; left: 0; z-index: 99999; margin: 0; padding: 0; background: #fff;}

.menu-mobi ul li {float: left; width: 100%;  max-width: none;}

.menu-mobi ul a {width: 16em; margin: 0; text-align: left; text-indent: 10px;}

.menu-mobi li:hover > ul, .menu-mobi li.clicked > ul {display: block;}

.menu-mobi #contact-link {color: #d00404; height: 34px;}





.footer .menu-mobi ul, .footer .menu-mobi ul a {width: 100%;}

.footer .menu-mobi li {text-indent: 10px; border: none;}

.footer .menu-mobi li a{line-height: 3em;}



a.expandable {cursor: pointer;}



/****** Content  ****/

#primary {}

#content {line-height: 1.4em;}

#content a { border-bottom: 1px solid #D00404; font-weight: bold;}

#content a.image {border-bottom: none;}

#content h1 a {border-bottom: none;}

#content h2 a{font-weight: 400; border: none; color: #d00404;}

#content h2 a:hover {text-decoration: underline;}



#crumbs {padding: 10px 0; }

#crumbs .current {font-size: 14px; color: #555; }

#crumbs a{font-size: 14px; font-weight: 400; color: #777; text-decoration: none; border: none;}

#crumbs a:hover {text-decoration: underline; color: #d00404;}



.stripe #crumbs {color: #eee;}

.stripe #crumbs .current {color: #fff;}

.stripe #crumbs a {color: #eee;}

.stripe #crumbs a:hover {color: #fff;}



#content-top {padding: 10px 20px; min-height: 120px; background: #fff;}



@media only screen and (min-width: 980px){

	#content-top::before, #content-top::after { content: ""; position: absolute; z-index: -2;}

	#content-top::before {right: -8px; top: 151px; left: 100%; bottom: 0px; background: url(img/bkg-curl-right.png) 0 0 no-repeat;}

	#content-top::after {right: 100%; top: 151px; left: -8px; bottom: 0px; background: url(img/bkg-curl-left.png) 0 0 no-repeat;}

}





#content .box {padding: 10px 15px; margin: 20px; width: 321px; height: 190px; float: left; position: relative;

			border:1px solid #fff;background: #f4f4f4; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

#content .box h2, #content .box p {margin: 10px 0;}

#content .box.first {margin-left: 0px; clear: both;}

#content .box.last {margin-right: 0px;}

#content .box.quote {border: 15px solid #fff; width: 293px; height: 162px; background: #ddd; }

#content .box a.more {position: absolute; bottom: 10px;}

#content .box img.upper {width: 100%; height: auto;}



#content #banner-strip { }

#content #banner-strip .box {height: 100px;}

#content .box#banner {width: 714px; color: #111;}

#content .box#banner  .more{color: #111;}

#content .box#banner  .more:hover{color: #d00404;}



#content .columns {overflow: hidden; }

#content .columns > div {padding: 1% 2%; float: left; }

#content .columns.two > div {width: 46%;}

#content .columns.three > div {width: 29.3%;}

#content .columns.four > div {width: 20.5%;}



#content .columns .sixty {width: 57%;  text-align: justify; padding: 0; padding-right: 3%; padding-left: 0;}

#content .columns .forty {width: 37%;  padding: 0; padding-left: 3%; padding-right: 0; }



#content .columns .column-image {background-position: center center; background-size: contain; background-repeat: no-repeat;}



#content .columns.stacked > div {}

#content .columns.stacked .row-left {clear: both; width: 49%; padding: 0; padding-right: 1%; padding-left: 0;}

#content .columns.stacked .row-right {width: 49%;  padding: 0; padding-left: 1%; padding-right: 0;}



.split {}

.main {width: 60%;}

.aside {position:absolute; top: 180px; right: 0; margin: 45px 7%; padding: 1% 2%; width: 22%;}



#content .back-to-top {font-size: 12px; border-bottom: none;}



#content .post{border-top: 4px #d4d4d4 double;}

#posts img {max-width: 100%; height: auto;}

#posts div:first-child {border-top: none;}

#content .post, .paged #posts div.post:first-child, .single #posts div.post:first-child {padding-top: 15px; margin-top: 0;}

h2.entry-title {margin: 0; padding: 0; font-weight: 400;}

h3.entry-title {margin: 0; padding: 0;}



.byline{font-style: italic; font-size: 0.9em; color: #888; margin-bottom: 1em;}

.byline a{font-style: normal;}

.byline .date{margin: 0; padding: 0; font-weight: bold; text-transform: uppercase;}



.nav-next, .nav-previous {font-size: 12px; float: left;}

.nav-next {float: right;}



/*** sidebar ***/

#secondary {margin-top: 40px;}

aside {clear: both; border-bottom: 3px double #eee;}

#secondary h2 {font-size: 1.6em;}

#secondary h3 {font-size: 1.4em;}

#secondary h3  a{}

 .widget_tag_cloud {padding-bottom: 1em;}

 .widget_tag_cloud h3 {margin-bottom: 0;}

 

 .blog img {max-width: 100%;}



/****** Footer  ****/

.footer {background: #111; height: 60px; color: #ddd;}

.footer a{color: #ddd;}

.footer span {display: block; float: left; margin: 0 5px;}



.footer .menu-mobi a {color: #555;}



.footer.links {background: #eee; height: 99px; border-top: 1px solid #ddd;}

.footer.links .inner {width: 1140px; margin: 0 auto;}



.footer.links a {display: block;float: left;margin: 7px 0; width: 20%; min-width: 165px; height: 75px; 

				background-size: 167px auto; text-indent: -9999px; position: relative; z-index: 999; background-position: top center; background-repeat: no-repeat;}





.footer.links a:hover{background-position: center -75px;}



.footer.links a.rbc_link{background-image: url("img/RedBarnComputers_link.png");}	

.footer.links a.hpc_link{background-image: url("img/RBHPC_link.png");}	

.footer.links a.hacker_link{background-image: url("img/Hackerthreads_link.png");}	

.footer.links a.velocity_link{background-image: url("img/VelocityTerminal_link.png");}	

.footer.links a.vital_link{background-image: url("img/VitalIT_link.png");}



.footer.nav .inner {width: 1140px; margin: 0 auto; padding: 15px 0px; font-size: 13px;}

#footer-nav{float: right;}

#footer-nav  a{ color: #DDD; text-decoration: none; font-weight: 400;}

#footer-nav  a:hover{color: #FFF; border-bottom: 2px solid #d00404;}



.footer a.back-to-top {display: block;width: 100%; line-height: 2em;}



/**GENERAL CLASSES **/



.left{float: left;}

.right{float: right;}

.hidden {display: none;}

.clear {clear:both;}

ul.horizontal li{display: inline; list-style-type: none;}



em.emphasis-big {font-size: 1.05em; font-weight: bold;}



.box-w-shadow {border:1px solid #fff;background: #f4f4f4; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

.box-w-shadow.full-size {width: 98%; padding: 0 1%; margin-bottom: 30px;}

.shadow {-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

.gray {border:1px solid #fff;background: #f4f4f4;}



blockquote {border-left:2px solid #ccc; margin: 18px 0; padding: 2px 5px; quotes:"\201C""\201D""\201C""\201D"; clear: both;}

blockquote:before {color:#d00404; content:open-quote; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em;}



img.full-img {display: block; width: 94%; margin: 0 auto;}



table td {vertical-align: top;}



.RBred {color: #d00404;}

.RBredUnderline {border-bottom: 1px solid #d00404;}



.paragraph-header {font-size: 1.54em; clear: both;}



.darkHighlight {background: #555; color: #eee; padding: 0 4px;}



.circuit.dark {background-image: url(img/bkg-circuit-dark.jpg); background-position: top center; background-repeat: repeat;}

.trans-black-dark {background: url(img/trans-black-dark.png) 0 0 repeat;}

.trans-white-dark {background: url(img/trans-white-dark.png) 0 0 repeat;}



#dark-stripe {position: absolute; width: 100%; height: 270px; border-bottom: 1px solid #111;}

#interior-stripe {position: absolute; width: 100%; height: 150px; border-bottom: 1px solid #111;}

#dark-stripe.thin{height: 38px;}



ul.icon {margin: 0; padding: 0 5px; list-style-type: none;}

ul.icon li {margin: 8px; margin-left: 0;}



.left-col{width: 62%;float: left;}

.right-col{float: right;width: 32%;margin-left: 2%;}



/* self-clear floats */

.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/*WordPress Image Classes*/

img.centered {display: block; margin-left: auto;	margin-right: auto;}

.alignright {float: right;}

.alignleft {float: left;}

.aligncenter,

div.aligncenter {display: block;	margin-left: auto; margin-right: auto;}



.wp-caption {	text-align: center;	padding-top: 4px; margin: 10px;}

.wp-caption img {margin: 0; padding: 0; border: 0 none;}

.wp-caption p.wp-caption-text {font-size: 0.85em; line-height: 1.214em; padding: 0 4px 5px; margin: 0;}



/*Forms*/



.searchbar{}

.searchbar form {margin-left: 0;}

.searchbar input{display: inline; width: 160px; float: left;}

.searchbar input[type="text"]{height: 19px; margin: 10px 0;}

.searchbar input[type="submit"]{width: auto; margin: 10px 0 10px 20px; padding: 1px 25px;}



button, input[type="button"], input[type="reset"], input[type="submit"] {

	padding: 2px 8px; margin: 0; display: block;

			border:3px solid #fff;background: #f4f4f4; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

input[type="submit"] {padding: 2px 25px;}		

button:hover , input[type="button"]:hover , input[type="reset"]:hover , input[type="submit"]:hover {color: #333; background: #fff}





.wpcf7-form { box-sizing: border-box; }  

.wpcf7-form  p {margin: 0;}

.wpcf7-form section {float: left;}



#content .wpcf7-form .columns > div {padding: 0;}



.wpcf7-form .wpcf7-text {display: block; border-style: solid; border-width: 1px; border-color: #dedede; margin: 5px 0 10px;

  padding: 0 25px 0 55px; height: 32px; line-hight: 32px; width: 75%;  color: #777;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  

  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;   

  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  

  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  

  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  

  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  

}  

  

.wpcf7-form .wpcf7-text:focus {color: #333; border-color: rgba(158, 3, 3, 0.4);  

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(158, 3, 3, 0.6);  

  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(158, 3, 3, 0.6);  

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(158, 3, 3, 0.6);  

  outline: 0 none;   

}  

.wpcf7-form textarea {display: block;border-style: solid; border-width: 1px; border-color: #dedede; margin: 5px 0 10px;  

  padding: 11px 25px; padding-left: 55px; width: 75%; height: 100px; color: #777;  

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  

  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;   

  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  

  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  

  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  

  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  

}  

.wpcf7-form textarea:focus {color: #333; border-color: rgba(158, 3, 3, 0.4);  

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(158, 3, 3, 0.6);  

  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(158, 3, 3, 0.6);  

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(158, 3, 3, 0.6);  

  outline: 0 none;   

}  



.wpcf7-form .columns.two .full-width input,

.wpcf7-form .columns.two .full-width textarea {width: 918px; }



.wpcf7-form .name input[type="text"] {background: #fff url('img/text-name.png') 5px center no-repeat;}  

.wpcf7-form .phone input[type="text"] {background: #fff url('img/text-phone.png') 5px center no-repeat;}  

.wpcf7-form .email input[type="text"] {background: #fff url('img/text-email.png') 5px center no-repeat;}  

.wpcf7-form .website input[type="text"] {background: #fff url('img/text-web.png') 5px center no-repeat;}  

.wpcf7-form .organization input[type="text"] {background: #fff url('img/text-org.png') 5px center no-repeat;}  

.wpcf7-form .subject input[type="text"] {background: #fff url('img/text-subject.png') 5px center no-repeat;}  

.wpcf7-form .part input[type="text"] {background: #fff url('img/text-part.png') 5px center no-repeat;} 

.wpcf7-form .order input[type="text"] {background: #fff url('img/text-order.png') 5px center no-repeat;} 

.wpcf7-form .serial input[type="text"] {background: #fff url('img/text-hash.png') 5px center no-repeat;} 



.wpcf7-form .reason textarea {background: #fff url('img/text-alert.png') 5px 5px no-repeat;} 

.wpcf7-form .message textarea {background: #fff url('img/text-msg.png') 5px 5px no-repeat;} 

.wpcf7-form .project textarea {background: #fff url('img/text-project.png') 5px 5px no-repeat;} 



.wpcf7-form input[type="checkbox"],

.wpcf7-form input[type="radio"] {margin: 15px 0;}

.wpcf7-form span.wpcf7-list-item {margin: 0 15px;}



.wpcf7-form input[type="submit"], .wpcf7-form input[type="reset"] {float: left;}





img.wpcf7-captchac {margin: 0; margin-bottom: -5px;}



#access a.mobile {display: none;}

.mobile {display: none;}

.tablet {display: none;}

.fullscreen {display: block;}



/** video **/

.embed-container {position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden;}

.embed-container iframe,

.embed-container object,

.embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* Media queries */

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

/*** DESKTOP ***/

#body {width: 960px;}

.inner {width: 960px !important;}

.header.subheader .inner {width: 920px;}

.footer.links .inner {width: 880px;}

.footer.links a.box {margin: 7px 4px;}



#content .box {padding: 4px 8px; margin: 15px; width: 282px; height: 190px;}

#content .box.quote {width: 254px; height: 162px;}

#content .box#banner {width: 604px;}



.wpcf7-form .columns.two .full-width input,

.wpcf7-form .columns.two .full-width textarea {width: 773px; }



}

 

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

/*** tablet ***/

/***fullscreen elements come off ***/

.fullscreen {display: none;}

.tablet {display: block;}

#body {width: 690px; }

/***inner stripes switch to full screen **/

.inner {width: 96% !important; padding-right: 2% !important; padding-left: 2% !important;}

.header {height: auto !important;}



.navigation-mobile {display: block;}

.navigation-fullscreen {display: none;}





/*boxes go from 3 across to two */

.two-column {width: 50%; float: left;}

#content #banner-strip {float: left; width: 100%;}

#content #banner-strip > div{width: 614px !important; margin: 10px auto;}



#content .box, #content .box.first, #content .box.last  {float: none; margin: 10px auto;}

.two-column:first-child .box {margin-top: 0;}



/*two column formats go to one column */

.split, .wpcf7-form  {width: 100%;}

.aside {position: static; margin: 20px 0 0 -1px; width: 96%}

#content .columns > div {width: 96% !important;}

/* three goes to 2 */

#content .columns.three > div {width: 46% !important;}

/*four column goes to 2 */

#content .columns.four > div {width: 46% !important;}

.columns .sixty, .columns .forty, .columns.stacked >div{padding-right: 2% !important; padding-left: 2% !important;}



.wpcf7-form .columns.two .full-width input,

.wpcf7-form .columns.two .full-width textarea {width: 75%; }



.left-col{width: 96% !important; padding-right: 2% !important; padding-left: 2% !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

.right-col{width: 96% !important; padding-right: 2% !important; padding-left: 2% !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}



}



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

/** footer links to two columns **/

.footer.links #top-half {width: 99%; padding: 0 .5%;}

.footer.links #top-half a {width: 33%;}

.footer.links #bottom-half {width: 100%;}

.footer.links #bottom-half a {width: 50%;}

.footer {height: auto !important;}

}





 

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

/*** MOBILE ***/

.tablet {display: none;}

.mobile {display: block;}

#swifttagcontainer20hjjssi8f {display: none;}

/*** body switches to full screen ***/

#body {width: 96%; padding-right: 2%; padding-left: 2%;}

.header.rbtg .mobile a.mobi-logo {width: 150px;}

.header.rbtg .mobile a {font-size: 1.23em !important; line-height: 1.4em !important;}

.header.rbtg .mobile a.brands {display: none;}

.header.rbtg .mobile a.ThinkRedBarn.right {display: block;}

.header.rbtg .mobile a.ThinkRedBarn.left {display: none;}



.footer .menu-mobi #contact-link {height: 48px;}



#content {width: 100%; font-size: 1.1em; line-height: 1.6em;}

h1 {font-size: 1.5em;}

/* three and four columns goes to 1 */

#content .columns.three > div {width: 96% !important;}

#content .columns.four > div {width: 96% !important;}

#dark-stripe {height: 100%;}

.two-column {width: 100%;}

.two-column{ float: none;}

#content .box, #content .box.quote {width: 86%; height: auto; margin: 10px auto; border: 1px solid #fff; clear: both; max-width: 400px;}

#content .box a.more {position: static;}

#content #banner-strip > div{width: 86% !important; height: auto !important;  margin: 10px auto; background: #fff !important}



.header.rbtg {height: auto;}



/** switch to mobile menu **/

.menu-mobi li:hover > ul {display: none;}

.menu-mobi li.clicked > ul {display: block;}

.footer .menu-mobi li {width: 100%; border-bottom: 1px solid #ccc;}

.footer .menu-mobi li  a{text-align: left;}

.header.subheader .navigation.mobile .menu-container,

.footer.subheader .navigation.mobile .menu-container {width: 100%; }

.header.subheader .navigation.mobile .menu-container > ul ul,

.footer.subheader .navigation.mobile .menu-container > ul ul

		{	-webkit-transition: all 0.3s ease-out;  

			-moz-transition: all 0.3s ease-out;

			-ms-transition: all 0.3s ease-out;

			-o-transition: all 0.3s ease-out;

			transition: all 0.3s ease-out;}





.menu-mobi {margin: 0; border-top: 1px solid #ccc;  width: 100%;}

.menu-mobi .full-menu {display: none;}

.menu-mobi .short-menu {display: block;}

.menu-mobi li {width: 33%; border-left: 1px solid #eee; border-right: 1px solid #ccc; margin: 0 auto; background: #eee; }

.menu-mobi li:first-child {border-right: none;}

.menu-mobi li:last-child {border-left: none;}

.menu-mobi li a{padding: 0; margin: 0; text-align: center; }

.menu-mobi ul {position: static; background: #fff; }

.menu-mobi ul li {border: none; background: #fff; text-align: left; background: #fff; }

.menu-mobi ul li a {padding: 0; text-align: left;}

.menu-mobi ul a:hover {color: #555;}



/** footer links become full width **/

.footer.links #top-half, .footer.links #bottom-half, .footer.links a {width: 100% !important; padding: 0 !important;}



}

 

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







}

 

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







}	



@media screen and (-webkit-min-device-pixel-ratio: 2), 

screen and (max-moz-device-pixel-ratio: 2) {







}