/*
Theme Name: DFI 2015
Theme URI: http://utahinteractive.org
Description: DFI 2015
Author: Jonathan Higley with Base from Kevin Thomson, Shane Herzog
Author URI: http://utahinteractive.org
Version: 1
*/
/* GLOBAL */
html {font: 16px/20px 'Open Sans', sans-serif;}
body {margin: 0; padding: 0;}
a {color: #2F5683;}
a:hover {color: #8B0F0A;}
ul {}
ul li {}
ul.nostyle {margin: 0; padding: 0; list-style: none;}
hr {width: 100%; height: 1px; border: none; background-color: #D3D3D3; margin: 1em 0; clear: both;}
.skipnav,.seach p.skipnav {display:none !important;}
header {overflow: hidden;}
header,.pagewidth {width:1022px;margin:0 auto;position:relative;}
header #logo {width:148px;float:left;text-align:center;margin-bottom:0px;}
#searchform {position:relative;}
#searchform input { border: 1px solid #dadada; padding: 6px; border-radius: 3px;width:140px;}
#searchform button#submit {position:absolute;right:0px;top: 3px; max-height: 22px !important;}
nav {float:right;min-height:222px;/*width:850px;*/}
main {clear:both;border-top:1px solid #dadada;}
/* NAV */
.nav-menu {}
.nav-menu a {text-decoration:none; font-size: 12px; font-weight: bold; display:block; width:100%;padding:0 11px;}
ul.nav-menu, .nav-menu ul { margin: 0; height: 222px; padding: 0;}
ul.nav-menu ul.children, .nav-menu ul ul.children {height:auto;}
ul.nav-menu li, .nav-menu ul li {list-style-type:none;float:left;padding-top:20px;position:relative;top:0;height:202px;/*width:16%;min-width:141px*/}
ul.nav-menu li ul.sub-menu, .nav-menu ul li ul.children {margin-left:0;margin-top:10px;padding:0;}
ul.nav-menu li ul.sub-menu a, .nav-menu ul li ul.children a {font-size:12px; font-weight: normal; padding-top: 1px; padding-bottom: 1px;}
ul.nav-menu li ul.sub-menu li, .nav-menu ul li ul.children li {float:none;width:100%;padding-top:0;height:auto;}
ul.nav-menu li ul.sub-menu ul.children, .nav-menu ul li ul.children ul.children {margin-top:0;margin-left:10px;display:none;}
/* NAV: SPRITE IMAGES */
.sub-menu .menu-item a {background:none !important;}
.menu-item a[title='generalinfo'], .page-item-5 a {background: url('images/dfi-sprite.png') no-repeat 36px 0; padding-top:46px;} /* 4/5 general */
.menu-item a[title='financial'], .page-item-17 a {background: url('images/dfi-sprite.png') no-repeat -151px 0; padding-top:46px;} /* 17/17 financial */
.menu-item a[title='nondepo'],.page-item-110 a {background: url('images/dfi-sprite.png') no-repeat -351px 0; padding-top:46px;} /* 110/110 non-depo */
.menu-item a[title='money'],.page-item-124 a {background: url('images/dfi-sprite.png') no-repeat -557px 0; padding-top:46px;} /* 124/124 money */
.menu-item a[title='resources'],.page-item-147 a {background: url('images/dfi-sprite.png') no-repeat -757px 0; padding-top:46px;} /* 147/147 resources */
.menu-item a[title='about'],.page-item-149 a {background: url('images/dfi-sprite.png') no-repeat -952px 0; padding-top:46px;} /* 149/149 about */
.page-item-5 ul.children a,.page-item-17 ul.children a,.page-item-110 ul.children a, .page-item-124 ul.children a, .page-item-147 ul.children a, .page-item-149 ul.children a {background:none;padding-top:0;}
/* NAV: SET ACTIVES */
li.current_page_item a {/*border-bottom:1px solid #31a68c;*/color:#31a68c;}
li.current_page_item ul.sub-menu a, li.current_page_item ul.children a {border-bottom:none !important;color:#2F5683 !important;}
.current-menu-item, .current-menu-parent, .current_page_parent, .current_page_ancestor, .page_item_has_children.current_page_item {background-color:#f6f7f7;}
/* BUTTONS, LINKS & MORE */
.greenlink {background:#31a68c; color:white;text-align:center;text-decoration:none;padding:10px 20px;display:block;width:90%;margin:0 auto;}
a.greenlink:hover {color:white;background:#2A8B75;}
.orangelink {color:#c44608;font-size:16px;text-decoration:none;}
.orangelink:hover {}
.rounded {border-radius:3px;}
/* HOMEPAGE: HERO */
#hero {background: url('images/backgrounds/image5.jpg') no-repeat top center;min-height:700px;
background-position-y: -210px;
}
/* HOMEPAGE: HERO: CERTIFICATIONS */
#hero #certifications {height:215px; position:absolute; top:300px; right:0; text-indent:-9999px; background:white;}
#hero #certifications a img {display:block; margin:0;padding:0;}
/* HOMEPAGE: HERO: MISSION STATEMENT */
#mission {background:rgba(0,0,0,0.3); color:white;width:490px;position:absolute; top:100px; padding:5px;}
#mission h2 {font-size:14px; text-transform:uppercase; font-weight:bolder;margin:0;padding:0;font-style:italic;}
#mission {font-size:19px;font-style:italic;margin-top:0;line-height:160%;}
#mission a.highlight {border-bottom:2px solid white;color:white;}
#mission a.highlight:hover {color:white;}
/* HOMEPAGE: HERO: FEATURETTES */
#featurettes {width:1020px;margin:0 auto;position:absolute;top:320px; color:white;}
#featurettes .feature {position:relative;width:30%;padding:1%;float:left;background: url('images/feature-bracets.png') no-repeat top; height:300px;}
#featurettes .feature h2 {text-transform:uppercase; font-size:11px; text-align:center; margin:0; position:absolute; top:-5px; left:30%;}
#featurettes .feature p {width:88%; font-size:13px;padding-top:73px;min-height:140px;padding-left:16px;line-height:120%;}
#featurettes .feature .greenlink {width:70%;}
.feature#financial div {background: url('images/dfi-sprite.png') no-repeat 120px -586px}
.feature#mortgage div {background: url('images/dfi-sprite.png') no-repeat -369px -586px}
.feature#consumer div {background: url('images/dfi-sprite.png') no-repeat -840px -582px}
/* HOMEPAGE: CALLS TO ACTION */
#cta {min-height:270px;clear:both;}
.col50 {width:40%;float:left;padding:5%;}
#cta h3 {font-size:28px;font-weight:normal;margin-top:80px;}
#cta p {font-size:13px;}
#cta .col50 a.orangelink {float:right;padding-right:25px;background: url('images/dfi-link.png') no-repeat right center;}
#complaint {background: url('images/dfi-sprite.png') no-repeat 220px -796px;}
#deposits {background: url('images/dfi-sprite.png') no-repeat -730px -796px;}
/* MAIN: BREADCRUMBS */
.breadcrumbs {padding: 25px 15px 20px 0; list-style:none; margin:10px 0; overflow:hidden;font-size:12px;}
.breadcrumbs li{
display:inline-block;
vertical-align:middle;
margin-right:15px;
}
.breadcrumbs .separator{
font-size:18px;
font-weight:100;
color:#ccc;
}
/* HOMEPAGE: WIDGETS */
#featurettes .feature div.textwidget { width: 88%; font-size: 13px; padding-top: 73px; min-height: 140px; padding-left: 16px; line-height: 120%;margin-top:20px;}
/* MAIN: SECONDARY */
section#secondary article {float:left;width:650px;margin-bottom:30px;}
section#secondary aside {float:right;width:300px;margin-bottom:30px;}
section#secondary article h2 {margin:0;}
/* SECONDARY: ASIDE */
aside {background:#f6f7f7;padding:20px;}
aside a {font-size:14px;line-height:100%;}
/* SECONDARY: ASIDE: LINKS */
aside li.page_item {display:none;}
aside li.page_item a {text-decoration:none;}
aside li.page_item ul {padding-top:5px;padding-left:15px;}
aside .children .children .children {display:none;}
aside li.page_item_has_children.current_page_item .children {display:block;}
aside .children .current_page_parent .children {display:block;}
aside .current_page_item a,aside .current_page_parent a,aside .current_page_ancestor a {background:none;padding:0;margin:0;}
img.alignleft {float: left; margin-right: 13px;}
/*aside li.current_page_item {display:block;}*/
/*aside li.current_page_item li.page_item {display:block;}*/
aside li.page_item.page_item_has_children.current_page_item {display:block;}
aside li.page_item.page_item_has_children.current_page_item>.children>li {display:block;}
aside li.page_item.current_page_ancestor {display:block; padding-bottom:0px; /*margin-bottom:25px;*/}
aside>li.page_item.current_page_ancestor {border-bottom:1px solid #dadada;}
aside li.page_item.current_page_ancestor ul.children li.page_item {display:block; padding-bottom:5px;}
aside>li>ul.children {margin:0;}
/* MORE LESS */
.more, .less {font-size:11px;}
/* NEWS */
.brief h2 {line-height:120%;}
.meta {font-size:11px;font-style:italic;}
.except {font-size:14px;line-height:140%;}
a.right, .right a {float:right;font-size:12px;}
.left a {font-size:12px;}
.news aside #RelatedPosts {display:none;}
.news aside li.page_item.current_page_ancestor {border-bottom:none;padding:0;margin:0;}
/* SITEMAP */
.sitemap li , .sitemap li a {background:none;}
/* SEARCH */
.search h3 {margin-bottom:0;}
.search p {display:block; font-size:14px;margin-bottom:20px;padding-bottom:20px; border-bottom:1px solid #dadada;}
/* TABLES */
table {width:100%;}
table th, table td {text-align:left;}
table th {border-bottom:1px solid #dadada;}
table td {padding:5px;vertical-align:top;}
table td {
border: 1px double #2F5683; padding:10px !important; margin: 10px !important;
}
table th {color:white; background:#2F5683}
/* FOOTER */
footer {display:block;clear:both;min-height:310px;background:#11182b;color:white;}
footer a {color:#31a68c;}
/* FOOTER: DECORATIONS */
.divhorizontal {display:block; border-bottom:1px solid rgba(255,255,255,0.25); margin-bottom:10px;padding-bottom:10px;}
footer h4 {font-size:18px;color:white;padding:0;margin:0;}
footer .col {float:left;font-size:12px; color:#cccccc; min-height: 215px; margin: 20px auto 35px auto;}
footer .col.office, footer .col.infos {border-right:1px solid rgba(255,255,255,0.25)}
footer .col.office {width:235px; padding: 20px; padding-left: 35px;}
footer .col.logos a {margin:10px auto;}
footer a.stateseal {display:block;height:125px;width:125px; background: url('images/dfi-sprite.png') no-repeat 0 -1274px; text-indent:-9999px;}
footer a.elevatedutah {display:block;height:70px;width:145px; background: url('images/dfi-sprite.png') no-repeat 0 -1523px; text-indent:-9999px;}
footer .col.infos { width: 255px; padding: 20px; padding-left: 35px;}
footer .col.office h4 {margin-bottom:10px !important;}
footer .col.feedback {width:230px;float:right;}
footer .col.feedback h4 {display:block;padding-top:65px; background:url('images/dfi-sprite.png') no-repeat 90px -1086px; text-align:center;}
footer .subhead {font-weight:bold; margin-right:7px;}
/* FOOTER: Statewide */
.statewideFooter {text-align: center; border:none; clear: both;overflow: auto;border-top: 1px solid rgba(255,255,255,0.20); padding-top: 10px; padding-bottom: 20px;}
.statewideFooter table td {border:none; text-align: center; }
.statewideFooter a {padding: 10px 15px;}
/* MOBILE SETUP: NAV */
.collapsable_activator {display:none;}
/* ANIMATIONS */
#logo #searchform {transition: all 0.2s ;}
.collapsable {transition: all 0.4s ;}
/* IE FIXES */
.iemain { clear: both; position: relative; display: block;}
/*___________________________________________________________________________________ MOBILE: MEDIA QUERIES */
/*_________________________________________________________________________________________________________ */
/*_________________________________________________________________________________________________________ */
/*_________________________________________________________________________________________________________ */
/*_________________________________________________________________________________________________________ */
/* ______________________________________________________________________ MEDIA QUERIES: MID-TABLET */
@media handheld, only screen and (max-width: 1019px) {
/* body {background:lime;}*/
/* NAV */
ul.nav-menu, .nav-menu>ul {border-top: 1px solid #dadada;margin-top:5px;}
nav { float: left; }
header #logo {width:100%;text-align:left;}
header #logo h1 a {width:auto;margin-left:10px;background-size:100%;}
header #logo .brand {width:22%;float:left;}
#searchform {width:66%; top: 90px;float:left; left: 30px}
#searchform input {width:100%;font-size:13px;}
/* HOME */
#hero #certifications {top:50px; }
#featurettes {width:100%;}
#featurettes .feature {width:31%}
h1.brand {margin-bottom:0;}
header nav {clear:both;float:left; width: 100%;}
ul.nav-menu li, .nav-menu ul li {width: 16%;}
/* PAGE */
header, .pagewidth {width:100%; clear:both; display:block; }
/* NAVIGATION TO SIDE */
.breadcrumbs {padding:15px; border-bottom: 1px solid #dadada; padding-bottom: 30px; clear:both;}
section#secondary article {width:55%; padding:15px;}
section#secondary aside {width:30%;margin:15px;}
/* footer .col {float:none;}*/
footer .col.infos { width: 215px;}
footer .col.office {width: 165px;}
footer .greenlink {width:auto;}
footer .col.feedback { width: 250px; margin-right:25px;}
/* footer {display:none;}*/
}
@media handheld, only screen and (max-width: 950px) {
footer .col.infos { width: 186px;}
footer .col.feedback { width: 200px; }
/* HOME */
#featurettes .feature {width:29%;background:rgba(0,0,0,0.5); margin: 1%;}
#featurettes .feature h2 {top:0;}
#filter-name {width: 100%;}
#filter-name input {width: 93% !important; }
#filter-name.double input {width: 43% !important; float: left; }
#filter-name.double select#filter-type {width: 46% !important; float: left; margin-left: 5px !important; margin-bottom: 10px; max-width: inherit !important;}
}
/* ______________________________________________________________________ MEDIA QUERIES: MOBILE */
@media handheld, only screen and (max-width: 800px) {
/* body {background:red;}*/
/* MOBILE: NAVIGATION */
nav {width:100%;position:absolute;}
#utahgov_statewideheader, .browsebytopic {display:none;}
ul.nav-menu li ul.sub-menu, .nav-menu ul li ul.children a, .nav-menu ul li ul.children {display:none;}
ul.nav-menu li, .nav-menu ul li {height:auto; width: 26%;margin-top:15px; margin-right: 2%; margin-left: 2%;min-height:90px;}
ul.nav-menu li {height: 120px; }
#logo {width: 90%;}
header #logo .brand {width:100px;}
#logo .brand img {width: 100px; height: auto; margin-bottom: 7px;}
#logo #searchform {top:55px; width:60%;left:46px;}
#hero { background-position-y: -10px;}
.sticky { background: white; position: absolute; z-index: 5; width:100%; /*overflow: auto;*/}
div#Search { width: 60%; top: 51px; position: absolute; left: 24%;}
.collapsable {width:100%; background-color: white; position: absolute; top:-370px; padding-top:20px;padding-bottom:20px;}
.collapsable_activator {display:block;float:right;width:10%;position:absolute;left:90%;top:45px;z-index:10;padding:10px 0;}
.collapsable_activator:hover {cursor: pointer;}
.collapsable.active {top:84px; z-index: 4;background:rgb(237, 237, 237);}
.link_button.partnerlink:hover {background:none;}
/* MOBILE: GENERAL */
.editable-clear-x {left:92% !important;}
.double .editable-clear-x { top: 18px;left: 45%;}
main {width:100%;margin-top:0px;}
section article, section aside {margin:0;}
h1 {font-size:30px;}
h2, article h1 {font-size:16px;}
/* MOBILE: DETAIL PAGE */
section#video article { width: 100%;float: none;}
section#video div#course-meta { width: initial; float: none; border-left: none;}
section#video article h1 {font-size:33px;}
/* MOBILE: HOMEPAGE */
#hero {min-height:1100px}
#slideshow .left img {width: 100%;}
#featurettes .feature {width:96%;height:initial;}
#hero #certifications {display:none; }
/* HOMEPAGE */
#mission {width:96%;margin:.5%;top:140px;}
.feature#financial div, .feature#mortgage div,.feature#consumer div {background:none;min-height:initial !important;}
.feature#financial h2 { margin-top:15px; padding-left: 77px; padding-top: 23px;font-size:17px; text-transform:initial; text-align:left; left:20px; height:60px; background: url('images/dfi-sprite.png') no-repeat 0px -586px}
.feature#mortgage h2 { margin-top:15px; padding-left: 77px; padding-top: 23px;font-size:17px; text-transform:initial; text-align:left; left:20px; height:60px; background: url('images/dfi-sprite.png') no-repeat -483px -586px}
.feature#consumer h2 { margin-top:15px; padding-left: 77px; padding-top: 23px;font-size:17px; text-transform:initial; text-align:left; left:20px; height:60px; background: url('images/dfi-sprite.png') no-repeat -962px -582px}
#featurettes .feature .greenlink {float:right; text-align:right; font-size:13px; font-weight:bold; color:#31a68c; background:none;}
#cta,#certifications {display:none;}
section#secondary article, section#secondary aside {clear:both;width:93%;padding: 5px;}
section#secondary aside,.current_page_parent, .current_page_ancestor, .page_item_has_children.current_page_item {background:none;}
section#secondary aside { border-top: 1px solid #dadada !important; padding-top: 20px;}
/* FOOTER */
footer {overflow:auto;}
footer .col.infos {width:65%;}
footer .col {padding:20px auto 35px 10px;}
footer .col.office, footer .col.infos {border-right:none;width:40%;}
footer .col.office {clear:both; }
footer .col.feedback {width:40%;}
}
@media handheld, only screen and (max-width: 550px) { #logo #searchform { width: 58%;}}
@media handheld, only screen and (max-width: 500px) { #logo #searchform { width: 53%;}}
@media handheld, only screen and (max-width: 465px) {
#logo #searchform { width: 44%;}
footer .col.feedback {display:none;}
footer .col.office, footer .col.infos {margin-bottom:0;}
footer .col.office {border-right:none;width:80%; margin: 0; padding-top: 0;}
}}