/**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.0s; -moz-transition-duration: 0.0s; -ms-transition-duration: 0.0s; -o-transition-duration: 0.0s; transition-duration: 0.0s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ body{ font-family: "futura-pt"!important; font-weight:bold; } #main{ width:90%; max-width: 1400px; min-width:300px; margin:auto; } header{ background-image:url('../gfx/header.jpg'); height:186px; width:auto; background-position: left; margin:auto!important; border-left: 8px solid white!important; border-right: 8px solid white!important; } h1{ margin-left: 20px!important; padding-top: 20px!important; text-indent: -9999px; background-image:url('../gfx/logo.png'); background-repeat:no-repeat; background-position: bottom; height:132px; width:450px; } #info{ background-color:#d12229; color: white; font-family: "futura-pt"!important; font-weight:bold; display:block; width:auto; font-size: 14px; border-left:8px solid white; border-right:8px solid white; height:54px; min-height: 54px; } #logout{ background-color:#93181d; background-color:rgba(0,0,0,0.2); } #info a{ text-decoration:none; color:white; } #info a:hover{ color:#f8ec12; } #contentHolder{ padding-top:8px; width:auto; font-family: "futura-pt"!important; font-weight:bold; } #breadcrumb{ padding:20px; float:left; } #user{ float:right; } #user span, #user a{ padding:20px; display:inline-block; } #user a:hover{ background-color:#93181d; background-color:rgba(0,0,0,0.4); } footer{ font-family:Futura; border: 1px solid red; background-color:#d12229; color:white; font-family: "futura-pt"!important; font-weight:bold; text-align:center; font-size:11px; } footer span{ display:block; padding-top:10px; padding-bottom:10px; } footer a{ color:white; font-family: "futura-pt"!important; font-weight:bold; text-transform: uppercase; font-size:11px; text-decoration: none; } footer a:hover{ color:#f8ec12; } /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ #contentHolder{ border-left:8px solid white; } article{ color:white; width:50%; float:left; } body.page article.contentPanel{ width:60%; } body.page article.contentPanel{ width:60%; } body.page article.subnav{ width:100%!important; } body.page-id-7 article a{ color:#fff!important; } article li a{ color:white; } article li.yellow a{ color:white; } body.page-template-default article.contentPanel a{ color:#d12229; } body.page-template-default article.contentPanel a:hover{ color:#000; } article a{ text-decoration:none; color:#333; } #col2 article a{ color:#fff; } article.blue span{ background-color: #3453a4; } article.green span{ background-color: #61ba4a; } article.yellow span{ background-color: #f8b32d; } article.red span{ background-color: #d0232a; } article.grey span{ background-color: #808e97; } article.indigo span{ background-color: #791d74; } article.purple span{ background-color: #494165; } article.teal span{ background-color: #1a9190; } article a:hover{ color:#f8ec12; } article span{ display:block; border-right:8px solid white; margin-bottom:8px; } article h3{ font-size:20px; font-weight:bold; background-color:rgba(0,0,0,0.2); padding:15px; text-transform: uppercase!important; } article h3 a{ color:white; } article ul{ padding:15px; padding-bottom:7px; margin-left:20px; } article ul li{ font-weight:normal!important; margin-bottom:8px; } u{ text-decoration:underline; } * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body {height: 100%;} #wrap {min-height: 100%; margin-bottom: -36px;} #main {overflow:auto; padding-bottom:36px; margin-bottom: -36px;} /* must be same height as the footer */ footer { position: relative; margin-top: -36px; /* negative value of footer height */ clear:both; } h1 a{ display:block; width:100%; height:50%; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } body{ overflow-x:hidden; } article.contentPanel h3{ margin-bottom:15px; text-transform: uppercase!important; } article.contentPanel table td{ padding-bottom:10px; } #intro{ padding: 10px; margin-bottom: 1px; background-color: #eee; margin-left: 8px; width: auto; margin-right: 8px; margin-top: 10px; } #intro p{ margin-bottom:10px; } #intro p a{ color:black; font-weight:bold; text-decoration:none; color:#d12229; } #intro strong{ font-weight:bold!important; } article.contentPanel p{ padding-bottom:15px; margin-left:15px; margin-right:15px; font-weight:normal; font-size:16px; line-height:21px; } article.contentPanel ul{ list-style:disc; margin-left:40px; padding-left:0px; list-style-position:inside; padding-top:0px; margin-left:30px!important; } article.contentPanel ol{ list-style:decimal-leading-zero; margin-bottom:-10px; margin-left:55px; padding-left:0px; padding-top:0px; list-style-position:inside; padding-bottom:15px; margin-left:15px!important; } article.contentPanel ol li{ margin-bottom:10px; } article.contentPanel strong{ font-weight:bold; } article.contentPanel em{ font-style: italic; } article.contentPanel span iframe{ margin-bottom:15px; } article.contentPanel span a{ font-weight:bold; } article.contentPanel span h1{ font-weight:bold; font-size:25px; background-color: none; margin-left:15px!important; text-transform: uppercase; background-image:none; text-indent:0px; width:auto; height:auto; padding-left:0px; margin-bottom:15px; padding-top:0px!important; } article.contentPanel span h2{ font-weight:bold; font-size:22px; background-color: none; margin-left:15px!important; text-transform: uppercase; background-image:none; text-indent:0px; width:auto; height:auto; padding-left:0px; margin-bottom:15px; padding-top:0px!important; } article.contentPanel span h3{ font-weight:bold; font-size:20px; background-color: transparent!important; margin-left:15px!important; text-transform: uppercase; background-image:none!important; text-indent:0px; width:auto; height:auto; padding-left:0px; margin-bottom:15px!important; padding-bottom:0px!important; padding-top:0px!important; } article.contentPanel span h4{ font-weight:bold; font-size:18px; background-color: none!important; margin-left:15px!important; text-transform: uppercase; background-image:none; text-indent:0px; width:auto; height:auto; padding-left:0px; margin-bottom:15px; padding-top:0px!important; } article.contentPanel span h5{ font-weight:bold; font-size:16px; background-color: none!important; margin-left:15px!important; text-transform: uppercase; background-image:none; text-indent:0px; width:auto; height:auto; padding-left:0px; margin-bottom:15px; padding-top:0px!important; } article.contentPanel span h6{ font-weight:bold; font-size:14px; background-color: none!important; margin-left:15px!important; text-transform: uppercase; background-image:none; text-indent:0px; width:auto; height:auto; padding-left:0px; margin-bottom:15px; padding-top:0px!important; } article.contentPanel span h3.title{ background-color: rgba(0,0,0,0.3)!important; margin-left:0px!important; padding-left:15px!important; padding-top:15px!important; padding-bottom:15px!important; } ul#files{ list-style-image:url('../gfx/arrow.png'); margin-left:0px!important; } ul#files li{ border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:10px; margin-bottom:10px; margin-left:15px!important; list-style-position:inside; } #loginPanel{ width: 245px; margin: auto; display:table; padding: 20px; background-color: #efefef; font-family: "futura-pt"!important; font-weight: bold; text-transform: uppercase; margin-top: 20px; } #loginPanel label{ color:#d12229; display:inline-block; line-height:19px; float:left; font-size:14px; clear:both; margin-bottom:15px; } p.login-remember label{ color:black!important; } *{ outline:none; } input:-webkit-autofill { background-color:white!important; } .login-remember{ font-size:10px; } .login-remember input{ margin-right:5px; } #loginPanel { margin-bottom:15px; } #loginPanel input.input{ padding:3px; font-family: "futura-pt"!important; font-weight: bold; float:left; margin-bottom:15px; border:0px; background-color:white!important; clear:none!important; width:125px; float:right; } body { -webkit-text-size-adjust:none; } .login-remember{ clear:both; float:left; display:inline-block; } p.login-submit{ width:50%; float:right; cursor: pointer!important; } #loginPanel input#wp-submit{ border: 0px; padding:8px; background-color:#d12229; color:white; font-family: "futura-pt"!important; font-weight: bold; text-transform: uppercase; float:right!important; cursor: pointer!important; } #loginPanel input#wp-submit:hover{ background-color:black!important; } #loginPanel input{ float: left; clear:both; } input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; } input#rememberme{ -webkit-appearance: checkbox; -webkit-border-radius: 3; } .mobile{ display:none!important; } #col2{ width:40%; float:right; } /* form */ #searchform{ float: right; margin-right: 10px; padding-top: 10px; } #s{ font-family: "futura-pt"!important; font-weight:bold; padding:3px; border:0px; float:left; } #searchsubmit{ height:20px; width:20px; background-color: #d12229; color:white padding:0px; border:0px; float:left; font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:white; cursor:pointer; } h2.page-title{ padding-top:20px; padding-bottom:20px; font-size:20px; font-weight:bold; text-transform:uppercase; } h2.page-title span{ color: #d12229; } .searchResults p{ margin-bottom:10px; } .searchResults h4 a{ text-decoration:none; text-transform:uppercase; color: #d12229; font-weight:bold; } @media (max-width: 767px) { article{ width:100%; } #user { float: none; width: 100%; } #logout{ float:right; } #info #breadcrumb{ display:none; } } @media (max-width: 650px) { footer span, footer a{ font-size:8px; line-height:15px; } #searchform { float: none; margin: auto; padding-top: 10px; display: block; width: 170px; } #info { font-size:11px; height:51px; min-height: 51px; } #info #breadcrumb{ display:none; } article h3{ font-size:14px; } article ul { font-size:12px; } footer span{ width:300px; margin:auto; } h1{ width:260px; margin: auto!important; background-size:100%; padding-top:0px!important; } #main {overflow:auto; padding-bottom:52px; margin-bottom: -52px;} /* must be same height as the footer */ footer { position: relative; margin-top: -52px; /* negative value of footer height */ clear:both; } article.contentPanel table{ width:90%!important; } body.page article.contentPanel{ width:100%; } body.page article.subnav{ width:100%!important; } #col2{ width:100%!important; } .mobile{ display:inline!important; } #user span, #user a { padding-left:10px; padding-right:10px; } #userLogin{ padding-left:0px!important; } }