/*
Theme Name: IFI Site Core
Theme URI: http://www.what-if.com
Description: IFI Website Development
Author: The Imagination Factory
Version: 1.2.7
*/

/* --- 00 Core Reset ---------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption  {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
html, body {width:auto;min-width:0;}

/* --- 01 Grid / Structure ---------------------------------------------------------------------- */

.container {display:block;position:relative;width:960px;padding:0;margin:0 auto;clear:both;float:none;}
.container-wide {display:block;position:relative;width:100%;padding:0;margin:0;clear:both;float:none;}
.container .container {width:auto;}

/* 4 column grid elements with gutters */
.col1 {width:23%;margin:0 .98%;float:left;}
.col2 {width:47%;margin:0 .98%;float:left;}
.col3 {width:73%;margin:0 .98%;float:left;}
.col4 {width:98%;margin:0 .98%;float:left;}

/* 4 column containing elements without gutters */
.col1b {width:25%;margin:0;float:left;}
.col2b {width:50%;margin:0;float:left;}
.col3b {width:75%;margin:0;float:left;}
.col4b {width:auto;margin:0;float:left;}

/* 3 column grid elements with gutters */
.tricol1 {width:31%;margin:0 1%;float:left;}
.tricol2 {width:64%;margin:0 1%;float:left;}
.tricol3 {width:98%;margin:0 1%;float:left;}

/* Floated columns for interior content */
.evencol {display:block;position:relative;width:45%;float:left;padding-right:4%;}

/* --- 02 Layout / Type / Basic Styles ------------------------------------------------------------ */

