/*   
Theme Name: Insulate America
Author: Tōdem Brands
Author URI: https://www.todembrands.com/
Version: 1.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


@font-face {
    font-family: 'tt_normsbold';
    src: url('_/fonts/ttnorms-bold-webfont.woff2') format('woff2'),
         url('_/fonts/ttnorms-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tt_normsmedium';
    src: url('_/fonts/ttnorms-medium-webfont.woff2') format('woff2'),
         url('_/fonts/ttnorms-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*Styles*/

body{}
body, select, input, textarea{}

a{ color: #03f;}
a:hover, a:focus{ color: #69f;}
.button, button{ -webkit-appearance: none; display: inline-block;}
.button:hover, button:hover, .button:focus, button:focus{}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

h1, h2, h3, h4, h5, h6{ line-height: normal;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

.page-wrap{}
.wrapper, .container{ width: 95%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{}

.content{ color: #424242;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.meta{}

.sidebar{}

.navigation{ padding: 0; text-align: center;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ color: #fff; text-decoration: none;}
.navigation li{ display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

.search-form{}
.search-input{}
.search-submit{}

.footer{}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* Landing Page */

.landing{ text-align: center; font-size: 14px; line-height: 27px; font-family: "tt_normsmedium", Helvetica, Arial, sans-serif; letter-spacing: .01em;}
.landing .banner{ color: #e9decc; font-size: 18px; line-height: 18px; letter-spacing: .15em; text-transform: uppercase; font-family: "tt_normsbold", Helvetica, Arial, sans-serif; background-color: #e12a2e; padding: 30px; text-align: center;}
.landing h1{ color: #002b40; font-size: 20px; line-height: 32px; letter-spacing: .15em; text-transform: uppercase; font-family: "tt_normsbold", Helvetica, Arial, sans-serif;}
.landing .mobile-only{ display: none;}
.landing .desktop-only{ margin: 120px auto 80px; max-width: 700px;}
.landing .content .wrapper{ max-width: 720px;}
.landing .footer{ margin-top: 60px; background-color: #002b40; color: #e9decc; letter-spacing: .05em; padding: 60px 0 0;}
.landing .footer a{ color: #e9decc; text-decoration: none;}
.landing .footer a:hover{ color: #e12a2e !important;}
.landing .footer .contact{ font-family: "tt_normsbold", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .15em; display: flex; align-items: center; justify-content: center;}
.landing .footer .contact .address br{ display: none;}
.landing .footer .contact li:after{ content: "/"; margin: 0 10px;}
.landing .footer .contact span:before{ content: "/"; margin: 0 10px 0 7px;}
.landing .footer .contact li:nth-last-of-type(1):after{ content: ""; margin: 0;}
.landing .footer .credits{ margin: 40px 0; color: #dcdee0;}
.landing .footer .credits a{ color: #dcdee0;}


/* Media queries */

@media (max-width: 800px) {
	.landing .mobile-only{ display: block; max-width: 330px; margin: 110px auto 130px;}
	.landing .desktop-only{ display: none;}
	.landing .content .wrapper{ max-width: 380px;}
	.landing .footer{ margin-top: 140px;}
	.landing .footer .contact{ display: block; font-size: 12px;}
	.landing .footer .contact li{ display: inline;}
	.landing .footer .contact li:nth-of-type(2):after{ content: ""; margin: 0;}
	.landing .footer .contact .address{ display: block;}
	.landing .footer .credits{ margin: 80px 0 40px; font-size: 11px;}
}