html {font-size:62.5%; /* Force em to reflect px values */ }
body {margin:0;padding:0;background:#fff; color:#666666;font:1.4em/150% sans-serif;min-height:100%;}
h1, h2, h3, h4, h5 {line-height:normal;color: #333333;font-weight:normal;margin: .5em auto;}
h1, h2 {font-size:1.9em;color:#333333;}
h1 a, h2 a {color:#333333;text-decoration:none;}
h3 {font-size:1.4em;}
h3 a {text-decoration:none;}
h4 {font-size:1.0em;}
hr {clear:both;float:none;height:0px;color:#ddd;background:#ddd;}
a {color:#33CCFF;}
a:hover {text-decoration:none;}
.accent1 {color: #33CCFF;}
.accent2 {color: #0099CC;}
small {font-size:.9em;color:#666;}
.small {font-size:.5em;}
.hide {display:none;visibility:hidden;}
.framed, .entry img, .entry .wp-caption {display:block;position:relative;padding:7px;margin:0 10px 10px 10px;border: solid 1px #ccc;background:#fff;}
.entry .wp-caption img {display:inline;position:relative;margin:0;padding:0;}
.entry .wp-caption {text-align:center;}
.noframe {display:block;position:relative;padding:0;margin:10px;border:none !important;background:transparent;}
.alignleft, .left {float:left;}
.alignright, .right {float:right;}
img.alignleft {margin-left:0 !important;}
img.alignright {margin-right:0 !important;}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.center {text-align:center;}
.clear, .clearer {display:block;position:relative;height:1px;overflow:hidden;float:none !important;clear:both !important;}
.required, .error {color:#CC0000;}
.shadow {display:none;visibility:hidden;}
.mobile {display:none;visibility:hidden;}
.desktop {display:block;visibility:visible;}

/* --- 03 Transitions / FX ------------------------------------------------------------------------ */

/* --- 04 Buttons -------------------------------------------------------------------------------- */

.btn, .paged-nav a {display:inline-block;position:relative;padding:7px 10px;border-radius:7px;color:#fff;text-decoration:none;margin-bottom:1px;font-size:.9em;font-weight:normal;line-height:normal;background:#666 url(images/bevel-matte.png) repeat-x top center;}
input.btn {border:none !important;margin:0;}
.btn:hover {background-color:#33CCFF;cursor:pointer;}
.btn-bar {display:block;margin:10px;background:#ededed;border-radius:7px;vertical-align:middle;}
.btn-bar-left {border-top-right-radius:0;border-bottom-right-radius:0;margin-left:1px;}
.btn-bar-center {border-radius:0;margin:0;margin-left:1px;}
.btn-bar-right {border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;}

/* --- 05 Call To Action Box --------------------------------------------------------------------- */

.action {padding:20px;background:#f4f4f4;margin:30px 0;}
.action h3 {color:#333;}

/* --- 06 Quotes & Accents ------------------------------------------------------------------------ */

blockquote {width:auto;padding:3%;margin:2% 0;margin-top:0;background:#f4f4f4 url(images/quote.png) no-repeat 15px 15px;color:#333;font-size:1.3em;line-height:130%;font-style:italic;}
.pquote {width:33%;padding:3%;margin:2%;margin-top:0;background:#f4f4f4 url(images/quote.png) no-repeat 10px 10px;color:#333;font-size:1.3em;line-height:130%;font-style:italic;}
.accentbox1 {display:block;position:relative;margin:0 20px 20px 20px;width:31%;color:#333;font-size:1.3em;line-height:130%;font-style:italic;border-left:10px solid #ddd;padding:13px;background:#f4f4f4;}
.pquote.alignleft, .accentbox1.alignleft {margin-left:0;}
.pquote.alignright, .accentbox1.alignright {margin-right:0;}

/* --- 07 Search Box ----------------------------------------------------------------------------- */

.searchbox {display:block;position:relative;width:auto;height:32px;background:#efefef;border:3px solid #ccc;box-shadow: inset 1px 1px 5px #888;border-radius:30px;margin:0 auto;}
.searchbox form {display:block;width:auto;height:32px;margin:0;padding:0;margin:auto;}
.searchbox * {margin:0;padding:0;}
.searchinput {display:block;position:absolute;background:transparent;width:220px;height:32px;line-height:22px;padding:3px;top:0;left:6px;border:none;}
.searchbtn {display:block;position:absolute;background:transparent url(images/search-btn.png) no-repeat center left;width:34px;height:28px;top:2px;right:2%;overflow:hidden;}

/* --- 08 Header --------------------------------------------------------------------------------- */

#header-container {height:210px;}
#header {height:210px;}

/* Header Logo */
#top-logo {display:block;position:absolute;border:none !important;}
#top-logo img {margin:10px 20px;transition:all .2s linear;}

/* Contact Info */
#header .contact-info {position:absolute;right:10px;top:50px;width:300px;font-size:1.1em;text-align:right;}

#header .custom-txt {position:absolute;right:10px;top:100px;width:300px;text-align:right;}

/* Social Media Links */
.social-links {text-align:center;}
#header .social-links {position:absolute;text-align:right;width:300px;top:10px;right:10px;}

/* --- 09 Sub Header ----------------------------------------------------------------------------- */

/* Slideshow */
#subhdr {display:block;position:relative;height:240px;background:#333;overflow:hidden;}
#subhdrimg {display:block;position:relative;height:240px !important;overflow:hidden;}
#subhdrimg img {position:absolute;display:block;width:auto;}
#subhdrimg .flex-caption {display:block;position:absolute;} 
.flex-prev, .flex-next {font-size:0;}

/* Promotions */
#promotions {background:#ccc url(images/bevel-matte.png) repeat-x top center;padding-top:10px;}
#promotions img {float:left; margin: 0 7px 7px 0;}
#promotions .promo {padding-bottom:40px;}
#promotions .btn {position:absolute;margin: 7px 0;bottom:2px;}

/* Interior Page Sub Header */

.col4 .subhdrint {background:transparent url(images/feature_bkgd.png) no-repeat bottom center;text-align:center;}

/* --- 10 Navigation ------------------------------------------------------------------------------ */

/* Hide Mobile Nav */

#mobilenav *, .nav-btn {display:none;visibility:hidden;} 

/* Setup Top Nav Container */
#mainnav {display:block;position:absolute;bottom:0px;width:100%;height:50px;background:#999 url(images/bevel-matte.png) repeat-x center top;text-align:left;font-size:0;white-space:nowrap;} 
#mainnav a {text-decoration: none;}

#mainnav ul, #mainnav ul li, #menu-mobile-menu ul, #menu-mobile-menu ul li {list-style: none;}

#mainnav ul, #menu-mobile-menu ul {position: relative; padding: 0; margin: 0;}

#mainnav li ul, #menu-mobile-menu li ul {display: none;}

#mainnav .sub, #menu-mobile-menu .sub {display: none;}

#mainnav .sub ul, #menu-mobile-menu .sub ul {display: block;}

#mainnav .sub ul {display: block;}
#mainnav li {display:inline-block;white-space-collapse:discard;*display:inline;}

#mainnav li ul li {display:block;float:left; margin: 0; padding: 0; font-weight: bold;}



/* Top Level Menu Items */

#mainnav li a {display:inline-block;position:relative; line-height:50px; font-size:13px; height:auto; margin-left:1px; padding:0 19px; background:#666 url(images/bevel-matte.png) repeat-x center top; color: #fff; text-align:center; font-weight:normal; transition: background .2s ease-out;}



/* Top Level Menu Item Hover States */

#mainnav li a:hover, #mainnav li.mega-hover a, #mainnav li.mega-hover a:hover {background:#333 url(images/bevel-matte.png) repeat-x center top;color:#fff;transition: background .05s ease-in;}


/* Drop Down Menus */

#mainnav li .sub-container {position: absolute;margin-left:1px;}

#mainnav li .sub {line-height:normal;background: #333 url(images/nav-menu-bkgd.png) repeat-x center bottom; padding: 10px 0 0 10px;text-align:left;}

#mainnav li .sub .row {width: 100%; overflow: hidden;clear: both;}

#mainnav li .sub li {list-style: none; float: none; width: 200px; font-size: 1em; font-weight: normal;}

#mainnav .sub ul li {padding-right: 0;width:auto;}
#mainnav li .sub a {width:auto;text-align:left;white-space:normal;}



#mainnav li .sub-container.non-mega .sub {padding: 10px;margin-top:-1px;}

#mainnav li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}



/* Mega Menu Header Links */

#mainnav li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}

#mainnav li .sub li.mega-hdr.last {margin-right: 0;}

#mainnav li .sub li.mega-hdr a.mega-hdr-a {padding: 7px 10px; margin-bottom: 5px; background:#222 url(images/bevel-matte.png) repeat-x center top; text-transform: uppercase; font-weight: bold; color: #fff;border:none;}

#mainnav li .sub li.mega-hdr a.mega-hdr-a:hover {border:none;}



/* Megamenu drop down links */

#mainnav li .sub a {display: block; float: none; line-height:normal !important; border:none; margin:0 !important; background: transparent; color: #fff; padding: 7px 10px; margin-bottom:1px;text-transform:none;transition: all .5s ease-out;}

#mainnav li .sub a:hover {background:#666;border-left:none;transition: all .1s ease-in;}


#mainnav li a, .dc-mega-icon {*display:inline;} /* cheap ie fix */


.breadcrumbs {margin-bottom:15px;padding-left:20px;font-size:.9em;}
.tpl_home .breadcrumbs {visibility:hidden;display:none;}


/* Paged Links Above Footer */
.paged-nav {text-align:center;margin-bottom:10px;}
.paged-nav .current {display:inline-block;position:relative;padding:6px 9px;border-radius:7px;text-decoration:none;margin-bottom:1px;font-weight:normal;line-height:normal;background:#efefef url(images/bevel-matte.png) repeat-x top center;border:1px solid #ccc;}
.paged-nav a:hover {background-color:#33CCFF;}


/* --- 11 Page Content ----------------------------------------------------------------------- */

#content-container {display:block;position:relative;clear:both;float:none;background:#fff;padding-top:10px;}
#content-container section {padding:0 2em;}
.home section {min-height:100px !important;border:none;}
/* Unordered Lists */
.entry ul {padding-left:20px;margin:1em 0;}
.entry ul li {padding:6px 0 6px 25px;background:transparent url(images/bullet-li.png) no-repeat left 7px;color: #888;}
.entry ul li ul li {padding:6px 0 6px 25px;background:transparent url(images/bullet-li-li.png) no-repeat left 7px;color: #888;}
.entry {}
/* Ordered Lists */
.entry ol {counter-reset:li;margin-left:0;padding-left:0;}
.entry ol > li {position:relative; margin:0 0 6px 2em;padding:4px 8px;list-style:none;border-top:1px solid #999;background:#f6f6f6;}
ol > li:before {content:counter(li);counter-increment:li;position:absolute;top:-1px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;padding:4px;border-top:1px solid #999;color:#fff;background:#999;font-weight:bold;text-align:center;}
.entry li ol,
.entry li ul {margin-top:6px;}
.entry ol ol li:last-child {margin-bottom:0;}

.page-title {padding-left:20px;}

/* --- 12 Sidebar --------------------------------------------------------------------------- */

#sidebar {}
#sidebar .widget-container {display:block;position:relative;margin-bottom:20px;background:#efefef;}
#sidebar .widget-container a {display:block;position:relative;padding:12px 5px 12px 35px;line-height:normal;margin-top:1px;background:transparent url(images/ico/page.png) no-repeat 10px center;text-decoration:none;color:#666;border-bottom: 1px dotted #ededed;}
#sidebar .widget-container select {margin:10px;}
#sidebar .widget-container a:hover {background-color:#fefefe;color:#33CCFF;}
#sidebar .widget-title {display:block;position:relative;padding:10px;margin:0;background:#999 url(images/bevel-matte.png) repeat-x center top;color:#ffffff;font-weight:bold;font-size:16px;}
#sidebar .widget-title a, #sidebar .widget-title a:hover {display:block;position:relative;padding:0 0  0 25px;background:transparent url(images/bullet-up.png) no-repeat left center;text-decoration:none;color:#ffffff;border-bottom:none;}
#sidebar .sidebar-content {padding:10px; background:#efefef;margin-bottom:20px;}
.pagenav .current_page_item {font-weight:bold;}

/* --- 13 Footer ---------------------------------------------------------------------------- */

#footer-container {}
#footer {padding:20px 0 0 0;}

/* Widget columns in footer */
#footer .widget-title, #footer h3 {display:block;position:relative;padding-bottom:3px;padding-left:10px;color:#666;border-bottom:1px dotted #666;font-weight:normal;font-size:18px;}
#footer .widget-container {display:block;position:relative;margin-bottom:10px;color:#666;}
#footer .widget-container a {display:block;color:#fff;border-bottom:1px dotted #666;text-decoration:none;padding: 5px 12px;font-size:14px;}
#footer .widget-container .textwidget {padding-left:10px;}
#footer .widget_text .widget-title {border:none;}
#footer #footernav {display:block;position:relative;margin:auto;text-align:center;padding-bottom:10px;}
#footer #footernav ul, #footer #footernav li {list-style-type:none;display:inline;}

.subfooter {text-align:center;padding-bottom:10px;}

/* --- 14 Forms ------------------------------------------------------------------------------ */

form.styledform, form.visual-form-builder {width:100%;margin-bottom:20px;}
form.styledform fieldset, form.visual-form-builder fieldset {padding:10px;border: 1px solid #ccc;margin-bottom:10px;background:#efefef;}
form.styledform legend, form.visual-form-builder .legend {color: #fff !important;background: #003376;border:none;padding: 2px 6px;}
form.visual-form-builder .legend {margin-top:-20px;margin-bottom:10px;width:200px;}
form.visual-form-builder .legend h3 {font-size:16px;color:#fff;}
form.styledform label, .formpad, form.visual-form-builder label {display:block;position:relative;}
form.styledform input:focus, form.styledform textarea:focus, form.styledform select:focus {background-color: #F2FDFF;}
form.visual-form-builder ul {display:block;position:relative;list-style:none;margin:0;padding:0;float:none;clear:both;}
form.styledform p, form.visual-form-builder li, form.styledform .formbox {display:block;position:relative;background:#FCFBFA;padding:4px;margin:0 0 3px 0;float:none;clear:both;}
form.styledform strong{display:block;position:relative;padding-top:10px !important;float:none;clear:both;}
form.styledform .padded {border-left:10px solid #666;padding-left:10px;}
td.form_label {width:200px;}
.form_input textarea {width:500px;}
.hide {display:none !important;visibility:hidden !important;}
form.visual-form-builder span {}

input.norm {width:200px !important;}

/* --- Webkit, you fail me -------------------------------------------------------------------- */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        background-position: 49.999% 0;
    }
}

/* --- 16 Mobile Setup ------------------------------------------------------------------------ */

/* --- Portrait Orientation ------------------------------------------------------------------- */

@media screen and (orientation:portrait) {
html, body {width:auto;min-width:960px;}
}

/* --- Landscape Orientation ------------------------------------------------------------------ */

@media screen and (orientation:landscape) {
body {}
}

/* --- 17 Breakpoint: 700px ------------------------------------------------------------------- */

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

/* --- Responsive Structure ------------------------------------------------------------------- */

html, body {width:auto;min-width:100%;margin:0;padding:0;background:#fff;}
.container, .container-wide {display:block;position:relative;width:100%;padding:0;margin:0;clear:both;float:none;}
.col1, .col2, .col3, .col4, .col1b, .col2b, .col3b, .col4b, .tricol1, .tricol2, .tricol3 {width:auto;margin:0;float:none;clear:both;margin-bottom:10px;padding-bottom:10px;}
.firstcol {}
.lastcol {}
.evencol {display:block;position:relative;margin-bottom:10px;width:100%;float:none;clear:both;transition:all .2s linear;}
img { max-width: 100%; height:auto !important;transition:all .2s linear;}
.mobile {display:block;visibility:visible;}
.desktop {display:none;visibility:hidden;}

/* --- mHeader -------------------------------------------------------------------------------- */

#header-container, #header {display:block;position:relative;height:70px;width:100%;}
#top-logo img {max-height:60px;width:auto;margin:5px 20px;}
#intsubhdrcont, #intsubhdrimg, #intsubhdrimg img {display:block;position:relative;max-width: 100%; height:auto !important;overflow:hidden;width:100%;}
#subhdr, #promotions, #header .callbox {display:none;visibility:hidden;}

/* --- mNavigation ---------------------------------------------------------------------------- */

#mainnav {display:none;}
#mobilenav * {display:block;visibility:visible;}
#mobilenav {display:block;visibility:visible;position:relative;}
#mobilenav a {display:block;background:#454545 url(images/ico/page.png) no-repeat 15px center;padding:12px 12px 12px 47px;margin:0;border-bottom:1px solid #fff;color:#fff;text-decoration:none;}
#mobilenav a.dcjq-parent {display:block;background:#454545 url(images/ico/folder.png) no-repeat 15px center;padding:12px 12px 12px 47px;margin:0;border-bottom:1px solid #fff;color:#fff;text-decoration:none;}
#mobilenav a.active, .sub-menu .sub-menu a {background-color:#333 !important;}
.dcjq-parent {}
.dcjq-count {display:none;visibility:hidden;}

#mobilenav>ul>li>a .dcjq-icon {display:block;position:relative;height:26px;width:26px;background:transparent url(images/mnav-menu-btn.png) no-repeat center center;position:absolute;top:9px;left:9px;}
#mobilenav>ul>li>a {padding-left:47px;background:#333 url(images/bevel-matte.png) repeat-x !important; color:#fff !important;}

/* --- mContent ------------------------------------------------------------------------------- */

#content-container {background:#fff;}

/* --- mSidebar ------------------------------------------------------------------------------- */

#sidebar, #sidebar .widget-container {width:100%;}
#sidebar .widget-container {}
#sidebar {margin:0;padding:0;}
#sidebar img {}
.btn {margin:10px auto;}

/* --- mFooter -------------------------------------------------------------------------------- */
#footer-container {border-radius:0;}
#footer .widget-container {width:auto;}
#footer #footernav {display:none;}
}

/* --- 18 Breakpoint: 310px ------------------------------------------------------------------- */

@media screen and (max-width: 310px) {
#sidebar {max-width:300px;overflow:hidden;}
#intsubhdrcont, #intsubhdrimg, #intsubhdrimg img {display:none !important;visibility:hidden !important;}
}

/* --- Handcrafted with love by Keldrick Brown @ The Imagination Factory ----------------------- */